:root{
  --page:#FFFFFF;
  --theme-primary:#D8D8D8;
  --white:#FFFFFF;
  --ink:#111111;
  --surface-soft:#F7F7F7;
  --chevron:#A8A8AA;
  --theme-decor-dot-size:22px;
  --theme-decor-stroke:1px;
  --settings-group-bg:color-mix(in srgb,var(--theme-primary) 22%,transparent);
  --image-placeholder:#ECECEC;
  --avatar-shadow:0 6px 14px rgba(0,0,0,.08);
  --component-bg-alpha:1;
  --text-strong:#191919;
  --text:#2E2E2E;
  --text-secondary:#555555;
  --text-muted:#7C7C7C;
  --text-faint:#A6A6A6;
  --line-soft:rgba(105,105,105,.07);
  --line-medium:rgba(105,105,105,.11);
  --font-soft:'Gowun Dodum','Noto Sans KR','Noto Sans SC',sans-serif;
  --font-ui:'Noto Sans KR','Noto Sans SC',sans-serif;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --wallpaper-color:color-mix(in srgb,var(--theme-primary) 35%,var(--white));
  --wallpaper-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.284271' height='28.284271' viewBox='0 0 28.284271 28.284271'%3E%3Cdefs%3E%3Cpattern id='p' width='20' height='20' patternUnits='userSpaceOnUse' patternTransform='rotate(45 10 10)'%3E%3Ccircle cx='10' cy='10' r='2.5' fill='%23FFFFFF'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E");
  --wallpaper-position:0 0;
  --wallpaper-size:28.284271px 28.284271px;
  --wallpaper-repeat:repeat;
  --gap:15px;
  --block-gap:20px;
  --edge-y:20px;
  --radius:15px;
  --grid4:calc(100vw - 30px);
  --grid2:calc(50vw - 22.5px);
  --dock-h:calc(25vw - 18.75px);
  --dock-left-extra:10px;
  --home-page-count:4;
  --editor-u:clamp(.84px,.2564vw,1px);
  --ui-control-border:#E3E3E3;
  --ui-control-height:calc(39 * var(--editor-u));
  --ui-control-radius:calc(7 * var(--editor-u));
  --ui-control-pad-x:calc(12 * var(--editor-u));
  --ui-action-height:calc(42 * var(--editor-u));
  --ui-action-radius:calc(12 * var(--editor-u));
  --ui-action-border-width:calc(1 * var(--editor-u));
  --ui-action-border-color:var(--text-strong);
  --ui-action-background:transparent;
  --ui-action-color:var(--text-strong);
  --ui-action-primary-shell:var(--theme-primary);
  --ui-toggle-width:calc(34 * var(--editor-u));
  --ui-toggle-height:calc(20 * var(--editor-u));
  --ui-toggle-knob:calc(14 * var(--editor-u));
  --ui-toggle-offset:calc(2 * var(--editor-u));
  --ui-toggle-travel:calc(14 * var(--editor-u));
  --ui-toggle-border:calc(1 * var(--editor-u));
  --ui-toggle-radius:999px;
  --ui-toggle-motion:140ms;
  --ui-toggle-on:var(--theme-primary);
  --ui-toggle-off:color-mix(in srgb,var(--theme-primary) 58%,var(--text-faint));
  --editor-upload-bg:#F4F4F5;
  --editor-label:var(--text);
  --editor-copy:var(--text-strong);
  --editor-color-size:calc(20 * var(--editor-u));
  --editor-motion:220ms;
  --system-guide-bg:rgba(0,0,0,.68);
  --app-icon-size:63px;
  --app-icon-radius:15px;
  --app-icon-color:var(--theme-primary);
  --app-icon-shell-color:var(--white);
  --global-page-header-height:40px;
  --global-page-header-bottom:18px;
  --global-page-content-width:var(--grid4);
  --global-page-back-width:30px;
  --global-page-back-shift:-4px;
  --global-page-back-color:var(--text-strong);
  --global-page-back-icon-size:26px;
  --global-page-back-stroke:1.35;
  --global-page-title-left:31px;
  --global-page-title-font:var(--font-ui);
  --global-page-title-size:18.5px;
  --global-page-title-line:22px;
  --global-page-title-weight:var(--weight-semibold);
  --global-page-title-spacing:-.035em;
  --global-page-title-color:var(--text-strong);
  --global-page-subtitle-size:10px;
  --global-page-subtitle-line:13px;
  --global-page-subtitle-color:#969092;
  --modal-width:min(calc(360 * var(--editor-u)),calc(100vw - calc(30 * var(--editor-u))));
  --modal-max-height:calc(100dvh - calc(30 * var(--editor-u)));
  --modal-radius:calc(15 * var(--editor-u));
  --modal-border:calc(1 * var(--editor-u)) solid var(--line-medium);
  --modal-background:var(--white);
  --modal-shadow:0 calc(14 * var(--editor-u)) calc(46 * var(--editor-u)) rgba(80,64,72,.12);
  --modal-scrim-blur:calc(8 * var(--editor-u));
  --modal-head-padding:calc(20 * var(--editor-u)) calc(18 * var(--editor-u)) calc(14 * var(--editor-u));
  --modal-body-padding:calc(16 * var(--editor-u)) calc(16 * var(--editor-u)) calc(18 * var(--editor-u));
  --modal-content-gap:calc(14 * var(--editor-u));
  --modal-actions-padding:calc(12 * var(--editor-u)) calc(16 * var(--editor-u)) calc(16 * var(--editor-u));
  --ui-range-height:calc(18 * var(--editor-u));
  --ui-range-track-height:calc(2 * var(--editor-u));
  --ui-range-dash-width:calc(3 * var(--editor-u));
  --ui-range-dash-gap:calc(7 * var(--editor-u));
  --ui-range-active-color:var(--theme-primary);
  --ui-range-rest-color:#D5D5D8;
}

/* Boot gate: never expose default UI before persistent truth is restored. */
html[data-una-boot="loading"] .viewport{visibility:hidden}
html[data-una-boot="ready"] .viewport,html[data-una-boot="error"] .viewport{visibility:visible}