:root{color:#292a24;font-synthesis:none;text-rendering:optimizelegibility;background:#f3efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea,audio{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#faf7f0;border:1px solid #d5cebf;border-radius:4px 30px;gap:18px;width:min(440px,100%);padding:clamp(32px,7vw,58px);display:grid;box-shadow:0 24px 70px #4d402b1a}.auth-card form{gap:16px;display:grid}.auth-card label{color:#686359;gap:7px;font-size:12px;font-weight:700;display:grid}.auth-card h1{margin:-8px 0 4px}.auth-card p{color:#67675d;line-height:1.7}.auth-mark{margin-bottom:10px}.topbar{border-bottom:1px solid #d8d2c5;justify-content:space-between;align-items:center;min-height:76px;padding:14px clamp(20px,4vw,56px);display:flex}.topbar-actions{align-items:center;gap:14px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark,.empty-mark{color:#f7f1e5;background:#855d3a;border-radius:50% 50% 46% 54%/57% 46% 54% 43%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:22px;font-weight:700;display:grid;transform:rotate(-7deg)}.brand>span:last-child{display:grid}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:1}.brand small{color:#777466;letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:11px}.connection{color:#67675d;align-items:center;gap:8px;font-size:13px;display:inline-flex}.connection span{background:#68804d;border-radius:50%;width:7px;height:7px}.connection.offline span{background:#b46e4f}.workspace{grid-template-columns:minmax(270px,340px) minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.library{background:#ece6da;border-right:1px solid #d8d2c5;padding:36px 28px}.section-heading,.reader-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:#8b785d;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{margin-bottom:24px;font-size:clamp(32px,4vw,48px);line-height:.98}h2{margin:7px 0 0;font-size:clamp(30px,4vw,54px);line-height:1.05}.count{color:#746d61;border:1px solid #c7bdad;border-radius:50%;place-items:center;min-width:30px;height:30px;font-size:12px;display:grid}.import-panel{border-block:1px solid #d1c8b9;margin-bottom:24px}.import-panel summary{padding:14px 0;font-size:14px;font-weight:700;list-style:none}.import-panel summary::-webkit-details-marker{display:none}.import-panel form{gap:13px;padding-bottom:20px;display:grid}.import-panel label{color:#686359;gap:6px;font-size:12px;font-weight:700;display:grid}.import-panel small{color:#8a8377;font-weight:400;line-height:1.5}.source-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.source-tabs button{color:#686359;background:0 0;border:1px solid #c9c0b1;border-radius:8px;min-height:38px;font-size:12px}.source-tabs button.active{color:#fffaf1;background:#855d3a;border-color:#855d3a}input,select,textarea{color:#292a24;background:#f8f4ec;border:1px solid #c9c0b1;border-radius:8px;outline:none;width:100%}input,select{height:42px;padding:0 11px}input[type=file]{height:auto;padding:10px}textarea{resize:vertical;min-height:150px;padding:11px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#855d3a;box-shadow:0 0 0 3px #855d3a21}.primary,.play-button{color:#fffaf1;background:#855d3a;border:0;border-radius:999px;font-weight:700}.primary{min-height:44px;padding:0 18px}.document-list{gap:8px;display:grid}.document{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;gap:7px;padding:14px;display:grid}.document:hover,.document.active{background:#f5f0e7;border-color:#d3c8b7}.document strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.document span{color:#7f786c;font-size:11px}.reader{flex-direction:column;justify-content:center;width:min(900px,100%);min-height:calc(100vh - 76px);margin:0 auto;padding:clamp(34px,7vw,90px);display:flex}.reader-heading{margin-bottom:32px}.text-button{color:#6d685e;background:0 0;border:0;padding:8px;font-size:12px}.text-button.danger:hover{color:#9a4936}.progress-track{background:#ded8cc;height:3px;margin-bottom:36px;overflow:hidden}.progress-track span{background:#7d855e;height:100%;transition:width .22s;display:block}.listening-card{background:#faf7f0;border:1px solid #d5cebf;border-radius:4px 26px;min-height:260px;padding:clamp(28px,5vw,58px);box-shadow:0 24px 70px #4d402b14}.listening-card p{color:#2d3029;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3.1vw,36px);line-height:1.55}.audio-player{background:#e9e1d3;border:1px solid #d5cebf;border-radius:14px;gap:10px;margin-bottom:28px;padding:18px;display:grid}.audio-player audio{width:100%}.youtube-player,.youtube-player iframe{aspect-ratio:16/9;border:0;width:100%}.time-row{color:#756e63;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.practice-controls{justify-content:space-between;align-items:center;gap:18px;display:flex}.practice-controls>button{color:#6d5540;background:#f7f0e4;border:1px solid #c8bba8;border-radius:999px;padding:8px 12px;font-size:11px}.word-status{color:#777064;grid-template-columns:auto minmax(100px,1fr) auto;align-items:baseline;gap:14px;margin-bottom:14px;padding:0 4px;font-size:12px;display:grid}.word-status strong{color:#855d3a;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:27px;overflow:hidden}.transcript{scroll-behavior:smooth;max-height:min(52vh,620px);overflow-y:auto}.transcript-segment{border:1px solid #0000;border-radius:12px;padding:14px 16px 18px}.transcript-segment+.transcript-segment{margin-top:10px}.transcript-segment.looped{background:#f1eadc;border-color:#b9a98f}.segment-actions{color:#9a8d7b;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:8px;font-size:10px;display:flex}.segment-actions button{color:#796149;text-transform:none;background:#eee4d5;border:0;border-radius:999px;padding:4px 7px;font-size:10px}.listening-card.transcript p{margin:0;font-size:clamp(18px,2.3vw,28px)}.timed-word{color:inherit;font:inherit;line-height:inherit;background:0 0;border:0;border-radius:5px;padding:2px 3px;transition:color .1s,background .1s,box-shadow .1s;display:inline}.timed-word:hover{background:#eee3d3}.timed-word.active{color:#fffaf1;background:#855d3a;box-shadow:0 3px 12px #684b2f33}.timed-word.difficult:not(.active){color:#8f452f;box-shadow:inset 0 -2px #c97658}.difficult-panel{background:#f6efe4;border:1px solid #d5cebf;border-radius:12px;margin-top:20px;padding:18px}.difficult-panel>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.difficult-panel button{color:#834735;background:#fff8f3;border:1px solid #d5b5a8;border-radius:999px;padding:6px 10px;font-size:12px}.speed-control{color:#757064;grid-template-columns:auto minmax(140px,260px) 48px;justify-content:center;align-items:center;gap:14px;font-size:12px;font-weight:700;display:grid}.speed-control input{accent-color:#7d855e;height:auto;box-shadow:none}.speed-control output{font-variant-numeric:tabular-nums}.empty-state{color:#777267;text-align:center;margin:auto}.empty-state .empty-mark{width:58px;height:58px;margin:0 auto 24px;font-size:29px}.empty-state h2{color:#383932;font-size:38px}.empty-state p{max-width:420px;line-height:1.7}.error-banner{color:#813f30;background:#f8e6df;border:1px solid #dfb5a8;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}@media (width<=760px){.topbar{min-height:66px}.workspace{display:block}.library{border-bottom:1px solid #d8d2c5;border-right:0;padding:26px 20px}.document-list{padding-bottom:4px;display:flex;overflow-x:auto}.document{min-width:210px}.reader{min-height:auto;padding:38px 20px 56px}.reader-heading{margin-bottom:22px}.listening-card{min-height:220px}.practice-controls{flex-direction:column;align-items:stretch}.word-status{grid-template-columns:auto 1fr}.word-status>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}