:root{color-scheme:light dark;--bg: #f2f2f7;--bg-elevated: #ffffff;--bg-inset: #f7f7fa;--fill: rgba(118, 118, 128, .1);--fill-strong: rgba(118, 118, 128, .18);--toolbar-bg: rgba(250, 250, 252, .78);--label: #1d1d1f;--label-secondary: #62626a;--label-tertiary: #86868b;--separator: rgba(60, 60, 67, .18);--accent: #0062cc;--accent-hover: #0053ad;--accent-soft: rgba(0, 98, 204, .1);--on-accent: #ffffff;--green: #1b7a34;--orange: #9a4d00;--red: #c4001d;--red-soft: rgba(196, 0, 29, .1);--red-fill: #c4001d;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .06);--shadow-raised: 0 2px 6px rgba(0, 0, 0, .1), 0 18px 48px rgba(0, 0, 0, .16);--ease: cubic-bezier(.32, .72, 0, 1);--dur: .22s}@media(prefers-color-scheme:dark){:root{--bg: #000000;--bg-elevated: #1c1c1e;--bg-inset: #2c2c2e;--fill: rgba(120, 120, 128, .24);--fill-strong: rgba(120, 120, 128, .36);--toolbar-bg: rgba(28, 28, 30, .72);--label: #f5f5f7;--label-secondary: #a1a1a8;--label-tertiary: #8b8b90;--separator: rgba(84, 84, 88, .65);--accent: #4da3ff;--accent-hover: #78b9ff;--accent-soft: rgba(77, 163, 255, .16);--on-accent: #06121f;--green: #4ad76c;--orange: #ffb340;--red: #ff6961;--red-soft: rgba(255, 105, 97, .16);--red-fill: #d3172c;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px rgba(0, 0, 0, .45);--shadow-raised: 0 2px 8px rgba(0, 0, 0, .6), 0 24px 60px rgba(0, 0, 0, .6)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.t-large-title{font-size:2rem;line-height:1.15;font-weight:700;letter-spacing:-.022em}.t-title{font-size:1.375rem;line-height:1.25;font-weight:650;letter-spacing:-.02em}.t-headline{font-size:1.0625rem;line-height:1.35;font-weight:600}.t-body{font-size:1.0625rem;line-height:1.47;font-weight:400}.t-subhead{font-size:.9375rem;line-height:1.4;font-weight:400}.t-footnote{font-size:.8125rem;line-height:1.35;font-weight:400}.secondary{color:var(--label-secondary)}.tabular{font-variant-numeric:tabular-nums}.app{min-height:100vh;display:flex;flex-direction:column}.toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:var(--toolbar-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid transparent;transition:border-color var(--dur) var(--ease)}.toolbar[data-scrolled=true]{border-bottom-color:var(--separator)}.toolbar__title{font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;display:flex;align-items:center;gap:8px}.toolbar__spacer{flex:1}.container{width:100%;max-width:760px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));flex:1}.stack{display:flex;flex-direction:column}.stack-8{gap:8px}.stack-12{gap:12px}.stack-16{gap:16px}.stack-24{gap:24px}.stack-32{gap:32px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:none;border-radius:980px;background:var(--fill);color:var(--label);font-size:1rem;font-weight:500;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:hover{background:var(--fill-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);color:var(--on-accent);font-weight:590}.btn--primary:hover{background:var(--accent-hover)}.btn--plain{background:transparent;color:var(--accent);padding:0 10px}.btn--plain:hover{background:var(--accent-soft)}.btn--danger{background:transparent;color:var(--label-secondary)}.btn--danger:hover{background:var(--red-soft);color:var(--red)}.btn--destructive{background:var(--red-fill);color:#fff;font-weight:590}.btn--destructive:hover{filter:brightness(1.08)}.btn--icon{min-width:44px;padding:0;border-radius:50%}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card--pad{padding:20px}.card--overflow-visible{overflow:visible}.list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:transparent;border:none;text-align:left;transition:background var(--dur) var(--ease)}.row+.row{border-top:.5px solid var(--separator)}.row--tappable:hover{background:var(--fill)}.row--tappable:active{background:var(--fill-strong)}.row--interactive{padding:0 8px 0 0}.row__open{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:14px 6px 14px 16px;border:none;background:transparent;text-align:left;transition:background var(--dur) var(--ease)}.row--interactive:has(.row__open:hover){background:var(--fill)}.row--interactive:has(.row__open:active){background:var(--fill-strong)}.row__main{display:block;flex:1;min-width:0}.row__title{display:block;font-size:1.0625rem;font-weight:550;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;color:var(--label-secondary);font-size:.8125rem}.row__meta>*+*:before{content:"·";margin-right:6px;color:var(--label-tertiary)}.row__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.chevron{color:var(--label-tertiary);flex-shrink:0}.doc-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:980px;background:var(--fill);color:var(--label-secondary);font-size:.75rem;font-weight:550;letter-spacing:0;white-space:nowrap}.badge--ready{color:var(--green);background:#34c75924}.badge--working{color:var(--orange);background:#ff9f0a29}.badge--failed{color:var(--red);background:var(--red-soft)}.spinner{width:13px;height:13px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:40px 24px;border:2px dashed var(--separator);border-radius:var(--radius-xl);background:var(--bg-elevated);color:var(--label);text-align:center;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.dropzone:hover{border-color:var(--accent)}.dropzone[data-dragging=true]{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.dropzone:disabled{opacity:.6;cursor:progress}.dropzone__glyph{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.progress{display:block;width:100%;height:6px;border-radius:3px;background:var(--fill-strong);overflow:hidden}.progress__fill{display:block;height:100%;border-radius:3px;background:var(--accent);transition:width .4s var(--ease)}.progress--indeterminate .progress__fill{width:40%;animation:slide 1.4s var(--ease) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.banner{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-md);background:var(--red-soft);color:var(--red);font-size:.9375rem}.banner--info{background:var(--accent-soft);color:var(--accent)}.banner__text{color:var(--label)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 24px;text-align:center;color:var(--label-secondary)}.player-hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px;text-align:center}.artwork{display:grid;place-items:center;width:132px;height:132px;margin-bottom:14px;border-radius:var(--radius-xl);background:linear-gradient(150deg,var(--accent) 0%,color-mix(in oklab,var(--accent),#8e5cff 55%) 100%);color:#fff;box-shadow:var(--shadow-raised)}.scrubber{display:flex;flex-direction:column;gap:2px}.volume-row{display:flex;align-items:center;gap:10px}.volume-row .btn--icon{min-width:32px;width:32px;height:32px;flex-shrink:0;color:var(--label-secondary)}.volume-row .slider{flex:1}.scrubber__times{display:flex;justify-content:space-between;color:var(--label-secondary);font-size:.8125rem;font-variant-numeric:tabular-nums}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}input[type=range].slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--fill-percent, 0%),var(--fill-strong) var(--fill-percent, 0%))}input[type=range].slider::-moz-range-track{height:6px;border-radius:3px;background:var(--fill-strong)}input[type=range].slider::-moz-range-progress{height:6px;border-radius:3px;background:var(--accent)}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:none;border-radius:50%;background:var(--bg-elevated);box-shadow:0 1px 4px #00000047,0 0 0 1px var(--separator);transition:transform var(--dur) var(--ease)}input[type=range].slider::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--bg-elevated);box-shadow:0 1px 4px #00000047,0 0 0 1px var(--separator)}input[type=range].slider:active::-webkit-slider-thumb{transform:scale(1.25)}.transport{display:flex;align-items:center;justify-content:center;gap:22px;padding:4px 0 2px}.transport__btn{display:grid;place-items:center;width:56px;height:56px;border:none;border-radius:50%;background:var(--fill);color:var(--label);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.transport__btn:hover{background:var(--fill-strong)}.transport__btn:active{transform:scale(.94)}.transport__btn--play{width:72px;height:72px;background:var(--accent);color:var(--on-accent)}.transport__btn--play:hover{background:var(--accent-hover)}.segmented{display:flex;gap:2px;padding:2px;border-radius:12px;background:var(--fill)}.segmented__option{flex:1;min-height:34px;padding:0 10px;border:none;border-radius:10px;background:transparent;color:var(--label);font-size:.9375rem;font-weight:500;font-variant-numeric:tabular-nums;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.segmented__option[aria-checked=true]{background:var(--bg-elevated);font-weight:600;box-shadow:0 1px 3px #00000024}.search{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:var(--radius-md);background:var(--fill);color:var(--label-secondary)}.search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:1rem;color:var(--label)}.page-list{max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:none;background:transparent;text-align:left;transition:background var(--dur) var(--ease)}.page-row+.page-row{border-top:.5px solid var(--separator)}.page-row:hover{background:var(--fill)}.page-row[aria-current=true]{background:var(--accent-soft)}.page-row__num{display:grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:8px;background:var(--fill);color:var(--label-secondary);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.page-row[aria-current=true] .page-row__num{background:var(--accent);color:var(--on-accent)}.page-row__preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--label-secondary);font-size:.9375rem}.page-row__time{color:var(--label-secondary);font-size:.8125rem;font-variant-numeric:tabular-nums}.voice-picker{position:relative;width:100%}.voice-picker__trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-inset);text-align:left;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.voice-picker__trigger:hover{background:var(--fill)}.voice-picker__trigger[aria-expanded=true]{border-color:var(--accent)}.voice-picker__trigger:disabled{opacity:.5;cursor:not-allowed}.voice-picker__avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.9375rem;font-weight:650}.voice-picker__label{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.voice-picker__panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-raised);animation:pop var(--dur) var(--ease)}.voice-list{max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);background:var(--bg-inset)}.voice-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;border:none;background:transparent;text-align:left;transition:background var(--dur) var(--ease)}.voice-row+.voice-row{border-top:.5px solid var(--separator)}.voice-row:hover{background:var(--fill)}.voice-row[aria-selected=true]{background:var(--accent-soft)}.voice-row__avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--fill-strong);color:var(--label-secondary);font-size:.8125rem;font-weight:650}.voice-row__main{flex:1;min-width:0;display:flex;flex-direction:column}.voice-row__name{font-size:.9375rem;font-weight:550}.voice-row__locale{font-size:.8125rem;color:var(--label-secondary)}.login{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 52px);padding:24px}.login__card{width:100%;max-width:320px}.login__input{min-height:44px;padding:0 14px;border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--label);font-size:1rem;transition:border-color var(--dur) var(--ease)}.login__input:focus-visible{border-color:var(--accent);outline:none}.login__input[aria-invalid=true]{border-color:var(--red)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade var(--dur) var(--ease)}.dialog{width:100%;max-width:300px;padding:20px;border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-raised);text-align:center;animation:pop var(--dur) var(--ease)}.dialog__actions{display:flex;gap:10px;margin-top:18px}.dialog__actions .btn{flex:1}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:60;transform:translate(-50%);max-width:min(440px,calc(100vw - 40px));padding:12px 18px;border-radius:980px;background:var(--bg-elevated);box-shadow:var(--shadow-raised);font-size:.9375rem;animation:rise var(--dur) var(--ease)}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}@media(pointer:coarse){input[type=range].slider{height:44px}input[type=range].slider::-webkit-slider-thumb{margin-top:-15px}.segmented__option,.search{min-height:44px}.page-row{min-height:52px}}@media(hover:none),(max-width:640px){.kbd-hint{display:none}}@media(max-width:480px){.container{padding-top:16px}.meta-date,.meta-pages{display:none}.row__open{padding-left:14px;gap:12px}.doc-icon{width:40px;height:40px}.t-large-title{font-size:1.75rem}.transport{gap:14px}.artwork{width:112px;height:112px}}