:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f6f8;--card:#fff;--card2:#f9fafb;--text:#17191c;--muted:#7a8089;--line:#e7e9ed;--accent:#20242a;--accentText:#fff;--soft:#eef0f3;--success:#1f8f55;--successBg:#e7f5ed;--warn:#9b6700;--warnBg:#fff4d9;--danger:#c54444;--dangerBg:#fbeaea;--record:#d84444;--shadow:0 10px 30px #0000000f;--radius:22px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#111316;--card:#1a1d21;--card2:#171a1e;--text:#f3f4f6;--muted:#949aa3;--line:#2a2e34;--accent:#f1f3f5;--accentText:#15171a;--soft:#24282e;--success:#64d699;--successBg:#173427;--warn:#f2bd5c;--warnBg:#3b2c12;--danger:#ff8d8d;--dangerBg:#3e2020;--record:#ed5b5b;--shadow:0 12px 34px #00000047}}:root[data-theme=dark]{--bg:#111316;--card:#1a1d21;--card2:#171a1e;--text:#f3f4f6;--muted:#949aa3;--line:#2a2e34;--accent:#f1f3f5;--accentText:#15171a;--soft:#24282e;--success:#64d699;--successBg:#173427;--warn:#f2bd5c;--warnBg:#3b2c12;--danger:#ff8d8d;--dangerBg:#3e2020;--record:#ed5b5b;--shadow:0 12px 34px #00000047}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);touch-action:manipulation;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}@media (width>=481px){body{background:#dfe3e8}}@media (width>=481px) and (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background:#08090b}}@media (width>=481px){:root[data-theme=dark] body{background:#08090b}}@media (pointer:coarse){html,body{overscroll-behavior-y:none}}button,input,textarea,select{font:inherit;outline:none}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.phone{background:var(--bg);width:100%;min-height:100dvh;position:relative;overflow-x:hidden}@media (width>=481px){.phone{max-width:430px;margin:0 auto;box-shadow:0 0 40px #0000000d}}.view{padding:18px 18px 120px;overflow-x:hidden}.topbar{padding-top:calc(8px + env(safe-area-inset-top));justify-content:space-between;align-items:center;margin:4px 2px 18px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}h1{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:700}h2{margin:0;font-size:17px;font-weight:700}h3{margin:0;font-size:15px;font-weight:700}.icon-btn{border:1px solid var(--line);background:var(--card);width:36px;height:36px;box-shadow:var(--shadow);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.icon-btn:active{background:var(--soft);transform:scale(.92)}.type-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:9px;margin:0 -18px;padding:0 18px 4px;display:flex;overflow:auto hidden}.type-row::-webkit-scrollbar{display:none}.chip{background:var(--soft);color:var(--muted);white-space:nowrap;cursor:pointer;border:1px solid #0000000a;border-radius:999px;padding:8px 14px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chip:active{transform:scale(.94)}.chip.active{background:var(--accent);color:var(--accentText);border-color:var(--accent);transform:scale(1.02);box-shadow:0 4px 12px #00000014}.chip.more{padding-inline:13px}.rec-card{background:linear-gradient(180deg, var(--card) 0%, var(--card2) 100%);border:1px solid var(--line);min-height:290px;box-shadow:var(--shadow);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;margin-top:14px;display:flex;position:relative}.prototype-badge{color:var(--muted);background:var(--soft);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;top:15px;right:15px}.rec-status{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:500}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-bottom:22px;font-size:36px;font-weight:700}.record-btn{border:8px solid var(--soft);background:var(--accent);cursor:pointer;border-radius:50%;width:98px;height:98px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 10px 28px #00000024}.record-btn:after{content:"";background:var(--accentText);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:28px}.record-btn:active{transform:scale(.92)}.record-btn.recording{background:var(--record);border-color:var(--soft);box-shadow:0 0 0 10px #d8444426,0 10px 28px #d8444440}.record-btn.recording:after{background:#fff;border-radius:8px;inset:30px}.rec-hint{color:var(--muted);margin-top:18px;font-size:13px}.pause-row{gap:10px;margin-top:16px;display:none}.pause-row.show{display:flex}.ghost{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;padding:10px 16px;font-size:14px;transition:background .2s}.ghost:active{background:var(--soft)}.section-head{justify-content:space-between;align-items:center;margin:24px 2px 12px;display:flex}.section-head button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:700}.list{flex-direction:column;gap:10px;display:flex}.item{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:18px;padding:14px;transition:all .25s;box-shadow:0 6px 18px #00000009}.item.flash{box-shadow:0 0 0 3px #1f8f5547, var(--shadow);transform:translateY(-2px)}.item-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.item-title{margin-bottom:5px;font-size:15px;font-weight:650}.meta{color:var(--muted);font-size:12px}.status{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.status.ok{background:var(--successBg);color:var(--success)}.status.wait{background:var(--warnBg);color:var(--warn)}.status.bad{background:var(--dangerBg);color:var(--danger)}.actions{gap:8px;margin-top:12px;display:flex}.action{background:var(--soft);color:var(--text);cursor:pointer;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;transition:opacity .2s;display:flex}.action:active{opacity:.8}.action.primary{background:var(--accent);color:var(--accentText)}.action.more-btn{flex:0 0 42px;font-weight:700}.action.danger{color:var(--danger)}.settings-card,.detail-card{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:12px;padding:16px}.settings-card h3,.detail-card h3{margin-top:0;margin-bottom:14px;font-size:15px;font-weight:700}.row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.row:first-of-type{border-top:0}.row-main{flex:1;min-width:0}.row-title{margin-bottom:3px;font-size:14px;font-weight:600}.row-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-size:12px;overflow:hidden}.switch{cursor:pointer;background:#5a6069;border-radius:999px;flex:none;width:48px;height:28px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.switch.on{background:var(--accent)}.switch.on:after{background:var(--accentText);left:23px}.bottom-nav{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);z-index:20;border-radius:24px;grid-template-columns:repeat(3,1fr);padding:10px 24px;display:grid;position:fixed;box-shadow:0 10px 30px #00000014}@media (width>=481px){.bottom-nav{width:398px;left:50%;right:auto;transform:translate(-50%)}}.nav-btn{color:var(--muted);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 4px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-btn svg{width:22px;height:22px;transition:transform .18s cubic-bezier(.4,0,.2,1)}.nav-btn:active svg{transform:scale(.82)}.nav-btn.active{color:var(--text);font-weight:700}.overlay{z-index:50;opacity:0;pointer-events:none;background:#0000006b;transition:opacity .2s;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.sheet{z-index:60;background:var(--card);width:100%;max-width:430px;padding:12px 18px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:50%;transform:translate(-50%,105%);box-shadow:0 -18px 50px #0003}.sheet.show{transform:translate(-50%)}.grab{background:var(--line);border-radius:99px;width:42px;height:5px;margin:0 auto 18px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.type-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.type-option{border:1px solid var(--line);background:var(--card2);text-align:left;cursor:pointer;border-radius:16px;padding:15px;transition:background .2s}.type-option:active{background:var(--soft)}.type-option b{margin-bottom:4px;font-size:14px;display:block}.type-option small{color:var(--muted);font-size:12px}.menu{z-index:70;background:var(--card);border:1px solid var(--line);width:210px;box-shadow:var(--shadow);border-radius:16px;padding:7px;display:none;position:fixed}.menu.show{display:block}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px;font-size:14px}.menu button:hover{background:var(--soft)}.menu .danger{color:var(--danger)}.detail-title{margin-bottom:8px;font-size:21px;font-weight:700;line-height:1.35}.player{background:var(--soft);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.play-circle{background:var(--accent);width:42px;height:42px;color:var(--accentText);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.progress{background:var(--line);border-radius:99px;flex:1;height:6px;position:relative;overflow:hidden}.progress>i{background:var(--accent);height:100%;transition:width .1s linear;display:block}textarea{resize:vertical;border:1px solid var(--line);background:var(--card2);width:100%;min-height:150px;color:var(--text);border-radius:14px;padding:13px;font-family:inherit;line-height:1.6}.btn-row{flex-wrap:wrap;gap:9px;display:flex}.wide-btn{background:var(--soft);cursor:pointer;border:0;border-radius:12px;flex:1;min-height:44px;padding:11px 14px;font-size:13px;font-weight:700;transition:opacity .2s}.wide-btn:active{opacity:.8}.wide-btn.primary{background:var(--accent);color:var(--accentText)}.toast{z-index:90;opacity:0;background:var(--accent);color:var(--accentText);pointer-events:none;white-space:nowrap;border-radius:999px;padding:11px 15px;font-size:13px;transition:all .2s;position:fixed;bottom:95px;left:50%;transform:translate(-50%,20px);box-shadow:0 4px 12px #0000001a}.toast.show{opacity:1;transform:translate(-50%)}.error-message{background:var(--dangerBg);color:var(--danger);border:1px solid var(--line);text-align:left;border-radius:14px;padding:12px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}