:root{--bg:#161513;--panel:#1f1d1a;--panel-2:#26231f;--line:#3a3630;--ink:#ece7dd;--ink-dim:#a39c8e;--gold:#c8994a;--gold-dim:#8a6a35;--red:#a8412f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.85}.wrap{max-width:520px;margin:0 auto;padding:32px 20px 70px}.eyebrow{letter-spacing:.2em;color:var(--gold);text-align:center;margin-bottom:8px;font-size:12px}h1{text-align:center;letter-spacing:.05em;margin:0 0 8px;font-size:24px}.sub{text-align:center;color:var(--ink-dim);margin-bottom:26px;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;margin-bottom:18px;padding:22px 18px}label{color:var(--ink-dim);letter-spacing:.08em;margin-bottom:6px;font-size:12px;display:block}input,select{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:4px;width:100%;padding:10px;font-family:inherit;font-size:15px}input:focus,select:focus{border-color:var(--gold);outline:none}.row{gap:8px;display:flex}.row>*{flex:1}.field{margin-bottom:16px}.toggle{border:1px solid var(--gold-dim);border-radius:4px;display:flex;overflow:hidden}.toggle button{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 6px;font-family:inherit;font-size:13px}.toggle button.active{background:var(--gold-dim);color:#fff}.note{color:var(--ink-dim);margin:6px 0 0;font-size:11px;line-height:1.7}.btn{background:var(--red);color:#f5ece7;letter-spacing:.12em;cursor:pointer;border:none;border-radius:4px;width:100%;padding:13px;font-family:inherit;font-size:15px}.btn:active{opacity:.85}.btn.ghost{color:var(--gold);border:1px solid var(--gold);background:0 0}.err{color:#e08a7d;min-height:1em;margin-top:10px;font-size:12px}.divider{color:var(--ink-dim);letter-spacing:.14em;align-items:center;gap:10px;margin:26px 0 14px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.phase{border:1px solid var(--line);border-radius:6px;margin-bottom:16px;overflow:hidden}.phase .head{letter-spacing:.1em;border-bottom:1px solid var(--line);padding:12px 16px;font-size:12px}.phase.peak .head{color:#d97a68;background:#a8412f2e}.phase.flat .head{color:var(--gold);background:#c8994a1a}.phase .body{padding:16px}.phase .big{margin-bottom:10px;font-size:15px;line-height:1.7}.phase .desc{color:var(--ink-dim);margin:0;font-size:13px}.locked{border:1px dashed var(--gold-dim);background:repeating-linear-gradient(45deg,#0000,#0000 8px,#ffffff03 8px 16px);border-radius:6px;margin-bottom:16px;padding:16px}.locked .lb{letter-spacing:.16em;color:var(--gold);margin-bottom:8px;font-size:11px}.locked h4{margin:0 0 8px;font-size:15px;font-weight:500}.locked p{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.9}.unsei{border:1px solid var(--line);background:var(--panel);border-radius:6px;margin-bottom:12px;padding:14px 16px}.unsei-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.unsei-label{color:var(--gold);letter-spacing:.1em;font-size:12px}.unsei-kanshi{letter-spacing:.08em;font-size:20px}.tag-tc{color:#e08a7d;vertical-align:middle;border:1px solid #7a3327;border-radius:99px;margin-left:8px;padding:2px 8px;font-size:11px}.detail-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;background:0 0;border-radius:99px;padding:5px 12px;font-family:inherit;font-size:12px}.phase-block{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.phase-name{color:var(--ink);font-size:14px}.phase-cat{color:var(--ink-dim);margin-left:6px;font-size:11px}.phase-block .field-line{color:var(--ink-dim);margin:8px 0 0;font-size:13px;line-height:1.85}.phase-block .field-line b{color:var(--ink);margin-right:6px;font-weight:500}.usage-toggle{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:8px 0 0;font-family:inherit;font-size:12.5px}.overlap{color:var(--ink-dim);margin:0 0 10px;font-size:12.5px;line-height:1.8}.placeholder-banner{border:1px solid var(--gold-dim);color:var(--gold);background:#c8994a1a;border-radius:4px;margin-bottom:16px;padding:8px 10px;font-size:11px;line-height:1.6}