:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sans:"Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif;--text:#1f2937;--text-soft:#6b7280;--bg:#f9fafb;--surface:#fff;--border:#e5e7eb;--radius:16px;--radius-sm:10px;--shadow:0 2px 8px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000001a;--primary:#4f46e5;--danger:#e11d48;--success:#059669;--warning:#d97706;font-family:var(--sans);color:var(--text);background:var(--bg);font-size:15px;line-height:1.6}body{margin:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.login-page{background:linear-gradient(135deg,#eef2ff 0%,#f0fdf4 50%,#fff7ed 100%);justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:440px;padding:40px 36px;display:flex;box-shadow:0 8px 40px #4f46e51f}.login-logo{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.logo-icon-lg{font-size:48px}.login-title{color:var(--primary);letter-spacing:-.5px;font-size:28px;font-weight:800}.login-sub{color:var(--text-soft);font-size:14px}.login-form{flex-direction:column;gap:14px;display:flex}.form-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:600}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s}.form-input:focus{border-color:var(--primary)}.role-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.role-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:all .15s;display:flex}.role-btn:hover{border-color:var(--primary);background:#eef2ff}.role-btn.active{border-color:var(--primary);background:#eef2ff;box-shadow:0 0 0 3px #4f46e526}.role-emoji{font-size:22px}.role-label{color:var(--text);font-size:14px;font-weight:700}.role-desc{color:var(--text-soft);font-size:11px}.form-error{color:var(--danger);padding:4px 0;font-size:13px}.login-btn{border-radius:var(--radius);background:var(--primary);color:#fff;width:100%;padding:14px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.quick-login{border-top:1px solid var(--border);padding-top:16px}.quick-label{color:var(--text-soft);text-align:center;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;font-size:12px;font-weight:600}.quick-btns{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.quick-btns button{border:1.5px solid var(--border);color:var(--text);background:var(--surface);border-radius:20px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .12s}.quick-btns button:hover{border-color:var(--primary);color:var(--primary);background:#eef2ff}.student-shell{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.student-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.student-header-right{align-items:center;gap:10px;display:flex}.points-chip{color:#d97706;background:#fffbeb;border:1.5px solid #fde68a;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.logout-btn-sm{color:var(--text-soft);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px}.logout-btn-sm:hover{background:var(--bg);color:var(--text)}.student-main{flex:1;padding-bottom:70px;overflow-y:auto}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:30;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000f}.bottom-nav-btn{color:var(--text-soft);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;transition:color .15s;display:flex;position:relative}.bottom-nav-btn.active{color:var(--primary)}.bottom-nav-btn.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-icon{font-size:20px;transition:transform .15s;position:relative}.bottom-nav-label{font-size:10px;font-weight:500}.nav-unread-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:-4px;right:-8px}.app-shell-role{min-height:100svh;position:relative}.sidebar-layout{min-height:100svh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;height:100svh;min-height:100svh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 16px;display:flex}.sidebar-logo{font-size:28px}.sidebar-title{color:var(--primary);font-size:16px;font-weight:800}.sidebar-role{color:var(--text-soft);font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-soft);text-align:left;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--bg);color:var(--text)}.sidebar-nav-item.active{color:var(--primary);background:#eef2ff;font-weight:600}.nav-item-emoji{font-size:18px}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-main{flex:1;min-width:0;overflow-y:auto}.role-logout{z-index:10;position:fixed;bottom:16px;left:16px}.logout-btn{color:var(--text-soft);border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 12px;font-size:12px}.logout-btn:hover{background:var(--bg)}.parent-layout{flex-direction:column;min-height:100svh;display:flex}.parent-top-nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.parent-nav-header{align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.nav-logo{font-size:22px}.nav-title{color:var(--text);flex:1;font-size:16px;font-weight:700}.nav-role-badge{color:var(--primary);background:#eef2ff;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:600}.parent-tabs{gap:4px;padding:0 8px 8px;display:flex;overflow-x:auto}.parent-tab{color:var(--text-soft);white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.parent-tab:hover{background:var(--bg);color:var(--text)}.parent-tab.active{background:var(--primary);color:#fff}.parent-content{flex:1}.page{flex-direction:column;gap:20px;width:100%;max-width:680px;margin:0 auto;padding:24px 16px 40px;display:flex}.dashboard-page{max-width:860px}.page-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-title{font-size:20px;font-weight:700}.page-date{color:var(--text-soft);margin-left:auto;font-size:13px}.page-sub{color:var(--text-soft);font-size:13px}.section-title{color:var(--text);font-size:16px;font-weight:700}.section-sub{color:var(--text-soft);font-size:13px}.greeting{color:var(--text);font-size:22px;font-weight:600;line-height:1.4}.greeting strong{color:var(--primary);display:inline}.greeting-wave{color:var(--text-soft);margin-bottom:4px;font-size:14px;font-weight:400;display:block}.subtitle{color:var(--text-soft);font-size:14px}.quadrant-grid{grid-template-columns:1fr 1fr;grid-template-areas:"b a""c d";gap:12px;display:grid;position:relative}.quadrant-card{background:var(--q-bg,#f9fafb);border:1.5px solid var(--q-border,#e5e7eb);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;gap:6px;padding:20px 16px;transition:transform .15s,box-shadow .15s;display:flex}.quadrant-card:first-child{grid-area:b}.quadrant-card:nth-child(2){grid-area:a}.quadrant-card:nth-child(3){grid-area:c}.quadrant-card:nth-child(4){grid-area:d}.quadrant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quadrant-card:active{transform:scale(.98)}.quadrant-emoji{font-size:28px}.quadrant-name{color:var(--q-color,#374151);font-size:17px;font-weight:700}.quadrant-sub{color:var(--q-color,#6b7280);opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.quadrant-desc{color:var(--text-soft);margin-top:2px;font-size:12px}.quadrant-keywords{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.keyword-chip{background:color-mix(in srgb, var(--q-color,#6b7280) 12%, white);color:var(--q-color,#6b7280);border:1px solid color-mix(in srgb, var(--q-color,#6b7280) 25%, white);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:500}.keyword-chip.clickable{cursor:pointer;transition:background .12s}.keyword-chip.clickable:hover,.keyword-chip.clickable.active{background:var(--q-color,var(--primary));color:#fff;border-color:var(--q-color,var(--primary))}.arousal-axis{pointer-events:none;height:0;position:relative}.axis-label{color:#d1d5db;font-size:11px;font-weight:500;position:absolute}.axis-top{top:-140px;left:50%;transform:translate(-50%)}.axis-bottom{top:-20px;left:50%;transform:translate(-50%)}.axis-left{top:-80px;left:0}.axis-right{top:-80px;right:0}.link-btn{color:#6b7280;text-underline-offset:3px;align-self:center;padding:6px 12px;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--text)}.back-btn{color:var(--text-soft);align-self:flex-start;padding:6px 0;font-size:14px}.back-btn:hover{color:var(--text)}.selected-quadrant-banner{background:var(--q-bg);border:1.5px solid var(--q-border);border-radius:var(--radius);align-items:center;gap:14px;padding:16px 20px;display:flex}.banner-emoji{font-size:32px}.banner-name{color:var(--q-color);font-size:18px;font-weight:700}.banner-sub{color:var(--text-soft);font-size:12px}.input-section{flex-direction:column;gap:10px;display:flex}.input-label{color:var(--text);font-size:15px;font-weight:600}.keyword-hint{flex-wrap:wrap;gap:6px;display:flex}.input-row{gap:8px;display:flex}.emotion-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);outline:none;flex:1;padding:12px 14px;font-size:15px;transition:border-color .15s}.emotion-input:focus{border-color:var(--q-color,var(--primary))}.lookup-btn{border-radius:var(--radius-sm);background:var(--q-color,var(--primary));color:#fff;white-space:nowrap;padding:12px 16px;font-size:14px;font-weight:600;transition:opacity .15s}.lookup-btn:disabled{opacity:.4;cursor:not-allowed}.lookup-btn:not(:disabled):hover{opacity:.88}.literacy-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:20px;display:flex}.literacy-header{align-items:baseline;gap:10px;display:flex}.literacy-korean{font-size:20px;font-weight:700}.literacy-english{color:var(--text-soft);font-size:13px;font-style:italic}.literacy-guide{color:#374151;font-size:14px;line-height:1.75}.literacy-guide b{color:var(--primary);font-weight:700}.primary-btn{border-radius:var(--radius);background:var(--q-color,var(--primary));color:#fff;text-align:center;width:100%;padding:14px 24px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.primary-btn:not(:disabled):hover{opacity:.9}.primary-btn:not(:disabled):active{transform:scale(.98)}.chat-page{flex-direction:column;width:100%;max-width:680px;height:calc(100svh - 121px);margin:0 auto;display:flex}.chat-header{background:var(--q-bg,#f0f9ff);border-bottom:1.5px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.back-btn-chat{color:var(--text-soft);padding:4px 8px;font-size:18px}.back-btn-chat:hover{color:var(--text)}.chat-header-info{flex-direction:column;flex:1;gap:2px;display:flex}.chat-emotion-badge{color:var(--q-color,var(--text));font-size:15px;font-weight:700}.chat-emotion-en{color:var(--text-soft);font-size:11px;font-style:italic}.chat-auto-save{color:#9ca3af;font-size:11px}.alert-banner{padding:12px 16px;font-size:13px;font-weight:500;line-height:1.5}.alert-caution{color:#92400e;background:#fffbeb;border-bottom:2px solid #f59e0b}.alert-red{color:#991b1b;background:#fef2f2;border-bottom:2px solid #ef4444}.chat-messages{background:var(--bg);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.bubble-wrap{align-items:flex-end;gap:8px;display:flex}.bubble-wrap.student{flex-direction:row-reverse}.ai-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.bubble{border-radius:18px;max-width:72%;padding:12px 14px;font-size:14px;line-height:1.6}.bubble.ai{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow);border-bottom-left-radius:4px}.bubble.student{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.bubble-time{color:#9ca3af;align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.bubble.student .bubble-time{color:#fff9}.saved-badge{color:#a5b4fc;font-size:10px}.bubble.typing{align-items:center;gap:5px;padding:14px 16px;display:flex}.bubble.typing span{background:#d1d5db;border-radius:50%;width:7px;height:7px;animation:1.2s infinite dot-bounce}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{background:#d1d5db;transform:translateY(0)}30%{background:#9ca3af;transform:translateY(-6px)}}.done-suggestion{color:#166534;background:#f0fdf4;border-top:1px solid #bbf7d0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.done-suggestion .link-btn{color:#166534;margin:0;font-size:13px}.chat-input-area{background:var(--surface);border-top:1.5px solid var(--border);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.chat-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:none;background:var(--bg);outline:none;flex:1;padding:10px 14px;font-size:14px;line-height:1.5;transition:border-color .15s}.chat-textarea:focus{border-color:var(--q-color,var(--primary))}.send-btn{border-radius:var(--radius-sm);background:var(--q-color,var(--primary));color:#fff;white-space:nowrap;align-self:flex-end;padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .15s}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{opacity:.88}.completion-page{align-items:center}.completion-card{background:var(--surface);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:36px 28px;display:flex}.completion-icon{font-size:56px}.completion-title{color:var(--text);font-size:22px;font-weight:800}.completion-sub{color:var(--text-soft);font-size:14px}.completion-points{background:#fffbeb;border:2px solid #fde68a;border-radius:40px;align-items:center;gap:8px;padding:12px 24px;display:flex}.points-earned{color:#d97706;font-size:24px;font-weight:800}.points-label{color:#d97706;font-size:16px;font-weight:700}.completion-tips{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.tip-item{color:var(--text-soft);background:var(--bg);border-radius:8px;padding:8px 12px;font-size:13px}.garden-page{gap:24px}.garden-title{font-size:22px;font-weight:800}.garden-sub{color:var(--text-soft);font-size:13px}.garden-plant-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:20px;display:flex}.plant-display{align-items:center;gap:16px;display:flex}.plant-emoji-lg{font-size:56px}.plant-stage{color:var(--text);font-size:20px;font-weight:700}.plant-points{color:var(--text-soft);font-size:14px}.plant-progress-wrap{flex-direction:column;gap:6px;display:flex}.plant-progress-label{color:var(--text-soft);justify-content:space-between;font-size:12px;display:flex}.plant-progress-track{background:var(--bg);border:1px solid var(--border);border-radius:5px;height:10px;overflow:hidden}.plant-progress-fill{background:linear-gradient(90deg,#059669,#34d399);border-radius:5px;min-width:4px;height:100%;transition:width .6s}.plant-milestones{color:#9ca3af;justify-content:space-between;font-size:11px;display:flex}.garden-stats-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.garden-stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex-direction:column;gap:4px;padding:16px 12px;display:flex}.stat-icon{font-size:22px}.stat-value{color:var(--text);font-size:18px;font-weight:800}.stat-label{color:var(--text-soft);font-size:11px}.garden-section{flex-direction:column;gap:12px;display:flex}.emotion-timeline{flex-direction:column;gap:8px;display:flex}.timeline-item{background:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;display:flex}.timeline-date{color:var(--text-soft);flex-shrink:0;width:36px;font-size:12px}.timeline-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.timeline-word{font-size:14px;font-weight:600}.quadrant-freq{flex-direction:column;gap:10px;display:flex}.freq-row{align-items:center;gap:8px;display:flex}.freq-emoji{text-align:center;flex-shrink:0;width:20px;font-size:16px}.freq-name{color:var(--text-soft);flex-shrink:0;width:72px;font-size:12px}.freq-track{background:var(--bg);border:1px solid var(--border);border-radius:5px;flex:1;height:10px;overflow:hidden}.freq-fill{border-radius:5px;min-width:4px;height:100%;transition:width .6s}.freq-count{color:var(--text-soft);text-align:right;flex-shrink:0;width:20px;font-size:12px;font-weight:600}.privacy-notice{border-radius:var(--radius-sm);color:#1e40af;background:#eff6ff;border:1.5px solid #bfdbfe;padding:14px 16px;font-size:13px;line-height:1.6}.counseling-form{flex-direction:column;gap:14px;display:flex}.request-type-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.request-type-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:all .15s;display:flex}.request-type-btn:hover{border-color:var(--primary);background:#eef2ff}.request-type-btn.active{border-color:var(--primary);background:#eef2ff;box-shadow:0 0 0 3px #4f46e526}.rt-emoji{font-size:22px}.rt-label{color:var(--text);font-size:13px;font-weight:700}.rt-desc{color:var(--text-soft);font-size:11px}.counseling-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;background:var(--surface);outline:none;width:100%;padding:12px 14px;font-size:14px;line-height:1.6;transition:border-color .15s}.counseling-textarea:focus{border-color:var(--primary)}.char-count{color:#9ca3af;text-align:right;font-size:11px}.success-card{background:var(--surface);text-align:center;box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:36px 28px;display:flex}.success-icon{font-size:48px}.success-title{color:var(--text);font-size:20px;font-weight:800}.success-desc{color:var(--text-soft);font-size:14px;line-height:1.7}.success-summary{background:var(--bg);border-radius:var(--radius-sm);flex-direction:column;gap:8px;width:100%;padding:14px;display:flex}.summary-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.summary-label{color:var(--text-soft)}.summary-value{color:var(--text);font-weight:600}.parent-child-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:20px;display:flex}.child-info-header{align-items:center;gap:12px;display:flex}.child-avatar{font-size:36px}.child-name{color:var(--text);font-size:18px;font-weight:700}.child-class{color:var(--text-soft);font-size:12px}.alert-badge{border-radius:20px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:700}.child-trend{flex-direction:column;gap:8px;display:flex}.trend-label{color:var(--text-soft);font-size:12px;font-weight:600}.trend-dots{flex-wrap:wrap;gap:12px;display:flex}.trend-item{flex-direction:column;align-items:center;gap:4px;display:flex}.trend-dot{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.trend-date{color:var(--text-soft);font-size:10px}.trend-word{font-size:11px;font-weight:600}.empty-trend{color:#9ca3af;font-size:13px}.ai-summary-card{border-radius:var(--radius-sm);background:#f0fdf4;border:1.5px solid #a7f3d0;padding:14px 16px}.summary-meta{color:var(--text-soft);margin-bottom:6px;font-size:11px}.summary-text{color:#1f2937;font-size:13px;line-height:1.7}.stats-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=700px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:16px}.stat-card.stat-danger{background:#fff1f2;border-color:#fecdd3}.stat-card.stat-warn{background:#fffbeb;border-color:#fde68a}.stat-num{color:var(--text);font-size:28px;font-weight:800}.stat-card.stat-danger .stat-num{color:var(--danger)}.stat-card.stat-warn .stat-num{color:var(--warning)}.stat-label{color:var(--text-soft);margin-top:4px;font-size:12px}.dash-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.dash-card-title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:12px;font-weight:700}.dash-empty{color:#9ca3af;font-size:14px}.temp-bars{flex-direction:column;gap:10px;display:flex}.temp-bar-row{align-items:center;gap:10px;display:flex}.temp-bar-label{white-space:nowrap;flex-shrink:0;width:110px;font-size:13px}.temp-bar-track{background:#f3f4f6;border-radius:5px;flex:1;height:10px;overflow:hidden}.temp-bar-fill{border-radius:5px;min-width:4px;height:100%;transition:width .6s}.temp-bar-pct{text-align:right;flex-shrink:0;width:100px;font-size:12px;font-weight:600}.student-list{flex-direction:column;gap:8px;list-style:none;display:flex}.student-row{border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.student-row-highlight{background:#fffbeb}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-caution{background:#f59e0b}.dot-normal{background:#10b981}.student-name{flex:1;min-width:60px;font-weight:500}.student-class-label{color:var(--text-soft);font-size:12px}.student-history{gap:4px;display:flex}.student-points{color:var(--text-soft);margin-left:auto;font-size:12px}.consecutive-label{color:var(--danger);font-size:12px;font-weight:600}.consecutive-badge{color:var(--danger);font-size:11px;font-weight:600}.q-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.badge{white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.badge-red{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.badge-caution{color:#d97706;background:#fffbeb;border:1px solid #fcd34d}.badge-normal{color:#16a34a;background:#f0fdf4;border:1px solid #86efac}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.roster-cell{background:var(--q-bg,#f9fafb);border:1.5px solid var(--q-border,#e5e7eb);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;font-size:13px;display:flex}.roster-emoji{font-size:22px}.roster-name{color:var(--q-color,var(--text));font-weight:600}.roster-dots{justify-content:center;gap:4px;display:flex}.dash-legend{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 0 0;font-size:12px;display:flex}.dash-legend span{align-items:center;gap:6px;display:flex}.request-list{flex-direction:column;gap:12px;display:flex}.request-row{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px;display:flex}.request-info{flex:1;min-width:0}.request-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.request-name{color:var(--text);font-size:13px;font-weight:600}.request-date{color:#9ca3af;font-size:11px}.request-preview{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.5;overflow:hidden}.assign-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .15s}.assign-btn:hover{opacity:.88}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px 24px;display:flex;box-shadow:0 20px 60px #0003}.modal-title{font-size:18px;font-weight:700}.modal-desc{color:var(--text-soft);font-size:14px}.counselor-option{border:2px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;background:#eef2ff;align-items:center;gap:12px;padding:14px;transition:background .15s;display:flex}.counselor-option:hover{background:#e0e7ff}.counselor-avatar{font-size:28px}.counselor-name{font-size:14px;font-weight:700}.counselor-sub{color:var(--text-soft);font-size:12px}.modal-cancel{color:var(--text-soft);align-self:center;padding:8px;font-size:13px}.schedule-list{flex-direction:column;gap:10px;display:flex}.schedule-item{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.schedule-date-col{text-align:center;min-width:80px}.schedule-date{color:var(--text);font-size:13px;font-weight:700}.schedule-time{color:var(--primary);font-size:16px;font-weight:800}.schedule-info{flex:1}.schedule-student{color:var(--text);font-size:14px;font-weight:600}.schedule-type{color:var(--text-soft);font-size:12px}.schedule-actions{align-items:center;gap:8px;display:flex}.small-btn{border:1.5px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .12s}.small-btn:hover{border-color:var(--primary);color:var(--primary);background:#eef2ff}.small-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.small-btn.primary:hover{opacity:.9}.student-cards{flex-direction:column;gap:14px;display:flex}.student-detail-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:18px;display:flex}.student-detail-card.alert-red{border-color:#fecdd3}.student-detail-card.alert-caution{border-color:#fde68a}.sdc-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sdc-name{font-size:16px;font-weight:700}.sdc-class{color:var(--text-soft);flex:1;font-size:12px}.sdc-label{color:var(--text-soft);margin-bottom:4px;font-size:12px}.sdc-dots{gap:8px;display:flex}.sdc-dot{font-size:20px}.sdc-consecutive{color:var(--danger);font-size:12px;font-weight:600}.sdc-summary-label{color:var(--text-soft);margin-bottom:4px;font-size:12px}.sdc-summary-text{color:var(--text);font-size:13px;line-height:1.6}.sdc-history-bars{border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.sdc-bar{border-radius:3px;height:100%}.note-form{flex-direction:column;gap:10px;display:flex}.note-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;background:var(--surface);outline:none;width:100%;padding:12px 14px;font-size:14px;line-height:1.6;transition:border-color .15s}.note-textarea:focus{border-color:var(--primary)}.notes-list{flex-direction:column;gap:12px;display:flex}.note-item{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);padding:14px}.note-meta{align-items:center;gap:10px;margin-bottom:8px;display:flex}.note-student{color:var(--primary);font-size:13px;font-weight:700}.note-date{color:#9ca3af;font-size:11px}.note-content{color:var(--text);font-size:13px;line-height:1.7}.unread-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.messages-list{flex-direction:column;gap:12px;display:flex}.message-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.message-item.message-unread{background:#eff6ff;border-color:#bfdbfe}.message-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-from{color:var(--text-soft);flex:1;font-size:12px;font-weight:600}.message-date{color:#9ca3af;font-size:11px}.unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.message-content{color:var(--text);font-size:14px;line-height:1.6}.reply-btn{color:var(--primary);align-self:flex-start;padding:4px 0;font-size:12px;font-weight:600}.reply-form{flex-direction:column;gap:8px;margin-top:4px;display:flex}.reply-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:none;outline:none;width:100%;padding:10px 12px;font-size:13px;line-height:1.5;transition:border-color .15s}.reply-textarea:focus{border-color:var(--primary)}.reply-actions{gap:8px;display:flex}.empty-state{text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px}.logo-btn{border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.logo-btn:hover{background:var(--bg)}.logo-icon{font-size:22px}.logo-text{color:var(--text);letter-spacing:-.3px;font-size:18px;font-weight:700}@media (width<=640px){.sidebar-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;min-height:auto;position:static}.sidebar-nav{flex-direction:row;padding:8px;overflow-x:auto}.sidebar-nav-item{flex-direction:column;gap:4px;min-width:70px;padding:8px 10px;font-size:11px}.nav-item-emoji{font-size:20px}.stats-row{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:1fr 1fr}.role-logout{padding:16px;position:static}}.welcome-page{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.welcome-bg{pointer-events:none;position:absolute;inset:0}.welcome-orb{filter:blur(80px);opacity:.25;border-radius:50%;animation:8s ease-in-out infinite orb-float;position:absolute}.orb-1{background:radial-gradient(circle,#6366f1,#0000);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.orb-2{background:radial-gradient(circle,#e11d48,#0000);width:400px;height:400px;animation-delay:-3s;bottom:-100px;right:-100px}.orb-3{background:radial-gradient(circle,#059669,#0000);width:300px;height:300px;animation-delay:-6s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.welcome-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:36px;width:100%;max-width:680px;padding:40px 24px;display:flex;position:relative}.welcome-logo-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.welcome-logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1.5px solid #fff3;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;display:flex;box-shadow:0 8px 32px #6366f14d}.welcome-brain{line-height:1}.welcome-mule{letter-spacing:-1px;color:#fff;font-size:42px;font-weight:900;line-height:1}.welcome-logo-sub{color:#ffffff80;letter-spacing:1.5px;text-transform:uppercase;font-size:13px}.welcome-animation{width:200px;height:200px;position:relative}.emotion-orbit{width:100%;height:100%;position:relative}.orbit-ring{border:1.5px dashed #ffffff26;border-radius:50%;animation:12s linear infinite orbit-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:200px;height:200px}.ring-2{width:160px;height:160px;animation-duration:9s;animation-direction:reverse}.ring-3{width:120px;height:120px;animation-duration:15s}.ring-4{width:80px;height:80px;animation-duration:6s;animation-direction:reverse}@keyframes orbit-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-dot{filter:drop-shadow(0 0 6px #ffffff80);font-size:18px;line-height:1;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.orbit-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-headline{color:#fff;letter-spacing:-.5px;font-size:clamp(22px,4vw,32px);font-weight:700;line-height:1.45}.welcome-headline em{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.welcome-body{color:#fff9;font-size:15px;line-height:1.8}.welcome-cta{color:#fff;letter-spacing:-.2px;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 36px;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #6366f166}.welcome-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6366f18c}.welcome-cta:active{transform:translateY(0)}.cta-arrow{font-size:20px;transition:transform .2s}.welcome-cta:hover .cta-arrow{transform:translate(4px)}.welcome-features{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.feature-pill{color:#ffffffa6;letter-spacing:.2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:12px}.login-page{min-height:100svh;display:flex}.login-brand{background:linear-gradient(160deg,#1e1b4b 0%,#312e81 60%,#1e1b4b 100%);flex-direction:column;flex-shrink:0;width:340px;padding:28px;display:flex;position:relative}.login-back-btn{color:#ffffff80;align-self:flex-start;padding:4px 0;font-size:13px;transition:color .15s}.login-back-btn:hover{color:#fff}.login-brand-inner{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:20px;display:flex}.login-brand-logo{align-items:center;gap:12px;font-size:32px;display:flex}.login-brand-name{color:#fff;letter-spacing:-1px;font-size:36px;font-weight:900}.login-brand-tagline{color:#ffffff8c;letter-spacing:.3px;font-size:16px;line-height:1.6}.login-brand-pills{flex-direction:column;gap:8px;margin-top:8px;display:flex}.brand-role-pill{color:#ffffff80;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:8px 14px;font-size:13px;transition:all .2s}.brand-role-pill.selected{color:#c7d2fe;background:#818cf840;border-color:#818cf880;font-weight:600}.login-form-panel{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;overflow-y:auto}.login-form-inner{flex-direction:column;gap:24px;width:100%;max-width:420px;display:flex}.login-greeting-title{color:var(--text);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.login-greeting-sub{color:var(--text-soft);font-size:14px;line-height:1.75}.login-role-tabs{background:#f3f4f6;border-radius:12px;gap:6px;padding:5px;display:flex}.login-role-tab{color:var(--text-soft);cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 6px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.login-role-tab span:first-child{font-size:18px}.login-role-tab.active{background:var(--surface);color:#4f46e5;box-shadow:0 1px 4px #0000001a}.login-fields{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-field-label{color:var(--text);font-size:13px;font-weight:600}.login-field-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;padding:13px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.login-field-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.login-field-hint{color:#9ca3af;font-size:11px}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px}.login-submit-btn{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);width:100%;padding:14px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s;box-shadow:0 4px 12px #4f46e54d}.login-submit-btn:hover{opacity:.92;transform:translateY(-1px)}.login-submit-btn:active{transform:translateY(0)}.login-sub-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.login-sub-btn{color:#6366f1;text-underline-offset:2px;font-size:13px;text-decoration:underline}.login-sub-btn:hover{color:#4f46e5}.login-sub-divider{color:var(--border)}.login-demo{border-top:1px solid var(--border);padding-top:20px}.login-demo-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.demo-hint{color:#d1d5db;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.login-demo-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.login-demo-btns button{border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:#f9fafb;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s}.login-demo-btns button:hover{color:#4f46e5;background:#ede9fe;border-color:#a5b4fc}@media (width<=700px){.login-page{flex-direction:column}.login-brand{width:100%;min-height:auto;padding:20px}.login-brand-inner{flex-flow:wrap;justify-content:center;gap:12px}.login-brand-pills{flex-direction:row}.brand-role-pill{padding:6px 10px;font-size:11px}.login-brand-tagline{display:none}.login-form-panel{padding:24px 16px}}.svcmap-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0f0c29bf;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.svcmap-modal{background:#fff;border-radius:20px;width:100%;max-width:1100px;overflow:hidden;box-shadow:0 24px 64px #0000004d}.svcmap-header{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.svcmap-title{letter-spacing:-.3px;font-size:20px;font-weight:800}.svcmap-sub{color:#ffffff8c;margin-top:4px;font-size:13px}.svcmap-close{color:#fff;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .15s;display:flex}.svcmap-close:hover{background:#ffffff38}.svcmap-body{background:#f8fafc;flex-direction:column;gap:20px;padding:24px;display:flex}.svcmap-section{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:18px 20px}.svcmap-layer-label{color:#6b7280;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.layer-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-blue{background:#3b82f6}.dot-purple{background:#8b5cf6}.dot-indigo{background:#4f46e5}.dot-green{background:#10b981}.dot-red{background:#ef4444}.svcmap-roles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.svcmap-role-card{background:var(--rb,#f9fafb);border:1.5px solid var(--rbd,#e5e7eb);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.rc-header{align-items:center;gap:8px;display:flex}.rc-emoji{font-size:22px}.rc-label{color:var(--rc,#374151);font-size:15px;font-weight:700}.rc-features{flex-direction:column;gap:6px;list-style:none;display:flex}.rc-features li{color:#4b5563;align-items:center;gap:6px;font-size:12px;display:flex}.rc-features li span{flex-shrink:0;font-size:13px}.svcmap-arrows{justify-content:center;align-items:center;padding:4px 0;display:flex}.arrow-center{align-items:center;gap:12px;width:100%;display:flex}.arrow-line{background:linear-gradient(90deg,#0000,#c7d2fe,#0000);flex:1;height:1.5px}.arrow-badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.arrow-badge{white-space:nowrap;background:#fff;border:1.5px solid;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.svcmap-flow{align-items:stretch;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.flow-item-wrap{flex:1;align-items:center;gap:0;min-width:130px;display:flex}.flow-item{background:color-mix(in srgb, var(--fc,#4f46e5) 8%, white);border:1.5px solid color-mix(in srgb, var(--fc,#4f46e5) 25%, white);text-align:center;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 12px;display:flex}.flow-step{background:var(--fc,#4f46e5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.flow-icon{font-size:22px}.flow-title{color:var(--fc,#1f2937);font-size:13px;font-weight:700}.flow-desc{color:#6b7280;white-space:pre-line;font-size:11px;line-height:1.5}.flow-arrow{color:#d1d5db;flex-shrink:0;padding:0 6px;font-size:18px}.svcmap-ai-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ai-card{text-align:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1.5px solid #c7d2fe;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.ai-icon{font-size:24px}.ai-label{color:#4f46e5;font-size:12px;font-weight:700}.ai-desc{color:#6b7280;font-size:11px}.svcmap-bottom{grid-template-columns:1fr 1fr;gap:16px;display:grid}.data-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.data-card{text-align:center;background:#f0fdf4;border:1.5px solid #a7f3d0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;font-size:20px;display:flex}.data-label{color:#065f46;font-size:12px;font-weight:700}.data-desc{color:#6b7280;font-size:11px}.policy-list{flex-direction:column;gap:8px;list-style:none;display:flex}.policy-list li{color:#374151;background:#fff5f5;border:1px solid #fecdd3;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.policy-icon{flex-shrink:0;font-size:16px}.svcmap-legend{color:#6b7280;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:8px 0 4px;font-size:12px;display:flex}.svcmap-legend span{align-items:center;gap:6px;display:flex}.welcome-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.welcome-cta-outline{color:#ffffffbf;cursor:pointer;background:0 0;border:1.5px solid #ffffff4d;border-radius:50px;align-items:center;gap:6px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.welcome-cta-outline:hover{color:#fff;background:#ffffff1a;border-color:#fff9}@media (width<=768px){.svcmap-roles,.svcmap-ai-grid{grid-template-columns:1fr 1fr}.svcmap-bottom{grid-template-columns:1fr}.svcmap-flow{flex-wrap:nowrap}.flow-item-wrap{min-width:110px}}@media (width<=500px){.svcmap-roles{grid-template-columns:1fr}.arrow-badges{flex-direction:column;align-items:center}}.lp{text-align:left;flex-direction:column;flex:1;width:100%;display:flex;overflow-x:hidden}.lp-nav{z-index:200;-webkit-backdrop-filter:blur(18px);background:#0f0c29e0;border-bottom:1px solid #ffffff14;position:sticky;top:0}.lp-nav-in{align-items:center;gap:24px;max-width:1126px;margin:0 auto;padding:13px 28px;display:flex}.lp-logo{flex-shrink:0;align-items:center;gap:7px;text-decoration:none;display:flex}.lp-logo-icon{font-size:20px;line-height:1}.lp-logo-name{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:900}.lp-nav-links{flex:1;gap:2px;display:flex}.lp-nav-a{color:#ffffff8c;border-radius:8px;padding:6px 12px;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.lp-nav-a:hover{color:#fff;background:#ffffff14}.lp-nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.lp-lang-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s}.lp-lang-btn:hover{color:#fff;border-color:#ffffff4d}.lp-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s;box-shadow:0 4px 14px #6366f166}.lp-login-btn:hover{opacity:.9;transform:translateY(-1px)}.lp-hero{background:linear-gradient(140deg,#0f0c29 0%,#1a1738 45%,#24243e 100%);flex-direction:column;justify-content:center;min-height:calc(100svh - 50px);display:flex;position:relative;overflow:hidden}.lp-hero-orbs{pointer-events:none;position:absolute;inset:0}.lp-orb{filter:blur(90px);opacity:.18;border-radius:50%;animation:9s ease-in-out infinite lp-orb-drift;position:absolute}.lp-orb1{background:radial-gradient(circle,#6366f1,#0000);width:480px;height:480px;animation-delay:0s;top:-140px;left:-80px}.lp-orb2{background:radial-gradient(circle,#e11d48,#0000);width:380px;height:380px;animation-delay:-3s;bottom:-80px;right:-60px}.lp-orb3{background:radial-gradient(circle,#059669,#0000);width:280px;height:280px;animation-delay:-6s;top:35%;left:45%}@keyframes lp-orb-drift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-22px)scale(1.04)}}.lp-hero-in{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;width:100%;max-width:1126px;margin:0 auto;padding:72px 32px 80px;display:grid;position:relative}.lp-bubble{color:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#6366f129;border:1px solid #6366f152;border-radius:20px;margin-bottom:22px;padding:6px 16px;font-size:13px;display:inline-block}.lp-mapping{letter-spacing:3px;text-transform:uppercase;color:#00d4ff;text-shadow:0 0 10px #00d4ff,0 0 24px #0080ff88;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.lp-h1{color:#fff;letter-spacing:-1px;margin:0 0 18px;font-size:clamp(26px,3.6vw,48px);font-weight:800;line-height:1.3}.lp-h1 em{background:linear-gradient(90deg,#818cf8 0%,#c084fc 55%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.lp-hero-p{color:#ffffff85;margin-bottom:32px;font-size:15px;line-height:1.85}.lp-hero-btns{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.lp-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #6366f166}.lp-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6366f18c}.lp-arrow{font-size:17px;transition:transform .2s}.lp-cta-primary:hover .lp-arrow{transform:translate(4px)}.lp-cta-ghost{color:#ffffffad;cursor:pointer;background:#ffffff0d;border:1.5px solid #ffffff24;border-radius:50px;align-items:center;gap:6px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.lp-cta-ghost:hover{color:#fff;background:#ffffff1a;border-color:#ffffff47}.lp-pills{flex-wrap:wrap;gap:7px;display:flex}.lp-pill{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:20px;padding:5px 12px;font-size:12px}.lp-hero-wheel{justify-content:center;align-items:center;display:flex}.lp-wheel{flex-shrink:0;width:300px;height:300px;position:relative}.lp-wheel-svg{width:100%;height:100%;animation:80s linear infinite lp-wheel-spin;position:absolute;inset:0}@keyframes lp-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lp-ww{text-align:center;animation:3.2s ease-in-out infinite lp-ww-pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes lp-ww-pulse{0%,to{opacity:.65;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.lp-ww-en{color:#a5b4fc;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.2}.lp-ww-ko{color:#ffffff61;font-size:10px;line-height:1.3}.lp-wheel-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#6366f147,#8b5cf647);border:1.5px solid #6366f173;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp-wc-m{color:#a5b4fc;font-size:22px;font-weight:900;line-height:1}.lp-wc-name{letter-spacing:1.5px;color:#ffffff59;text-transform:uppercase;font-size:7.5px}.lp-scroll-hint{z-index:1;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.lp-scroll-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite lp-bounce}@keyframes lp-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.65;transform:translateY(9px)}}.lp-features{background:#fff;padding:88px 0}.lp-sec-in{text-align:center;max-width:1126px;margin:0 auto;padding:0 32px}.lp-sec-tag{letter-spacing:1.5px;text-transform:uppercase;color:#6366f1;background:#eef2ff;border-radius:20px;margin-bottom:14px;padding:4px 14px;font-size:11.5px;font-weight:700;display:inline-block}.lp-h2{color:#111827;letter-spacing:-.5px;margin:0 0 12px;font-size:clamp(22px,2.8vw,34px);font-weight:800;line-height:1.3}.lp-h2 em{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.lp-sec-p{color:#6b7280;max-width:520px;margin:0 auto 48px;font-size:15px;line-height:1.75}.lp-feat-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.lp-feat-card{opacity:0;transition:opacity .52s ease var(--d,0s), transform .52s ease var(--d,0s), border-color .2s, box-shadow .2s;cursor:default;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;padding:30px 26px;position:relative;overflow:hidden;transform:translateY(28px)}.lp-feat-card:before{content:"";background:var(--c,#6366f1);transform-origin:0;height:3px;transition:transform .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.lp-feat-card:hover:before{transform:scaleX(1)}.lp-feat-card.lp-vis{opacity:1;transform:translateY(0)}.lp-feat-card.lp-vis:hover{border-color:var(--c,#6366f1);transform:translateY(-5px);box-shadow:0 8px 28px #00000014}.lp-fc-tag{letter-spacing:1px;text-transform:uppercase;color:var(--c,#6366f1);background:var(--cbg,#eef2ff);border-radius:20px;margin-bottom:16px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.lp-fc-icon{margin-bottom:12px;font-size:36px;line-height:1}.lp-fc-h3{color:#111827;margin:0 0 10px;font-size:17px;font-weight:700}.lp-fc-p{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.75}.lp-fc-more{color:var(--c,#6366f1);font-size:13px;font-weight:600}.lp-data{background:#f9fafb;padding:88px 0}.lp-data-in{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1126px;margin:0 auto;padding:0 32px;transition:opacity .6s,transform .6s;display:grid;transform:translateY(24px)}.lp-data-in.lp-vis{opacity:1;transform:translateY(0)}.lp-data-h2{text-align:left;margin-bottom:10px}.lp-counter{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:5px;margin:24px 0;padding:18px 22px;display:flex;box-shadow:0 2px 8px #0000000d}.lp-cnt-num{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:900;line-height:1}.lp-cnt-label{color:#6b7280;font-size:13px}.lp-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lp-stat{text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;padding:14px 10px;display:flex}.lp-stat-v{color:#4f46e5;font-size:20px;font-weight:800;line-height:1}.lp-stat-l{color:#6b7280;font-size:11px;line-height:1.45}.lp-data-vis{flex-direction:column;gap:14px;display:flex}.lp-dash{background:#1a1a2e;border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #00000038}.lp-dash-hd{background:#14142a;border-bottom:1px solid #ffffff0f;align-items:center;gap:5px;padding:11px 16px;display:flex}.lp-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.lp-dot-r{background:#ff5f57}.lp-dot-y{background:#febc2e}.lp-dot-g{background:#28c840}.lp-dash-title{color:#ffffff4d;letter-spacing:.2px;margin-left:8px;font-size:11px}.lp-dash-body{flex-direction:column;gap:11px;padding:14px;display:flex}.lp-chart{align-items:flex-end;gap:5px;height:68px;padding:0 2px;display:flex}.lp-bar{height:0;transition:height .55s ease var(--bd,0s);opacity:.85;background:linear-gradient(#818cf8,#4f46e5);border-radius:4px 4px 0 0;flex:1}.lp-bar.lp-bar-on{height:var(--bh,50%)}.lp-alert{background:#e11d481a;border:1px solid #e11d4838;border-radius:10px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:11px;display:flex}.lp-alert-title{color:#fb7185;margin-bottom:2px;font-weight:700}.lp-alert-msg{color:#ffffff73;line-height:1.4}.lp-mini-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.lp-mini{text-align:center;background:#0596691a;border:1px solid #0596692e;border-radius:8px;padding:8px 10px}.lp-mini-warn{background:#d977061a;border-color:#d977062e}.lp-mini-v{color:#34d399;font-size:16px;font-weight:800;display:block}.lp-mini-warn .lp-mini-v{color:#fbbf24}.lp-mini-l{color:#ffffff61;font-size:10px}.lp-phone{background:#1a1a2e;border-radius:22px;align-self:flex-end;width:190px;margin-left:auto;padding:8px;box-shadow:0 8px 24px #0000002e}.lp-phone-notch{background:#2a2a3e;border-radius:3px;width:44px;height:5px;margin:0 auto 10px}.lp-phone-body{flex-direction:column;gap:9px;padding:2px 6px 10px;display:flex}.lp-ph-notif{color:#ffffff73;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.lp-ph-card{text-align:center;background:linear-gradient(135deg,#6366f12e,#8b5cf62e);border:1px solid #6366f12e;border-radius:12px;padding:12px}.lp-ph-emoji{margin-bottom:4px;font-size:26px}.lp-ph-en{color:#a5b4fc;font-size:13px;font-weight:700}.lp-ph-ko{color:#ffffff59;font-size:10px}.lp-footer{background:#0f0c29;border-top:1px solid #ffffff0f;margin-top:auto}.lp-footer-in{flex-direction:column;gap:14px;max-width:1126px;margin:0 auto;padding:36px 32px;display:flex}.lp-footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.lp-footer-brand{color:#fff;flex-direction:row;align-items:center;gap:14px;display:flex}.lp-footer-brand strong{letter-spacing:-.3px;font-weight:900}.lp-footer-elis{letter-spacing:2px;color:#00d4ff;text-shadow:0 0 10px #00d4ff88;font-size:22px;font-weight:900}.lp-footer-sub{color:#ffffff73;white-space:nowrap;font-size:15px;font-weight:400}.lp-elis-kw{color:#00d4ff;font-style:normal}.lp-footer-badges{flex-wrap:wrap;gap:7px;display:flex}.lp-fbadge{color:#fff6;background:#ffffff0d;border:1px solid #ffffff17;border-radius:20px;padding:4px 11px;font-size:11px}.lp-footer-desc{color:#ffffff47;font-size:12px;line-height:1.7}.lp-footer-copy{color:#ffffff2e;font-size:11px}.lp-dim{color:#94a3b873;letter-spacing:-.3px;font-size:.92em;font-weight:400;-webkit-text-decoration:line-through #94a3b840;text-decoration:line-through #94a3b840}.lp-hero-sub{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.lp-hero-sub p{color:#ffffff7a;font-size:14px;line-height:1.85}.lp-hero-sub em{color:#ffffffd1;font-style:normal;font-weight:600}.lp-sub-coda{border-left:2px solid #6366f159;margin-top:4px;padding-left:12px;font-style:italic;color:#a5b4fcbf!important;font-size:13.5px!important}.lp-wheel-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0c29bf;border:1px solid #fb718540;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:-16px;right:-16px;box-shadow:0 4px 20px #fb71851f}.lp-wb-icon{font-size:20px;line-height:1}.lp-wb-top{color:#fffc;font-size:13px;font-weight:700;line-height:1.2}.lp-wb-top em{color:#fb7185;font-style:normal}.lp-wb-dim{color:#94a3b873;font-size:.9em;-webkit-text-decoration:line-through #94a3b840;text-decoration:line-through #94a3b840}.lp-wb-sub{color:#ffffff4d;margin-top:1px;font-size:10px}.lp-hero-wheel{position:relative}.lp-blue-box{color:#ffffffbf;background:#6366f11f;border:1.5px solid #6366f159;border-radius:14px;margin-bottom:4px;padding:20px 24px;font-size:15px;line-height:1.9}.lp-blue-box em{color:#a5b4fc;font-style:normal;font-weight:600}.lp-hero-solo{grid-template-columns:1fr;max-width:760px}.lp-lang-inline{color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:20px;margin-top:20px;padding:5px 14px;font-size:12px;transition:color .15s,border-color .15s;display:inline-block}.lp-lang-inline:hover{color:#ffffffa6;border-color:#ffffff40}.lp-footer-links{align-items:center;gap:10px;display:flex}.lp-footer-link{color:#ffffff80;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3;transition:color .15s}.lp-footer-link:hover{color:#fffc}.lp-footer-link-cta{border:1px solid #ffffff59;border-radius:20px;padding:4px 14px;font-weight:700;color:#fff!important}.lp-footer-link-cta:hover{background:#ffffff1a}.lp-footer-sep{color:#fff3;font-size:13px}.si-overlay{z-index:500;background:#fff;position:fixed;inset:0;overflow:hidden auto}.si-page{min-height:100vh;font-family:var(--sans);color:#1f2937;flex-direction:column;display:flex}.si-header{z-index:10;-webkit-backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:13px 32px;display:flex;position:sticky;top:0}.si-back{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:14px;transition:background .15s,color .15s}.si-back:hover{color:#111827;background:#f3f4f6}.si-header-logo{color:#111827;letter-spacing:-.3px;align-items:center;gap:6px;font-size:17px;font-weight:900;display:flex}.si-header-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;transition:opacity .15s}.si-header-start:hover{opacity:.88}.si-content{width:100%;max-width:960px;margin:0 auto;padding:0 32px 80px}.si-hero{text-align:center;padding:64px 0 48px}.si-tag{letter-spacing:1.5px;text-transform:uppercase;color:#6366f1;background:#eef2ff;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:11.5px;font-weight:700;display:inline-block}.si-h1{color:#111827;letter-spacing:-1px;margin:0 0 20px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.3}.si-h1 em{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.si-hero-p{color:#6b7280;max-width:640px;margin:0 auto;font-size:15px;line-height:1.8}.si-section{border-top:1px solid #e5e7eb;padding:56px 0}.si-alt{background:#f9fafb;margin:0 -32px;padding:56px 32px}.si-sec-tag{letter-spacing:1.5px;text-transform:uppercase;color:#6366f1;background:#eef2ff;border-radius:20px;margin-bottom:14px;padding:4px 14px;font-size:11.5px;font-weight:700;display:inline-block}.si-h2{color:#111827;letter-spacing:-.5px;margin:0 0 32px;font-size:clamp(20px,2.8vw,30px);font-weight:800;line-height:1.35}.si-h2 em{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.si-defense-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.si-dc{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px;transition:box-shadow .2s}.si-dc:hover{box-shadow:0 4px 20px #00000012}.si-dc-icon{margin-bottom:10px;font-size:28px;line-height:1}.si-dc-title{color:#111827;margin:0 0 8px;font-size:15px;font-weight:700}.si-dc-desc{color:#6b7280;font-size:13.5px;line-height:1.75}.si-feat-list{flex-direction:column;gap:20px;display:flex}.si-fi{border:1.5px solid #e5e7eb;border-left:4px solid var(--fc,#6366f1);background:#fff;border-radius:16px;grid-template-columns:120px 1fr;align-items:start;gap:28px;padding:28px 28px 28px 24px;display:grid}.si-fi-left{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:4px;display:flex}.si-fi-num{color:var(--fc,#6366f1);opacity:.25;letter-spacing:-1px;font-size:28px;font-weight:900;line-height:1}.si-fi-tag{letter-spacing:1px;text-transform:uppercase;color:var(--fc,#6366f1);background:var(--fc-bg,#eef2ff);border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.si-fi-icon{font-size:32px;line-height:1}.si-fi-title{color:#111827;margin:0 0 12px;font-size:17px;font-weight:700}.si-fi-ko{color:#6b7280;font-size:14px;font-weight:400}.si-fi-bullets{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.si-fi-bullets li{color:#4b5563;padding-left:16px;font-size:14px;line-height:1.7;position:relative}.si-fi-bullets li:before{content:"·";color:var(--fc,#6366f1);font-weight:700;position:absolute;left:4px}.si-data-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.si-data-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.si-data-icon{font-size:24px;line-height:1}.si-data-name{color:#111827;font-size:13px;font-weight:700}.si-data-desc{color:#6b7280;font-size:12px;line-height:1.6}.si-cta-block{text-align:center;background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #6366f126;border-radius:24px;margin-top:56px;padding:56px 32px}.si-cta-h2{color:#111827;letter-spacing:-.3px;margin:0 0 10px;font-size:clamp(20px,2.5vw,28px);font-weight:800}.si-cta-p{color:#6b7280;margin-bottom:28px;font-size:15px}.si-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #6366f159}.si-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f180}@media (width<=640px){.si-defense-grid,.si-data-grid,.si-fi{grid-template-columns:1fr}.si-fi-left{flex-direction:row;justify-content:flex-start}.si-content{padding:0 20px 60px}.si-header{padding:12px 20px}.si-alt{margin:0 -20px;padding:40px 20px}}.ls-reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.ls-reveal.revealed{opacity:1;transform:translateY(0)}.ls-section{background:linear-gradient(140deg,#0f0c29 0%,#1a1738 45%,#24243e 100%);padding:96px 0;position:relative;overflow:hidden}.ls-alt{background:linear-gradient(140deg,#0c1a0c 0%,#0d1a2a 45%,#1a1738 100%)}.ls-dark{background:linear-gradient(140deg,#0a0c1e 0%,#0d0f28 50%,#12102a 100%)}.ls-section:before,.ls-section:after{content:"";filter:blur(100px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.ls-section:before{background:radial-gradient(circle,#6366f1,#0000);width:400px;height:400px;top:-120px;left:-80px}.ls-section:after{background:radial-gradient(circle,#00d4ff,#0000);width:320px;height:320px;bottom:-80px;right:-60px}.ls-alt:before{background:radial-gradient(circle,#059669,#0000)}.ls-alt:after{background:radial-gradient(circle,#00d4ff,#0000)}.ls-dark:before{background:radial-gradient(circle,#e11d48,#0000)}.ls-dark:after{background:radial-gradient(circle,#b5ff00,#0000)}.ls-sec-in{max-width:860px;margin:0 auto;padding:0 32px}.ls-step{letter-spacing:3px;color:#00d4ff;margin-bottom:10px;font-size:11px;font-weight:700}.ls-dark .ls-step{color:#00d4ff}.ls-h2{color:#fff;letter-spacing:-.4px;margin-bottom:8px;font-size:clamp(24px,3vw,34px);font-weight:800}.ls-desc{color:#ffffff73;margin-bottom:36px;font-size:15px}.ls-dict-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:28px}.ls-dict-input-row{gap:10px;margin-bottom:16px;display:flex}.ls-dict-input{color:#fff;background:#ffffff12;border:1.5px solid #ffffff26;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .15s}.ls-dict-input::placeholder{color:#ffffff4d}.ls-dict-input:focus{border-color:#00d4ff}.ls-dict-btn{color:#080c1e;cursor:pointer;background:#00d4ff;border:none;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:700;transition:opacity .15s}.ls-dict-btn:hover{opacity:.85}.ls-dict-chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ls-chip{color:#fff9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:13px;transition:background .12s,color .12s,border-color .12s}.ls-chip:hover{color:#00d4ff;background:#00d4ff26;border-color:#00d4ff}.ls-dict-result{background:#00d4ff12;border:1px solid #00d4ff40;border-radius:14px;padding:22px}.ls-dict-en{color:#00d4ff;letter-spacing:-.3px;text-shadow:0 0 20px #00d4ff66;margin-bottom:8px;font-size:30px;font-weight:800}.ls-dict-nuance{color:#ffffffa6;margin-bottom:8px;font-size:14px;line-height:1.65}.ls-dict-example{color:#ffffff59;margin-bottom:16px;font-size:13px;font-style:italic}.ls-dict-save{color:#080c1e;cursor:pointer;background:#00d4ff;border:none;border-radius:20px;align-items:center;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .15s;display:inline-flex}.ls-dict-save:hover{opacity:.85}.ls-dict-empty{color:#fff6;background:#ffffff0a;border:1px dashed #ffffff26;border-radius:14px;padding:18px 22px;font-size:14px;line-height:1.7}.ls-dict-empty span{color:#00d4ff;cursor:pointer;font-weight:600}.ls-dict-empty span:hover{text-decoration:underline}.ls-chat-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;max-width:600px;margin:0 auto;overflow:hidden}.ls-chat-header{color:#fff;background:linear-gradient(135deg,#080c1e,#0d1a3a);border-bottom:1px solid #00d4ff33;align-items:center;gap:12px;padding:16px 20px;display:flex}.ls-chat-avatar{font-size:28px}.ls-chat-header strong{color:#00d4ff;font-size:15px;font-weight:700;display:block}.ls-chat-status{opacity:.55;font-size:11px;display:block}.ls-chat-body{background:0 0;flex-direction:column;gap:12px;height:240px;padding:16px 20px;display:flex;overflow-y:auto}.ls-chat-msg{align-items:flex-end;gap:8px;display:flex}.ls-chat-user{flex-direction:row-reverse}.ls-chat-ico{flex-shrink:0;font-size:20px}.ls-chat-bubble{border-radius:16px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.6}.ls-chat-elis .ls-chat-bubble{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.ls-chat-user .ls-chat-bubble{color:#080c1e;background:#00d4ff;border-bottom-right-radius:4px;font-weight:500}.ls-typing{align-items:center;gap:4px;display:flex;padding:14px 16px!important}.ls-typing span{background:#9ca3af;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite ls-dot}.ls-typing span:nth-child(2){animation-delay:.2s}.ls-typing span:nth-child(3){animation-delay:.4s}@keyframes ls-dot{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.4)}}.ls-chat-input-row{background:0 0;border-top:1px solid #ffffff14;gap:8px;padding:12px 16px;display:flex}.ls-chat-input{color:#fff;background:#ffffff12;border:1.5px solid #ffffff26;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .15s}.ls-chat-input::placeholder{color:#ffffff4d}.ls-chat-input:focus{border-color:#00d4ff}.ls-chat-send{color:#080c1e;cursor:pointer;background:#00d4ff;border:none;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .15s}.ls-chat-send:hover:not(:disabled){opacity:.85}.ls-chat-send:disabled{opacity:.4;cursor:default}.ls-chat-safety{color:#ffffff40;text-align:center;background:0 0;padding:8px 16px 12px;font-size:11px}.ls-radar-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #00d4ff26;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:36px 40px;display:flex}.ls-radar-svg{flex-shrink:0;width:280px;height:280px}.ls-radar-legend{flex-direction:column;flex:1;gap:14px;min-width:200px;display:flex}.ls-radar-row{align-items:center;gap:10px;display:flex}.ls-radar-dot{background:#00d4ff;border-radius:50%;flex-shrink:0;width:8px;height:8px}.ls-radar-name{color:#fffc;flex-shrink:0;width:68px;font-size:13px;font-weight:600}.ls-radar-bar-wrap{background:#ffffff14;border-radius:3px;flex:1;height:5px;overflow:hidden}.ls-radar-bar{background:linear-gradient(90deg,#00d4ff,#0080ff);border-radius:3px;height:100%;transition:width 50ms linear}.ls-radar-val{color:#00d4ff;text-align:right;width:24px;font-size:12px;font-weight:700}.ls-radar-note{color:#ffffff40;margin-top:8px;font-size:11px}.ls-style-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}.ls-style-card{border:1px solid var(--scb);border-radius:20px;padding:28px 24px}.ls-style-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.ls-style-icon{font-size:26px}.ls-style-title{font-size:17px;font-weight:800}.ls-style-items{flex-direction:column;gap:14px;list-style:none;display:flex}.ls-style-item{align-items:flex-start;gap:12px;display:flex}.ls-style-item-icon{flex-shrink:0;margin-top:2px;font-size:18px}.ls-style-item strong{color:#ffffffe6;font-size:13px;font-weight:700;display:block}.ls-style-item span{color:#ffffff73;font-size:12px;line-height:1.5}.ls-cta-row{text-align:center}.ls-cta-btn{color:#080c1e;cursor:pointer;background:#00d4ff;border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 40px;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 28px #00d4ff59}.ls-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00d4ff80}@media (width<=768px){.ls-style-grid{grid-template-columns:1fr}.ls-radar-wrap{gap:24px;padding:24px 20px}.ls-radar-svg{width:220px;height:220px}.ls-sec-in{padding:0 20px}.ls-section{padding:72px 0}}@media (width<=900px){.lp-feat-grid{grid-template-columns:1fr}.lp-data-in{grid-template-columns:1fr;gap:40px}.lp-phone{align-self:stretch;width:100%;margin:0}}@media (width<=768px){.lp-nav-links{display:none}.lp-hero-in{grid-template-columns:1fr;gap:40px;padding:48px 20px 60px}.lp-hero-wheel{order:-1}.lp-wheel{width:240px;height:240px}.lp-sec-in,.lp-data-in{padding:0 20px}.lp-footer-in{padding:28px 20px}.lp-footer-top{flex-direction:column;align-items:flex-start}.lp-stats{grid-template-columns:repeat(3,1fr)}.lp-features,.lp-data{padding:64px 0}}