:root{--bg:#f2efe4;--paper:#fff;--ink:#0a0a0a;--muted:#8a8578;--lime:#d3e63c;--pink:#ff2d87;--cyan:#1ec7e8;--orange:#ff6a1a;--blue:#2e7dff;--red:#ff3b30;--pink-soft:#ff2d87;--text:var(--ink);--line:var(--ink);--bw:2.5px;--radius:14px;--shadow:4px 4px 0 var(--ink);--shadow-lg:6px 6px 0 var(--ink);font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,Microsoft JhengHei,PingFang TC,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.page{max-width:402px;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 20px) 18px calc(env(safe-area-inset-bottom,0px) + 24px);margin:0 auto}.page.fill{height:100dvh;overflow:hidden}.nb{border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.menu[data-v-c76e001f]{flex-direction:column;gap:16px;display:flex}.hero[data-v-c76e001f]{padding:12px 0 6px}h1[data-v-c76e001f]{letter-spacing:1px;flex-direction:column;align-items:flex-start;gap:8px;font-weight:900;line-height:1;display:flex}.plain[data-v-c76e001f]{padding-left:2px;font-size:34px}.mark[data-v-c76e001f]{background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);border-radius:10px;padding:8px 14px 12px;font-size:50px}.sub[data-v-c76e001f]{letter-spacing:3px;color:var(--muted);margin-top:16px;font-size:11px;font-weight:800}.scripts[data-v-c76e001f]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pill[data-v-c76e001f]{border:var(--bw) solid var(--ink);box-shadow:var(--shadow);background:var(--paper);color:var(--muted);border-radius:999px;padding:14px 0;font-size:15px;font-weight:800;transition:transform .1s,box-shadow .1s}.pill b[data-v-c76e001f]{margin-right:3px;font-size:17px}.pill.on[data-v-c76e001f]{background:var(--pink);color:var(--ink)}.pill.cy.on[data-v-c76e001f]{background:var(--cyan)}.grid[data-v-c76e001f]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card[data-v-c76e001f]{border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper);flex-direction:column;align-items:flex-start;gap:6px;padding:16px 14px 14px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.glyph[data-v-c76e001f]{font-size:30px;font-weight:900;line-height:1.05}.label[data-v-c76e001f]{color:var(--muted);font-size:13px;font-weight:800}.card.on .label[data-v-c76e001f]{color:var(--ink)}.card.seion.on[data-v-c76e001f]{background:var(--cyan)}.card.dakuon.on[data-v-c76e001f]{background:var(--orange)}.card.youon.on[data-v-c76e001f]{background:var(--blue)}.card.mix.on[data-v-c76e001f]{background:var(--lime)}.card.dim[data-v-c76e001f]{opacity:.45;cursor:not-allowed}.radio[data-v-c76e001f]{border:var(--bw) solid var(--ink);background:var(--paper);border-radius:50%;width:22px;height:22px;position:absolute;bottom:14px;right:12px}.radio.on[data-v-c76e001f]{background:var(--pink);box-shadow:inset 0 0 0 3px var(--paper)}.levels[data-v-c76e001f]{border:var(--bw) solid var(--ink);box-shadow:var(--shadow);background:var(--paper);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.level[data-v-c76e001f]{border:var(--bw) solid transparent;color:var(--muted);border-radius:999px;padding:10px 0;font-size:14px;font-weight:800}.level .icon[data-v-c76e001f]{margin-right:2px}.level.on[data-v-c76e001f]{background:var(--lime);border-color:var(--ink);color:var(--ink)}.sound[data-v-c76e001f]{border:var(--bw) solid var(--ink);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:var(--paper);align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:900;transition:transform .1s,box-shadow .1s,background .15s;display:flex}.sound.on[data-v-c76e001f]{background:var(--lime)}.s-icon[data-v-c76e001f]{font-size:17px}.s-hint[data-v-c76e001f]{color:var(--muted);margin-left:auto;font-size:11px;font-weight:700}.knob[data-v-c76e001f]{border:var(--bw) solid var(--ink);background:var(--paper);border-radius:999px;flex:none;justify-content:flex-start;width:46px;height:26px;padding:2px;display:flex}.knob.on[data-v-c76e001f]{background:var(--cyan);justify-content:flex-end}.dot[data-v-c76e001f]{background:var(--ink);border-radius:50%;width:18px;height:18px}.sound[data-v-c76e001f]:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.start[data-v-c76e001f]{border:var(--bw) solid var(--ink);box-shadow:var(--shadow-lg);background:var(--pink);color:var(--ink);letter-spacing:2px;border-radius:999px;margin-top:6px;padding:18px 0;font-size:19px;font-weight:900;transition:transform .1s,box-shadow .1s}.start[data-v-c76e001f]:disabled{opacity:.45;cursor:not-allowed}.play[data-v-c76e001f]{margin-right:4px}.count[data-v-c76e001f]{text-align:center;color:var(--muted);font-size:12px;font-weight:700}.board[data-v-c76e001f]{border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper);color:var(--ink);align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.board.songs[data-v-c76e001f]{background:var(--cyan)}.hint[data-v-c76e001f]{color:var(--muted);margin-left:auto;font-size:12px;font-weight:700}.board.songs .hint[data-v-c76e001f],.board.songs .arrow[data-v-c76e001f]{color:var(--ink);opacity:.65}.arrow[data-v-c76e001f]{color:var(--muted)}.pill[data-v-c76e001f]:hover:not(:disabled),.card[data-v-c76e001f]:hover:not(:disabled),.start[data-v-c76e001f]:hover:not(:disabled),.board[data-v-c76e001f]:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.pill[data-v-c76e001f]:active:not(:disabled),.card[data-v-c76e001f]:active:not(:disabled),.start[data-v-c76e001f]:active:not(:disabled),.board[data-v-c76e001f]:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}