/* 拾日 · 「原生」
   参照苹果自带 App（macOS 26 的日历、提醒事项）：系统字体，浮动内嵌侧栏，侧栏图标用系统蓝，
   「大标题 + 常规副标题」，提醒事项式的智能列表方块，分组白卡片，iOS 式开关与分段控件。
   颜色只用来标记（今天、紧急、状态），不做装饰。 */

:root[data-ui="native"] {
  /* 清晨: white with a breath of the sky's indigo; ink is a deep indigo-black */
  color-scheme: light;
  --bg: #f4f5fa;
  --bg-rail: rgba(234, 236, 247, 0.8);
  --surface: #fafbff;
  --surface-2: #ffffff;
  --sunken: #ebedf6;
  --ink: #171a33;
  --ink-2: #3a3e5c;
  --ink-3: #7e8299;
  --ink-4: #aeb1c4;
  --line: #e1e3ef;
  --line-soft: #eaecf4;
  --line-strong: #cfd2e2;
  --accent: #3d4fc4;
  --accent-hover: #2f3fa8;
  --accent-soft: rgba(61, 79, 196, 0.1);
  --accent-ink: #ffffff;
  --sun: #ff9a3c;
  --sun-deep: #f2702e;
  --sun-soft: rgba(255, 154, 60, 0.14);
  --sky-top: #1e2558;
  --sky-bottom: #3a4aa0;
  --user-bg: #e8eafb;
  --user-ink: #171a33;
  --good: #2fb36b; --good-soft: rgba(47, 179, 107, 0.13);
  --warn: #f2902a; --warn-soft: rgba(242, 144, 42, 0.14);
  --bad: #e5484d; --bad-soft: rgba(229, 72, 77, 0.12);
  --info: #3d4fc4; --info-soft: rgba(61, 79, 196, 0.1);
  --serif: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --mono: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --r-xs: 6px; --r-sm: 8px; --r: 12px; --r-lg: 16px;
  --card-shadow: 0 0.5px 1px rgba(23, 26, 51, 0.06), 0 2px 8px rgba(30, 37, 88, 0.05);
  --shadow-1: var(--card-shadow);
  --shadow-pop: 0 0 0 0.5px rgba(23, 26, 51, 0.1), 0 16px 40px rgba(30, 37, 88, 0.18);
  --rail-w: 232px;
}
@media (prefers-color-scheme: dark) {
  :root[data-ui="native"]:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #161618; --bg-rail: #1c1c1f; --surface: #1c1c1f; --surface-2: #1f1f22; --sunken: #26262a;
    --ink: #ededef; --ink-2: #c7c7cc; --ink-3: #8e8e93; --ink-4: #5e5e63;
    --line: #2a2a2e; --line-soft: #232326; --line-strong: #36363b;
    --accent: #9aa6ff; --accent-hover: #b4bdff; --accent-soft: rgba(154, 166, 255, 0.16);
    --sun: #ffb25a; --sun-deep: #ff8a3a; --sun-soft: rgba(255, 178, 90, 0.16);
    --user-bg: #2a2a2e; --user-ink: #ededef;
    --good: #4ad08a; --warn: #ffb25a; --bad: #ff6b6f; --info: #a1a1aa;
    --card-shadow: none;
    --shadow-pop: 0 0 0 0.5px rgba(255, 255, 255, 0.08), 0 20px 48px rgba(0, 0, 0, 0.55);
  }
}
:root[data-ui="native"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #161618; --bg-rail: #1c1c1f; --surface: #1c1c1f; --surface-2: #1f1f22; --sunken: #26262a;
    --ink: #ededef; --ink-2: #c7c7cc; --ink-3: #8e8e93; --ink-4: #5e5e63;
    --line: #2a2a2e; --line-soft: #232326; --line-strong: #36363b;
    --accent: #9aa6ff; --accent-hover: #b4bdff; --accent-soft: rgba(154, 166, 255, 0.16);
    --sun: #ffb25a; --sun-deep: #ff8a3a; --sun-soft: rgba(255, 178, 90, 0.16);
    --user-bg: #2a2a2e; --user-ink: #ededef;
    --good: #4ad08a; --warn: #ffb25a; --bad: #ff6b6f; --info: #a1a1aa;
    --card-shadow: none;
    --shadow-pop: 0 0 0 0.5px rgba(255, 255, 255, 0.08), 0 20px 48px rgba(0, 0, 0, 0.55);
}
[data-ui="native"] body, [data-ui="native"] #app { font-size: 14px; letter-spacing: 0; }
[data-ui="native"] * { font-variant-numeric: tabular-nums; }

/* ---------- brand: the indigo of 拾日's sky leads; the sun's orange is kept for what matters most ---------- */

/* ---------- shell: floating inset sidebar ---------- */
[data-ui="native"] .shell { grid-template-columns: calc(var(--rail-w) + 10px) minmax(0, 1fr); }
[data-ui="native"] .shell.with-drawer { grid-template-columns: calc(var(--rail-w) + 10px) minmax(0, 1fr) 420px; }
[data-ui="native"] .rail {
  margin: 10px 0 10px 10px; padding: 12px 10px 10px; border: 0; border-radius: 16px;
  background: var(--bg-rail); backdrop-filter: blur(30px) saturate(1.6); -webkit-backdrop-filter: blur(30px) saturate(1.6);
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.05);
}
[data-ui="native"] .rail-brand { padding: 4px 8px 16px; gap: 9px; }
[data-ui="native"] .rail-brand .seal { --s: 24px; }
[data-ui="native"] .rail-word { font-family: var(--sans); font-size: 15px; font-weight: 700; letter-spacing: 0; }
[data-ui="native"] .rail-nav { gap: 2px; }
[data-ui="native"] .rail-item { height: 30px; padding: 0 8px; gap: 9px; border-radius: 8px; color: var(--ink); font-size: 13.5px; }
[data-ui="native"] .rail-item svg { width: 17px; height: 17px; color: var(--accent); stroke-width: 1.8; }
[data-ui="native"] .rail-item:hover { background: rgba(0, 0, 0, 0.04); }
[data-ui="native"] .rail-item.active { background: rgba(0, 0, 0, 0.08); box-shadow: none; font-weight: 500; }
[data-ui="native"] .rail-item.active::before { display: none; }
[data-ui="native"] .rail-count { font-family: var(--sans); color: var(--ink-3); font-size: 12px; }
[data-ui="native"] .rail-live { margin-top: 20px; }
[data-ui="native"] .rail-section { font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ink-3); padding: 0 8px 6px; }
[data-ui="native"] .rail-quiet { padding: 0 8px; font-size: 12.5px; }
[data-ui="native"] .rail-run { padding: 5px 8px; border-radius: 8px; font-size: 13px; color: var(--ink); }
[data-ui="native"] .rail-run:hover { background: rgba(0, 0, 0, 0.04); }
[data-ui="native"] .rail-run .spinner { border-top-color: var(--accent); }
[data-ui="native"] .rail-foot { border-top: 0; padding-top: 6px; }
[data-ui="native"] .rail-foot .rail-item svg { color: var(--ink-3); }
[data-ui="native"] .rail-avatar { background: linear-gradient(180deg, #a1a1a6, #8e8e93); color: #fff; }
@media (prefers-color-scheme: dark) {
  [data-ui="native"]:not([data-theme="light"]) .rail-item:hover, [data-ui="native"]:not([data-theme="light"]) .rail-run:hover { background: rgba(255, 255, 255, 0.06); }
  [data-ui="native"]:not([data-theme="light"]) .rail-item.active { background: rgba(255, 255, 255, 0.1); }
}

/* ---------- toolbar ---------- */
[data-ui="native"] .topbar { height: 52px; min-height: 52px; padding: 0 16px 0 24px; border-bottom: 0; background: var(--bg); }
[data-ui="native"] .topbar-name { font-size: 15px; font-weight: 700; }
[data-ui="native"] .topbar-meta { font-family: var(--sans); font-size: 12px; border-left: 0; padding-left: 0; }
[data-ui="native"] .icon-button { width: 32px; height: 32px; border-radius: 50%; background: var(--surface-2); box-shadow: var(--card-shadow); color: var(--ink-2); }
[data-ui="native"] .icon-button:hover { background: var(--surface-2); color: var(--ink); }
[data-ui="native"] .top-actions { gap: 8px; }
[data-ui="native"] .ask-toggle { height: 32px; border: 0; border-radius: 16px; background: var(--surface-2); box-shadow: var(--card-shadow); color: var(--ink); padding: 0 12px 0 8px; font-weight: 500; }
[data-ui="native"] .ask-toggle.on { background: var(--accent); color: #fff; }
[data-ui="native"] kbd { font-family: var(--sans); border: 0; background: var(--sunken); color: var(--ink-3); border-radius: 4px; }
[data-ui="native"] .page-scroll { padding: 8px 32px 140px; }
[data-ui="native"] .page-today { max-width: 1080px; }
[data-ui="native"] .askbar {
  height: 44px; border-radius: 22px; padding: 0 8px 0 10px; width: min(600px, calc(100% - 48px)); color: var(--ink-3);
  background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(24px) saturate(1.6); -webkit-backdrop-filter: blur(24px) saturate(1.6);
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.12), 0 8px 28px rgba(0, 0, 0, 0.12);
}
[data-ui="native"] .askbar .seal { --s: 26px; border-radius: 50%; }
[data-ui="native"] .drawer { border-left: 0.5px solid var(--line-strong); background: var(--surface-2); }
[data-ui="native"] .drawer-head { border-bottom: 0.5px solid var(--line); }
@media (prefers-color-scheme: dark) {
  [data-ui="native"]:not([data-theme="light"]) .askbar { background: rgba(44, 44, 46, 0.86); box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.12), 0 8px 28px rgba(0, 0, 0, 0.5); }
}

/* ---------- type: SF Pro, bold large titles, no serif, no tracked labels ---------- */
[data-ui="native"] .page-title, [data-ui="native"] .settings-title { font-family: var(--sans); font-size: 28px; font-weight: 700; letter-spacing: 0.005em; }
[data-ui="native"] .page-head { border-bottom: 0; padding-bottom: 0; margin: 8px 0 18px; }
[data-ui="native"] .section-heading h2, [data-ui="native"] .section-label, [data-ui="native"] .settings-section-title, [data-ui="native"] .eyebrow, [data-ui="native"] .section-kicker,
[data-ui="native"] .side-head h3, [data-ui="native"] .edition-name, [data-ui="native"] .memory-group-title, [data-ui="native"] .inspiration-group {
  font-family: var(--sans); font-size: 17px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--ink);
}
[data-ui="native"] .settings-section-title, [data-ui="native"] .section-label { font-size: 13px; font-weight: 400; color: var(--ink-3); margin: 26px 16px 7px; }
[data-ui="native"] .card-title, [data-ui="native"] .brief-headline, [data-ui="native"] .edition-pending-title, [data-ui="native"] .thread-heading, [data-ui="native"] .ready-title,
[data-ui="native"] .folder-tile-title, [data-ui="native"] .profile-title, [data-ui="native"] .diary-title, [data-ui="native"] .assistant-name, [data-ui="native"] .modal-header h2,
[data-ui="native"] .welcome h2, [data-ui="native"] .empty strong, [data-ui="native"] .prose h3, [data-ui="native"] .auth-box h1, [data-ui="native"] .member-brand,
[data-ui="native"] .usage-grid strong, [data-ui="native"] .brief-metric-value, [data-ui="native"] .diary-badge-day {
  font-family: var(--sans); letter-spacing: 0;
}
[data-ui="native"] .masthead-kicker, [data-ui="native"] .story-no, [data-ui="native"] .edition-time, [data-ui="native"] .agenda-time, [data-ui="native"] .brief-stop-date,
[data-ui="native"] .ready-date, [data-ui="native"] .thread-count, [data-ui="native"] .folder-tile-meta, [data-ui="native"] .profile-meta, [data-ui="native"] .assistant-since,
[data-ui="native"] .date-line, [data-ui="native"] .live-count, [data-ui="native"] .model-choice-meta, [data-ui="native"] .skill-name, [data-ui="native"] .brief-sources a, [data-ui="native"] .topbar-meta {
  font-family: var(--sans); letter-spacing: 0; text-transform: none;
}

