*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0e1a;--bg2: #11172a;--bg3: #1a2238;--surface: #1d2540;--border: #2a3454;--border2: #3a456a;--text: #e8ecf8;--text-dim: #adb7d6;--muted: #6b779c;--accent: #5b8def;--accent-2: #8b5cf6;--gold: #f7c948;--emerald: #34d399;--rose: #f87171;--orange: #fb923c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--font-title: "Instrument Serif", Georgia, serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}button{font-family:inherit;font-size:100%;background:none;border:none;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}textarea{resize:vertical;min-height:80px}.app-bg{min-height:100dvh;background:radial-gradient(ellipse at 30% 0%,rgba(91,141,239,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(139,92,246,.06) 0%,transparent 50%),var(--bg);padding-top:env(safe-area-inset-top);padding-bottom:calc(72px + env(safe-area-inset-bottom))}.container{padding:16px;max-width:720px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:opacity .15s,transform .05s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost{color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.btn-danger{background:#f871711f;color:var(--rose);border:1px solid rgba(248,113,113,.3)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0a0e1ad9;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);z-index:10}.app-title{font-family:var(--font-title);font-style:italic;font-size:22px;font-weight:400;letter-spacing:-.01em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#f7c9481f;color:var(--gold);border:1px solid rgba(247,201,72,.3)}.score-ring-wrap{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px}.score-ring{position:relative;width:220px;height:220px;margin-bottom:12px}.score-ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-ring-num .n{font-family:var(--font-title);font-style:italic;font-size:76px;line-height:1}.score-ring-num .label{margin-top:6px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.score-ring-status{font-size:13px;font-weight:600}.score-ring-status.ok{color:var(--emerald)}.score-ring-status.warn{color:var(--gold)}.score-ring-status.miss{color:var(--orange)}.score-ring-status.na{color:var(--muted)}.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px}@media (max-width: 380px){.modules-grid{grid-template-columns:1fr}}.module-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .1s,border-color .1s;cursor:pointer;text-align:left;width:100%}.module-card:active{transform:scale(.98)}.module-card:hover{border-color:var(--border2)}.module-card .top{display:flex;align-items:center;justify-content:space-between}.module-card .emoji{font-size:22px}.module-card .badge{font-size:10px;padding:3px 8px;border-radius:999px;font-weight:700;letter-spacing:.05em}.module-card .badge.ok{background:#34d39926;color:var(--emerald)}.module-card .badge.warn{background:#f7c94826;color:var(--gold)}.module-card .badge.miss{background:#fb923c26;color:var(--orange)}.module-card .badge.na{background:#6b779c26;color:var(--muted)}.module-card .module-name{font-size:15px;font-weight:600}.module-card .module-detail{font-size:12px;color:var(--text-dim)}.module-card .module-score-mini{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.nav-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0a0e1ae6;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:50}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;color:var(--muted);font-size:10px;font-weight:500}.nav-btn .nav-icon{font-size:20px}.nav-btn.active{color:var(--accent)}.field{margin-bottom:12px}.field-label{display:block;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.field-row{display:flex;gap:8px}.muted{color:var(--muted)}.dim{color:var(--text-dim)}.spinner{padding:60px;text-align:center;color:var(--muted);font-size:14px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty .icon{font-size:40px;margin-bottom:12px}.empty .title{font-size:16px;color:var(--text);margin-bottom:4px}.empty .desc{font-size:13px}.toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);padding:12px 20px;border-radius:999px;font-size:13px;z-index:100;box-shadow:0 8px 24px #0006;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--bg2);border-top:1px solid var(--border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:90dvh;display:flex;flex-direction:column;z-index:70;animation:sheetIn .25s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom)}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;background:var(--border2);border-radius:999px;margin:10px auto 4px}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}.sheet-title{font-family:var(--font-title);font-style:italic;font-size:22px}.sheet-body{padding:16px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-close{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--muted);font-size:18px}