:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--text: #e8eaed;--muted: #9aa0aa;--brand: #ff2d55;--brand-2: #ff5a78;--line: #2a2f3a;--ok: #36c275}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.65}a{color:inherit}.page{max-width:920px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px;text-decoration:none}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--text)}.main{flex:1;padding:32px 0}.footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--text)}.footer .copy{margin-left:auto}.hero{text-align:center;margin-bottom:24px}.hero h1{font-size:38px;margin:0 0 8px}.lead{color:var(--muted);max-width:600px;margin:0 auto}.hint-note{text-align:center;color:var(--muted);font-size:14px}.banner{border-radius:12px;padding:14px 16px;margin:16px 0;font-size:14px}.banner-warn{background:#2a2410;border:1px solid #6b5a1a;color:#f0d68a;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.banner-error{background:#2a1416;border:1px solid #6b1a22;color:#f2a0a8}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}@media (max-width: 640px){.plans{grid-template-columns:1fr}}.plan-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.plan-pro{border-color:var(--brand);background:linear-gradient(180deg,var(--panel-2),var(--panel))}.badge{position:absolute;top:-10px;right:16px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.plan-card h2{margin:0 0 4px}.price{font-size:26px;font-weight:800;margin:0 0 10px}.plan-copy{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 16px}.feature-list{list-style:none;padding:0;margin:0 0 20px}.feature-list li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.feature-list li.no{color:var(--muted)}.feature-list .mark{width:18px;text-align:center;color:var(--ok);font-weight:700}.feature-list li.no .mark{color:var(--muted)}.learning-loop{background:#ff2d551a;border:1px solid rgba(255,45,85,.35);border-radius:12px;padding:12px 14px;margin:0 0 16px}.learning-loop p{margin:0;color:var(--text);font-size:13px;line-height:1.65}.learning-loop .learning-loop-title{color:#ff9caf;font-weight:800;margin-bottom:4px}.fineprint{color:var(--muted);font-size:12px;margin:10px 0 0}.btn{display:inline-block;border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--brand);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--brand-2)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.account .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;max-width:440px}.plan-row{display:flex;align-items:center;justify-content:space-between;font-weight:600}.tag{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:2px 12px;font-size:13px}.tag-pro{background:var(--brand);border-color:var(--brand);color:#fff}.actions{display:flex;gap:10px;margin-top:18px}.actions .btn-primary{width:auto}.muted{color:var(--muted)}.success{text-align:center;padding:40px 0}.success .btn{width:auto;margin-top:12px}.legal{max-width:720px}.legal h2{margin-top:28px;font-size:18px}.legal ul{padding-left:20px}