/* Tech Bridge design language: graphite field, sharp editorial type, orange/green signal. */
:root {
  --visual-paper: #080a0b;
  --visual-paper-strong: #0d1112;
  --visual-paper-soft: #101516;
  --visual-ink: #f2f1ed;
  --visual-ink-soft: rgba(242, 241, 237, .68);
  --visual-line: rgba(242, 241, 237, .16);
  --visual-copper: #e95d21;
  --visual-graphite: #080a0b;
/* Techbridge has five brand fonts, but the Silicon Story H5 source uses only
   Noto Sans SC for Chinese UI and Syne for English/brand marks. The serif is
   reserved for long-form editorial treatment, never for H5 interface titles. */
  --font-en-display: "Syne", sans-serif;
  --font-en-serif: "DM Serif Display", Georgia, serif;
  --font-cn-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, serif;
  --font-cn-body: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Hiragino Sans GB", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --tb-black: #080a0b;
  --tb-ink: #f2f1ed;
  --tb-muted: rgba(242, 241, 237, .61);
  --tb-orange: #e95d21;
  --tb-green: #20b2aa;
  --tb-line: rgba(242, 241, 237, .16);
}
.site,.phone-shell,.site-footer { background: var(--tb-black); color: var(--tb-ink); }
.site-footer { border-color: var(--tb-line); }
.site-footer a,.site-footer span { color: var(--tb-muted); }

