:root{--primary:#0f62fe;--primary-hover:#0050e6;--primary-pressed:#002d9c;--blue-60:#0043ce;--on-primary:#fff;--ink:#161616;--ink-muted:#525252;--ink-subtle:#8c8c8c;--canvas:#fff;--surface-1:#f4f4f4;--surface-2:#e0e0e0;--hairline:#e0e0e0;--hairline-strong:#161616;--inverse-canvas:#161616;--inverse-surface-1:#262626;--inverse-ink:#fff;--inverse-ink-muted:#c6c6c6;--semantic-success:#24a148;--semantic-warning:#f1c21b;--semantic-error:#da1e28;--font:"IBM Plex Sans", "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-xxl:48px;--sp-section:96px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);letter-spacing:.16px;color:var(--ink);background:var(--canvas);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}.app{background:var(--canvas);flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;display:flex}.header{z-index:50;background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0}.header-inner{height:48px;padding:0 var(--sp-md);justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{font-size:22px}.logo-title{color:var(--ink);letter-spacing:0;font-size:18px;font-weight:600;line-height:1.1}.logo-sub{color:var(--ink-muted);letter-spacing:.16px;font-size:11px;font-weight:400}.header-badge{color:var(--primary);background:var(--canvas);border:1px solid var(--primary);letter-spacing:.16px;border-radius:0;padding:4px 12px;font-size:12px;font-weight:400}.content{padding:var(--sp-lg) var(--sp-md) 96px;flex:1}.fade-in{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{padding:var(--sp-xl) 0;border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-xl)}.hero h1{font-family:var(--font);letter-spacing:0;margin-bottom:var(--sp-md);color:var(--ink);font-size:42px;font-weight:300;line-height:1.2}.hero .accent{color:var(--primary)}.hero p{color:var(--ink-muted);margin-bottom:var(--sp-lg);letter-spacing:0;font-size:18px;line-height:1.5}.btn-primary{background:var(--primary);color:var(--on-primary);font-family:var(--font);letter-spacing:.16px;cursor:pointer;border:none;border-radius:0;min-height:48px;padding:12px 16px;font-size:14px;font-weight:400;line-height:1.29;transition:background .12s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-pressed)}.btn-secondary{background:var(--ink);color:var(--inverse-ink);min-height:48px;font-family:var(--font);letter-spacing:.16px;cursor:pointer;border:none;border-radius:0;padding:12px 16px;font-size:14px}.stat-grid{margin-bottom:var(--sp-xl);border:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.stat-card{background:var(--canvas);padding:var(--sp-lg) var(--sp-sm);text-align:left;border-right:1px solid var(--hairline)}.stat-card:last-child{border-right:none}.stat-num{color:var(--ink);font-size:32px;font-weight:300;line-height:1.25}.stat-label{color:var(--ink-muted);margin-top:var(--sp-xxs);letter-spacing:.32px;font-size:12px}.section{margin-bottom:var(--sp-xl)}.section-title{letter-spacing:0;margin-bottom:var(--sp-md);color:var(--ink);font-size:32px;font-weight:400;line-height:1.25}.feature-grid{border:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:0;display:grid}.feature-card{background:var(--canvas);border:none;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:var(--sp-lg);text-align:left;cursor:pointer;border-radius:0;transition:background .12s}.feature-card:nth-child(2n){border-right:none}.feature-card:nth-child(n+3){border-bottom:none}.feature-card:hover{background:var(--surface-1)}.feature-icon{margin-bottom:var(--sp-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.feature-title{letter-spacing:0;margin-bottom:var(--sp-xxs);color:var(--ink);font-size:24px;font-weight:400;line-height:1.33}.feature-desc{color:var(--ink-muted);letter-spacing:.16px;font-size:14px;line-height:1.29}.page-title{margin-bottom:var(--sp-md);color:var(--ink);font-size:32px;font-weight:400;line-height:1.25}.loading{text-align:center;color:var(--ink-muted);letter-spacing:.16px;padding:40px;font-size:14px}.empty{text-align:center;padding:var(--sp-xxl) 20px;color:var(--ink-muted)}.empty-icon{margin-bottom:var(--sp-sm);font-size:48px}.empty p{margin-top:var(--sp-xs);color:var(--ink-subtle);letter-spacing:.16px;font-size:14px}.card{background:var(--canvas);border:1px solid var(--hairline);padding:var(--sp-md);border-bottom:none;border-radius:0;margin-bottom:0}.card:last-child{border-bottom:1px solid var(--hairline)}.card-badge{color:var(--primary);background:var(--canvas);border:1px solid var(--hairline);margin-bottom:var(--sp-xs);letter-spacing:.32px;border-radius:0;padding:2px 10px;font-size:12px;font-weight:400;display:inline-block}.card-title{letter-spacing:.16px;margin-bottom:var(--sp-xxs);color:var(--ink);font-size:16px;font-weight:600;line-height:1.5}.card-meta{color:var(--ink-muted);margin-bottom:var(--sp-xs);letter-spacing:.32px;font-size:12px}.card-link{color:var(--primary);letter-spacing:.16px;border-bottom:1px solid #0000;font-size:14px;font-weight:400;text-decoration:none}.card-link:hover{border-bottom-color:var(--primary)}.card-content{color:var(--ink-muted);margin-top:var(--sp-xs);letter-spacing:.16px;font-size:14px;line-height:1.5}.chat{flex-direction:column;height:calc(100vh - 160px);display:flex}.chat-list{padding:var(--sp-xs) 0;gap:var(--sp-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bubble{max-width:84%;padding:var(--sp-sm) var(--sp-md);white-space:pre-wrap;word-break:break-word;letter-spacing:.16px;border-radius:0;font-size:15px;line-height:1.55}.bubble.user{background:var(--primary);color:var(--on-primary);border:1px solid var(--primary);align-self:flex-end}.bubble.assistant{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline);align-self:flex-start}.bubble.typing{color:var(--ink-subtle);letter-spacing:3px;animation:1s infinite blink}@keyframes blink{50%{opacity:.35}}.chat-quick{padding:var(--sp-xs) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);gap:0;display:flex;overflow-x:auto}.chat-quick button{background:var(--canvas);border:none;border-right:1px solid var(--hairline);padding:var(--sp-sm) var(--sp-md);cursor:pointer;white-space:nowrap;color:var(--ink-muted);letter-spacing:.16px;border-radius:0;flex-shrink:0;min-height:48px;font-size:14px;font-weight:400}.chat-quick button:hover{background:var(--surface-1);color:var(--ink)}.hwpx-download{padding:var(--sp-xs) 0}.hwpx-download .btn-primary{width:100%}.admin h2{margin-bottom:var(--sp-md);font-size:18px;font-weight:600}.admin h3{margin:var(--sp-md) 0 var(--sp-xs);font-size:14px;font-weight:600}.admin-org{background:var(--surface-1);padding:var(--sp-sm) var(--sp-md);font-size:13px;line-height:1.8}.admin-org b{color:var(--ink-muted);margin-right:var(--sp-xs)}.admin-stats{gap:var(--sp-xs);margin:var(--sp-md) 0;display:flex}.admin-stats .stat{background:var(--surface-1);padding:var(--sp-sm);text-align:center;flex:1}.stat-num{color:#0f62fe;font-size:22px;font-weight:600;display:block}.stat-lbl{color:var(--ink-muted);font-size:11px}.invite-result{margin-top:var(--sp-xs);padding:var(--sp-sm);background:var(--surface-1)}.invite-result code{color:#0f62fe;letter-spacing:1px;font-size:15px;font-weight:600}.member-row{padding:var(--sp-xs) 0;border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;font-size:13px;display:flex}.role-badge{background:var(--surface-1);padding:2px 8px;font-size:11px}.role-badge.super_admin{color:#fff;background:#da1e28}.role-badge.company_admin{color:#fff;background:#0f62fe}.admin-noauth{text-align:center;padding:var(--sp-xxl) var(--sp-md)}.admin-noauth h2{margin-bottom:var(--sp-sm);font-size:18px}.muted{color:var(--ink-muted);font-size:12px}.loading{text-align:center;padding:var(--sp-xxl);color:var(--ink-muted)}.member-controls{align-items:center;gap:var(--sp-xs);display:flex}.role-select{border:1px solid var(--hairline);background:var(--canvas);border-radius:0;padding:3px 6px;font-family:inherit;font-size:11px}.saved-msg{color:#fff;padding:var(--sp-xs) var(--sp-sm);margin-bottom:var(--sp-sm);background:#24a148;font-size:12px}.ann-form{gap:var(--sp-xs);margin-bottom:var(--sp-sm);flex-direction:column;display:flex}.ann-form input,.ann-form textarea{border:1px solid var(--hairline);padding:var(--sp-xs);border-radius:0;font-family:inherit;font-size:13px}.ann-row{padding:var(--sp-xs) 0;border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:var(--sp-xs);display:flex}.ann-title{font-size:13px;font-weight:600}.btn-delete{background:var(--canvas);color:#da1e28;cursor:pointer;border:1px solid #da1e28;border-radius:0;padding:3px 10px;font-family:inherit;font-size:11px}.btn-delete:hover{color:#fff;background:#da1e28}.org-logo{color:#fff;width:56px;height:56px;margin:var(--sp-sm) 0;background:#0f62fe;justify-content:center;align-items:center;font-size:26px;font-weight:600;display:flex}.org-form{flex-direction:column;gap:6px;display:flex}.org-form label{color:var(--ink-muted);margin-top:4px;font-size:11px}.org-form input,.org-form select{border:1px solid var(--hairline);padding:var(--sp-xs);border-radius:0;font-family:inherit;font-size:13px}.org-form .btn-primary{margin-top:var(--sp-sm)}.chat-input{padding:var(--sp-xs) 0 var(--sp-xxs);gap:0;display:flex}.chat-input input{border:1px solid var(--hairline);background:var(--surface-1);color:var(--ink);font-size:16px;font-family:var(--font);letter-spacing:.16px;border-radius:0;outline:none;flex:1;min-height:48px;padding:11px 16px}.chat-input input:focus{border:none;border-bottom:2px solid var(--primary);outline:none;padding-bottom:10px}.send-btn{background:var(--primary);width:48px;height:48px;color:var(--on-primary);cursor:pointer;border:none;border-radius:0;font-size:18px}.send-btn:hover{background:var(--primary-hover)}.send-btn:active{background:var(--primary-pressed)}.send-btn:disabled{background:var(--surface-2);color:var(--ink-subtle);cursor:not-allowed}.tabbar{background:var(--canvas);border-top:1px solid var(--hairline);width:100%;max-width:520px;padding-bottom:max(0px, env(safe-area-inset-bottom));z-index:50;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{cursor:pointer;padding:var(--sp-xs) 4px;min-height:56px;color:var(--ink-muted);font-family:var(--font);background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;text-decoration:none;transition:color .12s;display:flex}.tab-item.active{color:var(--ink);border-top:2px solid var(--primary);font-weight:600}.tab-icon{font-size:20px}.tab-label{font-size:12px;font-weight:inherit;letter-spacing:.16px}.cta-banner{background:var(--primary);color:var(--on-primary);padding:var(--sp-xxl);margin:var(--sp-xl) 0;border-radius:0}.cta-banner h2{letter-spacing:0;margin-bottom:var(--sp-md);font-size:32px;font-weight:400;line-height:1.25}.cta-banner .btn-tertiary{background:var(--canvas);color:var(--primary);min-height:48px;font-family:var(--font);letter-spacing:.16px;cursor:pointer;border:none;border-radius:0;padding:12px 16px;font-size:14px;font-weight:400}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}@media (width<=360px){.hero h1{font-size:32px}.section-title,.page-title,.stat-num{font-size:26px}}