/* ---------- today ---------- */
[data-ui="native"] .masthead { border: 0; padding: 8px 0 0; margin: 0 0 22px; display: grid; }
[data-ui="native"] .masthead-kicker { display: none; }
[data-ui="native"] .masthead-date { order: 0; font-family: var(--sans); font-size: 34px; font-weight: 700; letter-spacing: 0.005em; gap: 10px; line-height: 1.15; }
[data-ui="native"] .masthead-week { font-size: 34px; font-weight: 400; color: var(--ink-3); }
[data-ui="native"] .masthead-line { order: 1; margin: 6px 0 0; font-size: 15px; color: var(--ink-3); }
[data-ui="native"] .today-tiles { order: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
[data-ui="native"] .today-tile {
  display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; gap: 6px 8px;
  padding: 10px 12px 10px 10px; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); text-align: left;
  transition: transform 0.12s var(--ease);
}
[data-ui="native"] .today-tile:active { transform: scale(0.98); }
[data-ui="native"] .tile-icon { grid-row: 1; grid-column: 1; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #fff; }
[data-ui="native"] .tile-icon svg { width: 15px; height: 15px; stroke-width: 2.2; }
[data-ui="native"] .tile-agenda .tile-icon { background: var(--bad); }
[data-ui="native"] .tile-running .tile-icon { background: var(--accent); }
[data-ui="native"] .tile-care .tile-icon { background: var(--warn); }
[data-ui="native"] .tile-feed .tile-icon { background: #5856d6; }
[data-ui="native"] .tile-count { grid-row: 1; grid-column: 2; justify-self: end; font-size: 24px; font-weight: 700; line-height: 1; }
[data-ui="native"] .tile-name { grid-row: 2; grid-column: 1 / -1; font-size: 13px; font-weight: 600; color: var(--ink-3); }

[data-ui="native"] .today-grid { grid-template-columns: minmax(0, 1fr) 320px; gap: 22px; }
[data-ui="native"] .today-side { gap: 22px; top: 0; }
[data-ui="native"] .side-block, [data-ui="native"] .today-side .care-card { padding: 14px 16px 6px; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); }
[data-ui="native"] .side-head { border-bottom: 0; padding: 0; margin: 0 0 6px; }
[data-ui="native"] .side-head h3 { font-size: 15px; }
[data-ui="native"] .side-head .small-link, [data-ui="native"] .care-card .small-link { font-weight: 400; }
[data-ui="native"] .side-quiet { padding-bottom: 10px; }
/* agenda: rows with a calendar-coloured bar, like Calendar's day list */
[data-ui="native"] .agenda-list::before { display: none; }
[data-ui="native"] .agenda-row { grid-template-columns: 44px 3px minmax(0, 1fr); gap: 0 10px; padding: 8px 0; border-top: 0.5px solid var(--line); }
[data-ui="native"] .agenda-row:first-child { border-top: 0; }
[data-ui="native"] .agenda-time { font-size: 13px; color: var(--ink-3); padding-top: 1px; }
[data-ui="native"] .agenda-tick { width: 3px; height: auto; align-self: stretch; margin: 2px 0; border-radius: 2px; background: var(--accent); box-shadow: none; }
[data-ui="native"] .agenda-done .agenda-tick { background: var(--ink-4); }
[data-ui="native"] .agenda-now .agenda-tick { background: var(--bad); box-shadow: none; }
[data-ui="native"] .agenda-now .agenda-time { color: var(--bad); font-weight: 600; }
[data-ui="native"] .agenda-title { font-size: 14px; font-weight: 500; }
[data-ui="native"] .agenda-meta { font-size: 12px; }
[data-ui="native"] .care-card .card-head-row { border-bottom: 0; padding: 0; margin: 0 0 4px; }
[data-ui="native"] .care-card .card-head-row::before { font-size: 15px; font-weight: 700; letter-spacing: 0; }
[data-ui="native"] .mail-item { border-bottom: 0.5px solid var(--line); padding: 9px 0; }
[data-ui="native"] .mail-item.important .agenda-title { font-weight: 600; }
[data-ui="native"] .mail-item.important .agenda-title::before { background: var(--bad); }
[data-ui="native"] .mail-item .buttons .secondary { height: 26px; }
[data-ui="native"] .interest-tags { padding-bottom: 10px; }
[data-ui="native"] .interest-tag { box-shadow: none; background: var(--sunken); border-radius: 13px; padding: 6px 10px; color: var(--ink-2); }

[data-ui="native"] .edition-head { border-bottom: 0; padding: 0 2px; margin: 0 0 10px; align-items: baseline; }
[data-ui="native"] .today-main > .edition-head:not(:first-child) { margin-top: 26px; }
[data-ui="native"] .edition-name { font-size: 20px; }
[data-ui="native"] .edition-time { font-size: 13px; color: var(--ink-3); }
[data-ui="native"] .edition-lede { font-family: var(--sans); font-style: normal; font-size: 15px; color: var(--ink-2); margin: 0 2px 12px; }
[data-ui="native"] .edition-pending { padding: 18px 20px; margin-bottom: 22px; border: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); }
[data-ui="native"] .edition-pending-title { font-size: 17px; font-weight: 600; margin: 4px 0; }
[data-ui="native"] .story { padding: 16px 18px; margin-bottom: 10px; border: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); }
[data-ui="native"] .story-no { display: none; }
[data-ui="native"] .brief-category { margin-bottom: 6px; }
[data-ui="native"] .story-cat { font-size: 12.5px; font-weight: 600; color: var(--accent); letter-spacing: 0; }
[data-ui="native"] .feed-card .story-cat { color: #5856d6; }
[data-ui="native"] .brief-headline { font-size: 17px; font-weight: 600; line-height: 1.45; margin: 0 0 6px; }
[data-ui="native"] .brief-summary { font-size: 14.5px; line-height: 1.65; color: var(--ink-2); }
[data-ui="native"] .brief-block { margin-top: 14px; }
[data-ui="native"] .brief-timeline-row { border-top: 0; padding-top: 12px; background: linear-gradient(var(--line-strong), var(--line-strong)) 0 3px / 100% 1px no-repeat; }
[data-ui="native"] .brief-dot { top: 0; width: 7px; height: 7px; background: var(--accent); box-shadow: 0 0 0 2px var(--surface-2); }
[data-ui="native"] .brief-stop.tone-warn .brief-dot, [data-ui="native"] .brief-stop.tone-bad .brief-dot { background: var(--bad); }
[data-ui="native"] .brief-stop-date { font-size: 12.5px; }
[data-ui="native"] .brief-stop.tone-warn .brief-badge, [data-ui="native"] .brief-stop.tone-bad .brief-badge { color: var(--bad); }
[data-ui="native"] .brief-metrics-grid { border: 0; gap: 8px; }
[data-ui="native"] .brief-metric, [data-ui="native"] .brief-metric + .brief-metric { padding: 10px 12px; border: 0; border-radius: 10px; background: var(--bg); }
[data-ui="native"] .brief-metric-value { font-size: 22px; font-weight: 700; }
[data-ui="native"] .brief-metric-value.tone-warn { color: var(--warn); }
[data-ui="native"] .brief-metric-value.tone-bad { color: var(--bad); }
[data-ui="native"] .brief-metric-value.tone-good { color: var(--good); }
[data-ui="native"] .brief-list-row, [data-ui="native"] .brief-block > .brief-list-row:first-of-type { border-color: var(--line); border-width: 0.5px; }
[data-ui="native"] .brief-list-title.tone-warn ~ .brief-list-value { color: var(--warn); }
[data-ui="native"] .brief-list-title.tone-bad ~ .brief-list-value { color: var(--bad); }
[data-ui="native"] .brief-list-title.tone-good ~ .brief-list-value { color: var(--good); }
[data-ui="native"] .brief-note { border-left: 0; padding: 10px 12px; border-radius: 10px; background: var(--bg); }
[data-ui="native"] .brief-sources a { color: var(--accent); }
[data-ui="native"] .brief-sources a::before { content: ""; }
[data-ui="native"] .rating-row .round-chip { box-shadow: none; background: var(--bg); border-radius: 12px; }
[data-ui="native"] .ready-list { border-top: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); padding: 2px 16px; }

