:root{--c-primary: #e250b2;--c-accent: #d17142;--c-highlight: #f0d656;--c-bg: #150e13;--c-card: #231a20;--c-text: #f2eef0;--c-muted: #ae98a7;--c-border: #40303b;--c-card-hi: #2b2028;--glow-p: 0 0 10px rgba(226, 80, 178, .5), 0 0 26px rgba(226, 80, 178, .28);--glow-a: 0 0 10px rgba(209, 113, 66, .5), 0 0 26px rgba(209, 113, 66, .28);--glow-h: 0 0 10px rgba(240, 214, 86, .5), 0 0 26px rgba(240, 214, 86, .3);--radius: 4px;--font-head: "Poppins", "Noto Sans SC", system-ui, sans-serif;--font-body: "JetBrains Mono", "Fira Code", ui-monospace, "SFMono-Regular", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--c-bg);color:var(--c-text);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(226,80,178,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(226,80,178,.07) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%)}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(15,8,12,.18) 4px);mix-blend-mode:multiply;opacity:.5}::selection{background:var(--c-primary);color:var(--c-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px;border:2px solid var(--c-bg)}::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:var(--font-body);background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text);padding:10px 12px;border-radius:var(--radius);outline:none}input:focus{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary),var(--glow-p)}h1,h2,h3,.brand strong{font-family:var(--font-head);letter-spacing:.02em}.site{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 20px 60px}.foot{border-top:1px solid var(--c-border);padding:22px 20px 30px;text-align:center;color:var(--c-muted);font-size:12px;background:#150e13e6}.foot-blink{color:var(--c-primary);animation:blink 1.2s steps(2,start) infinite}.foot-sub{margin-top:4px;font-size:10px;letter-spacing:.2em;color:var(--c-border)}@keyframes blink{50%{opacity:.2}}.topbar{position:sticky;top:0;z-index:50;background:#150e13d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border);box-shadow:0 6px 24px #0006}.topbar-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:22px;color:var(--c-bg);background:linear-gradient(135deg,var(--c-primary),var(--c-accent));border-radius:var(--radius);box-shadow:var(--glow-p);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:16px;color:var(--c-text)}.brand-text em{font-style:normal;font-size:9px;letter-spacing:.34em;color:var(--c-muted);font-weight:500}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav-link{padding:8px 14px;font-size:13px;color:var(--c-muted);border:1px solid transparent;border-radius:var(--radius);transition:all .2s;position:relative}.nav-caret{color:var(--c-primary);opacity:0;margin-right:2px;transition:opacity .2s}.nav-link:hover{color:var(--c-text);border-color:var(--c-border)}.nav-link.is-active{color:var(--c-primary);border-color:var(--c-primary);box-shadow:var(--glow-p);text-shadow:0 0 8px rgba(226,80,178,.8)}.nav-link.is-active .nav-caret{opacity:1}.neon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;font-family:var(--font-body);font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--c-text);background:transparent;border:1px solid var(--c-border);border-radius:var(--radius);transition:all .22s ease;overflow:hidden}.neon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .3s ease}.neon-btn .btn-inner{position:relative;z-index:1}.neon-btn:hover{transform:translateY(-2px)}.neon-btn:active{transform:translateY(0) scale(.98)}.neon-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none!important}.neon-primary{color:var(--c-bg);background:linear-gradient(120deg,var(--c-primary),#c83c9a);border-color:transparent;box-shadow:var(--glow-p)}.neon-primary:before{background:linear-gradient(120deg,var(--c-highlight),var(--c-accent));transform:scaleX(0);transform-origin:left}.neon-primary:hover:before{transform:scaleX(1)}.neon-primary:hover{box-shadow:var(--glow-h);color:var(--c-bg)}.neon-accent{color:var(--c-bg);background:linear-gradient(120deg,var(--c-highlight),var(--c-accent));border-color:transparent;box-shadow:var(--glow-h)}.neon-accent:before{background:linear-gradient(120deg,var(--c-primary),var(--c-accent));transform:scaleX(0);transform-origin:left}.neon-accent:hover:before{transform:scaleX(1)}.neon-accent:hover{box-shadow:var(--glow-p);color:var(--c-bg)}.neon-ghost{color:var(--c-muted);border-color:var(--c-border)}.neon-ghost:before{background:#e250b214;transform:scaleX(0);transform-origin:left}.neon-ghost:hover:before{transform:scaleX(1)}.neon-ghost:hover{color:var(--c-primary);border-color:var(--c-primary);box-shadow:var(--glow-p)}.panel{background:linear-gradient(160deg,var(--c-card-hi),var(--c-card));border:1px solid var(--c-border);border-radius:var(--radius);padding:28px;position:relative}.panel:before,.dim-card:before,.step-card:before,.q-card:before,.train-dim:before{content:"";position:absolute;top:-1px;right:-1px;width:18px;height:18px;background:var(--c-bg);clip-path:polygon(100% 0,0 0,100% 100%)}.panel:after,.dim-card:after,.step-card:after,.q-card:after,.train-dim:after{content:"";position:absolute;bottom:-1px;left:-1px;width:14px;height:14px;background:var(--c-bg);clip-path:polygon(0 100%,0 0,100% 100%)}.tagline{display:inline-block;font-size:11px;letter-spacing:.28em;color:var(--c-primary);text-shadow:0 0 8px rgba(226,80,178,.7);margin-bottom:10px}.chip{display:inline-block;font-size:11px;color:var(--c-muted);border:1px solid var(--c-border);border-radius:var(--radius);padding:4px 10px;white-space:nowrap}.chip-glow{color:var(--c-highlight);border-color:var(--c-highlight);box-shadow:var(--glow-h)}.page{animation:pageIn .45s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page-head{margin-bottom:26px}.page-head h1{font-size:clamp(26px,4vw,40px);font-weight:800}.page-head h1 b{color:var(--c-primary)}.page-head>p{color:var(--c-muted);margin-top:6px;font-size:13px;max-width:640px}.sec{margin-top:52px}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.sec-title{display:flex;gap:14px;align-items:flex-start}.sec-index{font-family:var(--font-head);font-weight:800;font-size:30px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--c-primary);text-shadow:0 0 14px rgba(226,80,178,.45);letter-spacing:-.02em}.sec-h{font-size:22px;font-weight:700}.sec-sub{font-size:12px;color:var(--c-muted);margin-top:2px}.sec-title:after{content:"";align-self:center;flex:1;min-width:40px;height:1px;background:linear-gradient(90deg,var(--c-primary),transparent);margin-left:6px;box-shadow:0 0 6px #e250b299}.hero{position:relative;border:1px solid var(--c-border);border-radius:var(--radius);background:radial-gradient(ellipse at 78% 30%,rgba(226,80,178,.16),transparent 55%),radial-gradient(ellipse at 12% 85%,rgba(209,113,66,.12),transparent 50%),var(--c-card);overflow:hidden;padding:46px 36px;margin-top:6px}.hero-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(226,80,178,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(226,80,178,.12) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(120deg,#000 30%,transparent 75%);mask-image:linear-gradient(120deg,#000 30%,transparent 75%)}.hero-inner{position:relative;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.hero-left{flex:1 1 460px}.hero-tag{display:inline-block;font-size:10px;letter-spacing:.32em;color:var(--c-highlight);border:1px solid var(--c-highlight);padding:5px 12px;border-radius:var(--radius);box-shadow:var(--glow-h);margin-bottom:18px}.hero-title{font-size:clamp(34px,6vw,58px);font-weight:800;line-height:1.12}.hero-title .hl{color:var(--c-primary);text-shadow:0 0 18px rgba(226,80,178,.75);position:relative}.hero-desc{margin:18px 0 26px;color:var(--c-muted);font-size:14px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-meta{margin-top:26px;display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--c-muted)}.hero-meta b{color:var(--c-text);font-size:16px;font-family:var(--font-head)}.hero-meta span{display:inline-flex;align-items:baseline;gap:5px}.hero-meta span:before{content:"▍";color:var(--c-primary)}.hero-orb{position:relative;flex:0 0 280px;height:280px}.orb-core{position:absolute;top:62px;right:62px;bottom:62px;left:62px;display:grid;place-items:center;text-align:center;border-radius:var(--radius);background:var(--c-bg);border:1px solid var(--c-primary);box-shadow:var(--glow-p);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.orb-core span{font-family:var(--font-head);font-size:52px;font-weight:800;color:var(--c-primary);text-shadow:0 0 20px var(--c-primary);line-height:1}.orb-core em{font-style:normal;font-size:9px;letter-spacing:.3em;color:var(--c-muted)}.orb-ring{position:absolute;border:1px solid var(--c-border);border-radius:50%}.orb-ring.r1{top:8px;right:8px;bottom:8px;left:8px;border-style:dashed;animation:spin 26s linear infinite}.orb-ring.r2{top:24px;right:24px;bottom:24px;left:24px;border-color:#e250b259;border-top-color:var(--c-primary);animation:spin 14s linear infinite reverse}.orb-ring.r3{top:40px;right:40px;bottom:40px;left:40px;border-color:#d1714259;border-bottom-color:var(--c-accent);animation:spin 9s linear infinite}.orb-cross{position:absolute;background:#e250b259;box-shadow:0 0 8px var(--c-primary)}.orb-cross.v{left:50%;top:4px;bottom:4px;width:1px}.orb-cross.h{top:50%;left:4px;right:4px;height:1px}@keyframes spin{to{transform:rotate(360deg)}}.grid-dim{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.dim-card{position:relative;display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(160deg,var(--c-card-hi),var(--c-card));border:1px solid var(--c-border);border-radius:var(--radius);transition:all .22s ease;animation:cardIn .5s ease both;animation-delay:calc(var(--i) * .05s)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dim-card:hover{border-color:var(--c-primary);box-shadow:var(--glow-p);transform:translateY(-3px)}.dim-icon{font-size:26px;color:var(--c-primary);text-shadow:0 0 10px var(--c-primary);flex:0 0 30px;text-align:center}.dim-name{font-size:16px;font-weight:700}.dim-desc{font-size:11px;color:var(--c-muted);margin-top:2px}.dim-num{position:absolute;top:10px;right:12px;font-size:10px;color:var(--c-border);letter-spacing:.1em}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.step-card{position:relative;padding:22px;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);transition:all .22s ease;animation:cardIn .5s ease both;animation-delay:calc(var(--i) * .08s + .1s)}.step-card:hover{border-color:var(--c-accent);box-shadow:var(--glow-a)}.step-no{font-size:10px;letter-spacing:.3em;color:var(--c-accent);text-shadow:0 0 8px rgba(209,113,66,.7)}.step-card h3{font-size:18px;margin:10px 0 8px}.step-card p{font-size:12px;color:var(--c-muted)}.cta-band{margin-top:56px;position:relative;border:1px solid var(--c-highlight);border-radius:var(--radius);background:linear-gradient(120deg,#f0d65614,#e250b21a),var(--c-card);box-shadow:var(--glow-h);overflow:hidden}.cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(240,214,86,.06) 46px 47px)}.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px}.cta-inner h2{font-size:22px}.cta-inner p{color:var(--c-muted);font-size:13px;margin-top:4px}.quiz-intro,.quiz-done{display:flex;justify-content:center}.intro-panel,.done-panel{max-width:680px;width:100%}.intro-panel h1,.done-title{font-size:30px;font-weight:800;margin:8px 0 16px}.rules{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--c-muted)}.rules li{padding-left:22px;position:relative}.rules li:before{content:"▸";position:absolute;left:0;color:var(--c-primary)}.rules b{color:var(--c-text)}.profile-box{margin-top:22px;border:1px dashed var(--c-border);border-radius:var(--radius);padding:16px}.profile-box h2{font-size:15px;margin-bottom:8px}.profile-ok{font-size:13px}.profile-ok b{color:var(--c-primary);margin-right:10px}.profile-tip{font-size:12px;color:var(--c-muted);margin-bottom:10px}.row-input{display:flex;align-items:center;gap:8px;max-width:360px}.row-input input{flex:1}.input-mark{color:var(--c-primary);font-size:13px}.intro-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}.quiz-progress{display:flex;align-items:center;gap:12px;flex:1 1 420px}.q-count{font-size:12px;color:var(--c-muted);white-space:nowrap}.q-count b{color:var(--c-highlight);font-size:16px}.bar{flex:1;height:8px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-highlight));box-shadow:0 0 10px var(--c-primary);transition:width .4s ease}.q-pct{font-size:12px;color:var(--c-muted)}.quiz-dim{display:flex;align-items:center;gap:10px}.dim-ico{font-size:24px}.dim-label{display:block;font-size:9px;letter-spacing:.2em;color:var(--c-muted)}.quiz-dim b{font-size:15px}.dim-short{font-size:11px;color:var(--c-primary);border:1px solid var(--c-primary);border-radius:var(--radius);padding:2px 8px;text-shadow:0 0 6px rgba(226,80,178,.8)}.q-card{position:relative;background:linear-gradient(160deg,var(--c-card-hi),var(--c-card));border:1px solid var(--c-border);border-radius:var(--radius);padding:30px 26px;animation:qIn .35s ease both}@keyframes qIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.q-emoji{font-size:40px;margin-bottom:8px;filter:drop-shadow(0 0 10px rgba(226,80,178,.5))}.q-prompt{font-size:clamp(18px,2.6vw,24px);font-weight:700;margin-bottom:22px;line-height:1.5}.q-options{display:flex;flex-direction:column;gap:12px}.q-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:15px 16px;color:var(--c-text);transition:all .2s ease}.q-opt:hover{border-color:var(--c-primary);box-shadow:var(--glow-p);transform:translate(4px)}.q-opt.is-selected{border-color:var(--c-primary);background:#e250b21a;box-shadow:var(--glow-p)}.opt-letter{flex:0 0 30px;height:30px;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--c-bg);background:var(--c-border);border-radius:var(--radius);transition:all .2s}.q-opt.is-selected .opt-letter{background:var(--c-primary);box-shadow:0 0 10px var(--c-primary)}.opt-text{flex:1;font-size:13px;line-height:1.6}.opt-state{color:var(--c-border);font-size:15px}.q-opt.is-selected .opt-state{color:var(--c-primary)}.q-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.done-score{font-size:16px;color:var(--c-muted)}.done-score b{font-size:52px;font-family:var(--font-head);text-shadow:0 0 22px rgba(240,214,86,.7)}.done-score em{font-style:normal;font-size:16px;color:var(--c-muted)}.done-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.stat{border:1px solid var(--c-border);border-radius:var(--radius);padding:16px;background:var(--c-bg);display:flex;flex-direction:column;gap:6px}.stat span{font-size:11px;color:var(--c-muted);letter-spacing:.1em}.stat b{font-size:16px}.stat em{font-style:normal;font-size:12px;color:var(--c-muted)}.done-note{font-size:13px;color:var(--c-muted)}.report-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.report-head h1{font-size:clamp(22px,3.4vw,32px)}.report-head h1 b{color:var(--c-primary);text-shadow:0 0 14px rgba(226,80,178,.6)}.report-date{font-size:12px;color:var(--c-muted);margin-top:4px}.report-actions{display:flex;gap:12px;flex-wrap:wrap}.report-sheet{background:linear-gradient(180deg,var(--c-card),var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius);padding:26px}.summary-strip{display:flex;gap:20px;flex-wrap:wrap;align-items:stretch;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);padding:18px;margin-bottom:24px}.sum-total{display:flex;align-items:baseline;gap:6px;padding-right:20px;border-right:1px solid var(--c-border)}.sum-label{font-size:11px;color:var(--c-muted);letter-spacing:.14em}.sum-num{font-family:var(--font-head);font-size:54px;font-weight:800;color:var(--c-highlight);text-shadow:0 0 24px rgba(240,214,86,.6);line-height:1}.sum-max{font-size:14px;color:var(--c-muted)}.sum-picks{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pick{display:flex;flex-direction:column;gap:4px;border:1px solid var(--c-border);border-radius:var(--radius);padding:12px 14px}.pick-label{font-size:10px;letter-spacing:.2em;color:var(--c-muted)}.pick b{font-size:15px}.pick em{font-style:normal;font-size:12px;color:var(--c-muted)}.pick-strong{border-color:#e250b299;box-shadow:var(--glow-p)}.pick-strong b{color:var(--c-primary)}.pick-weak{border-color:#d1714299;box-shadow:var(--glow-a)}.pick-weak b{color:var(--c-accent)}.report-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.report-block{margin-bottom:26px}.radar-block,.bar-block{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:18px 16px 10px}.level{display:inline-block;font-family:var(--font-head);font-weight:800;font-size:13px;padding:2px 9px;border-radius:var(--radius);border:1px solid}.level-S{color:var(--c-bg);background:var(--c-highlight);border-color:var(--c-highlight);box-shadow:var(--glow-h)}.level-A{color:var(--c-bg);background:var(--c-primary);border-color:var(--c-primary);box-shadow:var(--glow-p)}.level-B{color:var(--c-accent);border-color:var(--c-accent);box-shadow:var(--glow-a)}.level-C{color:var(--c-muted);border-color:var(--c-border)}.dim-detail-list{display:flex;flex-direction:column;gap:12px}.dim-detail{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);padding:14px 16px;transition:all .2s}.dim-detail:hover{border-color:var(--c-primary);box-shadow:var(--glow-p)}.dd-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dd-rank{font-size:11px;color:var(--c-border)}.dd-icon{font-size:18px;color:var(--c-primary)}.dim-detail h3{font-size:15px;min-width:90px}.dd-meter{flex:1;min-width:120px;height:8px;background:var(--c-card-hi);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.dd-fill{height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-highlight));box-shadow:0 0 8px var(--c-primary);transition:width .8s ease}.dd-score{font-family:var(--font-head);font-size:16px;color:var(--c-highlight)}.dd-desc{font-size:11px;color:var(--c-muted);margin:8px 0 4px}.dd-advice{font-size:12px;color:var(--c-muted);background:#e250b20f;border-left:2px solid var(--c-primary);padding:6px 10px;border-radius:0 var(--radius) var(--radius) 0}.focus-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.focus-card{position:relative;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);padding:20px;transition:all .2s}.focus-card:hover{border-color:var(--c-highlight);box-shadow:var(--glow-h);transform:translateY(-2px)}.fc-icon{font-size:26px;color:var(--c-highlight);text-shadow:0 0 12px var(--c-highlight)}.focus-card h3{font-size:17px;margin:8px 0 10px}.focus-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.focus-card li{font-size:12px;color:var(--c-muted);line-height:1.6}.focus-card li b{color:var(--c-text)}.focus-card li em{font-style:normal;color:var(--c-accent)}.empty-panel{text-align:center;padding:48px 28px}.empty-panel h1{font-size:26px;margin:10px 0}.empty-panel p{color:var(--c-muted);font-size:13px;margin-bottom:20px}.empty-panel.slim{padding:30px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.f-chip{font-size:12px;color:var(--c-muted);background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:8px 14px;transition:all .2s}.f-chip:hover{color:var(--c-text);border-color:var(--c-primary)}.f-chip.is-active{color:var(--c-bg);background:linear-gradient(120deg,var(--c-primary),#c83c9a);border-color:transparent;box-shadow:var(--glow-p)}.filter-row.inline{margin:0}.train-list{display:flex;flex-direction:column;gap:22px}.train-dim{position:relative;border:1px solid var(--c-border);border-radius:var(--radius);background:linear-gradient(160deg,var(--c-card-hi),var(--c-card));padding:22px;transition:all .25s}.train-dim:hover{box-shadow:0 0 0 1px var(--dc),0 0 26px -6px var(--dc)}.td-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.td-icon{font-size:30px;color:var(--dc);text-shadow:0 0 14px var(--dc);flex:0 0 44px;height:44px;display:grid;place-items:center;border:1px solid var(--dc);border-radius:var(--radius)}.td-head h2{font-size:20px}.td-head p{font-size:12px;color:var(--c-muted)}.td-tag{margin-left:auto;font-size:10px;letter-spacing:.18em;color:var(--dc);border:1px solid var(--dc);border-radius:var(--radius);padding:4px 10px}.td-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.td-col-h{font-size:14px;letter-spacing:.08em;color:var(--c-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.td-col-h:after{content:"";flex:1;height:1px;background:var(--c-border)}.game-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;transition:all .2s}.game-card:hover{border-color:var(--g);box-shadow:0 0 16px -4px var(--g);transform:translate(3px)}.gc-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.gc-no{font-size:10px;color:var(--g);letter-spacing:.1em}.gc-head b{font-size:14px}.gc-time{margin-left:auto;font-size:10px;color:var(--g);border:1px solid var(--g);border-radius:var(--radius);padding:1px 7px;white-space:nowrap}.game-card p{font-size:12px;color:var(--c-muted);line-height:1.7}.gc-diff{margin-top:8px;font-size:10px;color:var(--c-muted);display:flex;align-items:center;gap:4px}.gc-diff i{width:14px;height:5px;background:var(--c-border);border-radius:1px;display:inline-block}.gc-diff i.on{background:var(--g);box-shadow:0 0 6px var(--g)}.book-list{display:flex;flex-direction:column;gap:12px}.book-card{display:flex;gap:14px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;transition:all .2s}.book-card:hover{border-color:var(--c-highlight);box-shadow:0 0 16px -4px var(--c-highlight);transform:translate(3px)}.bc-no{flex:0 0 34px;height:34px;display:grid;place-items:center;font-size:11px;color:var(--c-bg);background:var(--c-accent);border-radius:var(--radius);box-shadow:var(--glow-a)}.bc-main b{font-size:14px;display:block}.bc-main em{font-style:normal;font-size:11px;color:var(--c-accent)}.bc-main p{font-size:12px;color:var(--c-muted);margin-top:4px;line-height:1.6}.cta-band.slim{margin-top:40px}.profile-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.profile-tabs{display:flex;gap:10px;flex-wrap:wrap}.p-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-muted);font-size:13px;transition:all .2s}.p-tab:hover{border-color:var(--c-primary)}.p-tab.is-active{color:var(--c-text);border-color:var(--c-primary);box-shadow:var(--glow-p)}.p-ava{width:24px;height:24px;display:grid;place-items:center;font-size:12px;color:var(--c-bg);background:var(--c-primary);border-radius:var(--radius)}.profile-add{display:flex;gap:8px}.profile-add input{width:150px;padding:9px 10px}.profile-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.danger-link{background:none;border:none;color:var(--c-muted);font-size:12px;text-decoration:underline;transition:color .2s}.danger-link:hover{color:#ff5f6d}.chart-panel{padding:18px}.record-list{display:flex;flex-direction:column;gap:10px}.record-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 18px;transition:all .2s}.record-card:hover{border-color:var(--c-primary);box-shadow:var(--glow-p)}.rc-left{display:flex;align-items:center;gap:12px;flex:0 0 150px}.rc-no{font-size:12px;color:var(--c-border)}.rc-left b{font-size:13px;display:block}.rc-total{font-size:11px;color:var(--c-muted)}.rc-mid{flex:1;display:flex;gap:6px;flex-wrap:wrap}.rc-dot{width:22px;height:22px;border-radius:var(--radius);background:var(--c-card-hi);border:1px solid var(--c-border);display:grid;place-items:center;font-size:8px;color:transparent;transition:all .2s;position:relative}.rc-dot:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:2px;background:var(--rc);box-shadow:0 0 6px var(--rc);opacity:calc(var(--val) / 100)}.rc-dot:hover:before{opacity:1}.rc-dot:hover{color:var(--c-text);font-size:9px}.rc-right{display:flex;align-items:center;gap:8px}.ghost-btn{background:none;border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-muted);font-size:12px;padding:5px 10px;transition:all .2s}.ghost-btn:hover{color:var(--c-primary);border-color:var(--c-primary)}.ghost-btn.danger:hover{color:#ff5f6d;border-color:#ff5f6d}@media (max-width: 900px){.hero-orb{flex-basis:200px;height:200px;margin:0 auto}.orb-core{top:40px;right:40px;bottom:40px;left:40px}.report-grid,.td-grid{grid-template-columns:1fr}}@media (max-width: 640px){.main{padding:18px 14px 50px}.topbar-inner{padding:10px 14px}.brand-text em{display:none}.hero{padding:30px 20px}.hero-orb{display:none}.hero-title{font-size:34px}.done-stats{grid-template-columns:1fr}.summary-strip{flex-direction:column}.sum-total{border-right:none;border-bottom:1px solid var(--c-border);padding-right:0;padding-bottom:12px}.q-card{padding:22px 16px}.report-sheet{padding:16px}.report-head{align-items:flex-start}.rc-mid{order:3;flex-basis:100%}.q-actions{flex-direction:column-reverse}.q-actions .neon-btn{width:100%}}