:root{--ink:#12131a;--muted:#6b7280;--line:#e8e8ee;--violet:#6d5dfc;--paper:#f7f7fa}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#fff;margin:0;font-family:Arial,Apple SD Gothic Neo,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.landing{overflow:hidden}.nav{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 24px;display:flex}.nav strong{letter-spacing:-.5px;font-size:20px}.nav strong span,.hero em{color:var(--violet);font-style:normal}.nav div{gap:26px;font-size:14px;display:flex}.hero{background:radial-gradient(circle at 75% 30%,#e7e3ff 0,#0000 30%);max-width:1180px;margin:auto;padding:110px 24px 130px}.eyebrow{letter-spacing:2px;color:var(--violet);font-size:12px;font-weight:800}.hero h1{letter-spacing:-5px;margin:24px 0;font-size:clamp(48px,7vw,88px);line-height:1.02}.hero p{max-width:590px;color:var(--muted);font-size:18px;line-height:1.7}.code{color:#e9e7ff;background:#15151d;border-radius:12px;margin-top:28px;padding:16px 22px;font:14px monospace;display:inline-block}.features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:auto;padding:0 24px 110px;display:grid}.features article{border-top:1px solid var(--line);background:var(--paper);padding:34px}.features b{color:var(--violet);font:12px monospace}.features h2{margin:28px 0 10px;font-size:20px}.features p,.pricing p,.admin-login p{color:var(--muted);line-height:1.7}.pricing{color:#fff;background:#15151d;grid-template-columns:1.4fr 1fr 1fr;gap:20px;padding:100px max(24px,50vw - 566px);display:grid}.pricing>div h2{letter-spacing:-2px;font-size:38px}.pricing article{border:1px solid #33343f;border-radius:18px;padding:28px}.pricing article strong{margin:22px 0;font-size:27px;display:block}.pricing .pro{background:var(--violet);border-color:var(--violet)}.pricing .pro p{color:#e5e1ff}.admin-login{justify-content:space-between;align-items:end;max-width:1132px;margin:90px auto;padding:0 24px;display:flex}.admin-login form{gap:8px;display:flex}.admin-login input,.project-form input,.project-form textarea,.project-form select{border:1px solid var(--line);border-radius:9px;padding:12px}.admin-login button,.project-form button{background:var(--ink);color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:700}footer{text-align:center;border-top:1px solid var(--line);color:var(--muted);padding:30px;font-size:12px}.dashboard{max-width:1180px;margin:auto;padding:46px 24px}.dashboard header{justify-content:space-between;align-items:center;display:flex}.dashboard header span{letter-spacing:2px;color:var(--violet);font-size:11px;font-weight:800}.dashboard h1{margin:7px 0 30px;font-size:36px}.ghost{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-grid article{background:var(--paper);border-radius:15px;padding:24px}.stat-grid span{color:var(--muted);font-size:13px}.stat-grid strong{margin-top:12px;font-size:32px;display:block}.panel{border:1px solid var(--line);border-radius:15px;margin-top:25px;padding:24px}.panel h2{margin-top:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 10px}th{color:var(--muted);font-size:12px}code{background:var(--paper);border-radius:5px;padding:4px 7px}.project-form{grid-template-columns:1fr 1fr 1.4fr .7fr auto;gap:8px;display:grid}.project-form textarea{resize:vertical;min-height:46px}.chat-room{background:#fff;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.chat-room>header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:62px;padding:0 20px;display:flex}.chat-room>header>div{align-items:center;gap:9px;display:flex}.chat-room>header span{background:#d1d5db;border-radius:50%;width:9px;height:9px}.chat-room>header span.online{background:#39c98b;box-shadow:0 0 0 4px #e5f9f0}.chat-room>header small{color:var(--muted)}.message-list{background:#fafafe;flex:1;padding:18px 18px 8px;overflow:auto}.message-list article{background:#fff;border:1px solid #eeeef4;border-radius:12px;margin-bottom:8px;padding:10px 12px}.message-list article>div{justify-content:space-between;gap:10px;display:flex}.message-list b{font-size:13px}.message-list time{color:#a1a1aa;font-size:10px}.message-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:1.45}.empty{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.empty b{color:var(--ink);font-size:15px}.chat-error{color:#be123c;background:#fff1f2;padding:7px 14px;font-size:12px}.composer{border-top:1px solid var(--line);padding:10px 12px 4px}.composer .name{width:110px;color:var(--muted);border:0;outline:0;padding:3px 6px;font-size:11px}.composer>div{gap:7px;display:flex}.composer>div input{border:1px solid var(--line);border-radius:12px;outline:0;flex:1;min-width:0;padding:12px}.composer>div input:focus{border-color:var(--violet)}.composer button{background:var(--violet);color:#fff;border:0;border-radius:12px;width:43px;font-size:20px}.branding{text-align:center;color:#9ca3af;padding:6px;font-size:9px}.branding:hover{color:var(--violet)}@media (max-width:760px){.nav{height:64px}.hero{padding-top:72px;padding-bottom:90px}.hero h1{letter-spacing:-3px}.features{grid-template-columns:1fr;padding-bottom:70px}.pricing{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}.admin-login{flex-direction:column;align-items:stretch;gap:18px;margin:60px auto}.admin-login form{flex-direction:column}.stat-grid,.project-form{grid-template-columns:1fr}.panel{padding:16px}.dashboard{padding:28px 14px}.dashboard h1{font-size:28px}}.demo{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:72px;max-width:1180px;margin:0 auto;padding:30px 24px 110px;display:grid}.demo h2{letter-spacing:-3px;margin:18px 0;font-size:clamp(34px,5vw,56px)}.demo p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.7}.sample-chat-frame{border:1px solid var(--line);background:#fff;border-radius:24px;height:560px;overflow:hidden;box-shadow:0 24px 70px #0f172a24}.sample-chat-frame iframe{border:0;width:100%;height:100%;display:block}.sample-chat-loading{height:100%;color:var(--muted);place-items:center;display:grid}@media (max-width:760px){.nav div{gap:15px}.demo{grid-template-columns:1fr;gap:28px;padding-bottom:70px}.demo h2{letter-spacing:-2px}.sample-chat-frame{border-radius:18px;height:min(560px,72dvh)}}.auth-page,.legal{max-width:960px;margin:auto;padding:54px 24px}.brand{color:var(--violet);font-size:20px;font-weight:800}.auth-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:44px;display:grid}.auth-grid section{border:1px solid var(--line);border-radius:18px;padding:28px}.auth-grid form{gap:10px;margin-top:24px;display:grid}.auth-grid input{border:1px solid var(--line);border-radius:10px;padding:13px}.auth-grid button,.social-links a,.moderation-list button{background:var(--violet);color:#fff;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.muted{color:var(--muted)}.social-links{flex-wrap:wrap;gap:10px;display:flex}.social-links span,.social-links a{text-transform:capitalize;border-radius:10px;padding:11px 15px}.social-links span{color:#047857;background:#ecfdf5}.moderation-list{gap:10px;display:grid}.moderation-list article{border:1px solid var(--line);border-radius:10px;justify-content:space-between;gap:20px;padding:14px;display:flex}.moderation-list article>div:last-child{align-items:center;gap:7px;display:flex}.moderation-list p{color:var(--muted);margin:6px 0 0}.legal{max-width:760px}.legal h1{margin:48px 0 10px;font-size:42px}.legal h2{margin-top:36px}.legal p{color:#4b5563;line-height:1.85}.legal>a{color:var(--violet);font-weight:700}@media (max-width:760px){.auth-grid{grid-template-columns:1fr}.moderation-list article{flex-direction:column;align-items:flex-start}}
.agreement{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.agreement input{margin-top:3px}.agreement a{color:var(--violet);font-weight:700}.social-links form{margin:0}.social-links .connected-social{color:#047857;text-transform:capitalize;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:10px 14px;font-weight:700}.google-login{justify-content:center;align-items:center;width:100%;display:flex;color:#202124!important;background:#fff!important;border:1px solid #dadce0!important;gap:10px!important}.google-login span{color:#4285f4;font-size:18px;font-weight:800}.auth-divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-error{color:#be123c;margin:0;font-size:13px}.auth-success{color:#047857;margin:0;font-size:13px}.login-card>form{margin-top:0}.social-login-help{color:var(--muted);text-align:center;margin:9px 0 0;font-size:12px;line-height:1.5}.sns-login-list{gap:8px;display:grid}.naver-login,.kakao-login{justify-content:center;align-items:center;width:100%;display:flex;gap:10px!important}.naver-login{background:#03c75a!important}.kakao-login{color:#191919!important;background:#fee500!important}.sns-login-list button span{font-size:16px;font-weight:900}