:root{--bg-void:#0b0821;--bg-deep:#14103a;--bg-nebula:#211a52;--surface:#ffffff0b;--surface-strong:#ffffff13;--surface-solid:#1c1747;--border:#c4b6ff24;--border-strong:#c4b6ff4d;--text-primary:#f4f0fb;--text-secondary:#b9aed6;--text-muted:#948cbd;--accent-pink:#e2a0c9;--accent-pink-strong:#d885bb;--accent-pink-ink:#2a1638;--accent-lavender:#a595e8;--accent-amber:#f0b56c;--accent-amber-soft:#f0b56c24;--accent-amber-border:#f0b56c59;--accent-mint:#7fd9b6;--accent-mint-soft:#7fd9b624;--accent-coral:#e2896f;--radius-card:18px;--radius-pill:999px;--font-kr:"Pretendard Variable", "Pretendard", -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--shadow-pink:0 10px 34px -6px #e2a0c947;--shadow-card:0 4px 22px -6px #0402148c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(ellipse 900px 500px at 82% -8%, #a595e833, transparent 60%), radial-gradient(ellipse 700px 500px at -6% 18%, #e2a0c924, transparent 60%), linear-gradient(180deg, var(--bg-void) 0%, var(--bg-deep) 46%, var(--bg-nebula) 100%);color:var(--text-primary);font-family:var(--font-kr);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p{margin:0}button{color:inherit;font-family:inherit}::selection{background:#e2a0c959}:focus-visible{outline:2px solid var(--accent-lavender);outline-offset:2px;border-radius:6px}a.link-quiet,button.link-quiet{color:var(--accent-lavender);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;-webkit-text-decoration:underline #a595e866;text-decoration:underline #a595e866}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--accent-pink), var(--accent-pink-strong));color:var(--accent-pink-ink);box-shadow:var(--shadow-pink)}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{background:var(--surface-strong);color:var(--text-muted);box-shadow:none;cursor:not-allowed;filter:none}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.btn-ghost:hover{border-color:var(--border-strong)}.btn-block{justify-content:center;width:100%}.btn svg{width:15px;height:15px}.chip{border-radius:var(--radius-pill);color:var(--accent-lavender);background:#a595e824;border:1px solid #a595e838;align-items:center;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.card h3{margin-bottom:14px;font-size:13.5px;font-weight:800}.avatar{color:#241542;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:14.5px;font-weight:800;display:flex}.point-avatar{object-fit:contain;object-position:center;display:block}.small-point-avatar{width:28px;height:28px}.score-delta{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.score-delta.up{color:var(--accent-mint)}.score-delta.down{color:var(--accent-coral)}.empty-universe{text-align:center;flex-direction:column;align-items:center;padding:56px 20px 30px;display:flex}.empty-title{margin-top:4px;font-size:19px;font-weight:800}.empty-sub{color:var(--text-secondary);max-width:380px;margin-top:10px;font-size:13.5px;line-height:1.65}.empty-cta{margin-top:26px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes floatBig{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.moon,.moon-orbit,.astro-wrap{animation:none!important}}.auth-check-splash{z-index:1;opacity:.8;justify-content:center;align-items:center;height:100vh;animation:2.4s ease-in-out infinite float;display:flex;position:relative}.app-shell{z-index:1;height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#ffffff09,#ffffff03);flex-direction:column;flex:0 0 250px;width:250px;height:100%;padding:22px 16px;transition:width .2s,flex-basis .2s,padding .2s;display:flex;overflow:hidden}.sidebar.collapsed{flex:0 0 76px;width:76px;padding-left:12px;padding-right:12px}.brand{align-items:center;gap:8px;padding:6px 6px 22px 10px;display:flex}.sidebar.collapsed .brand{flex-direction:column;gap:12px;padding:6px 0 22px}.brand-text{flex:1;min-width:0}.sidebar.collapsed .brand-text{display:none}.brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:800}.brand-tag{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:11px}.sidebar-toggle{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .2s;display:flex}.sidebar-toggle:hover{background:var(--surface-strong);color:var(--text-primary)}.sidebar-toggle svg{width:15px;height:15px}.sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.nav{flex-direction:column;gap:4px;margin-top:6px;display:flex}.nav-item{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-item svg{opacity:.85;flex:none;width:19px;height:19px}.nav-label{white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:11px 0}.sidebar.collapsed .nav-label{display:none}.nav-item:hover{background:var(--surface);color:var(--text-primary)}.nav-item.active{color:var(--text-primary);box-shadow:inset 3px 0 0 var(--accent-pink);background:linear-gradient(90deg,#e2a0c929,#a595e814);border-color:#e2a0c947}.sidebar-spacer{flex:1}.profile{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.sidebar.collapsed .profile{justify-content:center;padding:10px 0}.profile-text{white-space:nowrap;overflow:hidden}.sidebar.collapsed .profile-text{display:none}.profile-avatar{color:#241542;background:radial-gradient(circle at 32% 28%,#efe3ff,#a595e8 60%,#6f5cc4);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.profile-name{font-size:13.5px;font-weight:700}.profile-sub{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:11.5px}.profile-sub:hover{color:var(--accent-coral)}.main{flex:1;height:100%;position:relative;overflow-y:auto}@media (width<=768px){.auth-check-splash{height:100dvh}.app-shell{flex-direction:column;height:100dvh}.main{order:1;height:auto;min-height:0}.sidebar,.sidebar.collapsed{width:100%;height:auto;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14103aeb;flex-direction:row;flex:none;order:2;align-items:stretch}.sidebar .brand,.sidebar.collapsed .brand,.sidebar .sidebar-spacer{display:none}.sidebar .nav{flex-direction:row;flex:1;gap:2px;margin-top:0}.sidebar .nav-item,.sidebar.collapsed .nav-item{text-align:center;border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:3px;padding:7px 2px;font-size:10.5px;font-weight:700}.sidebar .nav-item svg{width:20px;height:20px}.sidebar .nav-label,.sidebar.collapsed .nav-label{white-space:nowrap;display:block}.sidebar .nav-item.active{box-shadow:none}.sidebar .profile,.sidebar.collapsed .profile{background:0 0;border:none;flex-direction:column;flex:none;justify-content:center;gap:2px;padding:4px 8px}.sidebar .profile-avatar{width:26px;height:26px;font-size:11px}.sidebar .profile-text,.sidebar.collapsed .profile-text{text-align:center;display:block;flex:none!important}.sidebar .profile-name{display:none}.sidebar .profile-sub{text-align:center;font-size:10px}}.brand-name-img{width:auto;height:17px;image-rendering:pixelated;margin-top:2px;display:block}.moon-scale-wrap{transform-origin:50%;display:inline-block}.moon-orbit{animation:6.5s ease-in-out infinite float}.moon{background:radial-gradient(circle at 34% 30%,#fff7ea,#f3d9b8 42%,#d9b98d 78%,#c4a172);border-radius:50%;width:56px;height:56px;animation:34s linear infinite spin;position:relative;overflow:hidden;box-shadow:0 0 46px 6px #f0d9b847,inset -10px -10px 18px #785a3759}.moon:before,.moon:after,.moon i{content:"";background:#785c3a47;border-radius:50%;position:absolute}.moon:before{width:11px;height:11px;top:10px;left:7px}.moon:after{width:7px;height:7px;top:30px;left:32px}.moon i{width:6px;height:6px;display:block;top:14px;left:34px}.moon i.b{width:9px;height:9px;top:37px;left:11px}@media (prefers-reduced-motion:reduce){.moon-orbit,.moon{animation:none!important}}.auth-shell{z-index:1;min-height:100vh;display:flex;position:relative}.auth-hero{background:radial-gradient(ellipse 620px 440px at 18% 12%, #e2a0c93d, transparent 60%), radial-gradient(ellipse 520px 520px at 88% 84%, #a595e838, transparent 60%), linear-gradient(160deg, var(--bg-deep), var(--bg-nebula) 70%, #2a2060);border-right:1px solid var(--border);flex-direction:column;flex:50%;justify-content:center;padding:64px 60px;display:flex;position:relative;overflow:hidden}.auth-constellation{opacity:.55;pointer-events:none;position:absolute;inset:0}.auth-constellation-stars circle{filter:drop-shadow(0 0 3px #c4b5fdf2)drop-shadow(0 0 9px #e2a0c999);animation:2.8s ease-in-out infinite constellation-glow}.auth-constellation-stars circle:nth-child(2){animation-delay:-.7s}.auth-constellation-stars circle:nth-child(3){animation-delay:-1.4s}.auth-constellation-stars circle:nth-child(4){animation-delay:-2.1s}.auth-constellation-stars circle:nth-child(5){animation-delay:-.35s}.auth-constellation-stars circle:nth-child(6){animation-delay:-1.75s}.auth-constellation-stars circle:nth-child(7){animation-delay:-1.05s}.auth-constellation-stars circle:nth-child(8){animation-delay:-2.45s}@keyframes constellation-glow{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.auth-constellation-stars circle{opacity:.85;animation:none}}.auth-hero-deco{pointer-events:none;width:260px;height:260px;position:absolute;bottom:-30px;right:-34px}.auth-hero-deco .moon-slot{position:absolute;bottom:70px;right:26px}.auth-hero-deco .astro-slot{animation:5.6s ease-in-out .3s infinite float;position:absolute;bottom:8px;right:150px}.auth-logo{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.auth-logo-name{font-size:19px;font-weight:800}.auth-catch{z-index:1;text-wrap:balance;max-width:420px;margin:26px 0 18px;font-size:29px;font-weight:800;line-height:1.44;position:relative}.auth-catch em{background:linear-gradient(135deg, var(--accent-pink), var(--accent-lavender));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.auth-value-list{z-index:1;flex-direction:column;gap:13px;max-width:380px;margin-top:6px;display:flex;position:relative}.auth-value-item{color:var(--text-secondary);align-items:flex-start;gap:11px;font-size:13.5px;line-height:1.55;display:flex}.auth-value-item svg{width:17px;height:17px;color:var(--accent-lavender);flex:none;margin-top:1px}.auth-panel{background:var(--bg-void);flex-direction:column;flex:50%;justify-content:center;align-items:center;padding:40px;display:flex}.auth-panel-inner{text-align:center;width:100%;max-width:360px}.auth-title{font-size:23px;font-weight:800}.auth-sub{color:var(--text-secondary);margin-top:9px;margin-bottom:36px;font-size:13.5px}.kakao-btn{color:#191600;cursor:pointer;box-sizing:border-box;background:#fee500;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s;display:flex;box-shadow:0 14px 30px -10px #fee50066}.kakao-btn:hover{filter:brightness(1.04)}.kakao-btn:active{transform:translateY(1px)}.kakao-btn svg{width:19px;height:19px}.auth-note{color:var(--text-muted);margin-top:15px;font-size:11.5px;line-height:1.65}.auth-legal{color:var(--text-muted);margin-top:44px;font-size:11px}.auth-legal a{color:var(--text-muted);text-underline-offset:3px;margin:0 5px;text-decoration:underline}.consent-shell{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex;position:relative}.consent-card{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:22px;width:560px;max-width:92vw;padding:36px 34px 30px;box-shadow:0 30px 70px -14px #0009}.consent-check-badge{background:var(--accent-mint-soft);border:1px solid var(--accent-mint);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 12px;display:flex}.consent-check-badge svg{width:22px;height:22px;color:var(--accent-mint)}.consent-tag{text-align:center;color:var(--accent-mint);letter-spacing:.01em;font-size:11.5px;font-weight:800}.consent-title{text-align:center;margin-top:5px;margin-bottom:22px;font-size:19px;font-weight:800}.consent-profile{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 14px;display:flex}.consent-profile-name{font-size:13.5px;font-weight:700}.consent-profile-sub{color:var(--text-muted);margin-top:1px;font-size:11px}.consent-row{border-top:1px solid var(--border);align-items:flex-start;gap:11px;padding:13px 2px;display:flex}.consent-row:first-child{border-top:none}.consent-row.all{border-bottom:1.5px solid var(--border-strong);border-top:none;margin-bottom:6px;padding:2px 2px 16px}.consent-row.all .consent-label{font-size:14.5px;font-weight:800}.cb{border:1.6px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;margin-top:1px;padding:0;display:flex}.cb svg{color:#2a1638;opacity:0;width:13px;height:13px;transition:opacity .12s}.cb.checked{background:linear-gradient(135deg, var(--accent-pink), var(--accent-pink-strong));border-color:#0000}.cb.checked svg{opacity:1}.consent-label-wrap{flex:1;min-width:0}.consent-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.consent-required{color:var(--accent-pink);font-size:11px;font-weight:700}.consent-optional{color:var(--text-muted);font-size:11px;font-weight:700}.consent-info-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:2px;display:flex}.consent-info-btn svg{width:14px;height:14px}.consent-detail{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:9px;padding:11px 13px;font-size:12px;line-height:1.65}.consent-cta{margin-top:26px}@media (width<=768px){.auth-shell{flex-direction:column;min-height:100dvh}.auth-hero{border-right:none;border-bottom:1px solid var(--border);flex:none;justify-content:flex-start;padding:36px 24px 40px}.auth-hero-deco{display:none}.auth-catch{margin:20px 0 14px;font-size:22px}.auth-panel{flex:none;padding:40px 20px 56px}.consent-shell{padding:28px 14px 40px}.consent-card{padding:26px 20px 24px}}.auth-logo-name-img{width:auto;height:17px;image-rendering:pixelated;display:block}.view{isolation:isolate;max-width:1200px;margin:0 auto;padding:38px 46px 60px;position:relative}.dashboard-ufo{z-index:0;object-fit:contain;opacity:1;pointer-events:none;will-change:transform;transform-origin:50%;width:48px;height:48px;position:absolute;top:0;left:0}.page-head,.dash-grid{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.dashboard-ufo{transform:translate(50%,180px)scale(.7)!important}}.page-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;padding-top:76px;padding-bottom:22px;display:flex;position:relative}.page-head-copy,.page-head>.btn{z-index:2;position:relative}.page-title{letter-spacing:-.01em;font-size:25px;font-weight:800}.page-tagline{color:var(--text-secondary);align-items:center;gap:7px;margin-top:7px;font-size:13.5px;display:flex}.page-tagline .spark{color:var(--accent-amber)}.hero-deco{z-index:0;pointer-events:none;width:230px;height:68px;position:absolute;top:0;right:0}.hero-deco .moon-slot{position:absolute;top:11px;right:12px;transform:scale(.72)}.hero-deco .astro-slot{animation:5.2s ease-in-out .4s infinite float;position:absolute;top:12px;right:88px}.demo-toggle{justify-content:flex-end;align-items:center;gap:8px;margin:-8px 0 20px;display:flex}.demo-toggle-label{color:var(--text-muted);font-size:11px}.demo-toggle-btn{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:5px 11px;font-size:11.5px;font-weight:700}.demo-toggle-btn.active{color:var(--text-primary);background:#e2a0c929;border-color:#e2a0c959}.empty-universe-deco{width:220px;height:170px;margin-bottom:6px;position:relative}.empty-universe-deco .moon-slot{margin-left:-46px;position:absolute;top:0;left:50%}.empty-universe-deco .astro-slot{margin-left:26px;animation:5.2s ease-in-out .4s infinite float;position:absolute;bottom:6px;left:50%}.dash-grid{grid-template-columns:1fr 340px;align-items:start;gap:22px;display:grid}.panel-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title{font-size:14.5px;font-weight:800}.sort-menu{z-index:5;position:relative}.sort-trigger{border:1px solid var(--border);background:var(--surface-solid);min-width:142px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:9px 11px 9px 13px;font-size:12.5px;font-weight:700;transition:border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.sort-trigger:hover,.sort-trigger[aria-expanded=true]{background:#342b67f2;border-color:#e2a0c97a;box-shadow:0 8px 22px -12px #e2a0c9b8}.sort-trigger-icon{width:15px;height:15px;color:var(--accent-lavender);transition:transform .16s}.sort-trigger[aria-expanded=true] .sort-trigger-icon{transform:rotate(180deg)}.sort-options{border:1px solid var(--border-strong);background:#211b50;border-radius:12px;width:max-content;min-width:100%;padding:5px;animation:.16s ease-out both sort-menu-in;position:absolute;top:calc(100% + 7px);right:0;overflow:hidden;box-shadow:0 18px 38px -12px #040214c7}.sort-option{width:100%;color:var(--text-secondary);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:9px 8px 9px 10px;font-size:12.5px;font-weight:650;display:flex}.sort-option:hover,.sort-option:focus-visible{color:var(--text-primary);background:#a595e829;outline:none}.sort-option.selected{color:var(--accent-pink)}.sort-option svg{width:14px;height:14px;color:var(--accent-pink)}@keyframes sort-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.person-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.person-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-card);text-align:left;width:100%;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.person-card:hover{border-color:#e2a0c966;transform:translateY(-4px);box-shadow:0 14px 34px -10px #e2a0c94d}.person-top{align-items:center;gap:11px;display:flex}.person-name{font-size:14.5px;font-weight:700}.person-score-row{align-items:baseline;gap:9px;margin-top:16px;display:flex}.score-big{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:800}.person-updated{color:var(--text-muted);margin-top:10px;font-size:11.5px}.side-col{flex-direction:column;gap:16px;display:flex}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px}.side-card h3{align-items:center;gap:7px;margin-bottom:12px;font-size:13.5px;font-weight:800;display:flex}.side-card h3 svg{width:15px;height:15px}.trend-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.trend-row:first-of-type{border-top:none;padding-top:0}.trend-info{align-items:center;gap:9px;min-width:0;display:flex}.trend-name{font-size:12.5px;font-weight:700}.trend-spark{flex:none;width:64px;height:24px}.side-card.warn{border-color:var(--accent-amber-border);background:linear-gradient(180deg, var(--accent-amber-soft), #ffffff05)}.warn-row{border-top:1px dashed #f0b56c4d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.warn-row:first-of-type{border-top:none;padding-top:0}.warn-score{color:var(--accent-amber);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.avg-card{text-align:center;padding:22px 18px}.avg-label{color:var(--text-secondary);font-size:12px;font-weight:600}.avg-number{font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent-pink), var(--accent-lavender));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:44px;font-weight:800}.avg-note{color:var(--text-muted);margin-top:6px;font-size:11.5px}@media (width<=768px){.view{padding:22px 16px 44px}.page-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px;padding-top:68px;padding-bottom:12px}.page-title{font-size:21px}.hero-deco{width:190px;height:60px}.hero-deco .moon-slot{transform:scale(.6)}.hero-deco .astro-slot{right:72px;transform:scale(.85)}.dash-grid{grid-template-columns:1fr;gap:16px}.person-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.demo-toggle{margin:-4px 0 14px}}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060414a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:22px;width:600px;max-width:92vw;max-height:88vh;padding:30px 32px 26px;position:relative;overflow-y:auto;box-shadow:0 30px 70px -14px #0009}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;position:absolute;top:18px;right:18px}.modal-close:hover{color:var(--text-primary);background:var(--surface)}.modal-close svg{width:17px;height:17px}.stepper{justify-content:center;align-items:center;margin:4px 0 26px;display:flex}.step-dot{background:var(--surface);border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;display:flex}.step-dot.active{background:linear-gradient(135deg, var(--accent-pink), var(--accent-pink-strong));color:var(--accent-pink-ink);box-shadow:var(--shadow-pink);border-color:#0000}.step-dot.done{background:var(--accent-mint-soft);border-color:var(--accent-mint);color:var(--accent-mint)}.step-line{background:var(--border);width:56px;height:2px;margin:0 4px}.step-line.done{background:var(--accent-mint)}.modal-title{margin-bottom:4px;font-size:17px;font-weight:800}.modal-sub{color:var(--text-muted);margin-bottom:20px;font-size:12.5px}.field-label{color:var(--text-secondary);margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.text-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:11px 13px;font-family:inherit;font-size:14px}.text-input:focus{border-color:var(--accent-lavender)}.chip-row{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:20px;display:flex}.chip-btn{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:9px 15px;font-size:13px;font-weight:700}.chip-btn.selected{color:var(--accent-pink-ink);background:linear-gradient(135deg,#e2a0c9e6,#d885bbe6);border-color:#0000}.dropzone{border:1.5px dashed var(--border-strong);text-align:center;cursor:pointer;border-radius:16px;margin-bottom:6px;padding:34px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--accent-pink);background:#e2a0c90f}.dropzone svg{width:30px;height:30px;color:var(--accent-lavender);margin-bottom:10px}.dropzone-text{color:var(--text-secondary);font-size:13.5px;font-weight:600}.dropzone-sub{color:var(--text-muted);margin-top:4px;font-size:11.5px}.file-done{background:var(--accent-mint-soft);border:1px solid var(--accent-mint);border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.file-done svg{width:17px;height:17px;color:var(--accent-mint);flex:none}.file-done-name{font-size:12.5px;font-weight:700}.file-done-size{color:var(--text-muted);font-size:11px}.checkin-q{margin-bottom:22px}.checkin-q p{margin-bottom:12px;font-size:13.5px;font-weight:600}.slider-row{align-items:center;gap:12px;display:flex}input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg, var(--accent-lavender), var(--accent-pink));border-radius:3px;outline:none;flex:1;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent-pink-strong);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #00000059}.slider-val{text-align:center;width:26px;color:var(--accent-pink);flex:none;font-size:14px;font-weight:800}.slider-ends{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.checkin-note{color:var(--text-muted);margin-top:2px;font-size:11.5px}.modal-footer{border-top:1px solid var(--border);justify-content:space-between;gap:10px;margin-top:6px;padding-top:18px;display:flex}.loading-state{text-align:center;flex-direction:column;align-items:center;padding:26px 10px 10px;display:flex}.loading-astro{margin-bottom:18px;animation:3.4s ease-in-out infinite floatBig}.loading-title{margin-bottom:6px;font-size:15.5px;font-weight:800}.loading-sub{color:var(--text-muted);margin-bottom:20px;font-size:12.5px}.progress-ring{width:64px;height:64px}.progress-ring circle{fill:none;stroke-width:6px}.progress-track{stroke:var(--border)}.progress-bar{stroke:var(--accent-pink);stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .9s;transform:rotate(-90deg)}.success-state{text-align:center;flex-direction:column;align-items:center;padding:14px 10px 4px;display:flex}.success-badge{background:var(--accent-mint-soft);border:1px solid var(--accent-mint);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:flex}.success-badge svg{width:26px;height:26px;color:var(--accent-mint)}@media (width<=768px){.modal-overlay{align-items:flex-end}.modal-card{width:100%;max-width:100%;max-height:92dvh;padding:24px 18px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.step-line{width:34px}.text-input{font-size:16px}.dropzone{padding:26px 16px}}.report-shell{height:100vh;display:flex}.people-panel{border-right:1px solid var(--border);-ms-overflow-style:none;scrollbar-width:none;flex:0 0 280px;width:280px;height:100vh;padding:22px 16px;overflow-y:auto}.people-panel::-webkit-scrollbar{display:none}.search-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:9px 12px;display:flex}.search-box svg{width:15px;height:15px;color:var(--text-muted);flex:none}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.mini-person{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:3px;padding:10px;display:flex}.mini-person:hover{background:var(--surface)}.mini-person.active{box-shadow:inset 3px 0 0 var(--accent-pink);background:linear-gradient(90deg,#e2a0c929,#a595e80f);border-color:#e2a0c947}.mini-avatar{color:#241542;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.mini-name{font-size:13px;font-weight:700}.mini-score{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.report-main{flex:1;padding:34px 44px 60px;overflow-y:auto}.report-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.report-who{align-items:center;gap:12px;display:flex}.report-avatar{color:#241542;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:flex}.report-name{font-size:20px;font-weight:800}.report-grid{grid-template-columns:minmax(236px,300px) minmax(280px,1fr);gap:22px;margin-bottom:16px;display:grid}.overview-card{flex-direction:column;justify-content:space-between;display:flex}.gauge-wrap{width:220px;height:220px;margin:4px auto 6px;position:relative}.gauge-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:44px;font-weight:800}.gauge-max{color:var(--text-muted);margin-top:-2px;font-size:11px}.gauge-delta{margin-top:6px;font-size:12.5px}.prqc-mini{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.prqc-mini-title{color:var(--text-muted);letter-spacing:.01em;margin-bottom:6px;font-size:11px;font-weight:800}.prqc-mini-row{border-radius:6px;outline:none;grid-template-columns:39px minmax(0,1fr) 23px;align-items:center;gap:7px;min-height:17px;transition:opacity .18s,background-color .18s,color .18s;display:grid}.prqc-mini-row:focus-visible{background:#a595e824}.prqc-mini.has-active .prqc-mini-row:not(.is-active){opacity:.42}.prqc-mini-row.is-active{color:var(--text-primary)}.prqc-mini-row.is-active .prqc-mini-label,.prqc-mini-row.is-active .prqc-mini-score{color:var(--accent-pink)}.prqc-mini-row.is-active .prqc-mini-track{background:#a595e847}.prqc-mini-row.is-active .prqc-mini-fill{box-shadow:0 0 8px #e2a0c9b8}.prqc-mini-label{color:var(--text-secondary);font-size:10px;font-weight:700}.prqc-mini-track{border-radius:var(--radius-pill);background:#c4b6ff24;height:4px;overflow:hidden}.prqc-mini-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-lavender), var(--accent-pink));min-width:3px;height:100%;display:block;box-shadow:0 0 8px #e2a0c961}.prqc-mini-score{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;font-size:10px;font-weight:800}.radar-legend{flex-wrap:wrap;gap:10px 16px;margin-top:12px;display:flex}.prqc-card>svg{margin:0 auto;display:block;width:min(100%,442px)!important}.radar-chart{transform-box:fill-box;transform-origin:50%;animation:.52s cubic-bezier(.22,.9,.28,1) both radar-chart-enter}.radar-data-area{transform-box:fill-box;transform-origin:50%;transition:opacity .18s,stroke .18s;animation:.5s cubic-bezier(.22,.9,.28,1) .13s both radar-data-fill}.radar-threshold{opacity:.28;transition:opacity .18s}.radar-point{transform-box:fill-box;transform-origin:50%;cursor:pointer;animation:2.8s ease-in-out infinite radar-point-twinkle}.radar-label,.radar-point{transition:opacity .18s,stroke .18s,stroke-width .18s,filter .18s}.radar-label{cursor:pointer;outline:none}.radar-chart.has-active .radar-label:not(.is-active),.radar-chart.has-active .radar-point:not(.is-active){opacity:.1}.radar-chart.has-active .radar-point:not(.is-active){filter:none;animation-play-state:paused}.radar-point.is-active{opacity:1;filter:drop-shadow(0 0 6px #e2a0c9)}.radar-chart.has-active .radar-threshold,.radar-chart.has-active .radar-data-area{opacity:.14}.radar-chart.has-active .radar-threshold{opacity:.42}.radar-label.is-active{fill:var(--accent-pink);filter:drop-shadow(0 0 3px #e2a0c9a6)}.radar-point.is-active{filter:drop-shadow(0 0 6px #e2a0c9)}.radar-focus-ring{fill:none;stroke:var(--accent-lavender);stroke-width:1.5px;opacity:.9;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:.8s ease-out infinite radar-focus-ring}@keyframes radar-focus-ring{0%{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}@keyframes radar-chart-enter{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes radar-data-fill{0%{opacity:0;transform:scale(.08)}to{opacity:1;transform:scale(1)}}@keyframes radar-point-twinkle{0%,to{opacity:.72;filter:drop-shadow(0 0 1px #e2a0c947)}50%{opacity:1;filter:drop-shadow(0 0 5px #e2a0c9b8)}}.prqc-card .radar-legend{justify-content:center;margin-top:8px}@media (prefers-reduced-motion:reduce){.radar-chart,.radar-data-area,.radar-point,.radar-focus-ring{animation:none}}.radar-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:11.5px;display:flex}.radar-legend-swatch{border-radius:50%;flex:none;width:8px;height:8px}.evidence-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.report-analysis .evidence-card{padding:14px 16px}.evidence-card{background:var(--accent-amber-soft);border:1px solid var(--accent-amber-border);border-radius:var(--radius-card);outline:none;padding:16px 18px;transition:opacity .18s,border-color .18s,background-color .18s,box-shadow .18s}.evidence-card[tabindex]:focus-visible{outline:2px solid var(--accent-lavender);outline-offset:2px}.evidence-card.is-dimmed{opacity:.42}.evidence-card.is-active{background:linear-gradient(135deg,#e2a0c929,#a595e81f);border-color:#e2a0c9ad;box-shadow:0 10px 26px -16px #e2a0c9cc}.evidence-card.positive{background:var(--accent-mint-soft);border-color:#7fd9b659}.evidence-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.evidence-top svg{width:15px;height:15px;color:var(--accent-amber)}.evidence-card.positive .evidence-top svg{color:var(--accent-mint)}.evidence-tag{color:var(--accent-amber);font-size:11.5px;font-weight:800}.evidence-card.positive .evidence-tag{color:var(--accent-mint)}.evidence-text{color:var(--text-primary);font-size:13.5px;line-height:1.55}.self-report-comparison{background:linear-gradient(135deg, var(--surface-solid), var(--accent-pink-soft));border-color:#e2a0c980;margin-bottom:26px;padding:22px 24px}.self-report-comparison-heading{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.self-report-comparison-kicker{color:var(--accent-pink);font-size:11px;font-weight:800}.self-report-comparison h3{margin:0;font-size:16px}.self-report-comparison p{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.self-report-comparison-note{color:var(--text-muted);margin-top:12px;font-size:11.5px;line-height:1.5;display:block}.trend-card{margin-bottom:26px}.trend-chart-wrap{overflow-x:auto}.consult-cta{justify-content:flex-end;display:flex}.card-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.prqc-info{flex-shrink:0;margin-top:-2px;position:relative}.pixel-info-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.pixel-info-btn svg{width:15px;height:15px;display:block}.pixel-info-btn:hover,.pixel-info-btn:focus-visible,.pixel-info-btn.is-open{color:var(--accent-pink)}.pixel-tooltip{z-index:6;white-space:nowrap;width:max-content;max-width:none;color:var(--text-primary);background:var(--surface-solid);border:2px solid var(--accent-pink);border-radius:0;padding:9px 12px;font-size:10.5px;line-height:1.55;position:absolute;bottom:calc(100% + 10px);right:-2px;box-shadow:4px 4px #00000059}@media (width<=768px){.report-shell{flex-direction:column;height:100%}.people-panel{border-right:none;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;flex:none;align-items:center;gap:6px;width:100%;height:auto;padding:10px 12px;display:flex;overflow:auto hidden}.search-box{flex:0 0 170px;margin-bottom:0;padding:8px 11px}.search-box input{font-size:16px}.mini-person{flex:none;width:auto;margin-bottom:0;padding:7px 12px 7px 8px}.mini-person.active{box-shadow:none}.mini-avatar{width:28px;height:28px;font-size:11px}.report-main{flex:1;min-height:0;padding:22px 16px 48px}.report-head{flex-wrap:wrap;gap:12px}.report-name{font-size:17px}.report-grid{grid-template-columns:1fr;gap:16px}.evidence-row{grid-template-columns:1fr;gap:12px}.gauge-wrap{width:190px;height:190px}.gauge-score{font-size:38px}.pixel-tooltip{white-space:normal;max-width:min(340px,82vw)}}.pixel-tooltip:before{content:"";background:var(--accent-pink);width:4px;height:4px;box-shadow:-4px -4px 0 var(--accent-pink), 0 -4px 0 var(--accent-pink), 4px -4px 0 var(--accent-pink);position:absolute;bottom:-10px;right:9px}.pixel-tooltip-link{color:var(--accent-pink);text-underline-offset:2px;font-weight:800;text-decoration:underline}.pixel-tooltip-link:hover{color:var(--accent-pink-strong)}.chat-shell{height:100vh;display:flex}.rooms-panel{border-right:1px solid var(--border);flex:0 0 280px;width:280px;padding:22px 12px;overflow-y:auto}.rooms-panel-title{color:var(--text-muted);letter-spacing:.02em;padding:0 8px 12px;font-size:12px;font-weight:800}.room-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;gap:10px;width:100%;margin-bottom:2px;padding:11px 10px;display:flex}.room-item:hover{background:var(--surface)}.room-item.active{background:linear-gradient(90deg,#e2a0c929,#a595e80f);border-color:#e2a0c947}.room-avatar{color:#241542;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:800;display:flex}.chat-point-avatar{object-fit:contain;object-position:center;display:block}.room-name-row{justify-content:space-between;gap:6px;display:flex}.room-name{font-size:13px;font-weight:700}.room-time{color:var(--text-muted);flex:none;font-size:10.5px}.room-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.chat-main{flex-direction:column;flex:1;height:100vh;display:flex}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 32px;display:flex}.chat-header h2{font-size:16px;font-weight:800}.chat-header p{color:var(--text-muted);margin-top:3px;font-size:12px}.chat-scroll{flex:1;padding:26px 20px;overflow-y:auto}.chat-col{flex-direction:column;gap:16px;max-width:700px;margin:0 auto;display:flex}.bubble-row{align-items:flex-end;gap:10px;display:flex}.bubble-row.user{flex-direction:row-reverse}.bubble-avatar{background:linear-gradient(135deg,#3a3168,#241a4d);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bubble{border-radius:16px;max-width:76%;padding:12px 15px;font-size:13.5px;line-height:1.6}.bubble-row.ai .bubble{background:var(--surface-strong);border:1px solid var(--border);color:var(--text-primary);border-bottom-left-radius:5px}.bubble-row.user .bubble{background:linear-gradient(135deg, var(--accent-pink), var(--accent-pink-strong));color:var(--accent-pink-ink);border-bottom-right-radius:5px;font-weight:600}.risk-card{background:var(--accent-amber-soft);border:1px solid var(--accent-amber-border);border-radius:16px;max-width:76%;margin-left:38px;padding:16px 17px}.risk-card-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.risk-card-top svg{width:16px;height:16px;color:var(--accent-amber)}.risk-card-title{color:var(--accent-amber);font-size:12.5px;font-weight:800}.risk-card-text{color:var(--text-primary);margin-bottom:12px;font-size:13px;line-height:1.6}.support-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05031494;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.support-modal{border:1px solid var(--border-strong);background:linear-gradient(#292052,#1c1742);border-radius:24px 24px 16px 16px;width:min(560px,100%);max-height:min(88vh,780px);padding:26px;overflow-y:auto;box-shadow:0 -16px 50px #0402147a}.support-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.support-modal-kicker{color:var(--accent-amber);letter-spacing:.04em;font-size:11px;font-weight:800}.support-modal h3{margin-top:5px;font-size:19px}.support-modal-close{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;font-size:22px;line-height:1}.support-modal-description,.support-modal-empty{color:var(--text-secondary);margin-top:12px;font-size:12.5px;line-height:1.6}.support-resource-list{gap:10px;margin-top:18px;display:grid}.support-resource-item{border:1px solid var(--border);background:#ffffff0b;border-radius:15px;padding:14px}.support-resource-name{font-size:14px;font-weight:800}.support-resource-description{color:var(--text-secondary);margin-top:5px;font-size:12px;line-height:1.5}.support-resource-meta{color:var(--accent-mint);flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.support-resource-meta a,.support-resource-link{color:inherit;text-decoration:none}.support-resource-link{color:var(--accent-lavender);text-underline-offset:3px;margin-top:9px;font-size:12px;text-decoration:underline;display:inline-block}.support-modal-footer{justify-content:center;width:100%;margin-top:18px}.chat-input-area{border-top:1px solid var(--border);padding:16px 20px 22px}.chip-suggest-row{flex-wrap:wrap;gap:8px;max-width:700px;margin:0 auto 10px;display:flex}.suggest-chip{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:8px 13px;font-size:12.5px;font-weight:600}.suggest-chip:hover{border-color:var(--accent-lavender);color:var(--text-primary)}.chat-input-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:10px;max-width:700px;margin:0 auto;padding:6px 6px 6px 18px;display:flex}.chat-input-row input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.chat-input-row input::placeholder{color:var(--text-muted)}.send-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent-pink), var(--accent-pink-strong));width:38px;height:38px;box-shadow:var(--shadow-pink);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.send-btn svg{width:17px;height:17px;color:var(--accent-pink-ink)}@media (width<=768px){.chat-shell{flex-direction:column;height:100%}.rooms-panel{border-right:none;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;flex:none;align-items:center;gap:6px;width:100%;padding:10px 12px;display:flex;overflow:auto hidden}.rooms-panel-title{flex:none;padding:0 8px 0 0}.room-item{flex:none;align-items:center;width:auto;margin-bottom:0;padding:7px 12px 7px 8px}.room-avatar{width:28px;height:28px;font-size:11px}.room-time,.room-preview{display:none}.room-name-row{align-items:center}.chat-main{flex:1;height:auto;min-height:0}.chat-header{padding:14px 16px}.chat-scroll{padding:18px 14px}.bubble{max-width:86%}.risk-card{max-width:calc(100% - 38px)}.chat-input-area{padding:10px 12px 14px}.chat-input-row input{font-size:16px}.support-modal-backdrop{padding:0}.support-modal{border-radius:22px 22px 0 0;padding:22px 18px}}.intro-root{z-index:40;background:radial-gradient(ellipse 900px 500px at 82% -8%, #a595e833, transparent 60%), radial-gradient(ellipse 700px 500px at -6% 18%, #e2a0c924, transparent 60%), linear-gradient(180deg, var(--bg-void) 0%, var(--bg-deep) 46%, var(--bg-nebula) 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-stage{z-index:2;width:min(900px,94vw);position:relative}.intro-fullbleed{z-index:2;position:relative}.intro-scene-swap{animation:.45s cubic-bezier(.22,.9,.3,1) both introSceneIn}@keyframes introSceneIn{0%{opacity:.15;filter:blur(14px);transform:scale(1.045)}to{opacity:1;filter:blur();transform:scale(1)}}.intro-static-center{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:14px;animation:.6s both introSceneIn;display:flex;position:relative}.intro-static-name{font-size:30px;font-weight:800}.intro-static-tag{color:var(--text-secondary);font-size:14.5px}.intro-app{border:1px solid var(--border-strong);background:radial-gradient(ellipse 900px 500px at 82% -8%, #a595e833, transparent 60%), radial-gradient(ellipse 700px 500px at -6% 18%, #e2a0c924, transparent 60%), linear-gradient(180deg, var(--bg-void) 0%, var(--bg-deep) 46%, var(--bg-nebula) 100%);border-radius:16px;width:843px;max-width:100%;height:517px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 60px -18px #040214cc}.intro-app-scale{transform-origin:0 0;width:1240px;height:760px;position:relative;transform:scale(.68)}.intro-app-scale .app-shell{height:100%}.intro-app-scale .auth-shell{height:100%;min-height:100%}.intro-app-scale .report-shell,.intro-app-scale .chat-shell{height:100%}.intro-app-scale .main{overflow:hidden}.intro-app-scale .view{padding-bottom:20px}.stage-stack{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:max(24px,50vw - 620px);transform:translateY(-50%)}.stage-chip{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);padding:7px 14px;font-size:12px;font-weight:700;animation:.45s cubic-bezier(.22,.9,.3,1) both stageChipIn}@keyframes stageChipIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.demo-cursor{z-index:60;pointer-events:none;background:#a595e873;border:2px solid #f4f0fbcc;border-radius:50%;width:34px;height:34px;position:absolute;top:0;left:0;box-shadow:0 0 22px #a595e88c}.type-caret{background:var(--accent-lavender);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.7s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{50%{opacity:0}}.intro-rise{animation:introRise .55s calc(var(--i,0) * .13s) cubic-bezier(.22, .9, .3, 1) both}@keyframes introRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.intro-accent{color:var(--accent-pink);font-weight:700}.intro-hi{color:var(--accent-pink);margin-top:6px;font-weight:800;animation:3.8s both introHi;display:inline-block}@keyframes introHi{0%,85%{box-shadow:none;background:0 0}94%,to{background:#e2a0c929;border-radius:4px;box-shadow:0 0 0 4px #e2a0c929}}.intro-astro-rise{animation:.6s cubic-bezier(.22,.9,.3,1) both introAstroRise}@keyframes introAstroRise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.cursor-login{animation:1.4s cubic-bezier(.3,.7,.3,1) both cursorLogin}@keyframes cursorLogin{0%{opacity:0;transform:translate(520px,620px)}20%{opacity:1}66%{transform:translate(905px,352px)scale(1)}76%{transform:translate(905px,352px)scale(.72)}88%,to{transform:translate(905px,352px)scale(1)}}.cursor-dashboard{animation:1.4s cubic-bezier(.3,.7,.3,1) both cursorDashboard}@keyframes cursorDashboard{0%{transform:translate(905px,352px)}60%{transform:translate(715px,535px)scale(1)}72%{transform:translate(715px,535px)scale(.72)}86%,to{transform:translate(715px,535px)scale(1)}}.intro-modal-overlay{animation:.28s cubic-bezier(.22,.9,.3,1) both introModalIn}@keyframes introModalIn{0%{opacity:0}to{opacity:1}}.intro-modal-overlay .modal-card{animation:.32s cubic-bezier(.22,.9,.3,1) both introModalCard}@keyframes introModalCard{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.intro-fake-input{align-items:center;min-height:46px;display:flex}.intro-pick{animation:2s both introPick}@keyframes introPick{0%,48%{background:var(--surface);border-color:var(--border);color:var(--text-secondary);box-shadow:none}58%,to{border-color:var(--accent-pink);color:var(--accent-pink);background:#e2a0c92e;box-shadow:0 0 14px #e2a0c959}}.cursor-form{animation:2s cubic-bezier(.3,.7,.3,1) both cursorForm}@keyframes cursorForm{0%{transform:translate(715px,535px)}40%{transform:translate(379px,439px)scale(1)}50%{transform:translate(379px,439px)scale(.72)}60%{transform:translate(379px,439px)scale(1)}82%{transform:translate(846px,512px)scale(1)}90%{transform:translate(846px,512px)scale(.72)}97%,to{transform:translate(846px,512px)scale(1)}}.intro-dropzone{animation:2s both introDropGlow}@keyframes introDropGlow{0%,35%{border-color:var(--border-strong);background:var(--surface)}50%,78%{border-color:var(--accent-lavender);background:#a595e81a}88%,to{border-color:var(--accent-mint);background:#7fd9b612}}.intro-file-fly{z-index:55;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;animation:2s cubic-bezier(.3,.7,.3,1) both introFileFly;position:absolute;top:640px;left:330px}@keyframes introFileFly{0%,18%{opacity:0;transform:translateY(10px)scale(.9)}28%{opacity:1;transform:translate(0)scale(1)}62%{opacity:1;transform:translate(258px,-286px)scale(1)}74%,to{opacity:0;transform:translate(275px,-296px)scale(.55)}}.intro-file-done{animation:2s both introFileDone}@keyframes introFileDone{0%,72%{opacity:0;transform:scale(.9)}84%,to{opacity:1;transform:scale(1)}}.cursor-upload{animation:2s cubic-bezier(.3,.7,.3,1) both cursorUpload}@keyframes cursorUpload{0%{transform:translate(846px,512px)}22%{transform:translate(370px,655px)scale(1)}30%{transform:translate(370px,655px)scale(.8)}62%{transform:translate(611px,352px)scale(.8)}70%{transform:translate(611px,352px)scale(1)}84%{transform:translate(846px,556px)scale(1)}92%,to{transform:translate(846px,556px)scale(.72)}}.cursor-checkin{animation:2s cubic-bezier(.3,.7,.3,1) both cursorCheckin}@keyframes cursorCheckin{0%{transform:translate(846px,556px)}26%{transform:translate(540px,336px)scale(1)}34%{transform:translate(508px,336px)scale(.85)}52%{transform:translate(530px,426px)scale(1)}60%{transform:translate(508px,426px)scale(.85)}70%{transform:translate(508px,426px)scale(1)}88%{transform:translate(820px,533px)scale(1)}95%,to{transform:translate(820px,533px)scale(.72)}}.intro-progress{animation:1.45s linear forwards introRing}@keyframes introRing{0%{stroke-dashoffset:169.6px}to{stroke-dashoffset:0}}.cursor-analysis{animation:.7s cubic-bezier(.3,.7,.3,1) both cursorAnalysis}@keyframes cursorAnalysis{0%{opacity:0;transform:translate(820px,533px)}30%{opacity:1}60%{transform:translate(611px,439px)scale(1)}75%{transform:translate(611px,439px)scale(.72)}90%,to{transform:translate(611px,439px)scale(1)}}.intro-consult-glow{animation:2.2s both introConsultGlow}@keyframes introConsultGlow{0%,60%{box-shadow:var(--shadow-pink)}82%,to{box-shadow:0 0 0 6px #e2a0c940, var(--shadow-pink)}}.cursor-report{animation:2.2s cubic-bezier(.3,.7,.3,1) both cursorReport}@keyframes cursorReport{0%{opacity:0;transform:translate(611px,439px)}30%{opacity:1}72%{transform:translate(1114px,686px)scale(1)}82%{transform:translate(1114px,686px)scale(.72)}94%,to{transform:translate(1114px,686px)scale(1)}}.intro-ai-think{animation:3.8s both introAiThink}@keyframes introAiThink{0%,48%{opacity:0}55%,68%{opacity:1}74%,to{opacity:0;height:0;margin:0;overflow:hidden}}.intro-ai-answer{animation:3.8s both introAiAnswer}@keyframes introAiAnswer{0%,72%{opacity:0;transform:translateY(10px)}82%,to{opacity:1;transform:translateY(0)}}.kko-app{border-color:#00000040}.kko-shell{height:100%;font-family:var(--font-kr);background:#9bbbd4;flex-direction:column;display:flex}.kko-topbar{color:#2e3d4a;justify-content:space-between;align-items:center;padding:16px 22px;font-size:19px;font-weight:800;display:flex}.kko-back,.kko-icons{opacity:.75;font-size:24px;font-weight:400}.kko-title{flex:1;margin-left:14px}.kko-scroll{flex-direction:column;flex:1;gap:14px;padding:10px 22px;display:flex}.kko-date{color:#fff;background:#0000001f;border-radius:999px;align-self:center;margin-bottom:6px;padding:5px 14px;font-size:12.5px}.kko-row{align-items:flex-end;gap:8px;display:flex}.kko-row.me{justify-content:flex-end}.kko-row.other{justify-content:flex-start;align-items:flex-start}.kko-avatar{color:#45586b;background:#c5d8e8;border-radius:42%;flex:none;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:grid}.kko-name{color:#4a5c6d;margin:2px 0 5px 2px;font-size:12.5px}.kko-bubble{color:#1f1f1f;border-radius:6px;max-width:540px;padding:12px 15px;font-size:15.5px;line-height:1.55}.kko-bubble.me{background:#fee500;border-top-right-radius:2px}.kko-bubble.other{background:#fff;border-top-left-radius:2px}.kko-bubble .type-caret{background:#8a7a00}.kko-time{color:#5b6d7d;flex:none;font-size:11.5px}.kko-typing{align-items:center;gap:5px;min-height:20px;display:inline-flex}.kko-typing i{background:#b6c2cc;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite kkoDot}.kko-typing i:nth-child(2){animation-delay:.15s}.kko-typing i:nth-child(3){animation-delay:.3s}@keyframes kkoDot{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.intro-kko-think{animation:4.2s both introKkoThink}@keyframes introKkoThink{0%,38%{opacity:0}44%,56%{opacity:1}62%,to{opacity:0;height:0;overflow:hidden}}.intro-kko-reply{animation:4.2s both introKkoReply}@keyframes introKkoReply{0%,60%{opacity:0;transform:translateY(10px)}68%,to{opacity:1;transform:translateY(0)}}.kko-heart{font-size:52px;line-height:1}.intro-kko-heart{animation:4.2s both introKkoHeart}@keyframes introKkoHeart{0%,82%{opacity:0;transform:scale(.4)}90%{opacity:1;transform:scale(1.18)}96%,to{opacity:1;transform:scale(1)}}.kko-inputbar{background:#fff;align-items:center;gap:12px;padding:14px 18px;display:flex}.kko-plus,.kko-send{color:#9aa7b1;font-size:22px}.kko-input{flex:1;height:22px}.s10-wrap{perspective:600px;flex-direction:column;align-items:center;gap:20px;display:flex}.s10-stage{place-items:center;display:grid}.s10-stage>*{grid-area:1/1}.s10-objs{align-items:center;gap:16px;display:flex}.s10-brand{opacity:0;align-items:center;gap:14px;animation:.55s cubic-bezier(.22,.9,.3,1) 2.05s forwards s10BrandIn;display:flex}@keyframes s10BrandIn{0%{opacity:0;transform:rotateX(-80deg)translateY(14px)}to{opacity:1;transform:rotateX(0)translateY(0)}}.s10-wordmark{height:40px}.s10-row{align-items:center;gap:10px;display:flex}.s10-slot{perspective:500px;width:64px;height:72px;animation:s10SlotUp .55s calc(var(--i) * .12s) cubic-bezier(.22, .9, .3, 1) both;place-items:center;display:grid;position:relative}@keyframes s10SlotUp{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.s10-obj,.s10-char{backface-visibility:hidden;grid-area:1/1;place-items:center;display:grid}.s10-obj{animation:float 2.4s ease-in-out calc(var(--i) * .3s) infinite, s10ObjOut .45s calc(1.2s + var(--i) * .22s) forwards}@keyframes s10ObjOut{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(88deg)translateY(-8px)}}.s10-char{opacity:0;animation:s10CharIn .45s calc(1.45s + var(--i) * .22s) cubic-bezier(.22, .9, .3, 1) forwards;font-size:44px;font-weight:800}@keyframes s10CharIn{0%{opacity:0;transform:rotateX(-88deg)translateY(8px)}to{opacity:1;transform:rotateX(0)}}.s10-mark{opacity:0;animation:.35s cubic-bezier(.22,.9,.3,1) 2.3s forwards s10Pop}@keyframes s10Pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.s10-tag{color:var(--text-secondary);opacity:0;font-size:14.5px;animation:.4s 2.55s forwards s10Tag}@keyframes s10Tag{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.s10-fade{z-index:6;background:var(--bg-void);opacity:0;pointer-events:none;animation:.3s 3.1s forwards s10Fade;position:absolute;inset:0}@keyframes s10Fade{to{opacity:1}}.guide-shell{max-width:880px;margin:0 auto;padding:34px 44px 60px}.guide-head{margin-bottom:26px}.guide-title{font-size:22px;font-weight:800}.guide-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.guide-section-title{margin:26px 0 12px;font-size:14px;font-weight:800}.guide-steps{gap:10px;display:grid}.guide-step{padding:14px 18px}.guide-step-row{align-items:center;gap:14px;display:flex}.guide-step-texts{flex:1;min-width:0}.guide-step-toggle{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.guide-step-toggle svg{width:13px;height:13px;transition:transform .2s}.guide-step-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}.guide-step-toggle.open svg{transform:rotate(180deg)}.guide-export-steps{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:14px;padding-top:14px;display:grid}.guide-export-step{margin:0}.guide-export-step img{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;display:block}.guide-export-step figcaption{color:var(--text-secondary);margin-top:7px;font-size:11.5px;line-height:1.45}.guide-export-note{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:11px}.guide-step-icon{width:36px;height:36px;color:var(--accent-pink);background:#e2a0c91f;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.guide-step-icon svg{width:18px;height:18px}.guide-step-title{font-size:13.5px;font-weight:800}.guide-step-desc{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.guide-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-video-card{padding:16px}.guide-video,.guide-video-placeholder{aspect-ratio:16/9;background:#0000004d;border-radius:10px;width:100%}.guide-video-placeholder{color:var(--text-muted);border:1px dashed var(--border-strong);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12.5px;display:flex}.guide-video-placeholder-icon{width:34px;height:34px;color:var(--accent-pink);background:#e2a0c924;border-radius:50%;justify-content:center;align-items:center;padding-left:2px;font-size:12px;display:flex}.guide-video-tag{margin-top:12px;display:inline-block}.guide-video-title{margin-top:8px;font-size:13.5px;font-weight:800}.guide-video-desc{color:var(--text-secondary);margin-top:4px;font-size:12.5px;line-height:1.55}@media (width<=768px){.guide-shell{padding:22px 16px 48px}.guide-videos{grid-template-columns:1fr}}.guide-demo{background:#0000004d;border-radius:10px;width:100%;position:relative;overflow:hidden}.guide-demo-scale{transform-origin:0 0;width:843px;height:517px;position:absolute;top:0;left:0}.guide-demo .intro-app{box-shadow:none;border:none;border-radius:0;margin:0}.guide-demo-caption{z-index:3;color:var(--text-primary);border:1px solid var(--border-strong);background:#0a061ebf;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;animation:.3s both gkIn;position:absolute;bottom:10px;left:10px}.guide-demo-poster{border:1px dashed var(--border-strong);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12.5px;display:flex;position:absolute;inset:0}.guide-demo-poster:hover{color:var(--text-primary)}.gk-in{opacity:0;animation:.4s both gkIn}@keyframes gkIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.guide-videos{grid-template-columns:1fr}.gk-scroll-bottom{justify-content:flex-end;overflow:hidden}.gk-history{opacity:.55;flex-direction:column;gap:14px;display:flex}.guide-demo-poster.has-preview{z-index:2;background:#0805186b;border:none}.guide-demo-poster.has-preview:hover{background:#0805184d}.pixel-play-chip{background:var(--surface-solid);border:2px solid var(--accent-pink);color:var(--accent-pink);letter-spacing:.02em;border-radius:0;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s,background-color .12s,color .12s;display:inline-flex;box-shadow:4px 4px #00000073}.pixel-play-chip svg{width:14px;height:14px;display:block}.guide-demo-poster:hover .pixel-play-chip{background:var(--accent-pink);color:var(--accent-pink-ink);transform:translate(2px,2px);box-shadow:2px 2px #00000073}.guide-export-steps{grid-template-columns:repeat(6,1fr)}.guide-export-step{grid-column:span 2}.guide-export-step:nth-of-type(4),.guide-export-step:nth-of-type(5){grid-column:span 3}@media (width<=768px){.guide-export-steps{grid-template-columns:1fr}.guide-export-step,.guide-export-step:nth-of-type(4),.guide-export-step:nth-of-type(5){grid-column:auto}}