:root{font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;color:#eff9ff;background:radial-gradient(circle at 15% 18%,rgba(24,193,196,.22),transparent 26%),radial-gradient(circle at 82% 16%,rgba(111,125,255,.14),transparent 24%),radial-gradient(circle at 78% 82%,rgba(242,5,135,.18),transparent 22%),linear-gradient(180deg,#071222,#0a1731 40%,#120d2f);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--kng-turquoise: #18c1c4;--kng-fuchsia: #f20587;--kng-bg-dark: #081224;--kng-bg-deep: #0f1838;--kng-bg-purple: #19123a;--kng-card: rgba(12, 25, 52, .82);--kng-card-strong: rgba(15, 30, 61, .92);--kng-card-soft: rgba(11, 23, 45, .74);--kng-border: rgba(162, 209, 255, .12);--kng-border-strong: rgba(24, 193, 196, .22);--kng-text-primary: #eff9ff;--kng-text-secondary: #b6cce5;--kng-text-muted: #87a3c2;--kng-safe: #45d693;--kng-caution: #ffbf47;--kng-risk: #ff5b8f;--kng-shadow: 0 24px 60px rgba(1, 8, 26, .5);--kng-shadow-soft: 0 16px 40px rgba(3, 10, 28, .34);--kng-glow-cyan: 0 0 0 1px rgba(24, 193, 196, .2), 0 0 24px rgba(24, 193, 196, .18);--kng-glow-fuchsia: 0 0 0 1px rgba(242, 5, 135, .18), 0 0 24px rgba(242, 5, 135, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--kng-text-primary);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at top left,rgba(24,193,196,.1),transparent 22%),radial-gradient(circle at bottom right,rgba(242,5,135,.08),transparent 20%),linear-gradient(180deg,#071222,#0a1731 42%,#120d2f);background-size:34px 34px,34px 34px,auto,auto,auto}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(circle at 12% 12%,rgba(24,193,196,.09),transparent 18%),radial-gradient(circle at 88% 18%,rgba(242,5,135,.08),transparent 14%),radial-gradient(circle at 50% 110%,rgba(111,125,255,.12),transparent 24%)}body:after{background:linear-gradient(135deg,transparent 0%,rgba(24,193,196,.04) 48%,transparent 52%),linear-gradient(225deg,transparent 0%,rgba(242,5,135,.03) 48%,transparent 52%);opacity:.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(24,193,196,.7);outline-offset:3px}.app-shell{position:relative;z-index:1;min-height:100vh;padding:24px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;margin-bottom:20px;background:linear-gradient(145deg,#0e1c39eb,#101634d1),var(--kng-card);border:1px solid rgba(24,193,196,.12);border-radius:30px;box-shadow:var(--kng-shadow),inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar h1,.hero-copy h2,.panel h2,.panel h3,.module-card h3,.scam-card h3{margin:0}.topbar h1,.hero-copy h2,.panel h2{letter-spacing:-.03em}.eyebrow{margin:0 0 8px;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--kng-turquoise)}.platform-chip,.score-pill,.warning-tag,.suggestion-pill,.module-meta,.mini-status,.scam-label{border-radius:999px}.platform-chip{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;color:var(--kng-text-secondary);background:linear-gradient(135deg,#18c1c41f,#ffffff0f);border:1px solid rgba(24,193,196,.18);box-shadow:var(--kng-glow-cyan)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--kng-safe);box-shadow:0 0 12px #45d693f2}.shell-grid{display:grid;grid-template-columns:292px minmax(0,1fr);gap:20px}.sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card,.panel,.hero-panel,.module-card,.guide-bubble,.chat-window,.scam-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%),linear-gradient(145deg,#0d1b37e0,#0e132fc7),var(--kng-card);border:1px solid var(--kng-border);border-radius:28px;box-shadow:var(--kng-shadow-soft),inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-card:before,.panel:before,.hero-panel:before,.module-card:after,.guide-bubble:before,.scam-card:before{content:"";position:absolute;pointer-events:none}.sidebar-card:before,.panel:before,.hero-panel:before,.guide-bubble:before,.scam-card:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(24,193,196,.08),transparent 32%,rgba(242,5,135,.05) 100%);opacity:.75}.sidebar-card,.panel,.scam-card,.hero-panel{padding:22px}.sidebar-title{margin:0 0 14px;font-size:.95rem;font-weight:700;color:var(--kng-text-secondary)}.nav-list{display:grid;gap:10px}.nav-item{position:relative;padding:14px 16px;border-radius:18px;color:var(--kng-text-secondary);background:#ffffff08;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-item:hover,.nav-item.active{background:linear-gradient(135deg,#18c1c42e,#122244e6);border-color:#18c1c438;box-shadow:var(--kng-glow-cyan);color:var(--kng-text-primary);transform:translateY(-1px)}.nav-item.active:after{content:"";position:absolute;inset:10px auto 10px 10px;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--kng-turquoise),var(--kng-fuchsia))}.helper-card{background:radial-gradient(circle at top right,rgba(24,193,196,.16),transparent 28%),linear-gradient(180deg,rgba(24,193,196,.08),transparent 36%),var(--kng-card)}.helper-line{margin:0 0 10px;color:var(--kng-text-secondary);line-height:1.55}.content-area{min-width:0}.page-stack{display:grid;gap:20px}.hero-panel{position:relative;display:grid;grid-template-columns:1.55fr .95fr;gap:20px;align-items:center;padding-right:240px}.hero-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.02;max-width:12ch}.hero-text,.section-text,.module-card p,.guide-message,.feedback-panel p,.scam-card p,.badge-description,.module-status-row{color:var(--kng-text-secondary)}.hero-text,.section-text,.guide-message,.feedback-panel p,.scam-card p,.badge-description{line-height:1.62}.hero-status{display:flex;justify-content:center;position:relative;z-index:1}.hero-copy{position:relative;z-index:1}.glow-ring{width:198px;height:198px;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--kng-text-primary);background:radial-gradient(circle,rgba(7,18,36,.85) 42%,transparent 43%),conic-gradient(from 220deg,var(--kng-turquoise),#78eff0,var(--kng-fuchsia),var(--kng-turquoise));box-shadow:0 0 0 10px #ffffff05,0 0 42px #18c1c43d,0 0 56px #f2058729;padding:24px}.glow-ring strong{font-size:2.8rem;letter-spacing:-.04em}.glow-ring span{display:block;margin-top:8px;color:var(--kng-text-secondary)}.hero-luna{position:absolute;right:28px;top:-18px;width:min(24vw,320px);min-width:230px;pointer-events:none;z-index:3;display:flex;justify-content:center;filter:drop-shadow(0 24px 30px rgba(2,8,28,.45));animation:lunaFloat 5.6s ease-in-out infinite}.hero-luna-glow{position:absolute;top:10%;right:4%;bottom:16%;left:4%;border-radius:50%;background:radial-gradient(circle at 35% 42%,rgba(24,193,196,.26),transparent 42%),radial-gradient(circle at 68% 36%,rgba(242,5,135,.2),transparent 38%);filter:blur(22px);opacity:.95}.hero-luna-image{position:relative;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 72%,rgba(0,0,0,.88) 84%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 72%,rgba(0,0,0,.88) 84%,transparent 100%)}.module-grid,.stats-grid,.badge-row,.suggestion-grid,.choice-grid,.mission-results-grid{display:grid;gap:16px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{padding:22px;min-height:100%}.module-card:before{content:"";position:absolute;inset:auto -30px -40px auto;width:144px;height:144px;border-radius:34px;opacity:.14;transform:rotate(18deg)}.module-card:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.035),transparent 36%)}.accent-cyan:before{background:var(--kng-turquoise)}.accent-fuchsia:before{background:var(--kng-fuchsia)}.accent-navy:before{background:#6f7dff}.module-card h3{font-size:1.28rem;line-height:1.15;margin-bottom:10px}.module-meta{display:inline-flex;width:fit-content;padding:8px 13px;margin-bottom:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:var(--kng-text-primary);font-weight:700}.module-status-row,.completion-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.module-status-row{margin:14px 0 20px;font-size:.94rem}.mini-status{padding:7px 11px;text-transform:capitalize;background:#ffffff14;border:1px solid rgba(255,255,255,.08);font-weight:700}.mini-status.completed{background:#45d69329;border-color:#45d6934d;color:#d8ffe7}.mini-status.in_progress{background:#ffbf4729;border-color:#ffbf474d;color:#ffe8aa}.mini-status.not_started{color:var(--kng-text-secondary)}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.score-pill{padding:10px 14px;font-weight:800;letter-spacing:-.02em;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.score-pill.safe{color:#dcffeb;background:#45d69329;border-color:#45d69357;box-shadow:0 0 22px #45d6931f}.score-pill.caution{color:#fff0c9;background:#ffbf4729;border-color:#ffbf4757;box-shadow:0 0 20px #ffbf471a}.score-pill.risky{color:#ffd6e5;background:#ff5b8f29;border-color:#ff5b8f52;box-shadow:0 0 22px #ff5b8f1f}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.stat-card,.badge-card,.feedback-panel,.empty-state,.completion-summary,.result-card{border-radius:22px}.stat-card{padding:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.stat-label,.guide-name,.chat-sender,.field-label{display:block;margin-bottom:6px;color:var(--kng-text-muted);font-size:.92rem}.stat-card strong{font-size:1.9rem;letter-spacing:-.05em}.badge-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.badge-card{padding:16px;display:flex;gap:14px;align-items:center;background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid rgba(255,255,255,.06)}.badge-mark{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--kng-turquoise),var(--kng-fuchsia));box-shadow:0 10px 24px #18c1c438,inset 0 1px #fff3}.badge-title{margin:0 0 4px;font-weight:800}.empty-state{padding:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px dashed rgba(24,193,196,.22);color:var(--kng-text-secondary)}.guide-bubble{display:flex;gap:14px;padding:18px}.guide-bubble.info{border-color:#18c1c43d;box-shadow:var(--kng-shadow-soft),var(--kng-glow-cyan)}.guide-bubble.success{border-color:#45d69347;box-shadow:var(--kng-shadow-soft),0 0 24px #45d6931f}.guide-bubble.warning{border-color:#ffbf4747;box-shadow:var(--kng-shadow-soft),0 0 24px #ffbf471a}.guide-bubble.danger{border-color:#f2058742;box-shadow:var(--kng-shadow-soft),var(--kng-glow-fuchsia)}.guide-avatar{width:52px;height:52px;flex-shrink:0;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#18c1c42e,#f2058729);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 24px #18c1c42e,inset 0 1px #ffffff1f}.guide-avatar-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.guide-name,.guide-message,.chat-message{margin:0}.guide-name{color:var(--kng-text-primary);font-weight:800}.input-row{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 18px}.text-input{flex:1 1 240px;min-height:56px;padding:0 16px;border:1px solid rgba(24,193,196,.18);border-radius:18px;background:#ffffff0e;color:var(--kng-text-primary);box-shadow:inset 0 1px #ffffff08}.text-input::placeholder{color:#7f9abc}.primary-button,.choice-button,.suggestion-pill,.secondary-button{border:0;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primary-button,.choice-button,.secondary-button{min-height:56px;padding:0 18px;border-radius:18px;font-weight:800}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center}.primary-button{background:linear-gradient(135deg,var(--kng-turquoise),#56dadd);color:#041522;box-shadow:0 14px 28px #18c1c438,inset 0 1px #ffffff4d}.primary-button:hover{box-shadow:0 18px 32px #18c1c442,0 0 24px #18c1c42e}.primary-button:active,.secondary-button:active,.choice-button:active,.suggestion-pill:active{transform:translateY(1px) scale(.995)}.secondary-button{background:linear-gradient(135deg,#f205872e,#f2058714);color:var(--kng-text-primary);border:1px solid rgba(242,5,135,.24);box-shadow:var(--kng-glow-fuchsia)}.choice-button{width:100%;padding:16px 18px;text-align:left;color:var(--kng-text-primary);background:linear-gradient(180deg,#ffffff0f,#ffffff09),#0a152adb;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.choice-button:hover{border-color:#18c1c43d;background:linear-gradient(180deg,#18c1c41f,#ffffff09),#0a152aeb;box-shadow:var(--kng-glow-cyan)}.secondary-button:hover,.suggestion-pill:hover{box-shadow:var(--kng-glow-fuchsia)}.choice-button:disabled{opacity:.78;cursor:default}.feedback-panel{padding:18px;border:1px solid transparent;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#081427eb}.completion-panel{background:radial-gradient(circle at top left,rgba(24,193,196,.18),transparent 28%),radial-gradient(circle at top right,rgba(242,5,135,.12),transparent 22%),var(--kng-card)}.completion-summary,.result-card{padding:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid rgba(255,255,255,.06)}.completion-summary{margin-bottom:18px;color:var(--kng-text-secondary)}.feedback-panel.safe{border-color:#45d69352;box-shadow:0 0 28px #45d6931a}.feedback-panel.caution{border-color:#ffbf4752;box-shadow:0 0 28px #ffbf4714}.feedback-panel.risky{border-color:#ff5b8f4d;box-shadow:0 0 28px #ff5b8f1a}.feedback-title{margin:0 0 8px;font-weight:900;color:var(--kng-text-primary)}.findings-list{padding-left:18px;color:var(--kng-text-secondary);line-height:1.55}.suggestion-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:14px}.suggestion-pill{min-height:50px;padding:10px 14px;background:linear-gradient(135deg,#ffffff0f,#f205870f);color:var(--kng-text-primary);border:1px solid rgba(255,255,255,.08)}.chat-window{padding:18px;display:grid;gap:14px;margin:18px 0;background:radial-gradient(circle at top right,rgba(24,193,196,.12),transparent 24%),linear-gradient(180deg,#19306238,#0a142aeb);border:1px solid rgba(111,125,255,.16)}.chat-message{max-width:82%}.chat-message.self{justify-self:end;text-align:right}.chat-bubble{padding:14px 16px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.05)}.chat-message.self .chat-bubble{background:linear-gradient(135deg,#18c1c447,#f2058733);border-color:#18c1c429}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.scam-card{margin:18px 0;background:radial-gradient(circle at top right,rgba(242,5,135,.18),transparent 28%),radial-gradient(circle at bottom left,rgba(24,193,196,.12),transparent 22%),var(--kng-card-soft)}.scam-label{display:inline-block;padding:8px 12px;margin-bottom:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:var(--kng-text-primary);font-weight:700}.warning-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.warning-tag{padding:8px 12px;background:#ffbf471f;border:1px solid rgba(255,191,71,.2);color:#ffe9b0}.mission-results-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.result-title{margin:0 0 8px;color:var(--kng-text-primary);font-weight:800}.fade-in{animation:fadeIn .26s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lunaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1080px){.shell-grid,.hero-panel,.module-grid,.choice-grid.four-up{grid-template-columns:1fr}.sidebar{order:2}.content-area{order:1}.hero-copy h2{max-width:none}.glow-ring{width:164px;height:164px}.hero-panel{padding-right:180px}.hero-luna{width:min(25vw,230px);min-width:170px;top:4px;right:18px}}@media (max-width: 760px){.app-shell{padding:14px}.topbar,.panel,.hero-panel,.sidebar-card,.module-card,.guide-bubble,.chat-window,.scam-card{border-radius:24px}.topbar,.panel-header,.input-row,.stats-grid,.choice-grid,.completion-actions{grid-template-columns:1fr}.topbar,.panel-header,.input-row,.completion-actions{display:grid}.stats-grid,.choice-grid{grid-template-columns:1fr}.hero-copy h2{font-size:clamp(1.9rem,8vw,2.5rem)}.hero-panel{padding-right:22px;overflow:hidden}.glow-ring{width:150px;height:150px}.hero-luna{width:112px;min-width:112px;right:10px;top:12px;opacity:.88}.hero-luna-glow{top:18%;right:10%;bottom:28%;left:10%;filter:blur(18px)}.chat-message{max-width:100%}.primary-button,.choice-button,.secondary-button,.text-input{min-height:54px}}