/* KARNEA 共有スタイル（世界観：紫グラデ＋金アクセント＋Noto Serif JP） */
@font-face {
  font-family: 'Kleymissky';
  src: url('../fonts/Kleymissky_0283.ttf') format('truetype');
  font-weight: normal; font-style: normal; font-display: block;
}

:root{
  --bg1:#2a1a5e; --bg2:#4a2d8a; --bg3:#6b3fb5;
  --gold:#f4d97a; --gold-soft:rgba(244,217,122,.4);
  --ink:#fff; --muted:#c9b8ff; --soft:#e7dcff;
  --panel:rgba(255,255,255,.08); --panel-bd:rgba(255,255,255,.18);
  --err:#ff9b9b; --ok:#9be29b;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Noto Serif JP',serif;
  background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 50%,var(--bg3) 100%);
  min-height:100vh; color:var(--ink);
  padding:0 0 60px; overflow-x:hidden;
}
a{color:var(--gold);}

/* ヘッダー */
.kn-header{
  position:sticky; top:0; z-index:100; height:60px;
  display:flex; justify-content:space-between; align-items:center;
  padding:8px 18px; background:rgba(42,26,94,.95);
  backdrop-filter:blur(8px); box-shadow:0 2px 12px rgba(0,0,0,.3);
}
.kn-logo{font-family:'Kleymissky',serif; font-size:30px; letter-spacing:1px; text-shadow:0 0 8px var(--gold-soft); text-decoration:none; color:#fff;}
.kn-header .kn-right a{font-size:13px; margin-left:14px; color:var(--soft); text-decoration:none;}

/* レイアウト */
.kn-wrap{max-width:460px; margin:0 auto; padding:28px 20px;}
.kn-title{font-size:24px; text-align:center; margin-bottom:6px; text-shadow:0 0 10px var(--gold-soft);}
.kn-sub{font-size:13px; color:var(--soft); text-align:center; margin-bottom:22px;}

/* カード */
.kn-card{
  background:var(--panel); border:1px solid var(--panel-bd);
  border-radius:14px; padding:20px;
}

/* フォーム */
.kn-field{margin-bottom:16px;}
.kn-label{display:block; font-size:13px; margin-bottom:6px; color:var(--soft);}
.kn-label .req{font-size:11px; color:var(--bg1); background:var(--gold); border-radius:4px; padding:1px 6px; margin-left:6px;}
.kn-input{
  width:100%; padding:11px 12px; font-size:15px; font-family:inherit;
  background:rgba(255,255,255,.95); color:#2a1a5e; border:none; border-radius:8px;
}
.kn-input:focus{outline:2px solid var(--gold);}
.kn-hint{font-size:11px; color:var(--muted); margin-top:4px;}
.kn-error{font-size:12px; color:var(--err); margin-top:5px; display:none;}
.kn-error.show{display:block;}

.kn-check{display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--soft); margin-bottom:12px;}
.kn-check input{margin-top:3px;}

.kn-btn{
  width:100%; padding:13px; font-size:16px; font-family:inherit; font-weight:600;
  border:none; border-radius:10px; cursor:pointer; margin-top:6px;
  background:linear-gradient(135deg,var(--gold),#e8c46a); color:#2a1a5e;
  box-shadow:0 4px 14px var(--gold-soft);
}
.kn-btn:disabled{opacity:.6; cursor:default;}
.kn-btn.secondary{background:transparent; color:var(--soft); border:1px solid var(--panel-bd); box-shadow:none;}

.kn-alt{text-align:center; font-size:13px; color:var(--soft); margin-top:16px;}

/* 通知/メッセージ */
.kn-msg{border-radius:10px; padding:12px 14px; font-size:14px; margin-bottom:16px; display:none;}
.kn-msg.show{display:block;}
.kn-msg.err{background:rgba(255,90,90,.18); border:1px solid rgba(255,90,90,.4); color:#ffd9d9;}
.kn-msg.ok{background:rgba(120,220,120,.16); border:1px solid rgba(120,220,120,.4); color:#d9ffd9;}

/* 情報行 */
.kn-row{display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:14px;}
.kn-row .k{color:var(--muted);}

/* タイル（マイページ） */
.kn-tiles{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px;}
.kn-tile{
  background:var(--panel); border:1px solid var(--panel-bd); border-radius:12px;
  padding:16px 12px; text-align:center; font-size:14px; color:#fff; cursor:pointer;
}
.kn-tile.soon{opacity:.5; cursor:default;}
.kn-tile .badge{display:block; font-size:10px; color:var(--muted); margin-top:4px;}