:root[data-surface=mobile]{color-scheme:light;--mob-bg:oklch(98.5% .004 300);--mob-bar:oklch(97.5% .005 300);--mob-surface:oklch(95.5% .008 300);--mob-field:oklch(100% 0 0);--mob-line:oklch(89% .01 300);--mob-control-line:oklch(74% .012 300);--mob-ink:oklch(20% .02 300);--mob-muted:oklch(47% .02 300);--mob-pending-bg:oklch(95% .05 85);--mob-pending-ink:oklch(43% .09 70);--mob-pending-dot:oklch(80% .14 85);--mob-cover-border:oklch(100% 0 0/.9);--mob-add-bg:oklch(93% .05 150);--mob-add-ink:oklch(38% .1 150);--mob-del-bg:oklch(94% .035 25);--mob-del-ink:oklch(46% .14 25);--mob-hit-bg:oklch(90% .1 90);--mob-star-off:oklch(86% .01 300);--mob-kind-l:.55;--mob-al:.5;--mob-soft-l:.955;--mob-soft-c:.03;--mob-aink-l:.99;--mob-aink-c:.004;--mob-aink-hue-mix:0;--mob-kind-c:.12;--mob-banner-bg:oklch(20% .02 300);--mob-banner-ink:oklch(98% .005 300);--mob-banner-muted:oklch(86% .01 300);--mob-banner-scrim:oklch(12% .02 300/.5);--mob-banner-field:oklch(100% 0 0/.12);--mob-banner-field-line:oklch(100% 0 0/.18);--mob-font:"IBM Plex Sans", "Noto Sans JP Variable", sans-serif;--mob-font-serif:"Source Serif 4", "Noto Serif JP Variable", serif;--mob-font-mono:"IBM Plex Mono", monospace;--mob-touch:48px;--mob-gutter:16px;--mob-row:56px;--mob-row-2:64px;--mob-row-cover:76px;--mob-bar-h:80px;--mob-radius:8px;--mob-radius-sheet:16px;--mob-segment-gap:0px}@media (prefers-color-scheme:dark){:root[data-surface=mobile]:not([data-theme=light]){color-scheme:dark;--mob-bg:oklch(16.5% .012 300);--mob-bar:oklch(19.5% .013 300);--mob-surface:oklch(22.5% .014 300);--mob-field:oklch(20% .013 300);--mob-line:oklch(32% .015 300);--mob-control-line:oklch(50% .015 300);--mob-ink:oklch(94% .008 300);--mob-muted:oklch(72% .015 300);--mob-pending-bg:oklch(80% .12 85/.16);--mob-pending-ink:oklch(86% .1 85);--mob-cover-border:oklch(100% 0 0/.35);--mob-add-bg:oklch(36% .07 150/.55);--mob-add-ink:oklch(88% .09 150);--mob-del-bg:oklch(36% .08 25/.55);--mob-del-ink:oklch(84% .09 25);--mob-hit-bg:oklch(80% .12 85/.3);--mob-star-off:oklch(40% .015 300);--mob-kind-l:.74;--mob-al:.76;--mob-soft-l:.28;--mob-soft-c:.05;--mob-aink-l:.17;--mob-aink-c:.03;--mob-aink-hue-mix:1;--mob-kind-c:.11}}:root[data-surface=mobile][data-theme=dark]{color-scheme:dark;--mob-bg:oklch(16.5% .012 300);--mob-bar:oklch(19.5% .013 300);--mob-surface:oklch(22.5% .014 300);--mob-field:oklch(20% .013 300);--mob-line:oklch(32% .015 300);--mob-control-line:oklch(50% .015 300);--mob-ink:oklch(94% .008 300);--mob-muted:oklch(72% .015 300);--mob-pending-bg:oklch(80% .12 85/.16);--mob-pending-ink:oklch(86% .1 85);--mob-cover-border:oklch(100% 0 0/.35);--mob-add-bg:oklch(36% .07 150/.55);--mob-add-ink:oklch(88% .09 150);--mob-del-bg:oklch(36% .08 25/.55);--mob-del-ink:oklch(84% .09 25);--mob-hit-bg:oklch(80% .12 85/.3);--mob-star-off:oklch(40% .015 300);--mob-kind-l:.74;--mob-kind-c:.11;--mob-al:.76;--mob-soft-l:.28;--mob-soft-c:.05;--mob-aink-l:.17;--mob-aink-c:.03;--mob-aink-hue-mix:1}:root[data-surface=mobile],:root[data-surface=mobile] [data-accent]{--mob-accent:oklch(var(--mob-al) var(--accent-c,.12) var(--accent-h,305));--mob-accent-soft:oklch(var(--mob-soft-l) var(--mob-soft-c) var(--accent-h,305));--mob-accent-ink:oklch(var(--mob-aink-l) var(--mob-aink-c) calc(var(--accent-h,305) * var(--mob-aink-hue-mix) + 300 * (1 - var(--mob-aink-hue-mix))));--mob-accent-on-banner:oklch(.84 calc(var(--accent-c,.12) * .8) var(--accent-h,305));--mob-accent-on-banner-ink:oklch(.17 .03 var(--accent-h,305))}:root[data-surface=mobile] body{background:var(--mob-bg);color:var(--mob-ink);font-family:var(--mob-font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.5}:where(:root[data-surface=mobile]) a{color:var(--mob-accent)}@media (horizontal-viewport-segments:2){:root[data-surface=mobile]{--mob-segment-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0))}}