:root{--ibuki:#7fb2d9;--ibuki-soft:#7fb2d92e}.count-chip.ibuki-chip{min-width:20px;padding:0 4px}.count-chip.ibuki-chip.on,.key-breath-toggle.on{border-color:var(--ibuki);background:var(--ibuki-soft)}.ibuki-overlay{z-index:3;border:1px solid var(--ibuki);min-width:96px;color:var(--text);pointer-events:none;background:#17191ddb;border-radius:10px;flex-direction:column;align-items:center;padding:8px 14px 10px;animation:.6s ease-out ibuki-in;display:flex;position:absolute;top:104px;left:50%;overflow:hidden;transform:translate(-50%)}.ibuki-overlay .ibuki-kanji{letter-spacing:.08em;font-size:34px;font-weight:700;line-height:1.05}.ibuki-overlay .ibuki-romaji{letter-spacing:.12em;text-transform:uppercase;color:var(--ibuki);font-size:13px}.ibuki-overlay .ibuki-bar{background:var(--ibuki);height:3px;transition:width .12s linear;position:absolute;bottom:0;left:0}@keyframes ibuki-in{0%{opacity:0;transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.ibuki-overlay{animation:none}.ibuki-overlay .ibuki-bar{transition:none}}.ibuki-mark{z-index:1;border-left:2px solid var(--ibuki);background:var(--ibuki-soft);min-width:3px;height:14px;color:var(--ibuki);white-space:nowrap;pointer-events:auto;border-radius:0 3px 3px 0;padding-left:3px;font-size:10px;line-height:14px;position:absolute;top:0;overflow:hidden}.player{z-index:2;pointer-events:none;position:absolute;inset:0}.viewport{-webkit-user-select:none;user-select:none}.player-icon{flex:none;display:block}.player-center{color:#fff;background:#1112159e;border-radius:50%;place-items:center;width:72px;height:72px;margin:-36px 0 0 -36px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 4px 18px #00000059}.player:not(.playing) .player-center .player-icon{margin-left:4px}.player.idle .player-center{opacity:0;transform:scale(.9)}.player-ripple{color:#fff;text-align:center;text-shadow:0 1px 3px #0009;background:#ffffff21;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:34%;padding:0 12px;font-size:13px;font-weight:600;animation:.75s ease-out forwards player-ripple;display:flex;position:absolute;top:0;bottom:0}.player-ripple.back{border-radius:0 50% 50% 0;left:0}.player-ripple.on{border-radius:50% 0 0 50%;right:0}@keyframes player-ripple{0%{opacity:0}15%,65%{opacity:1}to{opacity:0}}.player-bar{color:#fff;pointer-events:auto;background:linear-gradient(#0a0b0d00,#0a0b0d80 45%,#0a0b0dcc);padding:22px 10px 6px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.player.idle .player-bar{opacity:0;pointer-events:none}.player-bar input.player-scrub{width:100%;height:18px;accent-color:var(--accent);cursor:pointer;margin:0 0 2px;display:block}.player-scrub:disabled{cursor:default}.player-row{align-items:center;gap:4px;min-width:0;display:flex}.player-bar .player-row>button{color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:auto;min-width:34px;min-height:32px;padding:0 6px;font-size:14px;font-weight:600;line-height:1;display:grid;position:relative}@media (hover:hover){.player-bar .player-row>button:hover:not(:disabled,[aria-disabled=true]),.player-bar .player-row>button.select.open{background:#ffffff24}}.player-bar .player-row>button[aria-pressed=true]:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.player-bar .player-row>button.select.player-speed{justify-items:start;min-width:50px;padding-left:10px}.player-speed .select-chevron{display:none}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#e8e6e1;margin:0 6px;font-size:13px}.player-spacer{flex:1}.stage-caption{color:#fff;pointer-events:none;background:#0a0b0da8;border-radius:8px;max-width:min(40%,460px);padding:6px 11px 7px;position:absolute;bottom:90px;left:12px}.stage-caption p{margin:0}.caption-line{font-size:14px;font-weight:600;line-height:1.35}.caption-lead{color:#ffffffd1;font-weight:400}.caption-dot{color:#ffffff8c}.caption-japanese{letter-spacing:.04em;color:#ffffffb8;margin-top:2px;font-size:12px}.stage-caption.live{animation:.18s ease-out caption-in}@keyframes caption-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.player:not(.watching) .stage-caption{text-align:right;inset:96px 10px auto auto}.viewport>.overlay{transition:opacity .25s}.viewport:has(>.player.idle)>.overlay:not(:focus-within){opacity:0}.viewport:has(>.player.idle)>.overlay:not(:focus-within)>*{pointer-events:none}.viewport:has(>.player.idle) .scene{cursor:none}.app.exploring .reference,.app.exploring .reference-pill{bottom:84px}@media (width<=760px){.player-center{width:60px;height:60px;margin:-30px 0 0 -30px}.player-bar{padding:18px 4px 4px}.player-bar .player-row>button{min-width:32px;padding:0 4px}.player-time{margin:0 4px}}@media (pointer:coarse){.player-bar input.player-scrub{height:44px;margin:-22px 0 0}.player-row{flex-wrap:wrap;gap:0}.player-bar .player-row>button{min-width:44px;min-height:44px}.player-bar .player-row>button.select.player-speed{min-width:44px;margin-left:auto}.player-time{margin:0 2px;font-size:12px}.player-bar .player-row>button[aria-pressed=true]:after{bottom:6px}.player-elapsed{flex-direction:column;align-items:flex-end;display:inline-flex}.player-elapsed:after{content:attr(data-longest);visibility:hidden;height:0;overflow:hidden}}@media (pointer:coarse) and (width<=429px){.player-row{margin:0 -4px}.player-bar .player-row>button.select.player-speed{padding-left:4px}.player-time{word-spacing:-.15em;margin:0;font-size:11px}.player-unit{display:none}}@media (pointer:coarse),(width<=760px),(height<=500px){.stage-caption,.player:not(.watching) .stage-caption{text-align:left;max-width:calc(100% - 16px);padding:4px 9px;inset:62px auto auto 8px}.caption-line{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.caption-lead,.caption-japanese{display:none}.player.still .player-bar{pointer-events:none;background:0 0}.player.still .player-scrub,.player.still .player-row>*{visibility:hidden}.player.still .player-time{visibility:visible;background:#1112159e;border-radius:10px;margin:0;padding:3px 8px;font-size:11px;position:absolute;bottom:8px;left:8px}}@media (prefers-reduced-motion:reduce){.stage-caption.live{animation-name:caption-fade}.player-center,.player-bar,.viewport>.overlay{transition:none}.player.idle .player-center{transform:none}}@keyframes caption-fade{0%{opacity:0}}.player-bar :focus-visible,.viewport .overlay :focus-visible,.stage-menu-button:focus-visible{outline-offset:2px;outline:2px solid #9fc6ff;box-shadow:0 0 0 5px #0a0b0de6}@media (forced-colors:active){.player-bar .player-row>button[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}.player-bar .player-row>button[aria-pressed=true]:after{forced-color-adjust:none;background:highlight}}.welcome{color:var(--text);background:radial-gradient(120% 90% at 35% 30%,#3b322a 0%,#251f1a 55%,#161210 100%);grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:24px;padding:24px clamp(16px,5vw,64px);display:grid;position:fixed;inset:0}.welcome-scene{position:absolute;inset:0}.welcome-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17191de0;border-radius:14px;flex-direction:column;grid-column:2;align-items:flex-start;gap:12px;padding:28px 28px 24px;display:flex;position:relative;box-shadow:0 18px 48px #00000073}.welcome-logo{width:56px;height:56px}.welcome-card h1{letter-spacing:.01em;margin:0;font-family:Avenir Next,Avenir,Montserrat,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:32px;font-weight:700}.welcome-card h1 span{color:var(--muted);font-weight:500}.welcome-lead{margin:0;font-size:18px}.welcome-about{color:var(--muted);margin:0;line-height:1.5}button.welcome-osu{border-radius:999px;margin-top:8px;padding:10px 28px;font-size:18px;font-weight:700}button.welcome-osu span{margin-right:6px}.welcome-note{color:var(--muted);margin:6px 0 0;font-size:11.5px;line-height:1.45}@media (width<=760px){.welcome{grid-template-columns:minmax(0,1fr);align-items:end}.welcome-card{grid-column:1}}.library-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0b0d9e;place-items:start center;padding:64px 16px 16px;display:grid;position:fixed;inset:0}.library{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 96px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.library header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.library header h2{margin:0;font-size:15px}.library header input{flex:1}.library ul{margin:0;padding:6px;list-style:none;overflow-y:auto}.library li{border-radius:8px;gap:6px;padding:12px;display:grid}.library li+li{border-top:1px solid var(--line)}.library li p{color:var(--muted);margin:0;line-height:1.45}.entry-title{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.entry-title strong{font-size:14px}.entry-title span[lang=ja]{color:var(--muted)}.library .chip{background:var(--panel-raised);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.library .chip.kind-kata{color:#ffb8aa;background:#e5533d2e}.library .chip.kind-kihon{color:#cfc4ff;background:#9b87f52e}.library .chip.status-captured{color:#9fe2f7;background:#4cc9f029}.library .chip.status-template{color:#ffe0a0;background:#ffd16629}.entry-actions{gap:8px;display:flex}.reference-layer{z-index:6;pointer-events:none;grid-area:view;position:relative}.reference-layer>*{pointer-events:auto}.reference{border:1px solid var(--line);background:#111215eb;border-radius:10px;width:min(42%,380px);position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 10px 30px #00000073}.reference.large{width:min(70%,720px)}.reference header{align-items:center;gap:6px;padding:5px 6px;display:flex}.reference header .segmented{margin-right:auto}.reference header button{padding:2px 8px}.reference .sync{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11px;display:inline-flex}.reference video{aspect-ratio:16/9;background:#000;width:100%;display:block}.reference-missing{color:var(--muted);gap:8px;padding:16px;display:grid}.reference-missing p{margin:0}.reference-pill{position:absolute;bottom:10px;right:10px}@media (width<=900px){.reference{width:min(56%,340px)}.reference.large{width:calc(100% - 20px)}}.library-variants>button.link{align-items:center;gap:4px;display:inline-flex}.library-variants ul{border-left:1px solid var(--line);margin:4px 0 0 4px;padding:0 0 0 12px;overflow:visible}.library-variants li{align-items:center;gap:8px;padding:3px 6px;display:flex}.library-variants li+li{border-top:none}.library-variants .variant-name{flex:1;min-width:0}.library-variants li.variant-pattern{padding:4px 0 0;display:block}.library-variants .pattern-name{color:var(--muted);font-size:12px;font-weight:600}.library-variants .variant-pattern>ul{margin:2px 0 0}:root{--bg:#17191d;--panel:#1f2228;--panel-raised:#272b33;--line:#343944;--text:#e8e6e1;--muted:#9aa1ad;--accent:#e5533d;--accent-soft:#e5533d29;--good:#3ddc97;--bad:#ff4d4f;--radius:8px;--mode:var(--accent);--mode-soft:var(--accent-soft);color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{background:var(--panel-raised);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px}button:hover:not(:disabled,[aria-disabled=true]){background:#2f343e;border-color:#4b5262}button:disabled,button[aria-disabled=true]:not(.action-menu-item){opacity:.45;cursor:default}button.primary{color:#fff;background:#c8402c;border-color:#c8402c}button.primary:hover:not(:disabled){background:#b5371f}button.primary kbd{color:inherit;border-color:#ffffff80}:focus-visible{outline-offset:2px;outline:2px solid #9fc6ff}.key:focus-visible{outline:none}.key:focus-visible .diamond{outline-offset:3px;outline:2px solid #fff}.track-slider:focus-visible{outline-offset:0}button.active{background:var(--accent-soft);border-color:var(--accent);color:#ffd9d2}input,textarea{border:1px solid var(--line);background:#15171b;border-radius:6px;width:100%;padding:5px 8px}kbd{border:1px solid var(--line);color:var(--muted);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}[hidden]{display:none!important}.app{grid-template-columns:var(--nav-width) minmax(0, 1fr) auto;--nav-width:minmax(220px, 260px);grid-template-rows:auto 1fr auto;grid-template-areas:"top top top""nav view side""nav time time";height:100%;display:grid}.app.nav-collapsed{--nav-width:36px}.topbar{border-bottom:1px solid var(--line);background:var(--panel);grid-area:top;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;gap:12px;padding:6px 12px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand h1{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin:0;font-size:13px;display:flex;overflow:hidden}.brand .title{min-width:0}.title-name{text-overflow:ellipsis;min-width:0;color:inherit;font:inherit;cursor:text;background:0 0;border:1px solid #0000;border-radius:4px;margin:0 -4px;padding:1px 4px;overflow:hidden}button.title-name:hover,button.title-name:focus-visible{border-color:var(--line);background:var(--panel-raised)}.title-input{border:1px solid var(--accent);background:var(--panel);width:auto;min-width:0;color:var(--text);font:inherit;border-radius:4px;margin:0 -4px;padding:1px 4px}.brand p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:11.5px;overflow:hidden}.brand p .chip{font-size:11px;line-height:inherit;padding:0 6px}.logo{flex:none;width:28px;height:28px;display:block}.actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.divider{background:var(--line);width:1px;height:20px;margin:0 4px}.viewport{background:radial-gradient(120% 90% at 50% 30%,#3b322a 0%,#251f1a 55%,#161210 100%);grid-area:view;min-height:0;position:relative}.scene{position:absolute;inset:0}.balance-label{border-left:3px solid var(--good);padding:4px 9px;font-size:12px}.balance-label.bad{border-left-color:var(--bad)}.nudge{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.nudge-label{min-width:64px;color:var(--muted);font-size:12px}.nudge-axis{gap:2px;display:inline-flex}.nudge-axis button{font-variant-numeric:tabular-nums;min-width:34px;padding:2px 6px;font-size:12px}.overlay{pointer-events:none;gap:8px;display:flex;position:absolute}.overlay>*{pointer-events:auto}.overlay-top-left{flex-wrap:wrap;top:10px;left:10px}.overlay-top-right{flex-direction:column;align-items:flex-end;top:10px;right:10px}.overlay-bottom-left{flex-direction:column;align-items:flex-start;gap:6px;bottom:10px;left:10px;right:10px}.overlay-bottom-left .hint{max-width:640px}.hint{border:1px solid var(--line);border-radius:var(--radius);background:#17191ddb;padding:7px 10px;line-height:1.4}.legend{color:var(--muted);border-radius:var(--radius);background:#17191de6;flex-wrap:wrap;gap:10px;padding:5px 9px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.legend i.square{border-radius:1px}.legend i.ring{background:0 0;border:2px solid #4cc9f0}.segmented{border:1px solid var(--line);background:#17191ddb;border-radius:7px;gap:2px;padding:2px;display:inline-flex}.segmented button{background:0 0;border-color:#0000;padding:3px 8px;font-size:12px}.segmented button.active{border-color:var(--accent)}.panel{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;display:inline}.panel p{margin:0;line-height:1.45}.muted{color:var(--muted)}.small{font-size:12px}.field{flex-direction:column;flex:1;gap:4px;display:flex}.field>span{color:var(--muted);font-size:12px}.field.inline{flex-direction:row;justify-content:space-between;align-items:center}.row{flex-wrap:wrap;gap:10px;display:flex}.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.check input{width:auto}.check.unusable{opacity:.45}.check.unusable,.check.unusable input{cursor:default}.chip{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.chip.good{color:var(--good);background:#3ddc9729}.chip.bad{color:#ff7a7c;background:#ff4d4f29}.weight{border-radius:6px;height:22px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.weight span{background:#2b4a5e;place-items:center;min-width:34px;display:grid}.weight span+span{background:#4a3a5e}.steps{color:#cfd3da;gap:6px;margin:0;padding-left:18px;line-height:1.45;display:grid}.timeline{border-top:1px solid var(--line);background:var(--panel);grid-area:time;padding:6px 12px 10px}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transport .segmented button{padding-left:5px;padding-right:5px}.transport .play{min-width:82px}.readout{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.readout strong{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;min-width:34px}.readout input{width:64px}.spacer{flex:1}.key-status{color:var(--muted);white-space:nowrap;font-size:12px}.moves-lane{height:18px;margin:8px 8px 0;position:relative}.move-cell{border:1px solid var(--line);min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:4px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;top:0;bottom:0;overflow:hidden}.move-cell:hover:not(:disabled){color:var(--text);background:#ffffff17}.move-cell.current{border-color:var(--mode);background:var(--mode-soft);color:var(--text)}.track{--ruler:24px;border:1px solid var(--line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#15171b;border-radius:6px;height:80px;margin:8px 8px 0;position:relative}.track-slider{pointer-events:none;border-radius:6px;position:absolute;inset:-1px}.track-keys{display:contents}.ruler{height:var(--ruler);cursor:ew-resize;position:absolute;inset:0 0 auto}.ruler .tick{background:#3a404b;width:1px;height:7px;position:absolute;top:0}.ruler .tick.major{background:#5b6270;height:12px}.ruler em{color:var(--muted);font-size:10px;font-style:normal;position:absolute;top:12px;left:3px}.segment{background:#2c3340;border-radius:3px;height:6px;position:absolute;top:62px}.segment em{color:#7c8492;white-space:nowrap;font-size:10px;font-style:normal;position:absolute;top:9px;left:50%;transform:translate(-50%)}.segment.easing-kime{background:#e5533d80}.key{background:0 0;border:0;width:0;height:0;padding:0;position:absolute;top:40px;overflow:visible}.key .diamond{cursor:grab;background:#c9ced6;border:2px solid #15171b;border-radius:2px;width:16px;height:16px;position:absolute;top:0;left:-8px;transform:rotate(45deg)}.key.current .diamond{background:var(--accent)}.key.through .diamond{background:#15171b;border:2px solid #c9ced6;border-radius:50%;width:12px;height:12px;top:2px;left:-6px}.key.through.current .diamond{border-color:var(--accent);background:var(--accent-soft)}.key em{color:var(--text);white-space:nowrap;font-size:10px;font-style:normal;position:absolute;top:-15px;left:0;transform:translate(-50%)}.key:hover .diamond{background:#fff}.key.selected:before{content:"";pointer-events:none;background:#9fc6ff33;border:1.5px solid #9fc6ff;border-radius:6px;width:26px;height:26px;position:absolute;top:-5px;left:-13px}.key-box{top:var(--ruler);z-index:3;pointer-events:none;background:#9fc6ff1f;border:1px solid #9fc6ffb3;border-radius:3px;position:absolute;bottom:0}.key-clipboard{flex:none;gap:4px;display:inline-flex}.playhead{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.notice{top:92px;left:calc((100vw - var(--sidebar-width,0px)) / 2);max-width:min(600px, calc(100vw - var(--sidebar-width,0px) - 32px));border-radius:var(--radius);background:var(--panel-raised);border:1px solid var(--line);z-index:20;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0006}.notice.error{border-color:var(--bad)}.notice pre{white-space:pre-wrap;font:inherit;max-height:40vh;margin:0;overflow:auto}.notice button{background:0 0;border:0;padding:0 2px}.notice .notice-action{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex:none;padding:2px 10px}.app-stopped{border:1px solid var(--bad);border-radius:var(--radius);background:var(--panel);max-width:560px;margin:12vh auto 0;padding:24px}.app-stopped h1{margin:0 0 8px;font-size:18px}.app-stopped pre{white-space:pre-wrap;max-height:30vh;color:var(--muted);overflow:auto}.stage-stopped{text-align:center;color:var(--muted);place-items:center;padding:24px;display:grid;position:absolute;inset:0}@media (width<=700px){.notice{max-width:calc(100vw - 32px);left:50%}.app{grid-template:"top""nav""view"64vh"time""side"/1fr}.app .explore-nav{max-height:36vh}.app .explore-nav.collapsed{flex-direction:row}.viewport{min-height:420px}.overlay-top-left,.overlay-top-right{gap:6px}.segmented button{padding:4px 7px;font-size:12px}.topbar{flex-wrap:wrap}html,body,#root{overflow:auto}.legend{display:none}}.metrics{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.metrics th,.metrics td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:3px 4px}.metrics th[scope=row]{text-align:left;color:var(--muted);white-space:normal;font-weight:400}.metrics thead th{color:var(--muted);font-weight:600}.metrics tr.notable td{color:#ffcf99}.metrics .differs{color:#ffcf99;margin-left:4px;font-size:11px;font-weight:600}.metrics tr.notable th[scope=row]:before{content:"";vertical-align:1px;background:#ff9f43;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.body-label{border:1px solid var(--line);color:var(--text);white-space:nowrap;pointer-events:none;background:#17191dd9;border-radius:999px;padding:2px 8px;font-size:12px}.body-label.reference{color:#bfe9fb;border-color:#4cc9f0}.sliders{gap:1px;display:grid}.slider{color:var(--muted);grid-template-columns:minmax(96px,30%) minmax(60px,1fr) 86px;align-items:center;gap:6px;font-size:12px;display:grid}.slider input[type=range]{width:100%;accent-color:var(--mode);cursor:pointer;background:0 0;border:0;height:20px;padding:0}.slider output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.quick-tools{flex-wrap:wrap;gap:4px;display:flex}.quick-tools button{padding:3px 8px;font-size:12px}.hint.warning{color:#ffd9b0;border-color:#ff9f43}.key.unsaved .diamond{box-shadow:0 0 0 2px #ff9f43}button.save{text-align:center;min-width:8em}.hint.floor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint.floor:not(.warning){color:var(--muted)}.hint.steps-offer{border-color:var(--mode);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.steps-offer-buttons{gap:6px;display:flex}.app.with-reference .overlay-bottom-left{max-width:calc(100% - min(42%,380px) - 30px);right:auto}@media (width<=700px){.app.with-reference .overlay-bottom-left{max-width:calc(100% - min(56%,340px) - 30px)}}.app.mode-waza{--mode:#4cc9f0;--mode-soft:#4cc9f024}.app.mode-waza .viewport{box-shadow:inset 0 3px 0 var(--mode)}.mode-switch{justify-self:center}.mode-switch button{padding:5px 18px;font-size:13px;font-weight:600}.mode-switch button.active{background:var(--mode-soft);border-color:var(--mode);color:var(--text)}.chip.motion-chip,.chip.piece-chip{background:var(--mode);color:#101216;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.chip.warn{color:#ffd9b0;background:#ff9f432e}button.icon{min-width:26px;padding:3px 7px;line-height:1.2}.history-buttons{flex:none;gap:2px;display:flex}button.history-button{flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}button.link{color:#9fc6ff;background:0 0;border:0;padding:0;font-size:12px}button.link:hover:not(:disabled){background:0 0;text-decoration:underline}.segmented.small button{padding:2px 8px}.row.wrap{flex-wrap:wrap}.action-menu{z-index:70;background:var(--panel-raised);border-radius:var(--radius);min-width:220px;max-width:min(340px,100vw - 16px);max-height:calc(100vh - 16px);color:var(--text);border:1px solid #4b5262;flex-direction:column;padding:4px;font-size:13px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 28px #00000073}.action-menu-item{text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:28px;padding:3px 8px 3px 6px;display:grid}.action-menu-item:hover:not(:focus),button.action-menu-item:hover:not(:disabled){background:0 0}.action-menu-item:focus{background:var(--mode-soft);outline:none}.action-menu-item:focus-visible{box-shadow:inset 0 0 0 2px #9fc6ff}.action-menu-item[aria-disabled=true]{color:var(--muted);cursor:default}.action-menu-item[aria-disabled=true] .action-menu-label{opacity:.6}.action-menu-item.danger:not([aria-disabled=true]){color:#ff8a80}.action-menu-check{color:var(--good);text-align:center;font-size:12px}.action-menu-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.action-menu-item kbd{justify-self:end}.action-menu-line{background:var(--line);height:1px;margin:4px 6px}.action-menu-heading{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:6px 8px 2px 28px;font-size:11px;font-weight:600}.dialog.new-dialog{width:min(600px,100%);max-height:calc(100vh - 112px);overflow-y:auto}.new-kinds{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;display:grid}.new-kinds legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:12px}.new-kind{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:7px 10px;display:flex;position:relative}.new-kind:hover{border-color:#4b5262}.new-kind.on{border-color:var(--mode);background:var(--mode-soft)}.new-kind:focus-within{outline-offset:1px;outline:2px solid #9fc6ff}.new-kind input{opacity:0;pointer-events:none;position:absolute}.new-kind-name{font-weight:700}.new-kind-about{font-size:12px;line-height:1.35}.new-kind-example{color:var(--muted);font-size:11.5px;font-style:italic}.new-setup{border-top:1px solid var(--line);flex-direction:column;gap:8px;min-height:292px;padding-top:10px;display:flex}.new-setup .field{flex:none;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;margin:0;font-size:12px;display:grid}.new-setup .field>span:first-child{color:var(--muted)}.new-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.new-checks{gap:18px;font-size:12px;display:flex}.new-checks label{align-items:center;gap:6px;display:inline-flex}.new-setup .hint-line{margin:0;line-height:1.4}.new-buttons{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.explore-nav-head button.new-button{font-size:16px;line-height:1}button.main-menu{align-items:center;gap:6px;display:inline-flex}button.main-menu.open{border-color:var(--mode)}.sidebar{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:side;min-height:0;display:flex;position:relative}.sidebar:not(.collapsed){grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.sidebar:not(.collapsed):has(>.keys-section:not(.folded)){grid-template-rows:auto clamp(150px,34%,340px) auto minmax(0,1fr)}.sidebar>.piece-header,.sidebar>.knows-header{grid-row:1}.sidebar>.keys-section{grid-row:2}.sidebar>.tabs{grid-row:3}.sidebar>.tab-body{grid-row:4}.sidebar.collapsed{align-items:center;gap:4px;width:36px;padding:6px 0}.rail-tab{writing-mode:vertical-rl;color:var(--muted);background:0 0;border-color:#0000;padding:8px 4px;font-size:12px}.resize-handle{cursor:col-resize;z-index:5;touch-action:none;width:6px;position:absolute;top:0;bottom:0;left:0}.resize-handle:hover,body.resizing .resize-handle{background:var(--mode);opacity:.6}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.tabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;padding:4px 8px 0;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:7px 10px 6px;font-weight:600}.tab:hover:not(:disabled){color:var(--text);background:0 0}.tab.active{color:var(--text);border-bottom-color:var(--mode)}.tabs .spacer{flex:1}.tablist{align-items:flex-end;gap:2px;display:flex}.tabs>.icon{margin-bottom:4px}.badge{vertical-align:1px;border-radius:999px;margin-left:5px;padding:0 5px;font-size:10px;line-height:15px;display:inline-block}.badge.warn{color:#ffb36b;background:#ff9f4338}.badge.count{background:var(--mode-soft);color:var(--text)}.tab-body{min-height:0;overflow-y:auto}h3.section{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);align-items:baseline;gap:6px;margin:2px 0 0;font-size:11px;display:flex}h3.section .muted{text-transform:none;letter-spacing:0}h3.section .link,h3.section .chip{text-transform:none;letter-spacing:0;margin-left:auto}.hint-line{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.keys-section{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;min-height:0;padding:6px 10px 8px;display:flex;overflow-y:auto}.keys-heading{text-transform:uppercase;letter-spacing:.07em;min-height:24px;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.keys-heading .fold-toggle{min-height:24px}.keys-now{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;min-width:0;margin-left:auto;font-size:12px;overflow:hidden}.keys-hint{padding:0 4px}.key-list{flex-direction:column;flex:1;gap:1px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.key-list li.current{background:var(--mode-soft);border-radius:var(--radius)}.key-details{flex-direction:column;gap:6px;padding:2px 8px 8px 30px;display:flex}.key-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.key-fields .field{min-width:0}.key-note{align-self:end}.key-move-after{align-self:end;min-width:0;padding-bottom:5px}.key-fields input,.key-fields select{width:100%;min-width:0}.key-details .field.inline{justify-content:flex-start;gap:8px}.hand-shapes{flex-direction:column;gap:6px;display:flex}.key-list li.dragging{opacity:.45}.key-list li.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.key-row>.icon.grip{cursor:grab}.key-row>.icon.grip:hover:not(:disabled){color:var(--text)}.key-row>.icon.grip:disabled{visibility:hidden}.key-drop-end{padding:4px 8px;font-size:12px}.key-row{align-items:center;gap:2px;display:flex}.key-row>.icon{min-width:24px;min-height:24px;color:var(--muted);background:0 0;border-color:#0000;padding:1px 6px}.key-row>.key-delete:hover:not(:disabled){color:var(--bad)}.key-row>.key-pick{text-align:left;background:0 0;border-color:#0000;flex:1;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:6px;min-width:0;padding:3px 6px;display:grid}.key-row>.key-pick.active{background:var(--mode-soft);border-color:var(--mode)}.key-index{color:var(--muted);font-variant-numeric:tabular-nums}.key-name{text-overflow:ellipsis;overflow:hidden}.key-time{color:var(--muted);font-variant-numeric:tabular-nums}.dot{background:#ff9f43;border-radius:50%;width:7px;height:7px}.piece-header{background:var(--mode-soft);border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.piece-header-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.piece-header-row input{flex:1;width:auto;min-width:0}.piece-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;overflow:hidden}.set-index{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:index}.set-actions{grid-area:actions;gap:2px;display:flex}.set-actions .icon{min-width:22px;padding:1px 6px}@media (width<=700px){.sidebar{border-left:0;width:auto!important}.resize-handle{display:none}.topbar{grid-template-columns:1fr}}button.danger{color:#ffb3b4;border-color:#ff4d4f73;align-self:flex-start}button.danger:hover:not(:disabled){border-color:var(--bad);background:#ff4d4f1f}.copy-row{align-items:center;gap:6px;display:flex}.key-picks{flex-wrap:wrap;gap:4px 10px;max-height:120px;font-size:12px;display:flex;overflow-y:auto}.panel>button.primary{white-space:normal;text-align:center}.collision-range{background:var(--bad);opacity:.85;pointer-events:auto;cursor:help;border-radius:3px;height:6px;position:absolute;bottom:4px}.hint.warning.collision{border-color:var(--bad);color:#ffc9c9;background:#3c0e10e6}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.move-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.move-list>li{border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.move-head,.move-row{align-items:center;gap:6px;display:flex}.move-label{width:46px;color:var(--muted);flex:none;font-size:12px}.move-note{flex:1;min-width:0;font-size:12px}:root{--taught:var(--good);--guessed:#ffb347;--unsure:var(--bad)}.palette{border-bottom:1px solid var(--line);flex-direction:column;gap:5px;padding-bottom:8px;display:flex}.palette-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.waza-chip{cursor:grab;border-radius:999px;padding:2px 9px;font-size:12px}.waza-chip.stance{border-color:#3f5f8a}.waza-chip.hands{border-color:#7a4d3f}.waza-chip.picked{background:var(--mode-soft);border-color:var(--mode);outline:1px solid var(--mode)}.waza-chip.kick{border-color:#4f7a3f}.waza-chip:active{cursor:grabbing}.drop-end{border:1px dashed var(--line);color:var(--muted);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px;font-size:12px;display:flex}.drop-end button.primary{white-space:normal;flex:1}.add-moves{flex:none;align-items:center;gap:6px;display:flex}.add-moves .add-combination{width:9.5em}.skeleton-choices{padding-left:52px;font-size:12px}.variant-note{z-index:2;border:1px solid var(--accent);background:var(--panel,var(--bg));box-shadow:inset 0 0 0 999px var(--accent-soft);border-radius:6px;margin:0 0 8px;padding:6px 8px;font-size:12px;position:sticky;top:0}.chip.variant-chip{cursor:pointer}.chip.verified-chip.off{opacity:.45}.block-moves{color:var(--muted);margin:0;padding:2px 0 2px 64px;font-size:12px}.block-moves>li{border-radius:3px;padding-left:6px}.block-moves>li.inner-playing{color:var(--text);background:#e5533d14 linear-gradient(var(--accent), var(--accent)) left top / 2px 100% no-repeat}button.put-here{white-space:normal}.move-list>li{position:relative}.move-list>li+li:before{content:"";border-left:2px solid var(--line);height:7px;position:absolute;top:-7px;left:15px}.ways-in{flex-wrap:wrap;gap:4px;display:flex}button.way{color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:1px 8px 1px 2px;font-size:11px;display:inline-flex}button.way.taught{border-color:#3ddc9780}button.way.guessed{border-style:dashed;border-color:#ffb34799}button.way.unsure{border-style:dotted;border-color:var(--unsure);color:#ffc9c9}.way-dot{color:#101216;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-grid}.way-dot.taught{background:var(--taught)}.way-dot.guessed{background:var(--guessed)}.way-dot.unsure{background:var(--unsure)}.way-legend{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.way-legend>span{align-items:center;gap:4px;display:inline-flex}.way-list{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.way-list li{border:1px solid var(--line);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;display:flex}.way-list li.current{border-color:var(--mode);background:var(--mode-soft)}.way-text{white-space:normal;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.way-text .muted{color:var(--muted);font-size:11px}.teach-form{flex-direction:column;gap:6px;display:flex}.waza-chip .grip{color:var(--muted);margin-right:4px;font-size:10px}.composer.placing .drop-end{border-color:var(--mode);color:var(--text)}button.move-summary{text-align:left;white-space:normal;background:0 0;border-color:#0000;flex:1;align-items:baseline;gap:6px;min-width:0;padding:2px 4px;font-weight:600;display:flex}.move-list .move-head{flex-wrap:wrap;row-gap:2px}.move-list .move-head>.set-actions{margin-left:auto}.move-list .move-head>button.move-summary{flex:1 0 100%;order:1}button.move-summary .fold-mark{align-self:flex-start}button.move-summary .move-kind{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;align-self:flex-start;margin-left:auto;padding:0 6px;font-size:10.5px;font-weight:500;line-height:16px}.move-slots{flex-direction:column;gap:4px;padding-top:2px;display:flex}.ways-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:2px;font-size:11px}.compose-start{flex-direction:column;gap:8px;display:flex}.compose-start button{white-space:normal}.composer .palette-pane{background:var(--panel);margin:-10px -12px 0;padding:8px 12px;box-shadow:0 6px 8px -6px #0009}.composer .palette .hint-line{margin:0}.composer .palette-row{gap:3px}.composer .waza-chip{padding:1px 7px;font-size:11.5px}button.compose-button{border-color:var(--mode);color:var(--text)}button.compose-button.active{background:var(--mode-soft)}.fold-body,.fold-content{flex-direction:column;gap:6px;display:flex}.pose-tools{padding-bottom:8px}.waza-settings{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.waza-settings .field{min-width:0}.stance-hands{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:6px;display:grid}.problem-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.problem-list li{border-left:3px solid var(--bad);background:#ff4d4f14;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kind time""text text";gap:1px 8px;padding:5px 8px;display:grid}.problem-kind{text-transform:uppercase;letter-spacing:.04em;color:#ffb3b4;grid-area:kind;font-size:11px;font-weight:600}.problem-text{white-space:normal;grid-area:text}.problem-list li .link{grid-area:time}.chip.needs-fix,.library .chip.needs-fix{color:var(--bad);background:#ff4d4f29}.needs-fix-note{color:#ffc9c9;margin:0;font-size:12px}.dialog-backdrop{z-index:30;background:#0a0b0d9e;place-items:start center;padding:96px 16px 16px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:10px;width:min(440px,100%);padding:14px 16px 16px;display:flex;box-shadow:0 18px 48px #00000080}.dialog header{justify-content:space-between;align-items:center;display:flex}.dialog h2{margin:0;font-size:15px}.dialog .icon{flex:none}.compose-start p{margin:0;line-height:1.45}.mirror-row{align-items:center;gap:6px;display:flex}.mirror-row button{flex:1}.fold-content button.primary{white-space:normal;text-align:center}.move-grip{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;padding:0 2px}.move-grip:active{cursor:grabbing}.move-list>li.move-dragged{opacity:.45}.move-list>li.move-selected{background:#9fc6ff14;border-color:#9fc6ff}.move-list>li.move-off{border-style:dashed}.move-list>li.move-off .move-summary,.move-list>li.move-off .ways-in{opacity:.55}.move-list>li.move-off .move-summary{text-decoration:line-through}.move-list>li.move-start.move-off{opacity:.55;text-decoration:line-through}.composer .slot-row{align-items:center;gap:6px;margin:0 0 6px;display:flex}.composer .slot-row>.field.start-from{flex:1;min-width:0;margin:0}.move-ghost{border:1px dashed var(--muted);opacity:.7;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:0;bottom:0}.move-list>li.move-playing{background-image:linear-gradient(var(--accent), var(--accent));background-position:0 0;background-repeat:no-repeat;background-size:3px 100%}.move-list>li.move-playing:not(.move-selected){background-color:#e5533d0f}.composer .kamae-slot.move-playing{box-shadow:-6px 0 0 -3px var(--accent)}.move-repeat{color:#f0644e;font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:5px;right:8px}.move-pick{min-width:1.6em;font:inherit;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 3px}.move-pick:hover:not(:disabled){border-color:var(--line);color:var(--text);background:0 0}.move-pick.on,.move-pick.on:hover:not(:disabled){color:var(--text);background:#9fc6ff33;border-color:#9fc6ff}.move-clipboard{align-items:center;gap:10px;margin:0 0 6px;font-size:12px;display:flex}.move-picked{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.move-list>li.insert-before,.drop-end.insert-before{box-shadow:0 -3px 0 0 var(--mode)}button.discard{color:var(--muted);background:0 0;border-color:#0000}button.discard:hover:not(:disabled){color:var(--text);border-color:var(--line)}.piece-steps{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12px;display:inline-flex}.move-time .time-readout{text-align:center;font-variant-numeric:tabular-nums;min-width:6.5em}.count-actions{align-items:center;gap:10px;margin:-2px 0 6px;font-size:12px;display:flex}.count-chip{border:1px dashed var(--line);min-width:22px;color:var(--muted);background:0 0;border-radius:10px;flex:none;padding:0 6px;font-size:11px;line-height:18px}.count-chip.on{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--text);font-weight:600}.move-list>li.count-start{margin-top:8px}.move-list>li.on-count{margin-left:14px}.move-list>li.on-count:after{--guide:#e5533d8c;content:"";pointer-events:none;background:linear-gradient(var(--guide), var(--guide)) left top / 2px 100% no-repeat, linear-gradient(var(--guide), var(--guide)) left 20px / 100% 2px no-repeat;width:9px;position:absolute;top:-8px;bottom:-1px;left:-11px}.move-list>li.on-count.count-last:after{height:22px;bottom:auto}.count-overlay{z-index:3;min-width:76px;color:var(--text);pointer-events:none;background:#17191db8;border-radius:10px;flex-direction:column;align-items:center;padding:8px 12px 6px;display:flex;position:absolute;top:56px;left:14px}.count-overlay .count-kanji{font-size:44px;font-weight:700;line-height:1}.count-overlay .count-romaji{letter-spacing:.06em;text-transform:uppercase;font-size:15px}.count-overlay.called{animation:.45s ease-out count-call}@keyframes count-call{0%{background:var(--accent);transform:scale(1.25)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.count-overlay.called{animation:none}}.app.exploring{grid-template-columns:var(--nav-width) minmax(0, 1fr);--nav-width:minmax(240px, 300px);grid-template-areas:"top top""nav view""nav details"}.app.exploring.nav-collapsed{--nav-width:36px}.explore-nav-head{gap:4px;display:flex}.explore-nav-head input{flex:1;min-width:0}.explore-nav.collapsed{align-items:center;gap:10px;padding:6px 2px}.screen-switches{justify-self:center;align-items:center;gap:8px;display:flex}.screen-switches .mode-switch{justify-self:auto}.count-actions .collapse-all{margin-left:auto}.editing-switch{border-color:var(--line);color:var(--muted);background:0 0;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-weight:600;display:inline-flex}.editing-switch.on{color:var(--text)}.editing-track{background:#ffffff29;border-radius:8px;width:28px;height:16px;transition:background .15s;position:relative}.editing-thumb{background:var(--text);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.editing-switch.on .editing-track{background:var(--mode)}.editing-switch.on .editing-thumb{transform:translate(12px)}@media (prefers-reduced-motion:reduce){.editing-track,.editing-thumb{transition:none}}.chip.explore-chip{background:var(--accent-soft);border-color:var(--accent)}.explore-nav{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:nav;gap:8px;padding:10px;display:flex;overflow-y:auto}.explore-nav input[type=search]{border-color:#6b7280;width:100%}.explore-nav{--tree-lead:16px;--tree-gap:6px;--tree-pad:6px;--tree-step:calc(var(--tree-lead) + var(--tree-gap));--tree-row:28px;--tree-hover:#ffffff0d;--tree-branch:#4b5262}.explore-level{border:1px solid var(--line);background:var(--bg);border-radius:8px;min-width:0}.level-step{background:var(--level,var(--accent));color:#111;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-grid}.level-name{font-weight:700}.level-count{margin-left:auto;font-size:12px}.level-about{padding-left:var(--tree-step);color:var(--muted);margin:0 10px 6px;font-size:12px}.explore-group h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:4px 4px 0;font-size:11px;font-weight:600}.explore-group h4 .fold-toggle{gap:var(--tree-gap);width:100%;min-height:26px;padding:0 var(--tree-pad);font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;border-radius:6px;display:flex}.explore-group ul{margin:0;padding:0 4px 6px;list-style:none}.explore-group li{grid-template-columns:calc(var(--tree-pad) + var(--tree-lead)) minmax(0, 1fr) auto auto;align-items:center;display:grid}.explore-group li>button.tree-label{width:100%;min-height:var(--tree-row);padding:4px var(--tree-pad) 4px calc(var(--tree-pad) + var(--tree-step));text-align:left;white-space:normal;background:0 0;border:0;border-radius:6px;grid-area:1/1/auto/-1;align-items:center;gap:6px;line-height:18px;display:flex}.explore-group li:has(>.verify-toggle)>button.tree-label{padding-right:calc(var(--tree-pad) + 26px)}.explore-group li>.syllabus-grip,.explore-group li>.variant-mark{z-index:1;grid-area:1/1;justify-self:end}.explore-group li>button.verify-toggle{z-index:1;grid-area:1/4;margin-right:2px}.explore-group li>button.row-actions{z-index:1;grid-area:1/3}.explore-group li:has(>.row-actions):has(>.verify-toggle)>button.tree-label{padding-right:calc(var(--tree-pad) + 52px)}button.row-actions,button.section-actions{width:24px;min-width:24px;height:24px;min-height:24px;color:var(--muted);opacity:0;background:0 0;border:0;border-radius:6px;flex:none;padding:0;font-size:15px;line-height:1}button.row-actions:hover:not(:disabled),button.section-actions:hover:not(:disabled),button.row-actions.open,button.section-actions.open{color:var(--text);background:#ffffff14;border-color:#0000}button.row-actions:focus-visible,button.row-actions.open,.level-heading:hover>button.section-actions,.explore-group h4:hover>button.section-actions,button.section-actions.open{opacity:1}.explore-group li:has(>:not(.variant-list):hover)>button.row-actions{opacity:1}.explore-group li:has(>.tree-label.active)>button.row-actions{opacity:1}.explore-group li:has(>.tree-label:focus-visible)>button.row-actions{opacity:1}.level-heading:has(>:focus-visible)>button.section-actions{opacity:1}.explore-group h4:has(>:focus-visible)>button.section-actions{opacity:1}.level-heading,.explore-group h4{align-items:center;display:flex}.level-heading>.level-toggle,.explore-group h4>.fold-toggle{flex:1;min-width:0}.level-heading>.section-actions{margin-right:6px}.nav-chips{flex-wrap:wrap;gap:4px;display:flex}button.nav-chip{border:1px solid var(--line);min-height:22px;color:var(--muted);background:0 0;border-radius:999px;padding:1px 7px;font-size:11px;line-height:18px}button.nav-chip:hover:not(:disabled){color:var(--text);background:0 0;border-color:#4b5262}button.nav-chip.on,button.nav-chip.on:hover:not(:disabled){border-color:var(--mode);background:var(--mode-soft);color:var(--text)}.nav-chips-gap{width:6px}.nav-filter.picking{background:var(--mode-soft);color:var(--text);border-radius:6px;margin:0 -2px;padding:0 6px}button.pick-in-list{flex:none;place-items:center;display:inline-grid}.nav-filter{align-items:center;gap:8px;height:20px;padding:0 4px;font-size:12px;display:flex}.nav-filter-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.explore-group h4 .fold-toggle:hover:not(:disabled),.explore-group button.variant-fold:hover:not(:disabled){background:var(--tree-hover);color:var(--text)}.explore-group li:has(>:not(.variant-list):hover)>button.tree-label{background:var(--tree-hover);color:var(--text)}.explore-nav .explore-group li>button.tree-label.active{background:var(--panel-raised);box-shadow:inset 2px 0 0 var(--level,var(--accent));color:#fff}.explore-nav button[data-tree-row]:focus-visible{outline-offset:-2px}.explore-nav .fold-toggle:disabled{opacity:1}.explore-nav button:disabled>.fold-mark{opacity:.35}.explore-group .item-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.tree-label .chip{border:1px solid var(--line);color:var(--muted);background:0 0;flex:none;padding:0 6px;font-size:10.5px;font-weight:500;line-height:16px}.tree-label .chip.needs-fix{color:var(--bad);background:#ff4d4f1a;border-color:#ff4d4f73}.level-waza{--level:#ffd166}.level-reigi{--level:#f4a3b5}.level-opening{--level:#c3a6ff}.level-kihon{--level:#3ddc97}.level-kumite{--level:#ef476f}.chip.level-chip.level-kumite,.phone-level.level-kumite{color:#f2607f}.level-combination{--level:#8fa2ff}.level-ido-geiko{--level:#4cc9f0}.level-kata{--level:#ff8a65}.explore-details{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:details;gap:6px;padding:10px 14px 12px;display:flex}.explore-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.explore-title{flex:220px;min-width:0}.explore-title h2{margin:0;font-size:16px}.chip.level-chip{border-color:var(--level);color:var(--level)}.app.exploring .explore-details{height:148px;overflow-y:auto}.app.exploring .explore-details .explore-about{min-height:2lh}.app.exploring .explore-details .explore-title h2{line-height:19px}.app.exploring .explore-details .explore-links>div{min-height:19px}.explore-about{color:var(--muted);margin:0;font-size:13px}.about-toggle{position:relative}.about-toggle.cut{cursor:pointer}.explore-about.clamped{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}button.about-more{background:linear-gradient(90deg, transparent, var(--card-bg,var(--panel)) 24px);color:#9fc6ff;border:0;border-radius:0;padding:0 0 0 28px;font-weight:600;position:absolute;bottom:0;right:0}button.about-more:hover:not(:disabled){background:linear-gradient(90deg, transparent, var(--card-bg,var(--panel)) 24px);border-color:#0000}button.about-more[aria-expanded=true]{background:0 0;margin-left:auto;padding:2px 0 0;display:block;position:static}.explore-links{flex-direction:column;gap:4px;font-size:12px;display:flex}.explore-links>div{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.explore-links>div>.muted{margin-right:4px}.explore-link{border:1px solid var(--level);background:0 0;border-radius:10px;padding:1px 8px;font-size:12px}@media (width<=760px){.app.exploring{grid-template:"top""nav"minmax(0,40vh)"view"1fr"details"/minmax(0,1fr)}}.brand h1 .title-name{flex:0 auto;min-width:4em}.brand h1>.chip{text-overflow:ellipsis;white-space:nowrap;flex:0 1000 auto;min-width:2.2em;overflow:hidden}.brand h1>.chip.motion-chip,.brand h1>.chip.piece-chip,.brand h1>.chip.explore-chip,.brand h1>.chip.page-chip{flex-shrink:0}@media (width>=761px) and (width<=1500px){.topbar{gap:8px}.brand,.screen-switches{gap:6px}.mode-switch button{padding:5px 10px}.actions{gap:4px}.actions .divider{margin:0 2px}}@media (width>=761px) and (width<=1180px){.topbar{gap:6px}.brand{gap:4px}.brand h1{gap:3px}.brand h1>.chip{letter-spacing:.02em;padding:2px 4px}.brand h1 .chip-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand h1 .title-name{min-width:2.5em}.mode-switch button{padding:5px 7px;font-size:12px}.page-links button{padding:3px 6px}.editing-switch{gap:6px;padding:4px 8px 4px 5px}.actions{gap:3px}.actions>button:not(.icon){padding:5px 7px;font-size:12px}.actions button.save{min-width:7.5em}.actions .button-word{display:none}}@media (pointer:coarse){.stage-menu-list kbd{display:none}}@media (width>=701px) and (width<=1023px){.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.actions{flex-wrap:wrap}}.brand h1>span[lang=ja]{text-overflow:ellipsis;flex:0 100000 auto;min-width:0;overflow:hidden}.chip.side-chip{margin-left:6px;font-size:10px}.chip.side-chip.migi{border-color:var(--mode);background:var(--mode-soft)}.count-chip.kiai-chip{min-width:20px;padding:0 4px}.kiai-overlay{z-index:3;background:var(--accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;border-radius:10px;padding:6px 14px;font-size:22px;font-weight:800;animation:.45s ease-out count-call;position:absolute;top:56px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.kiai-overlay{animation:none}}.kiai-mark{z-index:2;background:var(--accent);color:#fff;pointer-events:auto;border-radius:3px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;top:0;transform:translate(-50%)}.reference-frame{position:relative}.reference-kiai{background:var(--accent);color:#fff;border-radius:8px;padding:2px 10px;font-size:18px;font-weight:800;position:absolute;top:8px;left:50%;transform:translate(-50%)}.stance-grid{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.waza-chip.stance.fixed{border-style:solid}.step-kinds{flex-wrap:wrap}.stance-grid table{border-collapse:collapse;font-size:11px}.stance-grid th{color:var(--muted);text-align:center;white-space:nowrap;padding:2px 4px;font-weight:600}.stance-grid tbody th{text-align:left}.stance-grid td{text-align:center;padding:1px}.stance-grid td button{background:var(--panel-raised);border-color:#0000;width:100%;min-width:22px;padding:2px 0}.stance-grid td button.taught{border-color:var(--good);color:var(--good);font-weight:700}.stance-grid td button.default{color:var(--muted)}.stance-grid td button.guessed{border-color:var(--guessed);color:var(--guessed)}.stance-grid td button.unsure{border-color:var(--unsure);color:var(--unsure);font-weight:700}.stance-grid td button.open{outline:2px solid var(--mode);outline-offset:-2px}.stance-grid .no-way{color:var(--line)}.knows-summary{flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;font-size:12px;display:flex}.knows-summary>span{align-items:center;gap:4px;display:inline-flex}.knows-section{border-top:1px solid var(--line);padding:6px 0}.knows-section>h3.section{flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;display:flex}.knows-section>h3.section>.muted{text-transform:none;letter-spacing:0;font-weight:400}.knows-body{flex-direction:column;gap:6px;margin-top:6px;display:flex}.knows-chips .waza-chip{cursor:pointer}.knows-chips .waza-chip.draft{border-style:dashed}.knows-chips .waza-chip.fixed{border-style:solid;border-width:2px}.grid-options{flex-wrap:wrap;gap:4px 10px;display:flex}.grid-key b.taught{color:var(--taught)}.grid-key b.guessed{color:var(--guessed)}.grid-key b.unsure{color:var(--unsure)}.explore-group li.dragging{opacity:.45}.explore-group li.drop-before{box-shadow:inset 0 2px 0 var(--level,var(--accent))}.syllabus-grip{width:var(--tree-lead);height:20px;color:var(--muted);cursor:grab;opacity:.55;place-items:center;font-size:12px;display:grid}.explore-group li:hover>.syllabus-grip{opacity:1}.explore-group .variant-list{padding-left:var(--tree-step);grid-area:2/1/auto/-1}.explore-group .variant-list>ul{padding:0 0 4px}.explore-group li.variant-pattern{display:block}.explore-group .variant-pattern>.pattern-name{padding:4px var(--tree-pad) 0;color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-weight:600;display:block}.explore-group .variant-pattern>ul{padding:0}.explore-group button.variant-fold{gap:var(--tree-gap);width:100%;min-height:26px;padding:0 var(--tree-pad);color:var(--muted);border-radius:6px;font-size:12px;display:flex}.explore-group .variant-mark{width:var(--tree-lead);align-self:stretch;position:relative}.explore-group .variant-mark:before,.explore-group .variant-mark:after{content:"";position:absolute;left:7.5px}.explore-group .variant-mark:before{border-left:1px solid var(--tree-branch);top:0;bottom:0}.explore-group li:last-child>.variant-mark:before{bottom:50%}.explore-group .variant-mark:after{border-top:1px solid var(--tree-branch);width:7px;top:50%}@media (pointer:coarse){.explore-nav{--tree-row:44px}.explore-group h4 .fold-toggle,.explore-group button.variant-fold{min-height:44px}}.palette-fold{align-self:flex-start;margin-bottom:4px}.palette-pane[hidden]{display:none}.palette-pane{min-height:0;overflow:hidden auto}.palette-splitter{cursor:row-resize;touch-action:none;place-items:center;height:12px;margin:2px 0 6px;display:grid}.palette-splitter span{background:var(--line);border-radius:2px;width:48px;height:4px}.palette-splitter:hover span,.palette-splitter:focus-visible span,body.resizing-rows .palette-splitter span{background:var(--mode)}body.resizing-rows{cursor:row-resize;-webkit-user-select:none;user-select:none}.knows-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;padding:10px 12px 8px;display:flex}.knows-header>div{flex:1;min-width:0}.knows-header h2{margin:0;font-size:15px}.knows-header p{margin:2px 0 0;font-size:12px}.composer .field.start-from{flex-direction:row;align-items:center;gap:8px;margin:0 0 6px;font-size:12px;display:flex}.composer .select.unset .select-value{color:var(--muted)}.composer .kamae-slot{flex-direction:column;gap:4px;margin:0 0 6px;display:flex}.composer .kamae-slot .field.start-from{margin:0}.move-list>li.move-start{border-style:dashed;padding:6px 10px;font-size:12px;display:block}.fold-toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.fold-toggle:disabled{cursor:default}.fold-toggle:hover:not(:disabled){color:var(--text)}.fold-mark{width:16px;height:16px;color:var(--muted);flex:none;place-items:center;display:inline-grid}.fold-mark svg{transition:transform .12s;display:block}[aria-expanded=true]>.fold-mark svg{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.fold-mark svg{transition:none}}.folded-count{text-transform:none;letter-spacing:0;margin-left:4px;font-size:11px;font-weight:400}.palette-row.folded{opacity:.85}.palette-row .fold-toggle.move-label{white-space:nowrap;width:auto;min-width:46px;margin-right:2px}.knows .stance-grid{overflow-x:auto}.knows .stance-grid table{width:max-content}.knows .stance-grid tbody th,.knows .stance-grid thead th:first-child{z-index:1;background:var(--panel);position:sticky;left:0}.knows .stance-grid td button{min-width:20px}.feet-map{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius);touch-action:none;width:100%;max-width:240px;height:auto;margin:0 auto;display:block}.feet-map .grid line{stroke:var(--muted);stroke-opacity:.25;stroke-width:.6px}.feet-map .axis line{stroke:var(--muted);stroke-width:.6px;stroke-dasharray:3 3}.feet-map .facing{fill:var(--muted);font-size:10px}.feet-map .footprint{outline:none}.feet-map .footprint .sole{fill:#3ddc9740;stroke:#3ddc97;stroke-width:1.5px;cursor:grab}.feet-map .footprint.right .sole{fill:#4cc9f040;stroke:#4cc9f0}.feet-map .footprint.planted .sole{stroke-width:2.5px}.feet-map .footprint.dragging .sole{cursor:grabbing}.feet-map .footprint:focus-visible .sole{stroke:var(--text)}.feet-map .footprint .heel-pad{fill:none;stroke:none;pointer-events:none}.feet-map .footprint .heel-pad.raised{fill:var(--panel-raised);fill-opacity:.75;stroke:var(--muted);stroke-width:1px;stroke-dasharray:2 2}.feet-map .footprint .toes{fill:var(--panel);stroke:var(--text);stroke-width:1.2px;cursor:alias}.feet-map .footprint .heel{fill:var(--text);stroke:var(--panel);stroke-width:1px;cursor:alias}.feet-map .foot-letter{fill:var(--text);pointer-events:none;font-size:10px;font-weight:700}.feet-map .hips-mark{stroke:var(--text);stroke-width:1.2px}.feet-map .balance-mark{fill:#ffd166}.feet-map.disabled .footprint .sole,.feet-map.disabled .footprint .toes{cursor:default}.feet-summary{margin:6px 0 4px;font-size:12px}.feet-table{grid-template-columns:auto 1fr 1fr 1fr 1fr;align-items:center;gap:4px 6px;font-size:12px;display:grid}.feet-field{align-items:center;gap:3px;display:inline-flex}.feet-field input{width:100%;min-width:0}.timeline .key.off{opacity:.45;border-style:dashed}.timeline .key.off:after{content:"";background:var(--text);height:1.5px;position:absolute;inset:45% -3px auto;transform:rotate(-45deg)}.key-list li.off .key-name,.key-list li.off .key-time{opacity:.6;text-decoration:line-through}.key-switch{color:var(--good);font-size:12px}.key-switch.off{color:var(--muted)}.sidebar .segmented.small button,.quick-tools button{min-height:24px}@media (height<=900px){.timeline{padding:4px 12px 6px}.transport{row-gap:4px}.transport>button,.key-clipboard>button{min-height:24px;padding-top:2px;padding-bottom:2px}.transport .segmented{padding:1px}.readout input{padding-top:3px;padding-bottom:3px}.track{--ruler:13px;height:60px;margin-top:6px}.ruler em{top:0;left:4px}.key{top:28px}.segment{top:49px}.segment em{background:#15171b;border-radius:3px;padding:0 4px;line-height:12px;top:-3px}.collision-range{height:4px;bottom:0}.piece-header{gap:4px;padding:6px 12px}.tab{padding:5px 10px 4px}.key-details{gap:4px;padding-bottom:6px}.waza-settings .field,.key-details .field{gap:2px}.key-details input{padding:3px 6px}}.app{--gutter:10px;padding:0 var(--gutter) var(--gutter);gap:var(--gutter);background:#121417}.topbar{margin:0 calc(-1 * var(--gutter))}.explore-nav,.viewport,.sidebar,.timeline,.explore-details{border:1px solid var(--line);border-radius:12px}.viewport,.sidebar,.timeline,.explore-details{overflow:hidden}@media (height<=900px){.app{--gutter:6px}}.viewport.not-found{background:var(--panel);place-items:center;padding:24px;display:grid}.not-found-card{border:1px solid var(--line);background:var(--panel-raised);border-radius:12px;max-width:440px;padding:20px 22px}.not-found-card h2{margin:0 0 8px;font-size:18px}.not-found-card p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 8px}.not-found-card code{color:var(--text)}.not-found-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (pointer:coarse){.not-found-actions button{min-height:44px}}button.select{border:1px solid var(--line);text-align:left;width:100%;min-width:0;min-height:28px;font-weight:inherit;background:#15171b;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}button.select:hover:not(:disabled){background:#15171b;border-color:#4b5262}button.select.open{border-color:var(--mode)}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-chevron{color:var(--muted);font-size:11px;transition:transform .12s}button.select.open .select-chevron{transform:rotate(180deg)}.select-list{z-index:60;background:var(--panel-raised);border-radius:var(--radius);color:var(--text);border:1px solid #4b5262;padding:4px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 10px 28px #00000073}.select-group{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 8px 3px;font-size:11px}.select-option{cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:6px;min-height:28px;padding:3px 10px 3px 6px;display:flex}.select-option.active{background:var(--mode-soft);outline:1px solid var(--mode);outline-offset:-1px}.select-option.disabled{opacity:.45;cursor:default}.select-check{width:1em;color:var(--mode);text-align:center;font-weight:700}button.select.needs-fix{border-color:#ff4d4f99}.tooltip{z-index:80;max-width:min(320px,100vw - 16px);color:var(--text);white-space:pre-line;pointer-events:auto;background:#0f1114;border:1px solid #4b5262;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.4;position:fixed;box-shadow:0 6px 18px #00000073}.confirm-backdrop{z-index:90;background:#08090b99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--panel);width:min(440px,100%);color:var(--text);border:1px solid #4b5262;border-radius:10px;flex-direction:column;gap:14px;padding:18px 18px 14px;display:flex;box-shadow:0 18px 48px #00000080}.confirm-text{white-space:pre-line;margin:0;line-height:1.5}.confirm-links{max-height:11.4em;margin:-6px 0 0;padding:0 0 0 18px;line-height:1.9;overflow-y:auto}.confirm-buttons{justify-content:flex-end;gap:8px;display:flex}button.danger-solid{color:#fff;background:#c62a2c;border-color:#c62a2c}button.danger-solid:hover:not(:disabled){background:#ad2224}.panel.fold>.fold-heading{margin:0}.fold-heading .fold-toggle{width:100%;min-height:24px;text-transform:inherit;letter-spacing:inherit;gap:6px}.panel.fold.open>.fold-heading{margin-bottom:4px}input[type=checkbox]{appearance:none;cursor:pointer;background:#15171b;border:1px solid #5a6170;border-radius:4px;flex:none;place-content:center;width:16px;height:16px;margin:0;padding:0;display:inline-grid}input[type=checkbox]:after{content:"";opacity:0;border:0 solid #fff;border-width:0 0 2px 2px;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}input[type=checkbox]:checked{background:var(--mode);border-color:var(--mode)}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:disabled{opacity:.45;cursor:default}input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;height:20px;padding:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--mode);border:2px solid var(--text);border-radius:50%;width:14px;height:14px;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--mode);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--mode);border:2px solid var(--text);border-radius:50%;width:10px;height:10px}input[type=range]:disabled{opacity:.45;cursor:default}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}*{scrollbar-width:thin;scrollbar-color:#4b5262 transparent}.fold-toggle:hover:not(:disabled){background:0 0}.level-heading{font-size:inherit;font-weight:inherit;margin:0}.level-toggle{align-items:flex-start;gap:var(--tree-gap,6px);text-align:left;white-space:normal;width:100%;color:inherit;background:0 0;border:0;border-radius:8px;padding:8px 10px;line-height:20px;display:flex}.level-toggle .fold-mark{margin-top:2px}.level-toggle .level-step,.level-toggle .level-count{white-space:nowrap;flex:none}.level-title{flex-wrap:wrap;flex:1;column-gap:6px;min-width:0;display:flex}.level-title>*{min-width:0}.level-toggle:hover:not(:disabled){background:var(--panel-raised)}.level-toggle:disabled{opacity:1;cursor:default}.explore-level .level-toggle .level-count{margin-left:auto}.app.mode-waza button.active,.app.mode-waza .segmented button.active{background:var(--mode-soft);border-color:var(--mode);color:#d4f2fb}@media (height<=900px){.waza-settings button.select,.key-details button.select{min-height:24px;padding:3px 6px}}button.home{background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}button.home:hover:not(:disabled){filter:brightness(1.15);background:0 0}.explore-group li>button:not(.verify-toggle){flex:1;min-width:0}.explore-group li>button.verify-toggle,button.verify-toggle{width:auto;min-width:24px;min-height:24px;color:var(--muted);background:0 0;border-color:#0000;flex:none;padding:0 6px}.verify-mark{opacity:0;border:1.5px solid;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}li:hover>button.verify-toggle .verify-mark,button.verify-toggle:focus-visible .verify-mark{opacity:.7}button.verify-toggle:hover:not(:disabled){color:var(--good);background:0 0}button.verify-toggle.on .verify-mark{opacity:1;background:var(--good);border-color:var(--good);color:#0d1f16}.character-choice{display:inline-flex;position:relative}.segmented .character-choice button.approve-toggle{z-index:1;min-width:22px;min-height:22px;padding:0;position:absolute;top:-11px;right:-2px}button.approve-toggle .verify-mark{opacity:.45;background:var(--bg);width:15px;height:15px;font-size:9px}button.approve-toggle:disabled .verify-mark{opacity:.2}button.approve-toggle.on.changed .verify-mark{color:#2a1d05;background:#f2b84b;border-color:#f2b84b}.chip.verified-chip{color:var(--good);vertical-align:2px;background:#3ddc9724;margin-left:6px}.selection-hint{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.2em;display:-webkit-box;overflow:hidden}.dot.hidden-dot{visibility:hidden}.transport>.spacer{flex:0}.transport .key-status{text-overflow:ellipsis;text-align:right;flex:15em;min-width:0;overflow:hidden}.character-loader{z-index:2;pointer-events:none;color:var(--text);text-shadow:0 1px 3px #0009;place-content:center;justify-items:center;gap:10px;font-size:13px;display:grid;position:absolute;inset:0}.embusen-mark{filter:drop-shadow(0 4px 14px #00000073)}.embusen-walk{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.6s ease-in-out infinite both embusen-walk}.embusen-walked{animation:2.6s ease-in-out infinite both embusen-fade}.embusen-dot{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite both embusen-dot}.embusen-end{animation:2.6s ease-out infinite both embusen-end}@keyframes embusen-walk{0%{stroke-dashoffset:1px}45%,to{stroke-dashoffset:0}}@keyframes embusen-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes embusen-dot{0%,20%{transform:scale(0)}26%{transform:scale(1.2)}30%,to{transform:scale(1)}}@keyframes embusen-end{0%,42%{opacity:0}47%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.embusen-walk,.embusen-walked,.embusen-dot,.embusen-end{stroke-dashoffset:0;animation:none}.embusen-mark{animation:2.4s ease-in-out infinite embusen-breathe}}@keyframes embusen-breathe{50%{opacity:.55}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.app,.welcome{touch-action:manipulation}.app{padding-right:calc(var(--gutter) + env(safe-area-inset-right));padding-bottom:calc(var(--gutter) + env(safe-area-inset-bottom));padding-left:calc(var(--gutter) + env(safe-area-inset-left))}.topbar{margin-right:calc(-1 * (var(--gutter) + env(safe-area-inset-right)));margin-left:calc(-1 * (var(--gutter) + env(safe-area-inset-left)));padding-top:calc(6px + env(safe-area-inset-top));padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.welcome{padding-top:max(24px, env(safe-area-inset-top));padding-right:max(clamp(16px, 5vw, 64px), env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(clamp(16px, 5vw, 64px), env(safe-area-inset-left))}.stage-menus{display:none}.explore-levels{display:contents}@media (pointer:coarse){.viewport{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app.exploring button.home,.app.exploring button.history-button{flex:none;width:44px;height:44px}.app.exploring .editing-switch,.app.exploring .explore-nav button.icon,.app.exploring .explore-details button,.app.exploring .drawer-card button,.app.exploring .level-toggle,.app.exploring .explore-group h4 .fold-toggle,.app.exploring .explore-group li>button,.app.exploring .overlay .segmented button,.notice button{min-width:44px;min-height:44px}.app.exploring .level-toggle,.app.exploring .explore-group h4 .fold-toggle,.app.exploring .explore-group li>button{align-items:center}.app.exploring .explore-group h4{margin:2px 4px 0}.app.exploring .explore-group h4 .fold-toggle{width:100%;padding:0 6px}.app.exploring .explore-nav-head input{min-height:44px;font-size:16px}.app.exploring .explore-link{border-radius:22px;padding:0 14px}.app.exploring .drawer-card .about-toggle.cut{flex-direction:column;justify-content:center;min-height:44px;display:flex}.app.exploring .drawer-card button.about-more{min-width:0;min-height:0}.app.exploring .explore-links>div{gap:8px}}@media (width<=760px) and (orientation:portrait),(width<=760px) and (height>=501px),(height<=500px) and (orientation:landscape){.app.exploring{--top-height:44px;--drawer-speed:.28s;flex-direction:column;font-size:15px;display:flex;overflow:hidden}.app.exploring>.topbar{height:calc(var(--top-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-bottom:0;padding-right:calc(2px + env(safe-area-inset-right));padding-left:calc(2px + env(safe-area-inset-left));flex:none;grid-template-columns:minmax(0,1fr) auto auto;gap:0}.app.exploring .topbar .logo{width:22px;height:22px}.app.exploring .brand{gap:0}.app.exploring .brand .title{display:none}.history-buttons{order:-2;gap:0}.drawer-button{order:-1}.app.exploring .topbar button.icon{background:0 0;border-color:#0000;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.phone-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin-left:4px;font-size:15px;font-weight:700;overflow:hidden}.app.exploring>.viewport{flex:auto;order:1;min-height:0}.app.exploring>.explore-details,.app.exploring .viewport>.overlay-top-left,.app.exploring .viewport>.overlay-top-right{display:none}.app.exploring .viewport>.stage-menus{z-index:3;gap:0;display:flex;top:2px;right:4px}.stage-menu{position:relative}.stage-menu-button{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.stage-menu-button:hover:not(:disabled){background:0 0}.stage-menu-icon{color:#fff;background:#1112159e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 2px 10px #00000059}.stage-menu.open .stage-menu-icon{box-shadow:0 0 0 2px var(--accent)}.stage-menu-list{border:1px solid var(--line);background:#17191df5;border-radius:12px;padding:4px;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 8px 28px #00000080}.stage-menu-list .segmented{background:0 0;border:0;flex-direction:column;padding:0;display:flex}.app.exploring .stage-menu-list .segmented button{text-align:left;min-width:120px;min-height:44px;padding:0 12px;font-size:15px}.app.exploring .count-overlay{min-width:54px;padding:5px 8px 3px;top:8px;left:8px}.app.exploring .count-overlay .count-kanji{font-size:28px}.app.exploring .count-overlay .count-romaji{font-size:11.5px}.app.exploring>.explore-nav{z-index:30;width:min(88vw,380px);max-height:none;padding:env(safe-area-inset-top) 0 0 env(safe-area-inset-left);border:0;border-right:1px solid var(--line);background:var(--panel);touch-action:pan-y;visibility:hidden;transition:transform var(--drawer-speed) cubic-bezier(.2, .8, .2, 1), visibility 0s var(--drawer-speed);border-radius:0 16px 16px 0;gap:0;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:12px 0 40px #00000080}.app.exploring>.explore-nav.open{visibility:visible;transform:translateX(min(0px, var(--drag,0px)));transition:transform var(--drawer-speed) cubic-bezier(.2, .8, .2, 1)}.app.exploring>.explore-nav.dragging{transition:none}.drawer-scrim{z-index:29;opacity:0;pointer-events:none;transition:opacity var(--drawer-speed) ease;background:#00000080;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.app.exploring .explore-nav-head{border-bottom:1px solid var(--line);flex:none;gap:6px;padding:8px 8px 8px 10px}.app.exploring .explore-nav-head button.icon:not(.drawer-close){display:none}.app.exploring .explore-levels{min-height:0;padding:8px 8px calc(16px + env(safe-area-inset-bottom)) 10px;overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.drawer-card{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.drawer-card .share-link{display:none}.app.exploring .explore-head{flex-wrap:nowrap;align-items:flex-start}.app.exploring .explore-title h2{font-size:17px}.app.exploring .explore-about{font-size:14px;line-height:1.4}.app.exploring .level-about{margin:0 10px 4px;font-size:12.5px}.app.exploring .level-step{width:24px;height:24px;font-size:12.5px}.app.exploring .level-count,.app.exploring .explore-links,.app.exploring .explore-link,.app.exploring .chip{font-size:13px}.app.exploring .explore-group h4{font-size:12px}.app.exploring .notice{top:auto;bottom:calc(150px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);left:50%}}@media (height<=500px) and (orientation:landscape){.app.exploring>.explore-nav{width:min(60vw,380px)}.welcome{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 300px;align-items:center}.welcome-scene{right:calc(300px + max(clamp(16px, 5vw, 64px), env(safe-area-inset-right)))}.welcome-card{grid-column:2;gap:8px;max-height:100%;padding:18px 20px;overflow-y:auto}.welcome-logo{width:40px;height:40px}.welcome-card h1{font-size:26px}.welcome-lead{font-size:16px}}.icon-caption{display:none}@media (width<=760px) and (orientation:portrait),(width<=760px) and (height>=501px),(height<=500px) and (orientation:landscape){.app.exploring .topbar button.icon{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.app.exploring .topbar .icon-caption{color:var(--muted);font-size:10px;font-weight:600;line-height:1;display:block}.phone-title{flex-direction:column;justify-content:center;gap:1px;line-height:1.15;display:flex}.phone-level{letter-spacing:.06em;text-transform:uppercase;color:var(--level,var(--muted));font-size:11px;font-weight:700}.phone-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand h1.phone-name{font:inherit;align-items:normal;gap:normal;margin:0;display:block}.brand h1.phone-name>span[lang=ja]{flex:initial;text-overflow:clip;min-width:auto;overflow:visible}.app.exploring .viewport>.stage-menus{gap:2px}.stage-menu-button{width:auto}.stage-menu-icon{border-radius:17px;align-items:center;gap:6px;width:auto;padding:0 12px 0 9px;display:inline-flex}.stage-menu-text{font-size:13px;font-weight:600}.phone-hints{z-index:25;pointer-events:none;position:fixed;inset:0}.phone-hint{max-width:min(300px,100vw - 16px);color:var(--text);pointer-events:auto;background:#2b3140;border:1px solid #4b5262;border-radius:12px;flex-direction:column;align-items:flex-end;gap:8px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4;display:flex;position:fixed;box-shadow:0 10px 30px #00000080}.phone-hint:before{content:"";border:inherit;background:inherit;border-bottom:0;border-right:0;width:12px;height:12px;position:absolute;top:-7px;transform:rotate(45deg)}.phone-hint.at-library{left:calc(8px + env(safe-area-inset-left))}.phone-hint.at-library:before{left:calc(var(--point) - 15px - env(safe-area-inset-left))}.phone-hint.at-stage{right:calc(8px + env(safe-area-inset-right))}.phone-hint.at-stage:before{right:calc(var(--point-right) - 15px - env(safe-area-inset-right))}.phone-hint p{margin:0}.phone-hint button{min-height:44px;padding:0 18px}.drawer-card{gap:4px;padding:8px 10px}.drawer-card .explore-title{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.app.exploring .drawer-card .explore-title h2{font-size:16px}.app.exploring .drawer-card .chip.level-chip{padding:0;font-size:12.5px}.app.exploring .drawer-card .explore-about{margin:0;font-size:13.5px;line-height:1.4}.drawer-card{--card-bg:var(--bg)}.drawer-card button.about-more{font-size:13.5px;line-height:1.4}.app.exploring .drawer-card .explore-links{gap:2px;font-size:12.5px}.app.exploring .drawer-card .explore-links>div{scrollbar-width:none;touch-action:pan-x pan-y;flex-wrap:nowrap;gap:8px;margin:0 -10px;padding:2px 10px;overflow-x:auto}.app.exploring .drawer-card .explore-links>div::-webkit-scrollbar{display:none}.app.exploring .drawer-card .explore-links .muted{flex:none}.app.exploring .drawer-card .explore-link{border-radius:22px;flex:none;min-width:0;min-height:44px;padding:0 12px;font-size:13px}.app.exploring .explore-nav .explore-levels{gap:6px}.app.exploring .explore-nav .level-about{display:none}.app.exploring .explore-nav .level-toggle{min-height:44px;padding-top:0;padding-bottom:0}.app.exploring .explore-nav .level-step{width:20px;height:20px;font-size:11.5px}.app.exploring .explore-nav .explore-group h4 .fold-toggle,.app.exploring .explore-nav .explore-group button.variant-fold{min-height:44px}.app.exploring .explore-nav .explore-group li>button{min-height:44px;padding-top:0;padding-bottom:0}.app.exploring .explore-nav .explore-group ul{padding-bottom:4px}.app.exploring .explore-nav .drawer-editing{align-self:flex-start;margin-top:10px}.app.exploring .explore-nav .explore-group li>button.active{background:var(--panel-raised);box-shadow:inset 3px 0 0 var(--level,var(--accent));color:var(--text);border-color:#0000}}@media (width<=760px) and (orientation:portrait),(width<=760px) and (height>=501px){.welcome{--edge:max(12px, env(safe-area-inset-left), env(safe-area-inset-right));padding:max(12px, env(safe-area-inset-top)) var(--edge) max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.welcome-scene{margin:calc(-1 * max(12px, env(safe-area-inset-top))) calc(-1 * var(--edge)) 0;grid-row:1;position:relative;inset:auto}.welcome-card{grid-row:2}}@media (width<=760px) and (orientation:portrait),(width<=760px) and (height>=501px),(height<=500px) and (orientation:landscape){.welcome-card{border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;padding:14px 16px 12px;display:grid}.welcome-card>*{grid-column:1/-1}.welcome-card .welcome-logo{grid-column:1;width:34px;height:34px}.welcome-card h1{grid-column:2;font-size:24px}.welcome-lead{font-size:15.5px}.welcome-about{font-size:13.5px;line-height:1.4}.welcome-note{order:1;margin:0;font-size:11px;line-height:1.35}button.welcome-osu{order:2;width:100%;min-height:52px;margin-top:4px}}@media (prefers-reduced-motion:reduce){.app.exploring{--drawer-speed:0s}}