:root{--ui-paper:#f2f1ec;--ui-paper-2:#e8e7e1;--ui-surface:#fff;--ui-surface-2:#f7f6f2;--ui-line:#dcdad2;--ui-line-2:#c9c6bb;--ui-ink:#16171a;--ui-ink-2:#55565a;--ui-mute:#6a6a6a;--ui-accent:#1e4b3f;--ui-accent-soft:#e3ece7;--ui-accent-ink:#fff;--ui-live:#25784a;--ui-live-bg:#e6f2ea;--ui-pending:#8a5a12;--ui-pending-bg:#fbf1dd;--ui-danger:#b23a2e;--ui-danger-bg:#f9e7e4;--ui-link:#0505bf;--ui-radius:7px;--ui-radius-card:10px;--ui-shadow-card:0 18px 40px -30px #16171a40;--ui-font-sans:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--ui-font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--ui-font-size-body:16px;--ui-font-size-small:15px;--ui-font-size-title:17px;--ui-font-size-card-title:18px;--ui-font-size-h1:22px;--ui-font-size-stat:28px;--ui-font-size-login:32px;--ui-font-size-login-phone:28px;--ui-kakao-bg:#fee500;--ui-kakao-ink:#000000d9;--ui-naver-bg:#03a94d;--ui-naver-ink:#fff;--ui-google-bg:#fff;--ui-google-line:#747775;--ui-google-ink:#1f1f1f;--ui-font-size-sso:19px}.sf-ui-btn{border:1px solid var(--ui-line-2);border-radius:var(--ui-radius);background:var(--ui-surface);height:46px;color:var(--ui-ink);font-family:var(--ui-font-sans);font-size:var(--ui-font-size-body);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.sf-ui-btn--primary{background:var(--ui-ink);border-color:var(--ui-ink);color:var(--ui-accent-ink)}.sf-ui-btn--accent{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-ink)}.sf-ui-btn--quiet{color:var(--ui-ink-2);background:0 0;border-color:#0000}.sf-ui-btn--danger{color:var(--ui-danger)}.sf-ui-btn:not(:disabled):hover{background:var(--ui-surface-2)}.sf-ui-btn--primary:not(:disabled):hover{border-color:color-mix(in srgb, var(--ui-ink) 85%, var(--ui-surface));background:color-mix(in srgb, var(--ui-ink) 85%, var(--ui-surface))}.sf-ui-btn--accent:not(:disabled):hover{border-color:color-mix(in srgb, var(--ui-accent) 85%, var(--ui-ink));background:color-mix(in srgb, var(--ui-accent) 85%, var(--ui-ink))}.sf-ui-btn--quiet:not(:disabled):hover{background:var(--ui-paper-2);color:var(--ui-ink)}.sf-ui-btn--danger:not(:disabled):hover{background:var(--ui-danger-bg)}.sf-ui-btn--sm{height:36px;font-size:var(--ui-font-size-small);padding:0 12px}.sf-ui-btn--lg{height:50px;padding:0 22px}.sf-ui-btn:disabled,.sf-ui-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.sf-ui-switch{background:var(--ui-line-2);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .2s;position:relative}.sf-ui-switch__knob{background:var(--ui-accent-ink);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.sf-ui-switch[aria-checked=true]{background:var(--ui-accent)}.sf-ui-switch[aria-checked=true] .sf-ui-switch__knob{transform:translate(18px)}.sf-ui-switch:disabled{opacity:.5;cursor:not-allowed}.sf-ui-chip,.sf-ui-status{font-family:var(--ui-font-sans);font-size:var(--ui-font-size-small);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:600;line-height:1.4;display:inline-flex}.sf-ui-chip:before,.sf-ui-status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}button.sf-ui-status{cursor:pointer}.sf-ui-chip--live,.sf-ui-status--live{background:var(--ui-live-bg);color:var(--ui-live)}.sf-ui-chip--pending,.sf-ui-status--building,.sf-ui-status--dirty{background:var(--ui-pending-bg);color:var(--ui-pending)}.sf-ui-chip--danger,.sf-ui-status--failed{background:var(--ui-danger-bg);color:var(--ui-danger)}.sf-ui-chip--off{background:var(--ui-paper-2);color:var(--ui-ink-2)}.sf-ui-chip--accent{background:var(--ui-accent-soft);color:var(--ui-accent)}.sf-ui-chip--line{box-shadow:inset 0 0 0 1px var(--ui-line-2);color:var(--ui-ink-2);background:0 0}.sf-ui-status--building:before{animation:1.2s ease-in-out infinite sf-ui-pulse}@keyframes sf-ui-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sf-ui-status--building:before{animation:none}}.sf-ui-seg{border:1px solid var(--ui-line-2);border-radius:var(--ui-radius);background:var(--ui-surface);display:inline-flex;overflow:hidden}.sf-ui-seg__btn{border:0;border-left:1px solid var(--ui-line-2);height:34px;color:var(--ui-ink-2);font-family:var(--ui-font-sans);font-size:var(--ui-font-size-small);cursor:pointer;background:0 0;padding:0 12px}.sf-ui-seg__btn:first-child{border-left:0}.sf-ui-seg__btn--on{background:var(--ui-ink);color:var(--ui-accent-ink)}.sf-ui-field{flex-direction:column;gap:6px;min-width:0;display:flex}.sf-ui-field__label{color:var(--ui-ink-2);font-family:var(--ui-font-sans);font-size:var(--ui-font-size-small);justify-content:space-between;font-weight:500;display:flex}.sf-ui-field__count{color:var(--ui-mute);font-family:var(--ui-font-mono);font-size:var(--ui-font-size-small);font-weight:400}.sf-ui-field__count--over{color:var(--ui-danger)}.sf-ui-field__side{color:var(--ui-mute);gap:6px;font-weight:400;display:flex}.sf-ui-field__count+.sf-ui-field__aside:before{content:"· "}.sf-ui-field__hint{color:var(--ui-mute);font-size:var(--ui-font-size-small);margin:0}.sf-ui-field__message{font-size:var(--ui-font-size-small);margin:0}.sf-ui-field__message--block,.sf-ui-field__message--error{color:var(--ui-danger)}.sf-ui-field__message--warn{color:var(--ui-pending)}.sf-ui-modal{background:var(--ui-surface);width:min(520px,100%);color:var(--ui-ink);border:0;border-radius:10px;flex-direction:column;gap:14px;padding:22px 24px;display:flex;box-shadow:0 30px 80px #0000004d}.sf-ui-modal--wide{gap:20px;width:min(800px,100%);padding:28px 32px}@media (width<=640px){.sf-ui-modal--wide{padding:22px 24px}}.sf-ui-modal:not([open]){display:none}.sf-ui-modal::backdrop{background:#14161973}.sf-ui-modal__title{font-family:var(--ui-font-sans);font-size:var(--ui-font-size-title);margin:0;font-weight:600}.sf-ui-modal__body{color:var(--ui-ink-2);font-size:var(--ui-font-size-body);line-height:1.6}.sf-ui-modal__actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.sf-ui-drawer-backdrop{z-index:44;background:#14161973;position:fixed;inset:0}.sf-ui-drawer{z-index:45;background:var(--ui-surface);flex-direction:column;width:min(520px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #0000002e}.sf-ui-drawer__head{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.sf-ui-drawer__title{font-family:var(--ui-font-sans);font-size:var(--ui-font-size-title);margin:0;font-weight:600}.sf-ui-drawer__body{flex-direction:column;flex-grow:1;gap:16px;padding:20px 22px;display:flex;overflow:auto}.sf-ui-drawer__foot{border-top:1px solid var(--ui-line);justify-content:space-between;gap:8px;padding:14px 22px;display:flex}.sf-ui-toast{bottom:var(--sf-ui-toast-offset,24px);left:var(--sf-ui-toast-x,50%);z-index:60;width:max-content;max-width:var(--sf-ui-toast-max-width,calc(100% - 32px));background:var(--ui-ink);color:var(--ui-accent-ink);font-family:var(--ui-font-sans);font-size:var(--ui-font-size-small);opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translate(-50%)translateY(8px)}.sf-ui-toast--show{opacity:1;transform:translate(-50%)}.sf-ui-toast__dot{background:var(--ui-live);border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (prefers-reduced-motion:reduce){.sf-ui-toast{transition:none}}.sf-ui-card,.sf-ui-theme,.sf-ui-swatch,.sf-ui-stat{border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:var(--ui-surface)}.sf-ui-card{min-width:0;box-shadow:var(--ui-shadow-card);flex-direction:column;gap:16px;padding:24px 28px;display:flex}.sf-ui-card__head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;display:grid}.sf-ui-card__title{color:var(--ui-ink);font-size:var(--ui-font-size-card-title);grid-column:1;margin:0;font-weight:700;line-height:1.4}.sf-ui-card__hint{color:var(--ui-mute);font-size:var(--ui-font-size-small);grid-column:1;margin:0;line-height:1.5}.sf-ui-card__actions{grid-area:1/2;align-items:center;gap:8px;display:flex}.sf-ui-card__body{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=640px){.sf-ui-card{padding:20px}}.sf-ui-plan{border:1px dashed var(--ui-line-2);border-radius:var(--ui-radius-card);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 16px;display:flex}.sf-ui-plan__text{color:var(--ui-ink-2);font-size:var(--ui-font-size-small);flex:16em;margin:0}.sf-ui-plan__state{color:var(--ui-mute);font-size:var(--ui-font-size-small)}.sf-ui-theme,.sf-ui-swatch{min-width:0;color:var(--ui-ink);font:inherit;text-align:left;cursor:pointer;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.sf-ui-theme:hover,.sf-ui-swatch:hover{border-color:var(--ui-line-2)}.sf-ui-theme[aria-pressed=true],.sf-ui-swatch[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent), 0 0 0 4px var(--ui-accent-soft)}.sf-ui-theme{gap:12px;padding:14px}.sf-ui-theme__pic{border-radius:var(--ui-radius);background:var(--site-bg-2);height:118px;display:block;overflow:hidden}.sf-ui-theme__pic img{object-fit:cover;width:100%;height:100%;display:block}.sf-ui-theme__dots,.sf-ui-swatch__dots{align-items:center;gap:6px;display:flex}.sf-ui-theme__dot,.sf-ui-swatch__dot{border-radius:50%;flex-shrink:0;display:block}.sf-ui-theme__dot{border:1px solid var(--ui-line);width:16px;height:16px}.sf-ui-theme__dot--bg{background:var(--site-bg)}.sf-ui-theme__dot--ink{background:var(--site-ink)}.sf-ui-theme__dot--color{background:var(--site-color)}.sf-ui-theme__name{font-size:var(--ui-font-size-body);font-weight:700}.sf-ui-theme__desc{color:var(--ui-mute);font-size:var(--ui-font-size-small);line-height:1.5}.sf-ui-swatch{gap:10px;padding:clamp(6px,10%,12px)}.sf-ui-swatch__dot{aspect-ratio:1;flex-shrink:1;min-width:0}.sf-ui-swatch__dot--color{background:var(--site-color);width:28px}.sf-ui-swatch__dot--band{background:var(--site-band);width:20px}.sf-ui-swatch__dot--soft{border:1px solid var(--ui-line);background:var(--site-color-soft);width:14px}.sf-ui-swatch__foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;display:flex}.sf-ui-swatch__name{font-size:var(--ui-font-size-small);white-space:nowrap;font-weight:700}.sf-ui-swatch__tag{color:var(--ui-accent);font-size:var(--ui-font-size-small);font-weight:600}.sf-ui-stat{flex-direction:column;gap:6px;min-width:0;padding:20px 22px;display:flex}.sf-ui-stat__label,.sf-ui-stat__note{color:var(--ui-mute);font-size:var(--ui-font-size-small);margin:0}.sf-ui-stat__value{color:var(--ui-ink);font-size:var(--ui-font-size-stat);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.sf-legal{max-width:760px;color:var(--ui-ink);font-size:var(--ui-font-size-body);word-break:keep-all;margin:0 auto;padding:48px 20px 80px;line-height:1.75}.sf-legal__home{color:var(--ui-accent);font-size:var(--ui-font-size-small);font-weight:600;text-decoration:none}.sf-legal h1{color:var(--ui-ink);font-size:var(--ui-font-size-h1);margin:16px 0 8px;line-height:1.3}.sf-legal h2{color:var(--ui-ink);font-size:var(--ui-font-size-card-title);margin:40px 0 8px}.sf-legal p,.sf-legal li{color:var(--ui-ink-2)}.sf-legal ul{padding-left:20px}.sf-legal table{border-collapse:collapse;width:100%;font-size:var(--ui-font-size-small)}.sf-legal th,.sf-legal td{border:1px solid var(--ui-line);color:var(--ui-ink-2);text-align:left;vertical-align:top;padding:8px 10px}.sf-legal th{background:var(--ui-paper-2);color:var(--ui-ink)}.sf-legal__table{overflow-x:auto}.sf-legal__meta{color:var(--ui-mute);font-size:var(--ui-font-size-small)}