@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2)format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2)format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2)format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2)format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2)format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2)format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#e2584a;--color-primary-dark:#b9402f;--color-primary-text:#b9402f;--color-on-primary:#fff;--color-primary-soft:#fff0ea;--color-ink:#2e2230;--color-on-ink:#fff;--color-background:#fff5ee;--color-surface:#fff;--color-surface-shadow:#f0dad2;--color-text:#3a2a33;--color-text-muted:#75626b;--color-placeholder:#a8949c;--color-border-dashed:#e8b9ae;--color-loop:#7a62d6;--color-success-bg:#cdf1df;--color-success:#2f8a5f;--color-danger:#b5372a;--color-danger-bg:#ffe6e1;--color-chip-playing-bg:#ffdcd5;--color-chip-loop-bg:#e8e0ff;--color-chip-loop:#5b44b8;--color-switch-off:#e7d9d3;--color-grab:#e3cfc8;--font-family-base:"Nunito", system-ui, -apple-system, "Segoe UI", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--font-weight-regular:600;--font-weight-bold:800;--font-weight-black:900;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:22px;--font-size-xl:30px;--font-size-display:56px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:14px;--radius-md:18px;--radius-lg:22px;--radius-pad:28px;--radius-sheet:32px;--radius-full:999px;--shadow-soft:0 3px 0 var(--color-surface-shadow);--shadow-pad-depth:6px;--motion-fast:.11s;--tap-min:44px}*{box-sizing:border-box}html,body{background:var(--color-background);height:100%;color:var(--color-text);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);-webkit-tap-highlight-color:transparent;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-reduce-motion=true] *{transition:none!important;animation:none!important}.app{height:100dvh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.view>*{max-width:1200px;margin-left:auto;margin-right:auto}.view{padding:max(var(--space-6), env(safe-area-inset-top)) var(--space-5) var(--space-6);flex:1;overflow-y:auto}.banner{margin:var(--space-2) var(--space-5) 0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-chip-playing-bg);color:var(--color-danger);text-align:center;font-size:var(--font-size-sm)}.banner-error{background:var(--color-danger-bg)}.tabbar{background:var(--color-surface);border-radius:var(--radius-pad) var(--radius-pad) 0 0;min-height:76px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;box-shadow:0 -4px 20px #e2584a14}.tab{align-items:center;gap:var(--space-1);min-width:72px;min-height:56px;color:var(--color-text-muted);font-size:var(--font-size-xs);flex-direction:column;justify-content:center;display:flex}.tab[aria-current=page]{color:var(--color-primary-text)}.hd{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.brand{color:var(--color-primary-text);font-size:15px;font-weight:var(--font-weight-black)}.hd h1,.deck-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);letter-spacing:-.5px;margin:0;line-height:1.15}.deck-title{align-items:center;gap:var(--space-1);text-align:left;min-height:var(--tap-min);display:flex}.hd>div:first-child{flex:1;min-width:0}.hd-actions{gap:var(--space-2);margin-top:var(--space-2);flex:none;justify-content:flex-end;display:flex}.deck-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pill-edit{width:var(--tap-min);justify-content:center;padding:0}.pill-edit .pill-text{display:none}.pill-edit[aria-pressed=true]{width:auto;padding:0 16px}.pill-edit[aria-pressed=true] .pill-text{display:inline}@media (width>=640px){.pill-edit{width:auto;padding:0 16px}.pill-edit .pill-text{display:inline}}.pill-ink{align-items:center;gap:var(--space-2);min-height:var(--tap-min);border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-on-ink);padding:0 18px;font-size:15px;display:inline-flex}.pill-soft{min-height:var(--tap-min);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary-text);box-shadow:var(--shadow-soft);align-items:center;gap:6px;padding:0 16px;display:inline-flex}.pill-soft[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 3px 0 var(--color-primary-dark)}.round{width:var(--tap-min);height:var(--tap-min);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:50%;flex:none;place-items:center;display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-black);box-shadow:0 5px 0 var(--color-primary-dark)}.btn:active,.pill-soft:active,.round:active{transform:translateY(2px)}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.grow{flex:1}.empty,.note{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.status{gap:var(--space-2);min-height:28px;margin:var(--space-1) 0 var(--space-4);flex-wrap:wrap;display:flex}.chip-status{border-radius:var(--radius-full);align-items:center;gap:5px;padding:5px 11px;font-size:13px;display:inline-flex}.chip-playing{background:var(--color-chip-playing-bg);color:var(--color-danger)}.chip-loop{background:var(--color-chip-loop-bg);color:var(--color-chip-loop)}.pad-grid{padding-bottom:var(--shadow-pad-depth);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width>=640px){.pad-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1000px){.pad-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.pad{padding-bottom:28px}}.pad{aspect-ratio:1/1.05;min-width:0;padding:var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-pad);background:var(--pad-fill);box-shadow:0 var(--shadow-pad-depth) 0 var(--pad-depth);color:var(--color-text);transition:transform var(--motion-fast), box-shadow var(--motion-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.pad:active,.pad[data-state=playing]{box-shadow:0 3px 0 var(--pad-depth);transform:translateY(3px)}.pad[data-state=playing]{outline:3px solid var(--color-primary);outline-offset:3px}.pad[data-state=looping]{outline:3px dashed var(--color-loop);outline-offset:3px}.pad[data-state=looping] .pad-icon{animation:.9s ease-in-out infinite pulse}.pad[data-state=error]{outline:3px solid var(--color-danger);outline-offset:3px}.pad-icon{place-items:center;display:grid}.pad-label{text-align:center;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:15px;line-height:1.1;display:-webkit-box;overflow:hidden}.tag{top:var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:2px 7px;display:inline-flex;position:absolute}.tag-play{left:var(--space-2);background:var(--color-primary-dark);color:var(--color-on-primary)}.tag-loop{left:var(--space-2);background:var(--color-loop);color:#fff;padding:3px 6px}.tag-vib{right:var(--space-2);background:#ffffff8c;padding:3px 5px}.tag-edit{right:var(--space-2);bottom:var(--space-2);background:var(--color-surface);color:var(--color-primary);padding:4px;top:auto}.pad-add{border:2.5px dashed var(--color-border-dashed);box-shadow:none;color:var(--color-primary-text);background:0 0}.pad-add:active{box-shadow:none;transform:none}.is-editing .pad:not(.pad-add){animation:.5s ease-in-out infinite alternate wiggle}.pad-static{aspect-ratio:1;cursor:default;flex:none;width:120px}@keyframes pulse{50%{transform:scale(1.1)}}@keyframes wiggle{0%{rotate:-1.2deg}to{rotate:1.2deg}}.search{margin:var(--space-3) 0;background:var(--color-surface);border-radius:var(--radius-md);padding:0 var(--space-4);color:#b39ca5;height:52px;box-shadow:var(--shadow-soft);align-items:center;gap:10px;display:flex}.search input{min-width:0;font-size:var(--font-size-md);color:var(--color-text);background:0 0;border:0;outline:none;flex:1;height:100%}.search input::placeholder{color:var(--color-placeholder)}.search:focus-within{outline:3px solid var(--color-primary);outline-offset:2px}.cats{gap:var(--space-2);padding:2px 2px var(--space-4);scrollbar-width:none;margin:0 -2px;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.cat{font-size:var(--font-size-sm);min-height:38px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);white-space:nowrap;flex:none}.cat[aria-selected=true]{background:var(--color-ink);color:var(--color-on-ink)}.sound-list{grid-template-columns:minmax(0,1fr);gap:9px;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.sound-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.sound-row{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-2) 10px var(--space-2) var(--space-2);display:flex}.sound-row.is-playing{outline:3px solid var(--color-primary)}.sound-tile{background:var(--pad-fill);border-radius:16px;flex:none;place-items:center;width:50px;height:50px;display:grid}.sound-text{text-align:left;min-width:0;min-height:var(--tap-min);flex-direction:column;flex:1;justify-content:center;display:flex}.sound-text strong{font-size:var(--font-size-md);font-weight:var(--font-weight-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sound-text small{color:var(--color-text-muted);font-size:13px;font-weight:var(--font-weight-regular)}.circle{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.circle:before{content:"";position:absolute;inset:-2px}.circle-soft{background:var(--color-primary-soft);color:var(--color-primary-text)}.circle-primary{background:var(--color-primary);color:var(--color-on-primary)}.circle-done{background:var(--color-success-bg);color:var(--color-success)}.sheet-backdrop{z-index:10;animation:fade var(--motion-fast) ease-out;background:#2e223073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--color-background);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:520px;max-height:92dvh;padding:10px var(--space-5) max(var(--space-6), env(safe-area-inset-bottom));animation:.18s ease-out up;overflow-y:auto}@media (width>=640px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius-sheet)}}.grab{background:var(--color-grab);width:44px;height:5px;margin:0 auto var(--space-2);border-radius:9px}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.sheet-head h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-black);flex:1;margin:0}.link{color:var(--color-primary-text);font-size:var(--font-size-md);min-height:var(--tap-min);padding:0 var(--space-1)}.sheet-body{gap:14px;display:grid}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}.studio-preview{gap:var(--space-4);align-items:center;display:flex}.studio-preview .meta{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.studio-preview small{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.field{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field legend{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:7px;padding:0}.input{background:var(--color-surface);width:100%;height:48px;padding:0 var(--space-4);color:var(--color-text);box-shadow:var(--shadow-soft);border:0;border-radius:16px;outline:none;font-size:17px}.input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.input::placeholder{color:var(--color-placeholder)}.icon-picker{grid-template-columns:repeat(8,1fr);gap:6px;max-height:148px;margin:-4px;padding:4px;display:grid;overflow-y:auto}.icon-choice{border-radius:var(--radius-sm);background:var(--color-surface);place-items:center;height:44px;display:grid}.icon-choice[aria-pressed=true]{outline:3px solid var(--color-primary)}.swatches{gap:var(--space-3);flex-wrap:wrap;margin:-4px;padding:4px;display:flex}.swatch{background:var(--pad-fill);width:40px;height:40px;box-shadow:inset 0 -4px 0 var(--pad-depth);border-radius:50%}.swatch[aria-pressed=true]{outline:3px solid var(--color-text);outline-offset:2px}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;min-height:56px;display:flex}.switch-row .lbl{font-size:var(--font-size-md);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.switch-row small{font-size:var(--font-size-xs);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);padding:2px 8px}.switch-row[aria-disabled=true]{cursor:not-allowed}.switch{appearance:none;border-radius:var(--radius-full);background:var(--color-switch-off);width:50px;height:30px;cursor:inherit;transition:background var(--motion-fast);flex:none;margin:0;position:relative}.switch:after{content:"";width:24px;height:24px;transition:left var(--motion-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--color-primary)}.switch:checked:after{left:23px}.switch:disabled{opacity:.6}.studio-actions{gap:10px;margin-top:2px;display:flex}.square{background:var(--color-surface);border-radius:20px;flex:none;place-items:center;width:56px;height:56px;display:grid}.square-danger{color:var(--color-danger)}.save{background:var(--color-primary);height:56px;color:var(--color-on-primary);font-size:18px;font-weight:var(--font-weight-black);box-shadow:0 5px 0 var(--color-primary-dark);border-radius:20px;flex:1}.save:active{box-shadow:0 2px 0 var(--color-primary-dark);transform:translateY(3px)}.deck-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.deck-list li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.deck-list li[aria-current=true]{outline:3px solid var(--color-primary)}.deck-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--tap-min);text-align:left;flex:1;font-size:17px;display:flex}.deck-row small{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.icon-ghost{width:var(--tap-min);height:var(--tap-min);color:var(--color-text-muted);border-radius:50%;place-items:center;display:grid}.cards{gap:var(--space-3);display:grid}@media (width>=900px){.cards{grid-template-columns:1fr 1fr;align-items:start}}.card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft)}.card h2{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:18px;font-weight:var(--font-weight-black);display:flex}.card h2 svg{color:var(--color-primary)}.card .switch-row{min-height:var(--tap-min);padding:0}.timer-display{font-size:var(--font-size-display);font-weight:var(--font-weight-black);text-align:center;margin:var(--space-2) 0;font-variant-numeric:tabular-nums}.card .cats{padding-bottom:var(--space-3)}.card .cat{background:var(--color-background)}.card .cat[aria-selected=true],.card .cat[aria-pressed=true]{background:var(--color-ink);color:var(--color-on-ink)}.card .btn{background:var(--color-background);box-shadow:none}.card .btn-primary{background:var(--color-primary);box-shadow:0 5px 0 var(--color-primary-dark)}.range{width:100%;accent-color:var(--color-primary);height:32px}.select{background:var(--color-background);width:100%;height:48px;padding:0 var(--space-4);font-size:var(--font-size-md);border:0;border-radius:16px}.safety{padding-left:var(--space-5);gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);margin:0;display:grid}.desk-only{display:none!important}.center{text-align:center}.muted{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.hd-back{justify-content:flex-start;align-items:center;gap:var(--space-3)}.two{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cats-center{justify-content:center}.cats-wrap{flex-wrap:wrap;overflow:visible}.section-title{font-size:18px;font-weight:var(--font-weight-black);margin:var(--space-4) 0 var(--space-3)}.badge-warn{font-size:var(--font-size-xs);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-full);margin-left:auto;padding:2px 8px}.chip-info{color:#2f62b5;background:#dce9ff}.tag-error{right:var(--space-2);background:var(--color-danger);color:#fff;padding:3px 5px}.pill-big{min-height:56px;font-size:18px;font-weight:var(--font-weight-black);padding:0 30px}.pill-ink[aria-pressed=true]{background:var(--color-primary)}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:32px}.range::-webkit-slider-runnable-track{background:linear-gradient(var(--color-primary), var(--color-primary)) 0 / var(--fill,80%) 100% no-repeat, #f1e4df;border-radius:99px;height:10px}.range::-moz-range-track{background:#f1e4df;border-radius:99px;height:10px}.range::-moz-range-progress{background:var(--color-primary);border-radius:99px;height:10px}.range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--color-primary);background:#fff;border-radius:50%;width:30px;height:30px;margin-top:-10px;box-shadow:0 2px 4px #00000026}.range::-moz-range-thumb{border:3px solid var(--color-primary);background:#fff;border-radius:50%;width:24px;height:24px}.toasts{justify-items:center;gap:var(--space-2);pointer-events:none;z-index:5;padding:0 var(--space-4);display:grid;position:absolute;bottom:92px;left:0;right:0}.toast{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-on-ink);align-items:center;gap:10px;padding:12px 20px;font-size:15px;display:inline-flex;box-shadow:0 6px 20px #2e223040}.toast-error{background:var(--color-danger)}.detail-hero{justify-items:center;gap:var(--space-3);margin:var(--space-2) 0 var(--space-5);display:grid}.detail-tile{aspect-ratio:1;cursor:default;border-radius:40px;width:200px;height:200px}.detail-hero .status{justify-content:center;margin:0}.wave{align-items:center;gap:4px;height:48px;display:flex}.wave i{background:var(--color-primary);opacity:.55;border-radius:3px;width:4px}.wave.is-on i{opacity:1;animation:.8s ease-in-out infinite pulse}.wave.is-on i:nth-child(2n){animation-delay:.2s}.card-flat{box-shadow:none;padding:var(--space-4);margin-bottom:var(--space-3)}.also{font-size:var(--font-size-md);margin:6px 0 0}.in-deck{align-items:center;gap:var(--space-3);display:flex}.ok{color:var(--color-success);align-items:center;gap:6px;display:inline-flex}.save-wide{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-2);display:inline-flex}.deck-cards{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.deck-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-soft);display:grid}.deck-card[aria-current=true]{outline:3px solid var(--color-primary)}.deck-card-main{text-align:left;justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.deck-card-title{flex-direction:column;display:flex}.deck-card-title strong{font-size:19px;font-weight:var(--font-weight-black)}.deck-card-title small{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.circle-sm{width:32px;height:32px}.deck-card-icons{flex-wrap:wrap;gap:6px;display:flex}.mini{background:var(--pad-fill);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.mini-more{background:var(--color-background);color:var(--color-text-muted);font-size:13px}.chip-btn{border-radius:var(--radius-full);background:var(--color-background);min-height:36px;font-size:var(--font-size-sm);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip-btn-danger{color:var(--color-danger)}.speaker{border-radius:var(--radius-md);background:var(--color-background);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;display:flex}.speaker[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 4px 0 var(--color-primary-dark)}.settings-col{gap:var(--space-4);max-width:640px;display:grid}.group{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.group-row{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-3) var(--space-5);text-align:left;cursor:pointer;display:flex}.group-row+.group-row{border-top:1px solid #f5e8e3}.group-col{justify-content:stretch;gap:var(--space-1);cursor:default;display:grid}.row-between{justify-content:space-between;align-items:center;display:flex}.lbl{align-items:center;gap:10px;display:inline-flex}.lbl svg,.group-row>svg{color:var(--color-primary)}.group-row>svg:last-child{color:var(--color-text-muted)}.value{color:var(--color-text-muted);align-items:center;gap:4px;display:inline-flex}.step{padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);background:var(--pad-fill);box-shadow:0 5px 0 var(--pad-depth);text-align:center;justify-items:center;gap:2px;display:grid}.step strong{font-size:19px;font-weight:var(--font-weight-black)}.step small{color:#6b5a62;font-weight:var(--font-weight-regular)}.tips{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tips li{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex}.tip-icon{border-radius:var(--radius-sm);flex:none;place-items:center;width:44px;height:44px;display:grid}.sidebar,.volume-bar{display:none}.key{background:#ffffffb3;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid;position:absolute;bottom:10px;right:10px}.tip{color:var(--color-text-muted);font-size:var(--font-size-sm);align-self:center;margin-left:auto}@media (width>=1000px){.desk-only{display:revert!important}.search.desk-only,.tip.desk-only,.key.desk-only{display:flex!important}.key.desk-only{display:grid!important}.tabbar{display:none}.toasts{bottom:110px}.sidebar{gap:var(--space-1);width:300px;padding:var(--space-6) var(--space-5);background:var(--color-surface);flex-direction:column;flex:none;display:flex;overflow-y:auto}.logo{font-size:26px;font-weight:var(--font-weight-black);margin:0 var(--space-2) var(--space-6);align-items:center;gap:10px;display:flex}.side-nav{gap:var(--space-1);display:grid}.side-item{align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-md);text-align:left;color:var(--color-text);font-size:18px;display:flex}.side-item svg{color:var(--color-text-muted)}.side-item[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary-text)}.side-item[aria-current=page] svg{color:var(--color-primary)}.side-heading{margin:var(--space-6) var(--space-4) var(--space-2);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);font-size:13px}.side-decks{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-deck{min-height:46px;font-size:17px}.side-deck small{color:var(--color-text-muted)}.side-new{align-items:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-4);color:var(--color-primary-text);font-size:17px;display:flex}.view{padding:var(--space-6) 44px}.hd-actions{align-items:center;margin-top:0}.hd-actions .search{width:clamp(200px,26vw,360px);margin:0}.volume-bar{align-items:center;gap:var(--space-4);margin:0 44px var(--space-5);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:var(--color-primary);display:flex}.volume-bar .pct{color:var(--color-text);text-align:right;min-width:48px}}
