.login-root{background:var(--c-surface);width:100%;height:100dvh;overflow:hidden}.lp-screen{background:var(--c-surface);width:100%;height:100%;color:var(--c-on-surface);font-family:var(--font);flex-direction:column;display:flex;position:relative;overflow:hidden}.lp-mark{background:var(--c-primary);width:56px;height:56px;color:var(--c-on-primary);box-shadow:0 12px 26px -8px var(--c-primary);border-radius:17px 22px 18px 24px;place-items:center;display:grid}.lp-mark .msr{font-size:32px}.lp-wm{letter-spacing:-.02em;font-size:27px;font-weight:800}.lp-wm b{color:var(--c-primary)}.lp-tagline{letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.25}.lp-sub{color:var(--c-on-surface-variant);text-wrap:pretty;font-weight:600;line-height:1.6}.lp-progress-screen{justify-content:center;align-items:center;padding:24px}.lp-progress-card{border-radius:calc(var(--r-xl) * 1.08);background:var(--c-surface-container-high);text-align:center;width:min(100%,320px);min-height:260px;animation:dialog-in .34s var(--spring);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px 26px;display:flex;box-shadow:0 24px 70px -28px #0000007a;box-shadow:0 24px 70px -28px lab(0% 0 0/.48)}.lp-progress-title{color:var(--c-on-surface);font-size:17px;font-weight:800}.lp-progress-sub{color:var(--c-on-surface-variant);margin-top:7px;font-size:13px;font-weight:650}.lp-providers{flex-direction:column;gap:10px;display:flex}.pbtn{border-radius:var(--r-full);cursor:pointer;height:54px;font-family:var(--font);transition:transform .18s var(--spring), box-shadow .28s var(--ease), filter .2s var(--ease);border:none;justify-content:center;align-items:center;gap:12px;font-size:15.5px;font-weight:700;text-decoration:none;display:flex;position:relative}.pbtn:hover{transform:translateY(-2px)}.pbtn:disabled{cursor:wait;filter:saturate(.75)opacity(.72);transform:none}.pbtn:active{transform:scale(.98)}.pbtn .pmark{border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:16px;font-weight:800;display:grid}.pbtn-google{color:#1f1f1f;background:#fff;box-shadow:inset 0 0 0 1.5px #cfd0d8;box-shadow:inset 0 0 0 1.5px lab(83.6841% .65583 -3.72307)}.pbtn-google:hover{box-shadow:inset 0 0 0 1.5px #bcbdc4,0 8px 20px -8px #00000040;box-shadow:inset 0 0 0 1.5px lab(76.7239% .658125 -3.72169),0 8px 20px -8px lab(0% 0 0/.25)}.pbtn-google .pmark{color:#4285f4;font-family:"Outfit", var(--font);background:#fff}.pbtn-x{color:#fff;background:#000}.pbtn-x:hover{box-shadow:0 8px 20px -8px #00000080;box-shadow:0 8px 20px -8px lab(0% 0 0/.5)}.pbtn-x .pmark{color:#fff;background:#000;font-size:19px}.pbtn-ghost{color:var(--c-on-surface-variant);box-shadow:inset 0 0 0 1.5px var(--c-outline-variant);background:0 0;border-style:dashed;height:48px;font-size:13.5px;font-weight:600}.pbtn-ghost:hover{background:var(--c-surface-container-high);transform:none}.pbtn-disabled-note{cursor:default;pointer-events:none}.lp-legal{color:var(--c-on-surface-variant);text-align:center;font-size:11.5px;line-height:1.6}.lp-legal a{color:var(--c-on-surface-variant);text-decoration:underline}.policy-page{--policy-primary:var(--c-primary,#623ca8);--policy-on-primary:var(--c-on-primary,#fff);--policy-primary-container:var(--c-primary-container,#e0d7ff);--policy-on-primary-container:var(--c-on-primary-container,#341a62);--policy-surface:var(--c-surface,#f9f8fc);--policy-surface-low:var(--c-surface-container-low,#f2f1f6);--policy-surface-container:var(--c-surface-container,#ebeaf1);--policy-surface-high:var(--c-surface-container-high,#e5e3eb);--policy-on-surface:var(--c-on-surface,#0b0a10);--policy-on-surface-variant:var(--c-on-surface-variant,#3c434e);--policy-outline-variant:var(--c-outline-variant,#bec4cf);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh;color:var(--policy-on-surface);background:radial-gradient(900px 500px at 10% -8%, var(--policy-primary-container), transparent 60%), radial-gradient(800px 600px at 108% 110%, #f5e4df73, transparent 55%), var(--policy-surface-low);overflow:hidden auto}@supports (color:lab(0% 0 0)){.policy-page{--policy-primary:var(--c-primary,lab(34.6614% 35.6115 -53.1962));--policy-on-primary:var(--c-on-primary,lab(100% 0 0));--policy-primary-container:var(--c-primary-container,lab(87.549% 12.1493 -25.077));--policy-on-primary-container:var(--c-on-primary-container,lab(16.7291% 26.9128 -38.6426));--policy-surface:var(--c-surface,lab(97.6188% .885934 -2.05619));--policy-surface-low:var(--c-surface-container-low,lab(95.2885% 1.03512 -2.39784));--policy-surface-container:var(--c-surface-container,lab(92.9478% 1.33467 -3.08024));--policy-surface-high:var(--c-surface-container-high,lab(90.6069% 1.63603 -3.76133));--policy-on-surface:var(--c-on-surface,lab(2.97793% 1.02831 -2.37103));--policy-on-surface-variant:var(--c-on-surface-variant,lab(27.9811% -.562787 -8.10667));--policy-outline-variant:var(--c-outline-variant,lab(79.0588% -.599086 -5.98371));background:radial-gradient(900px 500px at 10% -8%, var(--policy-primary-container), transparent 60%), radial-gradient(800px 600px at 108% 110%, lab(91.7326% 5.54675 4.45335/.45), transparent 55%), var(--policy-surface-low)}}.policy-wrap{max-width:760px;padding:max(32px, env(safe-area-inset-top)) 22px max(80px, env(safe-area-inset-bottom));margin:0 auto}.policy-top{align-items:center;gap:12px;margin-bottom:26px;display:flex}.policy-brand{min-width:0;color:var(--policy-on-surface);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.policy-mark{background:var(--policy-primary);width:38px;height:38px;color:var(--policy-on-primary);box-shadow:0 10px 22px -8px var(--policy-primary);border-radius:12px 15px 12px 16px;flex:none;place-items:center;display:grid}.policy-mark .msr{font-size:22px}.policy-wm{letter-spacing:0;white-space:nowrap;font-size:20px;font-weight:800}.policy-wm b{color:var(--policy-primary)}.policy-back{color:var(--policy-on-surface-variant);border:1px solid var(--policy-outline-variant);background:#ffffffb3;background:lab(100% 0 0/.7);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.policy-back-icon{font-size:18px}.policy-tabs{background:var(--policy-surface-container);border-radius:999px;gap:4px;margin-bottom:24px;padding:5px;display:inline-flex}.policy-tab{cursor:pointer;font-family:var(--font);color:var(--policy-on-surface-variant);background:0 0;border:none;border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:700}.policy-tab.on{color:var(--policy-primary);background:#ffffffe6;background:lab(100% 0 0/.9);box-shadow:0 2px 8px -3px #0003;box-shadow:0 2px 8px -3px lab(0% 0 0/.2)}.policy-doc{border:1px solid var(--policy-outline-variant);background:#ffffffbf;background:lab(100% 0 0/.75);border-radius:26px;padding:34px clamp(22px,5vw,44px);box-shadow:0 18px 50px -24px #2d29454d;box-shadow:0 18px 50px -24px lab(18.1971% 7.78824 -17.0157/.3)}.policy-doc h1{letter-spacing:0;margin:0 0 4px;font-size:26px;font-weight:800}.policy-doc .upd{color:var(--policy-on-surface-variant);margin-bottom:24px;font-size:13px;font-weight:600}.policy-doc h2{align-items:baseline;gap:9px;margin:26px 0 8px;font-size:17px;font-weight:800;display:flex}.policy-doc h2 .n{color:var(--policy-primary);flex:none;font-size:14px}.policy-doc p,.policy-doc li{color:#29282f;color:lab(16.3607% 1.54221 -4.20963);font-size:14.5px;font-weight:500;line-height:1.85}.policy-doc ul{margin:6px 0;padding-left:22px}.policy-doc li{margin:3px 0}.policy-foot{text-align:center;color:var(--policy-on-surface-variant);margin-top:30px;font-size:12px;font-weight:600}@media (max-width:520px){.policy-top{align-items:center}.policy-tabs{width:100%;display:flex}.policy-tab{flex:1;padding-inline:10px}.policy-back{flex:none;padding-inline:12px}}.lp-divider{color:var(--c-on-surface-variant);align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.lp-divider:before,.lp-divider:after{content:"";background:var(--c-outline-variant);flex:1;height:1px}.lp1-hero{background:radial-gradient(120% 90% at 50% -20%, var(--c-primary-container), transparent 70%), var(--c-surface-container-low);flex:1;justify-content:center;align-items:flex-end;padding-top:56px;display:flex;position:relative;overflow:hidden}.lp1-mock{transform-origin:bottom;background:var(--c-surface);border:1px solid var(--c-outline-variant);border-radius:26px;width:232px;padding:16px;transform:rotate(-4deg)translateY(26px);box-shadow:0 30px 60px -20px #0006;box-shadow:0 30px 60px -20px lab(0% 0 0/.4)}.lp1-sheet{background:var(--c-surface);z-index:2;border-radius:30px 30px 0 0;flex-direction:column;gap:18px;margin-top:-22px;padding:26px 26px 24px;display:flex;position:relative;box-shadow:0 -10px 30px -16px #00000040;box-shadow:0 -10px 30px -16px lab(0% 0 0/.25)}.mk-row{align-items:center;gap:8px;display:flex}.mk-blob{border-radius:9px 11px 9px 12px;flex:none}.mk-line{background:var(--c-surface-container-highest);border-radius:999px;height:8px}.mk-card{border-radius:14px;padding:10px}.mk-chip{border-radius:999px;height:22px}.lp2{flex-direction:column;flex:1;gap:0;padding:64px 30px 28px;display:flex}.lp-feat{align-items:flex-start;gap:14px;padding:14px 0;display:flex}.lp-feat .ic{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.lp-feat .ic .msr{font-size:24px}.lp-feat .ft{letter-spacing:-.01em;font-size:15.5px;font-weight:800}.lp-feat .fd{color:var(--c-on-surface-variant);margin-top:2px;font-size:13px;font-weight:600;line-height:1.5}.lp-split{width:100%;height:100%;display:flex}.lp-split-left{background:radial-gradient(90% 70% at 110% -10%, var(--c-primary), transparent 60%), radial-gradient(80% 80% at -10% 110%, var(--c-tertiary), transparent 55%), var(--c-primary-container);color:var(--c-on-primary-container);flex-direction:column;flex:1.15;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.lp-split-right{flex-direction:column;flex:none;justify-content:center;gap:22px;width:440px;padding:56px;display:flex}.lp-wires{flex-direction:column;gap:12px;display:flex}.wire{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff29;background:lab(100% 0 0/.16);border:1px solid #ffffff38;border:1px solid lab(100% 0 0/.22);border-radius:16px}.wire-bar{background:#ffffff4d;background:lab(100% 0 0/.3);border-radius:999px;height:12px}.lp4{text-align:center;background:radial-gradient(100% 70% at 50% 0%, var(--c-primary-container), transparent 65%), var(--c-surface);flex-direction:column;flex:1;align-items:center;gap:0;padding:70px 30px 0;display:flex;position:relative;overflow:hidden}.lp4-peek{opacity:.9;pointer-events:none;justify-content:center;align-items:flex-end;gap:12px;height:150px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.lp4-peek .pk{border-radius:20px;flex:none;width:120px;padding:14px}.badge-pill{background:var(--c-surface-container-high);color:var(--c-on-surface-variant);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:12px;font-weight:700;display:inline-flex}.badge-pill .msr{color:var(--c-primary);font-size:15px}
:root{--rec:#d55e5f;--rec-on:#ffedeb;--rec-soft:#ffdad7;--rec-red:#d55e5f;--rec-red-glow:#f3766d;--rec-red-deep:#c8414c;--rec-red-bg:#fff1f0;--rec-idle-bg:#f8f5ff}@supports (color:lab(0% 0 0)){:root{--rec:lab(55.5491% 47.6594 23.8967);--rec-on:lab(95.1759% 6.12173 3.29607);--rec-soft:lab(90.1313% 18.8491 8.9041);--rec-red:lab(55.5491% 47.6594 23.8967);--rec-red-glow:lab(64.8648% 48.3126 28.8373);--rec-red-deep:lab(48.3247% 54.4884 25.4177);--rec-red-bg:lab(96.3136% 6.78802 3.49389);--rec-idle-bg:lab(97.0694% 2.16141 -4.74265)}}.rec-wave{align-items:center;gap:3px;width:100%;display:flex;overflow:hidden}.rec-wave.center{justify-content:center}.rec-wb{transform-origin:50%;width:4px;min-width:2px;max-width:6px;min-height:3px;transition:background var(--dur) var(--ease);border-radius:999px;flex:1 1 0}.rec-wave.live .rec-wb{animation:rec-eq var(--rd,.92s) var(--ease) infinite alternate;animation-delay:var(--d)}.rec-wave.paused .rec-wb{animation-play-state:paused}@keyframes rec-eq{0%{transform:scaleY(.32)}to{transform:scaleY(1)}}body.no-motion .rec-wave .rec-wb{animation:none!important}@media (prefers-reduced-motion:reduce){.rec-wave .rec-wb{animation:none!important}}.rec-head-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.rec-head-row .lab{color:var(--c-on-surface-variant);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.rec-head-row .lab .msr{font-size:19px}.rec-head-row .cnt{color:var(--c-on-surface-variant);margin-left:auto;font-size:13px;font-weight:700}.rec-tabs{background:var(--c-surface-container-lowest);border-radius:999px;gap:4px;margin-bottom:12px;padding:5px;display:flex}.rec-tab{cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);transition:background .22s var(--ease), color .22s var(--ease);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:800;display:inline-flex}.rec-tab .msr{font-size:18px}.rec-tab .tcnt{opacity:.7;font-size:11.5px;font-weight:700}.rec-tab.on{background:var(--c-surface);color:var(--c-on-surface);box-shadow:var(--e1)}.rec-tab.on .msr{color:var(--c-primary)}.rec-tab-label{white-space:nowrap}.rec-tabs-3 .rec-tab.icon-only{flex:none;gap:4px;padding-left:12px;padding-right:12px}.rec-tabs-3 .rec-tab.icon-only .rec-tab-label{display:none}.rec-tabs-3 .rec-tab.on{flex:auto}.rec-list{flex-direction:column;gap:8px;display:flex}.rec-row{background:var(--c-surface-container-lowest);border-radius:var(--r-md);transition:box-shadow var(--dur) var(--ease);overflow:hidden}.rec-row.open{box-shadow:var(--e1);background:var(--c-surface-container-low)}.rec-row-head{cursor:pointer;width:100%;font-family:var(--font);text-align:left;color:var(--c-on-surface);background:0 0;border:none;align-items:center;gap:10px;padding:11px 12px;display:flex}.rec-fav{cursor:pointer;width:34px;height:34px;color:var(--c-outline);transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--spring);background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.rec-fav:hover{background:var(--c-surface-container-high)}.rec-fav.on{color:#eb881f;color:lab(66.8362% 33.9531 66.6839)}.rec-fav:active{transform:scale(.85)}.rec-row-meta{flex:1;min-width:0}.rec-row-date{letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.rec-row-sub{color:var(--c-on-surface-variant);align-items:center;gap:8px;margin-top:3px;font-size:11.5px;font-weight:600;display:flex}.rec-row-sub .rec-dur{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.rec-meta-ic{color:var(--c-on-surface-variant);opacity:.8;flex:none}.rec-score-inline{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;margin-left:auto;padding:2px 8px 2px 6px;font-size:11.5px;font-weight:800;display:inline-flex}.rec-score-inline .msr{font-size:13px}.rec-loc-badge{align-items:center;gap:3px;display:inline-flex}.rec-loc-badge .msr{font-size:14px}.rec-reconnect-badge{background:var(--c-tertiary-container,var(--c-surface-container-high));color:var(--c-on-tertiary-container,var(--c-on-surface-variant));border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.rec-reconnect-badge .msr{font-size:13px}.rec-score-pill{font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 10px 5px 7px;font-size:13.5px;font-weight:800;display:inline-flex}.rec-score-pill .msr{font-size:15px}.rec-row-del{cursor:pointer;width:34px;height:34px;color:var(--c-on-surface-variant);transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--spring);background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.rec-row-del:hover{background:var(--c-error-container);color:var(--c-error)}.rec-row-del:active{transform:scale(.85)}.rec-chevron{color:var(--c-on-surface-variant);transition:transform .3s var(--spring);flex:none}.rec-row.open .rec-chevron{transform:rotate(180deg)}.rec-row-body{padding:2px 14px 14px}.rec-row-wave{height:46px;margin:4px 0 12px}.rec-actions{gap:8px;display:flex}.rec-act{cursor:pointer;font-family:var(--font);background:var(--c-surface-container-high);color:var(--c-on-surface);transition:background .2s var(--ease), transform .16s var(--spring);border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.rec-act .msr{font-size:18px}.rec-act:hover{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.rec-act:active{transform:scale(.95)}.rec-act.linked{background:var(--c-primary-container);color:var(--c-on-primary-container)}.rec-act-move{flex:none;gap:2px;padding:10px 12px}.rec-act-move .rec-move-dir{opacity:.7}.rec-act-move.has-label{gap:5px;padding:10px 14px}.rec-act-move-label{white-space:nowrap}.rec-act.icon-only{flex:none;padding:10px 15px}.rec-act.icon-only~.rec-act.play{flex:1}.rec-act:disabled{opacity:.45;cursor:default}.rec-act:disabled:hover{background:var(--c-surface-container-high);color:var(--c-on-surface)}.rec-act.play{background:var(--c-primary);color:var(--c-on-primary);flex:none;padding:10px 18px}.rec-act.play:hover{box-shadow:0 5px 14px -5px var(--c-primary);background:var(--c-primary);color:var(--c-on-primary)}.rec-empty{text-align:center;color:var(--c-on-surface-variant);padding:26px 16px}.rec-empty .msr{opacity:.5;font-size:40px}.rec-empty .et{margin-top:6px;font-size:13px;font-weight:600}.rec-empty .es{opacity:.85;max-width:320px;margin:8px auto 0;font-size:11.5px;line-height:1.6}.rec-cta{justify-content:center;width:100%;margin-top:14px}.rec-cta:disabled{opacity:.55;cursor:default;pointer-events:none}.rec-cta-plus{background:var(--c-tertiary-container);color:var(--c-on-tertiary-container);letter-spacing:.04em;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:800;display:inline-flex}.rec-cta-plus .msr{font-size:12px}.score-play{background:var(--c-primary-container);width:36px;height:36px;color:var(--c-on-primary-container);cursor:pointer;transition:transform .18s var(--spring), box-shadow var(--dur) var(--ease);border:none;border-radius:999px;flex:none;place-items:center;display:grid}.score-play:hover{box-shadow:0 5px 14px -5px var(--c-primary)}.score-play:active{transform:scale(.86)}.score-play .msr{font-size:19px}.rec-screen{z-index:150;--rec:var(--rec-red);--rec-idle-bg:var(--c-surface);--rec-red-bg:var(--c-surface);background:radial-gradient(125% 80% at 50% -12%, oklch(from var(--c-primary) l c h / .14) 0%, transparent 58%), var(--rec-idle-bg);color:var(--c-on-surface);animation:rec-screen-in .42s var(--spring);transition:background .5s var(--ease);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.rec-screen.rec-red{background:radial-gradient(130% 82% at 50% 46%, oklch(from var(--rec-red) l c h / .13) 0%, transparent 60%), radial-gradient(125% 78% at 50% -12%, oklch(from var(--rec-red) l c h / .16) 0%, transparent 58%), var(--rec-red-bg)}@keyframes rec-screen-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}body.no-motion .rec-screen{animation:none}@media (prefers-reduced-motion:reduce){.rec-screen{animation:none}}.rec-reveal{z-index:2;pointer-events:none;background:radial-gradient(60% 60% at var(--rx) var(--ry), oklch(from var(--reveal-col) l c h / .5) 0%, oklch(from var(--reveal-col) l c h / .2) 40%, transparent 72%), var(--rec-red-bg);clip-path:circle(0px at var(--rx) var(--ry));animation:rec-reveal-grow .62s var(--ease) forwards;position:absolute;inset:0}@keyframes rec-reveal-grow{0%{clip-path:circle(0px at var(--rx) var(--ry));opacity:1}to{clip-path:circle(140% at var(--rx) var(--ry));opacity:1}}body.no-motion .rec-reveal{display:none}@media (prefers-reduced-motion:reduce){.rec-reveal{display:none}}.rec-freqviz{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rec-viztoggle{background:oklch(from var(--c-on-surface) l c h / .06);border-radius:999px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.rec-viztab{cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);transition:background .22s var(--ease), color .22s var(--ease);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:800}.rec-viztab.on{background:var(--c-surface);color:var(--c-on-surface);box-shadow:var(--e1)}.rec-red .rec-viztab.on{color:var(--rec-red-deep)}.rec-top{flex:none;align-items:center;gap:8px;padding:16px 16px 4px;display:flex}.app--mobile .rec-top{padding-top:44px}.rec-top-title{text-align:center;letter-spacing:.02em;flex:1;justify-content:center;align-items:center;gap:7px;font-size:15px;font-weight:800;display:inline-flex}.rec-top-rec{color:var(--rec);align-items:center;gap:6px;display:inline-flex}.rec-top-rec .rec-live-dot{background:var(--rec);width:9px;height:9px;animation:rec-blink 1.1s var(--ease) infinite;border-radius:999px}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.25}}.rec-body{flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:6px;padding:8px 24px 28px;display:flex;overflow-y:auto}.rec-hero{flex:none;place-items:center;width:280px;height:280px;margin-bottom:2px;display:grid;position:relative}.app--mobile .rec-hero{width:248px;height:248px}.rec-pulseviz{transform-origin:50%;position:absolute;inset:0}.rec-pulseviz.is-rec{animation:rec-vol 2.6s var(--ease) infinite}.rec-pulseviz.is-idle{transform:scale(.99)}.rec-pulseviz.is-pause{transform:scale(.92)}@keyframes rec-vol{0%{transform:scale(.9)}7%{transform:scale(1.04)}14%{transform:scale(.95)}22%{transform:scale(1.08)}30%{transform:scale(.97)}40%{transform:scale(1.05)}50%{transform:scale(.92)}60%{transform:scale(1.07)}70%{transform:scale(.97)}82%{transform:scale(1.03)}90%{transform:scale(.94)}to{transform:scale(.9)}}@keyframes rec-breathe2{0%,to{transform:scale(.95)}50%{transform:scale(1.02)}}body.no-motion .rec-pulseviz{transform:scale(.97);animation:none!important}@media (prefers-reduced-motion:reduce){.rec-pulseviz{animation:none!important}}.rec-hero-cover{z-index:1;place-items:center;display:grid;position:relative}.rec-cover-circle{border-radius:50%;place-items:center;display:grid}.rec-cover-mic{color:#fff}.rec-cover-mascot{object-fit:contain;filter:drop-shadow(0 1px 2px #0000002e);filter:drop-shadow(0 1px 2px lab(0% 0 0/.18))}.rec-badge{z-index:3;background:var(--rec);color:#fff;letter-spacing:.1em;box-shadow:0 0 0 4px var(--rec-red-bg);border-radius:999px;align-items:center;gap:5px;padding:5px 13px;font-size:11.5px;font-weight:800;display:inline-flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.rec-badge .rec-live-dot{width:7px;height:7px;animation:rec-blink 1.1s var(--ease) infinite;background:#fff;border-radius:999px}.rec-screen-title{letter-spacing:-.01em;text-align:center;text-wrap:balance;max-width:280px;margin-top:4px;font-size:21px;font-weight:800}.rec-screen-artist{color:var(--c-on-surface-variant);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:min(320px,100vw - 72px);margin-top:2px;font-size:13.5px;font-weight:600;display:-webkit-box;overflow:hidden}.rec-quality{background:oklch(from var(--c-on-surface) l c h / .06);color:var(--c-on-surface-variant);border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:6px 13px;font-size:12.5px;font-weight:800;display:inline-flex}.rec-quality .msr{color:var(--c-primary);flex:none}.rec-red .rec-quality .msr{color:var(--rec-red-deep)}.rec-quality-rate{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--c-on-surface)}.rec-quality-dot{opacity:.5;background:currentColor;border-radius:999px;width:3px;height:3px}.rec-timer{letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .3s var(--ease);font-size:52px;font-weight:800;line-height:1}.rec-recording .rec-timer{color:var(--rec)}.rec-timer .ms{opacity:.55;margin-left:2px;font-size:26px}.rec-timermax{flex-direction:column;align-items:center;gap:9px;width:min(300px,78%);margin:10px 0 4px;display:flex}.rec-timer-row{align-items:baseline;gap:9px;display:flex}.rec-timer-cap{font-variant-numeric:tabular-nums;color:var(--c-on-surface-variant);opacity:.7;letter-spacing:-.01em;font-size:19px;font-weight:800}.rec-timermax.idle .rec-timer{color:var(--c-on-surface-variant);opacity:.55}.rec-limitbar{background:var(--c-surface-container-highest);border-radius:999px;width:100%;height:6px;overflow:hidden}.rec-limitbar>span{background:var(--rec);height:100%;transition:width .3s var(--ease), background .3s var(--ease);border-radius:999px;display:block}.rec-timermax.idle .rec-limitbar>span{background:var(--c-outline)}.rec-limit-note{color:var(--c-on-surface-variant);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.rec-limit-note .msr{flex:none;font-size:15px}.rec-timermax.warn .rec-limitbar>span,.rec-timermax.warn .rec-limit-note{color:var(--rec-red-deep)}.rec-timermax.warn .rec-limitbar>span{background:var(--rec-red-deep)}.rec-timermax.warn .rec-limit-note{animation:rec-blink 1.1s var(--ease) infinite}.rec-screen-wave{width:min(360px,100%);height:66px;margin:6px 0 18px}.rec-transport{justify-content:center;align-items:center;gap:24px;display:flex}.rec-ctl{cursor:pointer;background:var(--c-secondary-container);width:62px;height:62px;color:var(--c-on-secondary-container);transition:transform .22s var(--spring), background .2s var(--ease), border-radius .3s var(--spring);border:none;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;place-items:center;display:grid}.rec-ctl:hover{background:var(--c-surface-container-highest);border-radius:50%}.rec-ctl:active{border-radius:42%;transform:scale(.9)}.rec-fab{cursor:pointer;width:88px;height:88px;transition:transform .22s var(--spring), border-radius .3s var(--spring);border:none;place-items:center;display:grid;position:relative}.rec-fab:active{transform:scale(.92)}.rec-fab-rec{background:var(--rec);border-radius:50%}.rec-fab-rec:hover{border-radius:42% 58% 58% 42%/42% 42% 58% 58%;transform:scale(1.05)}.rec-fab-rec .rec-dot-lg{background:#fff;border-radius:999px;width:32px;height:32px}.rec-fab-stop{background:var(--rec);border-radius:34%}.rec-fab-stop:hover{border-radius:42%;transform:scale(1.05)rotate(4deg)}.rec-fab-stop .rec-square{background:#fff;border-radius:9px;width:30px;height:30px}.rec-hint{color:var(--c-on-surface-variant);text-align:center;align-items:flex-start;gap:7px;max-width:min(360px,100vw - 48px);margin-top:20px;font-size:12.5px;font-weight:600;line-height:1.5;display:inline-flex}.rec-hint .msr{flex:none;margin-top:1px;font-size:17px}.rec-hint-text{overflow-wrap:anywhere;min-width:0}.rec-mini{z-index:150;background:var(--c-surface-container-high);box-shadow:0 14px 32px -10px #0000006b, inset 0 0 0 1.5px oklch(from var(--rec) l c h / .55);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-family:var(--font);animation:rec-mini-in .42s var(--spring);transition:transform .2s var(--spring), box-shadow .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 4px;display:flex;position:absolute}@supports (color:lab(0% 0 0)){.rec-mini{box-shadow:0 14px 32px -10px lab(0% 0 0/.42), inset 0 0 0 1.5px oklch(from var(--rec) l c h / .55)}}.rec-mini:hover{box-shadow:0 18px 38px -10px #00000080, inset 0 0 0 1.5px var(--rec)}@supports (color:lab(0% 0 0)){.rec-mini:hover{box-shadow:0 18px 38px -10px lab(0% 0 0/.5), inset 0 0 0 1.5px var(--rec)}}.rec-mini:active{cursor:grabbing}.rec-mini.dragging{cursor:grabbing;box-shadow:0 22px 44px -10px #0000008c, inset 0 0 0 1.5px var(--rec);transition:none}@supports (color:lab(0% 0 0)){.rec-mini.dragging{box-shadow:0 22px 44px -10px lab(0% 0 0/.55), inset 0 0 0 1.5px var(--rec)}}@keyframes rec-mini-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:none}}.rec-mini--m{bottom:176px;right:14px}.rec-mini--d{bottom:100px;right:24px}.rec-mini-grip{color:var(--c-outline);flex:none;align-self:stretch;place-items:center;display:grid}.rec-mini-orb{flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.rec-mini-orb .rec-pulseviz{position:absolute;inset:0}.rec-mini-orb-ic{z-index:1;color:var(--rec);place-items:center;display:grid;position:relative}.rec-mini-info{flex:none;min-width:0;padding-right:2px}.rec-mini-t{color:var(--rec);letter-spacing:.06em;font-size:10px;font-weight:800}.rec-mini-time{font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:baseline;gap:3px;font-size:14.5px;font-weight:800;line-height:1.15;display:flex}.rec-mini-max{color:var(--c-on-surface-variant);opacity:.7;font-size:10.5px;font-weight:700}.rec-mini-stop{cursor:pointer;background:var(--rec);width:40px;height:40px;transition:transform .18s var(--spring), border-radius .3s var(--spring);border:none;border-radius:34%;flex:none;place-items:center;display:grid}.rec-mini-stop:hover{border-radius:44%}.rec-mini-stop:active{transform:scale(.88)}.rec-mini-stop .rec-square-sm{background:#fff;border-radius:5px;width:15px;height:15px}.rec-save-preview{background:var(--c-surface-container-lowest);border-radius:var(--r-md);align-items:center;gap:13px;margin-bottom:4px;padding:13px 15px;display:flex}.rec-save-ic{color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.rec-save-wave{flex:1;min-width:0;height:32px}.rec-save-dur{font-variant-numeric:tabular-nums;flex:none;font-size:16px;font-weight:800}.rec-pwa-tag{background:var(--c-tertiary-container);color:var(--c-on-tertiary-container);letter-spacing:.04em;border-radius:6px;align-items:center;gap:3px;margin-top:5px;padding:1px 6px;font-size:9.5px;font-weight:800;display:inline-flex}.rec-exp-tag{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.rec-link-row{background:var(--c-surface-container-lowest);cursor:pointer;width:100%;font-family:var(--font);text-align:left;border-radius:var(--r-md);color:var(--c-on-surface);transition:background .2s var(--ease);border:1.5px solid #0000;align-items:center;gap:13px;margin-bottom:8px;padding:11px 13px;display:flex}.rec-link-row:hover{background:var(--c-surface-container)}.rec-link-row.sel{border-color:var(--c-primary);background:var(--c-primary-container)}.rec-link-row.unavailable{cursor:not-allowed;opacity:.58}.rec-link-row.unavailable:hover{background:var(--c-surface-container-lowest)}.rec-link-near{color:var(--c-tertiary);letter-spacing:.04em;flex:none;font-size:10.5px;font-weight:800}.rec-link-meta{flex:1;min-width:0}.rec-link-date{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.rec-link-machine{color:var(--c-on-surface-variant);margin-top:2px;font-size:12px;font-weight:600}.recplay-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 20px 0;display:flex}.recplay-chip{border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.recplay-chip .msr{font-size:15px}.recplay-wave-wrap{padding:16px 26px 0}.recplay-wave{height:54px}.recplay-seek{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;margin-block:-10px;padding-block:10px;position:relative}.recplay-seek-thumb{background:var(--rec);border:2.5px solid var(--c-surface);width:16px;height:16px;box-shadow:0 0 0 3px var(--rec-red-bg), 0 2px 8px oklch(from var(--rec) l c h / .4);transition:left .15s linear, transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)}.recplay-seek.dragging .recplay-seek-thumb{transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);transform:translate(-50%,-50%)scale(1.18)}.recplay-seek:focus-visible .recplay-seek-thumb{box-shadow:0 0 0 4px var(--rec-red-bg), 0 2px 10px oklch(from var(--rec) l c h / .5)}body.no-motion .recplay-seek-thumb{transition:none}@media (prefers-reduced-motion:reduce){.recplay-seek-thumb{transition:none}}.recplay-stage{width:214px;height:214px;margin:20px auto 8px}.recplay-orb{cursor:pointer;width:152px;height:152px;transition:transform .22s var(--spring);background:0 0;border:none;place-items:center;margin:auto;padding:0;display:grid;position:absolute;inset:0}.recplay-orb:hover{transform:scale(1.035)}.recplay-orb:active{transform:scale(.93)}.recplay-orb-circle{color:#fff;background:radial-gradient(120% 120% at 50% 22%,#f87f71,#d24b54);background:radial-gradient(120% 120% at 50% 22%,lab(67.2796% 46.1766 29.7855),lab(51.8095% 54.4665 25.2046));border-radius:50%;place-items:center;width:132px;height:132px;display:grid;box-shadow:0 16px 32px -14px #c8414c9e,inset 0 0 0 1.5px #ffffff47;box-shadow:0 16px 32px -14px lab(48.3247% 54.4884 25.4177/.62),inset 0 0 0 1.5px lab(100% 0 0/.28)}.recplay-orb.playing .recplay-orb-circle{animation:recplay-breathe 2.6s var(--ease) infinite}@keyframes recplay-breathe{0%,to{transform:scale(.965)}50%{transform:scale(1.025)}}body.no-motion .recplay-orb.playing .recplay-orb-circle{animation:none}@media (prefers-reduced-motion:reduce){.recplay-orb.playing .recplay-orb-circle{animation:none}}.recplay-mascot{object-fit:contain;filter:drop-shadow(0 2px 3px #00000038);filter:drop-shadow(0 2px 3px lab(0% 0 0/.22));width:106px;height:106px}.recplay-orb-badge{background:var(--rec);color:#fff;width:42px;height:42px;box-shadow:0 6px 14px -4px #c8414c99, 0 0 0 4px var(--c-surface);transition:transform .2s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@supports (color:lab(0% 0 0)){.recplay-orb-badge{box-shadow:0 6px 14px -4px lab(48.3247% 54.4884 25.4177/.6), 0 0 0 4px var(--c-surface)}}.recplay-orb:hover .recplay-orb-badge{transform:translate(-50%)scale(1.06)}.recplay-orb-badge .msr{font-size:24px}@media (max-height:700px){.rec-body{gap:2px;padding-top:4px;padding-bottom:18px}.rec-viztoggle{margin-bottom:10px}.rec-hero{width:200px;height:200px;margin-bottom:0}.app--mobile .rec-hero{width:188px;height:188px}.rec-screen-title{margin-top:2px;font-size:18px}.rec-screen-artist{font-size:12.5px}.rec-timer{font-size:42px}.rec-timermax{gap:6px;margin:6px 0 2px}.rec-hint{margin-top:12px}}@media (max-height:640px){.rec-hero{width:156px;height:156px}.app--mobile .rec-hero{width:150px;height:150px}.rec-timer{font-size:34px}.rec-timer-cap{font-size:16px}.rec-fab{width:72px;height:72px}.rec-ctl{width:54px;height:54px}.rec-transport{gap:18px}.rec-hint{margin-top:8px}}
.play-purple,.play-mini{--play:#7f57d1;--play-deep:#6c42c3;--play-glow:#9973df;--rec:var(--play)}@supports (color:lab(0% 0 0)){.play-purple,.play-mini{--play:lab(46.1556% 37.4937 -58.138);--play-deep:lab(38.8261% 40.7274 -62.1514);--play-glow:lab(55.9289% 32.8035 -50.6716)}}.play-screen{background:radial-gradient(130% 82% at 50% 44%, oklch(from var(--play) l c h / .1) 0%, transparent 60%), radial-gradient(125% 78% at 50% -12%, oklch(from var(--play) l c h / .15) 0%, transparent 58%), var(--rec-idle-bg)}.play-top-on{color:var(--play);align-items:center;gap:6px;display:inline-flex}.play-fav-on .msr{color:#eb881f;color:lab(66.8362% 33.9531 66.6839)}.play-badge{background:var(--play);box-shadow:0 0 0 4px var(--rec-idle-bg)}.play-cover{box-shadow:0 12px 28px -14px oklch(from var(--play) l c h / .6), inset 0 0 0 1.5px #ffffff38}@supports (color:lab(0% 0 0)){.play-cover{box-shadow:0 12px 28px -14px oklch(from var(--play) l c h / .6), inset 0 0 0 1.5px lab(100% 0 0/.22)}}.play-cover.playing{animation:play-breathe 2.6s var(--ease) infinite}@keyframes play-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1.03)}}body.no-motion .play-cover.playing{animation:none}@media (prefers-reduced-motion:reduce){.play-cover.playing{animation:none}}.play-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:320px;margin-top:10px;display:flex}.play-chip{background:var(--c-surface-container-high);color:var(--c-on-surface-variant);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.play-chip .msr{opacity:.9;font-size:14px}.play-chip.score{font-weight:800}.play-quality{margin-top:12px}.play-quality .msr{color:var(--play)}.play-reconnect{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(380px,100%);margin-top:12px;display:flex}.play-reconnect-btn{cursor:pointer;font-family:var(--font);background:var(--play);color:#fff;transition:box-shadow .2s var(--ease), transform .16s var(--spring);border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.play-reconnect-btn:hover{box-shadow:0 8px 20px -8px oklch(from var(--play) l c h / .7)}.play-reconnect-btn:active{transform:scale(.96)}.play-reconnect-hint{color:var(--c-on-surface-variant);max-width:320px;margin:0;font-size:11.5px;line-height:1.6}.play-seekwrap{width:min(380px,100%);margin:18px 0 6px}.play-seek{cursor:pointer;touch-action:none;border-radius:14px;align-items:center;height:56px;padding:0 2px;display:flex;position:relative}.play-seek:focus-visible{outline:2px solid var(--play);outline-offset:3px}.play-wave{width:100%;height:50px}.play-seek-thumb{background:var(--play);width:16px;height:16px;box-shadow:0 2px 8px -2px oklch(from var(--play) l c h / .8), 0 0 0 4px var(--rec-idle-bg);pointer-events:none;border-radius:50%;transition:left 80ms linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.play-time{font-variant-numeric:tabular-nums;color:var(--c-on-surface-variant);justify-content:space-between;margin-top:8px;padding:0 2px;font-size:13px;font-weight:800;display:flex}.play-time span:first-child{color:var(--c-on-surface)}.play-transport{justify-content:center;align-items:center;gap:26px;margin-top:6px;display:flex}.play-skip{color:var(--c-on-secondary-container)}.play-fab{background:var(--play);color:#fff;width:88px;height:88px;box-shadow:0 14px 30px -12px oklch(from var(--play) l c h / .7);border-radius:50%}.play-fab:hover{border-radius:42% 58% 58% 42%/42% 42% 58% 58%;transform:scale(1.05)}.play-fab .msr{color:#fff}.play-vol{width:min(320px,86%);color:var(--c-on-surface-variant);align-items:center;gap:12px;margin-top:22px;display:flex}.play-vol>.msr{flex:none}.play-vol-range{appearance:none;background:linear-gradient(to right, var(--play) var(--pb-vol), var(--c-surface-container-highest) var(--pb-vol));cursor:pointer;border-radius:999px;flex:1;height:6px}.play-vol-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--play);border:3px solid var(--c-surface);width:18px;height:18px;box-shadow:0 2px 6px -1px oklch(from var(--play) l c h / .6);cursor:pointer;border-radius:50%}.play-vol-range::-moz-range-thumb{border:3px solid var(--c-surface);background:var(--play);cursor:pointer;border-radius:50%;width:16px;height:16px}.play-vol-val{text-align:right;font-variant-numeric:tabular-nums;min-width:26px;color:var(--c-on-surface);flex:none;font-size:12.5px;font-weight:800}.play-modes{gap:10px;margin-top:16px;display:flex}.play-mode{border:1.5px solid var(--c-outline-variant);cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:800;display:inline-flex}.play-mode .msr{font-size:19px}.play-mode:hover{background:var(--c-surface-container-high)}.play-mode.on{background:oklch(from var(--play) l c h / .14);color:var(--play);border-color:#0000}.play-mini{padding-right:6px}.play-mini-orb{flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.play-mini-ring{border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 56%,#000 57%);mask:radial-gradient(circle,#0000 56%,#000 57%)}.play-mini-orb-ic{z-index:1;place-items:center;display:grid;position:relative}.play-mini-info{flex:1;min-width:0;padding-right:4px}.play-mini-title{color:var(--play);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:116px;font-size:12.5px;font-weight:800;overflow:hidden}.play-mini .rec-mini-time{font-size:13px}.play-mini-btn{cursor:pointer;width:36px;height:36px;color:var(--c-on-surface);transition:background .18s var(--ease), transform .18s var(--spring);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.play-mini-btn:hover{background:var(--c-surface-container-highest)}.play-mini-btn:active{transform:scale(.88)}.play-mini-play{background:var(--play);color:#fff}.play-mini-play:hover{background:var(--play-deep)}.play-mini-play .msr{color:#fff}.play-mini-close{width:30px;height:30px;color:var(--c-on-surface-variant)}.rec-mini--d.play-mini{bottom:24px;right:24px}.rec-mini--m.play-mini{bottom:96px;right:14px}.play-toast{z-index:90}.play-toast .msr{color:#ff9f8f;color:lab(75.6445% 39.2382 26.8922)}
.cam-cap{z-index:200;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.cam-cap-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.cam-cap-video{object-fit:cover;background:#000;width:100%;height:100%}.cam-cap-loading,.cam-cap-fallback{text-align:center;color:#ffffffd9;color:lab(100% 0 0/.85);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13.5px;font-weight:700;display:flex;position:absolute;inset:0}.cam-cap-fallback-t{font-size:15px;font-weight:800}.cam-cap-fallback-d{color:#fff9;color:lab(100% 0 0/.6);max-width:280px;font-size:12.5px;font-weight:600;line-height:1.6}.cam-cap-fallback .btn{margin-top:8px}.cam-cap-frame{border-radius:var(--r-lg);pointer-events:none;border:2px solid #ffffff73;border:2px solid lab(100% 0 0/.45);position:absolute;inset:14% 8%}.cam-cap-bar{padding:18px 28px calc(22px + env(safe-area-inset-bottom));background:#000;flex:none;justify-content:space-between;align-items:center;display:flex}.cam-cap-side{color:#fff;cursor:pointer;width:48px;height:48px;transition:background .2s var(--ease), transform .16s var(--spring);background:#ffffff1f;background:lab(100% 0 0/.12);border:none;border-radius:999px;flex:none;place-items:center;display:grid}button.cam-cap-side:hover{background:#ffffff38;background:lab(100% 0 0/.22)}button.cam-cap-side:active{transform:scale(.92)}.cam-cap-shutter{cursor:pointer;width:72px;height:72px;transition:transform .16s var(--spring);background:#fff;border:none;border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:0 0 0 4px #ffffff40;box-shadow:0 0 0 4px lab(100% 0 0/.25)}.cam-cap-shutter:active:not(:disabled){transform:scale(.92)}.cam-cap-shutter:disabled{opacity:.4;cursor:default}.cam-cap-shutter-ring{background:#fff;border-radius:999px;width:58px;height:58px;box-shadow:inset 0 0 0 2px #00000040;box-shadow:inset 0 0 0 2px lab(0% 0 0/.25)}.scoreshot-img,.scoreshot-svg{width:100%;height:100%;display:block}.ph-loc{color:var(--c-on-surface-variant);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.ph-loc .msr{font-size:14px}.ph-slot{cursor:pointer;width:40px;height:40px;transition:transform .18s var(--spring), box-shadow var(--dur) var(--ease), background .2s var(--ease), border-color .2s var(--ease);border-radius:11px;flex:none;place-items:center;padding:0;display:grid;position:relative}.ph-slot:active{transform:scale(.9)}.ph-slot--add{border:1.5px dashed var(--c-outline-variant);background:var(--c-surface-container-lowest);color:var(--c-on-surface-variant)}.ph-slot--add:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-surface-container-high)}.ph-slot--add:disabled{cursor:default;opacity:.5}.ph-slot--add:disabled:hover{border-color:var(--c-outline-variant);color:var(--c-on-surface-variant);background:var(--c-surface-container-lowest)}.ph-slot--thumb{background:0 0;border:none;overflow:visible;box-shadow:0 2px 8px -3px #00000059;box-shadow:0 2px 8px -3px lab(0% 0 0/.35)}.ph-slot--thumb:hover{transform:translateY(-1px);box-shadow:0 6px 16px -5px #00000073;box-shadow:0 6px 16px -5px lab(0% 0 0/.45)}.ph-slot-img{border-radius:11px;width:100%;height:100%;overflow:hidden}.ph-slot-img .scoreshot-img,.ph-slot-img.scoreshot-svg{border-radius:11px}.ph-slot-count{background:var(--c-primary);min-width:17px;height:17px;color:var(--c-on-primary);box-shadow:0 0 0 2px var(--c-surface-container);border-radius:999px;place-items:center;padding:0 4px;font-size:10.5px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.ph-slot-loc{background:var(--c-surface);width:17px;height:17px;color:var(--c-on-surface-variant);box-shadow:0 0 0 1.5px var(--c-surface-container), 0 1px 3px #0000004d;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-4px;left:-4px}@supports (color:lab(0% 0 0)){.ph-slot-loc{box-shadow:0 0 0 1.5px var(--c-surface-container), 0 1px 3px lab(0% 0 0/.3)}}.ph-slot-loc .msr{font-size:11px}.ph-picker{gap:12px;margin-top:6px;display:flex}.ph-pick-cell{aspect-ratio:4/3;border-radius:var(--r-md);flex:1;width:50%;position:relative;overflow:hidden}.ph-pick-cell.add{aspect-ratio:auto;border:1.6px dashed var(--c-outline-variant);background:var(--c-surface-container-lowest);min-height:80px;color:var(--c-on-surface-variant);transition:border-color .2s var(--ease), background .2s var(--ease);justify-content:stretch;align-items:stretch;gap:0;display:flex}.ph-add-opt{cursor:pointer;min-width:0;color:inherit;font-family:var(--font);border-radius:var(--r-md);transition:color .2s var(--ease), background .2s var(--ease);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:700;display:flex}.ph-add-opt:hover{color:var(--c-primary);background:var(--c-surface-container-high)}.ph-add-opt:active{transform:scale(.97)}.ph-add-div{background:var(--c-outline-variant);flex:none;align-self:stretch;width:1px;margin:12px 0}.ph-pick-cell.filled{box-shadow:var(--e1)}.ph-pick-img{border-radius:var(--r-md)}.ph-pick-del{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;transition:transform .18s var(--spring), background .2s var(--ease);background:#11101ab3;background:lab(5.10218% 2.19403 -6.11807/.7);border:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:7px;right:7px}.ph-pick-del:hover{background:var(--c-error)}.ph-pick-del:active{transform:scale(.85)}.ph-sheet-head{background:var(--c-surface-container-lowest);border-radius:var(--r-md);align-items:center;gap:13px;padding:12px 14px;display:flex}.ph-sheet-meta{flex:1;min-width:0}.ph-sheet-meta .d{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.ph-sheet-meta .m{color:var(--c-on-surface-variant);margin-top:2px;font-size:12px;font-weight:600}.ph-sheet-cap{color:var(--c-on-surface-variant);flex:none;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.ph-sheet-cap .msr{font-size:15px}.ph-viewer{z-index:160;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ph-view-in .26s var(--ease);background:#09080eeb;background:lab(2.42063% .763252 -2.16735/.92);flex-direction:column;display:flex;position:absolute;inset:0}@keyframes ph-view-in{0%{opacity:0}to{opacity:1}}body.no-motion .ph-viewer{animation:none}.ph-viewer-top{color:#fff;flex:none;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.app--mobile .ph-viewer-top{padding-top:44px}.ph-view-score{font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;min-width:56px;height:38px;padding:0 12px;font-size:16px;font-weight:800;display:inline-grid}.ph-view-meta{flex:1;min-width:0}.ph-view-meta .t{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.ph-view-meta .s{color:#fff9;color:lab(100% 0 0/.6);margin-top:1px;font-size:12px;font-weight:600}.ph-view-x{cursor:pointer;color:#fff;width:42px;height:42px;transition:background .2s var(--ease), transform .18s var(--spring);background:#ffffff1a;background:lab(100% 0 0/.1);border:none;border-radius:999px;flex:none;place-items:center;display:grid}.ph-view-x:hover{background:#fff3;background:lab(100% 0 0/.2)}.ph-view-x:active{transform:scale(.9)}.ph-viewer-stage{flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;padding:0 12px;display:flex}.ph-stage-frame{flex:1;justify-content:center;align-items:center;min-width:0;max-width:560px;height:100%;display:flex}.ph-stage-img{border-radius:var(--r-lg);width:100%;max-height:100%;box-shadow:0 24px 60px -20px #000000b3;box-shadow:0 24px 60px -20px lab(0% 0 0/.7)}.ph-stage-img.scoreshot-svg,.ph-stage-img .scoreshot-img{width:auto;max-width:100%;height:auto;max-height:100%}.ph-nav{cursor:pointer;color:#fff;width:46px;height:46px;transition:background .2s var(--ease), transform .18s var(--spring);background:#ffffff1f;background:lab(100% 0 0/.12);border:none;border-radius:999px;flex:none;place-items:center;display:grid}.ph-nav:hover:not(:disabled){background:#ffffff3d;background:lab(100% 0 0/.24)}.ph-nav:active:not(:disabled){transform:scale(.9)}.ph-nav:disabled{opacity:.25;cursor:default}.ph-viewer-bar{padding:14px 18px calc(18px + env(safe-area-inset-bottom));flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.ph-bar-info{color:#fff;align-items:center;gap:12px;display:flex}.ph-bar-info .ph-loc{color:#ffffffeb;color:lab(100% 0 0/.92)}.ph-bar-ts{color:#ffffff8c;color:lab(100% 0 0/.55);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.ph-dots{gap:7px;display:flex}.ph-dot{cursor:pointer;width:8px;height:8px;transition:background .2s var(--ease), transform .2s var(--spring);background:#ffffff4d;background:lab(100% 0 0/.3);border-radius:999px}.ph-dot.on{background:#fff;transform:scale(1.15)}.ph-actions{gap:9px;width:100%;max-width:460px;display:flex}.ph-act{cursor:pointer;font-family:var(--font);color:#fff;transition:background .2s var(--ease), transform .16s var(--spring);background:#ffffff24;background:lab(100% 0 0/.14);border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.ph-act .msr{font-size:18px}.ph-act-move{flex:none;gap:2px;padding:11px 13px}.ph-act-move .ph-move-dir{opacity:.75}.ph-act-move.has-label{gap:5px;padding:11px 15px}.ph-act-move-label{white-space:nowrap}.ph-act:hover{background:#ffffff3d;background:lab(100% 0 0/.24)}.ph-act:active{transform:scale(.95)}.ph-act:disabled{opacity:.4;cursor:default}.ph-act:disabled:hover{background:#ffffff24;background:lab(100% 0 0/.14)}.ph-act.danger:hover{background:var(--c-error);color:var(--c-on-error,#fff)}.ph-tabs{background:#ffffff1a;background:lab(100% 0 0/.1);border-radius:999px;flex:none;align-self:center;gap:4px;width:100%;max-width:320px;margin:2px auto 0;padding:5px;display:flex}.ph-tab{cursor:pointer;font-family:var(--font);color:#fff9;color:lab(100% 0 0/.6);transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 0;font-size:13px;font-weight:800;display:inline-flex}.ph-tab .msr{font-size:18px}.ph-tab .tcnt{opacity:.7;font-size:11.5px;font-weight:700}.ph-tab.on{color:#1a1923;color:lab(9.30543% 2.77898 -6.91725);background:#fff}.ph-tab-label{white-space:nowrap}.ph-tabs-3 .ph-tab.icon-only{flex:none;gap:4px;padding-left:12px;padding-right:12px}.ph-tabs-3 .ph-tab.icon-only .ph-tab-label{display:none}.ph-tabs-3 .ph-tab.on{flex:auto}.ph-tabs-labeled{max-width:460px}.ph-bar-pos{color:#ffffff8c;color:lab(100% 0 0/.55);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.ph-del-strip{gap:10px;margin:14px 0 4px;display:flex}.ph-del-thumb{aspect-ratio:4/3;border-radius:var(--r-md);width:50%;box-shadow:var(--e1);position:relative;overflow:hidden}.ph-del-img{border-radius:var(--r-md)}.ph-del-loc{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11101aa8;background:lab(5.10218% 2.19403 -6.11807/.66);border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:6px;left:6px}.ph-del-loc .msr{font-size:13px}.ph-keep{text-align:left;border-radius:var(--r-md);border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);cursor:pointer;width:100%;font-family:var(--font);color:var(--c-on-surface);transition:border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:13px;margin-top:16px;padding:12px 14px;display:flex}.ph-keep:hover{border-color:var(--c-outline)}.ph-keep:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.ph-keep.on{border-color:var(--c-primary);background:var(--c-primary-container);color:var(--c-on-primary-container)}.ph-keep-ic{background:var(--c-surface-container-high);width:40px;height:40px;color:var(--c-on-surface-variant);transition:background .2s var(--ease), color .2s var(--ease);border-radius:12px;flex:none;place-items:center;display:grid}.ph-keep.on .ph-keep-ic{background:var(--c-primary);color:var(--c-on-primary)}.ph-keep-tx{flex:1;min-width:0}.ph-keep-tx .t{letter-spacing:-.01em;font-size:14px;font-weight:800;display:block}.ph-keep-tx .s{color:var(--c-on-surface-variant);margin-top:2px;font-size:11.5px;font-weight:600;line-height:1.45;display:block}.ph-keep.on .ph-keep-tx .s{color:var(--c-on-primary-container);opacity:.82}.feat-gate-note{border-radius:var(--r-md);background:var(--c-tertiary-container);color:var(--c-on-tertiary-container);align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:12.5px;font-weight:700;line-height:1.55;display:flex}.feat-gate-note .msr{flex:none;font-size:18px}.mm-usage{gap:12px;margin-bottom:6px;display:flex}.mm-usage-card{border-radius:var(--r-md);background:var(--c-surface-container-lowest);flex:1;align-items:center;gap:11px;padding:13px 15px;display:flex}.mm-usage-ic{background:var(--c-secondary-container);width:38px;height:38px;color:var(--c-on-secondary-container);border-radius:11px;flex:none;place-items:center;display:grid}.mm-usage-label{color:var(--c-on-surface-variant);font-size:11.5px;font-weight:700}.mm-usage-val{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.mm-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.mm-row{border-radius:var(--r-md);background:var(--c-surface-container-lowest);align-items:center;gap:11px;padding:10px 12px;display:flex}.mm-ic{background:var(--c-surface-container-high);width:36px;height:36px;color:var(--c-primary);border-radius:999px;flex:none;place-items:center;display:grid}.mm-meta{flex:1;min-width:0}.mm-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.mm-sub{color:var(--c-on-surface-variant);margin-top:2px;font-size:11.5px;font-weight:600}.mm-loc{color:var(--c-on-surface-variant);flex:none;align-items:center;gap:4px;display:inline-flex}.mm-loc .msr{font-size:16px}.mm-del{cursor:pointer;width:36px;height:36px;color:var(--c-on-surface-variant);transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.mm-del:hover{background:var(--c-error-container);color:var(--c-error)}.mm-del:disabled{opacity:.5;cursor:default}
.sh-q{background:var(--c-surface-container-high);width:22px;height:22px;color:var(--c-on-surface-variant);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;left:8px}.sh-q .msr{font-size:15px}.sh-q:hover{background:var(--c-primary);color:var(--c-on-primary)}.import-mode.sel .sh-q{background:#fff9;background:lab(100% 0 0/.6)}.sh-lead{color:var(--c-on-surface-variant);text-wrap:pretty;margin:2px 0 0;font-size:13.5px;font-weight:600;line-height:1.65}.sh-lead b{color:var(--c-on-surface)}.sh-warnhead{letter-spacing:-.01em;color:var(--c-on-surface);align-items:center;gap:7px;margin:18px 0 12px;font-size:14px;font-weight:800;display:flex}.sh-warnhead .msr{color:#e08600;color:lab(64.5956% 32.9041 81.6318)}.sh-risk{border-radius:var(--r-md);background:var(--c-surface-container-lowest);align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.sh-risk+.sh-risk{margin-top:9px}.sh-risk-ic{background:var(--c-surface-container-high);width:40px;height:40px;color:var(--c-on-surface-variant);border-radius:999px;flex:none;place-items:center;display:grid}.sh-risk-tx{flex-direction:column;gap:3px;min-width:0;display:flex}.sh-risk-t{letter-spacing:-.01em;color:var(--c-on-surface);font-size:13.5px;font-weight:800}.sh-risk-d{color:var(--c-on-surface-variant);text-wrap:pretty;font-size:12.5px;font-weight:600;line-height:1.6}.sh-install-link{border-radius:var(--r-md);background:var(--c-secondary-container);width:100%;color:var(--c-on-secondary-container);letter-spacing:-.01em;cursor:pointer;text-align:left;transition:filter .15s var(--ease);border:none;align-items:center;gap:10px;margin-top:16px;padding:13px 15px;font-family:inherit;font-size:13.5px;font-weight:800;display:flex}.sh-install-link:hover{filter:brightness(.96)}.sh-install-link span{flex:1}.sh-install-link .msr:last-child{flex:none}.sh-platsw{gap:8px;margin:16px 0 4px;display:flex}.sh-plat{border-radius:var(--r-md);border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);color:var(--c-on-surface-variant);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 10px;font-family:inherit;font-size:13.5px;font-weight:800;display:inline-flex}.sh-plat:hover{border-color:var(--c-outline)}.sh-plat.on{border-color:var(--c-primary);background:var(--c-primary-container);color:var(--c-on-primary-container)}.sh-appline{color:var(--c-on-surface-variant);align-items:center;gap:7px;margin:14px 0 6px;font-size:12.5px;font-weight:700;display:flex}.sh-appline .msr{color:var(--c-primary)}.sh-appline b{color:var(--c-on-surface)}.sh-steps{margin:8px 0 4px;padding:0;list-style:none}.sh-step{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.sh-step+.sh-step{border-top:1px solid var(--c-outline-variant)}.sh-step-n{background:var(--c-primary);width:26px;height:26px;color:var(--c-on-primary);font-size:14px;font-weight:900;font-family:var(--display,var(--font));border-radius:999px;flex:none;place-items:center;display:grid}.sh-step-ic{color:var(--c-primary);flex:none;margin-top:1px}.sh-step-tx{flex-direction:column;gap:3px;min-width:0;display:flex}.sh-step-t{letter-spacing:-.01em;color:var(--c-on-surface);text-wrap:pretty;font-size:14px;font-weight:800}.sh-step-d{color:var(--c-on-surface-variant);text-wrap:pretty;font-size:12.5px;font-weight:600;line-height:1.6}