:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292621;background:#f5f1ea;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #292621;--muted: #817b72;--soft-muted: #a39c92;--paper: #fffdfa;--paper-warm: #fbf7f0;--line: #e7e0d6;--accent: #6957d8;--accent-dark: #5140bb;--accent-soft: #eeebff;--green: #398169;--shadow: 0 18px 45px rgb(76 59 36 / .08), 0 2px 8px rgb(76 59 36 / .04)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 75% -10%,#fffdf8 0,transparent 35rem),var(--paper-warm)}button,select,textarea,input{font:inherit}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid rgb(105 87 216 / .55);outline-offset:3px}a{color:inherit}.app-shell{min-height:100vh;padding-bottom:112px}.skip-link{position:fixed;z-index:20;top:12px;left:16px;padding:10px 14px;color:#fff;background:var(--ink);border-radius:10px;transform:translateY(-160%);transition:transform .14s ease-out}.skip-link:focus{transform:translateY(0)}.topbar{position:sticky;z-index:10;top:0;background:#fbf7f0db;border-bottom:1px solid rgb(231 224 214 / .85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));min-height:72px;margin:0 auto}.brand{display:inline-flex;gap:10px;align-items:center;font-size:17px;font-weight:700;letter-spacing:-.03em;text-decoration:none}.brand-mark{display:inline-flex;gap:2px;align-items:end;justify-content:center;width:30px;height:30px;padding:7px;background:var(--accent);border-radius:9px 9px 9px 3px;box-shadow:0 5px 12px #6957d833}.brand-mark span{display:block;width:3px;background:#fff;border-radius:2px}.brand-mark span:nth-child(1){height:8px;opacity:.72}.brand-mark span:nth-child(2){height:13px}.brand-mark span:nth-child(3){height:10px;opacity:.82}.settings-toggle,.text-button,.transport-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:10px;transition:color .14s ease-out,background-color .14s ease-out,scale .14s ease-out}.settings-toggle:hover,.text-button:hover,.transport-button:hover:not(:disabled){color:var(--ink);background:#eee9e0}.settings-toggle:active,.text-button:active,.transport-button:active:not(:disabled),.play-button:active:not(:disabled){scale:.96}.settings-toggle[aria-expanded=true]{color:var(--accent-dark);background:var(--accent-soft)}.icon{width:20px;height:20px;fill:currentcolor;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;flex:0 0 auto}.settings-panel{position:absolute;top:calc(100% + 12px);right:max(24px,calc((100% - 1180px)/2));width:min(438px,calc(100% - 48px));padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.settings-heading,.section-heading,.editor-footer,.player-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-heading{align-items:start;margin-bottom:20px}.settings-heading h2,.section-heading h2{margin:2px 0 0;font-size:18px;letter-spacing:-.025em;line-height:1.2}.settings-note,.count-badge{padding:4px 8px;color:var(--accent-dark);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--accent-soft);border-radius:999px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.field,.range-field{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:12px;font-weight:600}.field-wide{grid-column:1 / -1}.field select{width:100%;min-height:42px;padding:0 11px;color:var(--ink);background:var(--paper-warm);border:1px solid var(--line);border-radius:10px}.range-field span{display:flex;justify-content:space-between}.range-field output{color:var(--accent-dark);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.settings-help{margin:18px 0 0;color:var(--soft-muted);font-size:12px;line-height:1.45}.main-content{width:min(1180px,calc(100% - 48px));margin:0 auto}.hero{display:flex;align-items:end;justify-content:space-between;gap:48px;padding:74px 0 48px}.eyebrow{margin:0;color:var(--accent-dark);font-size:11px;font-weight:750;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.hero h1{max-width:680px;margin:14px 0 0;font-size:clamp(42px,6vw,76px);font-weight:650;letter-spacing:-.075em;line-height:.98;text-wrap:balance}.hero h1 em{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.08em}.hero-copy{max-width:330px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.6;text-wrap:pretty}.content-grid{display:grid;grid-template-columns:minmax(280px,.77fr) minmax(0,1.23fr);align-items:start;gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.editor-card{position:sticky;top:94px;padding:24px}.section-heading{align-items:start;margin-bottom:22px}.reader-heading{margin-bottom:0;padding:26px 28px 20px}.progress-label{max-width:180px;color:var(--muted);font-size:12px;text-align:end}textarea{display:block;width:100%;min-height:360px;padding:16px 17px;color:var(--ink);font-size:16px;line-height:1.65;resize:vertical;background:var(--paper-warm);border:1px solid var(--line);border-radius:13px;outline:none;transition:border-color .14s ease-out,box-shadow .14s ease-out}textarea::placeholder{color:#aaa298;opacity:1}textarea:focus{border-color:#6957d899;box-shadow:0 0 0 4px #6957d81a}.editor-footer{align-items:center;margin-top:12px}.editor-footer p{margin:0;color:var(--soft-muted);font-size:12px}.text-button{min-height:32px;padding:4px 8px;color:var(--accent-dark);font-size:12px}.text-button:disabled{color:#c1b9b0;background:transparent}.reader-card{min-width:0;overflow:hidden}.reader-scroll{height:min(69vh,780px);min-height:480px;padding:56px clamp(22px,5vw,70px) 100px;overflow:auto;overscroll-behavior:contain;scroll-padding-block:45%;background:linear-gradient(180deg,#fffdfa,#fcf8f1)}.reading-paragraph{max-width:68ch;margin:0 auto 32px;padding:15px 18px;color:#625d55;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.5vw,22px);line-height:1.7;text-align:start;border:1px solid transparent;border-radius:13px;scroll-margin-block:38%;transition:color .16s ease-out,background-color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.reading-paragraph:last-child{margin-bottom:0}.reading-paragraph.is-selected{color:#423d36;background:#fffdfacc;border-color:#eee6da;box-shadow:0 5px 18px #4c3b240b}.sentence{border-radius:4px;transition:color .12s ease-out,background-color .12s ease-out,box-shadow .12s ease-out}.sentence.is-speaking{color:#32258b;background:#e9e5ff;box-shadow:3px 0 #e9e5ff,-3px 0 #e9e5ff}.empty-state{display:grid;place-items:center;min-height:100%;padding:60px 20px;color:var(--muted);text-align:center}.empty-state[hidden]{display:none}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;color:var(--accent-dark);font-family:Georgia,serif;font-size:24px;background:var(--accent-soft);border-radius:18px 18px 18px 5px}.empty-state h3{margin:0;color:var(--ink);font-size:18px;letter-spacing:-.02em}.empty-state p{max-width:280px;margin:8px 0 0;font-size:14px;line-height:1.55}.player-bar{position:fixed;z-index:9;right:0;bottom:0;left:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:#fffdfae6;border-top:1px solid rgb(231 224 214 / .95);box-shadow:0 -8px 28px #4c3b240f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-inner{width:min(1180px,calc(100% - 48px));min-height:62px;margin:0 auto}.player-status{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.status-dot{width:9px;height:9px;flex:0 0 auto;background:#b7afa4;border-radius:50%}.status-dot[data-state=reading]{background:var(--accent);box-shadow:0 0 0 4px #6957d81f}.status-dot[data-state=ready]{background:var(--green)}.status-dot[data-state=unsupported]{background:#c27754}.status-label,.status-detail{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-label{color:var(--ink);font-size:13px;font-weight:700}.status-detail{max-width:300px;margin-top:1px;color:var(--soft-muted);font-size:11px}.transport-controls{display:flex;align-items:center;gap:8px}.transport-button{color:var(--muted);font-size:12px;font-weight:600}.transport-button:disabled{color:#c9c1b8}.transport-button .icon{width:18px;height:18px}.play-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:118px;min-height:46px;padding:10px 18px;color:#fff;font-size:13px;font-weight:700;background:var(--accent);border:0;border-radius:12px;box-shadow:0 7px 16px #6957d838;transition:background-color .14s ease-out,box-shadow .14s ease-out,scale .14s ease-out}.play-button:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 9px 20px #6957d847}.play-button:disabled{color:#aaa39c;background:#e6dfd6;box-shadow:none}.play-button .icon{width:18px;height:18px}.player-meta{min-width:150px;flex:1;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;text-align:end}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero{align-items:start;flex-direction:column;gap:24px}.hero-copy{max-width:480px}.content-grid{grid-template-columns:1fr}.editor-card{position:static}textarea{min-height:230px}}@media(max-width:640px){.app-shell{padding-bottom:152px}.topbar-inner,.main-content,.player-inner{width:min(100% - 32px,1180px)}.topbar-inner{min-height:64px}.settings-toggle{padding-inline:8px}.settings-toggle span{display:none}.settings-panel{right:16px;width:calc(100% - 32px);padding:18px}.hero{padding:52px 0 32px}.hero h1{font-size:clamp(42px,13vw,58px)}.editor-card{padding:18px;border-radius:16px}.reader-card{border-radius:16px}.reader-heading{padding:20px 18px 16px}.reader-scroll{height:58vh;min-height:390px;padding:38px 14px 80px}.reading-paragraph{margin-bottom:22px;padding:13px 12px;font-size:18px;line-height:1.65}.player-inner{display:grid;grid-template-columns:1fr auto;gap:10px 12px}.player-status,.player-meta{min-width:0}.transport-controls{grid-column:1 / -1;grid-row:2;justify-content:center}.transport-button{min-width:44px;padding-inline:10px}.transport-label{display:none}.play-button{min-width:132px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(forced-colors:active){.play-button,.brand-mark{border:1px solid ButtonText}}