*{margin:0;padding:0;box-sizing:border-box}:root{--font-system:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",SFMono-Regular,Menlo,Monaco,monospace;--text-caption2:11px;--text-caption1:12px;--text-footnote:13px;--text-subhead:15px;--text-body:17px;--text-title3:20px;--text-title2:22px;--text-title1:28px;--text-large-title:34px;--blue:#007aff;--green:#34c759;--orange:#ff9500;--red:#ff3b30;--purple:#af52de;--teal:#5ac8fa;--gray:#8e8e93;--gray2:#aeaeb2;--gray3:#c7c7cc;--gray4:#d1d1d6;--gray5:#e5e5ea;--gray6:#f2f2f7;--label-primary:#000;--label-secondary:rgba(60,60,67,0.6);--label-tertiary:rgba(60,60,67,0.3);--bg-primary:#fff;--bg-secondary:#f2f2f7;--bg-tertiary:#fff;--bg-body:#f2f2f7;--separator:rgba(60,60,67,0.12);--fill-secondary:rgba(120,120,128,0.16);--fill-tertiary:rgba(118,118,128,0.12);--glass:rgba(255,255,255,0.72);--glass-border:rgba(255,255,255,0.55);--shadow-card:0 1px 2px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);--shadow-float:0 8px 40px rgba(0,0,0,0.16);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease:cubic-bezier(0.25,0.1,0.25,1);--ease-out:cubic-bezier(0,0,0.58,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--dur-instant:100ms;--dur-fast:200ms;--dur-normal:300ms}@media (prefers-color-scheme:dark){:root{--blue:#0a84ff;--green:#30d158;--orange:#ff9f0a;--red:#ff453a;--purple:#bf5af2;--teal:#64d2ff;--gray:#8e8e93;--gray2:#636366;--gray3:#48484a;--gray4:#3a3a3c;--gray5:#2c2c2e;--gray6:#1c1c1e;--label-primary:#fff;--label-secondary:rgba(235,235,245,0.6);--label-tertiary:rgba(235,235,245,0.3);--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-body:#0d0d0f;--separator:rgba(84,84,88,0.5);--fill-secondary:rgba(120,120,128,0.32);--fill-tertiary:rgba(118,118,128,0.24);--glass:rgba(28,28,30,0.68);--glass-border:rgba(255,255,255,0.08);--shadow-card:0 1px 2px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.5);--shadow-float:0 8px 40px rgba(0,0,0,0.65)}}body,html{font-family:var(--font-system);font-size:var(--text-body);color:var(--label-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;height:100%}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--blue);text-decoration:none}::selection{background:rgba(0,122,255,.25)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--glass-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border-radius:var(--radius-full);font-size:var(--text-subhead);font-weight:600;transition:transform var(--dur-instant) var(--ease-out),opacity var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--blue) 88%,#000)}.btn-secondary{background:rgba(0,122,255,.12);color:var(--blue)}.btn-secondary:hover{background:rgba(0,122,255,.2)}.btn-plain{color:var(--blue);font-weight:500;min-height:44px}.btn-danger{color:var(--red)}.btn-sm{min-height:34px;padding:0 var(--sp-4);font-size:var(--text-footnote)}.btn-icon{width:38px;height:38px;min-height:38px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;color:var(--blue);transition:background var(--dur-fast) var(--ease),transform var(--dur-instant) var(--ease-out)}.btn-icon:hover{background:var(--fill-tertiary)}.btn-icon:active{transform:scale(.92)}.field{width:100%;min-height:44px;padding:0 var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--separator);background:var(--bg-tertiary);font-size:var(--text-body);outline:none;transition:border var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,122,255,.15)}.search-field{display:flex;align-items:center;gap:var(--sp-2);min-height:38px;padding:0 var(--sp-3);border-radius:var(--radius-md);background:var(--fill-tertiary);color:var(--label-secondary)}.search-field input{flex:1 1;border:none;background:none;outline:none;font-size:var(--text-subhead);color:var(--label-primary);min-width:40px}.search-field input::placeholder{color:var(--label-tertiary)}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:264px;flex-shrink:0;display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-3);gap:var(--sp-1);overflow-y:auto;border-right:1px solid var(--separator)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-5)}.sidebar-brand .logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0a84ff,#5e5ce6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px rgba(10,132,255,.35)}.sidebar-brand h1{font-size:var(--text-headline,17px);font-weight:700;letter-spacing:-.2px}.sidebar-brand p{font-size:var(--text-caption1);color:var(--label-secondary);margin-top:1px}.side-section{font-size:var(--text-footnote);font-weight:600;color:var(--label-secondary);padding:var(--sp-4) var(--sp-3) var(--sp-1)}.side-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:36px;padding:0 var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-subhead);color:var(--label-primary);transition:background var(--dur-fast) var(--ease);text-align:left}.side-item:hover{background:var(--fill-tertiary)}.side-item.active{background:rgba(0,122,255,.14);color:var(--blue);font-weight:600}.side-item .count{margin-left:auto;font-size:var(--text-caption1);color:var(--label-tertiary);font-weight:500}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6);min-height:60px}.content{flex:1 1;overflow-y:auto;padding:0 var(--sp-6) 120px}.large-title{font-size:var(--text-large-title);font-weight:700;letter-spacing:.2px;padding:var(--sp-2) 0 var(--sp-4)}.card{background:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);min-height:64px;cursor:pointer;transition:background var(--dur-fast) var(--ease);position:relative}.row+.row:before{content:"";position:absolute;top:0;left:72px;right:0;height:1px;background:var(--separator)}.row:hover{background:var(--fill-tertiary)}.row-icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:rgba(0,122,255,.12);color:var(--blue)}.row-body{flex:1 1;min-width:0}.row-title{font-size:var(--text-body);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{margin-top:2px}.row-meta,.row-snippet{font-size:var(--text-footnote);color:var(--label-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-snippet{margin-top:3px;font-style:italic}.row-snippet mark{background:rgba(255,214,10,.45);color:inherit;border-radius:3px;padding:0 1px}.chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-caption1);font-weight:600;white-space:nowrap}.chip-done{background:rgba(52,199,89,.15);color:var(--green)}.chip-active{background:rgba(0,122,255,.12);color:var(--blue)}.chip-error{background:rgba(255,59,48,.12);color:var(--red)}.chip-cost{background:var(--fill-tertiary);color:var(--label-secondary);font-weight:500}.progress-track{width:120px;height:4px;border-radius:2px;background:var(--fill-secondary);overflow:hidden}.progress-fill{transition:width .6s var(--ease)}.progress-fill,.progress-indeterminate{height:100%;border-radius:2px;background:var(--blue)}.progress-indeterminate{width:40%;animation:indet 1.4s var(--ease) infinite}@keyframes indet{0%{transform:translateX(-110%)}to{transform:translateX(320%)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--label-secondary)}.empty .icon-big{color:var(--gray3)}.empty h3{font-size:var(--text-title3);font-weight:600;color:var(--label-primary)}.empty p{font-size:var(--text-subhead);max-width:380px}.overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);animation:fadeIn var(--dur-fast) var(--ease)}.sheet{width:100%;max-width:560px;max-height:calc(100vh - 80px);overflow-y:auto;border-radius:var(--radius-xl);background:var(--bg-primary);box-shadow:var(--shadow-float);animation:sheetIn var(--dur-normal) var(--ease-spring)}.sheet-header{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--separator);background:inherit}.sheet-header h2{font-size:var(--text-headline,17px);font-weight:600}.sheet-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.form-label{font-size:var(--text-footnote);font-weight:600;color:var(--label-secondary);margin-bottom:var(--sp-1);display:block}@keyframes fadeIn{0%{opacity:0}}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px) scale(.98)}}.dropzone{border:2px dashed var(--gray4);border-radius:var(--radius-lg);padding:var(--sp-8);text-align:center;color:var(--label-secondary);font-size:var(--text-subhead);transition:border var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);cursor:pointer}.dropzone.drag,.dropzone:hover{border-color:var(--blue);background:rgba(0,122,255,.06);color:var(--blue)}.drop-overlay{position:fixed;inset:12px;z-index:100;border:3px dashed var(--blue);border-radius:var(--radius-xl);background:rgba(0,122,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:var(--text-title2);font-weight:700;color:var(--blue);pointer-events:none}.transcript-wrap{max-width:760px;margin:0 auto}.t-title{font-size:var(--text-title1);font-weight:700;letter-spacing:-.3px;border:none;background:none;outline:none;width:100%;border-radius:var(--radius-sm);padding:2px 6px;margin-left:-6px}.t-title:focus,.t-title:hover{background:var(--fill-tertiary)}.t-title:focus{box-shadow:0 0 0 3px rgba(0,122,255,.25)}.t-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);color:var(--label-secondary);font-size:var(--text-footnote);padding:var(--sp-2) 0 var(--sp-5)}.paragraph{display:flex;gap:var(--sp-4);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease);line-height:1.55}.paragraph:hover{background:var(--fill-tertiary)}.paragraph.playing{background:rgba(0,122,255,.1)}.paragraph .ts{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-caption1);color:var(--blue);font-weight:600;padding-top:4px;width:52px}.paragraph mark{background:rgba(255,214,10,.45);color:inherit;border-radius:3px;padding:0 1px}.summary-card{background:linear-gradient(135deg,rgba(94,92,230,.08),rgba(0,122,255,.07));border:1px solid rgba(94,92,230,.25);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-5);line-height:1.5;font-size:var(--text-subhead)}.summary-card h4{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-subhead);font-weight:700;color:var(--purple);margin-bottom:var(--sp-3)}.summary-card ul{padding-left:20px}.summary-card p,.summary-card ul{margin:var(--sp-2) 0}.summary-card strong{font-weight:650}.player{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:40;width:min(720px,calc(100vw - 32px));border-radius:var(--radius-xl);box-shadow:var(--shadow-float);padding:var(--sp-3) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.player-controls{display:flex;align-items:center;gap:var(--sp-2)}.player-time{font-family:var(--font-mono);font-size:var(--text-caption1);color:var(--label-secondary);min-width:44px;text-align:center}.scrubber{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:3px;background:var(--fill-secondary);outline:none}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer}.play-btn{width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-instant) var(--ease-out);flex-shrink:0}.play-btn:active{transform:scale(.92)}.speed-btn{font-size:var(--text-caption1);font-weight:700;color:var(--label-secondary);min-width:44px;height:30px;border-radius:var(--radius-full);background:var(--fill-tertiary)}.menu-anchor{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:230px;border-radius:var(--radius-md);background:var(--bg-tertiary);box-shadow:var(--shadow-float);border:1px solid var(--separator);padding:var(--sp-1);animation:menuIn var(--dur-fast) var(--ease-out)}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.menu-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:38px;padding:0 var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-subhead);text-align:left;transition:background var(--dur-instant) var(--ease)}.menu-item:hover{background:var(--blue);color:#fff}.menu-item.danger{color:var(--red)}.menu-item.danger:hover{background:var(--red);color:#fff}.menu-sep{height:1px;background:var(--separator);margin:var(--sp-1) var(--sp-2)}.login-wrap{min-height:100vh;min-height:100dvh;justify-content:center;padding:var(--sp-5);background:radial-gradient(1200px 800px at 20% -10%,rgba(10,132,255,.18),transparent 60%),radial-gradient(1000px 700px at 110% 110%,rgba(94,92,230,.16),transparent 60%),var(--bg-body)}.login-card,.login-wrap{display:flex;align-items:center}.login-card{width:100%;max-width:400px;border-radius:24px;padding:var(--sp-10) var(--sp-8);flex-direction:column;gap:var(--sp-4);text-align:center;box-shadow:var(--shadow-float)}.login-logo{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#0a84ff,#5e5ce6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px rgba(10,132,255,.4);margin-bottom:var(--sp-2)}.login-card h1{font-size:var(--text-title2);font-weight:700;letter-spacing:-.3px}.login-card .sub{font-size:var(--text-subhead);color:var(--label-secondary)}.shake{animation:shake .4s var(--ease)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--fill-tertiary) 25%,var(--fill-secondary) 50%,var(--fill-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-200% 0}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:200;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-full);font-size:var(--text-subhead);font-weight:500;box-shadow:var(--shadow-float);animation:toastIn var(--dur-normal) var(--ease-spring)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)}}@media (max-width:760px){.sidebar{display:none}.content{padding:0 var(--sp-4) 140px}.toolbar{padding:var(--sp-3) var(--sp-4)}.large-title{font-size:var(--text-title1)}.paragraph .ts{width:44px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}