:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbfd;--fg:#1b1b1f;--muted:#6a6a75;--line:#e2e2e8;--line-strong:#b6b6c2;--card:#fff;--accent:#3f6ae0;--accent-soft:#eaf0ff;--warn:#8a5a00;--warn-bg:#fff5e0;--error:#b3261e;--error-bg:#fdecea;--danger:#c0392b;--divider:#0000001a;--go:#1f9d57;--go-strong:#178048}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7}.app{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:0 0 .85rem;font-size:1.05rem}h3{color:var(--muted);margin:1.25rem 0 .35rem;font-size:.8rem;font-weight:600}.lead{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.cards{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:.7rem 1rem .9rem}.card-head{align-items:center;gap:.4rem;padding-bottom:.65rem;display:flex}.card-head-gap{flex:auto}.card-section{border-top:1px solid var(--line);padding:.75rem 0 0}.card-section+.card-section{margin-top:.75rem}.section-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.4rem;display:flex}.section-label{letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:700}.section-note{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.section-note.full{color:var(--warn);font-weight:700}.section-body{padding-left:.9rem}.empty-note{color:var(--muted);margin:0;font-size:.8rem}.play-row{align-items:center;gap:.6rem;display:flex}.gen-row{justify-content:flex-end;margin-bottom:.6rem;display:flex}.gen-button{font:inherit;background:var(--go);color:#fff;cursor:pointer;border:none;border-radius:.4rem;flex:none;padding:.4rem 1.1rem;font-size:.8rem;font-weight:600}.gen-button:hover:not(:disabled){background:var(--go-strong)}.gen-button:disabled{opacity:.5;cursor:default}.gen-indicator{flex-direction:column;gap:.35rem;display:flex}.gen-indicator>span{color:var(--go);font-size:.78rem;font-weight:600}.play-button{border:1px solid var(--accent);width:2rem;height:2rem;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:.7rem;display:grid}.play-button:hover:not(:disabled){background:var(--accent);color:#fff}.play-button:disabled{opacity:.3;border-color:var(--line-strong);color:var(--muted);cursor:default}.play-track{background:var(--line);border-radius:999px;flex:auto;height:.4rem;overflow:hidden}.play-fill{background:var(--accent);border-radius:999px;width:0;height:100%}.play-track.waiting{background:linear-gradient(90deg, var(--line) 40%, var(--accent-soft) 50%, var(--line) 60%);background-size:250% 100%;animation:1.1s linear infinite play-waiting}@keyframes play-waiting{0%{background-position:100% 0}to{background-position:0 0}}.card-index{background:var(--accent-soft);width:1.5rem;height:1.5rem;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.card-input{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:.4rem;padding:.45rem .6rem;font-size:1.15rem}.pill-row{flex-wrap:wrap;gap:.35rem;display:flex}.pill-button{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .9rem;font-size:.8rem}.pill-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pill-button.selected{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.pill-button:disabled{opacity:.3;cursor:not-allowed}.icon-button{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:.4rem;flex:none;padding:.3rem .6rem;font-size:.78rem}.icon-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon-button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.icon-button:disabled{opacity:.35;cursor:default}.accent-editor{flex-wrap:wrap;margin-top:.9rem;padding-right:.85rem;display:flex}.ac-col{flex-direction:column;flex:0 auto;align-items:stretch;min-width:2.1rem;display:flex}.ac-kana{text-align:center;min-height:1.7rem;font-size:1.1rem;line-height:1.55}.ac-col.pause .ac-kana{color:var(--muted)}.ac-pitch{border:2px solid #0000;border-left-width:0;height:.8rem;margin-bottom:.35rem;display:block}.ac-pitch.high{border-top-color:var(--accent)}.ac-pitch.low{border-bottom-color:var(--line-strong)}.ac-pitch.step-rise{border-right-color:var(--line-strong)}.ac-pitch.step-fall{border-right-color:var(--accent)}.ac-fall{width:1.7rem;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;z-index:1;border-radius:.3rem;align-self:flex-end;margin-right:-.85rem;padding:.28rem 0;font-size:.72rem;line-height:1.1;position:relative}.ac-fall:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ac-fall.selected{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.ac-fall:disabled{opacity:.3;cursor:not-allowed}.ac-fall.placeholder{visibility:hidden}.add-card{width:100%;font:inherit;border:1px dashed var(--line-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:.6rem;margin:.75rem 0 1.5rem;padding:.6rem;font-size:.85rem}.add-card:hover{border-color:var(--accent);color:var(--accent)}.global-bar{background:var(--card);border:1px solid var(--line);border-radius:.75rem;margin-bottom:1.5rem;padding:.9rem 1.2rem 1rem}.global-title{letter-spacing:.04em;color:var(--muted);margin-bottom:.7rem;font-size:.72rem;font-weight:700;display:block}.global-bar .field{max-width:26rem}.result{background:var(--card);border:1px solid var(--line);border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem}.field{flex-direction:column;gap:.3rem;display:flex}.field>span{color:var(--muted);font-size:.8rem}.primary{font:inherit;background:var(--go);color:#fff;cursor:pointer;border:none;border-radius:.4rem;padding:.6rem 1.4rem;font-weight:600}.primary:hover:not(:disabled){background:var(--go-strong)}button:disabled{opacity:.5;cursor:default}.status{flex-direction:column;gap:.35rem;margin:0 0 1rem;font-size:.88rem;display:flex}.status.error{color:var(--error);background:var(--error-bg);border-radius:.5rem;padding:.75rem 1rem}.status.warn{color:var(--warn);background:var(--warn-bg);border-radius:.5rem;padding:.6rem .85rem}progress{width:100%;height:.4rem}.audio{flex-direction:column;gap:.6rem;display:flex}audio{width:100%}.audio-actions{justify-content:flex-end;display:flex}.download-btn{font:inherit;border:1px solid var(--go);color:var(--go);cursor:pointer;border-radius:.4rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none}.download-btn:hover{background:var(--go);color:#fff}.mono{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wrap{overflow-wrap:anywhere}.small{color:var(--muted);font-size:.78rem}.note{color:#5b4a1f;background:#fff8e6;border:1px dashed #d9b45a;border-radius:.75rem;margin:2.5rem 0 1rem;padding:1.25rem 1.4rem;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif;font-size:.9rem;line-height:1.9}.note p{margin:0 0 .75rem}.note p:last-child{margin-bottom:0}.note-head{color:#8a6d1f;font-size:1rem;font-weight:700}.note-list{margin:.25rem 0 0;padding-left:1.2rem}.note-list li{margin:.35rem 0}