/* ---------- controls ---------- */
[data-ui="native"] .primary { height: 30px; padding: 0 14px; border-radius: 8px; background: var(--accent); color: #fff; box-shadow: none; font-weight: 500; font-size: 13.5px; }
[data-ui="native"] .primary:hover:not(:disabled) { background: var(--accent-hover); }
[data-ui="native"] .secondary, [data-ui="native"] .pill-button { height: 30px; padding: 0 13px; border-radius: 8px; background: var(--surface-2); color: var(--ink); box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.14), 0 1px 1px rgba(0, 0, 0, 0.05); font-weight: 400; font-size: 13.5px; }
[data-ui="native"] .secondary:hover:not(:disabled), [data-ui="native"] .pill-button:hover { background: var(--surface); }
[data-ui="native"] .small-link { color: var(--accent); font-weight: 400; }
[data-ui="native"] .round-chip, [data-ui="native"] .chip, [data-ui="native"] .brief-chip { border-radius: 12px; box-shadow: none; background: var(--sunken); color: var(--ink-2); }
[data-ui="native"] .round-chip.active { background: var(--accent); color: #fff; }
[data-ui="native"] .segments, [data-ui="native"] .wide-segments, [data-ui="native"] .inspiration-tabs {
  display: inline-flex; gap: 0; padding: 2px; border: 0; border-radius: 9px; background: rgba(118, 118, 128, 0.12); margin: 4px 0 18px;
}
[data-ui="native"] .segments button, [data-ui="native"] .wide-segments button, [data-ui="native"] .inspiration-tab { padding: 5px 16px; border-radius: 7px; font-size: 13px; color: var(--ink); }
[data-ui="native"] .segments button.selected, [data-ui="native"] .wide-segments button.selected, [data-ui="native"] .inspiration-tab.active { background: var(--surface-2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 0 0.5px rgba(0, 0, 0, 0.04); font-weight: 600; }
[data-ui="native"] .segments button.selected::after, [data-ui="native"] .wide-segments button.selected::after, [data-ui="native"] .inspiration-tab.active::after { display: none; }
[data-ui="native"] .switch, [data-ui="native"] .toggle { width: 38px; height: 22px; border-radius: 11px; background: rgba(120, 120, 128, 0.16); }
[data-ui="native"] .switch::after, [data-ui="native"] .toggle::after { width: 18px; height: 18px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); }
[data-ui="native"] .switch.on::after, [data-ui="native"] .toggle.on::after { left: 18px; }
[data-ui="native"] .switch.on, [data-ui="native"] .toggle.on { background: var(--good); }
[data-ui="native"] input, [data-ui="native"] textarea, [data-ui="native"] select { border-radius: 8px; border-color: var(--line-strong); border-width: 0.5px; }
[data-ui="native"] input:focus, [data-ui="native"] textarea:focus, [data-ui="native"] select:focus { border-color: var(--accent); box-shadow: 0 0 0 3.5px var(--accent-soft); }
[data-ui="native"] :focus-visible { outline-color: var(--accent); }
/* grouped inset lists and cards */
[data-ui="native"] .card, [data-ui="native"] .settings-group, [data-ui="native"] .profile-card, [data-ui="native"] .document, [data-ui="native"] .choice-box,
[data-ui="native"] .model-choice, [data-ui="native"] .connector, [data-ui="native"] .inspiration-card, [data-ui="native"] .style-choice {
  border: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow);
}
[data-ui="native"] .setting-row { border-bottom: 0.5px solid var(--line); }
[data-ui="native"] .setting-row:hover { background: rgba(0, 0, 0, 0.02); }
[data-ui="native"] .thread-group, [data-ui="native"] .list-card, [data-ui="native"] .skill-list, [data-ui="native"] .mailbox-list {
  border: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); padding: 0 16px; margin-top: 4px;
}
[data-ui="native"] .thread-row, [data-ui="native"] .row { border-bottom: 0.5px solid var(--line); }
[data-ui="native"] .thread-row:last-child, [data-ui="native"] .list-card .row:last-child { border-bottom: 0; }
[data-ui="native"] .thread-row:hover .thread-title { color: var(--ink); }
[data-ui="native"] .unread-dot { background: var(--accent); }
[data-ui="native"] .template-row { border: 0; border-radius: 12px; margin-bottom: 8px; padding: 12px 16px; background: var(--surface-2); box-shadow: var(--card-shadow); }
[data-ui="native"] .template-row:first-of-type { border-top: 0; }
[data-ui="native"] .template-row > svg { color: var(--accent); }
[data-ui="native"] .folder-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
[data-ui="native"] .folder-tile { border: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); min-height: 104px; }
[data-ui="native"] .folder-tile:hover { transform: none; }
[data-ui="native"] .folder-tile-icon { background: none; color: var(--accent); }
[data-ui="native"] .folder-tile-icon svg { width: 26px; height: 26px; }
[data-ui="native"] .folder-tile.accent .folder-tile-icon { background: none; color: var(--warn); }
[data-ui="native"] .folder-tile-title { font-size: 15px; font-weight: 600; margin-top: 12px; }
[data-ui="native"] .profile-card { padding: 20px 22px; }
[data-ui="native"] .profile-card::before { display: none; }
[data-ui="native"] .profile-title { font-size: 20px; font-weight: 700; }
[data-ui="native"] .profile-meta { border-bottom-width: 0.5px; }
[data-ui="native"] .profile-body, [data-ui="native"] .profile-empty { font-family: var(--sans); font-size: 15px; line-height: 1.75; color: var(--ink-2); }
[data-ui="native"] .diary-card { padding: 14px 0; border-bottom: 0.5px solid var(--line); }
[data-ui="native"] .diary-badge { border-top: 0; border-radius: 8px; background: var(--surface-2); box-shadow: var(--card-shadow); overflow: hidden; padding: 0 0 4px; }
[data-ui="native"] .diary-badge-week { background: var(--bad); color: #fff; font-size: 10.5px; font-weight: 600; padding: 2px 0; margin-bottom: 2px; }
[data-ui="native"] .diary-badge-day { font-size: 19px; font-weight: 600; }
[data-ui="native"] .today-side .diary-card { padding: 4px 0 12px; border: 0; }
[data-ui="native"] .diary-title { font-size: 15px; font-weight: 600; }
[data-ui="native"] .assistant-head { border-bottom: 0; justify-items: center; text-align: center; padding-top: 18px; }
[data-ui="native"] .assistant-head .seal-xxl { --s: 84px; }
[data-ui="native"] .assistant-name { font-size: 28px; font-weight: 700; margin-top: 14px; }
[data-ui="native"] .assistant-since { font-family: var(--sans); }
[data-ui="native"] .member-card { color: #fff; background: linear-gradient(135deg, #2c2c2e, #1c1c1e); }
[data-ui="native"] .member-card::after { display: none; }
[data-ui="native"] .member-brand { font-weight: 700; }
[data-ui="native"] .member-stamp { border-radius: 24%; background: linear-gradient(180deg, #ef6a4c, #c8452d); box-shadow: none; }
[data-ui="native"] .member-stamp::after { font-family: var(--sans); }
[data-ui="native"] .model-choice.active { box-shadow: inset 0 0 0 2px var(--accent); }
[data-ui="native"] .model-choice.active .radio { box-shadow: inset 0 0 0 4.5px var(--accent); }
[data-ui="native"] .usage-bar span { background: var(--accent); }
[data-ui="native"] .usage-grid { border: 0; gap: 8px; }
[data-ui="native"] .usage-grid div, [data-ui="native"] .usage-grid div + div { border: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); padding: 12px 14px; }
[data-ui="native"] dialog { border-radius: 14px; background: var(--surface-2); }
[data-ui="native"] .modal-header { border-bottom: 0; padding-bottom: 0; }
[data-ui="native"] .modal-header h2 { font-size: 20px; font-weight: 700; }
[data-ui="native"] dialog::backdrop { background: rgba(0, 0, 0, 0.22); backdrop-filter: none; }
[data-ui="native"] .plus-pop { border-radius: 12px; }
[data-ui="native"] .plus-item svg { color: var(--accent); }

/* ---------- conversation: grey bubble for you, plain text for the assistant ---------- */
[data-ui="native"] .chat-scroll { padding-left: max(28px, calc((100% - 720px) / 2)); padding-right: max(28px, calc((100% - 720px) / 2)); }
[data-ui="native"] .message.assistant { grid-template-columns: minmax(0, 1fr); gap: 0; }
[data-ui="native"] .message.assistant > .seal { display: none; }
[data-ui="native"] .bubble { font-size: 15px; line-height: 1.7; }
[data-ui="native"] .message.user .bubble { border-radius: 18px; padding: 8px 14px; background: var(--user-bg); color: var(--user-ink); font-size: 15px; }
[data-ui="native"] .prose h3 { font-size: 17px; font-weight: 700; }
[data-ui="native"] .prose ul li::marker { color: var(--ink-3); }
[data-ui="native"] .prose blockquote { border-left: 3px solid var(--line-strong); color: var(--ink-2); }
[data-ui="native"] .table-wrap { border: 0; border-radius: 10px; box-shadow: 0 0 0 0.5px var(--line-strong); padding: 0 12px; }
[data-ui="native"] .prose th { font-size: 12.5px; font-weight: 600; letter-spacing: 0; color: var(--ink-3); border-bottom: 0.5px solid var(--line-strong); }
[data-ui="native"] .prose td { border-bottom: 0.5px solid var(--line); }
[data-ui="native"] .prose code { background: var(--sunken); }
[data-ui="native"] .composer-wrap { padding-left: max(28px, calc((100% - 740px) / 2)); padding-right: max(28px, calc((100% - 740px) / 2)); }
[data-ui="native"] .composer { border-radius: 22px; padding: 5px 5px 5px 8px; box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(0, 0, 0, 0.06); }
[data-ui="native"] .composer:focus-within { box-shadow: 0 0 0 0.5px var(--accent), 0 0 0 3.5px var(--accent-soft); }
[data-ui="native"] .send-button { width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: #fff; }
[data-ui="native"] .send-button:disabled { background: var(--ink-4); opacity: 1; }
[data-ui="native"] .send-button:not(:disabled):hover { background: var(--accent-hover); }
[data-ui="native"] .composer .icon-button { box-shadow: none; background: none; }
[data-ui="native"] .spinner { border-top-color: var(--accent); }
[data-ui="native"] .live-bubble::after { background: var(--accent); }
[data-ui="native"] .reaction-chip { font-size: 12px; }
[data-ui="native"] .origin-action { color: var(--accent); }
[data-ui="native"] .memory-line svg { color: var(--accent); }
[data-ui="native"] .welcome { text-align: center; }
[data-ui="native"] .welcome .seal { margin: 0 auto 20px; }
[data-ui="native"] .welcome h2 { font-size: 28px; font-weight: 700; }
[data-ui="native"] .suggestions { border-top: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
[data-ui="native"] .suggestions button { border: 0; border-radius: 16px; padding: 7px 14px; background: var(--surface-2); box-shadow: var(--card-shadow); font-size: 13.5px; }
[data-ui="native"] .suggestions button::after { content: none; }
[data-ui="native"] .auth-shell { background: var(--bg); background-image: none; }
[data-ui="native"] .auth-box > .seal { --s: 64px; }
[data-ui="native"] .auth-box h1 { font-size: 28px; font-weight: 700; }
[data-ui="native"] .auth-box .primary { height: 38px; border-radius: 10px; }

@media (max-width: 1240px) {
  [data-ui="native"] .today-grid { grid-template-columns: minmax(0, 1fr); }
  [data-ui="native"] .today-side { position: static; order: -1; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
}
@media (max-width: 1099px) {
  :root[data-ui="native"] { --rail-w: 54px; }
  [data-ui="native"] .rail { padding: 12px 6px 8px; }
  [data-ui="native"] .rail-item { justify-content: center; padding: 0; width: 38px; }
}
@media (max-width: 760px) {
  [data-ui="native"] .shell, [data-ui="native"] .shell.with-drawer { grid-template-columns: minmax(0, 1fr); }
  [data-ui="native"] .rail { display: none; }
  [data-ui="native"] .page-scroll { padding: 4px 16px 130px; }
  [data-ui="native"] .masthead-date, [data-ui="native"] .masthead-week { font-size: 28px; }
  [data-ui="native"] .today-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-ui="native"] .mobile-nav { background: rgba(249, 249, 249, 0.94); border-top: 0.5px solid var(--line-strong); }
  [data-ui="native"] .mobile-item.active { color: var(--accent); font-weight: 500; }
  [data-ui="native"] .mobile-item.active svg { color: var(--accent); }
}

/* ---------- polish round 1 ---------- */
/* the page carries its own large title; the toolbar stays quiet (conversation keeps its name) */
[data-ui="native"] .shell:not(.on-chat) .topbar-name { display: none; }
[data-ui="native"] .rail-section { padding-right: 8px; }
[data-ui="native"] .rail-section-count { color: var(--ink-3); font-weight: 400; }
/* feedback: present but quiet — plain grey text actions, no chips */
[data-ui="native"] .rating-box { margin-top: 12px; gap: 4px; }
[data-ui="native"] .rating-row { gap: 2px; }
[data-ui="native"] .rating-row .row-meta { font-size: 12px; color: var(--ink-4); margin-right: 6px; }
[data-ui="native"] .rating-row .round-chip { background: none; padding: 3px 7px; border-radius: 6px; font-size: 12px; color: var(--ink-3); }
[data-ui="native"] .rating-row .round-chip:hover { background: var(--bg); color: var(--ink); }
[data-ui="native"] .rating-row .round-chip.active { background: var(--accent-soft); color: var(--accent); }
[data-ui="native"] .story .brief-actions { margin-top: 14px; }
[data-ui="native"] .brief-sources { margin-top: 10px; }
/* with the conversation open beside it, Today becomes one column; the side cards pair up on top */
@media (max-width: 1679px) {
  [data-ui="native"] .with-drawer .today-grid { grid-template-columns: minmax(0, 1fr); }
  [data-ui="native"] .with-drawer .today-side { position: static; order: -1; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  [data-ui="native"] .with-drawer .today-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
[data-ui="native"] .reaction-chip { color: var(--ink-3); }
[data-ui="native"] .page-assistant .diary-card { padding: 14px 16px; margin-bottom: 8px; border: 0; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); grid-template-columns: 40px minmax(0, 1fr); gap: 14px; }
[data-ui="native"] .page-assistant .diary-card:hover .diary-title { color: var(--accent); }
/* settings: an account header like System Settings, and the model/usage area as one grouped card */
[data-ui="native"] .settings-hero { padding: 16px 18px 6px; border-radius: 12px; background: var(--surface-2); box-shadow: var(--card-shadow); margin: 0 0 8px; }
[data-ui="native"] .member-card {
  width: 100%; aspect-ratio: auto; margin: 0 0 12px; padding: 0 0 14px; border-radius: 0; background: none; color: var(--ink); box-shadow: none;
  display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; column-gap: 14px; border-bottom: 0.5px solid var(--line);
}
[data-ui="native"] .member-brand { display: none; }
[data-ui="native"] .member-stamp { position: relative; right: auto; top: auto; grid-row: 1; width: 52px; height: 52px; }
[data-ui="native"] .member-stamp::after { font-size: 26px; }
[data-ui="native"] .member-foot { margin: 0; grid-column: 2; grid-row: 1; flex-direction: column; align-items: flex-start; gap: 3px; }
[data-ui="native"] .member-name { font-size: 18px; font-weight: 600; color: var(--ink); }
[data-ui="native"] .member-tier { color: var(--ink-3); border: 0; background: var(--sunken); border-radius: 5px; font-family: var(--sans); font-size: 11px; letter-spacing: 0; text-transform: none; }
[data-ui="native"] .member-date { color: var(--ink-3); font-family: var(--sans); font-size: 12.5px; }
[data-ui="native"] .member-date:not(:empty)::before { content: "从 "; }
[data-ui="native"] .member-date:not(:empty)::after { content: " 开始使用"; }
[data-ui="native"] .hero-plan { font-size: 14px; }
[data-ui="native"] .hero-row { border-top: 0.5px solid var(--line); margin-top: 12px; }
[data-ui="native"] .model-choice { box-shadow: 0 0 0 0.5px var(--line-strong); }
[data-ui="native"] .model-choice.add { outline: 0; box-shadow: 0 0 0 0.5px var(--line-strong); background: var(--bg); color: var(--accent); }

/* ---------- the face in the product ---------- */
[data-ui="native"] .member-stamp { overflow: hidden; background: #1e2558; }
[data-ui="native"] .unread-dot { background: var(--sun); }
[data-ui="native"] .rail-section-count { color: var(--sun); font-weight: 600; }
/* the live reply keeps its face (finished answers are plain text) */
[data-ui="native"] .message.assistant.live-row { grid-template-columns: 26px minmax(0, 1fr); gap: 12px; }
[data-ui="native"] .message.assistant.live-row > .seal { display: inline-block; }
/* Today's hero line: what it picked up for you */
[data-ui="native"] .picked { order: 2; display: flex; align-items: center; gap: 14px; margin-top: 22px; padding: 14px 18px; border-radius: 14px; background: linear-gradient(100deg, rgba(255, 190, 82, 0.18), rgba(61, 79, 196, 0.06) 70%); box-shadow: var(--card-shadow); }
[data-ui="native"] .picked .seal { --s: 48px; border-radius: 26%; }
[data-ui="native"] .picked-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-ui="native"] .picked-title { font-size: 19px; font-weight: 700; color: var(--ink); }
[data-ui="native"] .picked-sub { font-size: 13.5px; color: var(--ink-3); }
[data-ui="native"] .today-tiles { order: 3; margin-top: 12px; }

/* =====================================================================
   日出 — everything takes its colour and shape from 拾日's face
   ===================================================================== */
/* rail: the sky's indigo, very faint */
[data-ui="native"] .rail { box-shadow: 0 0 0 0.5px rgba(30, 37, 88, 0.1), 0 6px 24px rgba(30, 37, 88, 0.06); }
[data-ui="native"] .rail-item:hover, [data-ui="native"] .rail-run:hover { background: var(--accent-soft); }
[data-ui="native"] .rail-item.active { background: var(--surface-2); box-shadow: 0 0.5px 1px rgba(30, 37, 88, 0.1), 0 1px 4px rgba(30, 37, 88, 0.06); color: var(--ink); font-weight: 600; }
[data-ui="native"] .rail-brand .seal { --s: 26px; box-shadow: 0 2px 6px rgba(30, 37, 88, 0.25); }
[data-ui="native"] .rail-word { color: var(--ink); }
@media (prefers-color-scheme: dark) {
  [data-ui="native"]:not([data-theme="light"]) .rail { box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.06); }
  [data-ui="native"]:not([data-theme="light"]) .rail-item:hover, [data-ui="native"]:not([data-theme="light"]) .rail-run:hover { background: var(--accent-soft); }
  [data-ui="native"]:not([data-theme="light"]) .rail-item.active { background: rgba(255, 255, 255, 0.07); box-shadow: none; }
  [data-ui="native"]:not([data-theme="light"]) .askbar { background: rgba(31, 31, 34, 0.92); }
  [data-ui="native"]:not([data-theme="light"]) .mobile-nav { background: rgba(22, 22, 24, 0.92); }
}
[data-ui="native"][data-theme="dark"] .rail-item.active { background: rgba(255, 255, 255, 0.07); box-shadow: none; }
[data-ui="native"][data-theme="dark"] .askbar { background: rgba(31, 31, 34, 0.92); }
[data-ui="native"] .segments, [data-ui="native"] .wide-segments, [data-ui="native"] .inspiration-tabs { background: var(--sunken); }

/* Today's hero: a sunrise. Indigo sky, the sun rising at the left with its face, the line in white. */
[data-ui="native"] .picked {
  position: relative; overflow: hidden; min-height: 112px; padding: 22px 26px 22px 150px; border-radius: 20px;
  background: linear-gradient(180deg, var(--sky-top, #1e2558), var(--sky-bottom, #3a4aa0)); box-shadow: 0 10px 30px -12px rgba(30, 37, 88, 0.55);
}
[data-ui="native"] .picked::before {
  content: ""; position: absolute; left: -60px; bottom: -150px; width: 260px; height: 260px; border-radius: 50%;
  background: radial-gradient(circle at 40% 18%, #ffe9b0, #ffbe52 50%, #ff8a3a); box-shadow: 0 0 0 26px rgba(255, 178, 90, 0.18), 0 0 0 60px rgba(255, 178, 90, 0.08);
}
[data-ui="native"] .picked::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(1.5px 1.5px at 72% 26%, rgba(255, 255, 255, 0.7), transparent), radial-gradient(1px 1px at 84% 58%, rgba(255, 255, 255, 0.5), transparent), radial-gradient(1.2px 1.2px at 58% 18%, rgba(255, 255, 255, 0.45), transparent), radial-gradient(1px 1px at 93% 22%, rgba(255, 255, 255, 0.55), transparent);
}
/* the face sits on the rising sun: only its eyes show, like the icon */
[data-ui="native"] .picked .seal { position: absolute; left: 26px; bottom: 6px; --s: 92px; background: transparent; box-shadow: none; border-radius: 0; overflow: visible; z-index: 1; }
[data-ui="native"] .picked .seal .m-sky, [data-ui="native"] .picked .seal .m-halo, [data-ui="native"] .picked .seal .m-sun { display: none; }
[data-ui="native"] .picked-text { position: relative; z-index: 1; }
[data-ui="native"] .picked-title { font-size: 22px; color: #ffffff; letter-spacing: 0.005em; }
[data-ui="native"] .picked-sub { font-size: 14px; color: rgba(238, 240, 255, 0.72); }

/* tiles: the brand's family of colours */
[data-ui="native"] .tile-agenda .tile-icon { background: var(--accent); }
[data-ui="native"] .tile-running .tile-icon { background: var(--sun-deep); }
[data-ui="native"] .tile-care .tile-icon { background: #e5484d; }
[data-ui="native"] .tile-feed .tile-icon { background: #7b5cd6; }
[data-ui="native"] .feed-card .story-cat { color: #7b5cd6; }
[data-ui="native"] .today-tile { border-radius: 16px; }
[data-ui="native"] .today-tile:hover { box-shadow: 0 0.5px 1px rgba(23, 26, 51, 0.06), 0 6px 18px rgba(30, 37, 88, 0.1); }

/* agenda: indigo bars; the one happening now is the sun */
[data-ui="native"] .agenda-now .agenda-tick { background: var(--sun); }
[data-ui="native"] .agenda-now .agenda-time { color: var(--sun-deep); }
[data-ui="native"] .mail-item.important .agenda-title::before { background: var(--sun-deep); }

/* cards and buttons: softer, like the sun's curve */
[data-ui="native"] .story, [data-ui="native"] .side-block, [data-ui="native"] .today-side .care-card, [data-ui="native"] .edition-pending, [data-ui="native"] .card,
[data-ui="native"] .settings-group, [data-ui="native"] .settings-hero, [data-ui="native"] .profile-card, [data-ui="native"] .thread-group, [data-ui="native"] .list-card,
[data-ui="native"] .folder-tile, [data-ui="native"] .template-row, [data-ui="native"] .page-assistant .diary-card { border-radius: 16px; }
[data-ui="native"] .primary { border-radius: 10px; height: 32px; }
[data-ui="native"] .secondary, [data-ui="native"] .pill-button { border-radius: 10px; height: 32px; }
[data-ui="native"] .story .brief-actions .primary { background: var(--accent); }
[data-ui="native"] .brief-dot { background: var(--accent); }
[data-ui="native"] .brief-stop.tone-warn .brief-dot, [data-ui="native"] .brief-stop.tone-bad .brief-dot { background: var(--sun-deep); }
[data-ui="native"] .brief-stop.tone-warn .brief-badge, [data-ui="native"] .brief-stop.tone-bad .brief-badge { color: var(--sun-deep); }
[data-ui="native"] .brief-metric-value.tone-warn { color: var(--sun-deep); }
[data-ui="native"] .switch.on, [data-ui="native"] .toggle.on { background: var(--accent); }

/* conversation: your words in a soft indigo bubble; its answers plain on the page */
[data-ui="native"] .message.user .bubble { border-radius: 20px 20px 6px 20px; }
[data-ui="native"] .send-button { background: var(--accent); }
[data-ui="native"] .composer { border-radius: 24px; }
[data-ui="native"] .composer:focus-within { box-shadow: 0 0 0 0.5px var(--accent), 0 0 0 4px var(--accent-soft), 0 8px 28px -10px rgba(255, 154, 60, 0.35); }
[data-ui="native"] .welcome .seal { --s: 88px; box-shadow: 0 12px 30px -8px rgba(30, 37, 88, 0.45); }

/* the ask bar: a little morning light around it */
[data-ui="native"] .askbar { box-shadow: 0 0 0 0.5px rgba(30, 37, 88, 0.14), 0 10px 30px -8px rgba(30, 37, 88, 0.22), 0 6px 26px -12px rgba(255, 154, 60, 0.45); }
[data-ui="native"] .askbar .seal { border-radius: 30%; }

/* settings account header and the assistant page: the face, larger and lit */
[data-ui="native"] .member-card { background: none; color: var(--ink); }
[data-ui="native"] .assistant-head .seal-xxl { --s: 104px; box-shadow: 0 14px 34px -10px rgba(30, 37, 88, 0.5); }
[data-ui="native"] .assistant-head { position: relative; padding-top: 28px; }
[data-ui="native"] .diary-badge-week { background: var(--accent); }
[data-ui="native"] .profile-card { border-top: 3px solid transparent; background: linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(90deg, var(--sky-bottom, #3a4aa0), var(--sun)) border-box; }
[data-ui="native"] .auth-box > .seal { --s: 76px; box-shadow: 0 14px 34px -10px rgba(30, 37, 88, 0.5); }
[data-ui="native"] .auth-shell { background: radial-gradient(120% 60% at 50% 0%, var(--accent-soft), transparent 60%), var(--bg); }
[data-ui="native"] .mobile-item.active, [data-ui="native"] .mobile-item.active svg { color: var(--accent); }
[data-ui="native"] .picked { padding-left: 214px; }
@media (max-width: 760px) {
  [data-ui="native"] .picked { padding: 18px 18px 18px 132px; min-height: 104px; }
  [data-ui="native"] .picked::before { left: -80px; bottom: -160px; }
  [data-ui="native"] .picked .seal { left: 10px; --s: 80px; }
  [data-ui="native"] .picked-title { font-size: 17px; text-wrap: balance; }
  [data-ui="native"] .picked { padding-left: 118px; }
}
@media (max-width: 760px) {
  [data-ui="native"] .picked { padding: 16px 16px 16px 128px; min-height: 96px; border-radius: 18px; }
  [data-ui="native"] .picked::before { width: 170px; height: 170px; left: -48px; bottom: -104px; box-shadow: 0 0 0 18px rgba(255, 178, 90, 0.18), 0 0 0 40px rgba(255, 178, 90, 0.08); }
  [data-ui="native"] .picked .seal { left: 4px; bottom: 2px; --s: 62px; }
  [data-ui="native"] .picked-title { font-size: 17px; }
  [data-ui="native"] .picked-sub { font-size: 12.5px; }
}

/* =====================================================================
   白 · 克制 (light): a white canvas, monochrome chrome, colour only for the brand moment and "now".
   References checked side by side: Things 3, Notion Calendar, Linear, Apple Calendar.
   ===================================================================== */
@media (prefers-color-scheme: dark) {
  :root[data-ui="native"]:not([data-theme="light"]) {
    --accent: #ededef; --accent-hover: #ffffff; --accent-soft: rgba(255, 255, 255, 0.07); --accent-ink: #161618;
  }
}
:root[data-ui="native"][data-theme="dark"] { --accent: #ededef; --accent-hover: #ffffff; --accent-soft: rgba(255, 255, 255, 0.07); --accent-ink: #161618; }
[data-ui="native"] .primary, [data-ui="native"] .send-button, [data-ui="native"] .story .brief-actions .primary { color: var(--accent-ink); }

/* sidebar: flush, light grey, grey icons — like Things */
@media (min-width: 761px) {
  [data-ui="native"] .shell { grid-template-columns: var(--rail-w) minmax(0, 1fr); }
  [data-ui="native"] .shell.with-drawer { grid-template-columns: var(--rail-w) minmax(0, 1fr) 420px; }
}
[data-ui="native"] .rail { margin: 0; border-radius: 0; box-shadow: none; border-right: 1px solid var(--line); backdrop-filter: none; -webkit-backdrop-filter: none; padding: 14px 10px 10px; }
[data-ui="native"] .rail-item svg { color: var(--ink-3); }
[data-ui="native"] .rail-item.active { background: var(--line-soft); box-shadow: none; }
[data-ui="native"] .rail-item.active svg { color: var(--ink); }
[data-ui="native"] .rail-item:hover, [data-ui="native"] .rail-run:hover { background: var(--line-soft); }
[data-ui="native"] .rail-run .spinner { border-top-color: var(--sun); }

/* links: ink with a hairline underline, not blue */
[data-ui="native"] .small-link, [data-ui="native"] .origin-action, [data-ui="native"] .side-head .small-link, [data-ui="native"] .care-card .small-link, [data-ui="native"] .brief-sources a {
  color: var(--ink-2); text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; text-decoration-thickness: 1px;
}
[data-ui="native"] .small-link:hover, [data-ui="native"] .origin-action:hover { color: var(--ink); text-decoration-color: var(--ink-3); }

/* no card kit: content sits on the white page, separated by space and hairlines */
[data-ui="native"] .story, [data-ui="native"] .side-block, [data-ui="native"] .today-side .care-card, [data-ui="native"] .edition-pending {
  background: none; box-shadow: none; border-radius: 0; padding-left: 0; padding-right: 0;
}
[data-ui="native"] .story { padding: 20px 0; margin: 0; border-bottom: 1px solid var(--line); }
[data-ui="native"] .today-main .edition-head + .edition-lede + .story, [data-ui="native"] .today-main .edition-head + .story { border-top: 1px solid var(--line); }
[data-ui="native"] .side-block, [data-ui="native"] .today-side .care-card { padding-top: 0; padding-bottom: 0; }
[data-ui="native"] .side-head { padding-bottom: 8px; margin-bottom: 4px; border-bottom: 1px solid var(--line); }
[data-ui="native"] .care-card .card-head-row { padding-bottom: 8px; margin-bottom: 0; border-bottom: 1px solid var(--line); }
[data-ui="native"] .today-side { gap: 36px; }
[data-ui="native"] .today-grid { gap: 48px; }
[data-ui="native"] .story-cat { color: var(--ink-3); font-weight: 500; }
[data-ui="native"] .feed-card .story-cat { color: var(--ink-3); }
[data-ui="native"] .brief-headline { font-size: 17px; }
[data-ui="native"] .brief-metric, [data-ui="native"] .brief-metric + .brief-metric, [data-ui="native"] .brief-note { background: var(--sunken); }
[data-ui="native"] .brief-dot { background: var(--ink-3); }
[data-ui="native"] .agenda-tick { background: var(--line-strong); }
[data-ui="native"] .agenda-now .agenda-tick { background: var(--sun); }

/* the four counts: a quiet row, grey icons, no boxes or shadows */
[data-ui="native"] .today-tile { background: var(--sunken); box-shadow: none; border-radius: 14px; }
[data-ui="native"] .today-tile:hover { box-shadow: none; background: var(--line-soft); }
[data-ui="native"] .tile-icon, [data-ui="native"] .tile-agenda .tile-icon, [data-ui="native"] .tile-care .tile-icon, [data-ui="native"] .tile-feed .tile-icon { background: none; color: var(--ink-3); width: 20px; height: 20px; }
[data-ui="native"] .tile-icon svg { stroke-width: 1.8; width: 18px; height: 18px; }
[data-ui="native"] .tile-running .tile-icon { background: none; color: var(--sun-deep); }
[data-ui="native"] .tile-count { font-size: 22px; font-weight: 600; }
[data-ui="native"] .tile-name { font-weight: 500; }

/* lists, settings, memory: hairline groups, no shadow */
[data-ui="native"] .settings-group, [data-ui="native"] .settings-hero, [data-ui="native"] .thread-group, [data-ui="native"] .list-card, [data-ui="native"] .skill-list,
[data-ui="native"] .mailbox-list, [data-ui="native"] .profile-card, [data-ui="native"] .folder-tile, [data-ui="native"] .template-row, [data-ui="native"] .card,
[data-ui="native"] .page-assistant .diary-card, [data-ui="native"] .model-choice, [data-ui="native"] .connector, [data-ui="native"] .inspiration-card, [data-ui="native"] .style-choice, [data-ui="native"] .choice-box {
  box-shadow: none; border: 1px solid var(--line); border-radius: 14px;
}
[data-ui="native"] .profile-card { border-top: 1px solid var(--line); background: var(--surface-2); }
[data-ui="native"] .folder-tile-icon, [data-ui="native"] .folder-tile.accent .folder-tile-icon, [data-ui="native"] .template-row > svg, [data-ui="native"] .plus-item svg { color: var(--ink-3); }
[data-ui="native"] .diary-badge { box-shadow: none; border: 1px solid var(--line); }
[data-ui="native"] .diary-badge-week { background: var(--accent); }
[data-ui="native"] .model-choice.active { box-shadow: inset 0 0 0 1.5px var(--accent); border-color: transparent; }
[data-ui="native"] .model-choice.active .radio { box-shadow: inset 0 0 0 4.5px var(--accent); }
[data-ui="native"] .segments button.selected, [data-ui="native"] .wide-segments button.selected, [data-ui="native"] .inspiration-tab.active { box-shadow: 0 1px 2px rgba(24, 24, 27, 0.1), 0 0 0 0.5px rgba(24, 24, 27, 0.06); }
[data-ui="native"] .switch.on, [data-ui="native"] .toggle.on { background: var(--accent); }
[data-ui="native"] .icon-button { box-shadow: none; background: none; }
[data-ui="native"] .icon-button:hover { background: var(--line-soft); }
[data-ui="native"] .ask-toggle { box-shadow: none; border: 1px solid var(--line); background: var(--surface-2); }
[data-ui="native"] .rating-row .round-chip.active { background: var(--accent); color: var(--accent-ink); }
[data-ui="native"] .unread-dot { background: var(--sun); }

/* conversation and composer */
[data-ui="native"] .composer { box-shadow: 0 0 0 1px var(--line-strong), 0 6px 20px -10px rgba(24, 24, 27, 0.12); }
[data-ui="native"] .composer:focus-within { box-shadow: 0 0 0 1px var(--ink-3), 0 6px 24px -10px rgba(24, 24, 27, 0.18); }
[data-ui="native"] .table-wrap { box-shadow: 0 0 0 1px var(--line); }
[data-ui="native"] .askbar { box-shadow: 0 0 0 1px rgba(24, 24, 27, 0.07), 0 12px 32px -10px rgba(24, 24, 27, 0.2); }

/* the brand moment keeps its colour: the sunrise and the face */
:root[data-ui="native"][data-theme="dark"] .picked { box-shadow: 0 16px 36px -18px rgba(0, 0, 0, 0.6); }

/* light: the sunrise moves from a night sky to first light — pale, warm, no blue slab */

/* light-only pieces: system light, or light picked by hand */
@media (prefers-color-scheme: light) {
  :root[data-ui="native"]:not([data-theme="dark"]) {
    --bg: #ffffff;
    --bg-rail: #f7f7f8;
    --surface: #fafafa;
    --surface-2: #ffffff;
    --sunken: #f4f4f5;
    --ink: #18181b;
    --ink-2: #3f3f46;
    --ink-3: #71717a;
    --ink-4: #a1a1aa;
    --line: #ececee;
    --line-soft: #f2f2f3;
    --line-strong: #dedee1;
    --accent: #18181b;
    --accent-hover: #000000;
    --accent-soft: rgba(24, 24, 27, 0.05);
    --user-bg: #f4f4f5;
    --user-ink: #18181b;
    --card-shadow: none;
    --shadow-pop: 0 0 0 1px rgba(24, 24, 27, 0.06), 0 12px 32px -8px rgba(24, 24, 27, 0.16);
  }
  :root[data-ui="native"]:not([data-theme="dark"]) .picked {
    background: linear-gradient(180deg, #fbf7f2 0%, #fff1e2 100%); box-shadow: inset 0 0 0 1px rgba(242, 112, 46, 0.10);
  }
  :root[data-ui="native"]:not([data-theme="dark"]) .picked::after { display: none; }
  :root[data-ui="native"]:not([data-theme="dark"]) .picked::before { box-shadow: 0 0 0 26px rgba(255, 178, 90, 0.14), 0 0 0 60px rgba(255, 178, 90, 0.07); }
  :root[data-ui="native"]:not([data-theme="dark"]) .picked-title { color: var(--ink); }
  :root[data-ui="native"]:not([data-theme="dark"]) .picked-sub { color: var(--ink-3); }
}
:root[data-ui="native"][data-theme="light"] {
  --bg: #ffffff;
  --bg-rail: #f7f7f8;
  --surface: #fafafa;
  --surface-2: #ffffff;
  --sunken: #f4f4f5;
  --ink: #18181b;
  --ink-2: #3f3f46;
  --ink-3: #71717a;
  --ink-4: #a1a1aa;
  --line: #ececee;
  --line-soft: #f2f2f3;
  --line-strong: #dedee1;
  --accent: #18181b;
  --accent-hover: #000000;
  --accent-soft: rgba(24, 24, 27, 0.05);
  --user-bg: #f4f4f5;
  --user-ink: #18181b;
  --card-shadow: none;
  --shadow-pop: 0 0 0 1px rgba(24, 24, 27, 0.06), 0 12px 32px -8px rgba(24, 24, 27, 0.16);
}
:root[data-ui="native"][data-theme="light"] .picked {
  background: linear-gradient(180deg, #fbf7f2 0%, #fff1e2 100%); box-shadow: inset 0 0 0 1px rgba(242, 112, 46, 0.10);
}
:root[data-ui="native"][data-theme="light"] .picked::after { display: none; }
:root[data-ui="native"][data-theme="light"] .picked::before { box-shadow: 0 0 0 26px rgba(255, 178, 90, 0.14), 0 0 0 60px rgba(255, 178, 90, 0.07); }
:root[data-ui="native"][data-theme="light"] .picked-title { color: var(--ink); }
:root[data-ui="native"][data-theme="light"] .picked-sub { color: var(--ink-3); }

/* dark: graphite, like Things / Linear at night. The sun still rises, on a dusk-grey sky. */
@media (prefers-color-scheme: dark) {
  :root[data-ui="native"]:not([data-theme="light"]) .picked { background: linear-gradient(180deg, #202023, #26252a); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06); }
  :root[data-ui="native"]:not([data-theme="light"]) .picked::after { display: none; }
  :root[data-ui="native"]:not([data-theme="light"]) .picked-sub { color: var(--ink-3); }
}
:root[data-ui="native"][data-theme="dark"] .picked { background: linear-gradient(180deg, #202023, #26252a); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06); }
:root[data-ui="native"][data-theme="dark"] .picked::after { display: none; }
:root[data-ui="native"][data-theme="dark"] .picked-sub { color: var(--ink-3); }

/* 日出橙: the one lively colour, taken from the logo's sun. Chrome stays grey; actions and "now" are orange. */
:root[data-ui="native"] {
  --accent: #f0651f; --accent-hover: #e4561a; --accent-soft: rgba(240, 101, 31, 0.09); --accent-ink: #ffffff;
  --accent-text: #d4520f;
}
@media (prefers-color-scheme: dark) {
  :root[data-ui="native"]:not([data-theme="light"]) { --accent: #ff7a33; --accent-hover: #ff8a4a; --accent-soft: rgba(255, 122, 51, 0.14); --accent-ink: #ffffff; --accent-text: #ff9a5c; }
}
:root[data-ui="native"][data-theme="dark"] { --accent: #ff7a33; --accent-hover: #ff8a4a; --accent-soft: rgba(255, 122, 51, 0.14); --accent-ink: #ffffff; --accent-text: #ff9a5c; }
@media (prefers-color-scheme: light) {
  :root[data-ui="native"]:not([data-theme="dark"]) { --accent: #f0651f; --accent-hover: #e4561a; --accent-soft: rgba(240, 101, 31, 0.09); --accent-ink: #ffffff; }
}
:root[data-ui="native"][data-theme="light"] { --accent: #f0651f; --accent-hover: #e4561a; --accent-soft: rgba(240, 101, 31, 0.09); --accent-ink: #ffffff; }
/* filled buttons: a soft sunrise gradient with a hairline highlight, not a flat block */
[data-ui="native"] .primary, [data-ui="native"] .send-button, [data-ui="native"] .story .brief-actions .primary {
  background: linear-gradient(180deg, #ff7f3a, #ee5f1a); color: #fff; border: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 1px 2px rgba(214, 82, 15, 0.25);
}
[data-ui="native"] .primary:hover, [data-ui="native"] .send-button:hover, [data-ui="native"] .story .brief-actions .primary:hover { background: linear-gradient(180deg, #ff7330, #e4561a); }
[data-ui="native"] .primary:disabled, [data-ui="native"] .send-button:disabled { background: var(--sunken); color: var(--ink-4); box-shadow: none; }
[data-ui="native"] .diary-badge-week { background: linear-gradient(180deg, #ff7f3a, #ee5f1a); }

/* one type scale (Apple-like): 12 caption · 13 footnote · 14 body-small · 15 body · 17 headline · 22 title · 34 large title.
   Weights: 400 / 500 / 600; 700 only for the date. */
[data-ui="native"] .masthead-kicker, [data-ui="native"] .brief-badge, [data-ui="native"] .brief-metric-label, [data-ui="native"] .story-cat, [data-ui="native"] .story-no,
[data-ui="native"] .row-meta, [data-ui="native"] .round-chip, [data-ui="native"] .brief-metric-note, [data-ui="native"] .agenda-meta, [data-ui="native"] .interest-tag,
[data-ui="native"] .brief-stop-date, [data-ui="native"] .small-link, [data-ui="native"] .diary-badge-week { font-size: 12px; }
[data-ui="native"] .edition-time, [data-ui="native"] .agenda-time, [data-ui="native"] .side-quiet, [data-ui="native"] .tile-name, [data-ui="native"] .brief-list-title,
[data-ui="native"] .diary-preview, [data-ui="native"] .primary, [data-ui="native"] .brief-stop-label, [data-ui="native"] .brief-list-value, [data-ui="native"] .picked-sub { font-size: 13px; }
[data-ui="native"] .brief-summary, [data-ui="native"] .edition-lede, [data-ui="native"] .masthead-line { font-size: 15px; line-height: 1.6; }
[data-ui="native"] .brief-headline, [data-ui="native"] .diary-title { font-size: 17px; font-weight: 600; line-height: 1.4; }
[data-ui="native"] .edition-name, [data-ui="native"] .side-head h3, [data-ui="native"] .care-card .eyebrow { font-size: 17px; font-weight: 600; letter-spacing: 0; }
[data-ui="native"] .picked-title, [data-ui="native"] .tile-count, [data-ui="native"] .brief-metric-value, [data-ui="native"] .diary-badge-day { font-size: 22px; font-weight: 600; }
[data-ui="native"] .diary-badge-day { font-size: 20px; }
[data-ui="native"] .masthead-date { font-weight: 700; }
[data-ui="native"] .story-cat { font-weight: 500; }
[data-ui="native"] .agenda-title { font-weight: 500; }
[data-ui="native"] .agenda-now .agenda-title { font-weight: 600; }
[data-ui="native"] .page-title { font-weight: 700; letter-spacing: -0.01em; }

/* feedback rows stay out of the way until you point at the card (always shown once answered, and on touch screens) */
@media (hover: hover) {
  [data-ui="native"] .story .rating-box:not([data-open="1"]):not(:has(.active)) { opacity: 0; transition: opacity 0.15s ease; }
  [data-ui="native"] .story:hover .rating-box, [data-ui="native"] .story .rating-box:focus-within { opacity: 1; }
}
/* the composer shows focus on its outer frame only — no ring around the text area inside */
[data-ui="native"] .composer textarea, [data-ui="native"] .composer textarea:focus, [data-ui="native"] .composer input:focus { box-shadow: none; outline: none; }
[data-ui="native"] .composer:focus-within { box-shadow: 0 0 0 1px rgba(240, 101, 31, 0.45), 0 0 0 4px rgba(240, 101, 31, 0.08), 0 6px 24px -10px rgba(24, 24, 27, 0.18); }
/* the same soft orange focus for every other field */
[data-ui="native"] input:focus-visible, [data-ui="native"] textarea:focus-visible, [data-ui="native"] select:focus-visible { outline: none; }
@media (max-width: 760px) {
  [data-ui="native"] .picked-title { font-size: 17px; text-wrap: balance; }
  [data-ui="native"] .picked { padding-left: 118px; }
  [data-ui="native"] .tile-count { font-size: 20px; }
}

/* 为你着想: no frame (like the other side blocks); each item = small date line, title, one line of advice, quiet actions */
[data-ui="native"] .today-side .care-card { border: 0; border-radius: 0; padding: 0; background: none; }
[data-ui="native"] .care-card .mail-item { position: relative; display: flex; flex-direction: column; gap: 3px; padding: 12px 0; border-bottom: 1px solid var(--line); }
[data-ui="native"] .care-card .mail-item:last-of-type { border-bottom: 0; }
[data-ui="native"] .care-kicker { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ink-3); line-height: 1.4; }
[data-ui="native"] .care-kicker:empty { display: none; }
[data-ui="native"] .mail-item.important .care-kicker::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex: none; }
[data-ui="native"] .mail-item.important .care-kicker { color: var(--accent-text, var(--accent)); font-weight: 500; }
[data-ui="native"] .mail-item .agenda-title, [data-ui="native"] .mail-item.important .agenda-title { font-size: 14px; font-weight: 500; line-height: 1.45; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-ui="native"] .mail-item.important .agenda-title::before { content: none; }
[data-ui="native"] .mail-item .row-meta { font-size: 13px; line-height: 1.5; color: var(--ink-3); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-ui="native"] .mail-item .row-meta:empty { display: none; }
[data-ui="native"] .mail-item .buttons { display: flex; gap: 6px; margin-top: 6px; }
[data-ui="native"] .mail-item .buttons .small-link { text-decoration: none; font-size: 12px; color: var(--ink-2); padding: 3px 9px; border-radius: 6px; background: var(--sunken); line-height: 1.5; }
[data-ui="native"] .mail-item .buttons .small-link:hover { background: var(--line-strong); color: var(--ink); }
[data-ui="native"] .mail-item .buttons .small-link + .small-link { background: none; color: var(--ink-3); }
[data-ui="native"] .mail-item .buttons .small-link + .small-link:hover { background: var(--sunken); }
[data-ui="native"] .care-card .care-more { display: block; margin-top: 4px; padding: 8px 0 0; border-top: 1px solid var(--line); width: 100%; text-align: left; text-decoration: none; color: var(--ink-3); font-size: 13px; }
[data-ui="native"] .care-card .care-more:hover { color: var(--ink); }
[data-ui="native"] .care-card .card-head-row .small-link { text-decoration: none; color: var(--ink-3); font-size: 13px; }
[data-ui="native"] .care-card .card-head-row .small-link:hover { color: var(--ink); }

/* tasks as conversations */
[data-ui="native"] .task-starters .task-starter { background: var(--sunken); color: var(--ink-2); border: 0; border-radius: 999px; padding: 6px 14px; font-size: 13px; }
[data-ui="native"] .task-starters .task-starter:hover { background: var(--line-strong); color: var(--ink); }
[data-ui="native"] .new-task-composer { margin-top: 22px; }
[data-ui="native"] .thread-working .spinner { border-top-color: var(--accent); }
[data-ui="native"] .thread-row .unread-dot { background: var(--accent); }
[data-ui="native"] .thread-composer { padding: 10px 12px 8px; border-radius: 16px; background: var(--surface-2); }
[data-ui="native"] .thread-composer textarea, [data-ui="native"] .thread-composer textarea:focus { border: 0; box-shadow: none; background: none; font-size: 15px; line-height: 1.55; }
[data-ui="native"] .thread-composer .composer-tools { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
[data-ui="native"] .brief-setting-morning { background: linear-gradient(180deg, #fffaf3, var(--surface-2) 70%); }
[data-ui="native"] .brief-setting-evening { background: linear-gradient(180deg, #f6f6fb, var(--surface-2) 70%); }
@media (prefers-color-scheme: dark) { :root[data-ui="native"]:not([data-theme="light"]) .brief-setting-morning, :root[data-ui="native"]:not([data-theme="light"]) .brief-setting-evening { background: var(--surface-2); } }
:root[data-ui="native"][data-theme="dark"] .brief-setting-morning, :root[data-ui="native"][data-theme="dark"] .brief-setting-evening { background: var(--surface-2); }
[data-ui="native"] .brief-setting .small-link { text-decoration: none; color: var(--accent-text, var(--accent)); font-size: 13px; }

/* rail | conversation | page */
@media (min-width: 761px) {
  [data-ui="native"] .shell.with-drawer { grid-template-columns: var(--rail-w) var(--dock-w) minmax(0, 1fr); }
}
[data-ui="native"] .drawer.dock { border-left: 0; border-right: 1px solid var(--line); background: var(--bg); }
[data-ui="native"] .drawer.dock .drawer-head { border-bottom: 0; }
[data-ui="native"] .drawer.dock .drawer-title .topbar-meta { margin-left: 2px; }
/* the page beside the conversation: one column, cards first */
[data-ui="native"] .with-drawer .page-scroll { padding-left: 32px; padding-right: 32px; }
[data-ui="native"] .with-drawer .page-today { max-width: 760px; margin: 0 auto; }

/* =====================================================================
   今天 = a stream of cards (Today AI's 「一卡一结论」): kicker with icon, the conclusion, one line of why,
   one picture that says it at a glance (timeline / progress / numbers), then what I can do next.
   ===================================================================== */
[data-ui="native"] .page-today { --card-bg: var(--surface-2); }
[data-ui="native"] .masthead { margin-bottom: 18px; }
[data-ui="native"] .masthead-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
[data-ui="native"] .masthead-row .seal { --s: 34px; }
[data-ui="native"] .page-today .masthead-date { font-size: 28px; margin: 0; }
[data-ui="native"] .page-today .masthead-week { font-size: 28px; }
[data-ui="native"] .page-today .masthead-line { margin: 6px 0 0; font-size: 14px; color: var(--ink-3); }

/* section heads are quiet: 「08:00 晨间简报 ⚙」 */
[data-ui="native"] .page-today .edition-head { display: flex; align-items: center; gap: 8px; margin: 22px 0 10px; padding: 0; border: 0; }
[data-ui="native"] .page-today .edition-name { font-size: 13px; font-weight: 600; color: var(--ink-2); }
[data-ui="native"] .page-today .edition-time { font-size: 12px; color: var(--ink-4); }
[data-ui="native"] .page-today .edition-head .icon-button { margin-left: auto; }
[data-ui="native"] .page-today .edition-lede { font-size: 14px; color: var(--ink-3); margin: 0 0 12px; }
[data-ui="native"] .page-today .masthead + .today-grid .edition-head:first-child { margin-top: 4px; }

/* the card */
[data-ui="native"] .page-today .story, [data-ui="native"] .today-side-inline .side-block, [data-ui="native"] .today-side-inline .care-card {
  background: var(--card-bg); border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px 16px; margin: 0 0 12px;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.03), 0 10px 28px -20px rgba(24, 24, 27, 0.18);
}
[data-ui="native"] .page-today .today-main .edition-head + .story, [data-ui="native"] .page-today .today-main .edition-lede + .story { border-top: 1px solid var(--line); }
[data-ui="native"] .page-today .brief-category { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
[data-ui="native"] .brief-cat-icon { display: inline-grid; place-items: center; width: 18px; height: 18px; color: var(--accent-text, var(--accent)); }
[data-ui="native"] .brief-cat-icon svg { width: 15px; height: 15px; stroke-width: 2; }
[data-ui="native"] .page-today .story-cat { color: var(--accent-text, var(--accent)); font-weight: 600; }
[data-ui="native"] .page-today .brief-headline { font-size: 18px; font-weight: 650; line-height: 1.4; margin: 0 0 6px; letter-spacing: -0.005em; }
[data-ui="native"] .page-today .brief-summary { font-size: 14.5px; color: var(--ink-2); margin: 0 0 4px; }
[data-ui="native"] .page-today .brief-block { margin-top: 14px; }
[data-ui="native"] .page-today .brief-actions { margin-top: 16px; gap: 8px; }
[data-ui="native"] .page-today .brief-actions .primary, [data-ui="native"] .page-today .brief-actions .secondary { height: 34px; padding: 0 16px; border-radius: 10px; font-size: 13.5px; font-weight: 500; }
[data-ui="native"] .page-today .brief-actions .secondary { background: var(--sunken); color: var(--ink); border: 0; }
[data-ui="native"] .page-today .brief-actions .secondary:hover { background: var(--line-strong); }

/* picture 1 — timeline: a dashed day line, dots, the date above, the thing below, a D+n chip */
[data-ui="native"] .page-today .brief-timeline-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; padding-top: 0; background: none; position: relative; }
[data-ui="native"] .page-today .brief-timeline-row::before { content: ""; position: absolute; left: 6%; right: 6%; top: 5px; border-top: 1.5px dashed var(--line-strong); }
[data-ui="native"] .page-today .brief-stop { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 3px; padding: 0; }
[data-ui="native"] .page-today .brief-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--surface-2); border: 2px solid var(--ink-4); margin: 1px 0 6px; position: relative; z-index: 1; }
[data-ui="native"] .page-today .brief-stop:first-child .brief-dot { background: var(--accent); border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
[data-ui="native"] .page-today .brief-stop-date { color: var(--ink-3); }
[data-ui="native"] .page-today .brief-stop-label { font-weight: 600; color: var(--ink); }
[data-ui="native"] .page-today .brief-badge { margin-top: 2px; padding: 1px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-text, var(--accent)); font-weight: 600; }
[data-ui="native"] .page-today .brief-stop.tone-warn .brief-badge, [data-ui="native"] .page-today .brief-stop.tone-bad .brief-badge { background: rgba(229, 72, 77, 0.1); color: #d13438; }

/* picture 2 — numbers: tiles */
[data-ui="native"] .page-today .brief-metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
[data-ui="native"] .page-today .brief-metric, [data-ui="native"] .page-today .brief-metric + .brief-metric { background: var(--sunken); border-radius: 12px; padding: 12px 14px; border: 0; }
[data-ui="native"] .page-today .brief-metric-label { color: var(--ink-3); }
[data-ui="native"] .page-today .brief-metric-value { font-size: 20px; font-weight: 650; margin-top: 2px; }

/* picture 3 — progress: a big reading and a thick bar (「白天 5.5 小时被卡掉一半」) */
[data-ui="native"] .brief-progress-reading { font-size: 30px; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; margin-bottom: 6px; }
[data-ui="native"] .page-today .brief-progress .brief-list-top { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--ink-3); margin-bottom: 6px; }
[data-ui="native"] .page-today .brief-bar { height: 10px; border-radius: 999px; background: var(--sunken); overflow: hidden; }
[data-ui="native"] .page-today .brief-bar-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #ffb25a, var(--accent)); }

/* lists and the rest */
[data-ui="native"] .page-today .brief-list-row { padding: 9px 0; border-top: 1px solid var(--line-soft); }
[data-ui="native"] .page-today .brief-list-row:first-of-type { border-top: 0; }
[data-ui="native"] .page-today .brief-sources { margin-top: 10px; }
[data-ui="native"] .page-today .story .rating-box { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line-soft); }

/* the side blocks as cards in the stream */
[data-ui="native"] .today-side-inline { display: block; position: static; }
[data-ui="native"] .today-side-inline > * { margin: 0 0 12px; }
[data-ui="native"] .today-side-inline .side-head, [data-ui="native"] .today-side-inline .care-card .card-head-row { border-bottom: 0; padding-bottom: 4px; }
[data-ui="native"] .today-flow { display: block; }
[data-ui="native"] .brief-cat-icon svg { display: block; }
[data-ui="native"] .page-today .brief-timeline-row { overflow: visible; }
[data-ui="native"] .page-today .brief-stop { min-width: 0; }
[data-ui="native"] .page-today .brief-badge { white-space: normal; max-width: 100%; line-height: 1.35; }
@media (max-width: 760px) {
  [data-ui="native"] .page-today .brief-badge { padding: 1px 6px; font-size: 11.5px; }
  [data-ui="native"] .page-today .brief-stop-label { font-size: 12.5px; }
}

/* Two panes: the conversation on plain white; the panel an inset, softly tinted surface so the white cards stand on it. */
[data-ui="native"] .shell.two-pane { grid-template-columns: var(--chat-w) minmax(0, 1fr); background: var(--bg); }
[data-ui="native"] .pane-chat { background: var(--bg); }
[data-ui="native"] .pane-panel { margin: 8px 8px 8px 0; border-radius: 18px; background: #f6f6f7; box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; height: calc(100% - 16px); }
@media (prefers-color-scheme: dark) { :root[data-ui="native"]:not([data-theme="light"]) .pane-panel { background: #1b1b1e; } }
:root[data-ui="native"][data-theme="dark"] .pane-panel { background: #1b1b1e; }
[data-ui="native"] .pane-panel .page-scroll { padding: 4px 32px 80px; }
[data-ui="native"] .pane-panel .page-today, [data-ui="native"] .pane-panel .page { max-width: 760px; margin: 0 auto; }
[data-ui="native"] .pane-panel .panel-tabs { background: rgba(24, 24, 27, 0.06); }
@media (prefers-color-scheme: dark) { :root[data-ui="native"]:not([data-theme="light"]) .pane-panel .panel-tabs { background: rgba(255, 255, 255, 0.07); } }
:root[data-ui="native"][data-theme="dark"] .pane-panel .panel-tabs { background: rgba(255, 255, 255, 0.07); }
[data-ui="native"] .pane-panel .panel-live .spinner { border-top-color: var(--accent); }
/* the conversation column */
[data-ui="native"] .pane-chat .chat-scroll { padding: 12px 28px 24px; }
[data-ui="native"] .pane-chat .composer-wrap { padding: 8px 20px 18px; }
@media (prefers-color-scheme: dark) { :root[data-ui="native"]:not([data-theme="light"]) .model-alert { background: rgba(255, 107, 111, 0.12); color: #ff9a9d; } }
:root[data-ui="native"][data-theme="dark"] .model-alert { background: rgba(255, 107, 111, 0.12); color: #ff9a9d; }