:root{--cime-bg:#141517;--cime-bg-deep:#0f1012;--cime-surface:#ffffff12;--cime-surface-strong:#ffffff1c;--cime-line:#ffffff24;--cime-line-strong:#ffffff38;--cime-text:#f7f7fb;--cime-muted:#a8adbb;--cime-muted-strong:#d5d8e3;--cime-purple:#7c4dff;--cime-purple-soft:#a783ff;--cime-red:#ff3b55;--cime-success:#3ed986;--cime-warning:#ffd46b;color:var(--cime-text);background:var(--cime-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Pretendard Variable,Pretendard,Pretendard JP Variable,Pretendard JP,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:var(--cime-bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;color:var(--cime-text);background:linear-gradient(180deg, #7740ff52, #14151700 230px), linear-gradient(0deg, #5832cf66, #14151700 260px), var(--cime-bg);padding:32px;overflow-x:hidden}.demo-banner{color:#ffe49e;background:#ffd46b1a;border:1px solid #ffd46b6b;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(1120px,100%);min-height:36px;margin:0 auto 18px;padding:7px 12px;font-size:13px;font-weight:850;display:flex}.demo-banner strong{color:var(--cime-text);font-weight:900}.page-transition{min-height:calc(100vh - 118px)}.dashboard{width:min(1120px,100%);margin:0 auto}.dashboard-content{min-width:0}@media (prefers-reduced-motion:no-preference){.page-transition,.dashboard-content{animation:.22s cubic-bezier(.2,0,0,1) both page-content-enter}.dashboard-content{animation-duration:.18s}::view-transition-old(root){animation:.15s both route-fade-out}::view-transition-new(root){animation:.22s cubic-bezier(.2,0,0,1) both route-fade-in}}@keyframes page-content-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes route-fade-out{0%{opacity:1}to{opacity:0}}@keyframes route-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.topbar,.auth-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar{margin-bottom:22px}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.user-chip{border:1px solid var(--cime-line);max-width:280px;min-height:36px;color:var(--cime-muted-strong);text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:800;overflow:hidden}.dashboard-live-card{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:24px;margin:0 0 18px;padding:4px 0 18px;display:grid}.dashboard-live-copy{align-content:center;gap:16px;min-width:0;display:grid}.dashboard-live-copy>div{gap:6px;min-width:0;display:grid}.dashboard-live-copy h2{color:var(--cime-text);font-size:34px;line-height:1.1}.dashboard-live-copy span:not(.status-pill){color:var(--cime-muted);overflow-wrap:anywhere;font-size:14px;font-weight:750}.dashboard-live-visual{min-width:0}.dashboard-live-visual .stream-preview{min-height:320px;box-shadow:0 18px 52px #00000047}.dashboard-live-visual .signal-frame{gap:18px;min-height:190px}.dashboard-live-visual .signal-avatar,.dashboard-live-visual .signal-mark{width:128px;height:128px}.auth-landing{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:52px;width:min(1080px,100%);min-height:calc(100vh - 64px);margin:0 auto;display:grid}.auth-copy{gap:18px;min-width:0;display:grid}.brand-lockup{width:fit-content;color:var(--cime-text);text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:850;display:inline-flex}.brand-mark{border:1px solid var(--cime-line-strong);width:36px;height:36px;color:var(--cime-text);background:#ffffff14;border-radius:999px;place-items:center;display:grid}.hero-status-row{color:var(--cime-muted-strong);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.live-badge{color:#fff;background:var(--cime-red);border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.auth-copy h1{color:#fff;margin:0;font-size:72px;font-weight:900;line-height:.98}.auth-copy h1 span{color:var(--cime-purple-soft);display:block}.auth-visual{min-width:0;min-height:430px;position:relative}.stream-preview{background:#f5f6fa;border:1px solid #fff3;border-radius:8px;grid-template-rows:auto 1fr auto;width:100%;min-height:410px;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000061}.stream-preview-top{color:#1e2028;justify-content:space-between;align-items:center;min-height:54px;padding:12px 14px;font-size:13px;font-weight:850;display:flex}.signal-frame{background:linear-gradient(#7c4dff2e,#fff0 54%),#fff;border-radius:8px;place-items:center;gap:28px;min-height:250px;margin:0 14px;display:grid}.signal-mark{color:#fff;background:#141517;border:1px solid #14151714;border-radius:999px;place-items:center;width:152px;height:152px;font-size:28px;font-weight:950;display:grid;box-shadow:0 18px 42px #1c1d2242}.signal-avatar{object-fit:cover;background:#141517;border:1px solid #14151714;border-radius:999px;width:152px;height:152px;display:block;box-shadow:0 18px 42px #1c1d2242}.signal-bars{align-items:end;gap:8px;height:52px;display:flex}.signal-bars span{background:var(--cime-purple);border-radius:999px;width:12px}.signal-bars span:first-child{background:#c8b8ff;height:20px}.signal-bars span:nth-child(2){height:36px}.signal-bars span:nth-child(3){background:var(--cime-red);height:52px}.signal-bars span:nth-child(4){height:30px}.signal-bars span:nth-child(5){background:#9ad8ff;height:42px}.chat-preview{gap:8px;padding:16px 18px 18px;display:grid}.chat-preview span{background:#d9dce6;border-radius:999px;height:10px;display:block}.chat-preview span:first-child{background:#cfd3e1;width:78%}.chat-preview span:nth-child(2){background:#f2b3bd;width:56%}.chat-preview span:nth-child(3){background:#d8cef9;width:68%}.notification-preview{border:1px solid var(--cime-line-strong);min-width:230px;color:var(--cime-text);background:#141517eb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 16px;display:grid;position:absolute;bottom:22px;right:-18px;box-shadow:0 18px 48px #0000005c}.notification-preview svg{color:var(--cime-red)}.notification-preview div{gap:3px;min-width:0;display:grid}.notification-preview strong{font-size:14px}.notification-preview span{color:var(--cime-muted);font-size:12px;font-weight:750}.auth-panel{border:1px solid var(--cime-line);background:var(--cime-surface);border-radius:8px;width:min(560px,100%);min-height:280px;margin:12vh auto 0;padding:28px;box-shadow:0 18px 60px #00000038}.auth-panel.auth-only{min-height:220px}.auth-panel.auth-callback{justify-content:center}.auth-callback .loading-panel.inline{box-shadow:none;background:0 0;border:0}.auth-action{justify-items:start;gap:8px;display:grid}.auth-error{color:#ff9daa;max-width:280px;margin:0;font-size:13px;font-weight:750}.auth-result{color:var(--cime-success);overflow-wrap:anywhere;margin:14px 0 0;font-weight:850}.eyebrow{color:var(--cime-muted);text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:40px;line-height:1.08}h2{font-size:16px}.loading-panel,.notice{border:1px solid var(--cime-line);background:#ffffff14;border-radius:8px;width:min(720px,100%);margin:20vh auto 0;padding:16px 18px;box-shadow:0 18px 60px #00000038}.loading-panel.inline{width:auto;margin:0}.auth-loading-panel{justify-content:space-between;align-items:center;gap:14px;display:flex}.notice{width:100%;margin:0 0 16px}.notice.success{color:#8bf0b8;background:#3ed9861a;border-color:#3ed9866b}.notice.info{color:#d9ccff;background:#7c4dff1f;border-color:#a783ff80}.notice.error{color:#ffadb7;background:#ff3b551c;border-color:#ff3b5575}.setup-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.setup-step{border:1px solid var(--cime-line);min-height:58px;color:var(--cime-muted-strong);background:var(--cime-surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.setup-step svg{color:var(--cime-muted)}.setup-step span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;overflow:hidden}.setup-step strong{border:1px solid var(--cime-line);color:var(--cime-muted-strong);background:#ffffff12;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}.setup-step.success svg{color:var(--cime-success)}.setup-step.success strong{color:#8bf0b8;background:#3ed9861a;border-color:#3ed9866b}.setup-step.warning svg{color:var(--cime-warning)}.setup-step.warning strong{color:#ffe49e;background:#ffd46b1a;border-color:#ffd46b70}.setup-step.danger svg{color:var(--cime-red)}.setup-step.danger strong{color:#ffadb7;background:#ff3b551c;border-color:#ff3b5575}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.status-metric{border:1px solid var(--cime-line);background:var(--cime-surface);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;min-height:76px;padding:14px;display:grid}.status-metric svg{color:var(--cime-muted);grid-row:span 2}.status-metric span{color:var(--cime-muted);font-size:12px;font-weight:800}.status-metric strong{overflow-wrap:anywhere;min-width:0;color:var(--cime-text);font-size:17px}.status-metric.success svg,.success-icon{color:var(--cime-success)}.status-metric.warning svg{color:var(--cime-warning)}.status-metric.danger svg{color:var(--cime-red)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel-stack,.history-section{border:1px solid var(--cime-line);background:var(--cime-surface);border-radius:8px}.panel-stack.wide{grid-column:1/-1}.panel-header{border-bottom:1px solid var(--cime-line);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:14px 16px;display:flex}.panel-header>div{align-items:center;gap:10px;min-width:0;display:flex}.panel-header svg{color:var(--cime-muted)}.panel-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.panel-body{padding:16px}.panel-copy{color:var(--cime-muted);margin:0 0 14px;font-size:13px;font-weight:750;line-height:1.55}.setting-action-block{justify-items:start;gap:14px;display:grid}.auth-status-panel .panel-copy,.disabled-panel .panel-copy{margin-bottom:14px}.callback-panel .notice{margin-bottom:0}.account-row,.webhook-summary{align-items:center;gap:14px;min-height:66px;display:flex}.account-copy,.webhook-summary>div{flex:1;gap:3px;min-width:0;display:grid}.account-avatar{color:#fff;object-fit:cover;background:#141517;border:1px solid #fff3;border-radius:999px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:16px;font-weight:950;display:grid;box-shadow:0 12px 26px #0000003d}.account-avatar.fallback{background:linear-gradient(135deg,#7c4dffb8,#ff3b559e),#141517}.account-copy strong{overflow-wrap:anywhere}.account-copy span,.webhook-summary span,.history-row span,.detail span{color:var(--cime-muted);font-size:13px}.webhook-summary span{overflow-wrap:anywhere}.webhook-settings,.notification-template-form,.template-fields,.discord-preview,.webhook-form{gap:14px;display:grid}.form-action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.webhook-form label,.template-fields label{color:var(--cime-muted-strong);gap:8px;font-size:13px;font-weight:800;display:grid}.template-variable-list{flex-wrap:wrap;gap:8px;display:flex}.template-variable-list code{border:1px solid var(--cime-line);color:var(--cime-muted-strong);background:#ffffff12;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.discord-preview{border-left:3px solid var(--cime-purple-soft);padding:4px 0 4px 14px}.preview-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-header h3{margin:0;font-size:14px}.preview-header span{border:1px solid var(--cime-line);color:var(--cime-muted);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:850}.discord-message{border:1px solid var(--cime-line);background:#0f101294;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.discord-message>strong{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cime-text);font-size:14px;line-height:1.55}.discord-message.muted>strong{color:var(--cime-muted-strong);font-size:13px}.discord-embed{border-left:3px solid var(--cime-red);gap:9px;padding-left:10px;display:grid}.discord-embed b{overflow-wrap:anywhere;color:#fff;font-size:14px}.discord-embed dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.discord-embed dl div{gap:3px;min-width:0;display:grid}.discord-embed dt{color:var(--cime-muted);font-size:11px;font-weight:850}.discord-embed dd{overflow-wrap:anywhere;color:var(--cime-muted-strong);margin:0;font-size:12px;font-weight:800}.preview-trigger-copy{color:var(--cime-muted);margin:0;font-size:12px;font-weight:750;line-height:1.55}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.secret-input-row{grid-template-columns:minmax(0,1fr) auto}.secret-input-row .icon-button{align-self:stretch;width:42px;min-height:42px}.input-hint{color:var(--cime-muted);margin:-6px 0 0;font-size:12px;font-weight:750;line-height:1.5}.inline-status{border:1px solid var(--cime-line);color:var(--cime-muted-strong);background:#ffffff0f;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.5}.inline-status.success{color:#8bf0b8;background:#3ed9861a;border-color:#3ed9866b}.inline-status.info{color:#d9ccff;background:#7c4dff1f;border-color:#a783ff80}.inline-status.error{color:#ffadb7;background:#ff3b551c;border-color:#ff3b5575}input{border:1px solid var(--cime-line-strong);width:100%;min-height:42px;color:var(--cime-text);background:#0f1012db;border-radius:8px;padding:0 12px}textarea{resize:vertical;border:1px solid var(--cime-line-strong);width:100%;color:var(--cime-text);background:#0f1012db;border-radius:8px;padding:10px 12px;line-height:1.45}input:focus,textarea:focus{border-color:var(--cime-purple-soft);outline:3px solid #7c4dff3d}.primary-button,.secondary-button,.icon-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--cime-purple);border:1px solid #a783ffa3;padding:0 16px;box-shadow:0 14px 32px #7c4dff42}.auth-copy .primary-button{min-width:196px;min-height:48px}.primary-button:hover:not(:disabled){background:#8b5fff}.primary-button.compact{min-width:108px}.secondary-button.compact{min-width:94px}.secondary-button{border:1px solid var(--cime-line-strong);color:var(--cime-text);background:#ffffff14;padding:0 14px;text-decoration:none}.icon-button{border:1px solid var(--cime-line);width:36px;min-height:36px;color:var(--cime-muted-strong);background:#ffffff12}.icon-button.danger{color:#ff93a2}.monitor-layout{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.monitor-main{flex:1;gap:14px;display:grid}.monitor-copy{max-width:820px;margin-bottom:2px}.status-pill{border:1px solid var(--cime-line);width:fit-content;min-height:32px;color:var(--cime-muted-strong);background:#ffffff12;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:850;display:inline-flex}.status-pill.success{color:#8bf0b8;background:#3ed9861a;border-color:#3ed9866b}.status-pill.warning{color:#ffe49e;background:#ffd46b1a;border-color:#ffd46b70}.status-pill.danger{color:#ffadb7;background:#ff3b551c;border-color:#ff3b5575}.monitor-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail{gap:5px;min-width:0;display:grid}.detail strong{overflow-wrap:anywhere}.history-section{margin-top:16px;padding:16px}.history-section h2{margin-bottom:12px}.history-list{gap:8px;display:grid}.history-row{border-top:1px solid var(--cime-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:8px 0;display:grid}.history-row:first-child{border-top:0}.history-row>div{gap:3px;min-width:0;display:grid}.dot{background:var(--cime-success);border-radius:999px;width:9px;height:9px}.dot.failed{background:var(--cime-red)}.empty-history{min-height:44px;color:var(--cime-muted);align-items:center;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090cb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guide-modal{border:1px solid var(--cime-line-strong);width:min(560px,100%);max-height:min(720px,100vh - 40px);color:var(--cime-text);background:#1b1c20;border-radius:8px;overflow:auto;box-shadow:0 28px 80px #0000006b}.guide-modal-header,.guide-modal-actions{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.guide-modal-header{border-bottom:1px solid var(--cime-line)}.guide-modal-header>div{align-items:center;gap:10px;min-width:0;display:flex}.guide-modal-header h2{margin:0}.guide-modal-body{gap:14px;padding:16px;display:grid}.guide-step-list{color:var(--cime-muted-strong);gap:10px;margin:0;padding-left:24px;font-size:14px;font-weight:750;line-height:1.55;display:grid}.guide-step-list li::marker{color:var(--cime-purple-soft);font-weight:900}.guide-note{border:1px solid var(--cime-line);color:var(--cime-muted);background:#ffffff0f;border-radius:8px;margin:0;padding:11px 12px;font-size:13px;font-weight:750;line-height:1.55}.guide-modal-actions{border-top:1px solid var(--cime-line);justify-content:flex-start}@media (width<=920px){.auth-landing{grid-template-columns:1fr;align-content:center;gap:32px}.auth-copy h1{font-size:56px}.auth-visual{width:min(420px,100%);min-height:390px;margin:0 auto}.notification-preview{right:10px}.dashboard-live-card{grid-template-columns:1fr}.dashboard-live-visual{width:min(420px,100%)}}@media (width<=820px){.app-shell{padding:18px}.topbar,.auth-panel,.monitor-layout{flex-direction:column;align-items:stretch}.status-strip,.setup-summary,.dashboard-grid,.monitor-detail-grid{grid-template-columns:1fr}.topbar-actions{justify-content:stretch}.user-chip{flex:1;max-width:none}.dashboard-live-copy h2{font-size:28px}.input-row{grid-template-columns:1fr}.secret-input-row{grid-template-columns:minmax(0,1fr) auto}.primary-button.compact,.secondary-button.compact,.auth-action,.auth-action .primary-button{width:100%}}@media (width<=520px){h1{font-size:32px}.auth-copy h1{font-size:44px}.stream-preview{min-height:360px}.signal-frame{min-height:220px}.notification-preview{width:100%;margin:12px auto 0;position:static}.panel-header,.panel-actions,.form-action-row,.guide-modal-actions{flex-direction:column;align-items:stretch}.panel-actions,.form-action-row,.guide-modal-actions,.panel-actions>*,.form-action-row>*,.guide-modal-actions>*{width:100%}}