:root{
  --page:#FFFFFF;
  --theme-primary:#D8D8D8;
  --global-action-icon-color:var(--theme-primary);
  --white:#FFFFFF;
  --ink:#111111;
  --surface-soft:#F7F7F7;
  --chevron:#A8A8AA;
  --theme-decor-dot-size:22px;
  --theme-decor-stroke:1px;
  --global-page-group-bg:color-mix(in srgb,var(--theme-primary) 22%,transparent);
  --image-placeholder:#ECECEC;
  --social-placeholder:var(--image-placeholder);
  --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:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',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;
  --lock-wallpaper-color:color-mix(in srgb,var(--theme-primary) 35%,var(--white));
  --lock-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");
  --lock-wallpaper-position:0 0;
  --lock-wallpaper-size:28.284271px 28.284271px;
  --lock-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:5;
  --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-logo-scale:.55;
  --app-logo-size:calc(var(--app-icon-size) * var(--app-logo-scale));
  --app-icon-radius:15px;
  --app-icon-color:var(--theme-primary);
  --app-icon-shell-color:var(--white);
  --global-page-header-height:calc(40 * var(--editor-u));
  --global-page-header-bottom:calc(18 * var(--editor-u));
  --global-page-content-width:var(--grid4);
  --global-page-grid1:var(--dock-h);
  --global-page-icon-shell:var(--theme-primary);
  --global-page-icon:var(--white);
  --global-page-image:#F3F3F3;
  --global-page-back-width:calc(30 * var(--editor-u));
  --global-page-back-shift:calc(-4 * var(--editor-u));
  --global-page-back-color:#000000;
  --global-page-back-icon-size:calc(26 * var(--editor-u));
  --global-page-back-stroke:calc(1.35 * var(--editor-u));
  --global-page-action-size:calc(36 * var(--editor-u));
  --global-page-avatar-size:calc(36 * var(--editor-u));
  --global-page-popover-width:calc(146 * var(--editor-u));
  --global-page-popover-padding:calc(6 * var(--editor-u));
  --global-page-popover-row-height:calc(34 * var(--editor-u));
  --global-modal-choice-avatar:calc(40 * var(--editor-u));
  --global-modal-choice-min-height:calc(58 * var(--editor-u));
  --global-glass-surface:color-mix(in srgb,var(--white) 62%,transparent);
  --global-glass-border:color-mix(in srgb,var(--theme-primary) 34%,rgba(255,255,255,.72));
  --global-glass-shadow:0 calc(5 * var(--editor-u)) calc(18 * var(--editor-u)) rgba(20,20,20,.07),inset 0 calc(1 * var(--editor-u)) 0 rgba(255,255,255,.7);
  --global-glass-blur:calc(18 * var(--editor-u));
  --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);
  --global-center-panel-surface:var(--white);
  --modal-background:var(--global-center-panel-surface);
  --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));
  --global-profile-body-top:calc(12 * var(--editor-u));
  --global-profile-gap:calc(14 * var(--editor-u));
  --global-profile-media-height:calc(158 * var(--editor-u));
  --global-profile-media-margin-bottom:calc(19 * var(--editor-u));
  --global-profile-cover-bottom:calc(30 * var(--editor-u));
  --global-profile-cover-radius:var(--ui-action-radius);
  --global-profile-label-gap:calc(6 * var(--editor-u));
  --global-profile-label-padding:calc(6 * var(--editor-u)) calc(9 * var(--editor-u));
  --global-profile-label-border:calc(1 * var(--editor-u));
  --global-profile-label-size:calc(9 * var(--editor-u));
  --global-profile-avatar-left:calc(16 * var(--editor-u));
  --global-profile-avatar-size:calc(76 * var(--editor-u));
  --global-profile-avatar-border:calc(4 * var(--editor-u));
  --global-profile-avatar-gap:calc(3 * var(--editor-u));
  --global-profile-avatar-icon-size:calc(16 * var(--editor-u));
  --global-profile-avatar-label-size:calc(8 * var(--editor-u));
  --global-profile-avatar-shadow:0 calc(3 * var(--editor-u)) calc(12 * var(--editor-u)) rgba(0,0,0,.06);
  --global-profile-focus-width:calc(2 * var(--editor-u));
  --global-profile-focus-offset:calc(2 * var(--editor-u));
  --global-profile-textarea-height:calc(78 * var(--editor-u));
  --global-profile-textarea-padding-y:calc(10 * 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 visibility has one owner: the inline head gate. Application CSS never overrides it. */
