:root{color-scheme:dark;--bg:#0b0d11;--panel:#11141a;--text:#e9edf4;--muted:#7e8696;--line:#252a34;--accent:#b7d1ff;--soft:#171d29;--font:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% -20%,#344f791f,transparent 55%);z-index:0}.gate,.room{position:relative;z-index:1}.gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 24px 40px}.gate-brand{position:absolute;top:40px;left:48px;display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:2px;color:#b1b8c6}.gate-brand>span:last-child{display:flex;align-items:center;gap:15px}.brand-rule{height:14px;width:1px;background:#353c49}.brand-mark{display:block;position:relative;font-size:31px;line-height:1;font-weight:700;letter-spacing:-3px}.brand-mark>span{position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;right:-8px;top:2px}.gate-card{width:100%;max-width:420px}.key-mark{width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(145deg,#232c3f,#141923);border:1px solid #35415b;border-radius:17px;color:#c0d2f0;margin-bottom:34px;box-shadow:0 10px 65px #8799d512}.key-mark svg{width:25px;height:25px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.1px;color:#929bab}.gate h1{font-size:34px;line-height:1.4;font-weight:550;letter-spacing:-1px;margin:13px 0}.gate-description{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 36px}.field{display:block;margin-bottom:20px}.field>span{display:block;font-size:12px;color:#bcc3d0;margin-bottom:10px}.field input{width:100%;height:53px;padding:0 16px;border:1px solid #303847;background:#12161e;border-radius:9px;color:var(--text);transition:border-color .2s}.field input:focus{outline:none;border-color:#8aa5d1;box-shadow:0 0 0 3px #adc9fc0c}.field input::placeholder{color:#5c6575}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 19px;background:#dce7f9;color:#162339;border:0;border-radius:9px;font-size:13px;font-weight:600;transition:background .2s}.primary:hover{background:#f0f5ff}.primary>span:last-child{font-size:22px;font-weight:300}.form-error{font-size:12px;line-height:1.6;color:#f0a59e;min-height:0;margin:0 0 15px}.form-error:empty{display:none}.gate-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;font-size:11px;color:#657080}.status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#94b59b;box-shadow:0 0 7px #82b69435}.gate-footer{width:100%;max-width:1220px;display:flex;justify-content:space-between;position:absolute;bottom:28px;padding:0 48px;font-size:10px;letter-spacing:1px;color:#56606f}.gate-footer>span{font-size:8px;letter-spacing:2px}.room{max-width:1600px;margin:auto;padding:0 48px}.room-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:19px;font-size:14px;font-weight:600;letter-spacing:4px}.wordmark-sub{display:block;font-size:9px;font-weight:400;letter-spacing:1.5px;margin-top:6px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:30px}.private-label{font-size:10px;display:flex;gap:8px;align-items:center;color:#7e8a9d}.quiet-button{background:none;color:#a1adbf;border:0;font-size:11px;padding:9px 0}.quiet-button:hover{color:#edf4ff}.quiet-button span{margin-left:8px}.workspace{display:grid;grid-template-columns:278px minmax(0,1fr);gap:48px;padding-top:38px;min-height:calc(100dvh - 162px)}.library{padding-right:25px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.library h2{font-size:19px;letter-spacing:-.3px;font-weight:500;margin:8px 0 0}.library h2 span{color:#7e8a9f;font-size:11px;margin-left:8px}.icon-button{width:31px;height:31px;background:none;border:1px solid #2b3240;border-radius:7px;color:#8c98ac;font-size:20px;line-height:1}.icon-button:hover{color:white;border-color:#6c7a93}.search{display:flex;align-items:center;gap:10px;background:#11151d;border:1px solid #242c39;border-radius:7px;padding:0 11px;margin-bottom:20px}.search svg{height:15px;width:15px;color:#657187;flex-shrink:0}.search input{min-width:0;width:100%;height:38px;border:0;background:none;color:#c8d1e1;font-size:11px;outline:none}.search input::placeholder{color:#646e80}.recordings{display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 330px);overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#2b3546 transparent}.record-card{width:100%;text-align:left;display:flex;gap:12px;align-items:center;border:1px solid transparent;border-radius:9px;background:transparent;padding:12px 10px;color:var(--text);position:relative}.record-card:hover{background:#151a23}.record-card.active{background:#1a2230;border-color:#3a4c69}.card-art{width:42px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;background:linear-gradient(145deg,#29384f,#141c29);color:#c4d7f7;box-shadow:inset 0 0 0 1px #59739c24}.card-art svg{height:17px;width:17px;fill:currentColor;stroke:none}.record-card:nth-child(3n+2) .card-art{background:linear-gradient(145deg,#353b43,#1d2329);color:#c1cbd2}.record-card:nth-child(3n) .card-art{background:linear-gradient(145deg,#353247,#1f1c2d);color:#d5cee8}.card-copy{min-width:0}.card-name{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.card-meta{display:block;font-size:10px;color:#808b9d;margin-top:4px;line-height:1.6}.card-date{display:block;font-size:10px;color:#a9b6cb;margin-top:1px}.group-label{font-size:9px;letter-spacing:1.4px;color:#657187;margin:15px 0 4px 10px}.group-label:first-child{margin-top:0}.library-note{font-size:9px;line-height:1.8;color:#5c6678;padding:17px 0 0;margin:auto 0 0}.screen-area{min-width:0;padding-bottom:20px}.screen-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;min-height:40px}.screen-top p{font-size:12px;color:#a7b3c8;margin:7px 0 0;line-height:1.6}.mode-badge{font-size:8px;letter-spacing:2px;border:1px solid #303b4c;color:#a5b8d5;border-radius:5px;padding:7px 9px}.stage{background:#080a0e;border:1px solid #202733;border-radius:11px;position:relative;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;box-shadow:0 22px 70px #0003}.stage video{width:100%;height:100%;object-fit:contain;background:#050608}.empty-stage{text-align:center;padding:20px;color:#6b788d}.empty-disc{width:73px;height:73px;border:1px solid #2f3a4c;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:radial-gradient(circle,#1f2b3e55,transparent)}.play-triangle{width:0;height:0;border-left:12px solid #8599b9;border-top:8px solid transparent;border-bottom:8px solid transparent;transform:translateX(2px)}.empty-stage h2{font-size:19px;font-weight:400;color:#b8c4d8;margin:0 0 12px}.empty-stage p{font-size:11px;line-height:1.9;margin:0;color:#647085}.audio-stage{width:100%;height:100%;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 45%,#26344866,transparent 70%);display:flex;align-items:center;justify-content:center;flex-direction:column}.audio-caption{font-size:8px;letter-spacing:3px;color:#829bbf;margin-bottom:18px}.audio-disc{width:clamp(100px,15vw,175px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#19212d 0px,#19212d 2px,#253043 3px,#19212d 4px);box-shadow:0 15px 55px #0008;display:grid;place-items:center;border:1px solid #364358}.disc-center{width:42%;height:42%;border-radius:50%;display:grid;place-items:center;background:#28374f;border:1px solid #486184;color:#c6d6f0}.disc-center svg{width:32%;height:36%;stroke-width:1.5}.audio-stage h2{font-size:17px;font-weight:500;letter-spacing:.2px;margin:20px 0 5px}.audio-stage p{font-size:10px;color:#7d8ca3;margin:3px 0 15px}.audio-stage audio{width:min(100%,420px);height:34px}.preparing{position:absolute;inset:0;z-index:3;background:#090c12e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;backdrop-filter:blur(5px)}.preparing strong{font-size:14px;font-weight:500;color:#d1ddee}.preparing>span:last-child{font-size:11px;color:#7889a3}.spinner{height:26px;width:26px;border:2px solid #303d51;border-top-color:#c6d8f4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.playback-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0 23px;border-bottom:1px solid var(--line)}.mode-control{display:flex;gap:4px;background:#121721;border:1px solid #262f40;border-radius:8px;padding:4px}.mode-control button{display:flex;align-items:center;gap:7px;padding:9px 13px;background:none;color:#8997ad;border:0;border-radius:5px;font-size:11px;white-space:nowrap}.mode-control button svg{width:14px;height:14px}.mode-control button.active{background:#dce7f9;color:#1a2a44;box-shadow:0 2px 8px #0003}.mode-control button:hover:not(.active){color:#d8e6ff}.playback-status{font-size:10px;color:#7a899f;text-align:right;line-height:1.7}.recording-info{padding:24px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.recording-info h1{font-size:21px;line-height:1.5;letter-spacing:-.4px;font-weight:500;margin:0 0 9px}.recording-info p{font-size:11px;color:#75839b;margin:0;line-height:1.8}.bottom-note{display:flex;align-items:center;gap:12px;justify-content:center;margin:34px auto 15px;max-width:370px;color:#4f5b6e;font-size:9px;letter-spacing:1px}.thin-line{height:1px;background:#222b3a;flex:1}.room-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#535e70;border-top:1px solid var(--line);padding:20px 0 24px}.library-empty{color:#76839a;font-size:12px;line-height:1.9;padding:22px 10px}.error-text{color:#e7a59e!important}
@media(min-width:1500px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:58px}.room{padding:0 70px}}@media(max-width:1000px){.room{padding:0 28px}.workspace{grid-template-columns:230px minmax(0,1fr);gap:26px}.library{padding-right:18px}.room-header{height:88px}.audio-stage{padding:18px}.audio-caption{margin-bottom:10px}.audio-stage h2{margin-top:13px;font-size:14px}.audio-stage p{font-size:9px;margin-bottom:10px}.audio-disc{width:100px}}@media(max-width:720px){.room{padding:0 19px}.room-header{height:79px}.header-right{gap:12px}.private-label{display:none}.wordmark{font-size:12px;gap:17px}.wordmark-sub{font-size:8px}.workspace{display:flex;flex-direction:column;padding-top:24px;gap:24px}.screen-area{order:0;padding-bottom:0}.library{order:1;border-right:0;padding:0;border-top:1px solid var(--line);padding-top:25px}.screen-top{margin-bottom:14px}.screen-top p{font-size:11px;max-width:240px}.stage{aspect-ratio:4/3}.empty-disc{width:55px;height:55px;margin-bottom:17px}.empty-stage h2{font-size:17px}.empty-stage p{font-size:10px}.audio-stage{padding:15px}.audio-disc{width:97px}.audio-caption{font-size:7px;margin-bottom:10px}.audio-stage h2{margin:14px 0 3px;font-size:14px}.audio-stage p{margin:3px 0 12px;font-size:9px}.audio-stage audio{height:32px}.playback-toolbar{padding-bottom:18px}.mode-control button{padding:8px 12px;font-size:10px}.playback-status{font-size:9px}.recording-info{padding-top:21px}.recording-info h1{font-size:19px}.recording-info p{font-size:10px}.bottom-note{margin-top:24px;margin-bottom:0}.library-heading{margin-bottom:18px}.library h2{font-size:18px}.recordings{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.group-label{grid-column:1/-1;margin:14px 0 3px 5px}.record-card{padding:10px 7px;gap:8px}.card-art{width:32px;height:40px}.card-name{font-size:11px}.card-date,.card-meta{font-size:9px}.library-note{padding:20px 0 15px}.room-footer{margin-top:15px}.gate-brand{top:28px;left:26px}.gate h1{font-size:29px}.gate-card{max-width:370px}.gate-footer{padding:0 26px;bottom:23px}.gate-footer>span{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}
@media(max-width:720px){.audio-disc{width:78px;flex-shrink:0}.audio-caption{margin-bottom:8px}.audio-stage h2{margin-top:10px}.audio-stage p{margin-bottom:10px}}