/* The shell keeps the product on the same graphite field on every route. */
#app.app-shell { --cn: var(--font-cn-body); --mono: var(--font-mono); }
#app.app-shell[data-theme="halo"],#app.app-shell[data-theme="obsidian"] {
  --bg: #080a0b;
  --panel: #0d1112;
  --panel2: #121718;
  --panelHi: #171e1f;
  --line: rgba(242, 241, 237, .14);
  --line2: rgba(242, 241, 237, .23);
  --ink: #f2f1ed;
  --ink2: rgba(242, 241, 237, .68);
  --ink3: rgba(242, 241, 237, .46);
  --copper: #e95d21;
  --cyan: #20b2aa;
  --grid: rgba(242, 241, 237, .045);
  --glow: rgba(32, 178, 170, .18);
  --cardshadow: 0 16px 42px rgba(0, 0, 0, .30);
  --core-bg: #0d1112;
  --core-line: rgba(242, 241, 237, .16);
  --core-grid: rgba(242, 241, 237, .08);
  --core-scan: rgba(242, 241, 237, .12);
}
#app.app-shell .ss-header,#app.app-shell .ss-tabbar {
  background: #0b0e0f!important;
  border-color: var(--tb-line)!important;
  box-shadow: none!important;
  backdrop-filter: none!important;
  -webkit-backdrop-filter: none!important;
}
#app.app-shell .ss-brand-name { color: var(--tb-ink); font-family: var(--font-cn-body); font-weight:900; letter-spacing: .1em; }
#app.app-shell .ss-brand-os { color: var(--tb-orange); font-family: var(--font-mono); }
#app.app-shell .ss-mode-btn,#app.app-shell .ss-upgrade-pill { border-color: var(--tb-line); background: transparent; color: var(--tb-ink); }
#app.app-shell .ss-tab .ss-tab-label { color: var(--tb-muted); font-family: var(--font-cn-body); font-weight:500; letter-spacing:.03em; }
#app.app-shell .ss-tab.active .ss-tab-label,#app.app-shell .ss-tab:hover .ss-tab-label { color: var(--tb-ink); }
#app.app-shell .ss-tab .ss-tab-bar { background: var(--tb-orange)!important; box-shadow: none!important; }
.app-shell[data-page="feed"] { background: var(--tb-black); color: var(--tb-ink); }
.app-shell[data-page="feed"] .page { background: var(--tb-black); }
.tb-case-library { padding: 0 0 calc(112 * var(--rpx)); background: var(--tb-black); color: var(--tb-ink); }
.tb-library-hero { position: relative; min-height: 390px; padding: 42px 22px 30px; overflow: hidden; border-bottom: 1px solid var(--tb-line); background-image: linear-gradient(rgba(255,255,255,.042) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.042) 1px, transparent 1px); background-size: 28px 28px; }
.tb-library-hero::after { content:""; position:absolute; width:330px; height:330px; right:-170px; top:60px; border:1px solid var(--tb-green); border-radius:50%; box-shadow:0 0 0 38px #20b2aa0d,0 0 0 76px #e95d2109; }
.tb-library-mark { display:flex; gap:5px; align-items:center; margin-bottom:32px; }
.tb-library-mark span { display:block; width:22px; height:7px; background:var(--tb-orange); transform:skewX(-28deg); }
.tb-library-mark span:last-child { width:12px; background:var(--tb-green); }
.tb-library-kicker,.tb-case-meta,.tb-case-list-heading small,.tb-member-bridge span,.tb-channel-lock { font-family: var(--font-mono); letter-spacing:.12em; font-size:10px; text-transform:uppercase; }
.tb-library-kicker { color:var(--tb-orange); }
.tb-library-hero h1 { position:relative; z-index:1; margin:18px 0 14px; max-width:680px; color:var(--tb-ink); font-family:var(--font-cn-body); font-size:clamp(39px,10vw,76px); font-weight:900; letter-spacing:-.025em; line-height:1.12; }
.tb-library-hero h1 em { color:var(--tb-orange); font-family:var(--font-en-display); font-style:normal; font-weight:800; letter-spacing:-.045em; }
.tb-library-hero p { position:relative; z-index:1; max-width:570px; color:var(--tb-muted); font-size:15px; line-height:1.8; }
.tb-library-cta { position:relative; z-index:1; display:flex; align-items:center; gap:16px; margin-top:24px; }
.tb-library-cta button,.tb-member-bridge button { border:1px solid var(--tb-orange); background:var(--tb-orange); color:#fff; padding:13px 16px; font:700 13px var(--font-cn-body); cursor:pointer; }
.tb-library-cta span { color:var(--tb-green); font:11px var(--font-mono); }
.tb-case-list { padding:25px 16px 8px; }
.tb-case-list-heading { display:flex; justify-content:space-between; align-items:baseline; padding:0 6px 12px; border-bottom:1px solid var(--tb-line); color:var(--tb-ink); font-size:17px; font-weight:800; }
.tb-case-list-heading small { color:var(--tb-muted); font-size:9px; }
.tb-case { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; padding:19px 6px; border-bottom:1px solid var(--tb-line); }
.tb-case-index { color:var(--tb-orange); font:20px/1 var(--font-mono); }
.tb-case-meta { color:var(--tb-green); font-size:9px; letter-spacing:.08em; }
.tb-case h2 { margin:7px 0; color:var(--tb-ink); font-family:var(--font-cn-body); font-size:18px; font-weight:900; letter-spacing:0; line-height:1.42; }
.tb-case p { margin:0; color:var(--tb-muted); font-size:12px; line-height:1.65; }
.tb-case-command { overflow:auto; margin:14px 0 0; padding:12px; border:1px solid rgba(32,178,170,.55); color:#c7f4ef; background:#0a0d0e; font:11px/1.65 var(--font-mono); white-space:pre-wrap; }
.tb-case-source { display:inline-flex; margin-top:12px; color:var(--tb-muted); font:10px var(--font-mono); letter-spacing:.07em; text-decoration:none; }
.tb-case-source:hover { color:var(--tb-green); }
.tb-case-action { display:flex; flex-direction:column; align-items:center; gap:8px; }
.tb-case-copy { border:1px solid var(--tb-green); background:transparent; color:var(--tb-green); padding:8px 9px; white-space:nowrap; font:11px var(--font-cn-body); cursor:pointer; }
.tb-case-copy.is-copied { background:var(--tb-green); color:#07110f; }
.tb-case-copy.is-locked { border-color:var(--tb-orange); color:var(--tb-orange); }
.tb-case-save { padding:0; border:0; background:transparent; color:var(--tb-muted); font:10px var(--font-cn-body); cursor:pointer; white-space:nowrap; }
.tb-member-bridge { display:flex; gap:18px; align-items:flex-end; justify-content:space-between; margin:26px 16px; padding:21px 18px; border:1px solid var(--tb-line); border-left:2px solid var(--tb-green); background:#0d1112; }
.tb-member-bridge span { color:var(--tb-green); font-size:9px; }
.tb-member-bridge h2 { margin:8px 0; color:var(--tb-ink); font-family:var(--font-cn-body); font-size:20px; font-weight:900; letter-spacing:0; line-height:1.42; }
.tb-member-bridge p { max-width:460px; margin:0; color:var(--tb-muted); font-size:12px; line-height:1.65; }
.tb-member-bridge button { flex:0 0 auto; background:transparent; color:var(--tb-orange); }
.tb-member-bridge-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:flex-end; }
.tb-member-bridge-actions button:last-child { border-color:var(--tb-line); color:var(--tb-muted); }
.tb-library-divider { margin:34px 16px 10px; color:var(--tb-muted); text-align:center; font:10px var(--font-mono); letter-spacing:.12em; }
.tb-daily-column { margin:0 16px 28px; border:1px solid var(--tb-line); background:#0d1112; color:var(--tb-ink); }
.tb-daily-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:22px 20px 16px; border-bottom:1px solid var(--tb-line); }
.tb-daily-top span,.tb-daily-item span,.tb-daily-footer span { color:var(--tb-green); font:10px var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.tb-daily-top h2 { margin:6px 0 0; font:900 25px/1 var(--font-cn-body); letter-spacing:0; }
.tb-daily-top i { display:block; width:12px; height:12px; margin-top:4px; border-radius:50%; background:var(--tb-orange); box-shadow:0 0 0 5px #e95d2121; }
.tb-daily-intro { margin:0; padding:16px 20px; color:var(--tb-muted); border-bottom:1px solid var(--tb-line); font-size:12px; line-height:1.65; }
.tb-daily-item { display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px; padding:17px 20px; border-bottom:1px solid var(--tb-line); }
.tb-daily-time { color:var(--tb-orange); font:12px var(--font-mono); }
.tb-daily-item h3 { margin:7px 0 5px; color:var(--tb-ink); font:900 16px/1.43 var(--font-cn-body); letter-spacing:0; }
.tb-daily-item p { display:-webkit-box; overflow:hidden; margin:0; color:var(--tb-muted); -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:11px; line-height:1.55; }
.tb-daily-item button { margin-top:10px; padding:0; border:0; color:var(--tb-green); background:transparent; font:11px var(--font-cn-body); cursor:pointer; }
.tb-daily-item.is-pending h3 { color:rgba(242,241,237,.62); }
.tb-daily-item.is-pending p { color:rgba(242,241,237,.42); }
.tb-daily-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 20px; }
.tb-daily-footer button { padding:0; border:0; background:transparent; color:var(--tb-ink); font:600 12px var(--font-cn-body); cursor:pointer; }
.tb-wecom-card { border-left:2px solid var(--tb-orange)!important; }
.tb-channel-lock { display:flex; justify-content:space-between; gap:8px; margin-top:13px; padding:9px 10px; border:1px solid var(--line2); color:var(--tb-orange); font-size:9px; letter-spacing:.05em; }
.tb-channel-lock span { color:var(--tb-green); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* H5 hierarchy follows its source prototype: Chinese UI in sans, signals in mono. */
#app .h1,#app .h2,#app .scene-title,#app .daily-title,#app .asset-card-title,#app .retention-title,#app .timeline-title,#app .plan-title,#app .benefit-title,#app .member-title,#app .ritual-entry-card b,#app .mode-switch-button b,#app .wow-path-step b {
  font-family:var(--font-cn-body); font-weight:900; letter-spacing:0;
}
#app .eyebrow,#app .daily-kicker,#app .section-kicker,#app .ritual-mark,#app .ritual-topline,#app .wow-path-step span {
  font-family:var(--font-mono); font-weight:400; letter-spacing:.12em; text-transform:uppercase;
}
@media (min-width:900px) {
  .app-shell[data-page="feed"] .page { max-width:none; margin:0; }
  .app-shell[data-page="feed"] .tb-case-library.ss-screen { width:100%; max-width:none!important; margin:0; padding:0 40px 100px; }
  .tb-case-library { max-width:1480px; margin:0 auto; }
  .tb-library-workbench { display:block; border-left:1px solid var(--tb-line); border-right:1px solid var(--tb-line); }
  .tb-library-main { min-width:0; }
  .tb-library-hero { min-height:478px; padding:66px 64px 54px; }
  .tb-library-hero h1 { max-width:690px; font-size:clamp(54px,5vw,82px); }
  .tb-library-hero p { max-width:620px; font-size:15px; }
  .tb-case-list { padding:38px 64px 8px; }
  .tb-case-list-heading { padding:0 0 14px; }
  .tb-case { grid-template-columns:58px minmax(0,1fr) 108px; gap:16px; padding:24px 0; }
  .tb-case h2 { font-size:24px; }
  .tb-case p { max-width:720px; font-size:13px; }
  .tb-case-copy { min-width:92px; }
  .tb-member-bridge { margin:38px 64px; padding:30px; }
  .tb-daily-column { position:sticky; top:74px; align-self:start; margin:0; border:0; background:#0b0e0f; min-height:478px; }
  .tb-daily-top { padding:29px 24px 20px; }
  .tb-daily-intro { padding:18px 24px; }
  .tb-daily-item { grid-template-columns:48px minmax(0,1fr); gap:10px; padding:20px 24px; }
  .tb-daily-item h3 { font-size:17px; }
  .tb-daily-footer { padding:19px 24px; }
  .tb-library-divider { margin:54px 64px 18px; }
}
@media (min-width:1180px) {
  .tb-library-hero { padding-left:76px; padding-right:76px; }
  .tb-case-list { padding-left:76px; padding-right:76px; }
  .tb-member-bridge { margin-left:76px; margin-right:76px; }
}

/* Product reset: the home is now a daily intelligence desk; tools stay contextual. */
.app-shell[data-page="scenes"] .ss-scroll { background:var(--tb-black); }
.ss-today { width:100%; max-width:1480px; margin:0 auto; padding:0 16px 104px; color:var(--tb-ink); }
.ss-today-top { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; padding-top:16px; }
.ss-today-hero,.ss-today-signals,.ss-today-tool,.ss-today-article,.ss-today-moment,.ss-list-row { border:1px solid var(--tb-line); background:#0d1112; }
.ss-today-hero { min-height:330px; padding:28px 24px; }
.ss-today-hero { position:relative; overflow:hidden; }
.ss-today-hero::after { content:""; position:absolute; right:8%; bottom:-124px; width:270px; height:270px; border:1px solid rgba(32,178,170,.32); border-radius:50%; box-shadow:0 0 0 34px rgba(32,178,170,.035),0 0 0 68px #e95d2106; pointer-events:none; }
.ss-today-hero > * { position:relative; z-index:1; }
.ss-today-hero > p { margin:0; color:var(--tb-orange); font:10px var(--font-mono); letter-spacing:.13em; }
.ss-today-hero h1 { margin:24px 0 15px; color:var(--tb-ink); font:900 clamp(40px,9vw,76px)/1.08 var(--font-cn-body); letter-spacing:-.03em; }
.ss-today-hero > div { max-width:520px; color:var(--tb-muted); font-size:14px; line-height:1.7; }
.ss-today-primary { margin-top:28px; padding:14px 18px; border:1px solid var(--tb-orange); background:var(--tb-orange); color:#fff; font:700 14px var(--font-cn-body); cursor:pointer; }
.ss-today-signals { min-width:0; }
.ss-today-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:14px; border-bottom:1px solid var(--tb-line); padding:16px 18px; }
.ss-today-section-head h2 { margin:0; color:var(--tb-ink); font:900 20px var(--font-cn-body); letter-spacing:0; }
.ss-today-section-head button { padding:0; border:0; background:transparent; color:var(--tb-green); font:11px var(--font-cn-body); cursor:pointer; }
.ss-today-signal { display:grid; grid-template-columns:38px minmax(0,1fr) 18px; gap:10px; width:100%; padding:15px 18px; border:0; border-bottom:1px solid var(--tb-line); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.ss-today-signal > span { color:var(--tb-orange); font:12px var(--font-mono); }
.ss-today-signal em,.ss-today-signal b,.ss-today-signal i { display:block; }
.ss-today-signal em,.ss-today-section-head > div > span { color:var(--tb-green); font:9px var(--font-mono); font-style:normal; letter-spacing:.08em; }
.ss-today-signal b { margin-top:4px; color:var(--tb-ink); font:800 14px/1.45 var(--font-cn-body); }
.ss-today-signal i { overflow:hidden; margin-top:3px; color:var(--tb-muted); font:11px/1.55 var(--font-cn-body); font-style:normal; white-space:nowrap; text-overflow:ellipsis; }
.ss-today-signal strong { align-self:center; color:var(--tb-green); font:18px/1 var(--font-mono); font-weight:400; }
.ss-today-signal.is-pending { cursor:default; }
.ss-today-signal.is-pending > div { grid-column:2 / 4; }
.ss-today-editor-note { display:flex; gap:10px; align-items:baseline; padding:15px 18px; color:var(--tb-muted); background:#0b0e0f; font-size:11px; line-height:1.5; }
.ss-today-editor-note b { color:var(--tb-ink); font:800 12px var(--font-cn-body); }
.ss-today-band { margin-top:14px; border:1px solid var(--tb-line); background:#0b0e0f; }
.ss-today-tools { display:grid; gap:1px; background:var(--tb-line); }
.ss-agent-book .ss-today-section-head { align-items:flex-end; }
.ss-agent-book-intro { max-width:720px; margin:0; padding:16px 18px; border-bottom:1px solid var(--tb-line); color:var(--tb-muted); font-size:12px; line-height:1.65; }
.ss-today-tool { min-width:0; padding:19px 18px; border:0; }
.ss-today-tool > span,.ss-today-article > div > span,.ss-list-open > span { color:var(--tb-green); font:10px var(--font-mono); letter-spacing:.08em; }
.ss-today-tool h3 { margin:9px 0 7px; color:var(--tb-ink); font:900 18px var(--font-cn-body); }
.ss-today-tool p { min-height:38px; margin:0; color:var(--tb-muted); font-size:12px; line-height:1.6; }
.ss-today-tool code { display:block; overflow:hidden; margin-top:15px; padding:10px; border:1px solid rgba(32,178,170,.42); color:#c7f4ef; background:#080a0b; font:10px/1.55 var(--font-mono); white-space:nowrap; text-overflow:ellipsis; }
.ss-today-tool > div,.ss-today-article-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.ss-today-tool > div button,.ss-today-article-actions button,.ss-today-save { padding:0; border:0; background:transparent; color:var(--tb-orange); font:700 12px var(--font-cn-body); cursor:pointer; }
.ss-today-save { color:var(--tb-muted)!important; font-weight:500!important; }
.ss-today-save.is-saved { color:var(--tb-green)!important; }
.ss-today-article { display:flex; flex-direction:column; gap:16px; padding:20px 18px; }
.ss-today-article h3 { margin:8px 0; color:var(--tb-ink); font:900 21px/1.38 var(--font-cn-body); }
.ss-today-article p { margin:0; color:var(--tb-muted); font-size:13px; line-height:1.7; }
.ss-today-moments > div { display:grid; gap:1px; background:var(--tb-line); }
.ss-today-moment { display:block; width:100%; padding:16px 18px; border:0; color:var(--tb-ink); text-align:left; cursor:pointer; }
.ss-today-moment b { display:block; color:var(--tb-orange); font-size:12px; }
.ss-today-moment span { display:block; margin-top:5px; color:var(--tb-muted); font-size:12px; line-height:1.55; }
.ss-today-empty { margin:0; padding:28px 18px; color:var(--tb-muted); font-size:12px; }
.ss-today-column-empty { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.ss-today-column-empty > button,.ss-member-band button { border:1px solid var(--tb-orange); background:var(--tb-orange); color:#fff; padding:12px 14px; font:700 12px var(--font-cn-body); cursor:pointer; white-space:nowrap; }
.ss-member-band { display:flex; flex-direction:column; gap:20px; margin-top:14px; padding:24px 20px; border:1px dashed rgba(32,178,170,.55); background:#0d1112; }
.ss-member-band span { color:var(--tb-green); font:10px var(--font-mono); letter-spacing:.1em; }
.ss-member-band h2 { margin:8px 0; color:var(--tb-ink); font:900 24px/1.35 var(--font-cn-body); }
.ss-member-band p { max-width:700px; margin:0; color:var(--tb-muted); font-size:12px; line-height:1.65; }
.ss-member-band > div:last-child { display:flex; flex-wrap:wrap; gap:10px; }
.ss-member-band > div:last-child button:last-child { border-color:var(--tb-line); background:transparent; color:var(--tb-muted); }

.ss-member-fab { position:fixed; right:16px; bottom:calc(var(--tabbar-reserved-height) + 16px); z-index:20; display:flex; align-items:center; gap:10px; min-height:44px; padding:0 13px 0 15px; border:1px solid var(--tb-orange); border-radius:999px; background:var(--tb-orange); box-shadow:0 12px 30px rgba(0,0,0,.34); color:#fff; font:800 12px var(--font-cn-body); cursor:pointer; }
.ss-member-fab b { font:700 16px/1 var(--font-mono); }
.ss-member-fab.is-active { border-color:rgba(32,178,170,.8); background:#0d1112; color:var(--tb-green); }
.ss-my-list { max-width:960px; margin:0 auto; padding:20px 16px 116px; }
.ss-my-list-head { max-width:620px; margin:15px 0 28px; }
.ss-my-list-label { color:var(--tb-green); font:10px var(--font-mono); letter-spacing:.12em; }
.ss-my-list-head h1 { margin:0; color:var(--tb-ink); font:900 clamp(34px,6vw,58px)/1.1 var(--font-cn-body); }
.ss-my-list-head p { margin:12px 0 0; color:var(--tb-muted); font-size:13px; line-height:1.7; }
.ss-my-member-card { position:relative; overflow:hidden; margin:0 0 14px; padding:22px 20px; border:1px solid rgba(32,178,170,.55); background:linear-gradient(145deg,#0f1718,#090b0c); }
.ss-my-member-card::after { position:absolute; right:-50px; bottom:-58px; width:170px; height:170px; border:1px solid rgba(32,178,170,.25); border-radius:50%; content:""; }
.ss-my-member-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ss-my-member-top span,.ss-my-utility-grid span { color:var(--tb-green); font:10px var(--font-mono); letter-spacing:.1em; }
.ss-my-member-top b { color:var(--tb-orange); font:700 11px var(--font-cn-body); }
.ss-my-member-card h2 { position:relative; z-index:1; max-width:620px; margin:15px 0 9px; color:var(--tb-ink); font:900 25px/1.35 var(--font-cn-body); }
.ss-my-member-card p { position:relative; z-index:1; max-width:550px; margin:0; color:var(--tb-muted); font-size:12px; line-height:1.65; }
.ss-my-primary { position:relative; z-index:1; margin-top:18px; padding:12px 15px; border:1px solid var(--tb-orange); background:var(--tb-orange); color:#fff; font:800 12px var(--font-cn-body); cursor:pointer; }
.ss-my-utility-grid { display:grid; gap:1px; margin:0 0 30px; background:var(--tb-line); }
.ss-my-utility-grid article { min-height:182px; padding:18px; background:var(--tb-panel); }
.ss-my-utility-grid b { display:block; margin-top:9px; color:var(--tb-ink); font:900 18px var(--font-cn-body); }
.ss-my-utility-grid p { max-width:340px; margin:7px 0 0; color:var(--tb-muted); font-size:12px; line-height:1.6; }
.ss-my-text-button,.ss-my-secondary { margin-top:14px; padding:0; border:0; background:transparent; color:var(--tb-orange); font:800 12px var(--font-cn-body); cursor:pointer; }
.ss-my-service-card { position:relative; padding-right:132px!important; }
.ss-my-service-card img { position:absolute; right:18px; bottom:18px; width:94px; height:94px; border:1px solid var(--tb-line); object-fit:cover; }
.ss-my-service-card .ss-my-secondary { display:block; }
.ss-my-list-section { margin-top:4px; }
.ss-list-section-head { display:flex; align-items:baseline; justify-content:space-between; padding:0 0 11px; border-bottom:1px solid var(--tb-line); }
.ss-list-section-head h2 { margin:0; font:900 20px var(--font-cn-body); }
.ss-list-section-head span { color:var(--tb-orange); font:13px var(--font-mono); }
.ss-list-rows { display:grid; }
.ss-list-row { display:grid; grid-template-columns:28px minmax(0,1fr) 26px; gap:10px; align-items:start; padding:15px 12px; border-top:0; }
.ss-list-check,.ss-list-remove { width:24px; height:24px; padding:0; border:1px solid var(--tb-line); background:transparent; color:var(--tb-green); cursor:pointer; }
.ss-list-remove { color:var(--tb-muted); border-color:transparent; font-size:18px; }
.ss-list-open { min-width:0; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.ss-list-open > span,.ss-list-open b,.ss-list-open i { display:block; }
.ss-list-open b { margin-top:5px; color:var(--tb-ink); font:800 15px/1.45 var(--font-cn-body); }
.ss-list-open i { margin-top:5px; overflow:hidden; color:var(--tb-muted); font:11px/1.5 var(--font-cn-body); font-style:normal; white-space:nowrap; text-overflow:ellipsis; }
.ss-list-row.is-done b,.ss-list-row.is-done i { opacity:.48; text-decoration:line-through; }
.ss-list-done { margin-top:28px; }
.ss-list-empty { padding:36px 0; border-top:1px solid var(--tb-line); border-bottom:1px solid var(--tb-line); }
.ss-list-empty h2 { margin:0; color:var(--tb-ink); font:900 22px var(--font-cn-body); }
.ss-list-empty p { color:var(--tb-muted); font-size:13px; }
.ss-list-empty div { display:flex; gap:12px; margin-top:18px; }
.ss-list-empty button { padding:10px 13px; border:1px solid var(--tb-line); background:transparent; color:var(--tb-ink); font:700 12px var(--font-cn-body); cursor:pointer; }

@media (min-width:900px) {
  .app-shell[data-page="scenes"] .ss-screen { max-width:none!important; }
  .ss-today { padding:12px 40px 100px; }
  .ss-today-top { grid-template-columns:minmax(0,1.58fr) minmax(330px,.92fr); gap:14px; }
  .ss-today-hero { min-height:408px; padding:45px 48px; }
  .ss-today-hero h1 { font-size:clamp(52px,5vw,80px); }
  .ss-today-signals { min-height:408px; }
  .ss-today-tools { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ss-today-article { flex-direction:row; align-items:flex-start; justify-content:space-between; gap:36px; padding:26px 28px; }
  .ss-today-article > div:first-child { max-width:760px; }
  .ss-today-article-actions { flex:0 0 126px; flex-direction:column; align-items:flex-end; margin-top:2px; }
  .ss-today-moments > div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ss-member-band { flex-direction:row; align-items:flex-end; justify-content:space-between; padding:30px 32px; }
  .ss-member-band > div:last-child { flex:0 0 auto; justify-content:flex-end; }
  .ss-my-list { padding-top:32px; }
  .ss-member-fab { right:28px; bottom:28px; }
  .ss-my-member-card { padding:30px 32px; }
  .ss-my-utility-grid { grid-template-columns:1fr 1fr; }
}