:root{--bg:#150f2b;--bg-2:#241a44;--fg:#fff;--fg-dim:#ffffffa8;--accent:#ffd400;--danger:#ff4d6d;--radius:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 0%, #2c1f52 0%, var(--bg) 60%);color:var(--fg);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Apple SD Gothic Neo,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.chip:focus-visible{border-radius:999px}.swatch:focus-visible{border-radius:999px}.seg-btn:focus-visible{border-radius:999px}.size-btn:focus-visible{border-radius:999px}.loop-toggle:focus-visible{border-radius:999px}.sheet-close:focus-visible{border-radius:999px}.big-cta:focus-visible{border-radius:16px}.sheet-done:focus-visible{border-radius:16px}.cap-swatch:focus-visible{border-radius:16px}.keycap-slot:focus-visible{border-radius:16px}.work-card:focus-visible{border-radius:16px}.sheet-tab:focus-visible{border-radius:16px}.bottom-nav-item:focus-visible{border-radius:16px}.screen{max-width:520px;padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;min-height:100dvh;margin:0 auto;display:flex}.app-shell{min-height:100dvh}.with-bottom-nav .screen{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.bar{align-items:center;gap:12px;display:flex}.bar h1{margin:0;font-size:20px}.bar-back{color:var(--fg-dim);padding:8px 4px;font-size:17px}.row-label{color:var(--fg-dim);margin:4px 0;font-size:15px}.note{color:var(--fg-dim);margin:0;font-size:14px;line-height:1.5}.warn{color:var(--danger);font-size:15px;font-weight:700}.guide{color:var(--fg-dim);text-align:center;margin:0;font-size:15px}.chip{background:#ffffff17;border-radius:999px;min-height:52px;padding:10px 16px;font-size:16px;font-weight:600;transition:transform .12s,background .12s}.chip:active{transform:scale(.95)}.chip.on{background:var(--accent);color:#241a44}.chip.primary{color:#10352a;background:#3dd6a0}.chip.big{flex:1;min-height:64px;font-size:18px}.chip.wide{width:100%}.chip:disabled{opacity:.4}.chip.danger-solid{background:var(--danger);color:#3d0511;font-weight:800}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.big-cta{border-radius:var(--radius);color:#2b1a00;background:linear-gradient(#ffd400,#ff9f1c);justify-content:center;align-items:center;gap:10px;width:100%;min-height:76px;font-size:22px;font-weight:800;transition:transform 90ms,box-shadow 90ms;display:flex;box-shadow:0 8px #b96f00}.big-cta:active{transform:translateY(6px);box-shadow:0 2px #b96f00}.big-cta:disabled{opacity:.6}.big-cta-plus{font-size:30px}.big-cta.bottom{margin-top:auto}.progress{background:#ffffff1f;border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width 80ms linear}.home-head{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.04em;margin:0;font-size:23px}.nick{color:var(--fg-dim);margin:0;font-size:14px}.profile-menu{z-index:20;position:relative}.profile-trigger{border-radius:50%;place-items:center;width:48px;height:48px;padding:2px;display:grid}.profile-trigger[aria-expanded=true]{background:#ffd4001f}.profile-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.profile-menu-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.profile-dropdown{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;background:#1e1539fa;border:1px solid #ffffff24;border-radius:18px;width:min(250px,100vw - 32px);padding:10px;animation:.13s ease-out profile-menu-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #0000006b}@keyframes profile-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}}.profile-dropdown-user{border-bottom:1px solid #ffffff17;align-items:center;gap:10px;min-width:0;padding:5px 6px 11px;display:flex}.profile-dropdown-user .profile-avatar{width:38px;height:38px;font-size:15px}.profile-dropdown-user>span{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-dropdown-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.profile-dropdown-user small{color:var(--fg-dim);font-size:11px}.profile-menu-item{text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:7px;padding:0 10px;font-size:14px;font-weight:750;display:flex}.profile-menu-item:active{background:#ffffff1a}.profile-menu-icon{width:28px;height:28px;color:var(--accent);background:#ffd40024;border-radius:9px;place-items:center;font-size:17px;display:grid}.profile-menu-icon.guide{color:#72e7bf;background:#41d3a424;font-size:15px;font-weight:900}.guide-screen{gap:18px}.guide-bar{min-height:36px}.guide-hero{background:radial-gradient(circle at 88% 20%,#ffd40033,#0000 30%),linear-gradient(145deg,#493572f2,#241a44f2);border:1px solid #ffd4002e;border-radius:24px;padding:22px 20px;overflow:hidden;box-shadow:0 18px 42px #0000002e}.guide-hero h1{letter-spacing:-.05em;margin:2px 0 6px;font-size:30px}.guide-hero>p:last-child{color:var(--fg-dim);margin:0;font-size:15px;line-height:1.6}.guide-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.guide-step{content-visibility:auto;contain-intrinsic-size:180px;background:#ffffff0f;border:1px solid #ffffff17;border-radius:20px;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:16px;display:grid}.guide-step-number{width:54px;height:62px;color:var(--accent);background:linear-gradient(155deg,#ffd40033,#ff9f1c1a);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.guide-step-number span{font-size:10px;font-weight:900}.guide-step-number b{font-size:22px;line-height:1}.guide-step-copy h2{margin:1px 0 6px;font-size:17px}.guide-step-copy p{color:#ffffffd1;margin:0;font-size:14px;line-height:1.6}.guide-step-copy small{color:#ffe36c;border-top:1px solid #ffffff14;margin-top:9px;padding-top:8px;font-size:12px;line-height:1.5;display:block}.guide-account{background:#41d3a41c;border-radius:20px;align-items:flex-start;gap:12px;padding:16px;display:flex}.guide-account>span{color:#72e7bf;background:#41d3a42e;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.guide-account h2{margin:1px 0 5px;font-size:16px}.guide-account p{color:var(--fg-dim);margin:0;font-size:13px;line-height:1.55}.guide-create{min-height:72px}.profile-avatar{width:44px;height:44px;color:var(--accent);object-fit:cover;background:linear-gradient(145deg,#493572,#241a44);border:2px solid #ffd40073;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}.profile-screen{gap:18px}.app-version{color:#ffffff61;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;-webkit-user-select:text;user-select:text;margin-top:auto;font-size:11px;font-weight:700}.profile-card,.account-card{background:#ffffff12;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:0 16px 42px #00000029}.profile-avatar-button{min-width:116px;min-height:116px;color:var(--fg-dim);background:#ffffff0e;border-radius:24px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.profile-avatar-button .profile-avatar{width:70px;height:70px;font-size:28px}.stage-avatar-setting{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:14px;display:grid}.stage-avatar-copy{min-width:0}.stage-avatar-copy strong{margin-bottom:5px;font-size:14px;display:block}.stage-avatar-copy p,.stage-avatar-help{color:var(--fg-dim);margin:0;font-size:12px;line-height:1.55}.stage-avatar-help{color:#ffd96a;grid-column:1/-1}.privacy-switch{background:#ffffff2e;border-radius:999px;flex:none;width:54px;height:32px;transition:background .16s;position:relative}.privacy-switch>span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .16s;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #0000004d}.privacy-switch.active{background:#41d3a4}.privacy-switch.active>span{transform:translate(22px)}.privacy-switch:disabled{cursor:not-allowed;opacity:.42}.profile-save{min-height:62px;margin-top:2px}.account-card h2{margin:-10px 0 0;font-size:21px}.account-card .note{color:var(--fg-dim);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}.seg.lang-seg{flex:none}.lang-seg .seg-btn{flex:1 1 0}.account-connected{color:#62e6b6;margin:0;font-size:16px;font-weight:800}.google-connect{color:#241a44;background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:58px;font-weight:800;display:flex}.google-connect>span{color:#4285f4;border:2px solid #4285f4;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.google-connect:disabled,.profile-save:disabled{cursor:wait;opacity:.65}.profile-message{color:#85f0cc;background:#3edaa724;border-radius:16px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.mission{border-radius:var(--radius);background:#ffffff14;margin:0;padding:14px 16px;font-size:16px;line-height:1.5}.mission-tag{background:var(--accent);color:#241a44;border-radius:999px;margin-right:8px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.my-works h2{margin:0 0 10px;font-size:17px}.empty{color:var(--fg-dim);font-size:15px}.work-list{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.work-list li{position:relative}.work-card{border-radius:var(--radius);text-align:left;background:#ffffff12;flex-direction:column;gap:6px;width:100%;padding:10px;display:flex}.work-thumb{aspect-ratio:16/10;background:var(--bg-2);object-fit:cover;border-radius:14px;width:100%}.work-title{font-size:15px;font-weight:700}.work-state{color:var(--fg-dim);font-size:12px}.work-delete{background:#00000080;border-radius:999px;width:32px;height:32px;font-size:14px;position:absolute;top:4px;right:4px}.feed{gap:20px}.feed-head{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:4px;display:flex}.feed-kicker{color:var(--accent);letter-spacing:.18em;margin:0 0 4px;font-size:11px;font-weight:900}.feed-head h1{margin:0;font-size:28px;line-height:1.2}.feed-head div>p:last-child{color:var(--fg-dim);margin:6px 0 0;font-size:14px}.feed-tools{flex-direction:column;gap:10px;display:flex}.feed-search{background:#ffffff12;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.feed-search-icon{opacity:.7;flex:none;font-size:16px}.feed-search input{min-width:0;min-height:52px;color:var(--fg);font:inherit;background:0 0;border:0;flex:1;font-size:16px}.feed-search input::placeholder{color:var(--fg-dim)}.feed-search input::-webkit-search-cancel-button{display:none}.feed-search-clear{background:#ffffff1a;border-radius:999px;flex:none;width:36px;height:36px;font-size:14px}.seg.feed-sort{flex:none}.feed-sort .seg-btn{flex:1 1 0}.feed-chips{flex-wrap:wrap;gap:8px;display:flex}.feed-filter-chip{min-height:44px;font-size:15px}.feed-status{min-height:20px;color:var(--fg-dim);margin:0;font-size:14px}.feed-more{padding:4px 0 8px}.feed-count{min-width:40px;height:40px;color:var(--accent);background:#ffd40024;border-radius:14px;place-items:center;font-weight:900;display:grid}.feed-list{flex-direction:column;gap:16px;display:flex}.feed-card{content-visibility:auto;contain-intrinsic-size:330px;background:#ffffff12;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;box-shadow:0 16px 36px #0000002e}.feed-card.featured{background:linear-gradient(160deg,#ffd4001c,#ffffff0f 46%);border-color:#ffd40052}.feed-cover{padding:10px 10px 0;position:relative}.feed-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 25% 30%,#ffd40040,#0000 28%),linear-gradient(135deg,#352867,#1d163b);border-radius:17px;width:100%;display:block;overflow:hidden}.feed-thumb img{object-fit:cover;width:100%;height:100%;display:block}.feed-thumb-fallback{color:#ffffff47;justify-content:center;align-items:center;width:100%;height:100%;font-size:44px;display:flex}.feed-badge,.feed-duration{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140d28c7;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;position:absolute;top:20px}.feed-badge{color:#79efc2;left:20px}.feed-duration{right:20px}.feed-card-body{align-items:flex-end;gap:12px;padding:15px;display:flex}.feed-card-copy{flex:1;min-width:0}.feed-author{color:var(--fg-dim);text-align:left;text-underline-offset:3px;margin:0;padding:2px 0;font-size:12px;-webkit-text-decoration:underline #ffffff38;text-decoration:underline #ffffff38;transition:color .12s}.feed-author:hover{color:var(--fg)}.feed-author-row{align-items:center;gap:8px;min-width:0;margin-bottom:7px;display:flex}.feed-author-row .profile-avatar{border-width:1px;width:30px;height:30px;font-size:12px}.feed-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;line-height:1.3;overflow:hidden}.feed-hint{color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:13px;overflow:hidden}.feed-replay-count{color:var(--fg-dim);align-items:center;gap:5px;margin:8px 0 0;font-size:12px;font-weight:800;display:flex}.feed-replay-count span{color:var(--accent);font-size:10px}.feed-replay{background:var(--accent);color:#261a00;border-radius:17px;justify-content:center;align-items:center;gap:6px;min-width:102px;min-height:52px;font-size:14px;font-weight:900;transition:transform 90ms,box-shadow 90ms;display:flex;box-shadow:0 5px #a76700}.feed-replay:active{transform:translateY(4px);box-shadow:0 1px #a76700}.feed-empty{text-align:center;background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:360px;padding:32px 24px;display:flex}.feed-empty-icon{width:68px;height:68px;color:var(--accent);background:#ffd4001f;border-radius:22px;place-items:center;font-size:34px;display:grid;transform:rotate(-6deg)}.feed-empty h2{margin:8px 0 0;font-size:20px}.feed-empty p{max-width:290px;color:var(--fg-dim);margin:0 0 10px;font-size:14px;line-height:1.6}.bottom-nav{z-index:15;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#181030eb;border:1px solid #ffffff1f;border-radius:26px;grid-template-columns:repeat(3,1fr);align-items:end;width:min(100% - 32px,440px);min-height:66px;padding:7px 10px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000073}.bottom-nav-item{min-height:56px;color:var(--fg-dim);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:800;display:flex}.bottom-nav-item>svg{fill:currentColor;width:23px;height:23px}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.create{color:var(--fg)}.bottom-nav-create-icon{color:#2b1a00;background:linear-gradient(#ffd400,#ff9f1c);border:4px solid #241a44;border-radius:18px;place-items:center;width:50px;height:50px;margin-top:-25px;display:grid;transform:rotate(5deg);box-shadow:0 7px 18px #ff9f1c4d}.bottom-nav-create-icon svg{fill:currentColor;width:25px;height:25px;transform:rotate(-5deg)}.keyboard-plate{background:linear-gradient(#372a63 0%,#221a42 100%);border-radius:24px;margin-block-start:auto;margin-block-end:auto;padding:13px 11px 11px;box-shadow:inset 0 1.5px #ffffff29,inset 0 -2px 6px #0006,0 12px 34px #00000080}.keycap-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:9px;display:grid}.keycap-column{flex-direction:column;gap:8px;display:flex}.loop-toggle{color:#ffffff73;background:#00000047;border-radius:14px;place-items:center;min-height:44px;font-size:19px;transition:background .14s,color .14s;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff24}.loop-toggle.is-on{color:#0d3b2c;background:#3dd6a0;box-shadow:inset 0 0 0 1.5px #ffffff80,0 0 12px #3dd6a099}.loop-toggle.is-pending{color:#eafff6;background:#3dd6a059;animation:.38s ease-in-out infinite alternate loop-wait}.loop-toggle .loop-icon{line-height:1}@keyframes loop-wait{0%{opacity:.45}to{opacity:1}}.bars{justify-content:center;gap:6px;display:flex}.bar-dot{background:#ffffff24;border-radius:999px;width:100%;max-width:34px;height:6px;transition:background .12s}.bar-dot.on{background:var(--accent)}.beat-pulse{justify-content:center;gap:14px;display:flex}.pulse-dot{background:#ffffff2e;border-radius:999px;width:10px;height:10px}.pulse-dot.on{background:#fff;transform:scale(1.5)}.keycap-slot{aspect-ratio:.8;padding:0}.keycap-slot:disabled{cursor:default}.keycap-slot.is-muted .keycap-unit{filter:saturate(.55)brightness(.78);transition:filter .2s}.keycap-unit{width:100%;height:100%;display:block;position:relative}.keycap{background: linear-gradient(90deg, #00000042 0%, #0000000a 12%, #ffffff0f 50%, #0000000f 88%, #0000004d 100%),  linear-gradient(180deg, #ffffff52 0%, #ffffff0a 30%, #0000000d 62%, #00000042 100%), var(--cap-color,#999);height:68%;transition:transform var(--rebound,.14s) var(--rebound-ease,ease-out), box-shadow var(--rebound,.14s) ease;border-radius:13% 13% 8% 8%/17% 17% 11% 11%;position:absolute;top:0;left:2%;right:2%;overflow:hidden;transform:translateY(0)scale(1);box-shadow:inset 0 1.5px #fff9,inset 0 -2px 3px #00000038,0 5px 0 -1px #00000052,0 9px 13px #00000073}.keycap.is-pressed{transform:translateY(var(--press-depth,8px)) scale(var(--press-scale,.96));transition-duration:45ms;box-shadow:inset 0 1.5px #ffffff80,inset 0 -2px 3px #0000003d,0 1px 0 -1px #00000052,0 3px 6px #00000073}.keycap-top{background:radial-gradient(130% 120% at 50% 130%,#00000024,#0000 62%),linear-gradient(#ffffff4d 0%,#ffffff0d 52%,#fff0 100%);border-radius:16%/24%;grid-template:100%/100%;place-items:center;display:grid;position:absolute;top:8%;bottom:24%;left:13%;right:13%;overflow:hidden;box-shadow:inset 0 -1px 2px #00000029}.keycap-gloss{pointer-events:none;background:linear-gradient(#fffffff2 0%,#ffffff80 45%,#fff0 100%);border-radius:999px;width:9%;height:62%;position:absolute;top:9%;left:9%;transform:rotate(5deg)}.keycap-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px #00000038);width:100%;height:100%}.cute-face{width:100%;height:100%;position:relative}.cf-eye{background:#261830d1;border-radius:50%;width:13%;height:22%;position:absolute;top:33%}.cf-eye.cf-left{left:25%}.cf-eye.cf-right{right:25%}.cf-blush{filter:blur(1px);background:#ff6e916b;border-radius:50%;width:15%;height:10%;position:absolute;top:53%}.cf-blush.cf-left{left:13%}.cf-blush.cf-right{right:13%}.cf-mouth{border-bottom:2px solid #261830d1;border-radius:0 0 60% 60%;width:16%;height:11%;position:absolute;top:50%;left:50%;transform:translate(-50%)}.keycap-housing{background:linear-gradient(#ffffff6b 0%,#ffffff24 38%,#ffffff4d 78%,#ffffff80 100%);border-radius:8% 8% 11% 11%;height:40%;position:absolute;bottom:0;left:6%;right:6%;box-shadow:inset 0 0 0 1.5px #ffffffb8,inset 0 -3px 6px #fff6,0 4px 9px #0000006b}.housing-slot{background:#ffffff38;border-radius:3px;height:42%;position:absolute;top:14%;left:22%;right:22%;box-shadow:inset 0 0 0 1px #ffffff73}.switch-stem{background:linear-gradient(#ffffffe6 0 0) 50%/100% 26% no-repeat,linear-gradient(#ffffffe6 0 0) 50%/26% 100% no-repeat;position:absolute;top:18%;bottom:18%;left:18%;right:18%}.switch-contact{opacity:.85;background:linear-gradient(#f5d98a,#c9a03c);border-radius:1px;width:14%;height:26%;position:absolute;top:34%}.switch-contact.left{left:-12%}.switch-contact.right{right:-12%}.housing-base{background:linear-gradient(#fff3 0%,#ffffff75 100%);border-radius:0 0 12% 12%;height:34%;position:absolute;bottom:0;left:-5%;right:-5%;box-shadow:inset 0 0 0 1.5px #fff9}.keycap-badge{filter:drop-shadow(0 1px 1px #0006);font-size:12px;position:absolute;top:3px;right:4px}.keycap-led{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#fffffff2,#0000 68%);position:absolute;top:0;bottom:0;left:0;right:0}.keycap.is-firing.motion-squish{animation:.38s cubic-bezier(.2,.9,.3,1) m-squish}.keycap.is-firing.motion-jump{animation:.42s cubic-bezier(.3,1.4,.4,1) m-jump}.keycap.is-firing.motion-shake{animation:.36s linear m-shake}.keycap.is-firing.motion-spin{animation:.52s cubic-bezier(.3,.9,.3,1) m-spin}.keycap.is-firing.motion-pop{animation:.38s cubic-bezier(.2,1.6,.4,1) m-pop}.keycap.is-firing.motion-melt{animation:.56s ease-in-out m-melt}@keyframes m-squish{0%{transform:scale(1)}35%{transform:scale(1.16,.78)translateY(6%)}70%{transform:scale(.94,1.08)}to{transform:scale(1)}}@keyframes m-jump{0%{transform:translateY(0)}40%{transform:translateY(-22%)scale(1.03)}70%{transform:translateY(4%)scale(.98,1.02)}to{transform:translateY(0)}}@keyframes m-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-7%)rotate(-4deg)}45%{transform:translate(6%)rotate(4deg)}70%{transform:translate(-4%)rotate(-2deg)}}@keyframes m-spin{0%{transform:rotate(0)scale(1)}60%{transform:rotate(340deg)scale(.92)}to{transform:rotate(360deg)scale(1)}}@keyframes m-pop{0%{transform:scale(1)}30%{transform:scale(1.28)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes m-melt{0%{border-radius:22px;transform:scaleY(1)}45%{border-radius:22px 22px 44% 44%;transform:scaleY(.62)translateY(18%)}to{border-radius:22px;transform:scaleY(1)}}.keycap.led-breath .keycap-led{animation:2.6s ease-in-out infinite led-breath}.keycap.led-rainbow .keycap-led{opacity:.55;mix-blend-mode:overlay;background:conic-gradient(#ff4d6d,#ffd400,#3dd6a0,#4cc9f0,#7b61ff,#ff4d6d);animation:3.4s linear infinite led-rainbow}.keycap.led-flash.is-firing .keycap-led{animation:.38s ease-out led-flash}.keycap.led-breath.is-firing .keycap-led,.keycap.led-rainbow.is-firing .keycap-led{animation:.32s ease-out led-flash,2.6s ease-in-out .32s infinite led-breath}@keyframes led-flash{0%{opacity:.95}to{opacity:0}}@keyframes led-breath{0%,to{opacity:.08}50%{opacity:.42}}@keyframes led-rainbow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.keycap.is-firing{animation-duration:1ms!important}.keycap-led{animation:none!important}}.keycap.mat-jelly{background:radial-gradient(120% 80% at 50% 15%, #ffffff9e, #fff0 60%), radial-gradient(90% 70% at 50% 100%, #ffffff57, #fff0 70%), linear-gradient(180deg, #ffffff38 0%, #00000024 100%), var(--cap-color,#999);box-shadow:inset 0 2px #ffffffd9,inset 0 -6px 10px #ffffff4d,0 5px 0 -1px #0000003d,0 9px 16px #0006}.keycap.mat-ice{background:repeating-linear-gradient(118deg, #ffffff29 0 3px, #fff0 3px 11px), linear-gradient(180deg, #e2f8ff8c 0%, #96cdeb38 100%), var(--cap-color,#999);box-shadow:inset 0 1.5px #fffffff2,inset 0 0 14px #beebff80,0 5px 0 -1px #00000047,0 9px 14px #0000006b}.keycap.mat-metal{background:linear-gradient(100deg, #ffffff0f 0%, #ffffff8c 18%, #00000038 34%, #ffffff61 55%, #00000047 78%, #ffffff4d 100%), var(--cap-color,#999);box-shadow:inset 0 1.5px #fff,inset 0 -3px 4px #0006,0 5px 0 -1px #0000006b,0 9px 13px #00000080}.keycap.mat-water{background:radial-gradient(80% 50% at 30% 22%, #fffc, #fff0 62%), linear-gradient(180deg, #8cdcff3d 0%, #1e78be6b 100%), var(--cap-color,#999);box-shadow:inset 0 2px #ffffffe6,inset 0 -8px 12px #00508c52,0 5px 0 -1px #00000042,0 9px 14px #0000006b}.keycap.mat-cotton{background:radial-gradient(70% 60% at 30% 25%, #ffffff80, #fff0 70%), radial-gradient(60% 50% at 75% 70%, #ffffff4d, #fff0 70%), var(--cap-color,#999);border-radius:30% 30% 26% 26%/34% 34% 28% 28%;box-shadow:inset 0 3px 8px #fff9,inset 0 -4px 10px #0000001a,0 6px 14px #0000004d}.keycap.mat-cotton .keycap-gloss{opacity:0}.keycap.mat-wood{background:repeating-linear-gradient(92deg, #5a321442 0 2px, #ffdcaa1a 2px 5px, #5a321429 5px 9px, #ffdcaa0f 9px 16px), linear-gradient(180deg, #ffe6be33 0%, #3c220c52 100%), var(--cap-color,#999);box-shadow:inset 0 1.5px #fff0d280,inset 0 -2px 3px #0000004d,0 5px 0 -1px #00000061,0 9px 12px #00000073}.keycap.mat-sand{background:radial-gradient(#ffffff4d .5px, #fff0 .6px) 0 0 / 4px 4px, radial-gradient(#00000038 .5px, #0000 .6px) 2px 2px / 5px 5px, linear-gradient(180deg, #fff0c838 0%, #5a411e4d 100%), var(--cap-color,#999);box-shadow:inset 0 1px #fff5d773,inset 0 -3px 5px #3c280a4d,0 4px 0 -1px #00000057,0 8px 11px #0000006b}.keycap.mat-sand .keycap-gloss{opacity:.35}.trace-layer{z-index:4;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.trace-stamp{opacity:0;will-change:opacity, scale, translate;position:absolute;translate:-50% -50%}.trace-stamp.trace-fade{animation:4.2s ease-out forwards trace-pop}.trace-stamp.trace-grow{animation:.9s cubic-bezier(.2,1.5,.4,1) forwards trace-bloom}.trace-stamp.trace-walk{animation:5.6s cubic-bezier(.25,.6,.3,1) forwards trace-walk}.trace-cat-paw,.trace-dog-paw,.trace-bird-foot,.trace-dino-foot,.trace-flame,.trace-bolt,.trace-star,.trace-flower{background-color:currentColor;background-image:radial-gradient(70% 55% at 36% 20%,#ffffff94,#fff0 66%),radial-gradient(75% 55% at 62% 92%,#00000042,#0000 66%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.trace-cat-paw{-webkit-mask-image:var(--paw);-webkit-mask-image:var(--paw);mask-image:var(--paw);--paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='17' cy='47' rx='11' ry='14' transform='rotate(-28 17 47)'/%3E%3Cellipse cx='38' cy='26' rx='11' ry='14.5' transform='rotate(-10 38 26)'/%3E%3Cellipse cx='62' cy='26' rx='11' ry='14.5' transform='rotate(10 62 26)'/%3E%3Cellipse cx='83' cy='47' rx='11' ry='14' transform='rotate(28 83 47)'/%3E%3Cpath d='M50 46C58 46 69 61 77 73C82 81 79 90 71 91C64 92 57 89 50 89C43 89 36 92 29 91C21 90 18 81 23 73C31 61 42 46 50 46Z'/%3E%3C/svg%3E")}.trace-dog-paw{-webkit-mask-image:var(--dog);-webkit-mask-image:var(--dog);mask-image:var(--dog);--dog:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='9' cy='27' rx='3.6' ry='5' transform='rotate(-32 9 27)'/%3E%3Cellipse cx='33' cy='6' rx='3.6' ry='5' transform='rotate(-13 33 6)'/%3E%3Cellipse cx='67' cy='6' rx='3.6' ry='5' transform='rotate(13 67 6)'/%3E%3Cellipse cx='91' cy='27' rx='3.6' ry='5' transform='rotate(32 91 27)'/%3E%3Cellipse cx='14' cy='45' rx='9.5' ry='13.5' transform='rotate(-30 14 45)'/%3E%3Cellipse cx='36' cy='23' rx='10' ry='14' transform='rotate(-13 36 23)'/%3E%3Cellipse cx='64' cy='23' rx='10' ry='14' transform='rotate(13 64 23)'/%3E%3Cellipse cx='86' cy='45' rx='9.5' ry='13.5' transform='rotate(30 86 45)'/%3E%3Cpath d='M50 49C59 49 71 60 78 71C84 80 81 90 73 90C68 90 65 86 60.5 87.5C56.5 88.8 57 93 50 93C43 93 43.5 88.8 39.5 87.5C35 86 32 90 27 90C19 90 16 80 22 71C29 60 41 49 50 49Z'/%3E%3C/svg%3E")}.trace-bird-foot{-webkit-mask-image:var(--bird);-webkit-mask-image:var(--bird);mask-image:var(--bird);--bird:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23000' stroke-width='11' stroke-linecap='round'%3E%3Cpath d='M50 62L50 11'/%3E%3Cpath d='M50 62L16 25'/%3E%3Cpath d='M50 62L84 25'/%3E%3Cpath d='M50 62L50 92'/%3E%3C/g%3E%3C/svg%3E")}.trace-dino-foot{-webkit-mask-image:var(--dino);-webkit-mask-image:var(--dino);mask-image:var(--dino);--dino:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M32 60C32 60 34 84 50 93C66 84 68 60 68 60Z'/%3E%3Cpath d='M37 66C37 44 43 20 50 8C57 20 63 44 63 66Z'/%3E%3Cpath d='M37 66C37 48 43 28 50 18C57 28 63 48 63 66Z' transform='rotate(-40 50 66)'/%3E%3Cpath d='M37 66C37 48 43 28 50 18C57 28 63 48 63 66Z' transform='rotate(40 50 66)'/%3E%3C/svg%3E")}.trace-star{-webkit-mask-image:var(--star);-webkit-mask-image:var(--star);mask-image:var(--star);--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 5L62.3 35.8L95.5 38.2L70 60L78.2 92.3L50 74.5L21.8 92.3L30 60L4.5 38.2L37.7 35.8Z'/%3E%3C/svg%3E")}.trace-flower{-webkit-mask-image:var(--flower);-webkit-mask-image:var(--flower);mask-image:var(--flower);--flower:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M38.8 34.6C26.4 -3 73.6 -3 61.2 34.6C93.1 11.2 107.7 56.1 68.1 55.9C100.2 79 62.1 106.7 50 69C37.9 106.7 -0.2 79 31.9 55.9C-7.7 56.1 6.9 11.2 38.8 34.6Z'/%3E%3C/svg%3E");background-image:radial-gradient(24% 24%,#0000006b,#0000 72%),radial-gradient(70% 55% at 32% 22%,#ffffff85,#fff0 64%),radial-gradient(75% 55% at 66% 90%,#0003,#0000 64%)}.trace-flame{-webkit-mask-image:var(--flame);-webkit-mask-image:var(--flame);mask-image:var(--flame);--flame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 96C31 96 16 82 16 64C16 46 30 34 36 20C38 15 39 9 38 4C52 12 63 26 63 40C63 47 61 52 58 56C60 46 66 36 71 28C80 40 86 54 86 66C86 83 69 96 50 96Z'/%3E%3C/svg%3E")}.trace-bolt{-webkit-mask-image:var(--bolt);-webkit-mask-image:var(--bolt);mask-image:var(--bolt);--bolt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M58 3L22 55L44 55L36 97L78 40L54 40Z'/%3E%3C/svg%3E")}.trace-my-stamp{filter:drop-shadow(0 2px 3px #00000080);background-position:50%;background-repeat:no-repeat;background-size:contain}@keyframes trace-pop{0%{opacity:0;scale:.45}6%{opacity:.8;scale:1.12}14%{opacity:.72;scale:1}78%{opacity:.72}to{opacity:0;scale:1.06}}@keyframes trace-bloom{0%{opacity:0;scale:.2}55%{opacity:.74;scale:1.16}to{opacity:.6;scale:1}}@keyframes trace-walk{0%{opacity:0;translate:-50% -50%;scale:.45}8%{opacity:.78;scale:1.08}16%{opacity:.7;scale:1}72%{opacity:.7}to{opacity:0;scale:.92;translate:calc(-50% + var(--walk-x,0px)) calc(-50% + var(--walk-y,0px))}}.secret-entry{background:#ffffff12;border-radius:18px;align-items:center;gap:10px;min-height:56px;padding:0 16px;font-size:16px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff24}.secret-entry-label{text-align:left;flex:1}.secret-entry-count{background:var(--accent);color:#241a44;border-radius:999px;min-width:30px;padding:3px 10px;font-size:14px;font-weight:800}.secret-list{flex-direction:column;gap:10px;display:flex}.secret-row{align-items:stretch;gap:8px;display:flex}.secret-row-main{text-align:left;background:#ffffff12;border-radius:16px;flex:1;align-items:center;gap:10px;min-height:60px;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff1f}.secret-dot{border-radius:7px;flex-shrink:0;width:20px;height:20px;box-shadow:inset 0 0 0 1.5px #ffffff80}.secret-seq{background:#00000038;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.secret-seq-empty{color:var(--fg-dim);font-size:14px}.secret-seq-step{align-items:center;gap:4px;display:inline-flex}.secret-seq-dot{color:#fff;text-shadow:0 1px 2px #000000b3;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff8c}.secret-seq-arrow{color:var(--fg-dim);font-size:14px}.secret-row-text{flex-direction:column;flex:1;gap:2px;display:flex}.secret-row-when{font-size:15px;font-weight:700}.secret-row-what{color:var(--fg-dim);font-size:13px}.secret-warn{background:var(--danger);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.secret-remove{color:var(--fg-dim);flex-shrink:0}.secret-add{min-height:56px}.secret-editor{flex-direction:column;gap:16px;display:flex}.secret-hint{color:var(--accent);background:#ffd4001f;border-radius:999px;margin:10px 0 0;padding:8px 14px;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1.5px #ffd40073}.secret-reveal-layer{z-index:30;pointer-events:none;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.secret-dim{z-index:3;pointer-events:none;background:#080414db;animation:2.4s ease-out forwards secret-dim;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes secret-dim{0%{opacity:0}10%,62%{opacity:1}to{opacity:0}}.secret-burst{aspect-ratio:1;background:radial-gradient(circle,#ffd400d9 0%,#ffd40059 38%,#ffd40000 70%);border-radius:999px;width:min(90vw,420px);animation:2.4s ease-out forwards secret-burst;position:absolute}.secret-reveal-body{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.secret-art{filter:drop-shadow(0 12px 30px #0000008c);width:min(62vw,260px);height:auto;animation:2.4s cubic-bezier(.2,1.5,.35,1) forwards secret-pop}.secret-found{background:#0c081ab8;border-radius:999px;margin:0;padding:7px 18px;font-size:20px;font-weight:900;animation:2.4s ease-out forwards secret-pop}@keyframes secret-burst{0%{opacity:0;scale:.2}12%{opacity:1;scale:1.05}70%{opacity:.5}to{opacity:0;scale:1.3}}@keyframes secret-pop{0%{opacity:0;scale:.4}14%{opacity:1;scale:1}78%{opacity:1}to{opacity:0;scale:.94}}@media (prefers-reduced-motion:reduce){.secret-burst,.secret-art,.secret-found{animation-name:secret-fade;scale:1}}@keyframes secret-fade{0%,to{opacity:0}10%,80%{opacity:1}}@media (prefers-reduced-motion:reduce){.trace-stamp{translate:-50% -50%;scale:1}.trace-stamp.trace-fade,.trace-stamp.trace-walk{animation-name:trace-calm}.trace-stamp.trace-grow{animation-name:trace-settle}}@keyframes trace-calm{0%,to{opacity:0}4%,86%{opacity:.5}}@keyframes trace-settle{0%{opacity:0}to{opacity:.6}}.sheet-backdrop{height:100vh;height:100dvh;padding-top:max(8px, env(safe-area-inset-top));z-index:20;background:#0000008c;align-items:flex-end;display:flex;position:fixed;top:auto;bottom:0;left:0;right:0}.sheet{background:var(--bg-2);width:100%;max-width:520px;padding:10px 16px calc(14px + env(safe-area-inset-bottom));max-height:92vh;border-radius:26px 26px 0 0;flex-direction:column;gap:12px;max-height:92dvh;margin:0 auto;display:flex;box-shadow:0 -12px 40px #00000073}.sheet-head,.sheet-tabs,.sheet-done{flex-shrink:0}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-title{font-size:19px;font-weight:800}.sheet-close{background:#ffffff1a;border-radius:999px;width:44px;height:44px;font-size:18px}.sheet-tabs{background:#00000038;border-radius:20px;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;display:grid}.sheet-tab{min-height:62px;color:var(--fg-dim);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 2px;font-size:13px;font-weight:700;transition:background .14s,color .14s,transform .14s;display:flex}.sheet-tab span{font-size:22px;line-height:1}.sheet-tab.on{background:var(--accent);color:#241a44;font-weight:800;transform:translateY(-1px);box-shadow:0 4px 12px #ffd40047}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;min-height:0;padding-bottom:4px;display:flex;overflow-y:auto}.sheet-done{border-radius:var(--radius);color:#06301f;background:linear-gradient(#4fe7b2,#2fc48f);min-height:64px;font-size:19px;font-weight:800;transition:transform 90ms,box-shadow 90ms;box-shadow:0 5px #1c8b63}.sheet-done:active{transform:translateY(4px);box-shadow:0 1px #1c8b63}.tab-art,.tab-sound,.tab-motion,.tab-feel,.tab-loop{flex-direction:column;gap:18px;display:flex}.sheet-field{flex-direction:column;gap:10px;display:flex}.sheet-field+.sheet-field{border-top:1px solid #ffffff17;padding-top:16px}.sheet-field-head{color:var(--fg);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.sheet-field-head span{font-size:18px;line-height:1}.sheet-field-head .sheet-field-step{background:var(--accent);color:#241a44;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;font-weight:800;display:inline-flex}.sheet-field-sub{color:var(--fg-dim);margin:4px 0 0;font-size:14px;font-weight:700}.stamp-field{flex-direction:column;gap:10px;display:flex}.cap-colors{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:10px;display:grid}.cap-swatch{aspect-ratio:1;border:3px solid #00000047;border-radius:14px;width:100%;max-width:54px;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 3px #ffffff73,inset 0 -4px 8px #0003,0 3px 8px #0000004d}.cap-swatch.on{border-color:var(--accent);transform:translateY(-3px)scale(1.06);box-shadow:0 0 0 3px #ffd40059,0 6px 12px #0006}.sheet-backdrop:has(.confirm){align-items:center;padding:20px}.sheet.confirm{border-radius:24px;gap:14px;padding:20px}.confirm-title{margin:0;font-size:19px;font-weight:800}.confirm-actions{gap:10px;display:flex}.confirm-actions .chip{flex:1}.draw{flex-direction:column;gap:12px;display:flex}.draw-pad{aspect-ratio:1;background:var(--cap-color,#fff);border-radius:22px;align-self:center;width:100%;max-width:min(100%,30vh);position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff80,inset 0 -6px 14px #0000002e,0 8px 18px #00000059}.draw-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.draw-pad-gloss{border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,#ffffff59 0%,#fff0 42%);position:absolute;top:0;bottom:0;left:0;right:0}.draw-tools{flex-direction:column;gap:10px;display:flex}.draw-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.undo-row{justify-content:flex-end}.palette{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:8px;transition:opacity .14s;display:grid}.palette.muted{opacity:.42}.swatch{border:3px solid #00000040;border-radius:999px;width:46px;height:46px;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:0 2px 6px #0000004d}.swatch.on{border-color:var(--accent);transform:scale(1.12);box-shadow:0 0 0 3px #ffd40059,0 2px 8px #0006}.seg{background:#00000040;border-radius:999px;flex:200px;gap:4px;padding:4px;display:flex}.seg-btn{min-height:48px;color:var(--fg-dim);white-space:nowrap;border-radius:999px;flex:1;padding:0 12px;font-size:15px;font-weight:700;transition:background .13s,color .13s}.seg-btn.on{background:var(--accent);color:#241a44;font-weight:800}.size-group{background:#00000040;border-radius:999px;flex:none;gap:4px;padding:4px;display:flex}.size-btn{border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .13s;display:flex}.size-btn.on{background:#ffffff29}.size-dot{background:var(--fg);border-radius:999px;display:block}.size-btn.on .size-dot{background:var(--accent)}.photo-trace{border-top:1px dashed #ffffff24;flex-direction:column;gap:8px;padding-top:10px;display:flex}.draw-pad-busy{border-radius:inherit;color:#fff;background:#00000073;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.gate-blocked{border-radius:var(--radius);border:2px solid var(--danger);background:#ff4d6d1f;padding:12px 14px}.gate-blocked p{margin:6px 0 0;font-size:15px;line-height:1.5}.chip.ghost{min-height:46px;color:var(--fg-dim);background:#ffffff12;padding:8px 14px;font-size:15px;font-weight:700}.chip.ghost.danger{color:#ffb3c0;background:#ff4d6d24}.recorder{border-radius:var(--radius);background:#ffffff0f;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex}.rec-button{border-radius:var(--radius);background:var(--danger);justify-content:center;align-items:center;gap:12px;width:100%;min-height:68px;font-size:19px;font-weight:800;display:flex}.rec-dot{background:#fff;border-radius:999px;width:20px;height:20px}.rec-count{font-size:72px;font-weight:900}.rec-live{place-items:center;gap:8px;display:grid}.rec-ring{background:var(--danger);border-radius:999px;width:90px;height:90px;transition:transform 60ms linear}.rec-review{flex-direction:column;align-items:center;gap:8px;display:flex}.rec-size,.rec-hint{color:var(--fg-dim);margin:0;font-size:14px}.demo-stage{place-items:center;padding:12px;display:grid}.demo-unit{width:104px;height:133px}.demo-slot{background:0 0;padding:0}.toggle{border-radius:var(--radius);background:#ffffff14;align-items:center;gap:12px;width:100%;min-height:64px;padding:0 16px;font-size:17px;font-weight:700;display:flex}.toggle .toggle-knob{background:#fff3;border-radius:999px;flex:none;width:52px;height:30px;position:relative}.toggle .toggle-knob:after{content:"";background:#fff;border-radius:999px;width:24px;height:24px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle.on .toggle-knob{background:#3dd6a0}.toggle.on .toggle-knob:after{transform:translate(22px)}.record-cta{border-radius:var(--radius);background:var(--danger);justify-content:center;align-items:center;gap:12px;min-height:84px;font-size:22px;font-weight:800;display:flex;box-shadow:0 8px #a52a44}.record-cta:active{transform:translateY(6px);box-shadow:0 2px #a52a44}.record-dot{background:#fff;border-radius:999px;width:24px;height:24px}.countdown{text-align:center;font-size:96px;font-weight:900;animation:.4s ease-out m-pop}.live-hint{text-align:center;flex-direction:column;gap:4px;font-size:17px;font-weight:700;display:flex}.press-count{color:var(--fg-dim);font-size:14px;font-weight:500}.playback{flex-direction:column;gap:12px;display:flex}.view>.done-row,.view>.big-cta{margin-bottom:auto}.performance-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.performance-controls .chip{min-width:0;padding-inline-start:12px;padding-inline-end:12px}.performance-pause{color:#ffe45e;background:#ffd4002e}.performance-stop{color:#ff8da2;background:#ff4d6d29}.done-row{flex-direction:column;gap:10px;display:flex}.done-msg{text-align:center;margin:0;font-size:20px;font-weight:800}.field{flex-direction:column;gap:6px;font-size:15px;display:flex}.field input{border-radius:var(--radius);min-height:60px;color:var(--fg);background:#ffffff0f;border:2px solid #ffffff24;padding:0 16px;font-size:18px}.field em{color:var(--fg-dim);align-self:flex-end;font-size:12px;font-style:normal}.share-done{border-radius:var(--radius);background:#ffffff12;flex-direction:column;gap:10px;padding:14px;display:flex}.share-link{word-break:break-all;color:var(--accent);font-size:14px}.sheet.gate{max-height:92vh}.gate-block{border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;padding-bottom:6px;display:flex}.gate-list{margin:0;padding-left:20px;font-size:15px;line-height:1.7}.gate-options{flex-direction:column;gap:8px;display:flex}.gate-option{text-align:left;background:#ffffff12;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 2px #0000}.gate-option.on{background:#3dd6a02e;box-shadow:inset 0 0 0 2px #3dd6a0}.gate-option strong{font-size:16px}.gate-option span{color:var(--fg-dim);font-size:13px}.gate-check{align-items:flex-start;gap:12px;padding:4px 0;font-size:14px;line-height:1.6;display:flex}.gate-check input{accent-color:#3dd6a0;flex:none;width:26px;height:26px;margin-top:2px}.gate-actions{gap:10px;display:flex}.gate-actions .sheet-done{flex:1}.gate-actions .sheet-done:disabled{opacity:.4}.view-head{text-align:center}.view-head h1{margin:0 0 6px;font-size:24px}.view-head .hint{color:var(--fg-dim);margin:0 0 4px;font-size:16px}.view-back{align-items:center;gap:4px;margin:0 auto 10px 0;display:flex}.seg.feed-scope{flex:none}.feed-scope .seg-btn{flex:1 1 0}.group-stage{flex-direction:column;gap:20px;display:flex}.feed-tags{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;display:flex}.feed-mine-badge{color:var(--accent);background:#ffd40024;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.feed-listened-badge{color:#79efc2;background:#79efc224;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.feed-card.feed-listened{opacity:.72}.feed-author-static{color:var(--fg-dim);margin:0;padding:2px 0;font-size:12px}.seg.join-mode{flex:none}.join-mode .seg-btn{flex:1 1 0}.join-group-panel{flex-direction:column;gap:14px;display:flex}.group-picker-more{margin-top:18px}.group-created{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 8px 4px;display:flex}.group-created-code{border-radius:var(--radius);color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.08em;background:#ffd40014;border:2px dashed #ffd40066;margin:0;padding:18px 10px;font-size:32px;font-weight:900}.group-stage-actions{flex-direction:column;flex:none;align-items:flex-end;gap:10px;display:flex}.group-invite{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.group-invite-code{border-radius:var(--radius);color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;background:#ffd40014;border:2px dashed #ffd40066;margin:0;padding:6px 10px;font-size:16px;font-weight:900}.group-invite .warn{text-align:right;margin:0;font-size:12px}.group-delete-confirm{border-radius:var(--radius);border:2px solid var(--danger);background:#ff4d6d1a;flex-direction:column;gap:8px;margin:12px 0;padding:16px;display:flex}.group-delete-confirm h2{margin:0;font-size:18px;font-weight:800}.group-delete-confirm p{margin:0;font-size:15px;line-height:1.5}.group-delete-actions{gap:10px;margin-top:4px;display:flex}.group-delete-actions .chip{flex:1}