:root{--bg-color:#0b0f19;--card-bg:#131a26;--text-color:#f3f4f6;--text-muted:#9ca3af;--primary:#a855f7;--secondary:#0ea5e9;--accent:#22c55e;--border:#1f2937}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans JP,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.page{max-width:960px;margin:0 auto;padding:24px 20px 80px}.btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:12px 24px;border:none;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer}.btn-outline{background:transparent;color:#fff}.btn-outline,.card{border:1px solid var(--border)}.card{background:var(--card-bg);border-radius:16px;padding:24px}.input,.textarea{width:100%;background:#0b0f19;border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-color);font-size:14px;margin-bottom:16px}.badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;font-size:13px}.muted{color:var(--text-muted)}