@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Open Sans",sans-serif;--font-serif:"EB Garamond",serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:1rem;--color-background:#f8f9fa;--color-foreground:#222;--color-card:#fff;--color-primary:#1a3150;--color-primary-foreground:#fff;--color-secondary:#f5f5f5;--color-muted:#ececf0;--color-muted-foreground:#717182;--color-accent:#c5a253;--color-destructive:#d4183d;--color-border:#1a31501a;--font-arabic:"Amiri",serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.font-arabic{font-family:var(--font-arabic)}.text-muted{color:var(--color-muted)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}body{background-color:var(--color-background,#f8f9fa);color:var(--color-foreground,#222);font-family:Open Sans,sans-serif}.font-arabic{font-feature-settings:"liga","dlig";font-family:Amiri,serif}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #fff6;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}.bg-parchment{background:linear-gradient(to bottom right,#f8f6f3,#fff,#faf8f5)}.btn-gold{background-color:var(--color-accent,#c5a253);color:#fff;border-radius:.75rem;padding:.75rem 1.5rem;transition:all .2s;box-shadow:0 10px 15px -3px #0000001a}.btn-gold:hover{background-color:#c5a253e6}.btn-primary{background-color:var(--color-primary,#1a3150);color:var(--color-primary-foreground,#fff);border-radius:.75rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{background-color:#1a3150e6}.stats-pill{background-color:#c5a2531a;border:1px solid #c5a25333;border-radius:9999px;padding:.5rem 1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes gold-pulse{0%,to{box-shadow:0 0 #c5a2534d}50%{box-shadow:0 0 0 8px #c5a25300}}.animate-float{animation:6s ease-in-out infinite float}.animate-scale-in{animation:.2s ease-out scale-in}.animate-gold-pulse{animation:2s ease-in-out infinite gold-pulse}.vocab-word-highlight{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:2px dotted #c5a25380;position:relative}.vocab-word-dict{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.vocab-word-dict:hover{background-color:#c5a25314}.vocab-tooltip{border:1px solid #1a31501a;border-top:3px solid var(--color-accent,#c5a253);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;z-index:50;background:#fdfbf7;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 16px #1a31501a}.vocab-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid #0000!important;border-top-color:#fdfbf7!important}.vocab-tooltip:before{content:"";background:0 0;height:12px;position:absolute;top:100%;left:0;right:0}.vocab-word-highlight:hover .vocab-tooltip,.vocab-word-highlight.active .vocab-tooltip,.vocab-word-dict:hover .vocab-tooltip,.vocab-word-dict.active .vocab-tooltip,.vocab-tooltip:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.vocab-tooltip-ar{font-family:var(--font-arabic,"Amiri",serif);color:var(--color-primary,#1a3150);direction:rtl;font-size:1rem}.vocab-tooltip-en{color:var(--color-muted-foreground,#6b7280);font-size:.78rem;font-family:var(--font-sans,"Open Sans",sans-serif)}.vocab-tooltip-save{cursor:pointer;color:var(--color-muted-foreground,#6b7280);background:0 0;border:none;border-top:1px solid #1a315014;justify-content:center;align-items:center;width:100%;margin-top:.15rem;padding:.35rem .2rem .2rem;transition:color .15s;display:flex}.vocab-tooltip-save:hover,.vocab-tooltip-save.saved{color:var(--color-accent,#c5a253)}.gloss-word{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px dashed #1a315033;transition:border-color .15s,background-color .15s;position:relative}.gloss-word:hover{background-color:#c5a25314;border-bottom-color:#c5a25380}.gloss-word:hover .vocab-tooltip,.gloss-word.active .vocab-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.gloss-root{color:var(--color-muted-foreground,#6b7280);letter-spacing:.15em;opacity:.7;font-family:Amiri,serif;font-size:.7rem;display:block}.annotation-word-stack{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex;position:relative}@media(max-width:640px){.vocab-word-highlight.active .vocab-tooltip,.vocab-word-highlight:hover .vocab-tooltip,.vocab-word-dict.active .vocab-tooltip,.vocab-word-dict:hover .vocab-tooltip,.gloss-word.active .vocab-tooltip,.gloss-word:hover .vocab-tooltip{white-space:normal;text-align:center;max-width:80vw;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.vocab-word-highlight.active .vocab-tooltip:before,.vocab-word-highlight.active .vocab-tooltip:after,.vocab-word-highlight:hover .vocab-tooltip:before,.vocab-word-highlight:hover .vocab-tooltip:after,.vocab-word-dict.active .vocab-tooltip:before,.vocab-word-dict.active .vocab-tooltip:after,.vocab-word-dict:hover .vocab-tooltip:before,.vocab-word-dict:hover .vocab-tooltip:after,.gloss-word.active .vocab-tooltip:before,.gloss-word.active .vocab-tooltip:after,.gloss-word:hover .vocab-tooltip:before,.gloss-word:hover .vocab-tooltip:after{display:none}}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif)}.font-arabic{font-family:var(--font-arabic);font-feature-settings:"liga","dlig"}.app-layout{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-card);border-right:1px solid var(--color-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#1a315026;border-radius:3px}.sidebar-header{text-align:center;border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1.5rem 1.25rem 1.25rem}.sidebar-header-top{justify-content:flex-end;align-items:center;margin-bottom:.5rem;display:flex}.sidebar-collapse-btn{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:var(--color-primary);background:#1a31500f}.sidebar-close-btn{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;padding:.25rem}.sidebar-brand{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:0;display:flex}.brand-icon{background:var(--color-primary);width:44px;height:44px;color:var(--color-primary-foreground);font-family:var(--font-arabic);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.sidebar-brand h1{color:var(--color-primary);letter-spacing:.02em;text-align:left;margin:0;font-size:1.35rem}.sidebar-brand .subtitle{color:var(--color-accent);font-size:.8rem;font-family:var(--font-arabic);text-align:left}.sidebar-stats{border-top:1px solid var(--color-border);justify-content:center;gap:2rem;margin-top:1rem;padding-top:.75rem;display:flex}.stat{text-align:center}.stat-value{color:var(--color-primary);font-size:1.25rem;font-weight:600;font-family:var(--font-serif)}.stat-label{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-family:var(--font-sans)}.sidebar-search{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:.75rem 1rem}.search-input-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:border-color .2s;display:flex}.search-input-container:focus-within{border-color:var(--color-primary)}.search-icon{color:var(--color-muted-foreground);flex-shrink:0}.search-input{font-size:.8rem;font-family:var(--font-sans);color:var(--color-foreground);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-input::placeholder{color:var(--color-muted-foreground);opacity:.6}.search-clear{cursor:pointer;color:var(--color-muted-foreground);background:0 0;border:none;align-items:center;padding:2px;display:flex}.search-clear:hover{color:var(--color-foreground)}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.era-group{margin-bottom:.125rem}.era-header{cursor:pointer;font-family:var(--font-sans);text-align:left;width:100%;color:inherit;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;display:flex}.era-header:hover{background:#1a31500a;border-left-color:#c5a2534d}.era-header.active{border-left-color:var(--color-accent);background:#1a31500f}.chevron-icon{color:var(--color-primary);flex-shrink:0;transition:transform .2s}.chevron-icon.expanded{transform:rotate(90deg)}.era-name{color:var(--color-foreground);flex:1;font-size:.85rem;font-weight:600}.era-name-ar{font-family:var(--font-arabic);color:var(--color-muted-foreground);direction:rtl;font-size:.85rem}.era-count{color:var(--color-muted-foreground);font-size:.7rem;font-family:var(--font-sans);background:#1a31500f;border-radius:10px;flex-shrink:0;padding:.1rem .45rem}.era-children{background:#1a315005}.poet-item{cursor:pointer;font-size:.8rem;font-family:var(--font-sans);color:var(--color-muted-foreground);text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:.5rem;width:100%;padding:.5rem 1.25rem .5rem 2.25rem;transition:all .2s;display:flex}.poet-item:hover{color:var(--color-foreground);background:#1a31500a}.poet-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#1a31500f;font-weight:500}.nav-dot{background:var(--color-muted-foreground);opacity:.2;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-dot.has-read{background:var(--color-accent);opacity:1}.poet-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.poet-name-ar{font-family:var(--font-arabic);color:var(--color-accent);opacity:.7;white-space:nowrap;text-overflow:ellipsis;direction:rtl;max-width:90px;font-size:.82rem;overflow:hidden}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-muted-foreground);font-size:.7rem;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.main-content{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100vh;padding:2.5rem 3rem;display:flex;overflow-y:auto}.main-content>.main-content-center{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:800px;display:flex}.breadcrumb{font-size:.82rem;font-family:var(--font-sans);align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.breadcrumb-link{color:var(--color-muted-foreground);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;transition:color .2s}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-muted-foreground);opacity:.4}.breadcrumb-current{color:var(--color-foreground);font-weight:500}.hero{text-align:center;padding:2rem 0 3rem}.hero-icon{background:var(--color-primary);width:72px;height:72px;color:var(--color-primary-foreground);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.hero-title{color:var(--color-primary);margin:0;font-size:2.75rem;line-height:1.2}.hero-subtitle{color:var(--color-accent);font-size:2rem;font-family:var(--font-arabic);margin:.25rem 0 1rem}.hero-description{color:var(--color-muted-foreground);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.6}.home-stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);justify-content:center;gap:3rem;margin:2rem 0;padding:1.5rem 0;display:flex}.home-stat{text-align:center}.home-stat-value{color:var(--color-primary);font-size:2rem;font-weight:600;font-family:var(--font-serif)}.home-stat-label{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-family:var(--font-sans)}.section-heading{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin:2rem 0 1.25rem;padding-bottom:.5rem;font-size:1.25rem}.nav-cards{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3rem;display:grid}.nav-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex}.nav-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px #1a315014}.nav-card-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.nav-card-name-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;font-size:1.25rem;line-height:1.6}.nav-card-name-en{color:var(--color-foreground);font-size:.95rem;font-weight:500;font-family:var(--font-serif);margin:0}.nav-card-dates{color:var(--color-muted-foreground);margin-top:.15rem;font-size:.75rem}.nav-card-badges{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.nav-card-count{color:var(--color-accent);margin-top:auto;padding-top:.5rem;font-size:.75rem;font-weight:600}.poet-header{margin-bottom:2rem;animation:.3s both fadeIn}.poet-name-ar-large{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;margin:0 0 .25rem;font-size:2.5rem;line-height:1.4}.poet-name-en-large{color:var(--color-foreground);margin:0 0 .5rem;font-size:1.5rem}.poet-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.poet-dates{color:var(--color-muted-foreground);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.poet-bio{color:var(--color-muted-foreground);border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem;font-size:.95rem;line-height:1.7}.poem-cards{flex-direction:column;gap:.75rem;display:flex}.poem-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:.5rem;width:100%;padding:1.25rem;transition:all .2s;display:flex}.poem-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px #1a315014}.poem-card-title-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;font-size:1.2rem;line-height:1.6}.poem-card-title-en{color:var(--color-foreground);font-size:.9rem;font-weight:500;font-family:var(--font-serif)}.poem-card-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.poem-card-preview{font-family:var(--font-arabic);color:var(--color-muted-foreground);opacity:.7;white-space:nowrap;text-overflow:ellipsis;direction:rtl;font-size:1rem;line-height:1.8;overflow:hidden}.poem-card-study-btn{color:var(--color-accent);cursor:pointer;background:#c5a25314;border-radius:4px;align-items:center;gap:.3rem;margin-top:.5rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;transition:background .15s;display:inline-flex}.poem-card-study-btn:hover{background:#c5a2532e}.verse-container{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem;padding:2rem}.verse-line{direction:rtl;border-bottom:1px solid #1a31500d;justify-content:center;align-items:baseline;gap:2rem;padding:.75rem 0;display:flex}.verse-line:last-child{border-bottom:none}.verse-number{color:var(--color-muted-foreground);text-align:center;min-width:1.5rem;font-size:.75rem;font-family:var(--font-sans);direction:ltr}.verse-sadr,.verse-ajuz{font-family:var(--font-arabic);color:var(--color-primary);text-align:center;flex:1;font-size:1.5rem;line-height:2}.verse-separator{width:12px;height:12px;color:var(--color-accent);opacity:.4;flex-shrink:0}.verse-line.free-verse{justify-content:center}.verse-line.free-verse .verse-sadr{text-align:center;flex:unset;max-width:80%}.poem-header{margin-bottom:1.5rem;animation:.3s both fadeIn}.poem-title-ar{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;margin:0 0 .25rem;font-size:2rem;line-height:1.4}.poem-title-en{color:var(--color-foreground);font-size:1.35rem;font-family:var(--font-serif);margin:0 0 .5rem}.poem-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.poem-poet-link{color:var(--color-muted-foreground);cursor:pointer;font-size:.85rem;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:.35rem;padding:0;transition:color .2s;display:flex}.poem-poet-link:hover{color:var(--color-primary)}.text-toolbar{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.toolbar-btn{border:1px solid var(--color-border);font-size:.8rem;font-family:var(--font-sans);color:var(--color-foreground);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;transition:all .2s;display:flex}.toolbar-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#1a31500a}.toolbar-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.toolbar-spacer{flex:1}.toolbar-verse-count{color:var(--color-muted-foreground);font-size:.78rem}.translation-block{background:#c5a2530f;border:1px solid #c5a25326;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.translation-label{color:var(--color-accent);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.translation-text{color:var(--color-foreground);font-size:1rem;line-height:1.7}.panel-collapsible{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;margin-bottom:1rem;overflow:hidden}.panel-header{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;transition:background .2s;display:flex}.panel-header:hover{background:#1a315008}.panel-header-left{align-items:center;gap:.6rem;display:flex}.panel-icon{color:var(--color-accent)}.panel-title{color:var(--color-primary);font-size:.9rem;font-weight:600;font-family:var(--font-sans)}.panel-count{color:var(--color-muted-foreground);font-size:.72rem}.panel-chevron{color:var(--color-accent);flex-shrink:0;transition:transform .3s}.panel-chevron.expanded{transform:rotate(180deg)}.panel-body{border-top:1px solid var(--color-border);padding:.75rem 1.25rem 1rem;animation:.2s both fadeIn}.vocab-item{border-bottom:1px solid #1a31500d;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.vocab-item:last-child{border-bottom:none}.vocab-word{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;font-size:1.2rem}.vocab-meaning{color:var(--color-muted-foreground);text-align:right;font-size:.85rem}.context-block{border:1px solid var(--color-border);background:#1a315008;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.context-label{color:var(--color-primary);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.context-text{color:var(--color-muted-foreground);font-size:.95rem;line-height:1.7}.text-nav{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.text-nav-btn{border:1px solid var(--color-border);font-size:.82rem;font-family:var(--font-sans);color:var(--color-foreground);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1rem;transition:all .2s;display:flex}.text-nav-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.text-nav-btn:disabled{opacity:.35;cursor:not-allowed}.text-nav-position{color:var(--color-muted-foreground);font-size:.8rem}.level-badge{font-size:.75rem;font-weight:600;font-family:var(--font-sans);border-radius:20px;padding:.2rem .65rem}.level-badge.beginner{color:#16a34a;background:#22c55e1f}.level-badge.intermediate{color:#2563eb;background:#3b82f61f}.level-badge.advanced{color:#9333ea;background:#a855f71f}.genre-badge{font-size:.7rem;font-weight:500;font-family:var(--font-sans);color:var(--color-accent);background:#c5a2531f;border-radius:20px;padding:.15rem .55rem}.era-badge{font-size:.7rem;font-weight:500;font-family:var(--font-sans);color:var(--color-primary);background:#1a315014;border-radius:20px;padding:.15rem .55rem}.verse-count-badge{font-size:.7rem;font-weight:500;font-family:var(--font-sans);color:var(--color-accent);background:#c5a2531f;border-radius:20px;padding:.15rem .55rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h2{color:var(--color-muted-foreground);margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:var(--color-muted-foreground);font-size:1rem}.loading-state{text-align:center;color:var(--color-muted-foreground);padding:4rem 2rem}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:.95rem}.poet-poem-count{color:var(--color-muted-foreground);background:var(--color-surface);border-radius:8px;margin-left:auto;padding:.1rem .45rem;font-size:.72rem;font-weight:500}.btn{border:1px solid var(--color-border);color:var(--color-foreground);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:6px;padding:.6rem 1.25rem;font-size:.85rem;transition:all .2s}.btn:hover,.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover{color:var(--color-primary);background:0 0}.hamburger-btn{z-index:90;background:var(--color-card);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #0000001a}.sidebar-overlay{z-index:98;background:#0006;display:none;position:fixed;top:0;right:0;bottom:0;left:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1a315026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a315040}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:.3s both fadeIn}.animate-fade-in-up{animation:.4s both fadeInUp}.app-layout.sidebar-collapsed{grid-template-columns:1fr}.app-layout.sidebar-collapsed .sidebar{z-index:99;width:300px;max-width:85vw;box-shadow:none;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-layout.sidebar-collapsed .sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000001a}.app-layout.sidebar-collapsed .sidebar-header-top{justify-content:space-between;align-items:center;display:flex}.app-layout.sidebar-collapsed .sidebar-overlay.visible{animation:.2s fadeIn;display:block}.app-layout.sidebar-collapsed .hamburger-btn{display:flex}.app-layout.sidebar-collapsed .main-content{padding-top:4rem}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{z-index:99;width:300px;max-width:85vw;box-shadow:none;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000001a}.sidebar-header-top{justify-content:flex-end;margin-bottom:.5rem;display:flex}.sidebar-overlay.visible{animation:.2s fadeIn;display:block}.hamburger-btn{display:flex}.main-content{padding:4rem 1.5rem 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.5rem}.nav-cards{grid-template-columns:1fr}.home-stats{gap:1.5rem}.poet-name-ar-large{font-size:2rem}.poet-name-en-large{font-size:1.25rem}.poem-title-ar{font-size:1.5rem}.poem-title-en{font-size:1.1rem}.verse-sadr,.verse-ajuz{font-size:1.25rem}.verse-line{gap:1rem}.verse-container{padding:1.25rem}}@media(min-width:768px)and (max-width:1024px){button,select,input,.touch-target{min-height:48px}.poet-item{align-items:center;min-height:44px;display:flex}.era-header{min-height:48px}}@media(max-width:640px){button,select,input,.touch-target{min-height:44px}.verse-line{flex-direction:column;align-items:center;gap:.25rem}.verse-separator{display:none}.verse-sadr,.verse-ajuz{font-size:1.15rem}.verse-number{align-self:flex-end}}.verse-sadr.annotation-active,.verse-ajuz.annotation-active{flex-wrap:wrap;justify-content:center;gap:.15rem .4rem;padding-bottom:.5rem;line-height:1.4;display:inline-flex}.verse-line.irab-verse{align-items:flex-start;padding:1rem 0}.irab-badge{font-family:var(--font-arabic);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:10px;margin-top:.15rem;padding:.1rem .4rem;font-size:.6rem;line-height:1.3;transition:opacity .2s,transform .15s;display:block}.irab-badge:hover{opacity:.85;transform:scale(1.05)}.irab-nominal{color:#2563eb;background:#3b82f61f}.irab-verbal{color:#9333ea;background:#a855f71f}.irab-particle{color:#92751d;background:#c5a25326}.irab-modifier{color:#16a34a;background:#22c55e1f}.irab-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.irab-dot.irab-nominal{background:#3b82f6}.irab-dot.irab-verbal{background:#a855f7}.irab-dot.irab-particle{background:var(--color-accent)}.irab-dot.irab-modifier{background:#22c55e}.irab-legend{color:var(--color-muted-foreground);font-size:.75rem;font-family:var(--font-sans);justify-content:center;align-items:center;gap:1.25rem;margin-bottom:.75rem;padding:.5rem 1rem;display:flex}.irab-legend-item{align-items:center;gap:.35rem;display:flex}.irab-detail{background:var(--color-card);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:10px;margin-bottom:1.5rem;padding:1.25rem 1.5rem;animation:.2s both fadeInUp}.irab-detail-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.irab-detail-word{color:var(--color-primary);font-size:1.75rem;font-weight:700}.irab-detail-close{border:1px solid var(--color-border);cursor:pointer;color:var(--color-muted-foreground);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;transition:all .2s;display:flex}.irab-detail-close:hover{color:var(--color-foreground);background:#1a31500f}.irab-detail-body{flex-direction:column;gap:.6rem;display:flex}.irab-detail-row{align-items:baseline;gap:.75rem;display:flex}.irab-detail-label{color:var(--color-muted-foreground);min-width:120px;font-size:.78rem;font-family:var(--font-sans);flex-shrink:0}.irab-detail-value{color:var(--color-foreground);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.irab-detail-ar{color:var(--color-primary);direction:rtl;font-size:1rem}.irab-detail-notes{color:var(--color-muted-foreground);background:#1a315008;border-radius:6px;margin-top:.25rem;padding:.6rem .85rem;font-size:.82rem;font-style:italic;line-height:1.5}.sharh-block{border-bottom:1px solid #1a31500d;gap:.75rem;margin:0 .5rem;padding:.6rem 1rem .6rem 1.5rem;animation:.2s both fadeIn;display:flex}.sharh-verse-num{color:var(--color-accent);opacity:.6;min-width:1.2rem;font-size:.7rem;font-weight:600;font-family:var(--font-sans);padding-top:.1rem}.sharh-content{flex-direction:column;flex:1;gap:.35rem;display:flex}.sharh-text-ar{font-family:var(--font-arabic);color:var(--color-primary);margin:0;font-size:1rem;line-height:1.8}.sharh-text{color:var(--color-muted-foreground);margin:0;font-size:.85rem;font-style:italic;line-height:1.6}.toolbar-btn.loading{opacity:.6;cursor:wait}@media(max-width:640px){.irab-badge{padding:.05rem .3rem;font-size:.55rem}.irab-legend{flex-wrap:wrap;justify-content:center;gap:.75rem;font-size:.68rem}.irab-detail{z-index:60;border-bottom:none;border-radius:16px 16px 0 0;max-height:45vh;margin-bottom:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 24px #0000001f}.irab-detail-label{min-width:90px;font-size:.72rem}.irab-detail-word{font-size:1.4rem}.verse-sadr.annotation-active,.verse-ajuz.annotation-active{gap:.1rem .25rem}}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@supports (-webkit-touch-callout:none){button,[role=button]{-webkit-tap-highlight-color:transparent}.overflow-auto,.overflow-y-auto,.sidebar,.main-content{-webkit-overflow-scrolling:touch}}.translation-study{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:1400px;padding:2rem 2.5rem 4rem;display:flex}.study-header{text-align:center;margin-bottom:1.5rem}.study-header-top{color:var(--color-accent);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.study-title{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:600}.study-header .poem-title-ar{margin:.25rem 0;font-size:1.8rem}.study-header .poem-title-en{color:var(--color-muted-foreground);margin:0 0 .75rem;font-size:1.1rem}.study-context-card{background:var(--color-secondary);border-left:3px solid var(--color-accent);border-radius:8px;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.study-context-card h4{color:var(--color-primary);margin:0 0 .25rem;font-size:.85rem;font-weight:600}.study-context-card p{color:var(--color-muted-foreground);margin:0;font-size:.85rem;line-height:1.6}.study-context-card svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.study-overall-progress{margin-bottom:1.5rem}.study-progress-bar{background:var(--color-muted);border-radius:3px;height:6px;overflow:hidden}.study-progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .4s}.study-progress-text{text-align:center;color:var(--color-muted-foreground);margin-top:.35rem;font-size:.75rem;display:block}.study-body{grid-template-columns:240px 1fr;align-items:start;gap:2rem;display:grid}.verse-progress-map{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;max-height:calc(100vh - 2rem);padding:1rem .5rem;position:sticky;top:1rem;overflow-y:auto}.map-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);margin:0 0 .5rem;padding:0 .5rem;font-size:.8rem;font-weight:600}.verse-map-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.5rem;transition:background .15s;display:flex}.verse-map-item:hover:not(:disabled){background:var(--color-secondary)}.verse-map-item.current{background:var(--color-primary);color:var(--color-primary-foreground)}.verse-map-item.current .verse-map-num,.verse-map-item.current .verse-map-preview{color:var(--color-primary-foreground)}.verse-map-item.complete .verse-map-icon{color:var(--color-accent)}.verse-map-item.locked{opacity:.4;cursor:not-allowed}.verse-map-icon{flex-shrink:0;margin-top:2px}.verse-map-content{flex-direction:column;gap:1px;min-width:0;display:flex}.verse-map-num{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.verse-map-preview{color:var(--color-muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.verse-map-stage{text-transform:uppercase;letter-spacing:.03em;color:var(--color-accent);margin-top:1px;font-size:.6rem;font-weight:600}.verse-map-item.current .verse-map-stage{color:#fffc}.study-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;min-height:400px;padding:2rem}.stage-stepper{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1rem}.stage-stepper-verse{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);margin-bottom:.6rem;font-size:.75rem;font-weight:600;display:block}.stage-stepper-track{gap:0;display:flex}.stepper-step{border-bottom:2px solid var(--color-muted);border-radius:0;flex:1;align-items:center;gap:.4rem;padding:.4rem .6rem;transition:all .2s;display:flex}.stepper-step:first-child{border-radius:4px 0 0 4px}.stepper-step:last-child{border-radius:0 4px 4px 0}.stepper-step.done{border-bottom-color:var(--color-accent)}.stepper-step.active{border-bottom-color:var(--color-primary);background:#1a315008}.stepper-dot{background:var(--color-muted);width:22px;height:22px;color:var(--color-muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.stepper-step.done .stepper-dot{background:var(--color-accent);color:#fff}.stepper-step.active .stepper-dot{background:var(--color-primary);color:#fff}.stepper-label{text-transform:uppercase;letter-spacing:.02em;color:var(--color-muted-foreground);font-size:.7rem;font-weight:600}.stepper-step.active .stepper-label{color:var(--color-primary)}.stepper-step.done .stepper-label{color:var(--color-accent)}.scaffold-hint{color:var(--color-accent);margin:.5rem 0 0;font-size:.75rem;font-style:italic}.study-stage{animation:.3s fadeIn}.stage-header{gap:.75rem;margin-bottom:1.5rem;display:flex}.stage-number{background:var(--color-primary);width:32px;height:32px;color:var(--color-primary-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.stage-title{color:var(--color-primary);margin:0;font-size:1.1rem;font-weight:600}.stage-title-ar{color:var(--color-accent);margin-left:.5rem;font-weight:400}.stage-desc{color:var(--color-muted-foreground);margin:.15rem 0 0;font-size:.8rem}.study-label{color:var(--color-foreground);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.study-textarea{border:1px solid var(--color-border);width:100%;font-family:var(--font-serif);resize:vertical;background:var(--color-card);color:var(--color-foreground);border-radius:8px;padding:.75rem;font-size:.95rem;line-height:1.6;transition:border-color .2s}.study-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1a31501a}.study-textarea-lg{min-height:120px}.study-input{border:1px solid var(--color-border);font-size:.85rem;font-family:var(--font-sans);background:var(--color-card);border-radius:6px;flex:1;padding:.5rem .75rem}.study-input:focus{border-color:var(--color-primary);outline:none}.stage-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.btn-secondary{background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-secondary:hover{background:var(--color-muted)}.btn-ghost{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;transition:all .2s}.btn-ghost:hover{background:var(--color-secondary);color:var(--color-primary)}.btn-sm{padding:.35rem .65rem;font-size:.75rem}.btn:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed}.encounter-verse,.decode-verse,.translate-verse,.reflect-verse,.interpret-verse{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;margin-bottom:1.5rem;padding:2rem}.verse-line{font-size:1.8rem;line-height:2.4}.verse-sep{color:var(--color-accent);margin:0 1rem;font-weight:300;display:inline-block}.encounter-prompt{margin-bottom:1rem}.confidence-picker{margin-top:1rem}.confidence-options{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.confidence-btn{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;text-align:left;font-family:var(--font-sans);border-radius:8px;flex-direction:column;padding:.75rem 1rem;transition:all .15s;display:flex}.confidence-btn strong{color:var(--color-foreground);font-size:.85rem}.confidence-btn span{color:var(--color-muted-foreground);font-size:.75rem}.confidence-btn:hover{border-color:var(--color-primary)}.confidence-btn.active{border-color:var(--color-primary);background:#1a31500a}.decode-word-wrapper{flex-direction:column;align-items:center;margin:0 .15rem;display:inline-flex}.decode-word{cursor:pointer;font-family:var(--font-arabic);font-size:inherit;color:inherit;background:0 0;border:1.5px solid #0000;border-radius:4px;padding:2px 6px;transition:all .15s}.decode-word:hover{border-color:var(--color-primary);background:#1a31500a}.decode-word.active{border-color:var(--color-primary);background:#1a315014}.decode-word.correct{background:#22c55e0f;border-color:#22c55e}.decode-word.revealed{border-color:var(--color-accent);background:#c5a2530f}.decode-gloss{font-size:.6rem;font-family:var(--font-sans);color:var(--color-muted-foreground);text-align:center;max-width:80px;margin-top:2px;line-height:1.2}.decode-no-irab{background:var(--color-secondary);border-radius:8px;margin-bottom:1rem;padding:1rem}.decode-no-irab p{color:var(--color-muted-foreground);margin:0;font-size:.85rem;line-height:1.5}.decode-guess-panel{background:var(--color-secondary);border-radius:8px;margin-bottom:1rem;padding:1rem}.decode-guess-prompt{margin:0 0 .5rem;font-size:.85rem}.decode-guess-row{align-items:center;gap:.5rem;display:flex}.decode-progress{margin:1rem 0}.decode-progress-bar{background:var(--color-muted);border-radius:2px;height:4px;overflow:hidden}.decode-progress-fill{background:#22c55e;border-radius:2px;height:100%;transition:width .3s}.decode-progress-text{color:var(--color-muted-foreground);margin-top:.25rem;font-size:.7rem;display:block}.decode-grammar-section{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.decode-grammar h4{margin:0 0 .75rem;font-size:.9rem}.decode-grammar-words{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.decode-grammar-word{flex-direction:column;align-items:center;gap:2px;font-size:.75rem;display:flex}.decode-grammar-word .font-arabic{font-size:1.1rem}.grammar-case{color:var(--color-muted-foreground);font-size:.6rem}.translate-glosses{text-align:center;margin-bottom:1rem}.gloss-line{color:var(--color-muted-foreground);font-size:.8rem;font-family:var(--font-serif);background:var(--color-secondary);border-radius:6px;padding:.5rem;line-height:1.5}.translate-concepts{background:var(--color-secondary);border-radius:8px;margin-bottom:1rem;padding:.6rem .75rem;font-size:.8rem}.translate-concepts summary{cursor:pointer;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.concepts-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:.5rem;display:grid}.concept-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;padding:.5rem .65rem}.concept-term{color:var(--color-primary);margin-right:.4rem;font-size:1.1rem}.concept-transliteration{color:var(--color-accent);font-size:.75rem;font-style:italic;font-weight:600}.concept-explanation{color:var(--color-muted-foreground);margin:.25rem 0 0;font-size:.75rem;line-height:1.5}.proverbial-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);background:#c5a2531f;border-radius:20px;margin-top:.6rem;padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-block}.reflect-meter{background:var(--color-secondary);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.meter-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted-foreground);font-size:.7rem;font-weight:700}.meter-name{color:var(--color-primary);font-size:.85rem;font-weight:600}.meter-name-ar{color:var(--color-accent);font-size:.95rem}.meter-badge{color:var(--color-accent);background:#c5a25314;border-radius:20px;padding:.15rem .55rem;font-size:.75rem}.reflect-bio{background:var(--color-secondary);border-left:3px solid var(--color-accent);border-radius:8px;margin-bottom:1rem;padding:.6rem .75rem}.reflect-bio summary{cursor:pointer;color:var(--color-accent);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.reflect-bio p{font-size:.85rem;font-family:var(--font-serif);color:var(--color-muted-foreground);margin:.4rem 0 0;line-height:1.6}.translate-steps{justify-content:center;gap:1rem;margin-bottom:1.25rem;display:flex}.translate-step{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted-foreground);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.translate-step.active{color:var(--color-primary);background:#1a31500f}.translate-step.done{color:var(--color-accent)}.translate-substep{animation:.25s fadeIn}.translate-reference{background:var(--color-secondary);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.reference-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted-foreground);font-size:.7rem;font-weight:600}.reference-text{font-size:.9rem;font-family:var(--font-serif);color:var(--color-foreground);margin:.25rem 0 0}.translate-comparison{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.comparison-col{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;padding:1.25rem}.comparison-col h4{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted-foreground);margin:0 0 .5rem;font-size:.8rem;font-weight:600}.comparison-col p{font-size:.95rem;font-family:var(--font-serif);margin:0;line-height:1.7}.comparison-col .sharh-ar{color:var(--color-muted-foreground);margin-top:.75rem;font-size:1.05rem;line-height:1.8}.sharh-col{border-left:3px solid var(--color-accent)}.translate-assessment,.interpret-rating{margin:1rem 0}.assessment-options,.rating-options{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.assessment-btn,.rating-btn{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;text-align:left;font-family:var(--font-sans);border-radius:6px;flex-direction:column;padding:.6rem 1rem;font-size:.85rem;transition:all .15s;display:flex}.assessment-btn:hover,.rating-btn:hover{border-color:var(--color-primary)}.assessment-btn.active,.rating-btn.active{border-color:var(--color-primary);background:#1a31500a}.rating-btn strong{font-size:.85rem}.rating-btn span{color:var(--color-muted-foreground);font-size:.7rem}.reflect-content-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.reflect-balagha,.reflect-references{margin-bottom:1.25rem}.reflect-balagha h4,.reflect-references h4,.reflect-prompts h4{color:var(--color-primary);margin:0 0 .5rem;font-size:.9rem}.balagha-card,.reference-card{background:var(--color-secondary);border-radius:8px;margin-bottom:.5rem;padding:.75rem 1rem}.balagha-header{align-items:baseline;gap:.75rem;margin-bottom:.25rem;display:flex}.balagha-label{color:var(--color-primary);font-size:.85rem;font-weight:600}.balagha-label-ar{color:var(--color-accent);font-size:.9rem}.balagha-explanation{color:var(--color-muted-foreground);margin:0;font-size:.8rem;line-height:1.5}.balagha-elements{color:var(--color-accent);margin-top:.35rem;font-size:1rem}.reference-type-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--color-primary);color:var(--color-primary-foreground);border-radius:3px;margin-right:.5rem;padding:1px 6px;font-size:.6rem;font-weight:700;display:inline-block}.reference-source{font-size:.8rem;font-weight:600}.reference-explanation{color:var(--color-muted-foreground);margin:.25rem 0 0;font-size:.8rem;line-height:1.5}.reflect-role{background:var(--color-secondary);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.role-badge{text-transform:uppercase;background:var(--color-accent);color:var(--color-primary);border-radius:3px;padding:2px 8px;font-size:.65rem;font-weight:700}.role-desc{color:var(--color-muted-foreground);font-size:.8rem}.reflect-prompt-card{border:1px solid var(--color-border);border-radius:8px;margin-bottom:.5rem;padding:.75rem 1rem}.prompt-question{font-size:.85rem;font-family:var(--font-serif);color:var(--color-foreground);margin:0;font-style:italic}.prompt-insight{color:var(--color-muted-foreground);border-top:1px dashed var(--color-border);margin:.5rem 0 0;padding-top:.5rem;font-size:.8rem}.reflect-notes{margin-top:1.25rem}.interpret-reference{background:var(--color-secondary);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.interpret-prompts{margin-top:.75rem}.prompts-header{color:var(--color-muted-foreground);margin:0 0 .35rem;font-size:.75rem}.prompt-toggle{text-align:left;background:var(--color-secondary);width:100%;font-size:.8rem;font-family:var(--font-serif);color:var(--color-muted-foreground);cursor:pointer;border:none;border-radius:4px;margin-bottom:.25rem;padding:.4rem .75rem;font-style:italic;transition:background .15s;display:block}.prompt-toggle:hover{background:var(--color-muted)}.comparison-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.comparison-grid .translation-col{grid-column:1/-1}.student-col{border-left:3px solid var(--color-primary)}.translation-col{border-left:3px solid var(--color-muted-foreground)}.stage-complete-review{animation:.3s fadeIn}.complete-banner{color:var(--color-accent);align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.complete-banner h3{color:var(--color-foreground);margin:0;font-size:1.1rem}.complete-review-card{border:1px solid var(--color-border);border-radius:10px;margin-bottom:1.25rem;overflow:hidden}.review-verse{background:var(--color-secondary);text-align:center;border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem;font-size:1.3rem;line-height:2}.review-section{border-bottom:1px solid var(--color-border);padding:1rem 1.5rem}.review-section:last-of-type{border-bottom:none}.review-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);margin-bottom:.3rem;font-size:.65rem;font-weight:700;display:block}.review-section p{font-size:.95rem;font-family:var(--font-serif);margin:0;line-height:1.6}.review-meta{background:var(--color-secondary);color:var(--color-muted-foreground);gap:1rem;padding:.75rem 1.5rem;font-size:.75rem;display:flex}.complete-actions{justify-content:center;display:flex}.decode-vocab-highlights{border-top:1px solid var(--color-border);margin-top:1.25rem;padding-top:1rem}.decode-vocab-highlights h4{color:var(--color-primary);margin:0 0 .5rem;font-size:.85rem}.vocab-chips{flex-wrap:wrap;gap:.5rem;display:flex}.vocab-chip{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.vocab-chip-ar{color:var(--color-primary);font-size:1rem}.vocab-chip-en{color:var(--color-muted-foreground);font-size:.75rem}.study-nav{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.study-nav-right{align-items:center;gap:.5rem;display:flex}.btn-danger-ghost{color:var(--color-destructive)!important}.btn-danger-ghost:hover{background:#d4183d0f!important}.reset-confirm{color:var(--color-muted-foreground);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.study-mode-btn{font-weight:600;color:var(--color-accent)!important}.poem-completion{max-width:1000px;margin:0 auto;padding:2rem 2.5rem 4rem}.completion-header{text-align:center;margin-bottom:2rem}.completion-icon{color:var(--color-accent)}.completion-header h1{margin:.75rem 0 .25rem;font-size:1.6rem}.completion-header h2{color:var(--color-accent);margin:.25rem 0;font-size:1.4rem}.completion-header h3{color:var(--color-muted-foreground);margin:0;font-size:.95rem;font-weight:400}.completion-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.stat-card{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:1rem .5rem}.stat-value{font-size:1.5rem;font-weight:700;font-family:var(--font-serif);color:var(--color-primary);display:block}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);font-size:.65rem}.completion-interpretation{margin-bottom:2rem}.interpretation-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.interpretation-header h3{flex:1;margin:0;font-size:1rem}.interpretation-body{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.interpretation-verse{border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.interpretation-verse:last-child{border-bottom:none}.interpretation-arabic{color:var(--color-primary);margin-bottom:.5rem;font-size:1.1rem;line-height:1.8}.interpretation-text{font-size:.9rem;font-family:var(--font-serif);margin:0;line-height:1.6}.interpretation-empty{color:var(--color-muted-foreground);margin:0;font-size:.8rem;font-style:italic}.completion-reflection{margin-bottom:2rem}.completion-reflection h3{margin:0 0 .5rem;font-size:1rem}.reflection-prompt{color:var(--color-muted-foreground);margin:0 0 .75rem;font-size:.85rem;line-height:1.5}.completion-actions{justify-content:center;padding-top:1rem;display:flex}@media(min-width:1600px){.translation-study{max-width:1600px;padding:2.5rem 3rem 4rem}.study-body{grid-template-columns:280px 1fr;gap:2.5rem}.verse-line{font-size:2rem}.study-panel{padding:2.5rem}.comparison-grid,.translate-comparison{gap:1.25rem}}@media(max-width:1024px){.translation-study{padding:1.5rem 1.25rem 3rem}.study-body{grid-template-columns:200px 1fr;gap:1rem}.study-panel{padding:1.5rem}.translate-comparison,.comparison-grid,.reflect-content-grid{grid-template-columns:1fr}.comparison-grid .translation-col{grid-column:auto}.confidence-options,.assessment-options,.rating-options{grid-template-columns:1fr}.stepper-label{display:none}}@media(max-width:768px){.translation-study{padding:1rem}.study-body{grid-template-columns:1fr}.study-panel{background:0 0;border:none;padding:1rem}.verse-progress-map{gap:.25rem;max-height:none;padding-bottom:.5rem;display:flex;position:static;overflow-x:auto}.map-title{display:none}.verse-map-item{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:60px;padding:.5rem .25rem}.verse-map-content{align-items:center}.verse-map-preview{display:none}.verse-line{font-size:1.2rem;line-height:2}.encounter-verse,.decode-verse,.translate-verse,.reflect-verse,.interpret-verse{padding:1.25rem 1rem}.completion-stats{grid-template-columns:repeat(2,1fr)}.translate-comparison,.comparison-grid,.reflect-content-grid{grid-template-columns:1fr}.comparison-grid .translation-col{grid-column:auto}.confidence-options,.assessment-options,.rating-options{grid-template-columns:1fr}.stepper-label{display:none}.stepper-step{justify-content:center;padding:.4rem .25rem}.review-verse{font-size:1.1rem}.review-section{padding:.75rem 1rem}.review-meta{padding:.5rem 1rem}.concepts-grid{grid-template-columns:1fr}.keyboard-hints{display:none}.confidence-options{grid-template-columns:repeat(2,1fr)}}.decode-word:focus-visible,.confidence-btn:focus-visible,.assessment-btn:focus-visible,.rating-btn:focus-visible,.prompt-toggle:focus-visible,.verse-map-item:focus-visible,.vocab-chip:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.encounter-primer{justify-content:center;gap:.4rem;margin-bottom:.75rem;display:flex}.primer-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);background:#1a31500f;border-radius:20px;padding:2px 10px;font-size:.65rem;font-weight:600}.primer-genre{color:var(--color-accent);background:#c5a2531a}.verse-listen-btn{align-items:center;gap:.3rem;margin-top:.75rem;display:inline-flex}.verse-listen-btn.speaking{color:var(--color-accent)}.decode-feedback{border-radius:6px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;animation:.25s feedbackIn;display:flex}@keyframes feedbackIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.decode-feedback.correct{color:#16a34a;background:#22c55e14;border-left:3px solid #22c55e}.decode-feedback.incorrect{border-left:3px solid var(--color-accent);color:var(--color-foreground);background:#c5a25314}.decode-root{color:var(--color-accent);margin-top:1px;font-size:.5rem;display:block}.decode-word.highlighted{border-color:var(--color-primary);background:#1a31500f}.vocab-chip.highlighted{border-color:var(--color-primary);background:#1a315014}.translate-example-tip{background:var(--color-secondary);color:var(--color-muted-foreground);border-radius:6px;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.8rem;line-height:1.6}.example-literal{font-family:var(--font-serif);color:var(--color-muted-foreground);font-style:italic}.example-natural{font-family:var(--font-serif);color:var(--color-primary);font-weight:600}.translate-grammar-callout{background:var(--color-secondary);border-left:3px solid var(--color-accent);border-radius:6px;margin-bottom:.75rem;padding:.65rem .75rem}.grammar-callout-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);margin-bottom:.2rem;font-size:.65rem;font-weight:700;display:block}.translate-grammar-callout p{font-size:.8rem;font-family:var(--font-serif);color:var(--color-muted-foreground);margin:0;line-height:1.6}.gloss-line.collapsed{display:none}.gloss-toggle{font-size:.7rem}.comparison-col mark{background:#c5a25333;border-radius:2px;padding:0 2px}.prompt-toggle{align-items:center;gap:.4rem;display:flex}.prompt-toggle svg{color:var(--color-muted-foreground);flex-shrink:0}.stage3-col{border-left:3px solid var(--color-muted)}.poem-completion{animation:.6s ease-out completionEnter}@keyframes completionEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.completion-icon{animation:.5s ease-out .3s both completionPop}@keyframes completionPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.completion-subtitle{color:var(--color-muted-foreground);margin:0 0 .5rem;font-size:.9rem}.stat-good .stat-value{color:#22c55e}.stat-mid .stat-value{color:var(--color-accent)}.completion-themes{margin-bottom:2rem}.completion-themes h4{margin:0 0 .5rem;font-size:.9rem}.theme-tags{flex-wrap:wrap;gap:.4rem;display:flex}.theme-tag{color:var(--color-accent);text-transform:capitalize;background:#c5a2531a;border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:500}.completion-actions{justify-content:center;gap:.75rem;display:flex}.welcome-back-banner{color:var(--color-accent);background:#c5a25314;border:1px solid #c5a25333;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem 1rem;font-size:.8rem;animation:.3s fadeIn;display:flex}.study-progress-meta{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.autosave-indicator{color:var(--color-muted-foreground);opacity:.6;font-size:.65rem}.map-completion-pct{float:right;color:var(--color-accent);font-weight:400}.study-error-state{text-align:center;padding:3rem 1rem}.study-error-state p{color:var(--color-muted-foreground);margin:0 0 1rem;font-size:.9rem}.keyboard-hints{text-align:right;color:var(--color-muted-foreground);opacity:.5;margin-top:.35rem;font-size:.65rem}.keyboard-hints kbd{font-size:.6rem;font-family:var(--font-sans);background:var(--color-muted);border:1px solid var(--color-border);border-radius:3px;padding:0 4px;display:inline-block}.decode-quiz{background:var(--color-card);border:1px solid var(--color-accent);border-radius:10px;margin-top:1rem;padding:1.25rem;animation:.3s fadeIn}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.quiz-counter{text-transform:uppercase;letter-spacing:.03em;color:var(--color-accent);font-size:.7rem;font-weight:600}.quiz-word{text-align:center;color:var(--color-primary);margin:0 0 .5rem;font-size:1.6rem;font-weight:700}.quiz-prompt{text-align:center;color:var(--color-primary);margin:0 0 .75rem;font-size:1rem}.quiz-options{flex-direction:column;gap:.4rem;display:flex}.quiz-option{border:1.5px solid var(--color-border);background:var(--color-card);text-align:right;cursor:pointer;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.95rem;transition:all .15s}.quiz-option:hover:not(:disabled){border-color:var(--color-primary);background:#1a315008}.quiz-option.correct{color:#16a34a;background:#22c55e14;border-color:#22c55e}.quiz-option.wrong{border-color:var(--color-destructive);color:var(--color-destructive);background:#d4183d0f}.quiz-option.dimmed{opacity:.4}.quiz-feedback{text-align:center;border-radius:8px;margin-top:.75rem;padding:.75rem}.quiz-feedback.correct{background:#22c55e0f;border:1px solid #22c55e33}.quiz-feedback.wrong{background:#d4183d0a;border:1px solid #d4183d26}.quiz-feedback p{margin:0 0 .5rem;font-size:.85rem;line-height:1.5}.quiz-result{color:var(--color-accent);margin-top:.5rem;font-size:.8rem;font-weight:600}.encounter-words{flex-wrap:wrap;justify-content:center;gap:.15rem;display:flex}.encounter-word{border-radius:3px;padding:0 2px;transition:all .15s}.speaking-word{color:var(--color-primary);background:#c5a25333}.balagha-word{background:#c5a2531f;border-radius:3px;padding:0 2px;transition:all .2s}.balagha-word.pulse{background:#c5a2534d;animation:.6s infinite alternate balaghaFlash}@keyframes balaghaFlash{0%{background:#c5a25326}to{background:#c5a25359}}.balagha-card.active{border-left:3px solid var(--color-accent);background:#c5a2530f}.interlinear-glosses{background:var(--color-secondary);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem;margin-bottom:.35rem;padding:.75rem;display:flex}.interlinear-pair{flex-direction:column;align-items:center;gap:1px;display:flex}.interlinear-ar{color:var(--color-primary);font-size:1.1rem}.interlinear-en{color:var(--color-muted-foreground);text-align:center;max-width:70px;font-size:.6rem;line-height:1.2}.poem-nav{border-top:1px dashed var(--color-border);justify-content:space-between;align-items:stretch;gap:1rem;margin-top:.5rem;padding-top:1rem;display:flex}.poem-nav-btn{text-align:left;align-items:center;gap:.5rem;display:flex;padding:.5rem .75rem!important}.poem-nav-next{text-align:right;margin-left:auto}.poem-nav-label{flex-direction:column;display:flex}.poem-nav-dir{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);font-size:.6rem}.poem-nav-title{color:var(--color-primary);font-size:.8rem;font-weight:500}.completion-quiz{margin-bottom:2rem}.completion-quiz h4{margin:0 0 .75rem;font-size:1rem}.study-dashboard{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;margin-bottom:2rem;padding:1.25rem}.study-dashboard-header{color:var(--color-accent);align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.study-dashboard-header h3{color:var(--color-primary);margin:0;font-size:.95rem}.study-dashboard-stats{gap:2rem;display:flex}.dashboard-stat-value{font-size:1.4rem;font-weight:700;font-family:var(--font-serif);color:var(--color-primary)}.dashboard-stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted-foreground);font-size:.7rem}.poem-card-study-btn.complete{background:#22c55e0f;color:#22c55e!important}.reflect-sharh-insight{background:var(--color-secondary);border-left:3px solid var(--color-accent);border-radius:8px;margin-bottom:1.25rem;padding:1rem 1.25rem}.reflect-sharh-insight h4{color:var(--color-accent);margin:0 0 .4rem;font-size:.85rem}.reflect-sharh-insight p{font-size:.85rem;font-family:var(--font-serif);color:var(--color-muted-foreground);margin:0;line-height:1.6}.reflect-sharh-insight .sharh-ar{margin-top:.5rem;font-size:1rem;line-height:1.8}.study-recommendations{margin-bottom:1.5rem}.recommendation-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.recommendation-card{background:var(--color-card);cursor:pointer;text-align:left;font-family:var(--font-sans);border:1px solid #c5a25333;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;transition:all .15s;display:flex}.recommendation-card:hover{border-color:var(--color-accent);background:#c5a2530a}.rec-title{color:var(--color-primary);font-size:1rem}.rec-subtitle{color:var(--color-muted-foreground);font-size:.75rem}.rec-meta{color:var(--color-muted-foreground);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.65rem;display:flex}.translate-substep,.interpret-write,.interpret-compare{animation:.25s fadeIn}.verse-map-item.current:before{content:"";background:var(--color-accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.verse-map-item{position:relative}.word-explorer{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;margin:.75rem 0;animation:.2s fadeIn;overflow:hidden}.word-explorer-header{border-bottom:1px solid var(--color-border);background:var(--color-muted);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.word-explorer-title{align-items:center;gap:.75rem;display:flex}.word-explorer-word{font-size:1.25rem;font-weight:600}.word-explorer-meaning{color:var(--color-muted-foreground);font-size:.85rem}.word-explorer-root{background:var(--color-accent);color:#fff;border-radius:4px;padding:.1rem .4rem;font-size:.75rem}.word-explorer-layers{flex-direction:column;display:flex}.word-explorer-layer{border-bottom:1px solid var(--color-border)}.word-explorer-layer:last-child{border-bottom:none}.word-explorer-layer.locked{opacity:.4}.word-explorer-layer.empty .layer-label{font-style:italic}.word-explorer-layer-toggle{cursor:pointer;text-align:left;width:100%;color:var(--color-foreground);background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;transition:background .15s;display:flex}.word-explorer-layer-toggle:hover:not(:disabled){background:var(--color-muted)}.word-explorer-layer-toggle:disabled{cursor:default}.layer-number{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:600;display:inline-flex}.word-explorer-layer.locked .layer-number{background:var(--color-muted-foreground)}.layer-label{flex:1;font-weight:500}.layer-label-ar{color:var(--color-muted-foreground);font-size:.8rem}.word-explorer-layer-content{padding:0 1rem .75rem 2.75rem;animation:.2s fadeIn}.word-explorer-layer-content p{margin:0;font-size:.85rem;line-height:1.5}.layer-empty{color:var(--color-muted-foreground);font-style:italic}.btn-why{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:4px;margin-left:.3rem;padding:.05rem .35rem;font-size:.65rem;font-weight:600;transition:background .15s,color .15s;display:inline-block}.btn-why:hover{background:var(--color-accent);color:#fff}.decode-root-hint{color:var(--color-accent);margin-bottom:.5rem;font-size:.85rem;font-style:italic}.decode-reveal-locked{color:var(--color-muted-foreground);padding:.25rem .5rem;font-size:.75rem;font-style:italic}.write-threshold-hint{color:var(--color-muted-foreground);margin-top:.25rem;font-size:.75rem;font-style:italic}.scaffold-regression{color:var(--color-accent);font-style:italic}.study-dashboard-links{border-top:1px solid var(--color-border);gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.journal{width:100%}.journal h1{margin:0 0 1rem}.journal-metrics{gap:1.5rem;margin-bottom:1.25rem;display:flex}.journal-metric{flex-direction:column;display:flex}.journal-metric-value{color:var(--color-accent);font-size:1.3rem;font-weight:700}.journal-metric-label{color:var(--color-muted-foreground);font-size:.75rem}.journal-timeline{gap:.5rem;margin-bottom:1rem;padding:.5rem 0;display:flex;overflow-x:auto}.journal-timeline-dot{border:2px solid var(--color-border);background:var(--color-card);cursor:pointer;width:32px;height:32px;color:var(--color-muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.journal-timeline-dot.active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.journal-timeline-dot:hover:not(.active){border-color:var(--color-accent)}.journal-poem-header{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.journal-poem-header h2{text-transform:capitalize;margin:0;font-size:1.1rem}.journal-date{color:var(--color-muted-foreground);font-size:.75rem}.journal-reflection{background:var(--color-muted);border-radius:8px;margin-bottom:1rem;padding:.75rem}.journal-reflection h4{margin:0 0 .25rem;font-size:.85rem}.journal-reflection p{margin:0;font-size:.85rem}.journal-verses{flex-direction:column;gap:.75rem;display:flex}.journal-verse-card{border:1px solid var(--color-border);border-radius:8px;padding:.75rem}.journal-verse-num{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:inline-block}.journal-verse-section{margin-bottom:.5rem}.journal-section-label{color:var(--color-accent);margin-bottom:.15rem;font-size:.7rem;font-weight:600;display:block}.journal-section-text{margin:0;font-size:.85rem;line-height:1.5}.journal-revise-btn{margin-top:.25rem;font-size:.75rem}.journal-revision-edit{margin-top:.5rem}.journal-revision-actions{gap:.5rem;margin-top:.35rem;display:flex}.journal-revision{background:var(--color-muted);border-radius:6px;margin-top:.5rem;padding:.5rem}.journal-revision-badge{color:var(--color-accent);margin-bottom:.15rem;font-size:.65rem;font-weight:600;display:inline-block}.journal-rating{gap:.15rem;margin-top:.35rem;display:flex}@media(max-width:768px){.journal-metrics{flex-wrap:wrap;gap:1rem}}.skill-dashboard{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex}.dashboard-header h1{margin:0 0 .5rem}.dashboard-tier{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.dashboard-tier-desc{color:var(--color-muted-foreground);font-size:.85rem}.dashboard-stats-row{gap:2.5rem;margin-bottom:2rem;display:flex}.dashboard-stat{flex-direction:column;display:flex}.dashboard-stat-value{color:var(--color-accent);font-size:1.8rem;font-weight:700}.dashboard-stat-label{color:var(--color-muted-foreground);font-size:.8rem}.dashboard-content{grid-template-columns:320px 1fr;gap:2rem;margin-bottom:1.5rem;display:grid}.radar-container{justify-content:center;align-items:flex-start;display:flex}.radar-chart{width:100%;max-width:320px}.skill-cards-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.skill-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;padding:1rem}.skill-card-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.skill-name{flex:1;font-size:.9rem;font-weight:600}.skill-name-ar{color:var(--color-muted-foreground);font-size:.8rem}.trend-up{color:#4caf50}.trend-down{color:#f44336}.trend-flat{color:var(--color-muted-foreground)}.skill-bar{background:var(--color-muted);border-radius:2px;height:4px;margin-bottom:.35rem;overflow:hidden}.skill-bar-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.skill-card-footer{justify-content:space-between;align-items:flex-start;display:flex}.skill-score{color:var(--color-accent);font-size:.85rem;font-weight:600}.skill-tip{color:var(--color-muted-foreground);text-align:right;max-width:70%;font-size:.75rem}.hint-trend-section{border:1px solid var(--color-border);border-radius:8px;margin-top:1rem;padding:1rem}.hint-trend-section h3{margin:0 0 .75rem;font-size:.95rem}.hint-trend-bars{align-items:flex-end;gap:.25rem;height:60px;margin-bottom:.5rem;display:flex}.hint-trend-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.hint-trend-fill{background:var(--color-accent);border-radius:2px 2px 0 0;width:100%;max-width:24px;transition:height .3s}.hint-trend-label{color:var(--color-muted-foreground);margin-top:.15rem;font-size:.6rem}.hint-trend-desc{color:var(--color-muted-foreground);font-size:.8rem;font-style:italic}@media(max-width:768px){.dashboard-content,.skill-cards-grid{grid-template-columns:1fr}.dashboard-stats-row{flex-wrap:wrap;gap:1rem}}.reflect-commentary-templates{background:var(--color-muted);border-left:3px solid var(--color-accent);border-radius:8px;margin:.75rem 0;padding:.75rem}.reflect-commentary-templates h4{margin:0 0 .25rem;font-size:.9rem}.template-desc{color:var(--color-muted-foreground);margin-bottom:.5rem;font-size:.8rem}.template-list{flex-direction:column;gap:.4rem;display:flex}.template-item{background:var(--color-card);border-radius:4px;margin:0;padding:.3rem .5rem;font-size:.85rem;line-height:1.4}.translation-workbench{padding:.5rem 0}.workbench-instruction{color:var(--color-muted-foreground);margin-bottom:.75rem;font-size:.85rem}.workbench-phrases{background:var(--color-muted);border-radius:8px;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:flex}.workbench-phrase{cursor:pointer;background:var(--color-card);border:2px solid #0000;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.4rem .6rem;transition:border-color .15s,transform .1s;display:flex;position:relative}.workbench-phrase:hover{transform:translateY(-1px)}.workbench-phrase.active{border-color:var(--color-accent);box-shadow:0 0 0 2px #c5a25333}.workbench-phrase.done{opacity:.6}.workbench-phrase-label{width:100%;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.6rem;display:block}.phrase-color-1{border-left:3px solid #4caf50}.phrase-color-2{border-left:3px solid #2196f3}.phrase-color-3{border-left:3px solid #ff9800}.phrase-color-4{border-left:3px solid #9c27b0}.phrase-color-5{border-left:3px solid #f44336}.workbench-word{font-size:1.1rem}.workbench-input-panel{border:1px solid var(--color-border);border-radius:8px;margin-bottom:.75rem;padding:.75rem;animation:.2s fadeIn}.workbench-input-words{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;display:flex}.workbench-input-word{flex-direction:column;align-items:center;gap:.15rem;display:flex}.workbench-hint-gloss{color:var(--color-accent);font-size:.7rem}.workbench-input-row{gap:.5rem;display:flex}.workbench-hint-btn{margin-top:.35rem;font-size:.75rem}.workbench-construction{border:1px solid var(--color-border);border-radius:8px;margin-top:.75rem;padding:.75rem}.workbench-construction h4{margin:0 0 .5rem;font-size:.85rem}.workbench-pieces{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.workbench-piece{background:var(--color-muted);border-radius:4px;padding:.2rem .5rem;font-size:.85rem}.workbench-remaining{color:var(--color-muted-foreground);font-size:.75rem;font-style:italic}.workbench-assembled{align-items:flex-start;gap:.5rem;display:flex}.workbench-assembled p{flex:1;margin:0;font-size:.9rem;line-height:1.5}.curriculum-tier-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.1rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.tier-gateway{color:#2e7d32;background:#e8f5e9}.tier-core{color:#1565c0;background:#e3f2fd}.tier-extended{color:#e65100;background:#fff3e0}.tier-masterwork{color:#7b1fa2;background:linear-gradient(135deg,#fce4ec,#f3e5f5)}.rec-next-badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.65rem;font-weight:600;display:block}.gated-reveal{flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.gated-reveal-timer{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.gated-reveal-timer span{background:var(--color-card);width:36px;height:36px;color:var(--color-muted-foreground);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.gated-reveal-text{color:var(--color-muted-foreground);font-size:.8rem;font-style:italic}@media(max-width:768px){.word-explorer{z-index:50;border-radius:12px 12px 0 0;max-height:60vh;margin:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #00000026}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}