:root{--bg: #08080f;--panel: #1a1a28;--text: #eeeef8;--muted: #9090b0;--accent: #22c55e;--fx-0: #45c522;--fx-1: #22c55e;--fx-2: #22c5bd;--fx-3: #3522c5;--fx-4: #b022c5;--accent-2: #ef4444;--btn-text: #052e16;--bg-grad1: #11111c;--surface: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .17);--b1: #272738;--b2: #32324a;--card2: #20202e;--mono: "Courier New", ui-monospace, monospace;--nav-bg: rgba(17, 17, 28, .72);--nav-current-bg: rgba(255, 255, 255, .08);--control-bg: rgba(255, 255, 255, .06);--icon-bg: rgba(255, 255, 255, .06);--icon-bg-hover: rgba(255, 255, 255, .1);--icon-border: rgba(255, 255, 255, .09);--icon-border-hover: rgba(255, 255, 255, .16)}[data-theme=dark]{color-scheme:dark;--bg: #08080f;--panel: #1a1a28;--text: #eeeef8;--muted: #9090b0;--accent: #22c55e;--fx-0: #45c522;--fx-1: #22c55e;--fx-2: #22c5bd;--fx-3: #3522c5;--fx-4: #b022c5;--accent-2: #ef4444;--btn-text: #052e16;--bg-grad1: #11111c;--surface: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .17);--b1: #272738;--b2: #32324a;--card2: #20202e;--nav-bg: rgba(17, 17, 28, .72);--nav-current-bg: rgba(255, 255, 255, .08);--control-bg: rgba(255, 255, 255, .06);--icon-bg: rgba(255, 255, 255, .06);--icon-bg-hover: rgba(255, 255, 255, .1);--icon-border: rgba(255, 255, 255, .09);--icon-border-hover: rgba(255, 255, 255, .16)}[data-theme=light]{color-scheme:light;--bg: #ffffff;--panel: #f7fafc;--text: #0f172a;--muted: #475569;--accent: #16a34a;--fx-0: #34a316;--fx-1: #16a34a;--fx-2: #16a39c;--fx-3: #2716a3;--fx-4: #9016a3;--accent-2: #dc2626;--btn-text: #052e16;--bg-grad1: #f2f7ff;--surface: linear-gradient(180deg, rgba(15, 23, 42, .02), rgba(15, 23, 42, 0));--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .2);--nav-bg: rgba(255, 255, 255, .8);--nav-current-bg: rgba(15, 23, 42, .08);--control-bg: rgba(15, 23, 42, .06);--icon-bg: rgba(15, 23, 42, .06);--icon-bg-hover: rgba(15, 23, 42, .1);--icon-border: rgba(15, 23, 42, .12);--icon-border-hover: rgba(15, 23, 42, .2);--b1: #eef1f6;--b2: #dce1ea;--card2: #f3f6fb;--mono: "Courier New", ui-monospace, monospace}[data-theme=alt]{color-scheme:dark;--bg: #0a0a12;--panel: #12121e;--text: #e6e9ff;--muted: #a3a9c7;--accent: #7c3aed;--fx-0: #3a60ed;--fx-1: #7c3aed;--fx-2: #e43aed;--fx-3: #ed4f3a;--fx-4: #edd63a;--accent-2: #22d3ee;--btn-text: #ffffff;--bg-grad1: #15152a;--surface: linear-gradient(180deg, rgba(230, 233, 255, .06), rgba(230, 233, 255, 0));--border: rgba(230, 233, 255, .16);--border-strong: rgba(230, 233, 255, .24);--nav-bg: rgba(10, 10, 18, .76);--nav-current-bg: rgba(230, 233, 255, .1);--control-bg: rgba(230, 233, 255, .08);--icon-bg: rgba(230, 233, 255, .08);--icon-bg-hover: rgba(230, 233, 255, .14);--icon-border: rgba(230, 233, 255, .16);--icon-border-hover: rgba(230, 233, 255, .24);--b1: #272738;--b2: #32324a;--card2: #20202e;--mono: "Courier New", ui-monospace, monospace}#circuit{--accent: #7c6af7;--fx-0: #6aaaf7;--fx-1: #7c6af7;--fx-2: #ce6af7;--fx-3: #f76a7b;--fx-4: #f7c36a;--accent-2: #ff5566;--btn-text: #0b0f19}:root[data-theme=custom] #circuit{--accent: inherit;--accent-2: inherit;--btn-text: inherit}:root{--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--card-pad: clamp(.9rem, .72rem + .7vw, 1.35rem);--stack: var(--sp-4)}.cz-num{font-family:var(--mono);font-variant-numeric:tabular-nums}.cz-tabs{display:inline-flex;gap:2px;background:var(--b1);border-radius:9px;padding:2px;flex-wrap:wrap}.cz-tab{padding:7px 16px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:.12s;font-family:inherit}.cz-tab:hover:not(.cz-on){color:var(--text);background:#7f7f7f1f}.cz-tab.cz-on{background:var(--accent);color:var(--btn-text);box-shadow:0 2px 8px #7c6af74d}.cz-chip{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--b2);color:var(--muted);background:transparent;transition:.12s;font-family:inherit;display:inline-flex;align-items:center;gap:5px}.cz-chip:hover:not(.cz-on){color:var(--text)}.cz-chip.cz-on{color:#fff;border-color:transparent}.cz-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}@keyframes czIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cz-pane{animation:czIn .18s ease both}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.cz-pane{animation:none}}@keyframes czGoalPop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes czGoalCheer{0%{opacity:0;transform:translateY(4px) scale(.85)}45%{opacity:1;transform:translateY(0) scale(1.06)}to{opacity:1;transform:none}}.cz-goal-pop{display:inline-block;animation:czGoalPop .5s cubic-bezier(.22,1,.36,1)}.cz-goal-cheer{display:inline-block;animation:czGoalCheer .45s ease-out}@media(prefers-reduced-motion:reduce){.cz-goal-pop,.cz-goal-cheer{animation:none}}.cz-ex-grid{display:flex;flex-direction:column;gap:6px}.cz-ex-sheet{display:flex;flex-wrap:wrap;gap:.85rem;align-items:flex-start}.cz-ex-col{flex:1 1 160px;min-width:150px;max-width:280px;display:flex;flex-direction:column}.cz-board-total{display:none}@media(max-width:560px){.cz-ex-col{flex-basis:100%;max-width:none;min-width:0}.cz-sheet-hint,.cz-board-bar{display:none}.cz-board-total{display:inline;margin-left:auto}.cz-board-name{flex:1 1 auto!important;width:auto!important}.cz-board-row{gap:.4rem!important}.cz-board-avg{display:none}.cz-board-days{margin-left:1.9rem!important}.cz-board-dayhead{display:none!important}.cz-monthgrid{gap:3px!important}.cz-monthcell{aspect-ratio:auto!important;min-width:0!important;min-height:46px!important;padding:3px 4px!important}.admin-member-row{flex-wrap:wrap;row-gap:.25rem}.admin-member-user{width:auto!important;min-width:0}}@media(max-width:640px){.section-title{font-size:1.35rem}.cz-subtitle{display:none}.cz-tabs{display:flex;flex-wrap:nowrap;gap:3px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:2px;margin-right:-14px;padding-right:14px}.cz-tabs::-webkit-scrollbar{display:none}.cz-tab{min-height:40px;padding:8px 6px;font-size:.8rem;scroll-snap-align:start;flex:0 0 auto}.cz-slot{padding:10px 12px}.cz-slot-body{gap:.5rem}.cz-slot-body input{min-width:84px;min-height:44px;font-size:1.05rem}.cz-slot-btn,.cz-handle{opacity:.4}.cz-slot-btn{min-width:34px;min-height:34px}.cz-handle{display:none}.cz-slot-name{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-slot{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.6rem;padding:6px 10px}.cz-slot-head{min-width:0;margin:0!important}.cz-slot-body{margin:0!important}.cz-slot-meta{grid-column:1 / -1;margin-top:2px!important}.cz-tab-log .cz-head .section-title,.cz-tab-log .cz-head .cz-subtitle,#circuit[data-tab=log] .cz-head .section-title,#circuit[data-tab=log] .cz-head .cz-subtitle{display:none!important}.cz-sheet-head{margin:0 0 .35rem!important}.cz-add-slot{min-height:40px}.cz-tap{min-height:38px!important;min-width:38px!important;display:inline-flex!important;align-items:center;justify-content:center}.cz-chip{min-height:34px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-height:40px}.cz-tabs~span .btn-ghost{display:none!important}.cz-toolbar .cz-tabs{flex:1 1 100%;min-width:0}.cz-tabs{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%)}.cz-tabs.cz-scroll-end{-webkit-mask-image:none;mask-image:none}.card{padding:1rem}.cz-chat{grid-template-columns:1fr;height:calc(100dvh - 334px);min-height:14rem}.cz-chat-form input{min-height:44px}.cz-tab-chat .cz-head,.cz-tab-chat .cz-toolbar{display:none!important}.cz-tab-chat .cz-chat{height:calc(100dvh - 180px)}}.notif-wrap{position:relative;flex:0 0 auto}.notif-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--icon-border, rgba(127, 127, 127, .16));background:var(--icon-bg, rgba(127, 127, 127, .08));color:inherit;font-size:1rem;cursor:pointer}.notif-btn:hover{background:var(--icon-bg-hover, rgba(127, 127, 127, .14))}.notif-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent-2, #ff5566);color:#fff;font-size:.66rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:200;width:min(310px,calc(100vw - 24px));max-height:60vh;overflow-y:auto;padding:6px;border-radius:12px;border:1px solid var(--border, rgba(127, 127, 127, .2));background:var(--panel, #1a1a28);box-shadow:0 12px 32px #00000059}@media(max-width:640px){.notif-panel{position:fixed;top:calc(var(--nav-h, 60px) + 8px);left:10px;right:10px;width:auto}}.notif-head{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.6;padding:6px 8px}.notif-empty{margin:0;padding:8px;font-size:.85rem}.notif-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:9px;color:inherit;text-decoration:none;min-height:44px}.notif-item:hover{background:var(--b1, rgba(127, 127, 127, .1))}.notif-ic{flex:0 0 auto;font-size:1rem}.notif-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.notif-title{font-size:.85rem;font-weight:600}.notif-detail{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnav-item{position:relative}.mnav-pip{position:absolute;top:4px;left:50%;margin-left:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent-2, #ff5566);color:#fff;font-size:.6rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.cz-person{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:10px;transition:background .12s}.cz-person:hover{background:var(--b1, rgba(127, 127, 127, .08))}.cz-person-main{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;color:inherit;text-decoration:none}.cz-person-av{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;background:var(--b2, rgba(127, 127, 127, .25));color:var(--text, #eeeef8)}.cz-person-online{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--accent, #22c55e);border:2px solid var(--bg, #0b0f19)}.cz-person-online[data-status=away]{background:transparent;box-shadow:inset 0 0 0 2px var(--accent, #22c55e)}.cz-person-online.has-mark{right:-5px;bottom:-5px;width:20px;height:20px;background:none;border:0;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55))}.cz-person-online.has-mark img{display:block;width:100%;height:100%}.cz-person-online.has-mark[data-status=away]{box-shadow:none;opacity:.55;outline:2px solid color-mix(in srgb,var(--accent, #22c55e) 70%,transparent);outline-offset:-1px;border-radius:50%}.profile-call{display:grid;gap:.55rem}.profile-call-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.profile-call-tier{font-size:.78rem}.profile-call-actions{display:flex;flex-wrap:wrap;gap:.4rem}.profile-call-note{margin:0;font-size:.82rem}.profile-call-guests{display:grid;gap:.45rem;border-top:1px solid var(--border);padding-top:.5rem}.profile-call-invite{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.profile-call-invite input{flex:1 1 8rem;min-width:0}.profile-call-list{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.profile-call-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.88rem}.nav-menu-note{margin:.1rem 0 .4rem;padding:0 .15rem;font-size:.72rem;line-height:1.35}.cz-person-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.cz-person-name{font-weight:700;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-person-handle{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-person-actions{flex:0 0 auto;display:inline-flex;gap:.3rem}.cz-person-actions .btn{font-size:.78rem;padding:.3rem .6rem}.cz-chat{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:.75rem;min-height:0;height:clamp(26rem,calc(100dvh - var(--nav-h, 60px) - 13rem),62rem)}.cz-chat-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0;padding-right:2px;overscroll-behavior:contain}.cz-chat-thread{display:flex;flex-direction:column;gap:.5rem;min-height:0}.cz-thread-empty{margin:auto;font-size:.85rem}.cz-conv{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .12s}.cz-conv:hover{background:var(--b1, rgba(127, 127, 127, .08))}.cz-conv.is-open{background:var(--card2, rgba(127, 127, 127, .16))}.cz-conv-ic{font-size:1.15rem;flex:0 0 auto}.cz-conv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cz-conv-top{display:flex;align-items:baseline;gap:.4rem}.cz-conv-name{flex:1;min-width:0;font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-conv-when{flex:0 0 auto;font-size:.68rem}.cz-conv-last{display:block;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-conv-badge{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent, #7c6af7);color:var(--btn-text, #fff);font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.cz-thread-head{display:flex;align-items:center;gap:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--b1, rgba(127, 127, 127, .18))}.cz-thread-back{display:none;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:8px;background:var(--b1, rgba(127, 127, 127, .1));color:inherit;font-size:1.3rem;line-height:1;cursor:pointer}.cz-thread-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vis-picker{display:flex;flex-direction:column;gap:var(--sp-1, .25rem)}.vis-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.vis-opts{display:flex;flex-wrap:wrap;gap:var(--sp-1, .25rem)}.vis-opt{font:inherit;font-size:.78rem;font-weight:600;padding:.25rem .6rem;min-height:32px;border-radius:var(--r-pill, 999px);border:1px solid var(--b2, rgba(127, 127, 127, .3));background:transparent;color:var(--text, #eeeef8);cursor:pointer;transition:background .12s,border-color .12s}.vis-opt:hover:not(:disabled){border-color:var(--accent, #7c6af7)}.vis-opt.is-on{background:var(--accent, #7c6af7);border-color:transparent;color:var(--btn-text, #fff)}.vis-opt:disabled{opacity:.55;cursor:default}.vis-hint{margin:0;font-size:.75rem;line-height:1.4}.cz-menu-tool{display:inline-flex;align-items:center;flex:0 0 auto;margin-right:.15rem}.cz-menu-tool select{font-size:.78rem;padding:.15rem .35rem;max-width:10rem}.vis-always{margin:0;font-size:.72rem;line-height:1.35;opacity:.72;padding-top:.15rem;border-top:1px dashed var(--b1, rgba(127, 127, 127, .18))}.call-dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--bottom-guard) + var(--kb) + var(--pin-gap));z-index:900000;display:flex;align-items:center;gap:var(--sp-2, .5rem);max-width:min(92vw,26rem);padding:.4rem .6rem;border-radius:var(--r-pill, 999px);background:var(--panel, #1a1a28);border:1px solid var(--border, rgba(127, 127, 127, .25));box-shadow:0 8px 26px #00000061;will-change:transform}.call-dock-who{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;overflow:hidden;line-height:1.2;color:inherit;text-decoration:none}.call-dock-who>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-dock>.btn,.call-dock .call-vol,.call-dock-shareerr{flex-shrink:0}.call-dock-who:hover strong{text-decoration:underline}.call-vol{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto;font-size:.75rem}.call-vol input[type=range]{width:56px;accent-color:var(--accent, #7c6af7)}.call-dock-who strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-dock-who .muted{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-dock .btn{font-size:.78rem;padding:.15rem .55rem;min-height:32px;flex:0 0 auto}.cz-conv-voice{flex:0 0 auto;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:var(--r-pill, 999px);color:var(--grn, #22cc78);background:color-mix(in srgb,var(--grn, #22cc78) 16%,transparent);border:1px solid color-mix(in srgb,var(--grn, #22cc78) 40%,transparent);white-space:nowrap}.voice-wrap{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.4rem}.voice-audio{display:flex;flex-direction:column;gap:.3rem;padding:var(--sp-2, .5rem);border:1px solid var(--b1, rgba(127, 127, 127, .18));border-radius:var(--r-md, 12px);background:var(--b1, rgba(127, 127, 127, .06))}.voice-row{display:flex;align-items:center;gap:.4rem;font-size:.76rem}.voice-row-label{flex:0 0 auto;min-width:7rem;font-size:.76rem;font-weight:600}.voice-row input[type=range]{flex:1;min-width:60px;accent-color:var(--accent, #7c6af7)}.voice-row-val{flex:0 0 auto;min-width:4.2rem;text-align:right;font-size:.72rem;opacity:.75}.voice-hint{margin:0;font-size:.72rem;line-height:1.35}.voice-talking,.call-dock-talking{color:var(--grn, #22cc78);font-weight:700;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-row-label.is-talking{color:var(--grn, #22cc78)}.voice-row-label.is-talking:before{content:"🗣 "}.mic-meter{position:relative;flex:1;min-width:60px;height:8px;border-radius:var(--r-pill, 999px);background:var(--b2, rgba(127, 127, 127, .28));overflow:hidden}.mic-meter-fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--grn, #22cc78);transition:background .12s}.mic-meter-fill[data-open="0"]{background:var(--b2, rgba(127, 127, 127, .5))}.mic-meter-mark{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text, #eeeef8);opacity:.85}@media(max-width:640px){[data-page=chat] #chat.card{position:fixed;top:var(--nav-h, 52px);left:0;right:0;bottom:calc(var(--bottom-guard) + var(--kb));margin:0;border:0;border-radius:0;box-shadow:none;background:var(--bg);padding:.3rem .5rem;display:flex;flex-direction:column;transform:none;opacity:1}:root[data-in-call="1"] [data-page=chat] #chat.card{bottom:calc(var(--bottom-guard) + var(--kb) + var(--pin-gap) + var(--dock-h) + var(--pin-gap))}[data-page=chat] .cz-tab-chat{flex:1;min-height:0;display:flex;flex-direction:column}[data-page=chat] .cz-tab-chat .cz-chat{flex:1;min-height:0;height:auto}[data-page=chat] footer{display:none}[data-page=chat] main{padding-bottom:0!important}[data-page=chat]{overflow:hidden}}@media(max-width:640px){.voice-row{flex-wrap:wrap}.voice-row-label{flex:1 1 100%;min-width:0}.mic-meter{flex:1 1 100%;height:10px}.voice-row input[type=range]{flex:1 1 8rem;min-width:0;height:28px}.voice-row-val{min-width:3.6rem}}.voice-bar{display:flex;align-items:center;gap:var(--sp-2, .5rem);flex-wrap:wrap;padding-bottom:.4rem}.voice-bar .btn{font-size:.78rem;padding:.2rem .6rem;min-height:32px}.voice-bar.is-live{border-bottom:1px solid var(--b1, rgba(127, 127, 127, .18))}.voice-status{font-size:.78rem;flex:1;min-width:0}.voice-err{font-size:.75rem;color:var(--red, #ff5566);flex:1 1 100%}.voice-leave{color:var(--red, #ff5566)}.voice-bar .btn.is-muted{background:var(--red, #ff5566);border-color:transparent;color:var(--btn-text, #fff)}.voice-dot{width:8px;height:8px;border-radius:50%;background:var(--grn, #22cc78);flex:0 0 auto;animation:voicepulse 1.8s ease-in-out infinite}@keyframes voicepulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.voice-dot{animation:none}}.cz-thread-leave{margin-left:auto;flex:0 0 auto;font-size:.78rem;padding:.15rem .5rem}.cz-lounge-invite{display:flex;align-items:center;gap:var(--sp-2, .5rem);margin-top:var(--sp-2, .5rem);padding:var(--sp-3, .75rem);border:1px dashed var(--b2, rgba(127, 127, 127, .3));border-radius:var(--r-md, 12px);background:var(--b1, rgba(127, 127, 127, .06))}.cz-lounge-ic{font-size:1.3rem;flex:0 0 auto}.cz-lounge-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cz-lounge-copy span{font-size:.78rem;line-height:1.35}.cz-chat-log{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.45rem;padding:.5rem;background:var(--b1, rgba(127, 127, 127, .08));border-radius:10px}@media(max-width:640px){.cz-chat{grid-template-columns:1fr}.cz-chat[data-view=list] .cz-chat-thread,.cz-chat[data-view=thread] .cz-chat-list{display:none}.cz-thread-back{display:inline-flex}.cz-conv{min-height:56px}}.cz-slot{background:var(--card2, rgba(127, 127, 127, .06));border:1px solid var(--b1, rgba(127, 127, 127, .18));border-radius:8px;padding:8px 10px;border-left:3px solid transparent;position:relative;transition:box-shadow .12s,background .12s,opacity .12s,transform .12s}.cz-slot.cz-dragging{opacity:.25;transform:scale(.96)}.cz-slot.cz-drag-over{box-shadow:0 0 0 2px var(--accent, #7c6af7);background:#7c6af71a}.cz-slot-head{display:flex;align-items:center;gap:5px;margin-bottom:6px}.cz-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cz-slot-name{flex:1;font-size:.8rem;font-weight:600;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;opacity:.85}.cz-slot-name:hover{opacity:1}.cz-handle{cursor:grab;color:var(--muted);font-size:.85rem;opacity:.4;flex-shrink:0;line-height:1;padding:0 2px}.cz-handle:hover{opacity:.85}.cz-handle:active{cursor:grabbing}.cz-slot-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.82rem;line-height:1;opacity:.35;flex-shrink:0;padding:1px 4px;border-radius:3px;transition:.1s}.cz-slot-btn:hover{opacity:1}.cz-slot-btn.cz-del:hover{color:#f56;background:#ff55661f}.cz-slot-body{display:flex;align-items:center;gap:6px}.cz-add-slot{background:transparent;border:1.5px dashed var(--b2, rgba(127, 127, 127, .3));border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:40px;color:var(--muted);font-size:.78rem;font-weight:600;transition:.15s;width:100%}.cz-add-slot:hover,.cz-add-slot.cz-drag-over{border-color:var(--accent, #7c6af7);color:var(--accent, #7c6af7);background:#7c6af70f}*{box-sizing:border-box}html,body{min-height:100%}html{background-color:var(--bg);background-image:radial-gradient(1200px 600px at 20% -10%,var(--bg-grad1) 0%,var(--bg) 60%);background-repeat:no-repeat;background-attachment:fixed}#root{min-height:100%}html{overflow-y:scroll;font-size:calc(clamp(1rem,.925rem + .22vw,1.25rem) * var(--ui-scale, 1))}html{overflow-x:hidden}body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;overscroll-behavior-x:contain;color:var(--text)}a{color:var(--accent);text-decoration:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem)}h2{font-size:clamp(1.2rem,1rem + 1vw,1.6rem)}@media(max-height:760px){:root{--card-pad: .85rem}h2{font-size:clamp(1.05rem,.95rem + .5vw,1.25rem)}main section.card h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}p,li{font-size:clamp(.95rem,.9rem + .3vw,1.05rem)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;background:var(--accent);color:#052e16;padding:.4rem .6rem;border-radius:6px;z-index:999}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.back-to-top{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--icon-bg);color:var(--text);border:1px solid var(--icon-border);border-radius:10px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;z-index:30}.mnav,.mlaunch{display:none}@media(max-width:819.98px){.nav-right .nav-scroll{display:none}.mnav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 97%,transparent);border-top:1px solid var(--border);will-change:transform}#content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.mnav-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:12px;transition:color .12s ease,transform .1s ease}.mnav-item:active{transform:scale(.94)}.mnav-item.is-on{color:var(--text)}.mnav-ic{font-size:1.35rem;line-height:1}.mnav-lbl{font-size:.64rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.mnav-item.is-primary{color:var(--btn-text)}.mnav-item.is-primary .mnav-ic{display:grid;place-items:center;width:3rem;height:3rem;margin-top:-1.25rem;border-radius:50%;background:var(--accent);box-shadow:0 6px 16px #00000059;font-size:1.4rem}.mnav-item.is-primary .mnav-lbl{color:var(--text)}.mlaunch{position:fixed;inset:0;z-index:60;display:block}.mlaunch-scrim{position:absolute;inset:0;border:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mfade .2s ease}.mlaunch-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--bg);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border);padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #0006;animation:msheet .26s cubic-bezier(.2,.9,.3,1)}.mlaunch-grab{width:40px;height:4px;border-radius:999px;background:var(--border-strong);margin:2px auto 14px}.mlaunch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mtile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border:1px solid var(--border);border-radius:16px;background:var(--control-bg, rgba(127, 127, 127, .08));color:var(--text);cursor:pointer;animation:mtilein .28s ease both}.mtile:active{transform:scale(.95)}.mtile.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.mtile-ic{font-size:1.7rem;line-height:1}.mtile-lbl{font-size:.78rem;font-weight:600}.mlaunch-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.mlaunch-foot-btn{flex:1 1 auto;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer}@keyframes mfade{0%{opacity:0}}@keyframes msheet{0%{opacity:.4}}@keyframes mtilein{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.mlaunch-scrim,.mlaunch-sheet,.mtile{animation:none}}.back-to-top:hover{background:var(--icon-bg-hover);border-color:var(--icon-border-hover)}.container{max-width:min(90rem,calc(100vw - 2rem));margin:0 auto;padding:clamp(.9rem,1.5vw,1.25rem)}.btn-ghost{background:var(--control-bg, rgba(255, 255, 255, .06));color:var(--text);border:1px solid var(--border, rgba(255, 255, 255, .1))}.btn-ghost:hover{background:var(--icon-bg-hover);border-color:var(--border-strong)}:root{--nav-h: 54px}:root{--mnav-h: 0px;--dock-h: 0px;--kb: 0px;--pin-gap: .75rem;--bottom-guard: max(var(--mnav-h), env(safe-area-inset-bottom, 0px))}body{padding-top:var(--nav-h)}section[id]{scroll-margin-top:var(--nav-h)}.grid{display:grid;grid-template-columns:1fr;gap:var(--stack)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--card-pad);box-shadow:0 10px 30px #00000040;color:var(--text)}.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #00000052;border-color:var(--border-strong)}.nav{position:fixed;top:0;left:0;right:0;background:var(--bg);will-change:transform;border-bottom:1px solid var(--border);z-index:100}@media(max-width:700px){.nav{background:var(--bg)}}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:clamp(.4rem,.28rem + .4vw,.62rem)}.nav .btn{padding:.4rem .72rem;font-size:.85rem;white-space:nowrap;line-height:1.2}.nav-links{min-height:2.15rem;display:flex;align-items:center;gap:.25rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}.nav-right{display:flex;align-items:center;min-width:0}.nav-scroll{position:relative;display:flex;align-items:center;min-width:0}.nav-scroll.can-l .nav-links{-webkit-mask-image:linear-gradient(to right,transparent 0,black 18px);mask-image:linear-gradient(to right,transparent 0,black 18px)}.nav-scroll.can-r .nav-links{-webkit-mask-image:linear-gradient(to right,black calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 18px),transparent 100%)}.nav-scroll.can-l.can-r .nav-links{-webkit-mask-image:linear-gradient(to right,transparent 0,black 18px,black calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 18px,black calc(100% - 18px),transparent 100%)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:none;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.8rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease}.nav-arrow-l{left:0}.nav-arrow-r{right:0}@media(hover:hover)and (pointer:fine){.nav-scroll.can-l .nav-arrow-l,.nav-scroll.can-r .nav-arrow-r{display:flex;opacity:1}}.nav-arrow:hover{border-color:var(--border-strong, var(--accent))}.nav-links::-webkit-scrollbar{display:none}.nav a{color:var(--text);opacity:.9;margin-left:var(--sp-3);padding:.3rem .5rem;border-radius:var(--r-sm);white-space:nowrap;scroll-snap-align:center}.nav a[aria-current=page]{background:var(--nav-current-bg)}.brand{font-weight:700;letter-spacing:.2px}.nav-cog-wrap{position:relative;flex-shrink:0;margin-left:.5rem}.nav-cog{height:2.15rem;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 .5rem;font-size:.95rem;line-height:1;background:var(--control-bg, rgba(127, 127, 127, .12));color:var(--text);border:1px solid var(--border)}.nav-cog .nav-cog-avatar{width:1.4rem;height:1.4rem;font-size:.72rem}.nav-cog.is-open{background:var(--accent);color:var(--btn-text);border-color:transparent}.nav-cog-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:var(--btn-text);font-size:.78rem;font-weight:700}.nav-cog-avatar.lg{width:2.1rem;height:2.1rem;font-size:1rem}.nav-cog.is-open .nav-cog-avatar{background:var(--bg);color:var(--text)}.nav-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:120;min-width:15rem;max-height:min(85vh,34rem);overflow-y:auto;padding:.4rem;display:flex;flex-direction:column;gap:.1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md, 10px);box-shadow:0 12px 30px #00000047;animation:nav-menu-in .12s ease-out}@keyframes nav-menu-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.nav-menu{animation:none}}.nav-menu-id{display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem .55rem}.nav-menu-id-text{display:flex;flex-direction:column;min-width:0}.nav-menu-id-text strong{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu-id-text .muted{font-size:.72rem}.nav-menu-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.5;padding:.35rem .5rem .15rem}.nav-menu-sep{height:1px;background:var(--border);margin:.3rem .15rem}.nav-menu-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.45rem .5rem;border:0;border-radius:var(--r-sm, 7px);background:transparent;color:var(--text);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.nav-menu-row:hover:not(.is-static):not(:disabled){background:var(--control-bg, rgba(127, 127, 127, .12))}.nav-menu-row:disabled{opacity:.45;cursor:not-allowed}.nav-menu-row.is-static{cursor:default}.nav-menu-row.is-cta strong,.nav-menu-row.is-cta{font-weight:600}.nav-menu-steps{display:inline-flex;align-items:center;gap:.2rem}.nav-menu-steps .btn{padding:.2rem .45rem;font-size:.8rem;line-height:1.2;background:var(--control-bg, rgba(127, 127, 127, .12));color:var(--text);border:1px solid var(--border)}.nav-menu-steps .btn.is-on,.nav-menu-steps .btn[aria-pressed=true]{background:var(--accent);color:var(--btn-text);border-color:transparent}.nav-menu-steps .btn:hover{transform:none}.nav-menu-pct{min-width:3rem;text-align:center;font-variant-numeric:tabular-nums}.nav-menu-switch{width:1.9rem;height:1.05rem;border-radius:999px;background:var(--control-bg, rgba(127, 127, 127, .2));border:1px solid var(--border);position:relative;transition:background .15s ease;flex-shrink:0}.nav-menu-switch:after{content:"";position:absolute;top:50%;left:2px;transform:translateY(-50%);width:.72rem;height:.72rem;border-radius:50%;background:var(--text);opacity:.65;transition:left .15s ease}.nav-menu-switch.is-on{background:var(--accent);border-color:transparent}.nav-menu-switch.is-on:after{left:calc(100% - .72rem - 2px);background:var(--btn-text);opacity:1}.cz-menu{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md, 10px);padding:.32rem .45rem}.cz-menu>*{flex-shrink:0}.cz-menu-label{font-size:.88rem;white-space:nowrap;margin-right:.15rem;cursor:help}.cz-menu-label .muted{font-weight:400;font-size:.74rem}.cz-menu .btn{padding:.4rem .72rem;font-size:.85rem;white-space:nowrap;line-height:1.2;background:var(--control-bg, rgba(127, 127, 127, .12));color:var(--text);border:1px solid var(--border, rgba(127, 127, 127, .25))}.cz-menu .btn[aria-pressed=true]{background:var(--accent);color:var(--btn-text);border-color:transparent}.cz-menu .btn.is-min{background:transparent;opacity:.6}.cz-menu-end{margin-left:auto}.section-title{margin:0 0 var(--sp-2) 0;font-size:1.25rem;color:var(--text)}.muted{color:var(--muted)}.btn{background:var(--accent);color:var(--btn-text);border:none;padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.btn{transition:transform .12s ease,filter .12s ease}.btn.btn-ghost{background:var(--control-bg, rgba(255, 255, 255, .06));color:var(--text);border:1px solid var(--border, rgba(255, 255, 255, .1))}.btn.btn-ghost:hover{background:var(--icon-bg-hover);border-color:var(--border-strong)}.btn:hover{transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.95)}.cz-btn:active:not(:disabled){transform:scale(.88)}@media(prefers-reduced-motion:reduce){.btn:active:not(:disabled),.cz-btn:active:not(:disabled){transform:none}}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.is-on{box-shadow:inset 0 0 0 2px color-mix(in oklab,currentColor,transparent 45%)}.snake-wrap{display:grid;place-items:center}.snake-wrap>.snake-manager{justify-self:stretch;width:100%;min-width:0}.snake-wrap canvas:focus-visible{outline:none}.audio-dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--bottom-guard) + var(--kb) + var(--pin-gap) + 3.1rem);z-index:900000;display:flex;align-items:center;gap:.45rem;max-width:min(30rem,calc(100vw - 1.5rem));padding:.35rem .6rem;border:1px solid var(--border-strong);border-radius:999px;background:color-mix(in oklab,var(--panel),transparent 8%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000038}.audio-dock-name{display:flex;align-items:center;gap:.4rem;min-width:0;background:none;border:none;padding:0;color:var(--text);cursor:pointer;font-size:.82rem}.audio-dock-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:11rem}.audio-dock-btn{padding:.1rem .45rem;font-size:.85rem;flex:none}.audio-dock-vol{width:4.5rem;flex:none;accent-color:var(--accent)}@media(max-width:30rem){.audio-dock-vol{display:none}}.inst-wrap{display:flex;flex-direction:column;gap:.7rem;min-width:0;--layer-pad: .55rem;--layer-line: 1px}.inst-picks{grid-template-columns:repeat(auto-fit,minmax(min(5rem,100%),1fr))}.inst-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.inst-row .appearance-slider{flex:1 1 10rem}.inst-takes-list{flex:1 0 100%;min-width:0;margin:0;padding:0;list-style:none;display:grid;gap:.3rem}.inst-takes-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0}.inst-takes-list li>button:first-child{min-width:5.2rem;font-variant-numeric:tabular-nums}.inst-takes-meta{font-size:.76rem;font-variant-numeric:tabular-nums}.inst-takes-list li>button:last-child{margin-left:auto}.inst-takes-stems{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.inst-takes-say{flex:1 0 100%;font-size:.8rem}.inst-takes-fx{flex:1 0 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.4rem .8rem;align-items:center;padding:.5rem .6rem;border-radius:.5rem;background:#ffffff0a}.inst-takes-knob{display:flex;align-items:center;gap:.4rem;font-size:.76rem}.inst-takes-knob input{flex:1 1 4rem;min-width:0}.inst-oct{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.inst-oct .btn{padding:.1rem .5rem}.inst-keys{display:flex;align-items:stretch;gap:2px;height:clamp(8rem,30vh,16rem);padding:.4rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--text),transparent 96%);touch-action:none;overflow-x:auto;overflow-y:hidden}.inst-key{flex:1 1 0;min-width:1.6rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.4rem;border:1px solid var(--border);border-radius:0 0 7px 7px;background:color-mix(in oklab,var(--text),transparent 88%);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background .06s ease,transform .06s ease}.inst-key.is-black{background:color-mix(in oklab,var(--text),transparent 30%);height:62%;align-self:flex-start;flex-grow:.6;border-radius:0 0 5px 5px}.inst-key.is-held{background:var(--accent);transform:translateY(2px)}.inst-key.is-theirs{box-shadow:inset 0 0 0 2px hsl(var(--party-hue) 85% 58%),0 0 10px hsl(var(--party-hue) 85% 58% / .5)}.inst-layer-fx{font-size:.68rem;opacity:.75;min-width:4.5rem}.inst-jam{align-items:center;gap:.5rem;flex-wrap:wrap}.inst-jam-who{display:flex;gap:.35rem;flex-wrap:wrap}.inst-jam-player{padding:.1rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;color:#fff;background:hsl(var(--party-hue) 70% 42%);border:1px solid hsl(var(--party-hue) 80% 62%)}.inst-key-name{font-size:.62rem;opacity:.5;pointer-events:none}.inst-key.is-black .inst-key-name{opacity:.75}.inst-key.is-root{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 82%)}.inst-pick{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem}.inst-pick select{font:inherit;padding:.15rem .3rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px}.inst-knobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.5rem .9rem}.viz-sway-keys{display:inline-flex;gap:.25rem;flex-wrap:wrap}.viz-sway-keys .btn{padding:1px 8px;font-size:.74rem}.viz-sway-keys .btn.is-on:before{content:"●";margin-right:.3em;font-size:.7em;vertical-align:.12em;color:var(--accent)}.viz-sway-keys .btn:disabled{opacity:.45}.viz-presets{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.viz-presets .viz-select{flex:1 1 9rem;min-width:7rem}.viz-preset-name{flex:1 1 7rem;min-width:5rem;font-size:.8rem;padding:2px 6px}.viz-presets .btn{padding:2px 10px;font-size:.78rem}.appearance-slider-val{min-width:1.8rem}.inst-transport{gap:.4rem}.inst-num-grip{cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none}.inst-num-grip:hover{color:var(--text)}.inst-num{width:3.6rem;font:inherit;padding:.15rem .3rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px}.inst-theatre.is-shut{margin:0 0 .4rem;border:0;background:none;padding:0}.inst-theatre.is-shut .inst-theatre-head{padding:0;border:0;min-height:0}.inst-health-soft{margin:.2rem 0 .4rem;font-size:.75rem}.inst-start{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;width:100%;padding:.5rem .6rem;margin-bottom:.4rem;border:1px dashed var(--border-strong, var(--border));border-radius:10px;background:color-mix(in oklab,var(--accent),transparent 94%)}.inst-start-step{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.inst-start .btn{padding:.35rem .8rem;font-size:.82rem}@media(hover:none)and (pointer:coarse){.inst-start .btn,.inst-beats .btn{min-height:2.4rem;padding-left:.9rem;padding-right:.9rem}}.inst-start-bpm{font-variant-numeric:tabular-nums;font-size:.78rem}.inst-start-or{font-size:.75rem}.inst-layers-count{margin:.5rem 0 .15rem;font-size:.75rem;font-variant-numeric:tabular-nums}.inst-beats{margin:.4rem 0 .6rem;padding:.6rem}.inst-beats-lede{margin:0 0 .5rem;font-size:.78rem}.inst-beats-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem}.inst-beats-genre{flex:0 0 5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.inst-beats .btn{padding:.3rem .7rem;font-size:.8rem}.paint-layer-hold.is-on{color:var(--accent)}.paint-layer-hold:not(.is-on){opacity:.5}.paint-layer-hold:disabled{opacity:.25}.inst-layer-piece{color:var(--accent);font-weight:600}.inst-layer-who{margin-left:.4rem;padding:0 .35rem;border-radius:999px;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--btn-text);background:var(--accent);vertical-align:.1em}.inst-rec.is-armed{border-color:var(--accent-2);color:var(--accent-2)}.inst-rec.is-rec{border-color:var(--accent-2);background:color-mix(in oklab,var(--accent-2),transparent 70%);font-weight:600}.inst-playhead{height:4px;border-radius:999px;background:color-mix(in oklab,var(--text),transparent 88%);overflow:hidden}.inst-playhead span{display:block;height:100%;background:var(--accent)}.inst-layers{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.inst-layers li{display:flex;align-items:center;gap:.4rem;font-size:.85rem;flex-wrap:wrap;padding:.4rem var(--layer-pad);border:var(--layer-line) solid var(--border);border-radius:9px;background:var(--control-bg, rgba(255, 255, 255, .04))}.inst-layers li:has(.inst-layer-name.is-open){border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}@media(hover:hover){.inst-layers li:hover{border-color:var(--border-strong)}}.inst-layers li.is-muted{opacity:.5}.inst-layers li.is-replacing{outline:1px solid var(--accent-2);outline-offset:3px;border-radius:4px}.inst-layer-inst{font:inherit;font-size:.78rem;padding:.05rem .2rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:5px;max-width:6.5rem}.inst-layer-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inst-layers li .btn{padding:.1rem .4rem;font-size:.8rem}.inst-layers-all{justify-content:flex-end}.inst-note{margin:0;font-size:.8rem}.inst-note kbd{font-family:var(--mono);font-size:.75rem;padding:.05rem .3rem;border:1px solid var(--border);border-radius:4px}.viz-wrap{display:flex;flex-direction:column;gap:.7rem;min-width:0;height:100%;min-height:0}.viz-stage{position:relative;height:clamp(16rem,62vh,40rem);flex:1 1 auto;min-height:12rem;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:color-mix(in oklab,var(--text),transparent 96%)}.viz-wrap.is-bare .viz-stage{height:clamp(20rem,78vh,56rem)}.viz-wrap:not(.is-bare) .viz-stage{height:min(clamp(26rem,78vh,48rem),calc(100dvh - 245px))}#visualizer .viz-stage{max-height:calc(100dvh - 200px)}.viz-wrap.is-inwindow{height:100%;min-height:0}.viz-wrap.is-inwindow .viz-stage,.viz-wrap.is-inwindow.is-bare .viz-stage{height:auto;flex:1 1 auto;min-height:7rem}.viz-stage[data-full]{height:100%;border-radius:0;border:none;background:var(--bg)}.viz-canvas{display:block;width:100%;height:100%}.viz-still{position:absolute;left:0;right:0;bottom:0;display:block;text-align:center;padding:.4rem 1rem;margin:0;font-size:.78rem;background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--bg),transparent 35%));pointer-events:none}.viz-float{position:absolute;right:.5rem;top:.5rem;display:flex;gap:.3rem;opacity:.35;transition:opacity .18s ease;z-index:5}.viz-stage:hover .viz-float,.viz-float:focus-within{opacity:1}.viz-icon{padding:.15rem .5rem;font-size:.9rem;line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.viz-stage{display:flex;flex-direction:column}.viz-surface{position:relative;flex:1 1 auto;min-height:0;inset:auto}.viz-controls{display:flex;flex-direction:column;gap:.5rem;flex:0 0 auto;height:min(45vh,372px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.5rem .6rem .6rem;border-top:1px solid var(--border)}@media(min-width:54rem){.viz-controls{height:372px}}@media(min-width:75rem){.viz-controls{height:304px}}.viz-tabs{display:flex;gap:.2rem;flex-wrap:wrap;position:sticky;top:0;z-index:2;background:var(--panel);margin:-.5rem -.6rem 0;padding:.5rem .6rem .35rem}.viz-stage[data-full] .viz-tabs{background:transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.viz-tab{appearance:none;background:none;border:1px solid transparent;border-radius:7px;padding:.15rem .5rem;font-size:.78rem;color:var(--text);opacity:.6;cursor:pointer}.viz-tab.is-on{opacity:1;border-color:var(--border);background:color-mix(in oklab,var(--accent),transparent 88%)}.viz-stage[data-full] .viz-controls{position:absolute;inset:0 0 0 auto;width:22rem;max-width:45vw;height:auto;border-top:0;border-left:1px solid var(--border-strong);max-height:none;overflow-y:auto;background:color-mix(in oklab,var(--panel),transparent 34%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media(max-width:56rem){.viz-stage[data-full] .viz-controls{inset:auto 0 0;width:auto;max-width:none;height:auto;max-height:60vh;border-left:0;border-top:1px solid var(--border-strong)}}.viz-controls .appearance-slider-val{min-width:3.2rem}.viz-controls-shut{position:absolute;top:.3rem;right:.4rem;z-index:3;opacity:.75}.viz-controls-shut:hover,.viz-controls-shut:focus-visible{opacity:1}.viz-stage[data-full] .viz-float{opacity:.5;right:auto;left:.5rem}@media(max-width:56rem){.viz-stage[data-full] .viz-float{left:auto;right:.5rem}}.viz-stage[data-full] .viz-float:hover,.viz-stage[data-full] .viz-float:focus-within{opacity:1}.viz-wrap.is-bare .viz-float{opacity:.75}.viz-drop{position:absolute;inset:0;z-index:2;display:grid;place-content:center;font-weight:600;border:2px dashed var(--accent);border-radius:12px;background:color-mix(in oklab,var(--accent),transparent 88%);pointer-events:none}.viz-track{flex:1 1 6rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.viz-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(4.6rem,100%),1fr));gap:.35rem}.viz-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(5.2rem,100%),1fr));gap:.4rem}.viz-row-wide{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.viz-row-wide .appearance-slider{flex:1 1 12rem}.viz-tool-label{font-size:.85rem}.viz-palettes{display:flex;flex-wrap:wrap;gap:.3rem}.viz-swatch{position:relative;width:3.4rem;height:1.5rem;padding:0;border:1px solid var(--border);border-radius:6px;cursor:pointer;overflow:hidden}.viz-swatch.is-on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent),transparent 70%)}.viz-palettes.is-touring .viz-swatch:not(.is-on){filter:grayscale(1) brightness(.5);opacity:.45}.viz-palettes.is-touring .viz-swatch.is-on:after{content:"✓";position:absolute;top:-1px;right:2px;font-size:.62rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9)}.viz-palettes.is-touring .viz-swatch:disabled{filter:grayscale(1) brightness(.35);opacity:.3;cursor:not-allowed}.viz-swatch-label{position:absolute;inset:0;display:grid;place-content:center;font-size:.6rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);letter-spacing:.02em}.viz-select{font:inherit;font-size:.82rem;padding:.15rem .3rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px}.viz-mirrors{display:flex;gap:.25rem}.viz-mirrors .btn{padding:.2rem .5rem;font-size:.8rem}.fx-style-btn.viz-src{flex-direction:row;justify-content:center;gap:.4rem;font-size:.9rem}.viz-dot{width:.5rem;height:.5rem;border-radius:50%;background:color-mix(in oklab,var(--text),transparent 70%);flex:none}.viz-dot.is-live{background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 82%)}.viz-note{margin:0;font-size:.78rem}.viz-warn{color:var(--text);opacity:.9;font-weight:600}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--text);background:var(--icon-bg);border:1px solid var(--icon-border);transition:transform .12s ease,background .12s ease,border-color .12s ease}.icon-link:hover{transform:translateY(-1px);background:var(--icon-bg-hover);border-color:var(--icon-border-hover)}.reveal{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.reveal.reveal-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.card,.btn,.icon-link{transition:none!important;transform:none!important}}.back-to-top{right:12px}@media(max-width:700px){.back-to-top{bottom:calc(16px + env(safe-area-inset-bottom,0px));width:48px;height:48px}}@media(max-width:819.98px){.back-to-top{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}input,textarea,select{font-size:16px}@supports (height: 100dvh){#contact.card{min-height:60dvh}}@supports (height: 100dvh){body{padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px))}}@media print{.nav,.back-to-top,.skip-link{display:none!important}body{padding-top:0!important;background:#fff!important;color:#111!important}.container{max-width:none!important;padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.no-print{display:none!important}a[href]:after{content:""}}.cz-measure *{max-width:700px!important;white-space:normal!important}.cz-measure img,.cz-measure svg,.cz-measure video,.cz-measure .proj-media{max-width:440px!important}.cz-pool-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;background:var(--b1, rgba(127, 127, 127, .07));border-radius:8px}.cz-pool-row.is-pick{box-shadow:0 0 0 2px var(--accent, #7c6af7)}.cz-pool-title{flex:1;min-width:0;font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-pool-votes{display:inline-flex;gap:3px;flex-shrink:0}.cz-pool-count{flex-shrink:0;font-size:.78rem;font-weight:800;color:var(--accent, #7c6af7);min-width:1.1rem;text-align:right}@media(max-width:640px){.cz-pool-row{flex-wrap:wrap;row-gap:.35rem}.cz-pool-title{flex:1 0 100%}}.cz-review-x{margin-left:6px;border:0;background:transparent;color:inherit;opacity:.28;cursor:pointer;font-size:.78rem;padding:4px 6px;border-radius:6px;line-height:1}.cz-review-x:hover{opacity:1;background:#ff556629;color:var(--accent-2, #ff5566)}@media(max-width:640px){.cz-review-x{opacity:.5;min-width:34px;min-height:34px}}.cz-challenge{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cz-challenge-say{font-size:.9rem;white-space:pre-wrap;word-break:break-word}.cz-challenge-join{text-decoration:none;font-weight:600}.pal-scrim{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--sp-4, 1rem);background:#0000008c}.pal-sheet{width:min(52rem,100%);max-height:min(90vh,46rem);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--sp-3, .75rem);padding:var(--card-pad, 1.1rem);border-radius:var(--r-lg, 16px);background:var(--panel);border:1px solid var(--border-strong);box-shadow:0 18px 50px #00000073}.pal-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2, .5rem)}.pal{display:grid;grid-template-columns:1fr;grid-template-areas:"controls" "side" "extras";gap:var(--sp-3, .75rem);width:100%;min-width:0}.pal-controls{grid-area:controls;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3, .75rem)}.pal-extras{grid-area:extras;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3, .75rem)}.pal-side{grid-area:side;min-width:0}@media(min-width:40rem){.pal{grid-template-columns:minmax(0,1fr) 17rem;grid-template-areas:"controls side" "extras side";align-items:start}.pal-side{position:sticky;top:0}}.pal-seeds{display:flex;flex-direction:column;gap:var(--sp-2, .5rem)}.cf-row{display:grid;grid-template-columns:2.4rem 5rem 1fr;align-items:center;gap:var(--sp-2, .5rem);padding:3px;border-radius:var(--r-sm, 8px);border:1px solid transparent}.cf-row.is-on{border-color:var(--accent);background:var(--control-bg, rgba(127, 127, 127, .08))}.cf-swatch{width:2.4rem;height:2.1rem;padding:0;border:1px solid var(--border-strong);border-radius:8px;cursor:pointer}.cf-name{background:none;border:0;padding:0;color:var(--text);font-size:.85rem;text-align:left;cursor:pointer}.cf-hex{min-width:0;width:100%;font-family:var(--mono);font-size:.82rem;padding:.35rem .5rem}.cf-pop{display:flex;flex-direction:column;gap:6px;margin-top:2px}.cf-pad{position:relative;height:7rem;border-radius:var(--r-sm, 8px);border:1px solid var(--border);cursor:crosshair;touch-action:none}.cf-dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000008c;pointer-events:none}.cf-hue{width:100%;height:1.1rem;appearance:none;border-radius:var(--r-pill, 999px);border:1px solid var(--border);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cf-hue::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.5);cursor:pointer}.cf-hue::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.5);cursor:pointer}.pal-snake{width:100%;height:auto;border-radius:var(--r-sm, 8px);border:1px solid var(--border)}.pal-presets{display:flex;flex-direction:column;gap:var(--sp-2, .5rem)}.pal-preset-group{display:flex;flex-direction:column;gap:4px}.pal-preset-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(6.5rem,100%),1fr));gap:6px}.pal-preset{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:var(--r-sm, 8px);border:1px solid var(--border);background:var(--control-bg, rgba(127, 127, 127, .08));color:var(--text);font-size:.76rem;cursor:pointer;text-align:left}.pal-preset:hover{border-color:var(--border-strong)}.pal-preset.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pal-preset-chips{display:inline-flex;flex:0 0 auto;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.pal-preset-chips i{display:block;width:8px;height:16px}.pal-preset-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-checks{display:flex;flex-direction:column;gap:3px;padding:var(--sp-2, .5rem);border-radius:var(--r-sm, 8px);background:var(--control-bg, rgba(127, 127, 127, .1))}.pal-check{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2, .5rem);font-size:.8rem}.pal-check-label{color:var(--muted)}.pal-check-val{white-space:nowrap;font-family:var(--mono);font-size:.78rem}.pal-check-val.is-aa{color:var(--accent)}.pal-check-val.is-large{color:var(--ylw, #f5c060)}.pal-check-val.is-fail{color:var(--red, #ff5566)}.pal-warn{margin:4px 0 0;height:2.6rem;overflow:hidden;font-size:.78rem;line-height:1.3;color:var(--ylw, #f5c060)}.pal-warn.is-clear{visibility:hidden}.pal-preview{border-radius:var(--r-md, 12px)}.pal-preview-card{display:flex;flex-direction:column;gap:6px;padding:var(--sp-3, .75rem);border-radius:var(--r-md, 12px);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:.85rem}.pal-preview-card .muted{color:var(--muted)}.pal-preview-btn{align-self:flex-start;padding:5px 14px;border-radius:var(--r-pill, 999px);background:var(--accent);color:var(--btn-text);font-size:.82rem;font-weight:600}.pal-saved{display:flex;flex-direction:column;gap:4px;margin-top:var(--sp-2, .5rem)}.pal-saved-row{display:flex;flex-wrap:wrap;gap:6px}.pal-saved-item{display:inline-flex;align-items:stretch}.pal-saved-item .pal-preset{border-radius:var(--r-sm, 8px) 0 0 var(--r-sm, 8px)}.pal-saved-x{padding:0 6px;border:1px solid var(--border);border-left:0;border-radius:0 var(--r-sm, 8px) var(--r-sm, 8px) 0;background:var(--control-bg, rgba(127, 127, 127, .08));color:var(--muted);font-size:.7rem;cursor:pointer}.pal-saved-x:hover{color:var(--red, #ff5566)}.pal-saved-empty{font-size:.75rem}.pal-saved-add{display:flex;gap:6px;margin-top:2px}.pal-saved-add input{flex:1;min-width:0;font-size:.78rem;padding:.3rem .45rem}.pal-reset{width:100%;margin-top:var(--sp-2, .5rem);font-size:.78rem}@media(max-width:640px){.pal-scrim{padding:0;align-items:flex-end}.pal-sheet{width:100%;max-height:92vh;border-radius:var(--r-lg, 16px) var(--r-lg, 16px) 0 0;padding-bottom:calc(var(--card-pad, 1.1rem) + env(safe-area-inset-bottom,0px))}}#click-fx-layer{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}#click-fx-layer>i{position:absolute;display:block;border-radius:50%;will-change:transform,opacity}.click-fx-spark{width:6px;height:6px}.click-fx-ring{width:44px;height:44px;border:2px solid currentColor;background:none}.click-fx-sonar{width:40px;height:40px;border:1.5px solid currentColor;background:none}.click-fx-pop{width:7px;height:10px;border-radius:2px}.click-fx-bubble{border:1.5px solid currentColor;background:color-mix(in oklab,currentColor,transparent 82%)}.click-fx-shard{width:8px;height:8px;border-radius:0;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.click-fx-ink{border-radius:50%;filter:blur(1px)}.click-fx-beam{width:3px;border-radius:2px}.click-fx-ripple{width:46px;height:46px;border:2px solid currentColor;background:none}.click-fx-petal{width:9px;height:20px;border-radius:50%/60% 60% 40% 40%;transform-origin:50% 100%}.click-fx-dust{filter:blur(3px);opacity:.5}.click-fx-drop{width:7px;height:7px}.click-fx-cut{height:3px;border-radius:2px;transform-origin:50% 50%}.click-fx-gash{height:1px;border-radius:1px;transform-origin:50% 50%;opacity:.75}.appearance-sheet{width:min(52rem,100%);max-height:96vh}.appearance-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:.7rem;flex-wrap:wrap}.appearance-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font:inherit;padding:.4rem .6rem;cursor:pointer;border-radius:8px 8px 0 0}.appearance-tab:hover{color:var(--text);background:var(--control-bg)}.appearance-tab.is-on{color:var(--text);border-bottom-color:var(--accent)}.appearance-body{display:grid;gap:.7rem;align-content:start;flex:1 1 auto;min-height:6rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.appearance-ramp{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.appearance-ramp-strip{display:flex;flex:1 1 6rem;height:1.1rem;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.appearance-ramp-strip i{flex:1}.appearance-ramp-note{font-size:.72rem}.appearance-palette{border-top:1px solid var(--border);padding-top:.6rem}.appearance-amount{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:.6rem;font-size:.85rem}.appearance-amount-choices{display:flex;gap:.3rem;margin-left:auto}.appearance-slider{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.appearance-slider input[type=range]{flex:1 1 8rem;min-width:6rem;accent-color:var(--accent)}.appearance-slider-val{min-width:2.6rem;text-align:right;font-family:var(--mono);font-size:.78rem}button.appearance-slider-val{appearance:none;border:0;padding:0;background:none;color:inherit;cursor:pointer}button.appearance-slider-val:disabled{cursor:default;opacity:.65}button.appearance-slider-val:not(:disabled):hover,button.appearance-slider-val:not(:disabled):focus-visible{text-decoration:underline;color:var(--accent)}.appearance-note{margin:0;font-size:.8rem}.roll-ruler,.roll-ruler-pad{height:16px;flex:0 0 auto}.roll-ruler{position:relative;border-bottom:1px solid var(--line);cursor:pointer;background:linear-gradient(180deg,transparent 60%,var(--line) 60%);-webkit-user-select:none;user-select:none}.roll-ruler:hover{background:linear-gradient(180deg,var(--control-bg) 60%,var(--accent, #7c6af7) 60%)}.roll-ruler-bar{position:absolute;top:0;padding-left:3px;font-size:.6rem;line-height:15px;color:var(--muted);border-left:1px solid var(--line);pointer-events:none}.roll-ruler-pad{border-bottom:1px solid var(--line)}.roll-note{position:absolute;overflow:hidden}.roll-grip{position:absolute;top:0;right:0;bottom:0;width:7px;cursor:ew-resize;background-image:linear-gradient(90deg,transparent 1px,rgba(0,0,0,.45) 1px 2px,transparent 2px 4px,rgba(0,0,0,.45) 4px 5px,transparent 5px);opacity:.65}.roll-note:hover .roll-grip,.roll-note.is-sel .roll-grip{opacity:1}@media(hover:none)and (pointer:coarse){.roll-grip{width:14px}}.roll-len{display:inline-flex;align-items:center;gap:.2rem;flex-wrap:wrap}.roll-len .btn{padding:.15rem .35rem;font-size:.74rem}.inst-layer-name{appearance:none;border:1px solid var(--border);border-radius:7px;background:var(--control-bg);color:inherit;font:inherit;text-align:left;padding:.15rem .4rem;cursor:pointer}.inst-layer-name:hover{border-color:var(--border-strong)}.inst-layer-caret{display:inline-block;width:.8em;color:var(--muted)}.inst-layer-name.is-open .inst-layer-caret{color:var(--accent)}.inst-layer-name.is-open{border-color:var(--accent, #7c6af7);background:var(--control-bg)}.ppl-waiting{background:var(--accent, #7c6af7);color:var(--btn-text);border-color:transparent;font-weight:700}.ppl-me{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.ppl-me-btn{appearance:none;border:1px solid var(--border);border-radius:999px;background:var(--control-bg);color:var(--text);font:inherit;font-size:.76rem;min-height:30px;padding:.15rem .55rem;cursor:pointer;opacity:.65}.ppl-me-btn:hover{opacity:1}.ppl-me-btn.is-on{opacity:1;border-color:var(--accent, #7c6af7);box-shadow:inset 0 0 0 1px var(--accent, #7c6af7)}@media(max-width:640px){.ppl-me{margin-left:0!important;width:100%}}.also-together{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:0 0 .6rem;padding:.4rem .6rem;font-size:.78rem;line-height:1.45;border:1px dashed var(--border);border-radius:10px}.also-together-go{color:var(--accent, #7c6af7);font-weight:700;white-space:nowrap}.also-together-x{margin-left:auto;appearance:none;border:0;background:none;color:inherit;font:inherit;opacity:.5;cursor:pointer;padding:0 2px;align-self:center}.also-together-x:hover{opacity:1}.profile-acts{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.profile-act{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--accent, #7c6af7);background:color-mix(in oklab,var(--accent, #7c6af7),transparent 86%)}.profile-act.is-locked{border-color:var(--border);background:none;opacity:.62}.profile-acts.is-near{margin-bottom:.7rem}.home-page{display:flex;flex-direction:column;gap:3rem}.home-hero{padding-top:.25rem}.home-eyebrow{margin:0;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.home-h1{margin:.5rem 0 .65rem;line-height:1.08;letter-spacing:-.02em;font-size:clamp(1.65rem,3.6vw,2.55rem);max-width:24ch;text-wrap:balance}.home-lede{margin:0;max-width:62ch;font-size:1rem;line-height:1.65}@media(max-width:40rem){.home-hero{display:flex;flex-direction:column}.home-eyebrow{order:1}.home-h1{order:2}.hero-play{order:3;margin-top:1.1rem}.hero-seen{order:4}.home-lede{order:5;font-size:.95rem;line-height:1.55;margin-top:1.1rem}.home-cta{order:6}}.home-cta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:1.1rem}.home-socials{display:flex;gap:.4rem;margin-left:.25rem}.home-split{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:52rem){.home-split{grid-template-columns:3fr 2fr}}.hero-play{margin:1.5rem 0 .2rem;max-width:44rem;padding:.85rem .95rem .75rem;border:1px solid var(--border);border-radius:18px 18px 18px 4px;background:var(--surface)}.hero-strings{position:relative;height:92px}.hero-strings canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-keys{display:grid;grid-template-columns:repeat(var(--keys, 12),1fr);gap:4px;align-items:end;margin-top:.3rem;touch-action:pan-y}.hero-key{appearance:none;border:1px solid var(--border);border-bottom-width:3px;border-radius:3px 3px 9px 9px;background:var(--b1);color:var(--muted);font-size:.6rem;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding:0 0 4px;cursor:pointer;transition:transform .07s ease}.hero-key:hover{background:color-mix(in srgb,var(--accent) 18%,var(--b1))}.hero-key.is-down{background:color-mix(in srgb,var(--accent) 46%,var(--b1));color:var(--text);transform:translateY(2px);border-bottom-width:1px}.hero-play-hint{margin:.7rem 0 0;font-size:.8rem;line-height:1.5}@media(prefers-reduced-motion:reduce){.hero-key{transition:none}}.wh-card{background:var(--panel, #141a2a);max-height:88vh;overflow-y:auto;overscroll-behavior:contain}.wh-lead{margin:.9rem 0 .4rem;font-size:.8rem}.wh-rooms{display:flex;flex-wrap:wrap;gap:.35rem}.wh-room{appearance:none;border:1px solid var(--border);border-radius:999px;background:var(--control-bg);color:var(--text);font:inherit;font-size:.84rem;min-height:34px;padding:.3rem .7rem;cursor:pointer}.wh-room:hover{border-color:var(--accent, #7c6af7)}.wh-things{display:grid;gap:.35rem}.wh-thing{display:grid;gap:.1rem;text-align:left;appearance:none;border:1px solid var(--border);border-radius:10px;background:var(--control-bg);color:var(--text);font:inherit;padding:.45rem .6rem;cursor:pointer}.wh-thing:hover{border-color:var(--accent, #7c6af7)}.wh-thing-hint{font-size:.76rem}.wh-keys{margin:.9rem 0 .6rem;font-size:.76rem}.wh-keys kbd{border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:.72rem}.wh-open{appearance:none;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;margin-left:10px;padding:0;opacity:.85}.wh-open:hover{opacity:1}@media(pointer:coarse){.wh-open{padding:12px 6px;margin:-12px 0 -12px 4px}}.inst-scope{position:relative;display:grid;gap:.2rem;margin-bottom:.6rem}.inst-scope canvas{display:block;width:100%;height:84px;border:1px solid var(--border);border-radius:10px;background:var(--b1, rgba(127, 127, 127, .07))}.inst-scope-note{font-size:.72rem}@media(max-width:640px){.inst-scope canvas{height:60px}.inst-scope-note{display:none}}.cz-add{display:grid;gap:.5rem;margin-bottom:.9rem;padding:.6rem;border:1px solid var(--border);border-radius:12px;min-width:0}.cz-add-row{display:flex;gap:.4rem;align-items:center}.cz-add-box{flex:1 1 8rem;min-width:0;padding:.5rem .6rem;border:1px solid var(--border);border-radius:9px;background:var(--control-bg);color:var(--text);font:inherit;font-size:1rem}.cz-add-rt{width:5rem;flex-shrink:0;padding:.5rem .4rem;border:1px solid var(--border);border-radius:9px;background:var(--control-bg);color:var(--text);font:inherit}.cz-add-kinds,.cz-sugg{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.cz-sugg-item,.cz-sugg-more{appearance:none;border:1px solid var(--border);border-radius:999px;background:var(--control-bg);color:var(--text);font:inherit;font-size:.82rem;padding:.32rem .7rem;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-sugg-item:hover,.cz-sugg-more:hover{border-color:var(--accent, #7c6af7)}.cz-sugg-more{font-weight:700;opacity:.75}@media(max-width:640px){.cz-sugg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:2px;margin-right:-.6rem;padding-right:.6rem;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%)}.cz-sugg.cz-scroll-end{-webkit-mask-image:none;mask-image:none}.cz-sugg::-webkit-scrollbar{display:none}.cz-sugg-item,.cz-sugg-more{flex:0 0 auto;min-height:36px}}.cz-stage{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.55rem .7rem;margin-bottom:.9rem;border-radius:12px;background:var(--b1, rgba(127, 127, 127, .07));border:1px solid transparent}.cz-stage.is-spinning,.cz-stage.is-landed{border-color:var(--accent, #7c6af7)}.cz-stage-go{appearance:none;border:0;border-radius:9px;background:var(--accent, #7c6af7);color:var(--btn-text);font:inherit;font-weight:700;padding:.45rem .8rem;cursor:pointer;flex-shrink:0}.cz-stage-go:disabled{opacity:.45;cursor:default}.cz-stage-face{flex:1 1 10rem;min-width:0;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-stage-who{font-size:.78rem;flex-shrink:0}@media(prefers-reduced-motion:no-preference){.cz-stage.is-spinning .cz-stage-face{animation:czface 90ms ease-out}.cz-stage.is-landed .cz-stage-face{animation:czland .42s cubic-bezier(.2,1.4,.4,1)}}@keyframes czface{0%{opacity:.35;transform:translateY(-.18em)}}@keyframes czland{0%{transform:scale(1.22)}}.cz-pool-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.35rem}.cz-pool-pick{font:inherit;font-size:1.05rem;font-weight:700;padding:.15rem 1.6rem .15rem .4rem;border:1px solid var(--border);border-radius:8px;background:var(--control-bg);color:var(--text);max-width:60vw}.cz-pool-aud{margin:0 0 .8rem;font-size:.78rem}.cz-up{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;appearance:none;border:1px solid var(--border);border-radius:999px;background:var(--control-bg);color:var(--text);font:inherit;font-size:.85rem;min-height:34px;padding:.2rem .6rem;cursor:pointer;opacity:.7}.cz-up:hover{opacity:1}.cz-up.is-on{background:var(--accent, #7c6af7);color:var(--btn-text);border-color:transparent;opacity:1}.cz-up b{font-weight:800}.cz-voter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:.68rem;font-weight:800;line-height:1;flex-shrink:0}.cz-aud{display:grid;gap:.1rem;text-align:left;appearance:none;border:1px solid var(--border);border-radius:10px;background:var(--control-bg);color:var(--text);font:inherit;padding:.45rem .6rem;cursor:pointer}.cz-aud .muted{font-size:.76rem}.cz-aud.is-on{border-color:var(--accent, #7c6af7);box-shadow:inset 0 0 0 1px var(--accent, #7c6af7)}.cz-pick-people{max-height:min(16rem,40vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:10px;padding:.4rem .55rem}.cz-pick-row{display:flex;align-items:center;gap:.5rem;min-height:36px;cursor:pointer}.cz-danger{background:#b02525;color:#fff;border-color:transparent}.cz-lib{margin-top:.7rem;border:1px solid var(--border);border-radius:12px;padding:.6rem;display:grid;gap:.5rem;min-width:0}.cz-lib-head{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.cz-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.3rem;max-height:min(22rem,46vh);overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}.cz-lib-item{display:grid;gap:.1rem;text-align:left;min-width:0;appearance:none;border:1px solid var(--border);border-radius:9px;background:var(--control-bg);color:var(--text);font:inherit;padding:.35rem .5rem;cursor:pointer}.cz-lib-item:hover:not(:disabled){border-color:var(--accent, #7c6af7)}.cz-lib-item.is-in{opacity:.45;cursor:default}.cz-lib-title,.cz-lib-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-lib-title{font-size:.85rem}.cz-lib-meta{font-size:.7rem}.cz-lib-note{margin:0;font-size:.78rem}.kitbar{display:grid;gap:.35rem;min-width:0}.kitbar-save{display:flex;gap:.3rem;align-items:center}.kitbar-input{flex:1 1 7rem;min-width:0;padding:.3rem .45rem;border:1px solid var(--border);border-radius:8px;background:var(--control-bg);color:var(--text);font:inherit;font-size:.82rem}.kitbar-list{display:flex;gap:.3rem;flex-wrap:wrap}.kitbar-kit{display:flex;align-items:stretch;gap:.15rem;min-width:0}.kitbar-btn{display:grid;gap:.05rem;text-align:left;min-width:0;max-width:11rem;appearance:none;border:1px solid var(--border);border-radius:9px;background:var(--control-bg);color:var(--text);font:inherit;padding:.25rem .5rem;cursor:pointer}.kitbar-btn:hover{border-color:var(--accent)}.kitbar-name,.kitbar-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kitbar-name{font-size:.82rem}.kitbar-desc{font-size:.68rem}.kitbar-del{flex:none;padding:0 .35rem}.look-save{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.look-input{flex:1 1 8rem;min-width:0;padding:.4rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--control-bg);color:var(--text);font:inherit}.look-head{margin:.2rem 0 -.3rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.4rem}.look-card{display:flex;align-items:stretch;gap:.25rem;min-width:0}.look-btn{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0;text-align:left;appearance:none;border:1px solid var(--border);border-radius:10px;background:var(--control-bg);color:var(--text);font:inherit;padding:.4rem;cursor:pointer}.look-btn:hover{border-color:var(--accent)}.look-chip{flex:none;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:7px;border:2px solid var(--border);background:var(--bg);font-size:.72rem;font-weight:700}.look-text{display:grid;min-width:0}.look-name,.look-parts{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.look-name{font-size:.86rem}.look-parts{font-size:.72rem}.look-del{flex:none;padding:0 .45rem}.trail-comet{width:22px;height:7px;border-radius:999px;transform-origin:50% 50%}.trail-ribbon{width:38px;height:14px;border-radius:999px;transform-origin:50% 50%;filter:blur(1px)}.trail-mote{width:6px;height:6px}.trail-ink{border-radius:50%;filter:blur(1.5px)}.trail-spark{width:5px;height:5px}.trail-petal{width:10px;height:17px;border-radius:50%/60% 60% 40% 40%}.trail-dash{width:24px;height:4px;border-radius:2px;transform-origin:50% 50%}.trail-bubble{border:1.5px solid currentColor;background:none}.trail-smoke{border-radius:50%;filter:blur(4px)}.trail-chase{width:11px;height:11px}.trail-thread{height:3px;border-radius:2px;transform-origin:50% 50%}.click-fx-glyph{border-radius:0;background:none;line-height:1;white-space:nowrap}@media(prefers-reduced-motion:reduce){#click-fx-layer{display:none}}.winlauncher-panel{z-index:900030;width:min(23rem,calc(100vw - 2rem));max-height:min(60vh,30rem);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md, 12px);background:var(--card, var(--bg));box-shadow:0 10px 30px #00000059;overflow:hidden}.winlauncher-search{border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:.7rem .9rem;font:inherit;font-size:.92rem}.winlauncher-search:focus{outline:2px solid var(--accent);outline-offset:-2px}.winlauncher-list{overflow-y:auto;padding:.5rem}.winlauncher-row{width:100%;display:flex;align-items:stretch;margin-bottom:.2rem}.winlauncher-row-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border:0;border-radius:8px 0 0 8px;background:transparent;color:var(--text);font:inherit;font-size:.92rem;text-align:left;cursor:pointer}.winlauncher-row-main:hover:not(:disabled){background:var(--card2, rgba(127, 127, 127, .12))}.winlauncher-row-main:disabled{cursor:default;opacity:.7}.winlauncher-row-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winlauncher-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0;background:var(--accent)}.winlauncher-dot.is-min{background:transparent;border:1.5px solid var(--muted, currentColor);opacity:.55}.winlauncher-row-switch{flex-shrink:0;display:flex;align-items:center;padding:0 .7rem;border:0;border-left:1px solid var(--border);border-radius:0 8px 8px 0;background:transparent;cursor:pointer}.winlauncher-row-switch:hover{background:var(--card2, rgba(127, 127, 127, .12))}.winlauncher-why{flex-shrink:0;padding:.15rem .5rem;border-radius:999px;background:var(--card2, rgba(127, 127, 127, .14));color:var(--muted);font-size:.72em;white-space:nowrap}.winlauncher-why.is-front{background:color-mix(in oklab,var(--accent),transparent 84%);color:var(--accent)}.winlauncher-empty{padding:.9rem .75rem;font-size:.9em}.winlauncher-group{padding:.6rem .6rem .3rem;font-size:.75em;letter-spacing:.04em;text-transform:uppercase;opacity:.6}.winlauncher-spaces{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem;border-top:1px solid var(--border)}.winlauncher-space{display:inline-flex}.winlauncher-space .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.winlauncher-x{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;padding-inline:.4rem}.sharestage{position:fixed;right:1rem;bottom:1rem;z-index:900020;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:min(96vw,1200px);max-height:calc(100dvh - var(--nav-h, 54px) - 2rem);overflow-y:auto}.sharestage-bar{display:flex;justify-content:flex-end}.sharestage-restore{position:fixed;right:1rem;bottom:1rem;z-index:900020;box-shadow:0 6px 20px #0000004d}.sharestage-item{margin:0;border:1px solid var(--border);border-radius:var(--r-md, 12px);background:#000;overflow:hidden;box-shadow:0 10px 30px #00000073}.sharestage-item video{display:block;width:min(46vw,560px);max-height:45vh;object-fit:contain;background:#000}.sharestage-item.is-big video{width:min(88vw,1200px);max-height:78vh}.sharestage-item:fullscreen{position:relative;display:grid;place-items:center;background:#000}.sharestage-item:fullscreen video{width:100vw;height:100vh;max-height:100vh;object-fit:contain}.sharestage-item:fullscreen figcaption{position:absolute;left:0;right:0;bottom:0;background:#0009;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.sharestage-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .4rem;background:var(--card, rgba(0, 0, 0, .6))}.sharestage-label{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharestage-controls{display:flex;gap:.25rem;flex-shrink:0}.sharestage-controls .btn{padding:.15rem .4rem;font-size:.9rem;line-height:1.4}@media(max-width:700px){.sharestage-item video,.sharestage-item.is-big video{width:92vw}.sharestage-controls .btn,.callroster-actions .btn,.profile-editrow-actions .btn{min-width:40px;min-height:40px}.profile-editrow-settings .profile-editrow-size{display:none}.profile-editrow-settings .profile-editrow-look{display:block}.profile-editrow-look .profile-width-row .btn,.profile-editrow-settings select.btn{min-height:40px}.profile-mood{min-width:40px;min-height:40px;font-size:1.3rem}.profile-editor-add .btn,.profile-editor .btn{min-height:40px}}.call-dock-crowded{font-size:.8rem;white-space:nowrap}.usage-panel h3{margin:0 0 .5rem}.usage-hero{margin:0;font-size:1.4rem}.usage-note,.usage-caveat{margin:.35rem 0 0;font-size:.85rem}.usage-caveat{font-size:.78rem;max-width:46ch}.usage-months{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.2rem;max-width:18rem;font-size:.85rem}.usage-months li{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.15rem}.call-dock-shareerr{font-size:.78rem;color:var(--warn, #e0a33e);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.callroster{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--bottom-guard) + var(--kb) + var(--pin-gap) + 3.2rem);z-index:900010;width:min(90vw,20rem);max-height:60vh;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md, 12px);background:var(--card, var(--bg));box-shadow:0 10px 30px #00000059;overflow:hidden}.callroster-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;border-bottom:1px solid var(--border)}.callroster-list{list-style:none;margin:0;padding:.25rem;overflow-y:auto}.callroster-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:8px}.callroster-row:hover{background:var(--card2, rgba(127, 127, 127, .1))}.callroster-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--muted, #8a8a8a)}.callroster-dot.is-connected{background:var(--accent, #22c55e)}.callroster-dot.is-speaking{background:var(--accent, #22c55e);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent, #22c55e),transparent 70%)}.callroster-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.callroster-status{font-size:.78rem;flex-shrink:0}.callroster-actions{display:flex;gap:.25rem;flex-shrink:0}.callroster-actions .btn{padding:.15rem .4rem}.callroster-empty{padding:.6rem;font-size:.9em}.profile-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.profile-head-who{min-width:0;flex:1 1 10rem}.profile-head-actions{margin-left:auto;display:flex;gap:.4rem;flex-shrink:0}@media(max-width:700px){.profile-head-actions{margin-left:0;width:100%}.profile-head-actions>.btn{flex:1 1 auto;min-height:40px}}.profile-blocks-grid{display:grid;gap:var(--sp-3, 1rem);grid-template-columns:repeat(6,1fr);align-items:start}.profile-block.is-small{grid-column:span 2}.profile-block.is-medium{grid-column:span 3}.profile-block.is-large{grid-column:1 / -1}@media(max-width:700px){.profile-blocks-grid{grid-template-columns:1fr}.profile-block.is-small,.profile-block.is-medium,.profile-block.is-large{grid-column:1 / -1}}.profile-banner-art{display:block;width:100%;aspect-ratio:5 / 2;min-height:9rem;height:100%}@media(min-width:700px){.profile-banner-art{aspect-ratio:7 / 2}}.profile-banner-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(5.5rem,100%),1fr));gap:.4rem}.profile-banner-swatch{position:relative;height:3.4rem;border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;padding:0}.profile-banner-swatch.is-on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}.profile-banner-swatch span{position:absolute;inset:auto 0 0;padding:.15rem .3rem;font-size:.66rem;font-weight:600;color:#fff;background:#0000006b}.profile-hue{width:100%;accent-color:var(--accent);background:linear-gradient(90deg,#e83030,#e8e830,#30e830,#30e8e8,#3030e8,#e830e8,#e83034);border-radius:999px;height:.6rem;appearance:none}.profile-hue::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.45);cursor:pointer}.profile-hue::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.45);cursor:pointer}@media(max-width:700px){.profile-hue{height:1.6rem;padding-block:.5rem;background-clip:content-box}.profile-hue::-webkit-slider-thumb{width:1.5rem;height:1.5rem}.profile-hue::-moz-range-thumb{width:1.5rem;height:1.5rem}}.cz-vs{margin-top:.9rem;padding:.6rem .7rem;border-radius:10px;background:var(--b1, rgba(127, 127, 127, .07))}.cz-vs-head{display:flex;align-items:center;gap:.4rem;justify-content:center;font-weight:800;font-size:.82rem;margin-bottom:.45rem}.cz-vs-row{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.cz-vs-label{width:5.5rem;font-size:.7rem;flex-shrink:0}.cz-vs-num{width:3.2rem;font-size:.8rem;text-align:right;flex-shrink:0}.cz-vs-right{text-align:left}.cz-vs-bar{flex:1;display:flex;height:10px;border-radius:6px;overflow:hidden;min-width:3rem}.cz-vs-bar>span{display:block;height:100%}.cz-vs-note{margin:.45rem 0 0;font-size:.72rem;text-align:center}.profile-status{display:flex;align-items:center;gap:.6rem;font-size:1.05rem}.profile-status-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}.profile-mood-row{display:flex;flex-wrap:wrap;gap:.25rem}.profile-mood{font-size:1.15rem;line-height:1;padding:.25rem .35rem;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.profile-mood.is-on{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 86%)}.profile-look-window{background:linear-gradient(180deg,var(--bg-grad1, var(--bg)),var(--bg));color:var(--text);margin:-12px;padding:12px;min-height:calc(100% + 24px);align-content:start}.site-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.site-backdrop canvas{display:block;width:100%;height:100%}.profile-has-backdrop{position:relative}.profile-has-backdrop>*:not(.site-backdrop){position:relative;z-index:1}.site-backdrop.is-inline{position:absolute;z-index:0}.profile-trophies{display:flex;flex-wrap:wrap;gap:.35rem}.profile-trophy{padding:.2rem .5rem;border-radius:999px;font-size:.82rem;white-space:nowrap;background:color-mix(in oklab,#f5b73d,transparent 84%);border:1px solid color-mix(in oklab,#f5b73d,transparent 58%)}.profile-trophy.is-silver{background:color-mix(in oklab,#c9ccd1,transparent 84%);border-color:color-mix(in oklab,#c9ccd1,transparent 58%)}.profile-trophy.is-bronze{background:color-mix(in oklab,#cd7f32,transparent 84%);border-color:color-mix(in oklab,#cd7f32,transparent 58%)}.profile-h2h{font-size:.9rem}.profile-note{padding:.5rem .6rem;border-radius:8px;background:var(--card2, rgba(127, 127, 127, .08));border:1px solid var(--border)}.profile-note-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.profile-note-author{font-weight:700;font-size:.86rem;color:var(--accent);text-decoration:none}.profile-note-when{font-size:.74rem}.profile-note-x{margin-left:auto;padding:0 .35rem;font-size:.7rem;opacity:.6}.profile-note-x:hover{opacity:1}.profile-person-chip{display:inline-flex;align-items:center;gap:.35rem}.profile-person-dot{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.profile-editrow-settings{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--border)}.profile-editrow-settings label{display:grid;gap:3px;font-size:.78rem}.profile-editrow-textarea{width:100%;resize:vertical;font:inherit}.fund-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.9rem 1.4rem}.reconcile-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}table.reconcile{border-collapse:collapse;width:100%;font-size:.84rem;white-space:nowrap}table.reconcile th,table.reconcile td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid var(--b1, rgba(127, 127, 127, .12))}table.reconcile th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;background:var(--card, var(--bg))}table.reconcile .num{text-align:right;font-variant-numeric:tabular-nums}table.reconcile tr:last-child td{border-bottom:0}table.reconcile tfoot .reconcile-total td{position:sticky;bottom:0;background:var(--card, var(--bg));border-top:2px solid var(--border);border-bottom:0;padding-top:.5rem}.reconcile-bad{color:#f46b6b;font-weight:700}.import-drop{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.import-err{color:#f46b6b}.import-review{margin-top:.75rem}.import-review-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.4rem 0;border-bottom:1px solid var(--b1, rgba(127, 127, 127, .12));font-size:.86rem}.import-review-actions{display:flex;gap:.3rem;margin-left:auto}@media(max-width:700px){.import-review-actions{margin-left:0;width:100%}.import-review-actions .btn{flex:1 1 auto;min-height:40px}}.import-fail,.import-done{margin:.6rem 0;padding:.6rem .75rem;border-radius:10px;font-size:.88rem}.import-fail{background:color-mix(in oklab,#f46b6b,transparent 88%);border:1px solid color-mix(in oklab,#f46b6b,transparent 55%)}.import-done{background:color-mix(in oklab,var(--accent, #22c55e),transparent 88%);border:1px solid color-mix(in oklab,var(--accent, #22c55e),transparent 55%)}.import-warn{margin:.6rem 0;padding:.6rem .75rem;border-radius:10px;font-size:.85rem;background:color-mix(in oklab,#f5b73d,transparent 86%);border:1px solid color-mix(in oklab,#f5b73d,transparent 55%)}.import-facts{display:grid;grid-template-columns:max-content 1fr;gap:.15rem .75rem;margin:.6rem 0 0;font-size:.86rem}.import-facts dt{color:var(--muted)}.import-facts dd{margin:0}@media(max-width:700px){.import-facts{grid-template-columns:1fr;gap:0 0}.import-facts dd{margin-bottom:.4rem}}.import-samples{margin-top:.4rem;font-size:.72rem;display:grid;gap:.5rem;overflow-x:auto}.import-samples>div>div{white-space:nowrap}.profile-editor-status{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.75rem;padding:.5rem .6rem;border-radius:.6rem;background:color-mix(in srgb,var(--bg, #15151a) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line, rgba(255, 255, 255, .14));font-size:.82rem;min-height:1.6rem}.profile-editor-done{margin-left:auto}.profile-editor-err{color:#f46b6b}.profile-editor-add{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.cz-lounge-whos-here{padding:.3rem .75rem;font-size:.8rem;border-bottom:1px solid var(--border)}.fx-style-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(4.6rem,100%),1fr));gap:.4rem;padding-block:.3rem}.fx-style-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-size:1.1rem;cursor:pointer}.fx-style-btn.is-on{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 88%)}.fx-style-label{font-size:.72rem;opacity:.75}.cz-msg-author{display:block;font-size:.72rem;font-weight:700;opacity:.85;color:inherit;text-decoration:none}a.cz-msg-author:hover,a.cz-msg-author:focus-visible{text-decoration:underline;opacity:1}.cz-msg-author-plain{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cz-board-name{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz-board-name:focus-visible{outline:2px solid var(--accent, #7c6af7);outline-offset:2px;border-radius:4px}#content:focus:not(:focus-visible){outline:none}.inst-roll-host,.inst-roll-host *{user-select:none;-webkit-user-select:none}.inst-roll-host{display:block;width:100%;padding:0;min-width:0}.roll{width:fit-content;max-width:100%;min-width:min(100%,34rem);border:1px solid var(--line);border-radius:.5rem;background:color-mix(in srgb,var(--bg) 88%,var(--text) 12%);overflow:hidden}.roll-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.4rem .55rem;border-bottom:1px solid var(--line)}.roll-hint{font-size:.7rem;flex:1 1 12rem}.roll-body{display:flex;min-width:0;max-height:26rem}.roll-keys{flex:0 0 auto;border-right:1px solid var(--line);overflow:hidden}.roll-key{height:18px;width:2.4rem;font-size:.55rem;line-height:15px;padding-left:.25rem;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--line) 40%,transparent)}.roll-key.is-black{background:color-mix(in srgb,var(--bg) 70%,#000 30%)}.roll-scroll{overflow:auto;flex:1 1 auto;min-width:0}.roll-grid{position:relative;touch-action:none;cursor:crosshair}.roll-row,.roll-line,.roll-note,.roll-head{position:absolute}.roll-row{left:0;right:0;width:100%;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.roll-row.is-black{background:color-mix(in srgb,var(--bg) 80%,#000 20%)}.roll-line{top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--line) 45%,transparent)}.roll-line.is-beat{background:color-mix(in srgb,var(--line) 85%,transparent)}.roll-line.is-bar{background:var(--accent);opacity:.5}.roll-note{background:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 55%,#000 45%);border-radius:3px;cursor:grab}.roll-note.is-sel{outline:2px solid var(--text);outline-offset:1px;z-index:2}.roll-head{top:0;bottom:0;left:0;width:2px;background:var(--accent-2, #ef4444);pointer-events:none;z-index:3;will-change:transform}.inst-capture-note{margin:.2rem 0 0;font-size:.78rem}.viz-party{align-items:center;gap:.4rem;flex-wrap:wrap}.viz-party-note{font-size:.72rem}.profile-song{align-items:center;flex-wrap:wrap}.profile-song-play{font-size:1rem;min-width:2.4rem}.profile-visual{padding:0;overflow:hidden;height:12rem}.profile-block.profile-visual.is-small{height:8rem}.profile-block.profile-visual.is-large{height:18rem}.profile-visual canvas{display:block;width:100%;height:100%}@media(max-width:780px),(orientation:landscape)and (max-height:560px){.inst-keys{order:-2}.inst-bar{order:-1}.inst-key{min-width:2.4rem}.inst-wrap{padding-bottom:1rem}}@media(orientation:landscape)and (max-height:560px){.inst-keys{height:min(62vh,15rem)}.inst-key{min-width:2.2rem}.card:has(>.inst-wrap)>h2{font-size:1.05rem;margin-bottom:.15rem}.card:has(>.inst-wrap)>p.muted{display:none}.inst-note{display:none}.inst-picks .fx-style-label{font-size:.65rem}.inst-row{gap:.45rem}}.inst-key{-webkit-touch-callout:none}.inst-arrange{flex:1 0 100%;display:flex;align-items:center;gap:2px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px}.inst-bar-cell{width:12px;height:18px;flex:0 0 12px;padding:0;border:1px solid var(--line);border-radius:2px;background:transparent}.inst-bar-cell.is-on{background:var(--accent);border-color:var(--accent)}.inst-bar-cell:focus-visible{outline:2px solid var(--text);outline-offset:1px}.inst-bar-all{font-size:.62rem;padding:.05rem .3rem}.inst-keys[data-kit="1"] .inst-key-name{font-size:.55rem;line-height:1.1;text-align:center;padding:0 1px;overflow-wrap:anywhere;opacity:.85}#paint>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paint-wrap{display:flex;flex-direction:column;gap:.7rem;min-width:0}.paint-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.paint-tools{grid-template-columns:repeat(auto-fit,minmax(min(5rem,100%),1fr))}.paint-swatches{display:flex;gap:3px;flex-wrap:wrap}.paint-swatch{width:22px;height:22px;border-radius:4px;border:1px solid var(--line);padding:0;cursor:pointer}.paint-swatch.is-on{outline:2px solid var(--text);outline-offset:1px}.paint-count{font-size:.75rem;margin-left:auto}.paint-row .appearance-slider input[type=range]{width:5.5rem;min-width:0}.paint-row.paint-pet-guide{order:-1}@media(min-width:700px){.paint-row.paint-pet-guide{order:5}}.paint-tools-panel{display:flex;flex-direction:column;gap:.7rem;min-width:0}.paint-wrap.tools-hidden .paint-tools-panel,.paint-wrap.tools-hidden .paint-bar{display:none}@media(min-width:781px){.paint-wrap:not(.tools-hidden) .paint-tools-panel{display:contents}.paint-wrap:not(.tools-hidden) .paint-board{height:clamp(14rem,calc(100vh - 334px),40rem)}.paint-wrap:not(.tools-hidden) .paint-board.has-shape{height:auto;width:min(100%,calc(clamp(14rem,calc(100vh - 334px),40rem) * var(--paint-ar)))}.paint-bar{order:-3}.paint-wrap:not(.tools-hidden) .paint-board{order:-2}.paint-row.paint-draw{order:-1}.paint-row.paint-select{order:1}.paint-row.paint-frames{order:2}.paint-row.paint-picture{order:3}.paint-shape-row{order:4}.paint-wrap>.paint-note,.paint-wrap>.also-together{order:5}}@media(min-width:64rem){.paint-wrap{--paint-h: clamp(18rem, calc(100vh - 159px) , 60rem)}.paint-wrap:not(.tools-hidden){flex-flow:row wrap;align-items:flex-start}.paint-wrap:not(.tools-hidden) .paint-tools-panel{display:flex;flex:0 0 21rem;width:21rem;order:2;max-height:var(--paint-h);overflow-y:auto;padding-right:.3rem}.paint-wrap:not(.tools-hidden) .paint-bar{order:0;flex:0 0 auto}.paint-wrap:not(.tools-hidden) .paint-row.paint-draw{order:1}.paint-wrap:not(.tools-hidden) .paint-row.paint-select{order:2}.paint-wrap:not(.tools-hidden) .paint-row.paint-frames{order:3}.paint-wrap:not(.tools-hidden) .paint-row.paint-picture{order:4}.paint-wrap:not(.tools-hidden) .paint-board{order:1;flex:1 1 22rem;min-width:0;height:var(--paint-h)}.paint-wrap:not(.tools-hidden) .paint-board.has-shape{flex:0 1 auto;height:auto;width:min(100%,calc(var(--paint-h) * var(--paint-ar)),calc(100% - 22rem))}.paint-wrap:not(.tools-hidden) .paint-shape-row{order:3;flex:1 1 100%}.paint-wrap:not(.tools-hidden)>.paint-note,.paint-wrap:not(.tools-hidden)>.also-together{order:4;flex:1 1 100%}.paint-wrap:fullscreen .paint-board,.paint-wrap.is-full .paint-board{height:calc(100vh - 5rem);min-height:0;flex:1 1 22rem}.paint-wrap:fullscreen,.paint-wrap.is-full{display:grid;grid-template-columns:minmax(0,1fr) 21rem;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.paint-wrap:fullscreen.tools-hidden,.paint-wrap.is-full.tools-hidden{grid-template-columns:minmax(0,1fr)}.paint-wrap:fullscreen .paint-board,.paint-wrap.is-full .paint-board{grid-column:1;grid-row:2;height:auto;min-height:0;max-height:100%;margin-right:0}.paint-wrap:fullscreen .paint-board.has-shape,.paint-wrap.is-full .paint-board.has-shape{height:100%;width:auto;max-width:100%;min-height:0;aspect-ratio:var(--paint-ar);margin-inline:auto}.paint-wrap:fullscreen .paint-shape-row,.paint-wrap.is-full .paint-shape-row{flex:0 0 auto;min-height:0}.paint-wrap:fullscreen .paint-tools-panel,.paint-wrap.is-full .paint-tools-panel{position:static;grid-column:2;grid-row:2;width:auto;max-height:none;min-height:0;overflow-y:auto}.paint-wrap:fullscreen .paint-shape-row,.paint-wrap.is-full .paint-shape-row{grid-column:1 / -1;grid-row:3}}.paint-wrap.tools-hidden .paint-board{height:clamp(18rem,74vh,52rem)}.paint-wrap.tools-hidden .paint-board.has-shape{height:auto;width:min(100%,calc(clamp(18rem,74vh,52rem) * var(--paint-ar)))}.cz-head-filter,.cz-tool-end{margin-left:auto}@media(max-width:40rem){.cz-head-filter,.cz-tool-end{margin-left:0}}.inst-pick-open{display:none;align-items:center;gap:.35rem}@media(max-width:40rem){.inst-pick-open{display:inline-flex}.inst-picks{display:none}.inst-picks.is-open{display:grid}}@media(max-width:40rem){.cz-view-tools .btn,.cz-view-tools .btn-ghost{padding:4px 9px;font-size:.78rem}}.paint-row-divide{width:1px;align-self:stretch;min-height:1.2rem;background:var(--border);margin-inline:.3rem}.pet-corner{position:fixed;right:.6rem;bottom:calc(var(--bottom-guard, 0px) + .6rem);z-index:600;pointer-events:none;display:flex;align-items:flex-start;gap:.1rem}.pet-corner-poke{pointer-events:auto;border:0;background:none;padding:0;cursor:pointer;line-height:0;border-radius:12px}.pet-corner-away{pointer-events:auto;border:0;background:none;color:inherit;font:inherit;font-size:.7rem;line-height:1;padding:2px 4px;cursor:pointer;opacity:.35;transition:opacity .15s ease}.pet-corner:hover .pet-corner-away,.pet-corner:focus-within .pet-corner-away{opacity:.9}.profile-pets{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.8rem}.profile-pet{display:flex;flex-direction:column;align-items:center;gap:.15rem;border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;border-radius:12px;line-height:0}.profile-pet-name{font-size:.72rem;line-height:1.2;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-room{display:grid;gap:.9rem}.pets-head h2{margin:0}.pets-head p{margin:.3rem 0 0;font-size:.85rem;max-width:46rem}.pets-how{font-size:.82rem;border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem;max-width:46rem}.pets-how>summary{cursor:pointer;font-weight:600}.pets-how[open]>summary{margin-bottom:.4rem}.pets-how ol{margin:0 0 .5rem;padding-left:1.2rem;display:grid;gap:.22rem}.pets-how p{margin:0 0 .35rem}.pets-how code{font-size:.95em;padding:0 3px;border:1px solid var(--border);border-radius:4px}.pets-note{margin:0;font-size:.82rem}.pets-strip{display:flex;flex-wrap:wrap;gap:.5rem}.pets-chip{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;border:1px solid var(--border);border-radius:12px;background:none;color:inherit;cursor:pointer;font:inherit}.pets-chip.is-on{border-color:var(--accent, #7c6af7);box-shadow:inset 0 0 0 1px var(--accent, #7c6af7)}.pets-chip-name{font-size:.7rem;max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-stage{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}.pets-poke{border:0;background:none;padding:0;cursor:pointer;border-radius:14px;line-height:0}.pets-facts{display:grid;gap:.35rem;font-size:.85rem;min-width:min(18rem,100%);flex:1}.pets-parts{margin:0;padding:0;list-style:none;display:grid;gap:.15rem;font-size:.8rem}.pets-part{font-weight:600}.pets-part.is-asleep{font-weight:500;opacity:.55}.pets-hint{font-size:.76rem;max-width:34rem}.pets-size-for{font-size:.76rem;margin-left:.2rem}.pets-stances{display:flex;flex-wrap:wrap;gap:.3rem}.pet-play{display:flex;flex-direction:column;gap:.5rem}.pet-play-field{position:relative;aspect-ratio:16 / 9;width:100%;border:1px solid var(--line, rgba(255, 255, 255, .16));border-radius:10px;overflow:hidden;background:radial-gradient(120% 80% at 50% 110%,color-mix(in srgb,var(--accent, #7c6af7) 20%,transparent),transparent 70%),color-mix(in srgb,var(--bg) 84%,var(--text) 16%);touch-action:none}.pet-play-stage{position:absolute;inset:0;overflow:hidden}.pet-play-floor{position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(to bottom,color-mix(in srgb,var(--text) 58%,transparent) 0 3px,color-mix(in srgb,var(--text) 14%,transparent) 3px 100%)}.pet-play-ledge{position:absolute;height:8px;border-radius:3px;background:linear-gradient(to bottom,color-mix(in srgb,var(--text) 52%,transparent) 0 3px,color-mix(in srgb,var(--text) 16%,transparent) 3px 100%)}.pet-play-pet{position:absolute;transform:translate(-50%,-100%);will-change:transform;line-height:0;padding:0;border:0;background:none;cursor:pointer}.pet-play-pet.is-lead:after{content:"";position:absolute;left:50%;bottom:-2px;width:42%;height:5px;transform:translate(-50%);border-radius:50%;background:var(--accent, #7c6af7);box-shadow:0 0 10px 2px color-mix(in srgb,var(--accent, #7c6af7) 60%,transparent)}.pet-play-pet:not(.is-lead){opacity:.82}.pet-play-pet:focus-visible{outline:2px solid var(--accent, #7c6af7);outline-offset:2px}.pet-play-treat{position:absolute;width:11px;height:11px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent, #7c6af7);box-shadow:0 0 9px 2px color-mix(in srgb,var(--accent, #7c6af7) 55%,transparent);transition:opacity .18s ease,transform .18s ease}.pet-play-treat.is-gone{opacity:0;transform:scale(2.1)}@media(prefers-reduced-motion:reduce){.pet-play-treat{transition:none}}.pet-play-pad{display:none}@media(hover:none),(pointer:coarse){.pet-play-field{aspect-ratio:4 / 3}.pet-play-stage{inset:0 0 58px}.pet-play-pad{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:flex-end;padding:.5rem;gap:.5rem;pointer-events:none}.pet-play-pad-side{display:flex;gap:.5rem;pointer-events:none}.pet-play-key{pointer-events:auto;width:48px;height:48px;display:grid;place-items:center;font-size:1.1rem;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 62%,transparent);color:var(--text);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pet-play-key.is-jump{background:color-mix(in srgb,var(--accent, #7c6af7) 34%,transparent)}.pet-play-key:active{background:color-mix(in srgb,var(--accent, #7c6af7) 52%,transparent)}}.park{display:flex;flex-direction:column;gap:10px}.park-stage{position:relative;display:flex;flex-direction:column;gap:8px}.park-stage:fullscreen{justify-content:center;padding:12px;background:var(--bg, #14101a)}.park-stage:fullscreen .park-field{width:min(100%,140.8vh);align-self:center}.park-field{position:relative;width:min(100%,calc(68vh * 1.6));margin-inline:auto;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,#7fc46a 7%,transparent)}.park-ground{position:absolute;background:repeating-radial-gradient(circle at 12% 22%,color-mix(in srgb,#7fc46a 30%,transparent) 0 2px,transparent 2px 100%),repeating-radial-gradient(circle at 68% 74%,color-mix(in srgb,#7fc46a 22%,transparent) 0 3px,transparent 3px 100%),radial-gradient(30% 22% at 34% 30%,color-mix(in srgb,#c9a86a 22%,transparent),transparent 72%),radial-gradient(26% 18% at 72% 68%,color-mix(in srgb,#c9a86a 18%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,#7fc46a 16%,transparent),transparent 85%);background-size:6% 9%,9% 13%,100% 100%,100% 100%,100% 100%}.park-map{position:absolute;right:10px;top:10px;width:min(132px,26%);aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,#7fc46a 10%,transparent);overflow:hidden}.park-map-view{position:absolute;border:1px solid color-mix(in srgb,var(--text) 45%,transparent);background:color-mix(in srgb,var(--text) 8%,transparent);border-radius:2px}.park-map-dot{position:absolute;width:5px;height:5px;margin:-3px 0 0 -3px;border-radius:50%;background:color-mix(in srgb,var(--text) 60%,transparent)}.park-map-dot.is-stroll{width:4px;height:4px;margin:-2px 0 0 -2px;background:color-mix(in srgb,#7fc46a 85%,transparent)}.park-map-dot.is-boss{width:9px;height:9px;margin:-5px 0 0 -5px;background:#e8534e;box-shadow:0 0 0 2px color-mix(in srgb,#e8534e 30%,transparent)}.park-map-dot.is-me{width:7px;height:7px;margin:-4px 0 0 -4px;background:var(--accent, #7c6af7)}.park-one{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.paint-pet-fight{margin-top:.5rem}.paint-pet-has{display:flex;flex-wrap:wrap;gap:.1rem .7rem;font-size:.76rem}.paint-pet-has .is-on{color:var(--accent, #7c6af7);font-weight:600}.park-needs-map{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.78rem}.park-tag{position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.park-name{font-size:.68rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--bg, #111) 62%,transparent);white-space:nowrap;max-width:12ch;overflow:hidden;text-overflow:ellipsis}.park-one.is-boss .park-name{background:color-mix(in srgb,#e8534e 80%,transparent);color:#fff;font-weight:700;max-width:18ch}.park-one.is-boss.is-hit{filter:brightness(1.8) saturate(.5)}.park-one.is-boss.is-beaten{filter:grayscale(1) brightness(.55)}.park-life{width:74px;height:5px;margin-bottom:2px;border-radius:3px;overflow:hidden;background:color-mix(in srgb,var(--text) 25%,transparent)}.park-life i{display:block;height:100%;background:#e8534e;transition:width 90ms linear}.park-one.is-boss.is-turning canvas{transform:scaleX(.55);filter:brightness(1.12)}.park-one.is-boss canvas{transition:transform .11s ease-out,filter .11s ease-out}@media(prefers-reduced-motion:reduce){.park-one.is-boss canvas{transition:none}}.park-one.is-beaten .park-life{display:none}.park-life.is-mine i{background:var(--accent, #7c6af7)}.park-one.is-spared canvas{filter:brightness(1.2) contrast(.94)}.park-one.is-rolling canvas{opacity:.45;filter:brightness(1.5) saturate(.4)}.park-one.is-down canvas{transform:rotate(-72deg) translateY(12%);filter:grayscale(.8) brightness(.75);transition:transform .26s ease-out,filter .26s ease-out}.park-one.is-down .park-name{opacity:.8}@media(prefers-reduced-motion:reduce){.park-one.is-down canvas{transition:none}}.park-reach{position:absolute;z-index:1;pointer-events:none;border-radius:999px;background:color-mix(in srgb,var(--accent, #7c6af7) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent, #7c6af7) 26%,transparent);transition:background 90ms linear,box-shadow 90ms linear}.park-reach.is-on{background:color-mix(in srgb,var(--accent, #7c6af7) 26%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent, #7c6af7) 78%,transparent)}@media(prefers-reduced-motion:reduce){.park-reach{transition:none}}@keyframes park-cornered{0%,to{filter:brightness(1.06) saturate(1.15)}50%{filter:brightness(1.3) saturate(1.5)}}.park-one.is-boss.is-cornered canvas{animation:park-cornered .62s ease-in-out infinite}.park-one.is-boss.is-cornered .park-life i{background:#ffb020}@media(prefers-reduced-motion:reduce){.park-one.is-boss.is-cornered canvas{animation:none;filter:brightness(1.2) saturate(1.4)}}.park-result{margin:4px 0 0;font-size:.86rem}.park-live{position:absolute;top:0;left:0;right:0;z-index:40;display:grid;justify-items:center;gap:2px;padding:6px 10px 0;pointer-events:none;text-align:center}.park-live p{margin:0;max-width:34rem;padding:3px 10px;border-radius:999px;background:#0000006b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.park-down{margin:4px 0 0;font-size:.86rem;opacity:.85}.park-down strong,.park-result strong{color:var(--accent, #7c6af7)}.park-belt{position:absolute;left:8px;bottom:8px;display:flex;gap:4px;pointer-events:none;z-index:40}.park-belt-one{position:relative;overflow:hidden;display:flex;align-items:center;gap:4px;padding:2px 7px;border-radius:7px;font-size:.66rem;line-height:1.5;white-space:nowrap;background:color-mix(in srgb,var(--bg, #111) 72%,transparent);border:1px solid color-mix(in srgb,var(--text) 18%,transparent);color:var(--text)}.park-belt-one b{font-size:.6rem;opacity:.65}.park-belt-one.is-waiting{opacity:.5}.park-belt-one.is-ready{border-color:color-mix(in srgb,var(--accent, #7c6af7) 60%,transparent)}.park-belt-one.is-out{background:var(--accent, #7c6af7);color:#fff;opacity:1}.park-belt-one.is-out b{opacity:.9}.park-belt-one i{position:absolute;left:0;bottom:0;height:2px;background:var(--accent, #7c6af7);opacity:.75}.park-shade{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,#000000d9,#0000);transform:translate(-50%,-50%)}.park-mark{position:absolute;z-index:0;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%}.park-mark.is-raised{box-shadow:inset 0 0 0 calc(1px + var(--top) * 3px) #ffffff21,0 calc(var(--top) * 7px) calc(var(--top) * 9px) #00000061}.park-mark.is-raised:after{content:"";position:absolute;inset:12%;border-radius:50%;background:rgb(255 255 255 / calc(.03 + var(--top) * .05))}.park-mark.is-pond{background:radial-gradient(closest-side,color-mix(in srgb,#4aa3d8 46%,transparent),color-mix(in srgb,#4aa3d8 16%,transparent) 70%,transparent)}.park-mark.is-grove{background:radial-gradient(closest-side,color-mix(in srgb,#2f7d3f 42%,transparent),color-mix(in srgb,#2f7d3f 12%,transparent) 72%,transparent)}.park-mark.is-ring{background:radial-gradient(closest-side,transparent 52%,color-mix(in srgb,#c9a86a 44%,transparent) 58%,color-mix(in srgb,#c9a86a 10%,transparent) 78%,transparent)}.park-mark.is-rocks{background:radial-gradient(closest-side,color-mix(in srgb,#8b8577 44%,transparent),color-mix(in srgb,#8b8577 12%,transparent) 68%,transparent)}.park-mark.is-wall{background:radial-gradient(closest-side,color-mix(in srgb,#57503f 72%,transparent) 60%,color-mix(in srgb,#57503f 30%,transparent) 78%,transparent)}.park-mark.is-flat{background:radial-gradient(closest-side,color-mix(in srgb,#9aa0a6 26%,transparent),color-mix(in srgb,#9aa0a6 8%,transparent) 70%,transparent)}.park-map-mark{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;opacity:.55}.park-map-mark.is-pond{background:#4aa3d8}.park-map-mark.is-grove{background:#2f7d3f}.park-map-mark.is-rocks{background:#8b8577}.park-map-mark.is-ring{background:transparent;box-shadow:inset 0 0 0 2px #c9a86a}.park-map-mark.is-flat{background:#9aa0a6}.park-map-mark.is-wall{background:#57503f}.park-where{margin:4px 0 0;font-size:.82rem;opacity:.8}.park-won{margin:8px 0 0;font-size:.82rem}.park-won summary{cursor:pointer;padding:4px 0}.park-won ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:3px}.park-won li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.park-won li span{color:color-mix(in srgb,var(--text) 68%,transparent);font-variant-numeric:tabular-nums}@media(pointer:coarse){.park-won summary{min-height:40px;display:flex;align-items:center}}.park-guard{position:absolute;pointer-events:none}.park-guard svg{display:block;width:100%;height:100%;overflow:visible}.park-guard path{fill:none;stroke:var(--accent, #7c6af7);stroke-width:9;stroke-linecap:round}.park-guard.is-met path{stroke:#fff;stroke-width:15}.park-guard.is-parry path{stroke:#ffd24a;stroke-width:20}.park-guard.is-spent path{stroke:#e8534e;stroke-width:5;stroke-dasharray:9 11}.park-tell{position:absolute;z-index:1;pointer-events:none;border-radius:999px;background:radial-gradient(ellipse at center,color-mix(in srgb,#e8534e 55%,transparent) 0%,color-mix(in srgb,#e8534e 26%,transparent) 62%,transparent 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#e8534e 45%,transparent)}.park-warning{margin:.2rem 0 0;font-size:.86rem;font-weight:700;color:#e8534e}@media(prefers-reduced-motion:no-preference){.park-warning{animation:park-warn-in .14s ease-out}}@keyframes park-warn-in{0%{opacity:0;transform:translateY(-2px)}}.park-patch{position:absolute;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,#f59e0b 30%,transparent) 0%,color-mix(in srgb,#f59e0b 16%,transparent) 70%,transparent 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb,#f59e0b 60%,transparent);transition:opacity 70ms linear}.park-patch.is-drawn{background:none;box-shadow:none;background-repeat:no-repeat;background-position:center;background-size:contain}.park-patch.is-mine{background:radial-gradient(circle at center,color-mix(in srgb,var(--accent, #7c6af7) 26%,transparent) 0%,transparent 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent, #7c6af7) 55%,transparent)}.park-patch.is-mine.is-live{background:radial-gradient(circle at center,color-mix(in srgb,var(--accent, #7c6af7) 62%,transparent) 0%,color-mix(in srgb,var(--accent, #7c6af7) 32%,transparent) 72%,transparent 100%);box-shadow:inset 0 0 0 2px var(--accent, #7c6af7)}.park-one.is-casting canvas{filter:brightness(1.25) saturate(1.3)}.park-patch.is-live{background:radial-gradient(circle at center,color-mix(in srgb,#e8534e 72%,transparent) 0%,color-mix(in srgb,#e8534e 40%,transparent) 72%,transparent 100%);box-shadow:inset 0 0 0 2px #e8534e}.park-dummy{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%,-100%);pointer-events:none}.park-dummy-post{width:16px;height:46px;border-radius:4px 4px 2px 2px;border:2px solid color-mix(in srgb,var(--text) 55%,transparent);background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--text) 22%,transparent) 0 6px,transparent 6px 12px);transition:background-color 90ms linear}.park-dummy.is-hit .park-dummy-post{background-color:color-mix(in srgb,#e8534e 70%,transparent);border-color:#e8534e}.park-box{position:absolute;pointer-events:none;z-index:60;border:1px solid}.park-box.is-foot{border-color:#38bdf8;background:color-mix(in srgb,#38bdf8 12%,transparent)}.cast-show-foot{z-index:1}.cast-show-ghost{position:absolute;border:1px dashed color-mix(in srgb,var(--text) 38%,transparent);border-radius:50%;pointer-events:none}.park-box.is-hit{border-color:#e8534e;background:color-mix(in srgb,#e8534e 18%,transparent)}.park-one.is-stroll{opacity:.62}.park-one.is-stroll .park-name{opacity:.75;font-style:italic}.park-one.is-me .park-name{background:var(--accent, #7c6af7);color:#fff;font-weight:700}.park-empty{position:absolute;inset:0;display:grid;place-items:center;padding:0 16px;text-align:center}.park-bar,.park-seat{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.park-count{font-size:.82rem}.cast-show{display:flex;flex-direction:column;gap:6px;width:100%}.cast-show-pick{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.cast-show-pick .btn b{opacity:.6;margin-right:3px}.cast-show-field{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--text) 5%,transparent),transparent 60%),color-mix(in srgb,var(--text) 7%,transparent)}.games-ways{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .7rem}.games-ways .btn{text-decoration:none}.try-field-wrap{display:grid;gap:.4rem;width:100%;max-width:min(100%,1000px);margin-inline:auto}.try-field{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--text) 5%,transparent),transparent 60%),color-mix(in srgb,var(--text) 7%,transparent)}.try-field-crowd{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.try-field-pet{position:absolute;pointer-events:none;z-index:2}.try-field-say{margin:0;font-size:.76rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.park-swarm{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.cast-show-pet{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:2}.cast-show-why{margin:0;font-size:.72rem;text-align:center}.move-show{display:flex;flex-direction:column;gap:6px;width:100%}.move-show-pick{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.move-show-pick .btn{font-size:.72rem;padding:3px 7px}.move-show-pick .btn.is-on{background:var(--accent, #7c6af7);color:#fff}@media(pointer:coarse){.move-show-pick .btn,.move-show-shape .btn{min-height:40px;padding:4px 11px;font-size:.74rem}}.move-show-stage{position:relative;border-radius:8px;background:color-mix(in srgb,var(--text) 5%,transparent);overflow:hidden}.move-show-body{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:4px;border:1px dashed color-mix(in srgb,var(--text) 38%,transparent);background:color-mix(in srgb,var(--text) 5%,transparent)}.move-show-shape{display:flex;flex-direction:column;gap:4px;margin-top:2px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.move-show-shape>.muted{font-size:.78rem;font-weight:600}.move-show-shape-why{font-size:.72rem;font-weight:400;line-height:1.35}.move-show-dup{opacity:.6;font-style:normal}.move-show-pet{position:absolute;left:50%;top:50%;display:block}.move-show-box{position:absolute;top:50%;transform:translateY(-50%);border-radius:4px;opacity:0;background:color-mix(in srgb,#e8534e 22%,transparent);border:1px solid color-mix(in srgb,#e8534e 55%,transparent)}.move-show-box.is-live{opacity:1}.move-show-phase{position:absolute;left:6px;bottom:4px;font-size:.68rem;opacity:.75;font-variant:small-caps}.move-show-says{margin:0;font-size:.76rem;line-height:1.45;text-align:center}@media(prefers-reduced-motion:reduce){.move-show-box{transition:none}}.park-trouble{margin:0;font-size:.82rem}.park-says{margin:0;font-size:.8rem;font-style:italic;line-height:1.45}.park-keys,.fight-keys{display:grid;gap:4px 14px;margin:10px 0 6px;font-size:.82rem;line-height:1.5}.park-keys>div,.fight-keys>div{display:grid;gap:1px 14px;align-items:baseline}@media(min-width:30rem){.park-keys>div,.fight-keys>div{grid-template-columns:minmax(9.5rem,max-content) 1fr}}.park-keys dt,.fight-keys dt{white-space:nowrap;display:flex;flex-wrap:wrap;gap:3px;align-items:center}.park-keys dd,.fight-keys dd{margin:0}.park-keys kbd,.fight-keys kbd{font:inherit;font-size:.76rem;min-width:1.5em;text-align:center;padding:1px 5px;border-radius:5px;border:1px solid color-mix(in srgb,var(--text) 26%,transparent);border-bottom-width:2px;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.park-about{font-size:.82rem;line-height:1.5}.park-touch{display:none}@media(pointer:coarse){.park-touch{display:block;font-size:.82rem;line-height:1.5}}.park-pad{display:none}@media(pointer:coarse){.park-pad{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.park-pad-walk,.park-pad-do{display:flex;gap:8px}.park-pad-do{flex-wrap:wrap;justify-content:flex-end}.park-pad-do .pet-play-key.is-guard:active{background:color-mix(in srgb,var(--accent, #7c6af7) 55%,transparent)}.park-belt{pointer-events:auto}.park-belt-one{pointer-events:auto;min-height:44px;font-size:.72rem;padding:4px 11px;cursor:pointer}}.pet-fight{display:flex;flex-direction:column;gap:10px}.pet-fight-field{position:relative;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent, #7c6af7) 9%,transparent),transparent 70%)}.pet-fight-stage{position:relative;width:100%;aspect-ratio:16 / 10;max-height:58vh}.pet-fight-ledge{position:absolute;height:6px;margin-top:-3px;border-radius:3px;background:color-mix(in srgb,var(--text) 42%,transparent)}.pet-fight-ledge.is-deck{height:9px;margin-top:-4px;background:color-mix(in srgb,var(--text) 62%,transparent)}.pet-fight-pet{position:absolute;transform:translate(-50%,-100%);transition:none;pointer-events:none}.pet-fight-pet.is-windup{filter:brightness(.82) saturate(1.3)}.pet-fight-pet.is-live{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--who, #fff) 95%,transparent)) brightness(1.15)}.pet-fight-pet.is-recover{filter:brightness(.7) saturate(.55)}.pet-fight-pet.is-hit,.pet-fight-pet.is-stunned,.pet-fight-pet.is-frozen{filter:brightness(1.9) saturate(.4)}.pet-fight-pet.is-p1{--who: #f2a13a}.pet-fight-pet.is-p2{--who: #43b0f1}.pet-fight-swipe{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--who, #fff) 26%,transparent),transparent 85%)}.pet-fight-pet{will-change:transform}.pet-fight-swipe.is-p1{--who: #f2a13a}.pet-fight-swipe.is-p2{--who: #43b0f1}.pet-fight-doing{font-size:.68rem;padding:1px 6px;border-radius:8px;white-space:nowrap;background:color-mix(in srgb,var(--text) 12%,transparent)}.pet-fight-doing.is-windup{background:color-mix(in srgb,var(--who, var(--accent, #7c6af7)) 35%,transparent)}.pet-fight-doing.is-live{background:var(--who, var(--accent, #7c6af7));color:#fff;font-weight:700}.pet-fight-doing.is-stunned{background:color-mix(in srgb,#e8534e 55%,transparent);color:#fff}.pet-fight-pet.is-safe{opacity:.55}@media(prefers-reduced-motion:reduce){.pet-fight-pet.is-hit,.pet-fight-pet.is-stunned,.pet-fight-pet.is-frozen{filter:none;outline:2px solid var(--accent, #7c6af7)}}.pet-fight-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in srgb,var(--bg, #111) 72%,transparent);font-size:1.15rem}.pet-fight-hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.pet-fight-card{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-left:4px solid var(--who, var(--accent, #7c6af7));border-radius:12px;min-width:0}.pet-fight-card.is-p1,.pet-fight-dot.is-p1{--who: #f2a13a}.pet-fight-card.is-p2,.pet-fight-dot.is-p2{--who: #43b0f1}.pet-fight-who{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.pet-fight-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-fight-moves{font-size:.72rem;opacity:.7}.pet-fight-hurt{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem}.pet-fight-stocks{display:flex;gap:3px}.pet-fight-stocks i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--text) 22%,transparent)}.pet-fight-stocks i.is-on{background:var(--who, var(--accent, #7c6af7))}.pet-fight-setup{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pet-fight-seat{display:flex;align-items:center;gap:6px}.pet-fight-dot{width:10px;height:10px;border-radius:50%;background:var(--who)}.pet-fight-keys{font-size:.82rem;line-height:1.5}.pet-fight-pad{display:none}@media(pointer:coarse){.pet-fight-pad{display:flex;justify-content:space-between;padding:8px;gap:8px}.pet-fight-pad-side{display:flex;gap:8px}}.games-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:1rem}.games-tile{display:flex;align-items:center;gap:14px;padding:14px;text-align:left;border:1px solid var(--border);border-radius:16px;background:var(--control-bg, rgba(127, 127, 127, .08));color:var(--text);text-decoration:none;cursor:pointer;transition:border-color .16s ease}.games-tile:hover,.games-tile:focus-visible{border-color:var(--accent)}.games-tile.is-locked{opacity:.72}.games-tile-art{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:2rem;line-height:1}.games-tile-body{display:flex;flex-direction:column;gap:4px;min-width:0}.games-tile-name{font-weight:700}.games-tile-line{font-size:.85rem;opacity:.75}.games-bar{display:flex;align-items:center;min-height:34px;margin-bottom:.75rem}.pet-play-map{position:relative;height:14px;border-radius:7px;background:color-mix(in srgb,var(--text) 8%,transparent);border:1px solid var(--line, rgba(255, 255, 255, .12));overflow:hidden}.pet-play-map-view{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--text) 10%,transparent);border-left:1px solid color-mix(in srgb,var(--text) 26%,transparent);border-right:1px solid color-mix(in srgb,var(--text) 26%,transparent)}.pet-play-map-treat{position:absolute;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--accent, #7c6af7)}.pet-play-map-treat.is-gone{opacity:.22}.pet-play-map-you{position:absolute;top:1px;bottom:1px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--text)}.pet-play-score,.pet-play-keys{font-size:.8rem;margin:0}.pet-play-keys strong{color:var(--text)}.pets-files{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.pets-acts,.pets-adopt{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pets-adopt{display:grid;justify-items:start;gap:.5rem}.paint-typing-hidden{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none;resize:none}.paint-pet-guide{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:.4rem;padding:.65rem .8rem;margin-bottom:.5rem;border:1px solid var(--accent, #7c6af7);border-radius:10px;font-size:.84rem;flex:0 0 auto;max-height:min(52vh,30rem);overflow-y:auto;overflow-x:hidden}.paint-pet-guide .muted{font-size:.8rem;max-width:46rem}.paint-pet-guide code{padding:0 3px;border:1px solid var(--border);border-radius:4px}.map-undo{display:flex;gap:.3rem;flex-wrap:wrap}.paint-pet-why{margin:.3rem 0 0;padding-left:1.1rem;font-size:.8rem;color:var(--muted);max-width:46rem;display:grid;gap:.2rem}.paint-pet-why strong{color:var(--text)}.paint-pet-why-more{font-size:.82rem;border:1px solid var(--border);border-radius:10px;padding:.4rem .6rem;max-width:46rem}.paint-pet-why-more>summary{cursor:pointer;font-weight:600;min-height:24px;display:flex;align-items:center}.paint-pet-why-more[open]{display:grid;gap:.3rem}.paint-pet-why-more .paint-pet-why{margin:0}.paint-pet-parts{display:flex;flex-wrap:wrap;gap:.3rem}.paint-pet-preview{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.paint-pet-acts{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.76rem;max-width:min(28rem,100%);min-width:0}.paint-pet-acts .viz-select{min-height:24px;flex:1 1 8rem;min-width:0;max-width:100%}.paint-pet-preview .muted{font-size:.76rem;max-width:28rem}.paint-save{flex-direction:column;align-items:stretch;gap:.5rem;padding:.7rem;margin-bottom:.5rem;border:1px solid var(--border);border-radius:10px}.paint-save-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.paint-save-kinds,.paint-save-sizes{display:flex;flex-wrap:wrap;gap:.4rem}.paint-save-speed{gap:.5rem}.paint-row .paint-save-speed input[type=range]{width:auto;flex:1;min-width:7rem;max-width:18rem}.paint-save-speed{justify-content:flex-start}.paint-save-go{display:flex;gap:.4rem;align-items:center}.paint-save-what{margin:0;font-size:.8rem;max-width:46rem}.paint-save-made{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.8rem}.paint-save-made img{width:min(15rem,60vw);height:auto;border-radius:8px;border:1px solid var(--border);background-color:#fff;background-image:linear-gradient(45deg,#d6d6d6 25%,transparent 25%),linear-gradient(-45deg,#d6d6d6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d6d6d6 75%),linear-gradient(-45deg,transparent 75%,#d6d6d6 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.paint-shape-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem}.paint-shape{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem}.paint-dims{font-family:var(--mono);font-size:.76rem;margin-left:auto}.paint-shape-row .btn{padding:2px 10px}.cz-no-circuit{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .7rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:.9rem}.cz-no-circuit>span{flex:1 1 14rem}.paint-shape-row .paint-keep{padding:4px 16px;min-height:34px;font-size:.95rem;font-weight:700}.paint-replay-speed input[type=range]{width:5rem;min-width:0}.paint-board.has-shape{height:auto;width:min(100%,calc(clamp(18rem,58vh,40rem) * var(--paint-ar)));aspect-ratio:var(--paint-ar);margin-inline:auto}.paint-wrap:fullscreen,.paint-wrap.is-full{padding:.6rem;overflow:hidden;background:var(--bg);position:relative;height:100%}.paint-wrap:fullscreen .paint-board,.paint-wrap.is-full .paint-board{height:auto;flex:1 1 auto;min-height:50vh}.paint-wrap:fullscreen .paint-board.has-shape,.paint-wrap.is-full .paint-board.has-shape{height:100%;width:auto;flex:1 1 auto;min-height:0;aspect-ratio:var(--paint-ar);margin-inline:auto}.paint-wrap:fullscreen:not(.tools-hidden) .paint-board.has-shape,.paint-wrap.is-full:not(.tools-hidden) .paint-board.has-shape{height:auto;width:min(100%,calc(clamp(18rem,calc(100vh - 160px),60rem) * var(--paint-ar)))}.paint-wrap:fullscreen .also-together,.paint-wrap.is-full .also-together,.paint-wrap:fullscreen .paint-note,.paint-wrap.is-full .paint-note{display:none}.paint-wrap:fullscreen .paint-tools-panel,.paint-wrap.is-full .paint-tools-panel{position:absolute;top:.6rem;left:.6rem;right:.6rem;z-index:5;max-height:calc(100% - 1.2rem);overflow:auto;padding:.6rem;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--panel),transparent 8%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000059}@media(max-width:40rem){.paint-wrap:fullscreen,.paint-wrap.is-full{display:flex;flex-direction:column;gap:.3rem;height:100vh;padding:.4rem;overflow:hidden}.paint-wrap:fullscreen .paint-board,.paint-wrap.is-full .paint-board{flex:1 0 auto;min-height:62vh;height:auto;width:100%;max-width:100%}.paint-wrap:fullscreen .paint-board.has-shape,.paint-wrap.is-full .paint-board.has-shape{flex:0 0 auto;align-self:center;min-height:0;height:auto;width:min(100%,calc(62vh * var(--paint-ar)));aspect-ratio:var(--paint-ar)}.paint-wrap:fullscreen .paint-bar,.paint-wrap:fullscreen .paint-row,.paint-wrap:fullscreen .paint-shape-row,.paint-wrap.is-full .paint-bar,.paint-wrap.is-full .paint-row,.paint-wrap.is-full .paint-shape-row{flex:0 0 auto}.paint-wrap:fullscreen .also-together,.paint-wrap.is-full .also-together{display:none}}.paint-layer.is-lifting{opacity:.45}.paint-layer.is-target{outline:1px dashed color-mix(in srgb,var(--accent, #7c6af7) 70%,transparent);outline-offset:1px;border-radius:6px}.paint-fold-open.is-live{border-color:var(--accent, #7c6af7);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #7c6af7) 35%,transparent)}.paint-reach{position:absolute;inset:0;pointer-events:none}.paint-reach i{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed color-mix(in srgb,var(--accent, #7c6af7) 72%,transparent)}.paint-reach i.paint-reach-mid{border-left-style:solid;border-left-color:color-mix(in srgb,var(--accent, #7c6af7) 34%,transparent)}.paint-reach b{position:absolute;transform:translate(-100%,-50%);margin-left:-5px;padding:1px 6px;border-radius:7px;font-size:.66rem;font-weight:600;white-space:nowrap;color:#fff;background:color-mix(in srgb,var(--accent, #7c6af7) 88%,transparent)}.paint-reach-say b{top:10px;left:10px;transform:none;margin-left:0}.paint-mapguide{position:absolute;inset:0;pointer-events:none;z-index:2}.paint-mapguide i{position:absolute;border:0 solid color-mix(in srgb,var(--accent, #7c6af7) 30%,transparent)}.paint-mapguide i.is-v{top:0;bottom:0;border-left-width:1px}.paint-mapguide i.is-h{left:0;right:0;border-top-width:1px}.paint-mapguide-ref{position:absolute;right:3%;bottom:8%;display:grid;place-items:center}.paint-mapguide-ref u{position:absolute;inset:0;border:1px dashed color-mix(in srgb,var(--accent, #7c6af7) 62%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent, #7c6af7) 7%,transparent)}.paint-mapguide-ref b{position:relative;border-radius:50%;background:color-mix(in srgb,var(--accent, #7c6af7) 78%,transparent)}.paint-crop{position:absolute;pointer-events:none;border:1px dashed color-mix(in srgb,var(--accent, #7c6af7) 75%,transparent);border-radius:4px;box-shadow:0 0 0 9999px color-mix(in srgb,#000 22%,transparent);z-index:3}.paint-crop i{position:absolute;left:3px;top:3px;font-size:.66rem;font-style:normal;white-space:nowrap;padding:1px 5px;border-radius:6px;background:var(--accent, #7c6af7);color:#fff}.paint-board{position:relative;height:clamp(18rem,58vh,40rem);border:1px solid var(--line);border-radius:10px;overflow:hidden;background-color:color-mix(in srgb,var(--bg) 88%,var(--text) 12%);background-image:linear-gradient(45deg,color-mix(in srgb,var(--text) 8%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--text) 8%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--text) 8%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--text) 8%,transparent) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.paint-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.paint-canvas.is-picking{cursor:copy}.paint-note{font-size:.8rem;margin:0}@media(max-width:780px){.paint-board{height:clamp(14rem,42vh,24rem)}.paint-board{order:-2}.paint-bar{order:-1}.paint-tools{grid-template-columns:repeat(auto-fit,minmax(min(4rem,100%),1fr));gap:.3rem}.paint-tools .fx-style-btn{padding:.28rem .2rem;min-height:44px;justify-content:center;font-size:1rem}.paint-tools .fx-style-label{font-size:.62rem}}.paint-swatch-none{background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,transparent 25%),linear-gradient(-45deg,#bbb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bbb 75%),linear-gradient(-45deg,transparent 75%,#bbb 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.paint-board.has-paper{background-image:none}.paint-wrap.is-inwindow{height:100%;min-height:0}.paint-wrap.is-inwindow .paint-board{height:auto;flex:1 1 auto;min-height:6rem}.paint-shape-row{position:relative}.paint-gallery-anchor{display:inline-flex}.paint-gallery{display:block;position:absolute;z-index:40;bottom:calc(100% + 6px);left:0;right:0;width:auto;max-width:min(32rem,100%);max-height:min(62vh,30rem);overflow-y:auto;padding:.6rem .7rem;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 12px 34px #0006}.paint-gallery-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.paint-gallery-list li{display:flex;align-items:center;gap:.45rem;flex-wrap:nowrap;min-width:0;padding:.3rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.paint-gallery-list li>.btn{flex:0 0 auto}.paint-gallery-name{font-weight:600;font-size:.85rem;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-gallery-meta{font-size:.72rem;margin-right:auto;flex:0 0 auto;white-space:nowrap}.art-thumb-box{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:6px;background-image:linear-gradient(45deg,color-mix(in srgb,var(--text) 10%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--text) 10%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--text) 10%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--text) 10%,transparent) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.art-thumb{display:block}.paint-peers{font-size:.75rem}.viz-anchor{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid var(--accent, #22c55e);background:color-mix(in oklab,var(--accent, #22c55e),transparent 78%);box-shadow:0 0 0 1px #00000059;cursor:grab;touch-action:none;z-index:3}.viz-anchor:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--accent, #22c55e)}.viz-anchor:active{cursor:grabbing}.viz-anchor:focus-visible{outline:2px solid var(--accent, #22c55e);outline-offset:3px}.paint-swatch-rainbow{background:conic-gradient(from 0deg,#f63131,#f6f631,#31f631,#31f6f6,#3131f6,#f631f6,#f63131)}.profile-pageshape{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem}.profile-pageshape .btn{font-size:.78rem}.profile-pageshape .muted{font-size:.78rem;margin-right:.15rem}.profile-seenas{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 var(--sp-2, .6rem);font-size:.85rem}.profile-seenas .btn{font-size:.8rem}.profile-seenas-note{flex:1 0 100%;font-size:.75rem}.profile-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 var(--sp-2, .6rem)}.profile-tab{font-size:.85rem}.profile-canvas-tab{padding:.05rem .4rem;border:1px solid color-mix(in oklab,var(--border),transparent 40%);border-radius:999px;font-size:.68rem;opacity:.8;white-space:nowrap}.profile-starters{margin:0 0 var(--sp-2, .6rem)}.profile-starters-lead{margin:0 0 .45rem;font-size:.8rem}.profile-starters-row{display:flex;flex-wrap:wrap;gap:.5rem}.profile-starter{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:11.5rem;padding:.55rem .65rem;text-align:left;white-space:normal}.profile-starter .muted{font-size:.72rem;line-height:1.25}.profile-starter-shape{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:100%;margin-top:.3rem}.profile-starter-shape i{height:7px;border-radius:2px;background:color-mix(in oklab,var(--accent),transparent 55%)}.profile-starter-shape i.is-small{grid-column:span 2}.profile-starter-shape i.is-medium{grid-column:span 3}.profile-starter-shape i.is-large{grid-column:1 / -1}.profile-starter-count{margin-top:.25rem;font-size:.68rem;opacity:.65}.profile-canvas{padding:var(--sp-2, .6rem);border:1px dashed var(--border);border-radius:12px;min-height:6rem}.profile-canvas-cell{position:relative;min-width:0}.profile-canvas-cell.is-small{grid-column:span 2}.profile-canvas-cell.is-medium{grid-column:span 3}.profile-canvas-cell.is-large{grid-column:1 / -1}.profile-canvas-cell>.profile-block{grid-column:auto;width:100%;pointer-events:none}.profile-canvas-pick{position:absolute;inset:0;z-index:2;border:0;border-radius:12px;background:transparent;cursor:pointer}.profile-canvas-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-canvas-cell.is-selected{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}.profile-canvas-cell.is-dragging{opacity:.45}.profile-canvas.is-arranging{gap:var(--sp-2, .6rem)}.profile-canvas.is-arranging .profile-canvas-cell{min-height:0}.profile-canvas.is-arranging .profile-canvas-tag{display:none}.profile-canvas-tile{display:flex;align-items:center;gap:.4rem;min-height:3.4rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--panel),transparent 25%);font-size:.85rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-canvas-tile .muted{font-size:.72rem}.profile-canvas.is-arranging .profile-canvas-cell.is-selected .profile-canvas-tile{padding-right:7.5rem}.profile-canvas.is-arranging .profile-canvas-cell.is-selected{outline-offset:2px}@media(max-width:700px){.profile-canvas-tile{min-height:2.5rem;padding:.3rem .55rem}.profile-canvas.is-arranging .profile-canvas-cell.is-selected .profile-canvas-tile{padding-right:4.5rem}}.profile-canvas-cell.is-target{outline:2px dashed var(--accent);outline-offset:3px;border-radius:12px}.profile-canvas-tag{position:absolute;top:-.55rem;left:.5rem;z-index:3;padding:0 .35rem;border-radius:999px;font-size:.7rem;background:var(--bg);color:var(--muted);border:1px solid var(--border);pointer-events:none}.profile-canvas-grip{position:absolute;top:-.55rem;right:.5rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:26px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.profile-canvas-grip:active{cursor:grabbing}.profile-canvas-grip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-canvas-empty{display:grid;gap:.25rem;min-height:4.5rem;align-content:center;border-style:dashed}.profile-canvas-add{display:flex;align-items:center;justify-content:center;min-height:4.5rem;border:1px dashed var(--border);border-radius:12px}.profile-inspector{position:fixed;z-index:40;top:var(--nav-h, 54px);right:0;bottom:0;width:min(30rem,42vw);display:flex;flex-direction:column;gap:.6rem;padding:var(--card-pad, 1.1rem);border-left:1px solid var(--border-strong);background-color:color-mix(in oklab,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:-18px 0 50px #0006;overflow-y:auto;overscroll-behavior:contain}@supports not (backdrop-filter: blur(1px)){.profile-inspector{background-color:var(--panel)}}.profile-editor.is-asided{padding-right:calc(min(30rem,42vw) + 1rem)}.profile-blockedit{display:grid;gap:.75rem;min-width:0}.profile-blockedit-controls{display:grid;gap:.6rem;align-content:start;min-width:0}@media(max-width:60rem){.profile-inspector{top:auto;left:0;right:0;width:auto;max-height:56vh;border-left:none;border-top:1px solid var(--border-strong);border-radius:14px 14px 0 0;padding-bottom:calc(var(--card-pad, 1.1rem) + env(safe-area-inset-bottom,0px));box-shadow:0 -18px 50px #0006}.profile-editor.is-asided{padding-right:0;padding-bottom:58vh}}.profile-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;position:sticky;top:calc(var(--card-pad, 1.1rem) * -1);z-index:1;margin:calc(var(--card-pad, 1.1rem) * -1) calc(var(--card-pad, 1.1rem) * -1) 0;padding:var(--card-pad, 1.1rem);background-color:var(--panel)}.profile-width-row{display:flex;gap:.3rem;flex-wrap:wrap}.profile-editor-head h3{margin:0}.profile-keys{margin:0 0 .5rem;font-size:.74rem}.profile-keys kbd{border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:.7rem}.profile-editor-head p{margin:.15rem 0 .75rem;font-size:.82rem}@media(max-width:700px){.profile-canvas-cell.is-small,.profile-canvas-cell.is-medium,.profile-canvas-cell.is-large{grid-column:1 / -1}}.paint-sym-row{display:flex;gap:.25rem;flex-wrap:wrap}.paint-sym-row .btn{padding:.3rem .5rem;font-size:.8rem;min-width:2rem}@media(max-width:640px){:root{--card-pad: .8rem}.container{max-width:100%;padding-inline:.65rem}}.inst-health{font-family:var(--mono);font-size:.72rem;line-height:1.5;margin:0 0 .4rem;display:grid;gap:.1rem}.inst-bar-cell{font-size:.62rem;font-family:var(--mono);line-height:1.2;cursor:pointer}.inst-bar-cell.is-lifted{outline:2px solid var(--accent, #7c6af7);outline-offset:1px}@media(hover:none)and (pointer:coarse){.inst-bar-cell{min-width:1.9rem;min-height:1.9rem}}.inst-offer{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:0 0 .5rem;padding:.45rem .6rem;font-size:.82rem;border:1px solid var(--accent, #7c6af7);border-radius:9px;background:var(--control-bg)}.profile-art canvas{display:block;max-width:100%}.profile-song{display:grid;gap:.45rem}.profile-song-head{display:flex;align-items:center;gap:.5rem;min-width:0}.profile-song-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-song-bar{position:relative;height:40px;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--text) 7%,transparent);cursor:pointer;min-width:0}.profile-song-bar:focus-visible{outline:2px solid var(--accent, #7c6af7);outline-offset:2px}.profile-song-bar canvas{display:block}.profile-song-head-line{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:color-mix(in srgb,var(--accent, #7c6af7) 22%,transparent);border-right:2px solid var(--accent, #7c6af7);pointer-events:none}.profile-song-meta{font-size:.74rem}.profile-canvas-cell.is-lifted{outline:2px solid var(--accent, #7c6af7);outline-offset:3px;opacity:.85}.profile-canvas-cell.is-drop{outline:1px dashed var(--border-strong, var(--border));outline-offset:3px}.profile-canvas-tools{position:absolute;z-index:3;top:.25rem;right:.25rem;display:flex;gap:.15rem;padding:.15rem;border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.profile-canvas-tools .btn{padding:.1rem .3rem;font-size:.7rem;line-height:1.3}.profile-canvas-tools .btn[aria-pressed=true]{border-color:var(--accent, #7c6af7);color:var(--accent, #7c6af7)}@media(hover:none)and (pointer:coarse){.profile-canvas-tools .profile-tool-wide{display:none}.profile-canvas-tools .btn{min-width:34px;min-height:34px}}.inst-layer-vol{display:inline-flex;align-items:center;margin-left:auto}.inst-layer-vol input[type=range]{width:3.4rem}.roll-key.is-held{background:var(--accent, #7c6af7);color:var(--btn-text, #fff)}.roll-held-row{position:absolute;left:0;right:0;background:color-mix(in srgb,var(--accent, #7c6af7) 16%,transparent);pointer-events:none}.profile-lift-hint{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 0;padding:.4rem .6rem;font-size:.82rem;border:1px solid var(--accent, #7c6af7);border-radius:9px}.profile-canvas-grip.is-holding{color:var(--accent, #7c6af7);outline:2px solid var(--accent, #7c6af7);border-radius:6px}.profile-blocks-grid{grid-auto-flow:row dense}@media(min-width:700px){.profile-blocks-grid[data-page-w=column]{max-width:34rem;margin-inline:auto}.profile-blocks-grid[data-page-w=page]{max-width:58rem;margin-inline:auto}}.profile-blocks-grid[data-page-g=tight]{gap:var(--sp-1, .4rem)}.profile-blocks-grid[data-page-g=airy]{gap:calc(var(--sp-3, 1rem) * 2.2)}.profile-slot{min-width:0;display:grid}.profile-slot.is-small{grid-column:span 2}.profile-slot.is-medium{grid-column:span 3}.profile-slot.is-large{grid-column:1 / -1}.profile-slot>.profile-block{grid-column:auto;width:100%}.profile-slot.is-alone,.profile-canvas-cell.is-alone{grid-column:1 / -1;justify-items:center}.profile-slot.is-alone.is-small>.profile-block,.profile-canvas-cell.is-alone.is-small>.profile-block{max-width:33%;margin-inline:auto}.profile-slot.is-alone.is-medium>.profile-block,.profile-canvas-cell.is-alone.is-medium>.profile-block{max-width:50%;margin-inline:auto}@media(max-width:700px){.profile-slot.is-alone>.profile-block,.profile-canvas-cell.is-alone>.profile-block{max-width:100%}}.profile-song-auto{display:flex;align-items:center;gap:.4rem;font-size:.78rem}.profile-song-list,.profile-song-picked{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;max-height:11rem;overflow-y:auto}.profile-song-picked li{display:flex;align-items:center;gap:.3rem;font-size:.8rem;flex-wrap:wrap}.profile-song-picked li .viz-select{min-width:0;max-width:100%}.profile-song-track{display:flex;align-items:center;gap:.45rem;width:100%;min-width:0;text-align:left;appearance:none;border:1px solid transparent;border-radius:7px;background:none;color:inherit;font:inherit;font-size:.82rem;padding:.2rem .35rem;cursor:pointer}.profile-song-track:hover{border-color:var(--border)}.profile-song-track.is-on{border-color:var(--accent, #7c6af7);background:var(--control-bg)}.profile-song-tracknum{flex:none;width:1.1rem;font-family:var(--mono);font-size:.7rem}.profile-song-trackname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.viz-spin{background-image:linear-gradient(var(--border-strong, currentColor),var(--border-strong, currentColor));background-size:2px .7rem;background-position:center center;background-repeat:no-repeat}.audio-dock.is-placed{left:var(--dock-x);top:var(--dock-y);bottom:auto;transform:none}.audio-dock-move{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.6}.audio-dock-move:active{cursor:grabbing;opacity:1}.paint-colour{display:inline-flex;align-items:center;gap:.3rem}@media(min-width:40.0625rem){.fx-style-row.paint-tools{display:flex;flex-wrap:wrap;overflow-x:visible;gap:.3rem;padding-block:.2rem}.paint-tools .fx-style-btn{flex:0 0 auto;flex-direction:row;align-items:center;gap:.3rem;padding:.25rem .55rem}.paint-tools .fx-style-label{font-size:.74rem}}.paint-belt{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.paint-belt .fx-style-btn{min-width:44px}.paint-tool-open{display:inline-flex;align-items:center;gap:.35rem}.paint-bar{position:relative}.paint-tools.is-open{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;display:grid;gap:4px;padding:.5rem;border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:0 10px 30px #00000059;max-height:min(60vh,26rem);overflow-y:auto}.paint-layer-move{appearance:none;border:0;background:none;color:var(--muted);cursor:pointer;padding:0 2px;min-width:24px;font-size:.68rem;line-height:1}.paint-layer-move:disabled{opacity:.3;cursor:default}.paint-layer-move:not(:disabled):hover{color:var(--accent)}.paint-fold{position:relative}.paint-fold-open{display:inline-flex;align-items:center;gap:.35rem}.paint-fold-chip{width:1.15rem;height:1.15rem;border-radius:3px;border:1px solid var(--border);background-image:linear-gradient(45deg,rgba(127,127,127,.5) 25%,transparent 25%),linear-gradient(-45deg,rgba(127,127,127,.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(127,127,127,.5) 75%),linear-gradient(-45deg,transparent 75%,rgba(127,127,127,.5) 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.paint-fold-wide{width:17rem}.paint-fold-badge{margin-left:.3rem;font-family:var(--mono);font-size:.7rem;opacity:.85}.paint-fold-pop{position:absolute;z-index:5;top:calc(100% + .35rem);left:0;display:flex;flex-direction:column;align-items:stretch;width:12rem;gap:.35rem;padding:.45rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev, var(--b1));box-shadow:0 6px 20px #00000059}@media(max-width:40rem){.paint-fold-pop{position:static;box-shadow:none;padding:.35rem 0;border:0;width:100%}}.paint-wrap:fullscreen .paint-fold-pop,.paint-wrap.is-full .paint-fold-pop{position:static;box-shadow:none;padding:.35rem 0;border:0;width:100%}.viz-quality{grid-column:1 / -1;font-size:.78rem;line-height:1.35;opacity:.85}.paint-stack{flex-wrap:wrap;gap:.35rem;align-items:center}.paint-stack-label{font-size:.78rem;letter-spacing:.02em}.paint-layer{display:inline-flex;align-items:stretch;border:1px solid var(--line, rgba(255, 255, 255, .16));border-radius:.5rem;overflow:hidden}.paint-layer.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.paint-layer-pick,.paint-layer-eye{background:none;border:0;color:inherit;cursor:pointer;font:inherit;font-size:.78rem;padding:.22rem .45rem;line-height:1.3}.paint-layer-eye{border-left:1px solid var(--line, rgba(255, 255, 255, .16));opacity:.75}.paint-layer-eye[aria-pressed=false]{opacity:.45}.paint-frame-at{font-size:.78rem;min-width:3.2rem;text-align:center}.paint-onion{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem}.paint-onion input[type=range]{width:4.5rem;min-height:24px}.viz-art{flex-wrap:wrap;gap:.4rem;align-items:center}.viz-art-pick{background:var(--bg);color:inherit;border:1px solid var(--line, rgba(255, 255, 255, .18));border-radius:.5rem;padding:.25rem .4rem;font:inherit;font-size:.82rem;max-width:12rem}.paint-select{flex-wrap:wrap;gap:.35rem;align-items:center}.paint-select-count{font-size:.78rem;min-width:4.5rem}.roll-oct{display:inline-flex;align-items:center;gap:.25rem}.roll-oct-at{font-size:.75rem;min-width:4.2rem;text-align:center}.inst-keyslide{display:block;width:100%;margin:0 0 .3rem;accent-color:var(--accent);cursor:ew-resize}@media(hover:none)and (pointer:coarse){.inst-keyslide{height:1.6rem}}.snap-pick{display:inline-flex;align-items:center;gap:.25rem}.snap-pick .btn{padding:1px 8px;font-size:.74rem}.bug-card{max-width:30rem;width:min(30rem,calc(100vw - 2rem))}.bug-text{width:100%;box-sizing:border-box;background:var(--bg);color:inherit;border:1px solid var(--line, rgba(255, 255, 255, .18));border-radius:.5rem;padding:.5rem;font:inherit;resize:vertical}.bug-ctx{font-size:.75rem;line-height:1.4}.bug-err{font-size:.8rem;color:#ff8a8a}.inst-keylight{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--line, rgba(255, 255, 255, .16));opacity:.55}.inst-keylight.is-live{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.roll-hist,.roll-pick{display:inline-flex;align-items:center;gap:.25rem}.roll-pick-count{font-size:.75rem;min-width:4.5rem;text-align:center}.roll-band{position:absolute;pointer-events:none;border:1px dashed rgba(255,255,255,.9);background:#ffffff14;border-radius:2px;z-index:3}.roll-ghost{position:absolute;pointer-events:none;border:1px dashed var(--accent);background:color-mix(in oklab,var(--accent),transparent 72%);border-radius:3px;z-index:4}.roll-ghost.is-blocked{border-color:var(--red, #ff5566);background:color-mix(in oklab,var(--red, #ff5566),transparent 72%)}.roll-note.is-picked{outline:2px solid var(--accent);outline-offset:-1px;filter:brightness(1.25)}.roll-octslide{display:flex;flex-direction:column;flex:0 0 auto;align-items:center}.roll-oct-range{writing-mode:vertical-rl;direction:rtl;-webkit-appearance:slider-vertical;width:1.1rem;margin:0;accent-color:var(--accent);cursor:ns-resize;touch-action:none}.inst-ruler{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin:.2rem 0 .1rem;padding-left:calc(var(--layer-pad) + var(--layer-line))}.inst-ruler-cell{width:12px;height:14px;padding:0;flex:0 0 12px;border:0;border-radius:2px;background:none;color:inherit;font-size:.5rem;line-height:14px;text-align:center;opacity:.45;cursor:pointer}.inst-ruler-cell:hover{opacity:1;background:var(--accent)}.inst-ruler-cell.is-now{opacity:1;box-shadow:0 0 0 1px var(--accent) inset}@media(hover:none)and (pointer:coarse){.inst-ruler-cell{min-width:1.9rem;min-height:1.9rem;line-height:1.9rem}}@media(hover:none)and (pointer:coarse){.inst-layers .btn{min-width:24px;min-height:24px}}@media(max-width:780px){.roll-hint{display:none}.roll-bar{gap:.3rem}}.nav-cog-caret{font-size:.6rem;line-height:1;margin-left:.25rem;opacity:.65;transition:transform .15s ease}.nav-cog.is-open .nav-cog-caret{transform:rotate(180deg);opacity:1}@media(max-width:780px){.nav-menu-row{min-height:44px}.nav-cog.has-bar-trigger{display:none}}.nav-sheet-back{position:fixed;inset:0;z-index:200;background:#00000073}.nav-sheet{position:fixed;left:0;right:0;bottom:0;z-index:201;max-height:min(78vh,40rem);overflow-y:auto;padding:.35rem .6rem .6rem;display:flex;flex-direction:column;gap:.1rem;background:var(--bg);border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 -12px 40px #00000073;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px))}.nav-sheet-grip{align-self:center;width:2.2rem;height:4px;flex:0 0 4px;border-radius:2px;background:var(--border-strong, rgba(127, 127, 127, .5));margin:.15rem 0 .4rem}@media(prefers-reduced-motion:no-preference){.nav-sheet{animation:nav-sheet-in .18s ease-out}}@keyframes nav-sheet-in{0%{opacity:.4}}.nav-sheet-close{margin-top:.35rem;min-height:46px;border:1px solid var(--border);border-radius:10px;background:var(--control-bg, rgba(127, 127, 127, .12));color:var(--text);font:inherit;font-weight:600;cursor:pointer}.mlaunch-foot-btn.is-close{min-height:46px;font-weight:600;border:1px solid var(--border);border-radius:10px;background:var(--control-bg, rgba(127, 127, 127, .12))}.btn.cz-hint{border-color:var(--accent, #7c6af7);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #7c6af7) 40%,transparent);animation:cz-hint-pulse 2.4s ease-in-out infinite}@keyframes cz-hint-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #7c6af7) 35%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent, #7c6af7) 12%,transparent)}}@media(prefers-reduced-motion:reduce){.btn.cz-hint{animation:none}}.profile-shape-btn.is-square{border-radius:0}.profile-shape-btn.is-pillow{border-radius:14px}.profile-shape-btn.is-leaf{border-radius:12px 2px}.profile-shape-btn.is-arch{border-radius:999px 999px 4px 4px}.profile-shape-btn.is-pill{border-radius:999px}.profile-shape-btn.is-cut{border-radius:0;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.profile-apply-all{display:block;margin-top:.35rem}.profile-apply-all .btn{font-size:.75rem}.profile-slot[data-backdrop]>.profile-block,.profile-canvas-cell[data-backdrop]>.profile-block{background-image:linear-gradient(color-mix(in oklab,var(--panel),transparent 25%),color-mix(in oklab,var(--panel),transparent 25%)),var(--blk-bg);background-size:cover;background-position:center}.profile-backdrop-btn{min-width:3.4rem;background-size:cover;background-position:center}.profile-slot>.profile-block,.profile-canvas-cell>.profile-block{font-family:var(--blk-font, inherit)}.profile-slot[data-edge=hair]>.profile-block,.profile-canvas-cell[data-edge=hair]>.profile-block{border:1px solid color-mix(in oklab,var(--border),transparent 45%);box-shadow:none}.profile-slot[data-edge=heavy]>.profile-block,.profile-canvas-cell[data-edge=heavy]>.profile-block{border:2px solid var(--border-strong, var(--border));box-shadow:none}.profile-slot[data-edge=lift]>.profile-block,.profile-canvas-cell[data-edge=lift]>.profile-block{border:1px solid color-mix(in oklab,var(--border),transparent 60%);box-shadow:0 10px 26px #00000047}.profile-slot[data-edge=inset]>.profile-block,.profile-canvas-cell[data-edge=inset]>.profile-block{border:1px solid color-mix(in oklab,var(--border),transparent 55%);box-shadow:inset 0 2px 10px #0000004d}.profile-edge-btn.is-hair{border-width:1px}.profile-edge-btn.is-heavy{border-width:2px}.profile-edge-btn.is-lift{box-shadow:0 4px 10px #00000059}.profile-edge-btn.is-inset{box-shadow:inset 0 2px 6px #00000059}.profile-slot[data-shape=square]>.profile-block,.profile-canvas-cell[data-shape=square]>.profile-block{border-radius:0!important}.profile-slot[data-shape=pillow]>.profile-block,.profile-canvas-cell[data-shape=pillow]>.profile-block{border-radius:26px!important}.profile-slot[data-shape=leaf]>.profile-block,.profile-canvas-cell[data-shape=leaf]>.profile-block{border-radius:28px 4px!important}.profile-slot[data-shape=arch]>.profile-block,.profile-canvas-cell[data-shape=arch]>.profile-block{border-radius:999px 999px 10px 10px!important}.profile-slot[data-shape=pill]>.profile-block,.profile-canvas-cell[data-shape=pill]>.profile-block{border-radius:999px!important;padding-left:1.6rem;padding-right:1.6rem}.profile-slot[data-tilt],.profile-canvas-cell[data-tilt]{transform:rotate(var(--blk-tilt, 0deg))}.profile-slot[data-shape=cut]>.profile-block,.profile-canvas-cell[data-shape=cut]>.profile-block{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.profile-slot[data-finish]>.profile-block,.profile-canvas-cell[data-finish]>.profile-block{border-color:hsl(var(--blk-h) 70% 55% / .5)}.profile-slot[data-finish=soft]>.profile-block,.profile-canvas-cell[data-finish=soft]>.profile-block{background:linear-gradient(160deg,hsl(var(--blk-h) 75% 52% / .18),hsl(var(--blk-h) 75% 52% / .04)),var(--surface)}.profile-slot[data-finish=edge]>.profile-block,.profile-canvas-cell[data-finish=edge]>.profile-block{border-color:hsl(var(--blk-h) 85% 62% / .9);box-shadow:inset 0 0 0 1px hsl(var(--blk-h) 85% 62% / .3),0 0 18px hsl(var(--blk-h) 85% 55% / .18),0 10px 30px #00000040}.profile-slot[data-finish=solid]>.profile-block,.profile-canvas-cell[data-finish=solid]>.profile-block{background:linear-gradient(155deg,hsl(var(--blk-h) 58% 30%),hsl(var(--blk-h) 62% 17%));border-color:hsl(var(--blk-h) 60% 48% / .65);color:#fff}.profile-slot[data-finish=solid]>.profile-block .muted,.profile-canvas-cell[data-finish=solid]>.profile-block .muted{color:#ffffffb8}.profile-slot[data-finish=solid]>.profile-block a,.profile-canvas-cell[data-finish=solid]>.profile-block a{color:#fff}.profile-tint-row{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.profile-tint-swatch{width:1.5rem;height:1.5rem;padding:0;border-radius:999px;cursor:pointer;border:2px solid transparent;background:linear-gradient(140deg,hsl(var(--blk-h) 72% 58%),hsl(var(--blk-h) 70% 40%))}.profile-tint-swatch.is-on{border-color:var(--text);transform:scale(1.12)}.profile-tint-swatch:hover{transform:scale(1.12)}.profile-tint-none.is-on,.profile-tint-mine.is-on{outline:2px solid var(--accent)}@media(max-width:40rem){.profile-tint-swatch{width:1.75rem;height:1.75rem}}.hag-art,.hag-pad-wrap,.hag-pad{display:block;width:100%;height:var(--tile-art-h, 108px);margin:.45rem 0 .15rem;border-radius:var(--r-sm, 8px);background:#7f7f7f14;border:1px dashed var(--border)}.hag-pad-wrap,.hag-pad{cursor:crosshair;touch-action:none}.hag-art{color:var(--accent, #7c6af7);border-radius:var(--r-sm, 8px);background:#7f7f7f14;margin:.45rem 0 .15rem;overflow:hidden}.hag-board{cursor:pointer}.hag-board:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hag-art-bar,.hag-art-level{fill:currentColor;opacity:.55}.hag-art-ring,.hag-art-ping{opacity:.4}.hag-art-profile{position:relative;background:#7f7f7f14}.hag-mini{position:absolute;inset:0;display:grid;grid-template-rows:52% 1fr;opacity:0}.hag-mini:first-child{opacity:1}.hag-mini-banner{position:relative;display:block}.hag-mini-face{position:absolute;left:.7rem;bottom:-.95rem;width:2rem;height:2rem;border-radius:999px;box-shadow:0 0 0 2px var(--surface, #111)}.hag-mini-who{position:absolute;left:3.1rem;bottom:-1.15rem;display:flex;flex-direction:column;gap:.05rem;line-height:1.15}.hag-mini-name{font-weight:800;font-size:.82rem;color:var(--text)}.hag-mini-sub{font-size:.6rem;color:var(--muted);letter-spacing:.02em}.hag-mini-blocks{display:grid;grid-template-columns:1.4fr 1fr .9fr;gap:.45rem;padding:1.6rem .7rem .6rem}.hag-mini-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border-radius:var(--r-sm, 8px);background:#7f7f7f29;border:1px solid var(--border);overflow:hidden;min-width:0}.hag-mini-row{display:flex;align-items:center;justify-content:center;gap:.35rem}.hag-mini-tag{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hag-mini-play{width:0;height:0;border-top:.34rem solid transparent;border-bottom:.34rem solid transparent;border-left:.52rem solid currentColor}.hag-mini-wave{width:45%;height:.32rem;border-radius:999px;background:repeating-linear-gradient(90deg,var(--text) 0 2px,transparent 2px 5px);opacity:.45}.hag-mini-daub{width:.9rem;height:.9rem;border-radius:999px}.hag-mini-daub.is-two{margin-left:-.38rem;opacity:.8}.hag-mini-row.is-num{font-weight:800;font-size:.9rem}@media(prefers-reduced-motion:no-preference){.hag-art-ring{opacity:0;animation:hag-ring 2.5s ease-out infinite}.hag-art-core{animation:hag-core 1.25s ease-in-out infinite}.hag-art-bar{animation:hag-bar 3.6s ease-in-out infinite}.hag-art-wheel{animation:hag-spin 5s cubic-bezier(.15,.85,.2,1) infinite;transform-origin:0 0}.hag-art-ping{opacity:0;animation:hag-ping 1.8s ease-out infinite}.hag-art-level{animation:hag-level .9s ease-in-out infinite alternate}.hag-mini{animation:hag-look 9.6s ease-in-out infinite}.hag-mini:first-child{opacity:0}}@keyframes hag-ring{0%{r:8;opacity:.65}to{r:46;opacity:0}}@keyframes hag-core{0%,to{r:5}50%{r:8}}@keyframes hag-bar{0%,to{transform:scaleY(.35)}45%,60%{transform:scaleY(1)}}@keyframes hag-spin{0%{transform:rotate(0)}70%,to{transform:rotate(430deg)}}@keyframes hag-ping{0%{r:15;opacity:.6}to{r:34;opacity:0}}@keyframes hag-level{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes hag-look{0%,22%{opacity:1}25%,97%{opacity:0}to{opacity:1}}.hag-pad-wrap{position:relative}.hag-pad-wrap>.hag-pad{position:absolute;inset:0;height:100%;margin:0}.hag-pad-hint{position:absolute;inset:0;display:grid;place-items:center;font-size:.82rem;letter-spacing:.08em;color:var(--muted);opacity:.55;pointer-events:none}.hag-viz{position:relative;display:block;width:100%;height:var(--tile-art-h, 108px);margin:.45rem 0 .15rem;border-radius:var(--r-sm, 8px);background:#7f7f7f14;overflow:hidden;color:var(--accent, #7c6af7)}.hag-viz>.hag-art,.hag-viz>.hag-viz-cv{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;background:none;transition:opacity .4s ease}.hag-viz-cv{opacity:0;pointer-events:none}.hag-viz.is-lit>.hag-viz-cv{opacity:1}.hag-viz.is-lit>.hag-art{opacity:0}@media(min-width:64rem){#visualizer .viz-wrap .viz-stage{flex-direction:row}#visualizer .viz-wrap .viz-controls{height:auto;width:22rem;flex:0 0 22rem;border-top:0;border-left:1px solid var(--border)}#visualizer .viz-wrap:not(.is-bare) .viz-stage{height:clamp(20rem,78vh,56rem)}}.vizwin{position:fixed;z-index:500000;display:flex;flex-direction:column;min-width:260px;min-height:200px;border:1px solid var(--border-strong, var(--border));border-radius:12px;background:var(--panel, #14141f);box-shadow:0 18px 48px #0000008c;overflow:hidden}.vizwin-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .4rem .35rem .7rem;cursor:grab;background:#7f7f7f24;border-bottom:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none}.vizwin-bar:active{cursor:grabbing}.vizwin-title{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}.vizwin-x{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.95rem;line-height:1;padding:.3rem .45rem;border-radius:6px;min-width:32px;min-height:32px}.vizwin-x:hover{color:var(--text);background:#7f7f7f2e}.vizwin-body{flex:1 1 auto;min-height:0;overflow:hidden;padding:.4rem}.vizwin-wait{padding:1rem;font-size:.85rem}.vizwin-body .viz-wrap{height:100%}.vizwin-body .viz-wrap .viz-stage,.vizwin-body .viz-wrap:not(.is-bare) .viz-stage,.vizwin-body .viz-wrap.is-bare .viz-stage{height:auto;flex:1 1 auto;min-height:0}.vizwin-body .viz-wrap .viz-controls{max-height:52%}.vizwin-grip{position:absolute;right:0;bottom:0;width:22px;height:22px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 45%,var(--border-strong, var(--border)) 45% 55%,transparent 55% 70%,var(--border-strong, var(--border)) 70% 80%,transparent 80%)}.viz-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:0 0 .3rem}.viz-head h2{margin:0}.viz-lede,.viz-floating-note{margin:0 0 .7rem}@media(orientation:landscape)and (max-height:560px){.viz-head h2{font-size:1.05rem}.viz-lede{display:none}}.inst-watch{margin:.6rem 0 .9rem}.inst-theatre{margin:.2rem 0 1rem}@media(min-width:78rem){.inst-wrap.has-visuals:not(.is-incanvas){display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,30rem);column-gap:1.25rem;align-content:start}.inst-wrap.has-visuals:not(.is-incanvas)>.inst-theatre{grid-column:2;grid-row:1 / span 200;align-self:start;position:sticky;top:calc(var(--nav-h, 56px) + .75rem);margin:0}.inst-wrap.has-visuals:not(.is-incanvas)>*:not(.inst-theatre){grid-column:1;min-width:0}}.inst-wrap:not(.has-visuals) .inst-theatre{margin:.2rem 0 .6rem}.inst-theatre-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.inst-theatre-title{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.inst-theatre-toggle{font-size:.78rem;padding:.25rem .7rem}.inst-theatre-note{font-size:.78rem}.inst-theatre-wait{padding:1.2rem 0;font-size:.85rem}.inst-theatre-stage .viz-wrap{height:auto}.inst-theatre-stage .viz-wrap.is-bare .viz-stage{height:clamp(15rem,42vh,26rem)}.inst-theatre-stage .viz-wrap:not(.is-bare) .viz-stage{height:clamp(26rem,62vh,40rem)}@media(min-width:78rem){.inst-theatre-stage .viz-wrap.is-bare .viz-stage{height:clamp(18rem,52vh,32rem)}.inst-theatre-stage .viz-wrap:not(.is-bare) .viz-stage{height:min(46rem,100dvh - 140px)}.inst-theatre-stage .viz-controls{height:min(486px,100dvh - 410px)}}@media(max-width:40rem){.inst-theatre-stage .viz-wrap.is-bare .viz-stage{height:clamp(13rem,38vh,20rem)}.inst-theatre-stage .viz-wrap:not(.is-bare) .viz-stage{height:clamp(24rem,66vh,34rem)}.inst-theatre-toggle{min-height:40px}}.home-end{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;padding:2.6rem 1rem .5rem;position:relative}.home-end:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(18rem,55%);height:1px;background:linear-gradient(90deg,transparent,var(--border-strong, var(--border)),transparent)}.home-end-h{margin:0;font-size:clamp(1.25rem,1.05rem + .9vw,1.7rem);text-wrap:balance}.home-end-line{margin:0;max-width:34rem;font-size:.95rem;line-height:1.6}.home-end-go{margin-top:.5rem;padding:.55rem 1.4rem;font-size:.95rem}@media(max-width:40rem){.home-end{padding-top:2rem}.home-end-go{min-height:44px;display:inline-flex;align-items:center}}.hero-seen{--tile-art-h: 176px;max-width:44rem;margin:1rem 0 0}.hero-seen-line{margin:.55rem 0 .15rem;font-size:.86rem;line-height:1.5}@media(max-width:40rem){.hero-seen{--tile-art-h: 132px}}.hag-seq{cursor:pointer;height:156px}.hag-seq-note{fill:currentColor;opacity:.55;transition:opacity .12s ease}.hag-seq-note.is-lit{opacity:1}.hag-seq-head{transition:x .09s linear}@media(prefers-reduced-motion:reduce){.hag-seq-head{transition:none}}.about-lede{margin:0 0 .7rem;font-size:.86rem}.about-qs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}.about-q{font-size:.85rem;text-align:left}.about-q.is-on{border:1px solid transparent}.about-a>p{line-height:1.6}.about-a>p:last-of-type{margin-bottom:0}.about-go{margin-top:.7rem;font-size:.82rem}@media(prefers-reduced-motion:no-preference){.about-a{animation:about-in .28s ease-out}}@keyframes about-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:40rem){.about-q{min-height:40px}}.demos-lede{margin:0 0 .6rem;font-size:.9rem}.demos-grid{display:grid;gap:2.4rem;grid-template-columns:1fr;margin-top:1rem}.demo{--tile-art-h: 168px;min-width:0}@media(min-width:58rem){.demo{--tile-art-h: 236px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr);column-gap:1.6rem;align-content:start}.demo>.demo-art{grid-column:1;grid-row:1 / span 20}.demo>*:not(.demo-art){grid-column:2}.demo>.demo-title{margin-top:.1rem}}.demo-art>*{margin:0;border-radius:var(--r-md, 12px);border:1px solid var(--border)}.demo-title{display:flex;align-items:center;gap:.4rem;margin:.55rem 0 .15rem;font-size:1rem}.demo-ic{font-size:1.05rem}.demo-line{margin:0 0 .4rem;font-size:.86rem;line-height:1.5}.demo-foot{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.45rem 0 0}.demo-preview{font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;-webkit-user-select:none;user-select:none}.demo-go{display:inline-flex;align-items:center;gap:.32rem;font-size:.84rem;font-weight:700;color:var(--accent);text-decoration:none}.demo-go-ic{font-size:.95rem}.demo-go:hover{text-decoration:underline}.demo-go:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media(max-width:40rem){.demo-go{min-height:40px}}.demo-notes{margin-top:.5rem}.demo-notes>summary{cursor:pointer;font-size:.8rem;font-weight:600;color:var(--muted);padding:.2rem 0}.demo-notes>summary:hover{color:var(--text)}.demo-notes-body{padding-left:.75rem;margin-top:.4rem}.demo-notes-body p,.demo-notes-body li{font-size:.85rem;line-height:1.55}.demo-notes-head{margin:0 0 .4rem}.demo-notes-body ul{margin:.3rem 0 .6rem;padding-left:1.1rem}.demo-tags,.demo-links{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 0}.demo-tag{font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:8px;background:var(--b1, rgba(127, 127, 127, .1));border:1px solid var(--border, rgba(127, 127, 127, .18))}@media(max-width:40rem){.demo-notes>summary{min-height:40px;display:flex;align-items:center}}.demo-run{margin-top:2.75rem}.demo-run:first-of-type{margin-top:1.25rem}.demo-run-title{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.demo-run-lead{margin:.15rem 0 0;font-size:.86rem}.demo-run-title:after{content:"";display:block;height:1px;margin-top:.45rem;background:linear-gradient(90deg,var(--border-strong, var(--border)) 40%,transparent)}.demo-solos{display:grid;gap:1rem;margin-top:.9rem}@media(min-width:62rem){.demo-solos{grid-template-columns:repeat(2,1fr)}}.demo-solo{min-width:0}.demo-solo-tagline{margin:0 0 .5rem;font-weight:600;font-size:.9rem}.skills-lede{margin:0 0 .7rem;font-size:.82rem}.skills-groups{display:flex;flex-direction:column;gap:.7rem}.skills-group-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.skills-chips{display:flex;gap:.4rem;flex-wrap:wrap}.skill-chip{font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:8px;background:var(--b1, rgba(127, 127, 127, .1));border:1px solid var(--border, rgba(127, 127, 127, .18));color:var(--text);cursor:pointer}.skill-chip:hover{border-color:var(--border-strong, var(--accent))}.skill-chip.is-on{background:var(--accent);color:var(--btn-text);border-color:transparent}.skill-note{margin:.8rem 0 0;font-size:.85rem;line-height:1.55;padding-left:.7rem;border-left:2px solid var(--accent)}@media(prefers-reduced-motion:no-preference){.skill-note{animation:about-in .28s ease-out}}@media(max-width:40rem),(pointer:coarse){.skill-chip{min-height:36px;padding:6px 12px}}.bug-list{display:flex;flex-direction:column;gap:.7rem}.bug-row{border-left:3px solid var(--accent)}.bug-row.is-done{border-left-color:var(--border);opacity:.62}.bug-row-meta{margin:0 0 .35rem;font-size:.78rem}.bug-row-body{margin:0 0 .6rem;white-space:pre-wrap;line-height:1.5}.bug-row-tools{display:flex;gap:.4rem;flex-wrap:wrap;margin:0}.plooks{display:flex;flex-wrap:wrap;gap:.4rem}.plook{display:inline-flex;align-items:center;gap:.4rem;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--control-bg, rgba(127, 127, 127, .08));color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer}.plook:hover:not(:disabled){border-color:var(--accent)}.plook:disabled{cursor:default;opacity:.75}.plook.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.plook-chip{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.68rem;font-weight:800}.plook-note{margin:.55rem 0 0;font-size:.78rem}.plooks-pick-row{display:flex;align-items:center;gap:.45rem;padding:.2rem 0;font-size:.85rem}@media(max-width:40rem),(pointer:coarse){.plook,.plooks-pick-row{min-height:40px}}@media(max-width:40rem),(pointer:coarse){.paint-swatches{gap:6px}.paint-swatch{width:36px;height:36px;border-radius:6px}.paint-layer-pick,.paint-layer-eye,.paint-layer-move{min-height:40px;display:inline-flex;align-items:center;justify-content:center}.paint-layer-move{min-width:34px;padding:0 6px;font-size:.8rem}.paint-layer-eye{min-width:40px}.paint-layer-pick{padding-inline:.7rem}.paint-shape-row .btn{min-height:40px}.paint-shape-row .paint-keep{min-height:46px}.also-together-x{min-width:32px;min-height:32px}}.paint-asmap{align-items:flex-start}.paint-asmap-list{flex:1 0 100%;margin:0;padding:0;list-style:none;display:grid;gap:.15rem;font-size:.8rem}.paint-asmap-name{font-weight:600}.paint-asmap-meta{flex:1 0 100%;font-size:.76rem}.park-belt-wind{position:absolute;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--accent, #7c6af7) 34%,transparent);pointer-events:none}.map-maker{display:grid;gap:.6rem}.map-bar,.map-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.map-name{flex:1 1 10rem;min-width:0}.map-count{font-size:.8rem}.map-palette{display:flex;flex-wrap:wrap;gap:.35rem}.map-stamp{display:grid;place-items:center;padding:.2rem;min-width:44px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:transparent;cursor:pointer}.map-stamp.is-on{border-color:var(--accent, #22c55e);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #22c55e) 35%,transparent)}.map-field{position:relative;width:100%;border:1px solid var(--border);border-radius:10px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,#4a7c3f 22%,transparent),transparent 60%),color-mix(in srgb,#3a5a32 14%,transparent);cursor:crosshair;overflow:hidden;touch-action:manipulation}.map-field.is-erasing{cursor:not-allowed}.map-field.is-drawing{cursor:crosshair;touch-action:none}.map-ink,.map-things{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-ink{z-index:0}.map-things{z-index:1}.map-stage{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none}.map-zoom{display:inline-flex;gap:.25rem}.map-zoom .btn{min-width:2.6rem}.map-modes{display:flex;flex-wrap:wrap;gap:.5rem}.map-tool{min-width:44px;min-height:40px;font-size:1.1rem;line-height:1;border:1px solid var(--border);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.map-tool.is-on,.map-ink-pick.is-on{border-color:var(--accent, #22c55e);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #22c55e) 35%,transparent)}.map-ink-pick{min-width:44px;min-height:34px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.map-ink-any{display:inline-grid;place-items:center}.map-size{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.map-size input[type=range]{width:9rem;max-width:40vw}.map-size-say{min-width:7.5rem}.map-spawn{position:absolute;z-index:2;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid var(--accent, #22c55e);box-shadow:0 0 0 2px #00000073,inset 0 0 0 2px #00000059;pointer-events:none}.map-spawn:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--accent, #22c55e)}.map-field.is-placing{cursor:cell}.map-door,.park-door{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;border:2px dashed color-mix(in srgb,var(--accent, #22c55e) 85%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--accent, #22c55e) 26%,transparent),transparent 70%);pointer-events:none}.map-door{aspect-ratio:1}.map-door b,.park-door b{position:absolute;top:100%;font-size:.65rem;font-weight:600;line-height:1.4;padding:0 .3rem;border-radius:.3rem;white-space:nowrap;color:var(--bg, #0b0f19);background:var(--accent, #22c55e)}.park-door.is-gone,.map-door.is-gone{border-color:color-mix(in srgb,#e02020 70%,transparent);background:radial-gradient(circle,color-mix(in srgb,#e02020 18%,transparent),transparent 70%)}.park-door.is-gone b,.map-door.is-gone b{background:#e02020;color:#fff}.park-door{z-index:1}.map-fence{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;image-rendering:pixelated}.map-ink-any input[type=color]{width:44px;height:34px;padding:0;border:1px solid var(--border);border-radius:8px;background:transparent;cursor:pointer}.map-piece{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.map-piece .art-thumb-box,.map-piece canvas{width:100%!important;height:100%!important}.map-piece .art-thumb-box{background-image:none;border:0;border-radius:0}.map-piece.is-wall{outline:1px dashed color-mix(in srgb,#57503f 60%,transparent)}.map-note{font-size:.8rem;margin:0}.park-stage.is-away{display:none}.map-kept{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.map-kept-one{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;overflow:hidden}.map-kept-open,.map-kept-bin{background:transparent;border:0;cursor:pointer;color:inherit;font:inherit;min-height:36px;padding:0 .55rem}.map-kept-bin{border-left:1px solid var(--border);min-width:36px}.map-kept-bin:hover{background:color-mix(in srgb,#e04a4a 30%,transparent)}@media(max-width:700px),(pointer:coarse){.viz-wrap .btn,.viz-head .btn,.viz-wrap .viz-tab{min-height:36px}.viz-wrap .viz-icon{min-width:44px;min-height:44px}.viz-wrap .viz-swatch{height:36px}}@media(max-width:700px),(pointer:coarse){.appearance-slider input[type=range],.inst-oct .btn,.snap-pick .btn{min-height:36px}.inst-oct .btn{min-width:36px}.inst-keyslide,.map-size input[type=range],.also-together-go{min-height:36px}}@media(max-width:700px),(pointer:coarse){#circuit .cz-board-name{min-height:36px}#ratings .btn,#ratings th button{min-height:36px;min-width:36px}}@media(max-width:700px),(pointer:coarse){#investments .btn-ghost{min-height:24px}}@media(max-width:700px),(pointer:coarse){#investments .inv-pick{min-height:36px}}.inv-info{min-height:24px;min-width:24px}@media(max-width:700px),(pointer:coarse){.inv-info{min-height:36px;min-width:36px}}.paint-board.is-away,.paint-wrap.is-mapping .paint-tools-panel,.paint-wrap.is-mapping .paint-shape-row{display:none}.paint-map-close{justify-self:start}.park-scenery{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}.profile-head-hint{margin:.4rem 0 0;font-size:.78rem}.profile-blockedit-controls label.inst-pick,.profile-song-auto{min-height:24px}@media(hover:none)and (pointer:coarse){.inst-layers li .btn,.inst-layer-inst,.inst-layer-vol input[type=range]{min-height:24px}}.park-visit{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}.park-visit-list{display:flex;gap:.3rem;flex-wrap:wrap;min-width:0}.map-kept-share{appearance:none;font:inherit;font-size:.78rem;padding:.1rem .45rem;border:1px solid var(--border);border-radius:7px;background:var(--control-bg, rgba(255, 255, 255, .05));color:var(--text);cursor:pointer;min-height:24px}.map-kept-share.is-on{border-color:var(--accent);color:var(--accent)}.map-kept-share:disabled{opacity:.5;cursor:default}.park-guests{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;min-width:0}.park-visit-door select{font:inherit;font-size:.82rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:.1rem .3rem;min-height:24px}.profile-editor-nowt{margin:.3rem 0 0;font-size:.8rem;color:var(--warn, #f0b429)}.chron-strip{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:.5rem;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%)}.chron-strip::-webkit-scrollbar{display:none}.chron-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;min-height:36px}.chron-count{font-family:var(--mono);font-size:.72rem;padding:0 .3rem;border-radius:100px;background:#00000038}.chron-blurb{margin:0 0 .7rem;font-size:.86rem}.chron-win{font-family:var(--mono);color:var(--muted)}.chron-list{list-style:none;margin:0 0 .7rem;padding:0;display:grid;gap:.4rem}.chron-goal{border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;background:var(--panel)}.chron-goal.is-done .chron-name,.chron-goal.is-done .chron-tick span{text-decoration:line-through;opacity:.6}.chron-goal-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chron-tick{display:flex;align-items:center;gap:.5rem;flex:1 1 150px;min-width:150px;cursor:pointer;min-height:36px}.chron-tick input{width:20px;height:20px;flex:0 0 auto}.chron-name{flex:1 1 150px;min-width:150px}.chron-chip{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);border-radius:100px;padding:.05rem .4rem}.chron-x{min-width:36px;min-height:36px}.chron-meter{display:flex;align-items:center;gap:.45rem;margin-top:.4rem}.chron-bar{flex:1;height:6px;border-radius:100px;background:var(--border);overflow:hidden;min-width:3rem}.chron-bar i{display:block;height:6px;background:var(--accent);border-radius:100px}.chron-num{font-family:var(--mono);font-size:.78rem;color:var(--muted);white-space:nowrap}.chron-meter .btn{min-width:36px;min-height:36px;padding:0 .5rem}.chron-add{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.chron-add input{min-height:36px}.chron-add>label:first-child{flex:1 1 12rem}.chron-add>label:first-child input{width:100%}.chron-qty input{width:5.5rem}.chron-rep{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;font-size:.86rem;color:var(--muted)}.chron-say{margin:.5rem 0 0;font-size:.86rem;color:var(--accent)}.chron-aim{display:inline-grid;gap:3px;min-width:108px;font-size:.7rem;color:var(--muted)}.chron-aim i{display:block;height:4px;border-radius:99px;background:var(--border);overflow:hidden}.chron-aim b{display:block;height:100%;background:var(--muted)}.chron-aim.is-met b{background:var(--accent)}.chron-aim.is-met{color:var(--accent)}.chron-wall{margin-left:auto;font-family:var(--mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--muted);letter-spacing:.02em}.chron-gapline{margin:.3rem 0 .1rem;font-size:.8rem}.chron-quick-label{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.chron-chip-start{border-radius:99px;display:inline-flex;align-items:center;gap:.1rem}.chron-body{display:grid;gap:.9rem}.chron-main{min-width:0}@media(min-width:900px){.chron-body{grid-template-columns:minmax(0,1fr) 15rem;align-items:start}.chron-body.is-alone{grid-template-columns:minmax(0,1fr)}}.chron-rail{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:.7rem .8rem .9rem}.chron-rail-head{margin:0 0 .3rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chron-rail-cov+.chron-rail-head{margin-top:.9rem}.chron-rail-big{margin:0;display:flex;align-items:baseline;gap:.4rem;font-size:1.9rem;font-weight:700;line-height:1}.chron-rail-of{font-size:.72rem;font-weight:500;color:var(--muted)}.chron-rail-nums{display:flex;gap:1rem;margin:.5rem 0 .6rem}.chron-rail-nums div{display:grid;gap:1px}.chron-rail-nums dt{font-size:.66rem;color:var(--muted)}.chron-rail-nums dd{margin:0;font-size:.86rem;font-variant-numeric:tabular-nums}.chron-rail-cov{margin:0;display:grid;gap:4px;font-size:.72rem;color:var(--muted)}.chron-rail-cov i{display:block;height:5px;border-radius:99px;background:var(--border);overflow:hidden}.chron-rail-cov b{display:block;height:100%;background:var(--accent)}.chron-rail-none{margin:0;font-size:.74rem}.chron-rail-next{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.chron-rail-next li{display:flex;align-items:baseline;gap:.35rem;font-size:.78rem;min-width:0}.chron-rail-when{font-variant-numeric:tabular-nums;color:var(--muted);flex:none}.chron-rail-what{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chron-month{margin:.2rem 0 .9rem}.chron-month-dows,.chron-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.chron-month-dows{margin-bottom:3px}.chron-month-dows span{text-align:center;font-size:.6rem;letter-spacing:.06em;color:var(--muted)}.chron-month-cell{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;min-height:34px;padding:2px 4px;border:1px solid var(--border);border-radius:5px;background:var(--panel);overflow:hidden}.chron-month-cell.is-outside{opacity:.4}.chron-month-cell.is-today{border-color:var(--accent)}.chron-month-num{position:relative;z-index:1;font-size:.64rem;color:var(--text);opacity:.8;font-variant-numeric:tabular-nums}.chron-month-cell.is-today .chron-month-num{color:var(--accent);font-weight:700}.chron-month-fill{position:absolute;left:0;right:0;bottom:0;background:var(--accent);opacity:.32}.chron-week{margin:.6rem 0 .8rem}.chron-week-grid{display:grid;grid-template-columns:2.1rem repeat(7,minmax(0,1fr));gap:3px}.chron-week-hours{position:relative;margin-top:2.4rem;height:240px}.chron-week-hour{position:absolute;right:4px;transform:translateY(-50%);font-size:.6rem;color:var(--muted);font-variant-numeric:tabular-nums}.chron-week-col{min-width:0}.chron-week-day{display:grid;gap:0;width:100%;padding:.2rem 0;min-height:38px;line-height:1.1}.chron-week-dow{font-size:.6rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.chron-week-num{font-size:.86rem;font-weight:600}.chron-week-day.is-today .chron-week-num{color:var(--accent)}.chron-week-day.is-on{outline:1px solid var(--accent);outline-offset:-1px}.chron-week-lane{position:relative;height:240px;border-radius:6px;background:var(--panel);border:1px solid var(--border);overflow:hidden}.chron-week-line{position:absolute;left:0;right:0;height:1px;background:var(--border);opacity:.5}.chron-week-block{position:absolute;left:2px;right:2px;border-radius:3px;background:var(--chron-free);opacity:.85}.chron-week-block.is-locked{background:var(--chron-locked)}.chron-week-block.is-life{background:var(--chron-life)}.chron-week-block.is-cut{border-radius:0}.chron-week-covered{margin:.45rem 0 0;font-size:.76rem}.chron-week-now{position:absolute;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 6px var(--accent)}.chron-whyfor{flex:1 1 180px;min-width:180px}.chron-whyfor input{width:100%}.chron-goal-why{margin:.15rem 0 0;font-size:.78rem;font-style:italic}.chron-swatches{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.chron-swatch{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:transparent}.chron-swatch.is-on{outline:2px solid var(--text);outline-offset:1px}.chron-swatch.is-none{color:var(--muted);font-size:.8rem;line-height:1}.chron-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.4rem;vertical-align:baseline;flex:none}.chron-firstly{margin:.1rem 0 .6rem;font-size:.82rem}.chron-ent-note{flex:1 1 100%;font-size:.78rem;font-style:italic}.chron-note-fix{flex:1 1 160px;min-width:160px}.chron-note-fix input{width:100%}.chron-keep{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border)}.chron-keep .muted{flex:1 1 200px;min-width:200px;font-size:.78rem}.chron-rec{border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;margin-bottom:.8rem;background:var(--panel)}.chron-timer{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.chron-timer .btn,.chron-timer select{min-height:36px}.chron-pickrow{flex:1 1 11rem}.chron-pickrow select{width:100%}.chron-run{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.chron-run-name{flex:1 1 6rem;font-weight:600}.chron-cats{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 .2rem;font-size:.82rem}.chron-cat{border:1px solid var(--border);border-radius:100px;padding:.1rem .55rem}:root{--chron-locked: #7c6af7;--chron-free: #f5a623;--chron-life: #5b9cf6}.chron-cat.is-locked{border-color:var(--chron-locked)}.chron-cat.is-free{border-color:var(--chron-free)}.chron-cat.is-life{border-color:var(--chron-life)}.chron-log,.chron-acts{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.25rem}.chron-ent,.chron-acts li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;min-height:36px;flex-wrap:wrap}.chron-ent-name{flex:1 1 130px;min-width:130px}.chron-ent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chron-ent-span{font-family:var(--mono);font-variant-numeric:tabular-nums}.chron-ent-when{font-family:var(--mono);font-size:.76rem;white-space:nowrap}.chron-ent.is-live .chron-ent-span{color:var(--accent);font-weight:700}.chron-gap input{min-height:36px}.chron-tidy{margin-top:.6rem;font-size:.88rem}.chron-tidy>summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:.45rem}@media(max-width:700px),(pointer:coarse){.chron-ent-when{display:none}}.chron-plans,.chron-against{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.25rem}.chron-plan,.chron-vs{display:flex;align-items:center;gap:.5rem;font-size:.88rem;min-height:36px}.chron-plan{flex-wrap:wrap}.chron-plan-when,.chron-plan .btn{flex:0 0 auto}.chron-plan-when{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.78rem;white-space:nowrap}.chron-plan-name{flex:1 1 110px;min-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chron-vs-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chron-plan-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.chron-against{margin-top:.6rem;border-top:1px solid var(--line, rgba(128, 128, 128, .25));padding-top:.4rem}.chron-vs-num{font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}.chron-vs-num.is-over{color:var(--accent)}.chron-plans .btn,.chron-plan .btn{min-width:24px}.chron-ent-do,.chron-plan-do{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;margin-left:auto}@media(max-width:700px),(pointer:coarse){.chron-plan-note{display:none}.chron-ent-name{flex:1 1 100px;min-width:100px}}.chron-chip.is-auto{border-color:var(--accent);color:var(--accent)}.chron-shift{margin:.15rem 0 0;font-size:.78rem}.chron-shift .is-up{color:var(--accent)}.chron-shift .is-down{color:var(--muted)}.chron-short{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px dashed var(--border);border-radius:100px;padding:.02rem .35rem;white-space:nowrap}.chron-mood{font-size:.74rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.chron-mood.is-good{color:var(--accent)}.chron-mood.is-fine{color:#5b9cf6}.chron-mood.is-rough{color:var(--muted);font-style:italic}.chron-mood-line{display:flex;flex-wrap:wrap;gap:.1rem .7rem;margin:.15rem 0 0;font-size:.78rem}.chron-then{position:absolute;top:-2px;bottom:-2px;width:2px;border-radius:1px;transform:translate(-1px);background:var(--text);opacity:.55}.chron-then.is-up{background:var(--accent);opacity:.9}.chron-bars .chron-bar{position:relative;overflow:visible}.chron-bars .chron-chip{white-space:nowrap;flex:0 0 auto}.chron-shape{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.4rem;row-gap:3px;margin:.5rem 0 .6rem}.chron-lane-key{font-size:.64rem;letter-spacing:.04em;color:var(--muted);text-align:right;white-space:nowrap}.chron-ticks{grid-column:2}.chron-key{margin:.2rem 0 0;font-size:.72rem}.chron-lane{position:relative;height:12px;border-radius:3px;background:var(--border);opacity:.55}.chron-lane+.chron-lane{margin-top:3px;opacity:1}.chron-lane i{position:absolute;top:0;bottom:0;border-radius:3px;min-width:2px}.chron-lane.is-meant i{box-shadow:inset 0 0 0 1px var(--accent);border-radius:2px}.chron-lane.is-had i.is-locked{background:var(--chron-locked)}.chron-lane.is-had i.is-free{background:var(--chron-free)}.chron-lane.is-had i.is-life{background:var(--chron-life)}.chron-lane i.is-cut{border-radius:0}.chron-now{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.8}.chron-ticks{position:relative;height:.85rem;font-size:.62rem;font-family:var(--mono);color:var(--muted)}.chron-ticks span{position:absolute;transform:translate(-50%)}.chron-marks{display:flex;gap:2px;margin-top:.4rem;flex-wrap:nowrap}.chron-marks i{flex:0 1 10px;min-width:2px;height:10px;border-radius:2px;background:var(--border)}.chron-marks i.is-met{background:var(--accent)}.chron-marks i.is-missed{opacity:.45}.chron-marks i.is-now{background:transparent;box-shadow:inset 0 0 0 1px var(--accent)}.chron-chip.is-pri{border-color:#f5a623;color:#f5a623}.chron-chip.is-pri.is-now{border-color:var(--accent);color:var(--accent);font-weight:700}.chron-chip.is-est{font-family:var(--mono);font-variant-numeric:tabular-nums;text-transform:none}.chron-weight{margin:.1rem 0 0;font-size:.8rem}.chron-choice select{min-height:36px;max-width:13rem}.chron-how{margin:0 0 .7rem;font-size:.88rem;max-width:60ch}.chron-first{margin:0 0 .8rem;padding-left:1.3rem;display:grid;gap:.45rem;font-size:.9rem;max-width:60ch}.chron-first strong{color:var(--text)}.chron-look{margin-top:.8rem;border-top:1px solid var(--border);padding-top:.7rem}.chron-look-top{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.86rem}.chron-bars{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.chron-bars li{display:flex;align-items:center;gap:.5rem;min-height:32px;font-size:.88rem}.chron-bar-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chron-bar-name{flex:0 0 9rem;min-width:0;overflow:hidden;display:flex;align-items:center;gap:.35rem}.chron-bars .chron-bar{flex:1;height:10px;border-radius:100px;background:var(--border);overflow:hidden;min-width:2rem}.chron-bars .chron-bar i{display:block;height:10px;border-radius:100px;background:var(--accent)}.chron-bars .chron-bar i.is-locked{background:var(--chron-locked)}.chron-bars .chron-bar i.is-free{background:var(--chron-free)}.chron-bars .chron-bar i.is-life{background:var(--chron-life)}@media(max-width:700px),(pointer:coarse){.chron-bar-name{flex:0 0 6.5rem}}.chron-fix{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;flex:1 1 100%}.chron-fix input,.chron-fix select,.chron-fix .btn{min-height:36px}.chron-fix input[type=text],.chron-fix input:not([type]){min-width:7rem}.chron-act-name{flex:1;display:flex;align-items:center;gap:.4rem;justify-content:flex-start;min-height:36px;text-align:left;min-width:0}.chron-act-name>.muted{font-size:.78rem}.chron-day{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.92rem}.chron-day .btn{min-width:36px;min-height:36px;padding:0 .5rem}.chron-day>strong{min-width:7.5rem}.chron-quick{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.88rem}.chron-quick .btn{min-height:36px}.chron-note{flex:1 1 8rem;min-width:0}.chron-note input{width:100%;min-height:36px}.chron-routines{display:grid;gap:.5rem;margin-top:.4rem}.chron-routine{border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem}.chron-routine-top{display:flex;align-items:center;gap:.5rem;min-height:36px}.chron-routine-top>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chron-steps{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.chron-step{min-height:36px}.chron-step.is-done{opacity:.55;text-decoration:line-through}.chron-step.is-next{border:1px solid var(--accent);font-weight:650}.chron-draft{list-style:decimal;margin:.4rem 0;padding-left:1.4rem;display:grid;gap:.25rem}.chron-draft li{display:flex;align-items:center;gap:.35rem;min-height:36px;font-size:.88rem}.chron-draft-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chron-amount{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--accent);white-space:nowrap}.chron-chip.is-run{border-color:#f5a623;color:#f5a623;font-variant-numeric:tabular-nums}.profile-chron-now{display:flex;align-items:center;gap:.45rem;margin:0 0 .55rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);font-size:.9rem}.profile-chron-cats{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .6rem;font-size:.82rem}.profile-chron-top{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.3rem}.profile-chron-top li{display:flex;align-items:center;gap:.4rem;font-size:.84rem}.profile-chron-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--border)}.profile-chron-name{flex:0 1 auto;min-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chron-track{flex:1 1 auto;min-width:12px;height:6px;border-radius:100px;background:var(--border);overflow:hidden}.profile-chron-bar{display:block;height:100%;border-radius:100px;background:var(--chron-locked);opacity:.75}.profile-chron-mins{flex:none;width:52px;text-align:right;font-variant-numeric:tabular-nums}.party-cursors{position:fixed;inset:0;z-index:9000;pointer-events:none;overflow:hidden}.party-cursor{position:absolute;top:0;left:0;display:flex;align-items:flex-start;gap:.25rem;pointer-events:none;transition:opacity .18s ease;will-change:transform;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.party-cursor-mark{flex:0 0 auto;display:block}.party-cursor-name{margin-top:.85rem;padding:.1rem .4rem;border-radius:.35rem;font-size:.7rem;font-weight:600;line-height:1.5;white-space:nowrap;color:#fff;background:hsl(var(--party-hue) 70% 42%);border:1px solid hsl(var(--party-hue) 80% 62%);max-width:10rem;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.party-cursor{transition:none}}