:root{--ink:#17352c;--ink-soft:#5e6f68;--paper:#fbf8f1;--canvas:#f1ede3;--surface:#fff;--line:#dcd7ca;--brand:#1d4b3e;--brand-hover:#153b31;--accent:#a94f2c;--shadow:0 18px 55px #20342c1a;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);font-family:var(--sans);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{stroke-width:1.8px;width:1.15em;height:1.15em}::selection{color:#132c25;background:#b9d9cf}:focus-visible{outline-offset:3px;outline:3px solid #d97945}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.brand{font:700 1.25rem/1 var(--serif);letter-spacing:-.02em;align-items:center;gap:.65rem;display:inline-flex}.brand img{border-radius:11px;box-shadow:0 5px 15px #18392f2e}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1.05rem;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed}.button.primary{color:#fff;background:var(--brand);box-shadow:0 8px 22px #1d4b3e2e}.button.primary:hover:not(:disabled){background:var(--brand-hover)}.button.secondary{color:var(--brand);background:#e3ede8}.button.full{width:100%}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:inline-grid}.icon-button:hover,.icon-button[aria-pressed=true]{border-color:var(--line);background:var(--surface)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{background:var(--paper);grid-template-columns:minmax(360px,1.1fr) minmax(420px,.9fr);min-height:100svh;display:grid}.login-story{color:#f8f0dc;background:#18392f;flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(2rem,5vw,5rem);display:flex;position:relative;overflow:hidden}.login-story:before{content:"“";color:#ffffff0d;font:28rem/.8 Georgia,serif;position:absolute;top:8%;right:-1rem}.login-story:after{content:"";border:1px solid #ffffff1a;border-radius:50%;height:58%;position:absolute;inset:auto -15% -30% 25%;transform:rotate(-12deg)}.login-story .brand,.login-story>div{z-index:1;position:relative}.login-story .brand img{box-shadow:0 6px 20px #00000038}.login-story h1{max-width:760px;font:500 clamp(2.7rem, 5vw, 5.8rem)/.98 var(--serif);letter-spacing:-.055em;margin:1rem 0 1.4rem}.login-story p{color:#cbd8d2;max-width:620px;margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.7}.login-story .eyebrow{color:#f0aa7b}.story-note{color:#dce6df;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.story-note svg{color:#e59b67}.login-panel{background:radial-gradient(circle at 80% 15%, #fff 0, transparent 32%), var(--paper);place-items:center;padding:2rem;display:grid}.login-card{gap:1.35rem;width:min(430px,100%);display:grid}.login-card h2{font:600 2.3rem/1.1 var(--serif);letter-spacing:-.035em;margin:.6rem 0 0}.login-card label{color:#43564f;gap:.5rem;font-size:.86rem;font-weight:750;display:grid}.login-card input,.search-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:11px;outline:none;padding:.9rem 1rem}.login-card input:focus,.search-form input:focus{border-color:#639282;box-shadow:0 0 0 4px #63928221}.form-error{color:#9b302b;margin:-.4rem 0 0;font-size:.88rem}.app-shell{min-height:100svh}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf8f1e0;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(1.2rem,4vw,4.5rem);display:flex}.app-header nav{align-items:center;gap:.35rem;display:flex}.user-greeting{color:var(--ink-soft);margin-right:.65rem;font-size:.9rem}.library-main{width:min(1240px,100% - 2.5rem);margin:auto;padding:clamp(2.8rem,7vw,6.5rem) 0}.library-hero{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem;display:flex}.library-hero h1{font:500 clamp(2.6rem, 5vw, 4.8rem)/1 var(--serif);letter-spacing:-.055em;margin:.7rem 0 .65rem}.library-hero p{color:var(--ink-soft);margin:0;font-size:1.05rem}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;display:flex}.section-heading h2{font:600 1.55rem var(--serif);margin:0}.section-heading span{color:var(--ink-soft);font-size:.85rem}.document-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;display:grid}.document-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:104px 1fr;min-height:230px;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:0 3px 15px #1e362d0a}.document-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.document-cover{color:#527267;background:linear-gradient(145deg,#dce9e3,#c9ddd4);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.document-cover svg{width:2rem;height:2rem}.document-cover span{letter-spacing:.12em;font-size:.67rem;font-weight:800}.document-info{flex-direction:column;align-items:start;padding:1.35rem;display:flex}.document-info h3{font:600 1.35rem/1.2 var(--serif);letter-spacing:-.02em;margin:.85rem 0 .4rem}.document-info>p{color:var(--ink-soft);margin:0;font-size:.82rem}.extraction-quality{width:100%;margin:.75rem 0;font-size:.7rem}.extraction-quality summary{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:.35rem;padding:.45rem .55rem;list-style:none;display:flex}.extraction-quality summary::-webkit-details-marker{display:none}.extraction-quality summary svg{width:.95rem;height:.95rem}.extraction-quality summary strong{margin-left:auto}.quality-good summary{color:#39705e;background:#e7f1ec}.quality-attention summary{color:#7b542d;background:#f4e6cf}.quality-low summary{color:#88352f;background:#f5dddd}.extraction-quality>div{border:1px solid var(--line);color:var(--ink-soft);background:var(--paper);border-top:0;border-radius:0 0 9px 9px;padding:.6rem}.extraction-quality p,.extraction-quality ul{margin:0 0 .5rem}.extraction-quality ul{padding-left:1rem}.extraction-quality dl{grid-template-columns:1fr 1fr;gap:.3rem .7rem;margin:0;display:grid}.extraction-quality dl div{justify-content:space-between;gap:.4rem;display:flex}.extraction-quality dt{color:var(--ink-soft)}.extraction-quality dd{color:var(--ink);margin:0;font-weight:750}.extraction-quality .quality-ai-review{border-top:1px solid var(--line);align-items:center;gap:.4rem;margin:.65rem 0 0;padding-top:.55rem;display:flex}.quality-ai-review svg{width:.95rem;height:.95rem;color:var(--accent)}.quality-unavailable{border:1px solid var(--line);width:100%;color:var(--ink-soft);background:var(--canvas);border-radius:9px;align-items:center;gap:.35rem;margin:.75rem 0;padding:.45rem .55rem;font-size:.7rem;display:flex}.quality-unavailable svg{width:.95rem;height:.95rem}.document-reprocessing{width:100%;color:var(--accent);gap:.35rem;margin:.65rem 0;font-size:.7rem;display:grid}.document-reprocessing span,.document-job-error{align-items:center;gap:.35rem;display:flex}.document-reprocessing svg,.document-job-error svg{width:.95rem;height:.95rem}.document-reprocessing progress{width:100%;height:5px;accent-color:var(--accent)}.document-job-error{color:#88352f;margin:.65rem 0;font-size:.68rem}.document-management{border-top:1px solid var(--line);gap:.8rem;padding-top:.55rem;display:flex}.document-management button{color:var(--accent);font:750 .7rem var(--sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;display:inline-flex}.document-management button.danger{color:#963a34;margin-left:auto}.document-management button:disabled{opacity:.45;cursor:default}.document-management svg{width:.9rem;height:.9rem}.status{color:#8a633c;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;display:inline-flex}.status svg{width:1em}.status-ready{color:#39705e}.status-failed,.status-rejected{color:#9b302b}.card-link{width:100%;color:var(--brand);align-items:center;gap:.45rem;margin-top:auto;padding-top:1.2rem;font-size:.85rem;font-weight:800;display:flex}.card-link svg:last-child{margin-left:auto}.card-link.muted{color:var(--ink-soft);font-weight:600}.card-actions{gap:.7rem;width:100%;margin-top:auto;display:grid}.card-actions .card-link{margin-top:0}.translate-document{border:0;border-top:1px solid var(--line);width:100%;color:var(--accent);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.55rem 0 0;font-size:.75rem;font-weight:750;display:flex}.translate-document svg,.artifact-ready svg,.artifact-progress svg{width:1rem;height:1rem}.artifact-progress{color:var(--ink-soft);grid-template-columns:1fr auto;gap:.35rem .5rem;font-size:.7rem;display:grid}.artifact-progress span{align-items:center;gap:.35rem;display:flex}.artifact-progress progress{width:100%;height:5px;accent-color:var(--accent);grid-column:1/-1}.artifact-progress button{color:#963a34;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.artifact-ready{border-top:1px solid var(--line);color:#39705e;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.55rem;font-size:.7rem;display:flex}.artifact-ready span,.artifact-ready a{align-items:center;gap:.3rem;display:flex}.artifact-ready a{color:var(--accent);font-weight:750}.empty-library{text-align:center;background:#ffffff73;border:1px dashed #b8c7c0;border-radius:24px;justify-items:center;padding:6rem 2rem;display:grid}.empty-library h2{font:600 1.8rem var(--serif);margin:1.3rem 0 .4rem}.empty-library p{color:var(--ink-soft);margin:0 0 1.6rem}.empty-icon{width:72px;height:72px;color:var(--brand);background:#dfece6;border-radius:22px;place-items:center;display:grid;transform:rotate(-4deg)}.empty-icon svg{width:2rem;height:2rem}.reading-kinds{margin:-2rem 0 3rem}.reading-kinds>a{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;width:min(430px,100%);padding:1rem 1.1rem;display:grid;box-shadow:0 3px 15px #1e362d0a}.reading-kinds>a>span{width:44px;height:44px;color:var(--accent);background:#f4e4d8;border-radius:13px;place-items:center;display:grid}.reading-kinds>a div{gap:.18rem;display:grid}.reading-kinds strong{font:600 1.05rem var(--serif)}.reading-kinds small{color:var(--ink-soft)}.notice{border-radius:12px;align-items:center;gap:.6rem;margin:-2rem 0 2rem;padding:1rem;display:flex}.notice.error{color:#822d28;background:#f7dddd}.center-state{min-height:55svh;color:var(--ink-soft);justify-content:center;align-items:center;gap:.65rem;display:flex}.error-page{text-align:center;flex-direction:column;min-height:100svh;padding:2rem}.error-page>svg{width:3rem;height:3rem}.error-page h1{font:600 2rem var(--serif);margin:.5rem 0 0}.error-page p{margin:0 0 1rem}.reader-shell{min-height:100svh;color:var(--ink);background:var(--canvas)}.reader-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fbf8f1e8;grid-template-columns:1fr minmax(180px,1fr) 1fr;align-items:center;height:68px;padding:0 1.4rem;display:grid;position:fixed;inset:0 0 auto}.reader-header-start,.reader-tools{align-items:center;gap:.35rem;display:flex}.reader-header-start .brand span{display:none}.back-link{color:var(--ink-soft);align-items:center;gap:.35rem;margin-left:.65rem;font-size:.82rem;font-weight:700;display:flex}.reader-title{justify-items:center;min-width:0;display:grid}.reader-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 .95rem var(--serif);overflow:hidden}.reader-title span{color:var(--ink-soft);font-size:.67rem}.reader-tools{justify-content:end}.mobile-tool-label{display:none}.reading-progress{z-index:31;background:0 0;height:2px;position:fixed;inset:67px 0 auto}.reading-progress span{background:var(--accent);height:100%;transition:width .5s;display:block}.reader-main{min-height:100svh;padding:110px 1.2rem 8rem}.reading-mode{border:1px solid var(--line);background:#ffffff94;border-radius:12px;width:max-content;margin:0 auto 2rem;padding:4px;display:flex}.reading-mode button{color:var(--ink-soft);background:0 0;border:0;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.76rem;font-weight:750;display:flex}.reading-mode button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 2px 8px #1e322a14}.reading-mode button:disabled{opacity:.45}.translation-callout,.translation-ready-bar{border:1px solid var(--line);width:min(720px,100vw - 2.4rem);color:var(--ink-soft);font:.75rem var(--sans);background:#ffffff85;border-radius:12px;align-items:center;gap:.7rem;margin:-1rem auto 2.2rem;padding:.8rem 1rem;display:flex}.translation-callout>svg,.translation-ready-bar svg{width:1.05rem;color:var(--accent)}.translation-callout span{flex:1}.translation-callout progress{width:150px;accent-color:var(--accent)}.translation-callout .button{margin-left:auto;padding:.55rem .7rem;font-size:.7rem}.translation-ready-bar{color:#39705e;justify-content:space-between}.translation-ready-bar span,.translation-ready-bar a{align-items:center;gap:.4rem;display:flex}.translation-ready-bar a{color:var(--accent);font-weight:750}.pdf-original-view{width:min(1180px,100vw - 2.4rem);margin:0 auto}.pdf-original-view>header{justify-content:space-between;align-items:end;gap:1.2rem;margin-bottom:1rem;display:flex}.pdf-original-view h1{font:500 clamp(1.45rem, 3vw, 2.2rem)/1.12 var(--serif);letter-spacing:-.035em;margin:.25rem 0 0}.pdf-original-view .button{flex:none}.pdf-original-view iframe{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;height:calc(100svh - 235px);min-height:620px;display:block;box-shadow:0 14px 38px #1e322a14}.pdf-original-fallback{color:var(--ink-soft);font:.72rem var(--sans);text-align:center;margin:.75rem 0 0}.pdf-original-fallback a{color:var(--accent);font-weight:750}.reader-article{width:min(var(--reader-width), calc(100vw - 2.4rem));font-family:var(--serif);font-size:var(--reader-font-size);line-height:var(--reader-line-height);margin:auto}.reader-shell[data-font=sans] .reader-article{font-family:var(--sans)}.article-heading{border-bottom:1px solid var(--line);text-align:center;margin-bottom:4.5rem;padding-bottom:2rem}.article-heading h1{font:500 clamp(2.5rem, 6vw, 4.3rem)/1.02 var(--serif);letter-spacing:-.05em;text-wrap:balance;margin:.75rem auto 1rem}.article-heading p{color:var(--ink-soft);font:.75rem var(--sans);margin:0}.article-artist{color:var(--accent);font:750 .9rem var(--sans);margin:-.35rem 0 1rem;display:block}.reader-article>p{white-space:pre-wrap;margin:0 0 1.45em}.reader-article>p,.parallel-block p{text-align:var(--reader-text-alignment,left)}.reader-article[data-alignment=justify]>p,.reader-article[data-alignment=justify] .parallel-block p{-webkit-hyphens:auto;hyphens:auto;text-justify:inter-word}.reader-article>h2{letter-spacing:-.03em;margin:2.6em 0 .8em;font-size:1.75em;line-height:1.15}.reader-article>h3{margin:2.2em 0 .65em;font-size:1.28em;line-height:1.25}.reader-article>h4{margin:2em 0 .6em;font-size:1.12em;line-height:1.3}.reader-article>h5,.reader-article>h6{font:750 .96em/1.35 var(--sans);letter-spacing:.01em;margin:1.8em 0 .55em}.reader-article .list-item{margin-bottom:.65em;padding-left:1.8em;position:relative}.reader-article .list-item:before{content:attr(data-marker);min-width:1.25em;color:var(--accent);font-family:var(--sans);text-align:right;font-size:.86em;font-weight:750;position:absolute;left:.15em}.reader-article .table-row{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);font-family:var(--sans);white-space:pre-wrap;background:#ffffff59;margin:0;padding:.7em .9em;font-size:.88em}.reader-article .table-row.table-header{border-top:1px solid var(--line);color:var(--ink);background:color-mix(in srgb, var(--surface) 82%, var(--accent));border-radius:10px 10px 0 0;margin-top:1.5em;font-weight:800}.reader-article .table-row+:not(.table-row){margin-top:1.45em}.reader-article .footnote{border-top:1px solid var(--line);color:var(--ink-soft);font-family:var(--sans);margin:2em 0 1em;padding:.8em 0 0 1.1em;font-size:.78em;line-height:1.55}.reader-markdown>p strong,.reader-markdown>h2 strong,.reader-markdown>h3 strong,.reader-markdown>h4 strong{color:var(--ink);font-weight:750}.reader-markdown a{color:var(--accent);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:.08em}.reader-markdown :not(pre)>code{border:1px solid color-mix(in srgb, var(--line) 75%, transparent);background:var(--surface);border-radius:5px;padding:.12em .34em;font:.84em ui-monospace,SFMono-Regular,Consolas,monospace}.reader-markdown .markdown-quote{border-left:4px solid var(--accent);color:var(--ink-soft);background:var(--surface);border-radius:0 9px 9px 0;margin:.4em 0 1.55em;padding:.8em 1.1em}.reader-markdown .markdown-quote p{margin:0;font-style:italic}.reader-markdown .markdown-code-block{border:1px solid var(--line);max-width:100%;color:var(--ink);background:color-mix(in srgb, var(--surface) 88%, #000);tab-size:2;white-space:pre;border-radius:11px;margin:.6em 0 1.7em;padding:1em 1.1em;font:.78em/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.reader-markdown .markdown-break{border:0;border-top:1px solid var(--line);width:min(180px,30%);margin:2.8em auto}.reader-lyrics{width:min(680px,100vw - 2.4rem)}.reader-lyrics>h3{color:var(--accent);font:800 .72em var(--sans);letter-spacing:.11em;text-transform:uppercase;margin-top:2.8em}.reader-lyrics .lyrics-stanza{white-space:pre-line;text-align:left;margin-bottom:1.8em;line-height:1.85}.reader-side-by-side{width:min(1180px,100vw - 2.4rem)}.parallel-block{grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem;display:grid}.parallel-block>div{border:1px solid var(--line);background:#ffffff52;border-radius:12px;min-width:0;padding:1rem}.parallel-block>div>span{color:var(--accent);font:800 .6rem var(--sans);letter-spacing:.08em;margin-bottom:.65rem;display:block}.parallel-block p,.parallel-block h2,.parallel-block h3,.parallel-block h4,.parallel-block h5,.parallel-block h6{margin:0}.highlight{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.15em;margin:0 -.05em;padding:.06em .05em}.highlight-yellow{background:#f5dd79aa}.highlight-blue{background:#91c8e8a8}.highlight-green{background:#8fd0aaa8}.highlight-orange{background:#eeac72ae}.highlight-pink{background:#e9a7bca8}.article-finish{border-top:1px solid var(--line);color:var(--ink-soft);font:.8rem var(--sans);justify-items:center;gap:.3rem;margin-top:5rem;padding:2.5rem 1rem;display:grid}.article-finish svg{color:#fff;background:var(--brand);border-radius:50%;width:2rem;height:2rem;margin-bottom:.4rem;padding:.35rem}.article-finish strong{color:var(--ink);font:600 1.2rem var(--serif)}.selection-menu{z-index:60;color:#eaf0ed;background:#19382f;border:1px solid #d3d8d4;border-radius:14px;align-items:center;gap:.15rem;width:max-content;max-width:calc(100vw - 24px);padding:.45rem;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 18px 45px #0a1a1547}.selection-menu[data-placement=below]{transform:translate(-50%)}.selection-menu:after{content:"";background:#19382f;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.selection-menu>button,.highlight-action>button,.flashcard-action>button{min-height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .65rem;font-size:.72rem;font-weight:700;display:flex}.selection-menu>button:hover,.highlight-action>button:hover,.flashcard-action>button:hover{background:#ffffff1a}.selection-menu svg{width:1rem;height:1rem}.highlight-action{position:relative}.highlight-action .color-options{z-index:2;background:#19382f;border-radius:12px;gap:.35rem;padding:.55rem;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000038}.highlight-action .color-options[hidden]{display:none}.flashcard-action{position:relative}.flashcard-options{background:#19382f;border-radius:10px;gap:.15rem;width:210px;padding:.4rem;display:grid;position:absolute;bottom:calc(100% + .35rem);right:0;box-shadow:0 10px 25px #00000038}.flashcard-options[hidden]{display:none}.flashcard-options button{color:#eaf0ed;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.55rem .65rem;font-size:.7rem}.flashcard-options button:hover{background:#ffffff1f}.modal-backdrop,.study-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b1b1694;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.flashcard-preview{border:1px solid var(--line);background:var(--paper);border-radius:20px;width:min(760px,100%);max-height:calc(100svh - 2.4rem);padding:1.4rem;overflow:auto;box-shadow:0 25px 80px #00000047}.flashcard-preview>header,.study-session>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.flashcard-preview h2,.study-session h2{font:600 1.8rem var(--serif);align-items:center;gap:.55rem;margin:.35rem 0 0;display:flex}.flashcard-preview>blockquote{border-left:3px solid var(--accent);color:var(--ink-soft);background:var(--surface);font:italic 1rem/1.5 var(--serif);margin:1.2rem 0;padding:.9rem 1rem}.deck-picker,.flashcard-drafts label,.managed-flashcard>label{color:var(--ink-soft);gap:.4rem;font-size:.75rem;font-weight:750;display:grid}.deck-picker select,.deck-toolbar select,.deck-toolbar input,.managed-flashcard select{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:9px;padding:.7rem .8rem}.flashcard-drafts{gap:.8rem;margin:1rem 0;display:grid}.flashcard-drafts article{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:.75rem;padding:1rem;display:grid}.flashcard-drafts article>div{justify-content:space-between;display:flex}.flashcard-drafts article>div button,.add-draft{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:.72rem;font-weight:750}.flashcard-drafts textarea,.managed-flashcard textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:78px;color:var(--ink);background:var(--paper);border-radius:9px;padding:.75rem;line-height:1.5}.structured-draft-back,.managed-structured-back{gap:.55rem;display:grid}.structured-draft-back>div:first-child,.managed-structured-back>div:first-child{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:750;display:flex}.structured-draft-back>div:first-child button,.managed-structured-back>div:first-child button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:.35rem;font-size:.7rem;font-weight:750}.structured-draft-back>.flashcard-back,.managed-structured-back>.flashcard-back{border:1px solid var(--line);background:var(--paper);border-radius:11px;max-height:440px;padding:1rem;overflow:auto}.add-draft{align-items:center;gap:.35rem;padding:.5rem 0;display:inline-flex}.flashcard-preview>footer{justify-content:end;gap:.6rem;margin-top:1.2rem;display:flex}.flashcard-generating{min-height:270px;color:var(--ink-soft);text-align:center;place-content:center;justify-items:center;gap:.6rem;display:grid}.flashcard-generating svg{width:2rem;height:2rem;color:var(--accent)}.flashcards-main{width:min(1060px,100% - 2.5rem);margin:auto;padding:clamp(2.8rem,7vw,5.5rem) 0}.flashcards-hero{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.flashcards-hero h1{font:500 clamp(2.7rem, 5vw, 4.5rem)/1 var(--serif);letter-spacing:-.05em;margin:.55rem 0 .45rem}.flashcards-hero p{color:var(--ink-soft);margin:0}.flashcard-stats{grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.5rem 0 2.5rem;display:grid}.flashcard-stats article{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:.2rem;padding:1.2rem;display:grid}.flashcard-stats strong{font:600 2rem var(--serif)}.flashcard-stats span{color:var(--ink-soft);font-size:.75rem}.deck-toolbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem;display:flex}.deck-toolbar>label{color:var(--ink-soft);gap:.4rem;font-size:.75rem;font-weight:750;display:grid}.deck-toolbar form{gap:.5rem;display:flex}.flashcard-list{grid-template-columns:repeat(2,1fr);align-items:start;gap:1rem;display:grid}.managed-flashcard{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:.8rem;padding:1rem;display:grid}.managed-flashcard>header,.managed-flashcard>footer{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.managed-flashcard>header>div:first-child{gap:.2rem;display:grid}.managed-flashcard>header span{color:var(--accent);text-transform:uppercase;font-size:.7rem;font-weight:800}.managed-flashcard>header small{color:var(--ink-soft);font-size:.68rem}.managed-flashcard>header button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:.4rem}.managed-flashcard>footer label{color:var(--ink-soft);gap:.25rem;font-size:.68rem;display:grid}.managed-flashcard>footer .button{padding:.6rem .75rem;font-size:.72rem}.study-session{background:var(--paper);border-radius:22px;width:min(700px,100%);max-height:calc(100svh - 2.4rem);padding:1.5rem;overflow:auto;box-shadow:0 25px 80px #00000047}.study-progress{color:var(--ink-soft);text-align:right;margin:1rem 0 .5rem;font-size:.75rem}.study-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex;position:relative}.study-audio-controls,.study-action-buttons{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.study-action-buttons>button,.audio-menu-wrap>button,.audio-play-button{border:1px solid var(--line);min-height:34px;color:var(--ink-soft);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.68rem;font-weight:750;display:inline-flex}.study-action-buttons button:disabled{cursor:wait;opacity:.55}.study-action-buttons svg,.audio-play-button svg,.audio-status svg{width:1rem;height:1rem}.audio-menu-wrap{position:relative}.audio-profile-popover{z-index:4;border:1px solid var(--line);background:var(--paper);border-radius:12px;gap:.65rem;width:min(300px,100vw - 2rem);padding:.8rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 12px 35px #1228212e}.audio-profile-popover>strong{font-size:.8rem}.audio-profile-popover>label{color:var(--ink-soft);gap:.25rem;font-size:.67rem;font-weight:750;display:grid}.audio-profile-popover select{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;padding:.5rem}.audio-profile-popover p{color:var(--ink-soft);margin:0;font-size:.65rem;line-height:1.4}.audio-profile-popover>div{gap:.4rem;display:flex}.audio-profile-popover button{border:1px solid var(--line);cursor:pointer;border-radius:8px;flex:1;padding:.55rem;font-size:.66rem;font-weight:750}.audio-profile-popover button:disabled{cursor:wait;opacity:.55}.audio-generate-button{color:#fff;background:var(--accent)}.audio-delete-button{color:#963a34;background:0 0}.audio-status{color:var(--ink-soft);align-items:center;gap:.3rem;font-size:.68rem;display:inline-flex}.audio-status.error{color:#963a34}.study-editor,.study-delete-confirm{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-content:center;gap:.9rem;min-height:330px;padding:clamp(1.2rem,4vw,2.2rem);display:grid}.study-editor label{color:var(--ink-soft);gap:.35rem;font-size:.72rem;font-weight:750;display:grid}.study-editor textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:105px;color:var(--ink);background:var(--paper);border-radius:9px;padding:.75rem;line-height:1.5}.study-editor>div,.study-delete-confirm>div{justify-content:flex-end;gap:.55rem;display:flex}.study-warning{color:#8b5e1a;align-items:center;gap:.4rem;margin:0;font-size:.72rem;display:flex}.study-warning svg{width:1rem}.study-delete-confirm{text-align:center;justify-items:center}.study-delete-confirm>svg{color:#963a34;background:#f9e9e7;border-radius:50%;width:2.8rem;height:2.8rem;padding:.7rem}.study-delete-confirm h3,.study-delete-confirm p{margin:0}.study-delete-confirm p{max-width:460px;color:var(--ink-soft);line-height:1.5}.button.danger{color:#fff;background:#963a34}.study-card{border:1px solid var(--line);background:var(--surface);text-align:center;white-space:pre-wrap;border-radius:18px;place-content:center;gap:1.3rem;min-height:330px;padding:clamp(1.5rem,5vw,3rem);display:grid;box-shadow:0 10px 35px #1e362d12}.study-card>span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.study-card>div{font:500 1.5rem/1.45 var(--serif)}.study-card-explanation.is-revealed{place-content:initial;text-align:left;align-content:start;height:min(58svh,620px);min-height:0;padding:clamp(1.2rem,4vw,2.2rem);overflow-y:auto}.study-card-explanation.is-revealed>span{text-align:center}.study-card-explanation.is-revealed .study-front{text-align:center;padding-bottom:1rem;font-size:1.05rem}.study-answer{border-top:1px solid var(--line);color:var(--ink-soft);padding-top:1.2rem}.study-answer>small{font:700 .65rem var(--sans);text-transform:uppercase;margin-bottom:.75rem;display:block}.study-card .study-answer{font:400 .95rem/1.7 var(--sans)}.flashcard-back{width:100%;color:var(--ink);font:400 .95rem/1.7 var(--sans);text-align:left;white-space:normal}.flashcard-back p{margin:0 0 .8rem}.flashcard-back p:last-child{margin-bottom:0}.flashcard-back h3,.flashcard-back h4,.flashcard-back h5{font-family:var(--serif);margin:1rem 0 .45rem;line-height:1.25}.flashcard-back ul,.flashcard-back ol{margin:.5rem 0;padding-left:1.25rem}.flashcard-back li+li{margin-top:.35rem}.structured-back{gap:1rem;display:grid}.back-explanation{font-size:1rem;line-height:1.75}.back-section,.back-key-points,.back-examples{border-top:1px solid var(--line);padding-top:1rem}.back-section h4,.back-key-points h4,.back-examples h4{color:var(--brand);font:750 .72rem var(--sans);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;margin:0 0 .7rem;display:flex}.back-section{gap:.55rem;display:grid}.back-section p{margin:0;line-height:1.7}.back-section ul,.back-key-points ul{gap:.4rem;margin:0;display:grid}.back-examples>div{gap:.65rem;display:grid}.back-examples article{background:color-mix(in srgb, var(--surface) 76%, var(--canvas));border-left:3px solid #8db5a5;border-radius:0 9px 9px 0;gap:.25rem;padding:.75rem .85rem;display:grid}.back-examples strong{color:var(--ink);font-size:.92rem}.back-examples span{color:var(--ink-soft);font-size:.85rem}.back-examples small{color:var(--ink-soft);font-size:.72rem;font-style:italic}.back-uncertainty{color:#80562c;background:#f3e5ce;border-radius:9px;align-items:start;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex}.back-uncertainty svg{flex:none;margin-top:.2rem}.compact-back{text-align:center;white-space:pre-wrap}.study-session>.button{margin-top:1rem}.rating-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem;display:grid}.rating-buttons button{border:1px solid var(--line);min-height:56px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;padding:.5rem;font-size:.75rem;font-weight:750;display:grid}.rating-buttons button:first-child{color:#9b302b}.rating-buttons button:last-child{color:#277056}.rating-buttons small{font-size:.58rem;font-weight:500}.study-finished{text-align:center;place-content:center;justify-items:center;min-height:350px;display:grid}.study-finished>svg{color:#fff;background:var(--brand);border-radius:50%;width:3rem;height:3rem;padding:.7rem}.study-finished h3{font:600 2rem var(--serif);margin:1rem 0 .3rem}.study-finished p{color:var(--ink-soft)}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid}.color-dot svg{opacity:0;width:.75rem}.color-dot:hover,.color-dot[aria-pressed=true]{border-color:currentColor}.color-dot[aria-pressed=true] svg{opacity:1}.color-yellow{color:#6d5700;background:#f5dd79}.color-blue{color:#174d6e;background:#91c8e8}.color-green{color:#1c5c38;background:#8fd0aa}.color-orange{color:#713b13;background:#eeac72}.color-pink{color:#713348;background:#e9a7bc}.reader-panel{z-index:50;border-left:1px solid var(--line);background:var(--paper);width:min(390px,100vw);padding:2rem 1.5rem;animation:.22s ease-out slide-in;position:fixed;inset:68px 0 0 auto;overflow:auto;box-shadow:-15px 0 45px #1e322a17}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:2rem;display:flex}.panel-heading h2{font:600 1.8rem var(--serif);margin:.45rem 0 0}.reader-panel fieldset{border:0;margin:0 0 1.8rem;padding:0}.reader-panel legend,.range-control b{color:var(--ink-soft);margin-bottom:.7rem;font-size:.75rem}.segmented{border:1px solid var(--line);background:var(--canvas);border-radius:12px;grid-template-columns:repeat(2,1fr);padding:4px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;padding:.6rem .3rem;font-size:.7rem;display:flex}.segmented button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 2px 8px #1e322a14}.range-control{gap:.6rem;margin-bottom:1.5rem;display:grid}.range-control>span{justify-content:space-between;align-items:center;display:flex}.range-control output{color:var(--ink-soft);font-size:.72rem}.range-control input{width:100%;accent-color:var(--brand)}.toc-list{display:grid}.toc-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:start;gap:.25rem;padding:.85rem 0;display:flex}.toc-list button:hover{color:var(--accent)}.toc-list svg{flex:none;margin-top:.15rem}.panel-empty{min-height:220px;color:var(--ink-soft);text-align:center;place-content:center;justify-items:center;display:grid}.panel-empty>svg{width:2.2rem;height:2.2rem}.search-form{grid-template-columns:1fr auto;gap:.5rem;display:grid}.search-form .button{padding:.8rem}.search-results{margin-top:1rem;display:grid}.search-results button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;padding:1rem 0}.search-results span{color:var(--accent);text-transform:uppercase;font-size:.65rem;font-weight:800}.search-results p{color:var(--ink-soft);font:.9rem/1.5 var(--serif);margin:.4rem 0 0}.saved-highlights{gap:1rem;display:grid}.saved-highlight{border:1px solid var(--line);background:var(--surface);border-left-width:5px;border-radius:12px;overflow:hidden}.saved-yellow{border-left-color:#e6c944}.saved-blue{border-left-color:#63acd6}.saved-green{border-left-color:#62b584}.saved-orange{border-left-color:#dc8847}.saved-pink{border-left-color:#d77c9a}.highlight-quote{text-align:left;width:100%;color:var(--ink);font:.92rem/1.5 var(--serif);cursor:pointer;background:0 0;border:0;padding:1rem}.saved-highlight>div{border-top:1px solid var(--line);justify-content:space-between;padding:.6rem 1rem;display:flex}.mini-colors{gap:.25rem;display:flex}.mini-colors .color-dot{width:18px;height:18px}.delete-highlight{color:#963a34;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-size:.7rem;display:flex}.toast{z-index:80;color:#f3f7f5;width:min(520px,100vw - 2rem);box-shadow:var(--shadow);background:#19382f;border:1px solid #cbd9d3;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;font-size:.82rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem;display:grid}.ai-loading{text-align:center;place-content:center;justify-items:center;gap:.65rem;min-height:260px;display:grid}.ai-loading svg{width:2rem;height:2rem;color:var(--accent)}.ai-loading span{max-width:280px;color:var(--ink-soft);font-size:.78rem;line-height:1.5}.ai-result{gap:1rem;display:grid}.ai-status{color:#285f4e;text-transform:uppercase;letter-spacing:.04em;background:#dceee6;border-radius:999px;width:fit-content;padding:.35rem .55rem;font-size:.66rem;font-weight:800}.ai-status-quality_warning{color:#7b542d;background:#f4e6cf}.ai-status-blocked,.ai-status-failed{color:#88352f;background:#f5dddd}.ai-result blockquote{border-left:3px solid var(--line);color:var(--ink-soft);font:italic .85rem/1.5 var(--serif);margin:0;padding:.8rem 1rem}.ai-result-title{font:600 1.6rem var(--serif);margin:.3rem 0 0}.ai-answer{overflow-wrap:anywhere;min-width:0;line-height:1.7}.ai-answer>:first-child{margin-top:0}.ai-answer>:last-child{margin-bottom:0}.ai-answer p{margin:0 0 .9rem}.ai-answer h4,.ai-answer h5,.ai-answer h6{color:var(--ink);font-family:var(--serif);margin:1.25rem 0 .45rem;line-height:1.25}.ai-answer h4{font-size:1.15rem}.ai-answer h5{font-size:1rem}.ai-answer h6{font:750 .86rem var(--sans)}.ai-answer ul,.ai-answer ol{gap:.35rem;margin:0 0 1rem;padding-left:1.3rem;display:grid}.ai-answer blockquote{margin:.8rem 0}.ai-answer code{background:var(--surface);border-radius:5px;padding:.12em .35em;font:.86em ui-monospace,SFMono-Regular,Consolas,monospace}.ai-answer pre{background:var(--surface);border-radius:9px;max-width:100%;padding:.8rem;overflow-x:auto}.ai-answer pre code{background:0 0;padding:0}.ai-answer a{color:var(--accent);text-underline-offset:2px;font-weight:700;text-decoration:underline}.ai-result>ul{color:var(--ink-soft);gap:.4rem;margin:0;padding-left:1.2rem;font-size:.86rem;line-height:1.5;display:grid}.lesson-examples{gap:.55rem;display:grid}.lesson-examples>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:.25rem;padding:.8rem;display:grid}.lesson-examples strong{font:600 .95rem var(--serif)}.lesson-examples span,.lesson-examples small{color:var(--ink-soft);font-size:.75rem}.ai-warning{color:#744c2b;background:#f5e5ce;border-radius:9px;gap:.5rem;padding:.7rem;font-size:.78rem;display:flex}.ai-result audio{width:100%}.ai-result footer{color:var(--ink-soft);font-size:.68rem}.ai-history{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem;display:grid}.ai-history h3{font:600 1rem var(--serif);align-items:center;gap:.4rem;display:flex}.ai-history button{border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);cursor:pointer;background:0 0;grid-template-columns:1fr auto auto;gap:.5rem;padding:.75rem 0;display:grid}.ai-history button[aria-pressed=true]{color:var(--accent)}.ai-history small{color:var(--ink-soft);font-size:.65rem}.settings-main{width:min(1180px,100% - 2.5rem);margin:auto;padding:4rem 0 7rem}.settings-hero{max-width:760px;margin-bottom:4rem}.settings-hero h1{font:500 clamp(2.5rem, 5vw, 4.3rem)/1 var(--serif);letter-spacing:-.05em;margin:.7rem 0 .8rem}.settings-hero p,.settings-title p{color:var(--ink-soft);margin:0;line-height:1.6}.settings-section{margin-top:4rem}.settings-title{align-items:start;gap:.8rem;margin-bottom:1.3rem;display:flex}.settings-title>svg{width:1.4rem;height:1.4rem;color:var(--accent);margin-top:.15rem}.settings-title h2{font:600 1.65rem var(--serif);margin:0 0 .2rem}.settings-title p{font-size:.85rem}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;display:grid}.setting-card,.agent-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:0 3px 14px #1e362d0a}.setting-card{gap:.55rem;padding:1.1rem;display:grid}.setting-card>div{align-items:center;gap:.5rem;font-weight:800;display:flex}.setting-card>strong{font-size:.78rem}.setting-card>small{color:var(--ink-soft)}.setting-card .button{margin-top:.4rem;padding:.6rem;font-size:.72rem}.connection-dot{background:#a6aaa8;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #787d7a1a}.connection-dot.online{background:#3c8b6c;box-shadow:0 0 0 4px #3c8b6c1f}.agent-grid{gap:1rem;display:grid}.agent-card{gap:1rem;padding:1.3rem;display:grid}.agent-card>header,.agent-card>footer{justify-content:space-between;align-items:start;gap:1rem;display:flex}.agent-card h3{font:600 1.35rem var(--serif);margin:0 0 .3rem}.agent-card p{color:var(--ink-soft);margin:0;font-size:.8rem}.agent-card .agent-validation-note{border:1px solid var(--line);background:var(--canvas);border-radius:10px;padding:.7rem .8rem;line-height:1.5}.agent-card label,.user-form label{color:var(--ink-soft);gap:.4rem;font-size:.75rem;font-weight:750;display:grid}.agent-card select,.agent-card input,.user-form input,.user-form select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--surface);border-radius:10px;padding:.72rem .8rem}.prompt-card textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:190px;color:var(--ink);background:var(--paper);font:.8rem/1.55 var(--sans);border-radius:10px;padding:.8rem .9rem}.prompt-card textarea:focus{border-color:#639282;outline:0;box-shadow:0 0 0 4px #63928221}.prompt-history{border:1px solid var(--line);background:var(--canvas);border-radius:10px;padding:.8rem}.switch-label{white-space:nowrap;grid-auto-flow:column;align-items:center;display:flex!important}.switch-label input{width:1.1rem;accent-color:var(--brand)}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.control-grid{border:1px solid var(--line);background:var(--canvas);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:.7rem;padding:.8rem;display:grid}.control-grid.compact{grid-template-columns:repeat(3,1fr)}.agent-card footer{border-top:1px solid var(--line);align-items:center;padding-top:.9rem}.agent-card footer>span{color:var(--ink-soft);font-size:.7rem}.agent-card footer>div{gap:.5rem;display:flex}.agent-card footer .button{padding:.6rem .8rem;font-size:.72rem}.user-form{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1fr 1.4fr 1fr .8fr auto;align-items:end;gap:.7rem;padding:1.2rem;display:grid}.user-list{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:.8rem;overflow:hidden}.user-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.user-list>div:last-child{border:0}.user-list span:first-child{gap:.15rem;display:grid}.user-list small{color:var(--ink-soft)}.role-pill{color:var(--brand);background:#e3ede8;border-radius:999px;padding:.3rem .55rem;font-size:.68rem;font-weight:800}.notice.success{color:#255f4b;background:#dceee6}.lyrics-main{width:min(1180px,100% - 2.5rem);margin:auto;padding:clamp(2.8rem,6vw,5.5rem) 0 7rem}.lyrics-hero{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.lyrics-hero h1{max-width:760px;font:500 clamp(2.5rem, 5vw, 4.5rem)/1 var(--serif);letter-spacing:-.05em;margin:.7rem 0 .65rem}.lyrics-hero p{max-width:720px;color:var(--ink-soft);margin:0;line-height:1.6}.lyrics-form{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;gap:1.4rem;margin-bottom:4rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.lyrics-form>header{justify-content:space-between;align-items:center;display:flex}.lyrics-form>header>svg{width:2rem;height:2rem;color:var(--accent)}.lyrics-form h2{font:600 1.7rem var(--serif);margin:.3rem 0 0}.lyrics-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.lyrics-fields label{color:var(--ink-soft);gap:.45rem;font-size:.78rem;font-weight:750;display:grid}.lyrics-fields input,.lyrics-fields textarea,.lyrics-filters select{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);border-radius:11px;outline:none;padding:.8rem .9rem}.lyrics-fields textarea{resize:vertical;font-family:var(--serif);line-height:1.6}.lyrics-fields input:focus,.lyrics-fields textarea:focus,.lyrics-filters select:focus{border-color:#639282;box-shadow:0 0 0 4px #63928221}.lyrics-fields small,.formatting-choice small{color:var(--ink-soft);font-weight:500}.full-field{grid-column:1/-1}.formatting-choice{border:0;grid-template-columns:1fr 1fr;gap:.8rem;margin:0;padding:0;display:grid}.formatting-choice legend{grid-column:1/-1;margin-bottom:.6rem;font-size:.85rem;font-weight:800}.formatting-choice label{cursor:pointer;position:relative}.formatting-choice input{opacity:0;position:absolute}.formatting-choice label>span{border:1px solid var(--line);background:var(--paper);border-radius:13px;grid-template-columns:auto 1fr;gap:.2rem .65rem;height:100%;padding:1rem;display:grid}.formatting-choice label>span svg{color:var(--accent);grid-row:1/3;margin-top:.1rem}.formatting-choice input:checked+span{border-color:#639282;box-shadow:0 0 0 3px #63928221}.formatting-choice small{grid-column:2;line-height:1.45}.lyrics-form>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.lyrics-form>footer>span{color:var(--ink-soft);font-size:.72rem}.lyrics-library{margin-top:4rem}.lyrics-filters{border:1px solid var(--line);background:#ffffff59;border-radius:14px;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.2rem;padding:.8rem;display:grid}.lyrics-filters label{color:var(--ink-soft);grid-template-columns:auto 1fr;align-items:center;gap:.65rem;font-size:.72rem;font-weight:750;display:grid}.lyrics-filters select{background:var(--surface);padding:.65rem .75rem}.lyrics-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1rem;display:grid}.lyrics-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:82px 1fr;min-height:260px;display:grid;overflow:hidden}.lyrics-card-icon{color:var(--accent);background:linear-gradient(160deg,#f2dfd2,#e3c8b5);place-items:center;display:grid}.lyrics-card-icon svg{width:2rem;height:2rem}.lyrics-card-body{flex-direction:column;align-items:start;min-width:0;padding:1.2rem;display:flex}.lyrics-card-body h3{font:600 1.4rem var(--serif);margin:.75rem 0 .25rem}.lyrics-card-body>p{color:var(--ink-soft);margin:0;font-size:.75rem}.lyrics-status{color:#39705e;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.62rem;font-weight:800;display:flex}.lyrics-status svg{width:.9rem}.lyrics-status.status-failed{color:#9b6132}.genre-tags{flex-wrap:wrap;gap:.35rem;margin-top:.7rem;display:flex}.genre-tags span{color:var(--brand);background:#e3ede8;border-radius:999px;padding:.25rem .45rem;font-size:.62rem;font-weight:750}.lyrics-card-actions{border-top:1px solid var(--line);gap:.8rem;width:100%;padding-top:.6rem;display:flex}.lyrics-card-actions button{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-size:.68rem;font-weight:750;display:inline-flex}.lyrics-card-actions button.danger{color:#963a34;margin-left:auto}.lyrics-card-actions svg{width:.9rem}.lyrics-empty{text-align:center;border:1px dashed #b8c7c0;border-radius:18px;justify-items:center;padding:4rem 1rem;display:grid}.lyrics-empty>svg{width:2rem;height:2rem;color:var(--accent)}.lyrics-empty h3{margin:.8rem 0 .25rem}.lyrics-empty p{color:var(--ink-soft);margin:0}.genre-manager{border:1px solid var(--line);background:var(--surface);border-radius:13px;margin-top:1.5rem;padding:.9rem 1rem}.genre-manager summary{cursor:pointer;font-size:.78rem;font-weight:800}.genre-manager>div{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.genre-manager>div>span{background:var(--canvas);border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .35rem .3rem .55rem;font-size:.68rem;display:flex}.genre-manager button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid}.genre-manager p{color:var(--ink-soft);margin:.7rem 0 0;font-size:.65rem}.catalog-suggestions{margin-top:5rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;display:grid}.catalog-grid article{border:1px solid var(--line);background:#ffffff6b;border-radius:14px;flex-direction:column;padding:1rem;display:flex}.catalog-grid article>div:first-child{gap:.15rem;display:grid}.catalog-grid article>div:first-child strong{font-family:var(--serif)}.catalog-grid article>div:first-child>span{color:var(--ink-soft);font-size:.7rem}.catalog-grid footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.8rem;display:flex}.catalog-grid footer button,.catalog-grid footer a{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;font-size:.68rem;font-weight:750;display:inline-flex}.catalog-grid footer svg{width:.9rem}.theme-dark{--ink:#e7eee9;--ink-soft:#9fb2aa;--paper:#1d2925;--canvas:#14201c;--surface:#25342f;--line:#3a4943;--brand:#77ae99;--brand-hover:#8fc2ae;--accent:#eba06d}@media (prefers-color-scheme:dark){.theme-system{--ink:#e7eee9;--ink-soft:#9fb2aa;--paper:#1d2925;--canvas:#14201c;--surface:#25342f;--line:#3a4943;--brand:#77ae99;--brand-hover:#8fc2ae;--accent:#eba06d}}@media (max-width:760px){.login-shell{background:var(--paper);display:block}.login-story{min-height:42svh;padding:1.5rem}.login-story>div:not(.story-note){margin:auto 0}.login-story h1{margin-bottom:.7rem;font-size:clamp(2.25rem,11vw,3.5rem)}.login-story p{font-size:.9rem;line-height:1.5}.story-note{display:none}.login-panel{min-height:58svh;padding:2rem 1.5rem}.login-card h2{font-size:1.8rem}.app-header{height:64px;padding:0 1rem}.user-greeting{display:none}.library-main{width:min(100% - 2rem,560px);padding-top:3rem}.library-hero{margin-bottom:2.5rem;display:grid}.library-hero .button{width:100%}.library-hero h1{font-size:2.8rem}.document-grid{grid-template-columns:1fr}.reading-kinds{margin-top:0}.reader-shell{width:100%;max-width:100vw;overflow-x:clip}.reader-header{background:color-mix(in srgb, var(--paper) 96%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:40px minmax(0,1fr);width:100%;max-width:100vw;height:62px;padding:0 .6rem}.reader-header-start .brand{display:none}.reader-header-start{min-width:0}.back-link{place-items:center;width:40px;height:40px;margin:0;font-size:0;display:grid}.back-link svg{width:1.2rem;height:1.2rem}.reader-title{width:100%;min-width:0;padding:0 .5rem 0 .25rem}.reader-title strong{text-align:center;width:100%;max-width:100%;font-size:.8rem}.reader-tools{z-index:70;width:100%;max-width:100vw;min-height:62px;padding:.35rem .3rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(5,minmax(0,1fr));gap:.1rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #1e322a1a}.reader-tools .icon-button{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.08rem;width:100%;height:50px;display:flex}.reader-tools .icon-button[aria-pressed=true]{color:var(--brand);background:#39705e1a}.reader-tools .mobile-tool-label{text-overflow:ellipsis;color:currentColor;white-space:nowrap;max-width:100%;font-size:.58rem;font-weight:750;line-height:1.15;display:block;overflow:hidden}.reader-tools .icon-button svg{width:1.15rem;height:1.15rem}.reading-progress{top:61px}.reader-main{padding:92px .9rem calc(8rem + env(safe-area-inset-bottom))}.reading-mode{max-width:100%;overflow-x:auto}.reader-article{width:min(var(--reader-width), calc(100vw - 1.8rem))}.pdf-original-view{width:calc(100vw - 1.8rem)}.pdf-original-view>header{flex-direction:column;align-items:stretch}.pdf-original-view .button{width:100%}.pdf-original-view iframe{height:calc(100svh - 285px);min-height:480px}.translation-callout,.translation-ready-bar{flex-direction:column;align-items:stretch;width:calc(100vw - 1.8rem)}.translation-callout progress{width:100%}.translation-callout .button{width:100%;margin-left:0}.parallel-block{grid-template-columns:1fr}.article-heading{margin-bottom:3rem}.article-heading h1{font-size:2.5rem}.selection-menu{z-index:1000;border-radius:17px;grid-template-columns:repeat(4,minmax(0,1fr));width:auto;max-width:none;padding:.6rem;display:grid;right:.65rem;transform:translateY(-100%);left:.65rem!important}.selection-menu[data-placement=below]{transform:none}.selection-menu:after{display:none}.selection-menu>button,.highlight-action>button,.flashcard-action>button{justify-content:center;width:100%;padding:.55rem .25rem}.highlight-action,.flashcard-action{min-width:0}.highlight-action .color-options{justify-content:center;position:absolute;top:calc(100% + .35rem);bottom:auto;right:auto}.flashcard-action .flashcard-options{top:calc(100% + .35rem);bottom:auto;right:0}.reader-panel{top:62px;bottom:calc(62px + env(safe-area-inset-bottom));border-left:0;width:100vw;max-width:100vw}.toast{bottom:calc(74px + env(safe-area-inset-bottom))}.settings-main{width:min(100% - 2rem,560px);padding-top:3rem}.settings-hero{margin-bottom:2rem}.settings-section{margin-top:3rem}.field-row{grid-template-columns:1fr}.control-grid,.control-grid.compact{grid-template-columns:1fr 1fr}.agent-card>footer{display:grid}.agent-card footer>div{width:100%}.agent-card footer .button{flex:1}.user-form{grid-template-columns:1fr}.lyrics-main{width:min(100% - 2rem,560px);padding-top:3rem}.lyrics-hero{display:grid}.lyrics-hero h1{font-size:2.8rem}.lyrics-hero .button{width:100%}.lyrics-fields,.formatting-choice,.lyrics-filters{grid-template-columns:1fr}.full-field{grid-column:auto}.lyrics-form>footer{flex-direction:column;align-items:stretch}.lyrics-form>footer .button{width:100%}.lyrics-grid{grid-template-columns:1fr}.lyrics-card{grid-template-columns:68px 1fr}.catalog-grid{grid-template-columns:1fr}.modal-backdrop,.study-overlay{padding:.5rem}.flashcard-preview,.study-session{border-radius:16px;max-height:calc(100svh - 1rem);padding:1rem}.flashcard-preview>footer{display:grid}.flashcard-preview>footer .button{width:100%}.flashcards-main{width:min(100% - 2rem,560px);padding-top:3rem}.flashcards-hero,.deck-toolbar{display:grid}.flashcards-hero .button{width:100%}.flashcard-stats{grid-template-columns:1fr 1fr}.deck-toolbar form{grid-template-columns:1fr auto;display:grid}.flashcard-list{grid-template-columns:1fr}.managed-flashcard>footer{flex-direction:column;align-items:stretch}.managed-flashcard>footer .button{width:100%}.study-actions{flex-direction:column;align-items:stretch}.study-audio-controls,.study-action-buttons{justify-content:center}.audio-profile-popover{left:50%;right:auto;transform:translate(-50%)}.study-card{min-height:280px}.study-card-explanation.is-revealed{height:56svh;padding:1rem}.rating-buttons{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.study-module-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;display:grid}.study-module-card{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;padding:2rem;text-decoration:none;display:block}.study-module-card:hover{border-color:var(--accent)}.study-module-card h2{font-family:var(--serif);margin:0 0 .8rem}.study-module-card p{color:var(--ink-soft);line-height:1.6}.study-module-card strong{color:var(--accent)}.study-switch{gap:.2rem;font-size:.72rem;display:grid}.study-switch select,.study-profile select{border:1px solid var(--line);max-width:100%;color:var(--ink);background:var(--paper);border-radius:8px;padding:.5rem}.study-profile{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.8rem;width:min(100% - 2rem,1120px);margin:1rem auto;padding:.8rem 1rem;display:flex}.study-profile label{gap:.3rem;font-size:.8rem;display:grid}.study-profile p{color:var(--ink-soft);margin:0;font-size:.8rem}.feature-access{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.feature-access label{align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}@media (max-width:760px){.app-header{flex-wrap:wrap;gap:.7rem}.study-switch{max-width:55%;margin-left:auto}.app-header nav{justify-content:flex-end;width:100%}.user-list>div{flex-wrap:wrap;gap:.8rem}}