/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--spacing:.25rem;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--leading-snug:1.375;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-serif-tc:"Noto Serif TC", "Songti TC", "Noto Serif CJK TC", serif;--color-ink-950:#101312;--color-ink-900:#171b19;--color-ink-850:#1d2220;--color-ink-800:#262c28;--color-ink-700:#39413c;--color-paper:#ede7d9;--color-paper-dim:#b7b3a6;--color-stone:#8b9088;--color-cinnabar:#d4492e;--color-cinnabar-bright:#e85c40;--color-celadon:#8fb8a3;--color-ochre:#d9a441}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3{height:calc(var(--spacing) * 3)}.h-\[20px\]{height:20px}.min-h-screen{min-height:100vh}.w-\[110px\]{width:110px}.w-\[180px\]{width:180px}.w-\[min\(420px\,calc\(100vw-32px\)\)\]{width:min(420px,100vw - 32px)}.w-\[min\(560px\,100\%\)\]{width:min(560px,100%)}.w-full{width:100%}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-\[420px\]{max-width:420px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[150px\]{min-width:150px}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-ink-900{background-color:var(--color-ink-900)}.bg-ink-950{background-color:var(--color-ink-950)}.text-center{text-align:center}.font-serif-tc{font-family:var(--font-serif-tc)}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[clamp\(1\.85rem\,3vw\,3rem\)\]{font-size:clamp(1.85rem,3vw,3rem)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.text-paper{color:var(--color-paper)}.text-stone{color:var(--color-stone)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);background:var(--color-ink-950);color:var(--color-paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--color-ink-950);min-width:320px;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}audio{display:none}:focus-visible{outline-offset:2px;outline:2px solid #d4492ebf}.app-shell{background:radial-gradient(ellipse 90% 40% at 50% -12%, #ede7d90a, transparent), var(--color-ink-950);height:100dvh;position:relative;overflow:hidden}.authenticated-app{height:100dvh;overflow:hidden}.mode-nav{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101312d1;border:1px solid #39413cb8;border-radius:12px;gap:4px;padding:4px;transition:opacity .4s;display:flex;position:fixed;top:16px;left:18px}.mode-nav button{color:var(--color-stone);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:.78rem;font-weight:500}.mode-nav button[aria-current=page]{color:var(--color-paper);background:#ede7d914}.library-corner-controls{z-index:30;position:fixed;top:14px;right:16px}.library-stage{isolation:isolate;background:radial-gradient(ellipse 90% 40% at 50% -12%, #ede7d90a, transparent), var(--color-ink-950);height:100dvh;position:relative;overflow:hidden}.library-scroll{scrollbar-width:thin;scrollbar-color:#8b908859 transparent;flex-direction:column;height:100%;padding:24px 24px 72px;display:flex;overflow-y:auto}.library-content{width:100%;padding-top:clamp(60px,12vh,136px)}.library-content:not(.centered){flex-direction:column;flex:1;min-height:0;display:flex}.library-content.centered{margin:auto 0;padding-top:0;padding-bottom:7vh}.library-hero{text-align:center;width:min(560px,100%);margin:0 auto}.library-title{font-family:var(--font-serif-tc);letter-spacing:.04em;color:var(--color-paper);margin:0;font-size:clamp(1.85rem,3vw,3rem);font-weight:700;line-height:1.3}.library-hero>p{max-width:480px;color:var(--color-stone);margin:12px auto 0;font-size:.95rem;line-height:1.6}.library-hero>p,.library-hero>.batch-form-hero{animation:.7s cubic-bezier(.25,1,.5,1) backwards hero-rise}.library-hero>p{animation-delay:.5s}.library-hero>.batch-form-hero{animation-delay:.7s}.batch-form-hero{text-align:left;gap:16px;margin-top:26px;display:grid}.btn-translate-block{justify-content:center;width:100%}.batch-cost-note{color:var(--color-stone);text-align:center;margin:-2px 2px 0;font-size:.8rem;line-height:1.5}.btn-translate-block.has-error{background:var(--color-ink-800);color:var(--color-paper-dim)}.btn-translate-block.has-error:hover:not(:disabled){background:var(--color-ink-700)}.library-item-error{color:var(--color-cinnabar-bright)}.library-error{width:min(680px,100%);color:var(--color-cinnabar-bright);text-align:center;margin:10px auto 0;font-size:.85rem;font-weight:500}.library-content.rackmode{flex:none;margin:auto 0;padding-top:0;padding-bottom:7vh}.library-bar{text-align:center;width:100%;max-width:980px;margin:0 auto}.library-wordmark{font-family:var(--font-serif-tc);letter-spacing:.05em;color:var(--color-paper);margin:0;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;line-height:1.3}.library-bar>p{color:var(--color-stone);margin:6px 0 0;font-size:.85rem}.rack{perspective:1100px;grid-template-columns:repeat(auto-fit,minmax(264px,300px));justify-content:center;gap:26px 22px;width:100%;max-width:980px;margin:28px auto 0;padding:0;list-style:none;display:grid}.slot{position:relative}.slot:after{content:"";z-index:-1;background:radial-gradient(at 50% 0,#0000008c,#0000 72%);border-radius:50%;height:14px;position:absolute;bottom:-13px;left:-4%;right:-4%}.cass{aspect-ratio:1.62;width:100%;color:inherit;font:inherit;animation:.7s cubic-bezier(.22,1.1,.4,1) backwards tape-settle;animation-delay:calc(var(--i,0) * 80ms);background:0 0;border:0;border-radius:14px;padding:0;transition:transform .2s cubic-bezier(.22,1,.36,1);display:block;position:relative}.cass.playable{cursor:pointer}.cass:focus-visible{outline-offset:3px;outline:2px solid #d4492ed9}@keyframes tape-settle{0%{opacity:0;filter:blur(2px);transform:translateY(-18px)rotateX(12deg)}to{opacity:1;filter:none;transform:none}}.cass>svg{filter:drop-shadow(0 16px 24px #00000080);width:100%;height:100%;display:block;position:absolute;inset:0}.cass-skeleton{aspect-ratio:1.62;background-color:#1e221f99;background-image:linear-gradient(100deg,#0000 32%,#ede7d91a 46%,#ede7d929 50%,#ede7d91a 54%,#0000 68%);background-repeat:no-repeat;background-size:200% 100%;border:1px solid #ffffff0d;border-radius:14px;width:100%;animation:1.6s linear infinite shimmer;display:block;position:relative}.cass-skeleton:before{content:"";background:#ede7d917;border-radius:5px;height:28%;position:absolute;top:10%;left:8.5%;right:8.5%}.cass-skeleton:after{content:"";background:radial-gradient(circle at 31% 52%,#ede7d929 0 11%,#0000 12%),radial-gradient(circle at 69% 52%,#ede7d929 0 11%,#0000 12%),#0000004d;border-radius:10px;height:34%;position:absolute;bottom:12%;left:8.5%;right:8.5%}@media (prefers-reduced-motion:reduce){.cass-skeleton{animation:none}}.tlabel{z-index:2;background:linear-gradient(#f3eede,#e4ddc9);border-radius:5px;flex-direction:column;height:35%;display:flex;position:absolute;top:11%;left:7.5%;right:7.5%;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 2px 5px #0006}.tstripe{background:var(--color-stone);flex:none;height:6px;position:relative;overflow:hidden}.cass[data-tone=working] .tstripe{background:linear-gradient(90deg, var(--color-ochre) var(--prog,0%), #d9a4412e var(--prog,0%))}.cass[data-tone=working] .tstripe:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.cass[data-tone=ready] .tstripe{background:var(--color-celadon)}.cass[data-tone=error] .tstripe{background:var(--color-cinnabar-bright)}@media (prefers-reduced-motion:reduce){.cass[data-tone=working] .tstripe:after{animation:none}}.ttext{flex-direction:column;flex:1;justify-content:space-between;padding:6px 10px 4px;display:flex}.ttext h2{-webkit-line-clamp:2;font-family:var(--font-serif-tc);color:#20241f;-webkit-box-orient:vertical;margin:0;font-size:.75rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.tmeta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#6a6a5c;justify-content:space-between;gap:8px;font-size:.52rem;display:flex}.tmeta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tchip{z-index:2;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;opacity:0;background:#101312b3;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.54rem;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:7%;left:7.5%;transform:translateY(4px)}.cass:hover .tchip,.cass:focus-within .tchip{opacity:1;transform:none}@media (hover:none){.tchip{opacity:1;transform:none}}.tdot{background:currentColor;border-radius:50%;width:5px;height:5px}.cass[data-tone=working] .tchip{color:var(--color-ochre);border-color:#d9a4416b}.cass[data-tone=working] .tchip .tdot{animation:1.2s ease-in-out infinite tape-pulse}.cass[data-tone=ready] .tchip{color:var(--color-celadon);border-color:#8fb8a366}.cass[data-tone=idle] .tchip{color:var(--color-stone);border-color:#8b908859}.cass[data-tone=error] .tchip{color:var(--color-cinnabar-bright);border-color:#e85c4066}@keyframes tape-pulse{0%,to{opacity:1}50%{opacity:.4}}.thub{transform-box:fill-box;transform-origin:50%}.cass[data-tone=working] .thub.supply{animation:3.4s linear infinite tape-spin}.cass[data-tone=working] .thub.take{animation:2s linear infinite tape-spin}.cass.playable[data-tone=ready]:hover .thub.supply,.cass.playable[data-tone=ready]:focus-within .thub.supply{animation:3.4s linear infinite tape-spin}.cass.playable[data-tone=ready]:hover .thub.take,.cass.playable[data-tone=ready]:focus-within .thub.take{animation:2s linear infinite tape-spin}@keyframes tape-spin{to{transform:rotate(360deg)}}.tctl{z-index:3;opacity:0;pointer-events:none;gap:7px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:9px;right:7.5%;transform:translateY(4px)}.cass:hover .tctl,.cass:focus-within .tctl{opacity:1;pointer-events:auto;transform:none}@media (hover:none){.tctl{opacity:1;pointer-events:auto;transform:none}}.ticon{border:1px solid var(--color-ink-700);width:34px;height:34px;color:var(--color-paper-dim);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101312d1;border-radius:50%;place-items:center;transition:color .16s,background-color .16s,border-color .16s;display:grid}.ticon:hover{color:var(--color-paper);background:#1e2320eb}.ticon.del:hover:not(:disabled){color:var(--color-cinnabar-bright);border-color:#d4492e8c}.ticon:disabled{opacity:.45;cursor:not-allowed}.tape-fab{z-index:20;border:1px solid var(--color-ink-700);background:linear-gradient(158deg, var(--color-ink-850), var(--color-ink-900));width:58px;height:58px;color:var(--color-paper);cursor:pointer;border-radius:50%;place-items:center;transition:transform .18s,border-color .18s;display:grid;position:fixed;bottom:clamp(20px,4vw,36px);right:clamp(18px,4vw,40px);box-shadow:0 14px 30px #00000080}.tape-fab:hover{border-color:var(--color-celadon);transform:translateY(-3px)}.add-dialog{width:min(560px,100%);padding:28px}.add-dialog .add-note{color:var(--color-stone);margin:8px 0 20px;font-size:.85rem;line-height:1.55}.add-dialog .batch-form-hero{margin-top:0}.library-delete{border:1px solid var(--color-ink-700);min-height:36px;color:var(--color-paper-dim);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:.8rem;font-weight:500;transition:border-color .16s,background-color .16s;display:inline-flex}.library-delete:hover:not(:disabled){color:var(--color-cinnabar-bright);border-color:#d4492e8c}.library-item-error{margin:0;font-size:.78rem;line-height:1.5}.confirm-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050706b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--color-ink-700);background:var(--color-ink-900);border-radius:16px;width:min(440px,100%);padding:24px;box-shadow:0 24px 80px #0000008c}.confirm-dialog h2{font-family:var(--font-serif-tc);margin:0;font-size:1.35rem;font-weight:600}.confirm-dialog p{color:var(--color-stone);margin:12px 0 0;line-height:1.6}.summary-dialog{flex-direction:column;width:min(640px,100%);max-height:min(80vh,720px);padding:28px;display:flex;position:relative}.summary-dialog h2{padding-right:44px}.summary-dialog .summary-copy{white-space:pre-line;flex:1;min-height:0;margin-top:14px;overflow-y:auto}.dialog-close{border:1px solid var(--color-ink-700);width:32px;height:32px;color:var(--color-stone);cursor:pointer;background:0 0;border-radius:10px;place-items:center;transition:border-color .16s,background-color .16s,color .16s;display:inline-grid;position:absolute;top:18px;right:18px}.dialog-close:hover{border-color:#ede7d938}@supports (color:color-mix(in lab, red, red)){.dialog-close:hover{border-color:color-mix(in srgb, var(--color-paper) 22%, transparent)}}.dialog-close:hover{background:#ede7d90f}@supports (color:color-mix(in lab, red, red)){.dialog-close:hover{background:color-mix(in srgb, var(--color-paper) 6%, transparent)}}.dialog-close:hover{color:var(--color-paper-dim)}.dialog-close:focus-visible{border-color:#d4492e8c;outline:none}@supports (color:color-mix(in lab, red, red)){.dialog-close:focus-visible{border-color:color-mix(in srgb, var(--color-cinnabar) 55%, transparent)}}.dialog-close:focus-visible{box-shadow:0 0 0 3px #d4492e24}@supports (color:color-mix(in lab, red, red)){.dialog-close:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-cinnabar) 14%, transparent)}}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.app-shell.idle{cursor:none}.chrome-hidden:not(:focus-within){opacity:0;pointer-events:none}.authenticated-app:has(.app-shell.idle) .mode-nav:not(:focus-within){opacity:0;pointer-events:none}.corner-controls{z-index:12;gap:6px;transition:opacity .4s;display:flex;position:absolute;top:14px;right:16px}.source-overlay{z-index:14;border:1px solid var(--color-ink-800);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171b19f5;border-radius:16px;width:min(680px,100vw - 150px);padding:8px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000080}.hero-form{width:min(560px,100%);margin-top:26px}.url-form{flex:1;min-width:0;display:flex}.url-field{border:1px solid var(--color-ink-700);background:#ede7d912;border-radius:18px;flex:1;align-items:center;min-width:0;padding:6px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 16px 48px #0000006b}.url-field>svg{color:var(--color-stone);pointer-events:none;position:absolute;top:50%;left:19px;transform:translateY(-50%)}.url-field:hover{background:#ede7d91a}.url-field:focus-within{background:var(--color-ink-850);border-color:#d4492e8c;box-shadow:0 16px 48px #0000006b,0 0 0 4px #d4492e1a}.url-field input{min-width:0;height:48px;color:var(--color-paper);background:0 0;border:0;flex:1;padding:0 12px 0 44px;font-size:1rem}.url-field input::placeholder{color:var(--color-stone)}.url-field input:focus{outline:none}.btn-translate{background:var(--color-cinnabar);color:#fbf6ea;cursor:pointer;border:0;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 20px;font-size:.95rem;font-weight:600;transition:background-color .16s,transform .12s;display:inline-flex}.btn-translate:hover:not(:disabled){background:var(--color-cinnabar-bright)}.btn-translate:active:not(:disabled){transform:translateY(1px)}.btn-translate:disabled{color:#fbf6ea9e;cursor:not-allowed;background:#d4492e57}.icon-btn{width:44px;height:44px;color:var(--color-stone);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;place-items:center;transition:color .16s,background-color .16s;display:inline-grid}.icon-btn:hover{color:var(--color-paper);background:#ede7d90f}.stage-layer{position:absolute;inset:0}.stage-layer:after{z-index:2;pointer-events:none;background:linear-gradient(180deg, var(--color-ink-950) 0, #101312db 52px, transparent 170px, transparent calc(100% - 190px), #101312e6 calc(100% - 92px), var(--color-ink-950) 100%);content:"";position:absolute;inset:0}.subtitle-stage{z-index:1;overflow-anchor:none;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#8b908859 transparent;width:100%;height:100%;min-height:0;padding:38vh 32px;display:block;position:relative;overflow-y:auto}.subtitle-stage.empty{justify-content:center;align-items:center;padding:32px 32px calc(32px + 9vh);display:flex}.subtitle-stage::-webkit-scrollbar{width:8px}.subtitle-stage::-webkit-scrollbar-thumb{background:#8b908859;border-radius:99px}.lyric-list{flex-direction:column;gap:6px;width:min(880px,100%);margin:0 auto;display:flex}.lyric-line{text-align:center;opacity:.38;cursor:default;border-radius:12px;padding:14px 18px;transition:opacity .4s cubic-bezier(.25,1,.5,1)}.lyric-line:hover{opacity:.62}.lyric-line.active{opacity:1}.subtitle-stage{--lyric-scale:1}.subtitle-stage[data-font-size=sm]{--lyric-scale:.85}.subtitle-stage[data-font-size=lg]{--lyric-scale:1.25}.lyric-tc{font-family:var(--font-serif-tc);font-size:calc(1.16rem * var(--lyric-scale));color:var(--color-paper-dim);margin:0;font-weight:600;line-height:1.65;transition:color .4s cubic-bezier(.25,1,.5,1)}.lyric-line.active .lyric-tc{font-size:calc(clamp(1.85rem, 3vw, 3rem) * var(--lyric-scale));color:var(--color-paper);text-wrap:balance;font-weight:700;line-height:1.4}.lyric-en{font-size:calc(.88rem * var(--lyric-scale));color:var(--color-stone);margin:6px 0 0;line-height:1.55;transition:color .4s cubic-bezier(.25,1,.5,1)}.lyric-line.active .lyric-en{font-size:calc(clamp(.95rem, 1.1vw, 1.1rem) * var(--lyric-scale));color:#b9bdb2;margin-top:12px}.lyric-line.failed{opacity:.8}.lyric-line.failed .lyric-tc{font-size:calc(1.16rem * var(--lyric-scale));color:var(--color-cinnabar-bright)}.lyric-note{font-family:var(--font-mono);letter-spacing:.03em;font-size:.74rem}.seal{vertical-align:.06em;background:var(--color-cinnabar);border-radius:.06em;width:.34em;height:.34em;margin-right:.42em;display:inline-block}.status-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:500}.skeleton-bar{background:linear-gradient(90deg,#ede7d90f 25%,#ede7d924 50%,#ede7d90f 75%) 0 0/200% 100%;border-radius:99px;animation:1.6s linear infinite shimmer}.player-dock{z-index:10;padding:8px 22px 18px;transition:opacity .4s;animation:.6s cubic-bezier(.25,1,.5,1) backwards dock-rise;position:absolute;bottom:0;left:0;right:0}@keyframes dock-rise{0%{opacity:0;transform:translateY(16px)}}.player-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;max-width:1240px;margin:0 auto;display:grid}.play-btn{background:var(--color-paper);width:52px;height:52px;color:var(--color-ink-950);cursor:pointer;border:0;border-radius:14px;flex-shrink:0;place-items:center;transition:background-color .16s,transform .12s;display:grid}.play-btn:hover:not(:disabled){background:#fbf5e4}.play-btn:active:not(:disabled){transform:scale(.96)}.play-btn:disabled{background:var(--color-ink-800);color:var(--color-stone);cursor:not-allowed}.player-meta{font-family:var(--font-mono);color:var(--color-stone);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:12px;margin-bottom:8px;font-size:.78rem;display:grid}.status-chip{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-stone);justify-self:center;align-items:center;gap:7px;display:inline-flex;overflow:hidden}.status-chip .status-dot{background:var(--color-celadon);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-chip[data-tone=idle] .status-dot{background:var(--color-stone)}.status-chip[data-tone=busy]{color:var(--color-ochre)}.status-chip[data-tone=busy] .status-dot{background:var(--color-ochre);animation:1.2s ease-in-out infinite pulse-dot}.status-chip[data-tone=error]{color:var(--color-cinnabar-bright)}.status-chip[data-tone=error] .status-dot{background:var(--color-cinnabar)}.scrubber{cursor:pointer;touch-action:none;background:0 0;border:0;width:100%;padding:8px 0;display:block;position:relative}.scrubber[data-disabled=true]{cursor:default;opacity:.55}.scrubber[data-disabled=true] .scrubber-head,.scrubber[data-disabled=true] .scrubber-progress{display:none}.scrubber-track{gap:2px;height:8px;display:flex;position:relative}.chunk-seg{background:var(--color-ink-800);border-radius:3px;height:100%;transition:background-color .3s}.chunk-seg[data-status=ready]{background:#8fb8a380}.chunk-seg[data-status=queued],.chunk-seg[data-status=processing]{background:#d9a4416b;animation:1.4s ease-in-out infinite seg-pulse}.chunk-seg[data-status=failed]{background:#d4492e80}.scrubber-progress{pointer-events:none;background:#ede7d938;border-radius:3px;position:absolute;top:0;bottom:0;left:0}.scrubber-head{background:var(--color-paper);pointer-events:none;border-radius:2px;width:3px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #101312cc}.dock-tools{align-items:center;gap:10px;display:flex}.volume{width:128px;color:var(--color-stone);align-items:center;gap:9px;display:flex}.volume-slider{appearance:none;background:var(--color-ink-800);cursor:pointer;border-radius:2px;width:100%;height:4px;margin:0}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-paper);border:0;border-radius:50%;width:12px;height:12px}.volume-slider::-moz-range-thumb{background:var(--color-paper);border:0;border-radius:50%;width:12px;height:12px}.volume-slider::-moz-range-progress{background:var(--color-stone);border-radius:2px;height:4px}.subtitle-stage.empty:before,.library-stage:before{z-index:-2;content:"";pointer-events:none;background-image:radial-gradient(closest-side,#39413c66,#0000),radial-gradient(closest-side,#262c2885,#0000),radial-gradient(closest-side,#1d2220b8,#0000);background-position:-28vmax -22vmax,78% 118%,42% 64%;background-repeat:no-repeat;background-size:110vmax 75vmax,95vmax 70vmax,130vmax 95vmax;animation:44s ease-in-out infinite alternate ink-drift;position:absolute;inset:0}.subtitle-stage.empty:after,.library-stage:after{z-index:-1;content:"";pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes ink-drift{to{background-position:-18vmax -14vmax,60% 96%,52% 42%}}.subtitle-stage.empty>div>*{animation:.7s cubic-bezier(.25,1,.5,1) backwards hero-rise}.subtitle-stage.empty>div>h1:has(.ink-char){animation:none}.subtitle-stage.empty>div>:nth-child(2){animation-delay:.5s}.subtitle-stage.empty>div>:nth-child(3){animation-delay:.7s}.subtitle-stage.empty>div>:nth-child(4){animation-delay:.85s}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}}.ink-char{animation:.6s cubic-bezier(.25,1,.5,1) backwards ink-in;display:inline-block}@keyframes ink-in{0%{opacity:0;filter:blur(10px);transform:translateY(.08em)scale(1.06)}60%{filter:blur(2px)}to{opacity:1;filter:blur();transform:none}}.seal-after{margin-left:.42em;margin-right:0}.seal-stamp{animation:.34s cubic-bezier(.2,1.4,.4,1) backwards seal-stamp}@keyframes seal-stamp{0%{opacity:0;transform:scale(2.4)rotate(-10deg)}to{opacity:1;transform:none}}.soundwave{justify-content:center;align-items:center;gap:7px;height:48px;display:flex}.soundwave span{background:var(--color-stone);border-radius:1px;width:2px}.soundwave span.accent{background:var(--color-cinnabar)}.soundwave.animating span{transform-origin:50%;animation:1s ease-in-out infinite wave}.soundwave.animating span:first-child{animation-delay:.1s}.soundwave.animating span:nth-child(2){animation-delay:.3s}.soundwave.animating span:nth-child(3){animation-delay:.5s}.soundwave.animating span:nth-child(4){animation-delay:.2s}.soundwave.animating span:nth-child(5){animation-delay:.4s}.soundwave.animating span:nth-child(6){animation-delay:.15s}.notice{z-index:20;color:#f0c9bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a1611f0;border:1px solid #d4492e66;border-radius:12px;align-items:center;gap:10px;max-width:min(720px,100vw - 32px);padding:12px 16px;font-size:.85rem;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.notice svg{color:var(--color-cinnabar-bright);flex-shrink:0}.loader{border:2px solid #ede7d94d;border-top-color:var(--color-paper);border-radius:999px;width:18px;height:18px;animation:.9s linear infinite spin}.spin,.spin-large{animation:.9s linear infinite spin}.spin-large{border-width:3px;border-top-color:var(--color-cinnabar);width:42px;height:42px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-dot{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes seg-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes wave{0%,to{opacity:.65;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cass{transform:none!important}}@media (width<=720px){.mode-nav{top:10px;left:10px}.mode-nav button{padding:8px 9px;font-size:.72rem}.library-corner-controls{top:8px;right:8px}.library-scroll{padding:16px 16px 56px}.library-content{padding-top:64px}.corner-controls{top:10px;right:10px}.source-overlay{width:calc(100vw - 24px)}.player-dock{padding:6px 14px 12px}.subtitle-stage{padding:32vh 16px}.lyric-line.active .lyric-tc{font-size:calc(clamp(1.4rem, 6.4vw, 2rem) * var(--lyric-scale))}.player-bar{gap:14px}.volume,.btn-translate:not(.btn-translate-block)>span:not(.loader){display:none}.btn-translate:not(.btn-translate-block){justify-content:center;width:48px;padding:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
