@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#ede8e2;--ink-mid:#c0b4a8;--ink-light:#8a8070;--ink-faint:#5a5248;--paper:#0e0d0f;--paper-pure:#161418;--paper-dark:#0a090b;--paper-darkest:#2a2630;--accent:#c49060;--accent-dark:#a87848;--accent-light:#d8aa7c;--accent-pale:#c4906024;--accent-xpale:#c4906012;--accent-gradient:linear-gradient(135deg, #a87040 0%, #c9906a 40%, #e0b88a 65%, #c49060 100%);--green:#34d399;--green-bg:#34d3991a;--red:#f87171;--red-bg:#f871711a;--amber:#fbbf24;--amber-bg:#fbbf2414;--purple:#a78bfa;--purple-bg:#a78bfa1a;--border-subtle:#ffffff0d;--border-standard:#ffffff14;--border-strong:#ffffff21;--border-accent:#c490604d;--shadow-xs:0 0 0 .5px #ffffff0a inset, 0 1px 3px #0006, 0 1px 2px #00000047;--shadow-sm:0 0 0 .5px #ffffff0d inset, 0 2px 8px #00000070, 0 1px 3px #00000052;--shadow-md:0 0 0 .5px #ffffff0f inset, 0 4px 16px #00000085, 0 2px 6px #0000005c;--shadow-lg:0 0 0 .5px #ffffff0f inset, 0 8px 32px #0009, 0 4px 12px #0006;--shadow-accent:0 0 0 .5px #c490601f inset, 0 4px 20px #c4906047;--shadow-accent-lg:0 0 0 .5px #c4906026 inset, 0 8px 32px #c4906061;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--serif:"Cormorant Garamond", "Noto Serif JP", Georgia, serif;--heading:"Inter", "Hiragino Sans", sans-serif;--sans:"Noto Sans JP", "Inter", "Hiragino Sans", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv01", "ss03"}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;max-width:480px;min-height:100vh;margin:0 auto}.nav{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px)saturate(1.4);z-index:50;background:#0e0d0feb;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff0a,0 2px 8px #0003}.nav-logo{font-family:var(--serif);letter-spacing:.02em;color:var(--ink);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.nav-dot{background:url(/icon-nav.png) 50%/cover no-repeat;border-radius:7px;flex-shrink:0;width:24px;height:24px}.nav-back{color:var(--ink-light);cursor:pointer;font-size:13px;font-weight:400;font-family:var(--sans);letter-spacing:-.01em;background:0 0;border:none;padding:4px 0;transition:color .15s}.nav-back:hover{color:var(--ink-mid)}.card{border:1px solid var(--border-subtle);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-xs);background:#ffffff06;padding:18px 16px;transition:border-color .2s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card-icon{font-size:11px;font-family:var(--heading);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-weight:700;line-height:1;display:block}.card-title{font-family:var(--heading);letter-spacing:-.02em;color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:600}.card-sub{color:var(--ink-light);font-size:11px;font-weight:400;line-height:1.55}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--r-md);width:100%;max-width:300px;font-family:var(--heading);cursor:pointer;letter-spacing:-.01em;box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff1f;border:none;padding:14px 20px;font-size:14px;font-weight:600;transition:opacity .15s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:var(--shadow-accent-lg), inset 0 1px 0 #ffffff1f;transform:translateY(-2px)}.btn-primary:active:not(:disabled){opacity:1;transform:translateY(0)}.btn-primary:disabled{background:var(--paper-darkest);color:var(--ink-faint);cursor:default;box-shadow:none}.btn-secondary{color:var(--ink-light);cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--r-sm);font-size:12px;font-weight:400;font-family:var(--sans);background:#ffffff08;padding:6px 12px;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.btn-secondary:hover{color:var(--ink-mid);border-color:var(--border-accent);background:#ffffff0d}.btn-outline{border:1px solid var(--border-standard);border-radius:var(--r-md);font-family:var(--heading);color:var(--ink-mid);cursor:pointer;background:#ffffff05;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s,transform .18s cubic-bezier(.34,1.56,.64,1),background .15s;display:inline-flex}.btn-outline:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);background:#ffffff0a;transform:translateY(-1px)}.hist-item{border:1px solid var(--border-subtle);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-xs);background:#ffffff06;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex}.hist-item:hover{box-shadow:var(--shadow-sm);border-color:#c4906047;transform:translateY(-2px)}.hist-cover{background:var(--accent-pale);border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.hist-info{flex:1;min-width:0}.hist-title{font-family:var(--heading);white-space:nowrap;text-overflow:ellipsis;color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:500;overflow:hidden}.hist-meta{color:var(--ink-light);margin-top:3px;font-size:11px}.choice{border:1px solid var(--border-standard);border-radius:var(--r-md);color:var(--ink);cursor:pointer;text-align:left;font-size:13px;font-family:var(--sans);width:100%;box-shadow:var(--shadow-xs);background:#ffffff06;padding:13px 16px 13px 44px;line-height:1.5;transition:all .18s;position:relative}.choice:hover:not(:disabled){border-color:var(--border-accent);background:var(--accent-xpale);box-shadow:var(--shadow-sm)}.choice.selected{border-color:var(--accent);background:var(--accent-pale)}.choice.correct{border-color:var(--green);background:var(--green-bg)}.choice.wrong{border-color:var(--red);background:var(--red-bg)}.choice:disabled{cursor:default}.spinner{border:2px solid var(--border-standard);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:var(--ink);border:1px solid var(--border-standard);font-size:12px;font-family:var(--heading);z-index:999;white-space:nowrap;box-shadow:var(--shadow-lg);letter-spacing:-.01em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161418f5;border-radius:100px;padding:10px 22px;font-weight:500;animation:.25s toastSlide;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.plan-card{border:1px solid var(--border-standard);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-xs);background:#ffffff06;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex;position:relative}.plan-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.recommended{border-color:var(--accent);box-shadow:var(--shadow-accent);border-width:1.5px}.plan-card.student{border-color:var(--green);border-width:1.5px}.plan-badge{background:var(--accent-gradient);color:#fff;white-space:nowrap;font-size:10px;font-family:var(--heading);box-shadow:var(--shadow-accent);letter-spacing:-.01em;border-radius:100px;padding:3px 14px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan-price{font-family:var(--serif);color:var(--accent);letter-spacing:-.01em;font-size:26px;font-weight:600}.sec-label{color:var(--ink-light);font-size:10px;font-family:var(--heading);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:600}.has-bottom-nav{padding-bottom:76px}.rank-badge{font-family:var(--heading);font-size:28px;font-weight:700;display:inline-block}.rank-S{color:var(--accent)}.rank-A{color:var(--green)}.rank-B{color:var(--amber)}.rank-C{color:var(--red)}.rank-dash{color:var(--paper-darkest)}.score-dots{justify-content:center;gap:6px;margin-top:6px;display:flex}.score-dot{border-radius:50%;width:10px;height:10px}.score-dot.filled{background:var(--accent)}.score-dot.empty{background:var(--paper-darkest)}.level-badge{background:var(--accent-pale);color:var(--accent-light);font-size:11px;font-weight:600;font-family:var(--heading);letter-spacing:-.01em;border:1px solid #c4906038;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;display:inline-flex;box-shadow:inset 0 0 0 .5px #c4906014}.streak-badge{color:var(--amber);font-size:11px;font-weight:600;font-family:var(--heading);letter-spacing:-.01em;background:#fbbf2414;border:1px solid #fbbf2438;border-radius:100px;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.onboarding-overlay{z-index:200;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;max-width:480px;margin:0 auto;padding:40px 28px;animation:.4s both fadeUp;display:flex;position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in,.fade-in-0{animation:.35s both fadeIn}.fade-in-1{animation:.35s 70ms both fadeIn}.fade-in-2{animation:.35s .14s both fadeIn}.fade-in-3{animation:.35s .21s both fadeIn}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--paper-darkest) 25%, #38303e 50%, var(--paper-darkest) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:1.8s ease-in-out infinite pulse}input[type=email],input[type=password],input[type=text],textarea{border:1px solid var(--border-standard);border-radius:var(--r-md);width:100%;font-family:var(--sans);color:var(--ink);-webkit-appearance:none;background:#ffffff08;outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 0 0 .5px #ffffff0a}input:focus,textarea:focus{border-color:var(--accent);background:#ffffff0a;box-shadow:inset 0 0 0 .5px #c4906026,0 0 0 3px #c490601a,0 1px 3px #0000004d}.chip{font-size:11px;font-weight:500;font-family:var(--heading);border:1px solid var(--border-subtle);color:var(--ink-mid);letter-spacing:-.01em;background:#ffffff08;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.stat-card{border:1px solid var(--border-subtle);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-xs);background:#ffffff06;padding:16px 14px}.stat-val{font-family:var(--heading);letter-spacing:-.035em;color:var(--ink);font-size:22px;font-weight:700;line-height:1.1}.stat-label{color:var(--ink-light);letter-spacing:.02em;margin-top:3px;font-size:10px;font-weight:500}.divider{background:var(--border-subtle);height:1px;margin:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--border-standard);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}