:root{--bg-sky-top:#cfe8ff;--bg-sky-bottom:#f2fbff;--ground-a:#a8d8a0;--ground-b:#98cc90;--primary:#2e6ff2;--primary-dark:#1f56c4;--accent:#ff8a3d;--danger:#e5484d;--text:#1b2a41;--text-sub:#5a6b84;--card:#fff;--card-shadow:0 4px 16px #1b2a411f;--radius-card:20px;--radius-btn:16px;--meter-speed:#2e6ff2;--meter-quiet:#7c5cff;--meter-smooth:#00a896;--meter-pep:#ff8a3d;--font-base:18px;--font-stack:"Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, system-ui, sans-serif}:root.big-text{--font-base:22px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-stack);font-size:var(--font-base);color:var(--text);background:linear-gradient(180deg, var(--bg-sky-top), var(--bg-sky-bottom));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{background:var(--card);box-shadow:var(--card-shadow);z-index:2;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.app-logo{font-size:1.5rem;line-height:1}.app-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:800;overflow:hidden}.app-lang{border-radius:var(--radius-btn);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:.3rem .6rem;font-size:1.35rem;line-height:1;transition:background .15s;display:inline-flex}.app-lang:hover{background:#1b2a410f}.app-main{flex:auto;gap:.75rem;min-height:0;padding:.75rem;display:flex}.stage{border-radius:var(--radius-card);min-width:0;min-height:0;box-shadow:var(--card-shadow);flex:7 1 0;display:flex;position:relative;overflow:hidden}.side-panel{flex-direction:column;flex:3 1 0;gap:.75rem;min-width:0;min-height:0;display:flex;overflow-y:auto}.viewport{flex:auto;min-height:0;position:relative;overflow:hidden}.viewport-canvas{width:100%;height:100%;display:block}.viewport-loading{color:var(--text-sub);justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.viewport-debug{z-index:3;flex-direction:column;align-items:flex-end;gap:.4rem;max-width:min(90vw,30rem);display:flex;position:absolute;top:.75rem;right:.75rem}.viewport-debug .debug-row{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.viewport-debug button{border-radius:var(--radius-btn);background:var(--danger);color:#fff;min-height:40px;font:inherit;cursor:pointer;box-shadow:var(--card-shadow);border:none;padding:.4rem 1rem;font-weight:700}.viewport-debug button:disabled{opacity:.5;cursor:default}.viewport-debug .debug-pool{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.viewport-debug .debug-out{border-radius:var(--radius-btn);color:#fff;font-variant-numeric:tabular-nums;text-align:right;background:#1b2a41d9;padding:.3rem .6rem;font-size:.85rem}.toast{border-radius:var(--radius-btn);color:#fff;text-align:center;max-width:min(90%,28rem);box-shadow:var(--card-shadow);z-index:4;background:#1b2a41e6;padding:.6rem 1.1rem;font-weight:600;animation:.2s ease-out toast-in;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.5rem)}to{opacity:1;transform:translate(-50%)}}.btn{border-radius:var(--radius-btn);background:var(--card);min-height:44px;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--card-shadow);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:700;transition:opacity .15s,transform 50ms,background .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn:not(:disabled):active{transform:translateY(1px)}.btn-emoji{font-size:1.15em;line-height:1}.btn-label{white-space:nowrap}.btn:focus-visible,.app-lang:focus-visible,.infotip-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-dark)}.btn-lg{min-height:56px;font-size:1.05rem}.btn-ghost{background:var(--card);color:var(--text)}.btn-keep{background:var(--meter-smooth);color:#fff}.btn-like,.btn-retry{background:var(--accent);color:#fff}.btn-send{background:var(--primary);color:#fff}.btn-order{background:var(--card);color:var(--text)}.vibe-bar{background:var(--card);z-index:2;flex-direction:column;flex:none;gap:.5rem;padding:.6rem .75rem;display:flex;box-shadow:0 -4px 16px #1b2a4114}.vibe-bar.is-disabled{opacity:.55}.vibe-orders{flex-wrap:wrap;gap:.4rem;display:flex}.vibe-orders .btn{min-height:56px}.vibe-input-row{gap:.4rem;display:flex}.vibe-input{border-radius:var(--radius-btn);min-width:0;min-height:44px;font:inherit;color:var(--text);background:#fff;border:2px solid #dce3ee;flex:auto;padding:.5rem .9rem}.vibe-input:focus{border-color:var(--primary);outline:none}.vibe-input:disabled{background:#f0f3f8}.coach-bubble{max-width:min(70%,22rem);color:var(--text);box-shadow:var(--card-shadow);z-index:5;opacity:0;pointer-events:none;background:#fffffff0;border-radius:14px;align-items:flex-start;gap:.5rem;padding:.6rem .9rem;font-weight:600;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:1rem;left:1rem;transform:translateY(.4rem)}.coach-bubble.is-visible{opacity:1;transform:translateY(0)}.coach-bubble-emoji{font-size:1.2rem;line-height:1.2}.preview-actions{border-radius:var(--radius-card);max-width:calc(100% - 2rem);box-shadow:var(--card-shadow);z-index:6;background:#ffffffeb;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.preview-title{color:var(--text-sub);margin:0;font-size:.9rem;font-weight:600}.preview-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.training-overlay{z-index:6;pointer-events:none;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.training-panel{pointer-events:auto;border-radius:var(--radius-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:min(100%,30rem);box-shadow:var(--card-shadow);text-align:center;background:#ffffffdb;flex-direction:column;gap:.55rem;padding:1rem 1.15rem;display:flex}.training-title{margin:0;font-weight:800}.training-order{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:700}.training-genbar{flex-direction:column;gap:.3rem;display:flex}.training-genbar-track{background:#e2e8f2;border-radius:7px;height:14px;overflow:hidden}.training-genbar-fill{background:var(--primary);border-radius:7px;height:100%;transition:width .3s}.training-genbar-label{color:var(--text-sub);font-variant-numeric:tabular-nums;font-size:.85rem}.training-stats{font-variant-numeric:tabular-nums;justify-content:center;gap:1.2rem;display:flex}.training-stat{align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.training-stat-emoji{font-size:1.1rem}.training-tally{font-variant-numeric:tabular-nums;flex-direction:column;gap:.25rem;display:flex}.training-tally-row{color:var(--text-sub);flex-wrap:wrap;justify-content:center;gap:.3rem .85rem;font-size:.85rem;display:flex}.training-tally-item{white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.training-tally-emoji{font-size:.95rem}.training-tally-total{color:var(--text);font-size:1.05rem;font-weight:800}.training-phase{color:var(--text-sub);margin:0;font-weight:600}.training-cheer{min-height:1.4em;color:var(--text);margin:0}.training-cancel{align-self:center}.compare-view{z-index:20;background:linear-gradient(180deg, var(--bg-sky-top), var(--bg-sky-bottom));flex-direction:column;display:flex;position:fixed;inset:0}.compare-stage{flex:auto;min-height:0;position:relative}.compare-canvas{width:100%;height:100%;display:block}.compare-label{color:#fff;box-shadow:var(--card-shadow);white-space:nowrap;opacity:0;pointer-events:none;will-change:transform;border-radius:999px;padding:.25rem .7rem;font-size:.95rem;font-weight:800;transition:opacity .2s;position:absolute;top:0;left:0}.compare-label-before{background:#5a6b84eb}.compare-label-after{background:var(--primary)}.compare-footer{background:var(--card);flex-direction:column;flex:none;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 -4px 16px #1b2a411a}.compare-title{text-align:center;margin:0;font-size:1.15rem;font-weight:800}.compare-buttons{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.meters-panel{border-radius:var(--radius-card);background:var(--card);box-shadow:var(--card-shadow);flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.meters-title{color:var(--text);align-items:center;gap:.4rem;margin:0;font-size:1rem;font-weight:800;display:flex}.meters-title-emoji{font-size:1.1rem;line-height:1}.meters-list{flex-direction:column;gap:.55rem;display:flex}.meter-row{flex-direction:column;gap:.3rem;min-width:0;display:flex}.meter-head{align-items:center;gap:.4rem;display:flex}.meter-emoji{font-size:1.05rem;line-height:1}.meter-labelwrap{flex:auto;align-items:center;gap:.1rem;min-width:0;display:inline-flex}.meter-label{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.meter-value{color:var(--text-sub);font-variant-numeric:tabular-nums;flex:none;font-size:.9rem;font-weight:700}.meter-bar{background:#e2e8f2;border-radius:6px;height:12px;position:relative;overflow:hidden}.meter-bar-fill{border-radius:6px;width:0;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.meter-bar-fill.meter-speed{background:var(--meter-speed)}.meter-bar-fill.meter-quiet{background:var(--meter-quiet)}.meter-bar-fill.meter-smooth{background:var(--meter-smooth)}.meter-bar-fill.meter-pep{background:var(--meter-pep)}.meter-bar-fill.is-over{box-shadow:inset -7px 0 7px -5px #ffffffd9}.meter-value.is-over{color:var(--text)}.side-actions{flex-direction:column;gap:.6rem;display:flex}.infotip{vertical-align:middle;margin-inline-start:.25rem;display:inline-flex;position:relative}.infotip-btn{border:1.5px solid var(--text-sub);width:20px;height:20px;color:var(--text-sub);font-family:var(--font-stack);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-style:italic;font-weight:800;line-height:1;display:inline-flex;position:relative}.infotip-btn:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.infotip-bubble{z-index:50;background:var(--card);width:max-content;max-width:280px;color:var(--text);border-radius:12px;padding:.6rem .75rem;font-size:.9rem;font-weight:600;line-height:1.45;animation:.14s ease-out infotip-in;position:fixed;box-shadow:0 6px 24px #1b2a4138}.infotip-text{display:block}.infotip-arrow{left:var(--arrow-left,50%);background:var(--card);width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.infotip-bubble:not(.is-below) .infotip-arrow{bottom:-6px;box-shadow:3px 3px 6px #1b2a4114}.infotip-bubble.is-below .infotip-arrow{top:-6px;box-shadow:-2px -2px 5px #1b2a410d}@keyframes infotip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.meter-bar-fill{transition:none}.infotip-bubble{animation:none}}.btn.mtl-mic-recording{background:var(--danger);color:#fff;animation:1s ease-in-out infinite mtl-mic-pulse}@keyframes mtl-mic-pulse{0%,to{box-shadow:0 0 #e5484d8c}50%{box-shadow:0 0 0 7px #e5484d00}}.app-dogname{min-width:0;max-width:40vw;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#2e6ff21a;border-radius:999px;flex:0 auto;margin-left:auto;padding:.2rem .7rem;font-size:.95rem;font-weight:800;overflow:hidden}.onboarding{z-index:40;position:fixed;inset:0}.onboarding-blocker{z-index:1;background:0 0;position:absolute;inset:0}.onboarding-scrim{z-index:1;background:#0f172a8c;position:absolute;inset:0}.onboarding-spotlight{z-index:2;border-radius:var(--radius-card);pointer-events:none;position:fixed;box-shadow:0 0 0 9999px #0f172a8c}.onboarding-ring{border:3px solid var(--primary);border-radius:inherit;animation:1.6s ease-in-out infinite onboard-pulse;position:absolute;inset:-3px}@keyframes onboard-pulse{0%,to{opacity:1;box-shadow:0 0 #2e6ff280}50%{opacity:.8;box-shadow:0 0 0 10px #2e6ff200}}.onboarding-caption{z-index:3;border-radius:var(--radius-card);background:var(--card);text-align:center;flex-direction:column;gap:.6rem;width:min(92vw,22rem);padding:.9rem 1.1rem;display:flex;position:fixed;box-shadow:0 10px 30px #0f172a4d}.onboarding-text{color:var(--text);margin:0;font-weight:700}.onboarding-arrow{background:var(--card);width:16px;height:16px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.onboarding-arrow.is-up{top:-7px}.onboarding-arrow.is-down{bottom:-7px}.onboarding-foot{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.onboarding-dots{gap:.35rem;display:inline-flex}.onboarding-dot{background:#cdd7e6;border-radius:50%;width:8px;height:8px}.onboarding-dot.is-current{background:var(--primary)}.namedialog-scrim{z-index:45;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.namedialog-card{border-radius:var(--radius-card);background:var(--card);flex-direction:column;gap:.9rem;width:min(92vw,26rem);padding:1.4rem 1.3rem;display:flex;box-shadow:0 16px 40px #0f172a4d}.namedialog-title{color:var(--text);text-align:center;margin:0;font-size:1.2rem;font-weight:800}.namedialog-input{border-radius:var(--radius-btn);min-height:52px;font:inherit;color:var(--text);text-align:center;background:#fff;border:2px solid #dce3ee;padding:.6rem 1rem;font-size:1.1rem}.namedialog-input:focus{border-color:var(--primary);outline:none}.namedialog-collabel{color:var(--text-sub);text-align:center;margin:0;font-weight:700}.namedialog-swatches{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.namedialog-swatch{cursor:pointer;width:52px;height:52px;box-shadow:var(--card-shadow);border:3px solid #1b2a4126;border-radius:50%;padding:0;position:relative}.namedialog-swatch.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px #2e6ff259}.namedialog-swatch:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.namedialog-check{color:#1b2a41;text-shadow:0 0 3px #fffffff2;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;display:flex;position:absolute;inset:0}.namedialog-ok{align-self:center;min-width:60%}.infotip-close{width:26px;height:26px;color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.infotip-close:hover{background:#1b2a4114}.infotip-close:focus-visible{outline:3px solid var(--primary);outline-offset:1px}.infotip-close:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.infotip-text{padding-right:1.4rem}@media (prefers-reduced-motion:reduce){.btn.mtl-mic-recording,.onboarding-ring{animation:none}}.effort-slider{border-radius:var(--radius-card);background:var(--card);box-shadow:var(--card-shadow);flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.effort-title{color:var(--text);align-items:center;gap:.4rem;margin:0;font-size:1rem;font-weight:800;display:flex}.effort-title-emoji{font-size:1.1rem;line-height:1}.effort-range{appearance:none;background:linear-gradient(90deg, var(--meter-smooth), var(--primary));cursor:pointer;border-radius:999px;width:100%;height:10px;margin:.6rem 0 .3rem}.effort-range:disabled{opacity:.5;cursor:default}.effort-range:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.effort-range::-webkit-slider-thumb{appearance:none;border:4px solid var(--primary);width:30px;height:30px;box-shadow:var(--card-shadow);cursor:pointer;background:#fff;border-radius:50%}.effort-range::-moz-range-thumb{border:4px solid var(--primary);width:26px;height:26px;box-shadow:var(--card-shadow);cursor:pointer;background:#fff;border-radius:50%}.effort-ticks{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.effort-tick{text-align:center;box-sizing:border-box;appearance:none;width:100%;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:.12rem;padding:.35rem .15rem;display:flex}.effort-tick:not(.is-selected):hover:not(:disabled){background:#2e6ff20f}.effort-tick:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.effort-tick:disabled{cursor:default;opacity:.5}.effort-tick.is-selected{box-shadow:inset 0 0 0 2px var(--primary);background:#2e6ff21a}.effort-tick-emoji{font-size:1.3rem;line-height:1}.effort-tick-name{color:var(--text);font-size:.8rem;font-weight:700}.effort-tick-time{color:var(--text-sub);font-variant-numeric:tabular-nums;align-items:center;gap:.15rem;font-size:.72rem;display:inline-flex}.effort-tick-clock{font-size:.85em}.effort-tick-coin{color:var(--accent);font-size:.72rem;font-weight:800}.effort-tick-coin.is-free{color:var(--text-sub);font-weight:700}.effort-note{color:var(--text-sub);margin:.1rem 0 0;font-size:.82rem;line-height:1.4}.effort-slow{color:var(--accent);align-items:center;gap:.3rem;margin:.1rem 0 0;font-size:.82rem;font-weight:700;display:flex}.grad-panel{text-align:center;align-items:center}.grad-emoji{font-size:2rem;line-height:1}.grad-running{margin:0;font-weight:700}.compare-grad{z-index:3;border-radius:var(--radius-card);max-width:min(92%,30rem);box-shadow:var(--card-shadow);text-align:center;background:#fffffff2;flex-direction:column;align-items:center;gap:.12rem;padding:.6rem 1.1rem;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.compare-grad.is-pass{box-shadow:0 0 0 3px var(--meter-smooth), var(--card-shadow)}.compare-grad.is-fail{box-shadow:0 0 0 3px var(--accent), var(--card-shadow)}.compare-grad-verdict{color:var(--text);margin:0;font-weight:800}.compare-grad-score{color:var(--text-sub);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.compare-grad-upsell{color:var(--primary);margin:.2rem 0 0;font-size:.85rem;font-weight:700}.app-badge{vertical-align:middle;margin-left:.3rem;font-size:1rem;line-height:1}.confetti-canvas{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}.toast-reset{z-index:30;align-items:center;gap:.5rem;display:inline-flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}@media (width<=900px){.app-main{flex-direction:column;overflow:hidden auto}.stage{flex:0 0 42vh}.side-panel{flex-direction:column;flex:none;overflow:visible}.side-actions{flex-direction:row}.side-actions .btn{flex:1 1 0;min-width:0}.meters-list{flex-direction:row;gap:.5rem}.meters-list .meter-row{flex:1 1 0}.meters-list .meter-head{justify-content:center;gap:.3rem}.meters-list .meter-labelwrap{display:none}.vibe-orders{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.vibe-orders .btn{flex-direction:column;gap:.15rem;min-width:0;padding:.4rem .25rem}.vibe-orders .btn .btn-emoji{font-size:1.3em}.vibe-orders .btn .btn-label{white-space:normal;text-align:center;font-size:.75rem;line-height:1.15}}.app-settings{border-radius:var(--radius-btn);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:.3rem .6rem;font-size:1.3rem;line-height:1;transition:background .15s;display:inline-flex}.app-settings:hover{background:#1b2a410f}.app-settings:focus-visible,.btn-danger:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-danger{background:var(--danger);color:#fff}.toast-outcome{z-index:31;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)}.settings-scrim{z-index:55;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-card{border-radius:var(--radius-card);background:var(--card);flex-direction:column;width:min(94vw,30rem);max-height:min(88vh,44rem);display:flex;overflow:hidden;box-shadow:0 16px 40px #0f172a4d}.settings-header{border-bottom:1px solid #e6ebf3;align-items:center;gap:.5rem;padding:.9rem 1rem;display:flex}.settings-title{color:var(--text);flex:auto;margin:0;font-size:1.2rem;font-weight:800}.settings-close{border-radius:var(--radius-btn);min-width:44px;min-height:44px;color:var(--text-sub);cursor:pointer;background:0 0;border:none;flex:none;font-size:1.1rem}.settings-close:hover{background:#1b2a410f}.settings-close:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.settings-body{flex-direction:column;flex:auto;gap:.9rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.settings-row{justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;display:flex}.settings-row-label{color:var(--text);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.settings-emoji{font-size:1.2em;line-height:1}.settings-switch{cursor:pointer;background:0 0;border:none;flex:none;width:60px;min-height:34px;padding:0}.settings-switch-track{background:#c3ccda;border:2px solid #b2bccb;border-radius:999px;width:56px;height:30px;transition:background .15s;display:block;position:relative}.settings-switch.is-on .settings-switch-track{background:var(--meter-smooth);border-color:var(--meter-smooth)}.settings-switch-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0f172a59}.settings-switch.is-on .settings-switch-thumb{transform:translate(26px)}.settings-switch:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:999px}.settings-seg{border-radius:var(--radius-btn);border:2px solid #dce3ee;display:inline-flex;overflow:hidden}.settings-seg-btn{background:var(--card);min-height:40px;color:var(--text-sub);font:inherit;cursor:pointer;border:none;padding:.3rem .85rem;font-weight:700}.settings-seg-btn.is-active{background:var(--primary);color:#fff}.settings-seg-btn:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.settings-action{justify-content:flex-start;width:100%;text-decoration:none}.settings-section{border-top:1px solid #eef2f8;flex-direction:column;gap:.5rem;padding-top:.4rem;display:flex}.settings-h3{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:800;display:flex}.settings-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;font-size:.8rem;font-weight:800;display:inline-flex}.settings-note{color:var(--text-sub);margin:0;font-size:.85rem;line-height:1.4}.settings-coinnote{align-items:baseline;gap:.4rem;display:flex}.settings-empty{color:var(--text-sub);margin:0;padding:.5rem 0;font-style:italic}.settings-wishlist{flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;display:flex}.settings-wishlist-item{color:var(--text);word-break:break-word}.settings-ledger-wrap{border-radius:var(--radius-btn);border:1px solid #eef2f8;max-height:12rem;overflow:auto}.settings-ledger{border-collapse:collapse;width:100%;font-size:.8rem}.settings-ledger td{white-space:nowrap;border-bottom:1px solid #f1f4f9;padding:.35rem .5rem}.settings-ledger-date{color:var(--text-sub)}.settings-ledger-outcome,.settings-ledger-grad{text-align:center}.settings-advanced{border-top:1px solid #eef2f8;padding-top:.5rem}.settings-summary{cursor:pointer;color:var(--text);align-items:center;min-height:44px;padding:.4rem 0;font-weight:800;display:flex}.settings-field-label{color:var(--text);align-items:center;gap:.4rem;margin-top:.6rem;font-weight:700;display:flex}.settings-input,.settings-select{border-radius:var(--radius-btn);width:100%;min-height:48px;font:inherit;color:var(--text);background:#fff;border:2px solid #dce3ee;margin-top:.4rem;padding:.5rem .8rem}.settings-input:focus,.settings-select:focus{border-color:var(--primary);outline:none}.settings-warning{color:var(--danger)}.settings-advanced-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.settings-test-ok{color:var(--meter-smooth);margin:.5rem 0 0;font-weight:700}.settings-test-ng{color:var(--danger);margin:.5rem 0 0;font-weight:700}.settings-credits{color:var(--text-sub);text-align:center;border-top:1px solid #eef2f8;margin:.4rem 0 0;padding-top:.6rem;font-size:.78rem}@media (prefers-reduced-motion:reduce){.settings-switch-track,.settings-switch-thumb{transition:none}}.deep-replay-badge{color:#fff;max-width:92%;box-shadow:var(--card-shadow);z-index:6;background:#2e6ff2f0;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .9rem;font-weight:700;display:inline-flex;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.deep-replay-badge-emoji{font-size:1.1em}.deep-replay-badge .infotip-btn{color:#fff;border-color:#fffc}