/* Orange is an accent; hierarchy comes from spacing, type and borders. */
.guild-avatar{position:relative;overflow:hidden}.guild-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.guild-avatar [hidden]{display:none!important}
.breadcrumb>[data-guild-name]{padding:0;color:inherit}
:root{--bg:#f4f5f7;--surface:#fff;--surface-soft:#f7f8fa;--surface-hover:#fff1e7;--ink:#25282e;--muted:#6b717d;--text-soft:#525967;--line:#e3e6eb;--violet:#bd4c13;--focus:#d45d20;--accent:#bd4c13;--accent-soft:#fff1e7;--accent-ink:#a7400e;--radius:12px;--shadow:0 2px 7px #17212f04;--red:#bd3546;--green:#237756}
:root[data-theme="dark"]{--bg:#14171b;--surface:#1c2026;--surface-soft:#242a31;--surface-hover:#362a23;--ink:#eef0f3;--muted:#a3acb9;--text-soft:#c2c9d3;--line:#343b45;--violet:#ffac79;--focus:#ffac79;--accent:#ffac79;--accent-soft:#362a23;--accent-ink:#ffba91;--shadow:none;--red:#f49aab;--green:#84d4b2}
body{background:var(--bg);color:var(--ink);font-family:system-ui,"Segoe UI","Malgun Gothic",sans-serif;line-height:1.6;font-size:14px;letter-spacing:-.15px}
h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);font-weight:650}a{color:var(--accent)}button,input,select,textarea{font:inherit}
.ui-icon{width:19px;height:19px;flex-shrink:0;display:inline-block;vertical-align:middle}
.sidebar{width:248px;padding:25px 16px 18px;background:var(--surface);border-color:var(--line)}.workspace{margin-left:248px}.brand{gap:11px;letter-spacing:-.5px;font-size:20px;color:var(--ink)}.brand img{width:36px;height:36px;border-radius:11px}.brand-small{font-size:10px;letter-spacing:.3px;color:var(--muted);font-weight:450}.server-switch{margin:28px 0 20px;border-radius:10px;background:var(--surface-soft);border-color:var(--line);padding:12px;gap:10px}.server-switch>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-switch small{font-size:11px;margin-top:3px}.guild-avatar{background:var(--accent-soft);color:var(--accent-ink);border-radius:12px;font-weight:650}.guild-avatar.small{border-radius:8px}.nav-label{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:600;margin:24px 11px 8px}.nav-item{display:flex;gap:12px;min-height:42px;border-radius:8px;padding:10px 12px;color:var(--text-soft);font-size:13px;margin:2px 0;box-shadow:none!important}.nav-item:hover,.nav-item.active{background:var(--accent-soft)!important;color:var(--accent-ink)!important}.nav-item.active{font-weight:650}.sidebar-bottom{border-color:var(--line);font-size:11px;color:var(--muted);padding-top:16px}.sidebar-bottom small{margin-left:auto}.status-dot{background:#4b9d77;width:6px;height:6px}.module-search{border-radius:8px;background:var(--surface-soft);border-color:var(--line);padding:8px 10px;gap:7px}.module-search kbd{border-color:var(--line);color:var(--muted)}
.topbar{background:var(--surface)!important;border-color:var(--line);padding:0 36px;height:72px;backdrop-filter:none}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb>span{padding:0 10px}.breadcrumb strong{color:var(--ink);font-weight:550}.header-actions{gap:18px;font-size:12px}.user-label{font-size:12px;color:var(--text-soft)}.text-link{color:var(--text-soft);font-size:12px}.text-link:hover{color:var(--accent)}.theme-control>span{display:none}.theme-control select{min-height:32px;max-width:108px;background:var(--surface-soft);border-radius:7px;padding:5px 8px;font-size:11px}.theme-control.is-floating{background:var(--surface);box-shadow:none;top:20px;right:20px}
.main-content{max-width:1320px;padding:32px 36px 50px}.page-heading{align-items:center;padding:0 0 24px;margin-bottom:24px;border-color:var(--line);gap:20px}.page-heading h1{font-size:28px;letter-spacing:-1px;line-height:1.3;margin-bottom:7px}.page-heading p{font-size:13px;max-width:660px;line-height:1.7}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:0;font-weight:550}.page-heading .eyebrow{display:none}.page-heading>.button{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.button{border-radius:8px;font-size:12px;font-weight:600;min-height:38px;padding:9px 15px;box-shadow:none;transition:background .15s,border-color .15s}.primary,:root[data-theme="dark"] .primary{background:#c45117;color:#fff;border:1px solid #c45117}.primary:hover{background:#a94311;border-color:#a94311}.secondary,:root[data-theme="dark"] .secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--surface-soft)}.danger,:root[data-theme="dark"] .danger{background:#b83147;color:#fff;border-color:#b83147}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.card,.module-card,.stat-card,.guild-card,.record,.feature-guide,.console-tabs a{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:var(--shadow);color:var(--ink)}.card{padding:24px;margin-bottom:20px}.card h2{font-size:17px;letter-spacing:-.4px;margin:0 0 20px}.module-card,.guild-card{transform:none!important;transition:border-color .15s;box-shadow:none!important}.module-card:hover,.guild-card:hover{border-color:var(--accent)!important}.module-icon,.stat-icon{background:var(--accent-soft)!important;color:var(--accent)!important;border-radius:10px;width:36px;height:36px;font-size:19px}.module-grid{gap:14px}.module-card{padding:22px}.module-card h3{font-size:15px;margin:15px 0 6px}.module-card p{font-size:12px;line-height:1.7;color:var(--muted)}.module-bottom{border-color:var(--line);padding-top:13px;margin-top:18px;font-size:11px}.stats-grid{gap:14px}.stat-card{padding:20px}.stat-card strong{font-size:30px;color:var(--ink)!important;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-card p{font-size:12px;color:var(--muted)}.badge{font-size:10px;background:var(--surface-soft);color:var(--muted);border-radius:5px;padding:3px 7px}.badge.on{background:#e8f4ee;color:#28694e}:root[data-theme="dark"] .badge.on{background:#213c32;color:#9ddabc}
.notice{border-radius:8px;padding:11px 14px;font-size:12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text-soft);margin-bottom:18px}.notice.success{background:transparent!important;border-color:var(--line)!important;color:var(--muted)!important;padding:8px 0;border-width:0 0 1px;border-radius:0}.notice.error{background:#fff0f2;color:#a72d43;border-color:#f3c3cc}:root[data-theme="dark"] .notice.error{background:#39252c;color:#f4a7b7;border-color:#683442}.settings-note{border:1px solid var(--line)!important;border-radius:8px;background:var(--surface-soft)!important;color:var(--text-soft)!important;font-size:12px;padding:12px 14px;line-height:1.8;white-space:normal}.feature-guide{border-radius:8px;background:var(--surface-soft)!important;margin:0 0 20px;box-shadow:none}.feature-guide summary{padding:12px 15px;font-size:12px;font-weight:550;color:var(--text-soft)!important}.feature-guide-body{padding:0 15px 14px;font-size:12px;color:var(--muted)}.command-chip{background:var(--surface)!important;color:var(--text-soft)!important;border-color:var(--line);font:11px ui-monospace,monospace;padding:7px 9px;border-radius:6px}
.form-grid{gap:20px}.group{border-color:var(--line);background:var(--surface)!important;border-radius:9px;padding:20px;margin:0}.group>legend{color:var(--ink)!important;background:var(--surface)!important;font-size:13px;font-weight:600;padding:0 8px}.group .group{background:var(--surface-soft)!important}.group .group>legend{background:var(--surface-soft)!important}.field{gap:7px;min-width:0}.field>span{font-weight:550;font-size:12px;color:var(--text-soft)!important}.field small{font-size:10px;color:var(--muted)!important;line-height:1.6}.field input:not([type="checkbox"]),.field select,.field textarea,.connection-field input,.action-controls>label select{border:1px solid var(--line)!important;background:var(--surface-soft)!important;color:var(--ink)!important;border-radius:7px;font-size:13px;min-height:40px;padding:9px 11px}.field textarea{min-height:112px;line-height:1.7}.field input[type="color"]{height:40px;padding:5px!important}.field input[type="checkbox"],input[type="checkbox"]{accent-color:#c45117}.toggle-field{padding:13px 14px;border-color:var(--line);background:var(--surface-soft)!important;border-radius:8px;min-height:50px}.toggle-field input[type="checkbox"]{width:17px;height:17px}.collection-row{border-color:var(--line);background:var(--surface-soft)!important;border-radius:8px}.settings-toolbar{border-color:var(--line);padding-bottom:14px;margin-bottom:20px}.settings-search{border-color:var(--line);background:var(--surface-soft);border-radius:8px}.filter-count{font-size:11px}.save-bar{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 4px 22px #00000010;backdrop-filter:none;border-radius:10px;padding:13px 18px;bottom:16px}.save-bar>div{font-size:12px}.save-bar small{color:var(--muted);font-size:10px}
.settings-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 22px;border-bottom:1px solid var(--line);padding:0 0 12px}.settings-tabs button{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:550;padding:8px 12px;cursor:pointer}.settings-tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.settings-panel>.group{border:0;padding:0}.settings-panel h3{font-size:15px;margin:0 0 5px}.section-description{color:var(--muted);font-size:12px;margin:0 0 20px}.settings-section-intro{margin-bottom:20px}.settings-panel .group .group{margin-top:5px}.provider-card{padding:20px;border:1px solid var(--line);border-radius:10px;margin:0 0 18px}.provider-card>h3{margin:0 0 16px}.provider-card>.form-grid{margin-top:20px}.provider-card details{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}.provider-card summary{font-size:12px;cursor:pointer;color:var(--text-soft)}.provider-card details>.group{margin-top:18px}.provider-card .toggle-field{background:transparent!important}.provider-card .discord-preview{margin-top:15px}.action-section{margin-top:28px}.action-section>.section-heading{border-color:var(--line)}.section-heading .eyebrow{display:none}.action-controls>label{font-size:12px}.result,.record{background:var(--surface)!important;border-color:var(--line)}.record{padding:19px}.result{border-radius:8px}.record h3{font-size:14px}.result th,.result td{border-color:var(--line)}.record-meta,.record .record-reason{color:var(--muted)!important}.mention-options{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 8px 22px #0002;border-radius:8px}.mention-options button{color:var(--ink)}.mention-chip{background:var(--accent-soft);color:var(--accent-ink)}.discord-preview{background:var(--surface-soft)!important;border-color:var(--line);border-left-color:var(--accent);color:var(--ink)}.discord-preview h3,.embed-field strong,.embed-author{color:var(--ink)!important}.discord-preview p,.embed-footer{color:var(--muted)!important}.toast{background:#262b33;color:#fff;border:1px solid #48505d;border-radius:9px;font-size:12px}
.landing{max-width:1120px;padding:0 40px}.public-header{min-height:85px;border-color:var(--line);gap:22px;padding:20px 0}.public-header .header-actions{flex-wrap:wrap}.hero{text-align:left;padding:80px 0 50px;max-width:100%}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.hero .pill{display:inline-flex;gap:8px;align-items:center;color:var(--accent-ink);background:var(--accent-soft);padding:5px 10px;font-size:11px;margin-bottom:25px}.hero h1{font-size:46px;letter-spacing:-2px;line-height:1.2;color:var(--ink)!important;margin:0 0 23px}.hero>p,.login-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px;margin-bottom:26px}.hero .button{display:inline-flex;align-items:center;gap:22px;padding:13px 21px;font-size:13px}.hero-note{font-size:11px;color:var(--muted);margin-top:14px}.hero-features{display:flex;flex-direction:column;gap:0;margin:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}.hero-features article{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;padding:24px 26px;display:grid;grid-template-columns:35px 1fr;gap:5px 14px;background:var(--surface)!important}.hero-features article:last-child{border-bottom:0!important}.hero-features article>span{color:var(--accent);grid-row:span 2;margin:1px 0 0;font-size:20px}.hero-features h3{font-size:14px;margin:0}.hero-features p{font-size:12px;color:var(--muted);margin:0}.guild-main{padding:40px 0}.guild-main>h1{font-size:29px;letter-spacing:-1px;margin:0 0 9px}.guild-grid{gap:16px;margin:26px 0}.guild-card{padding:24px;position:relative}.guild-card h2{font-size:16px;margin:21px 0 4px}.guild-card>.ui-icon{position:absolute;right:23px;bottom:24px;color:var(--muted)}.guild-card .muted{font-size:11px}.operator-console .guild-main{padding:35px 0}.console-tabs{gap:5px;border-bottom:1px solid var(--line);padding-bottom:15px;margin:0 0 25px}.console-tabs a{border:0!important;background:transparent!important;padding:8px 13px;border-radius:7px;color:var(--muted);font-size:12px;box-shadow:none}.console-tabs a:hover{background:var(--accent-soft)!important;color:var(--accent-ink)}.operator-console section{scroll-margin-top:20px}.policy-page{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:40px auto;padding:32px;max-width:800px;font-size:14px}.policy-page h1{font-size:28px;letter-spacing:-1px}.policy-page h2{font-size:18px;color:var(--ink)}.policy-page p{color:var(--text-soft);line-height:1.9}.loading-card,.empty{background:var(--surface-soft)!important;border-color:var(--line);color:var(--muted)!important;border-radius:10px}.empty h2{color:var(--ink)}footer{border-color:var(--line);color:var(--muted);font-size:10px;gap:16px}footer a{color:var(--muted)}dialog{background:var(--surface);border-color:var(--line);border-radius:12px;color:var(--ink);padding:26px}dialog h2{font-size:19px}dialog p{color:var(--muted)}dialog::backdrop{background:#0b1119a6;backdrop-filter:none}
@media(min-width:1600px){.main-content{padding:38px 48px}}
@media(max-width:1050px){.main-content{padding:27px 24px}.topbar{padding:0 24px}.login-layout{gap:35px}.hero h1{font-size:38px}.hero-features article{padding:20px}.user-label{display:none}}
@media(max-width:800px){.workspace{margin-left:0}.sidebar{width:248px}.topbar{height:64px;padding:0 18px}.main-content{padding:25px 18px 40px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.page-heading>.button{padding:8px 10px;min-height:34px;font-size:11px}.page-heading>.button .ui-icon{width:14px;height:14px}.header-actions{gap:12px}.card{padding:20px}.settings-tabs{gap:3px}.settings-tabs button{padding:8px 10px}.group{padding:17px}.landing{padding:0 22px}.public-header{padding:18px 0;min-height:76px}.login-layout{grid-template-columns:1fr;gap:38px}.hero{padding:45px 0}.hero h1{font-size:39px}.hero-features{margin-top:0}.guild-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-page{margin:22px 16px;padding:24px}.operator-console .guild-main{padding:28px 0}.save-bar{padding:12px}.provider-card{padding:16px}}
@media(max-width:480px){.guild-grid{grid-template-columns:1fr}.public-header .brand-small{display:none}.public-header .header-actions{gap:10px;font-size:11px}.header-actions .theme-control select{max-width:86px;font-size:10px}.breadcrumb{font-size:11px}.breadcrumb>span{padding:0 5px}.card{padding:17px}.field input,.field select,.field textarea{font-size:16px}.page-heading>.button{font-size:0;min-width:34px;padding:8px}.page-heading>.button .ui-icon{width:16px;height:16px}.save-bar .button{font-size:11px;padding:9px 12px}.hero h1{font-size:34px}.settings-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.settings-tabs button{white-space:nowrap}.settings-panel>.group{padding:0}.group .form-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.welcome-intro{margin-bottom:24px}.welcome-intro>.field{max-width:500px}.welcome-intro>p{font-size:12px;margin:9px 0 0}.welcome-editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:30px;align-items:start}.welcome-editor-fields{display:flex;flex-direction:column;gap:18px}.welcome-editor-fields>h3{margin:12px 0 -5px;font-size:14px}.welcome-live-preview{position:sticky;top:20px;padding:20px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;min-width:0}.welcome-live-preview>h3{font-size:13px;margin:0 0 6px}.welcome-live-preview .preview-note{margin-bottom:17px;font-size:11px}.welcome-live-preview .discord-preview{border-top:0;border-right:0;border-bottom:0;border-radius:5px;background:var(--surface)!important;padding:15px}.welcome-live-preview .discord-preview:empty::before{content:'메시지를 입력하세요.';color:var(--muted)}.variable-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:-7px}.variable-buttons button{background:var(--surface-soft);border:1px solid var(--line);color:var(--text-soft);font-size:11px;padding:5px 8px;border-radius:5px;cursor:pointer}.variable-buttons button:hover{background:var(--accent-soft);color:var(--accent-ink)}.message-appearance{border:1px solid var(--line);border-radius:8px;padding:13px 15px}.message-appearance summary{font-size:12px;cursor:pointer;color:var(--text-soft)}.message-appearance>.form-grid{padding-top:20px;grid-template-columns:1fr}.preview-mention{font-size:12px;color:var(--accent-ink);margin:0 0 10px}.welcome-settings>.settings-tabs{margin-top:10px}
@media(max-width:1050px){.welcome-editor-layout{grid-template-columns:1fr}.welcome-live-preview{position:static;max-width:620px}.welcome-editor-fields{max-width:none}}