@layer components {
  .app-surface { width:100%; height:100%; min-height:0; color:var(--ink); }

  .browser-app { display:flex; flex-direction:column; background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 20%); }
  .browser-toolbar { height:45px; flex:0 0 45px; display:grid; grid-template-columns:96px minmax(240px,1fr) 30px 30px; align-items:center; gap:7px; padding:0 12px; border-bottom:1px solid var(--hairline); background:rgba(255,255,255,.014); }
  .browser-nav { display:flex; gap:2px; }
  .browser-nav button,.browser-tool { width:29px; height:29px; display:grid; place-items:center; border-radius:8px; color:var(--ink-3); }
  .browser-nav button:hover,.browser-tool:hover { color:var(--ink); background:var(--surface-hover); }
  .browser-nav button { font-size:20px; line-height:1; font-weight:330; }
  .browser-tool svg { width:15px; height:15px; }
  .address-field { height:29px; display:grid; grid-template-columns:16px 1fr auto; align-items:center; gap:6px; max-width:520px; width:100%; justify-self:center; padding:0 8px; border:1px solid var(--hairline); border-radius:9px; background:rgba(0,0,0,.1); }
  .address-field > svg { width:13px; height:13px; color:rgba(117,240,199,.68); --icon-cut:#10251d; }
  .address-field input { min-width:0; border:0; outline:0; background:transparent; color:var(--ink-3); font-size:8.5px; text-align:center; }
  .address-field kbd { height:16px; min-width:26px; border:0; background:transparent; box-shadow:none; font-size:7px; }
  .browser-avatar { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:white; background:linear-gradient(145deg,#7ce5f5,#6c67db); box-shadow:inset 0 1px 0 rgba(255,255,255,.4); font-size:8px; font-weight:700; }
  .browser-page { position:relative; min-height:0; flex:1; overflow:hidden auto; padding:28px clamp(30px,6vw,68px) 34px; background:linear-gradient(180deg,rgba(7,14,25,.26),rgba(8,16,27,.78)); scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.15) transparent; }
  .browser-atmosphere { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
  .browser-atmosphere::before { content:""; position:absolute; width:460px; height:260px; top:-155px; left:50%; border-radius:50%; background:radial-gradient(circle,rgba(var(--accent-rgb),.18),rgba(133,104,255,.08) 45%,transparent 70%); transform:translateX(-50%); filter:blur(18px); }
  .browser-atmosphere i { position:absolute; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.38); box-shadow:0 0 12px rgba(var(--accent-rgb),.45); }
  .browser-atmosphere i:nth-child(1){left:16%;top:11%}.browser-atmosphere i:nth-child(2){right:21%;top:17%;width:3px;height:3px}.browser-atmosphere i:nth-child(3){left:62%;top:8%;width:2px;height:2px}
  .browser-greeting { position:relative; text-align:center; }
  .browser-greeting h1 { margin:7px 0 5px; font-size:25px; font-weight:640; letter-spacing:-.04em; }
  .browser-greeting p { margin:0; color:var(--ink-3); font-size:9px; }
  .aero-search { position:relative; width:min(540px,100%); height:46px; display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:9px; margin:20px auto 22px; padding:0 12px; border:1px solid var(--hairline-strong); border-radius:14px; color:var(--ink-3); background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)); box-shadow:0 13px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.065); text-align:left; }
  .aero-search:hover { border-color:rgba(var(--accent-rgb),.26); color:var(--ink-2); box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 0 3px rgba(var(--accent-rgb),.055),inset 0 1px 0 rgba(255,255,255,.08); }
  .aero-search svg { width:18px; height:18px; color:var(--accent); }
  .aero-search span { font-size:9.5px; }
  .browser-start-grid { position:relative; display:grid; grid-template-columns:1.15fr .85fr 1fr; gap:9px; }
  .start-card { position:relative; min-height:106px; overflow:hidden; padding:12px; border:1px solid var(--hairline); border-radius:14px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
  .start-card:hover { border-color:rgba(var(--accent-rgb),.17); transform:translateY(-2px); background:linear-gradient(145deg,rgba(var(--accent-rgb),.055),rgba(255,255,255,.02)); }
  .start-card-top { display:flex; align-items:center; justify-content:space-between; color:var(--ink-4); font-size:6.5px; font-weight:750; letter-spacing:.08em; }
  .start-card-top b { color:var(--ink-3); font-size:8px; }
  .start-card h3 { max-width:140px; margin:20px 0 4px; font-size:11px; line-height:1.25; letter-spacing:-.015em; }
  .start-card p { margin:0; color:var(--ink-4); font-size:7px; }
  .card-arrow { position:absolute; right:12px; bottom:12px; color:var(--accent); font-size:12px; font-style:normal; }
  .start-reading::before { content:""; position:absolute; width:100px; height:100px; right:-45px; top:-48px; border-radius:50%; background:radial-gradient(circle,rgba(117,240,199,.18),transparent 68%); }
  .start-weather { background:linear-gradient(145deg,rgba(56,136,168,.18),rgba(255,255,255,.015)); }
  .weather-lines { height:46px; display:flex; align-items:end; gap:4px; margin-top:9px; }
  .weather-lines i { flex:1; height:var(--h,35%); border-radius:10px 10px 3px 3px; background:linear-gradient(180deg,rgba(var(--accent-rgb),.72),rgba(var(--accent-rgb),.08)); }
  .weather-lines i:nth-child(2){--h:80%}.weather-lines i:nth-child(3){--h:52%}
  .start-activity { background:linear-gradient(145deg,rgba(157,106,255,.13),rgba(255,255,255,.015)); }
  .activity-preview { height:46px; display:flex; gap:4px; margin-top:10px; }
  .activity-preview i { flex:1; border-radius:6px; background:linear-gradient(145deg,rgba(var(--accent-rgb),.35),rgba(118,82,215,.16)); }
  .activity-preview i:nth-child(2){background:linear-gradient(145deg,rgba(255,142,178,.42),rgba(121,78,194,.2))}.activity-preview i:nth-child(3){background:linear-gradient(145deg,rgba(117,240,199,.32),rgba(47,112,150,.18))}
  .start-activity h3 { position:absolute; left:12px; bottom:8px; margin:0; padding:4px 6px; border-radius:5px; background:rgba(3,9,17,.62); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); font-size:7px; }
  .browser-favorites { position:relative; margin-top:18px; }
  .favorite-row { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
  .favorite-row button { min-width:0; height:60px; display:grid; grid-template-columns:32px 1fr; grid-template-rows:1fr 1fr; align-items:end; column-gap:8px; padding:8px; border:1px solid var(--hairline); border-radius:11px; color:var(--ink-2); text-align:left; background:rgba(255,255,255,.018); }
  .favorite-row button:hover { background:rgba(255,255,255,.045); }
  .favorite-icon { grid-row:1/3; width:31px; height:31px; display:grid; place-items:center; align-self:center; border-radius:9px; color:white; box-shadow:inset 0 1px 0 rgba(255,255,255,.32); font-size:10px; font-weight:720; }
  .fav-one{background:linear-gradient(145deg,#72deea,#5071cb)}.fav-two{background:linear-gradient(145deg,#ffb36f,#e45b7d)}.fav-three{background:linear-gradient(145deg,#b18aff,#6b50c6)}.fav-four{background:linear-gradient(145deg,#36485a,#1a2533)}
  .favorite-row strong { align-self:end; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; }
  .favorite-row small { align-self:start; overflow:hidden; color:var(--ink-4); text-overflow:ellipsis; white-space:nowrap; font-size:6.5px; }

  .orbit-app { display:flex; min-height:0; }
  .orbit-sidebar { width:192px; flex:0 0 192px; display:flex; flex-direction:column; padding:12px 10px; border-right:1px solid var(--hairline); background:var(--sidebar-fill); }
  .orbit-new { height:34px; display:grid; grid-template-columns:18px 1fr auto; align-items:center; gap:6px; padding:0 9px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:10px; color:var(--ink-2); background:linear-gradient(90deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.04)); text-align:left; font-size:8.5px; }
  .orbit-new:hover { border-color:rgba(var(--accent-rgb),.28); background:rgba(var(--accent-rgb),.13); }
  .orbit-new svg { width:14px; height:14px; color:var(--accent); }
  .orbit-new kbd { border:0; background:transparent; box-shadow:none; font-size:6px; }
  .orbit-thread { width:100%; min-height:45px; display:grid; grid-template-columns:8px 1fr; align-items:center; gap:7px; padding:6px 7px; border-radius:9px; color:var(--ink-3); text-align:left; }
  .orbit-thread:hover { background:rgba(255,255,255,.035); }
  .orbit-thread.is-active { color:var(--ink-2); background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.035)); }
  .thread-dot { width:5px; height:5px; border-radius:50%; background:var(--accent); box-shadow:0 0 7px rgba(var(--accent-rgb),.5); }
  .thread-dot.mint{background:var(--mint)}.thread-dot.violet{background:var(--accent-2)}.thread-dot.coral{background:var(--coral)}
  .orbit-thread strong,.orbit-thread small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .orbit-thread strong { font-size:8px; }
  .orbit-thread small { margin-top:2px; color:var(--ink-4); font-size:6.5px; }
  .orbit-private { display:flex; align-items:flex-start; gap:7px; margin-top:auto; padding:9px; border:1px solid rgba(117,240,199,.08); border-radius:10px; color:rgba(159,239,212,.65); background:rgba(117,240,199,.035); }
  .orbit-private > svg { width:13px; height:13px; flex:0 0 auto; --icon-cut:#0d241c; }
  .orbit-private p { margin:0; }
  .orbit-private strong,.orbit-private small { display:block; }
  .orbit-private strong { font-size:7px; }
  .orbit-private small { margin-top:2px; color:var(--ink-4); font-size:6px; line-height:1.35; }
  .orbit-main { min-width:0; display:flex; flex:1; flex-direction:column; background:radial-gradient(circle at 50% 10%,rgba(var(--accent-rgb),.045),transparent 38%); }
  .orbit-header { height:49px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; border-bottom:1px solid var(--hairline); }
  .orbit-header strong { display:block; margin-top:3px; font-size:10px; }
  .orbit-header > div:last-child { display:flex; align-items:center; gap:5px; color:var(--ink-4); font-size:6.5px; }
  .orbit-online { width:5px; height:5px; border-radius:50%; background:var(--mint); box-shadow:0 0 7px rgba(117,240,199,.55); }
  .orbit-conversation { min-height:0; flex:1; overflow:auto; padding:23px clamp(20px,4vw,46px) 14px; text-align:center; }
  .orbit-welcome-mark { position:relative; width:64px; height:64px; display:grid; place-items:center; margin:0 auto; }
  .orbit-welcome-mark > span { position:relative; z-index:1; width:49px; height:49px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:17px; color:white; background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.9) 0 3%,transparent 4%),linear-gradient(145deg,#72e1ef,#736bdc 58%,#362b83); box-shadow:0 14px 34px rgba(73,96,203,.24),inset 0 1px 0 rgba(255,255,255,.36); }
  .orbit-welcome-mark svg { width:27px; height:27px; }
  .orbit-welcome-mark > i { position:absolute; border:1px solid rgba(var(--accent-rgb),.18); border-radius:50%; }
  .orbit-welcome-mark > i:nth-of-type(1){inset:3px}.orbit-welcome-mark > i:nth-of-type(2){inset:-5px;border-color:rgba(var(--accent-rgb),.07)}
  .orbit-conversation h2 { margin:12px 0 5px; font-size:17px; letter-spacing:-.025em; }
  .orbit-conversation > p { margin:0 auto; max-width:390px; color:var(--ink-3); font-size:8px; line-height:1.45; }
  .suggestion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:20px; text-align:left; }
  .suggestion-grid button { min-height:63px; display:grid; grid-template-columns:30px 1fr; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--hairline); border-radius:11px; color:var(--ink-2); background:rgba(255,255,255,.018); }
  .suggestion-grid button:hover { border-color:rgba(var(--accent-rgb),.18); background:linear-gradient(100deg,rgba(var(--accent-rgb),.075),rgba(255,255,255,.018)); transform:translateY(-1px); }
  .suggestion-grid button > span { width:29px; height:29px; display:grid; place-items:center; border-radius:9px; color:var(--accent); background:rgba(var(--accent-rgb),.09); }
  .suggestion-grid svg { width:15px; height:15px; }
  .suggestion-grid strong,.suggestion-grid small { display:block; }
  .suggestion-grid strong { font-size:8px; }
  .suggestion-grid small { margin-top:3px; color:var(--ink-4); font-size:6.4px; line-height:1.3; }
  .orbit-composer { height:46px; display:grid; grid-template-columns:29px 1fr auto 29px; align-items:center; gap:6px; margin:0 14px 13px; padding:0 7px; border:1px solid var(--hairline-strong); border-radius:13px; background:rgba(255,255,255,.035); box-shadow:0 12px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05); }
  .orbit-composer button { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:var(--ink-3); }
  .orbit-composer button:hover { color:var(--ink); background:var(--surface-hover); }
  .orbit-composer input { min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font-size:8.5px; }
  .orbit-composer input::placeholder { color:var(--ink-4); }
  .orbit-composer > span { color:rgba(117,240,199,.5); font-size:5.5px; font-weight:800; letter-spacing:.12em; }
  .orbit-composer .orbit-send { color:#07141d; background:linear-gradient(145deg,var(--accent),#849aff); box-shadow:0 5px 13px rgba(var(--accent-rgb),.18); font-size:14px; }

  .terminal-app { display:flex; flex-direction:column; background:linear-gradient(145deg,#071019,#090e16 60%,#050a10); color:#d9f6ec; font-family:"Cascadia Code","JetBrains Mono",Consolas,monospace; }
  .terminal-tabs { height:38px; display:flex; align-items:end; gap:4px; padding:0 8px; border-bottom:1px solid rgba(154,248,212,.08); background:rgba(255,255,255,.018); }
  .terminal-tabs > button { height:31px; display:flex; align-items:center; gap:6px; padding:0 10px; border-radius:8px 8px 0 0; color:rgba(210,242,231,.42); font:500 8px/1 inherit; }
  .terminal-tabs > button.is-active { color:rgba(225,250,241,.84); background:rgba(255,255,255,.045); }
  .terminal-tabs > button i { width:5px; height:5px; border-radius:50%; background:#75f0c7; box-shadow:0 0 7px rgba(117,240,199,.65); }
  .terminal-tabs > button span { margin-left:10px; color:rgba(255,255,255,.25); }
  .terminal-tabs > button svg { width:12px; height:12px; }
  .terminal-tabs > div { display:flex; align-items:center; gap:5px; margin-left:auto; align-self:center; }
  .terminal-tabs > div button { width:27px; height:27px; display:grid; place-items:center; border-radius:7px; color:rgba(220,245,236,.35); }
  .terminal-tabs > div button:hover { color:rgba(220,245,236,.8); background:rgba(255,255,255,.04); }
  .terminal-tabs > div svg { width:13px; height:13px; }
  .terminal-secure { display:flex; align-items:center; gap:5px; color:rgba(117,240,199,.4); font-size:6px; }
  .terminal-secure svg { width:11px; height:11px; --icon-cut:#0a1b14; }
  .terminal-body { min-height:0; flex:1; overflow:auto; padding:18px; font-size:8px; line-height:1.55; scrollbar-width:thin; scrollbar-color:rgba(117,240,199,.13) transparent; }
  .terminal-welcome { display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:12px; padding:12px; border:1px solid rgba(117,240,199,.09); border-radius:11px; background:linear-gradient(100deg,rgba(117,240,199,.045),rgba(98,108,232,.025)); }
  .terminal-logo { width:49px; height:49px; display:grid; place-items:center; border:1px solid rgba(117,240,199,.18); border-radius:14px; color:#a2f5d7; background:radial-gradient(circle,rgba(117,240,199,.12),transparent 70%); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
  .terminal-logo svg { width:32px; height:32px; }
  .terminal-welcome strong,.terminal-welcome span,.terminal-welcome small { display:block; }
  .terminal-welcome strong { color:#d9fff0; font-size:10px; }
  .terminal-welcome span { margin-top:3px; color:rgba(162,245,215,.5); font-size:7px; }
  .terminal-welcome small { margin-top:2px; color:rgba(219,245,236,.28); font-size:6.3px; }
  .terminal-welcome dl { display:flex; gap:12px; margin:0; }
  .terminal-welcome dl div { text-align:right; }
  .terminal-welcome dt { color:rgba(117,240,199,.36); font-size:5.5px; letter-spacing:.1em; }
  .terminal-welcome dd { margin:2px 0 0; color:rgba(224,250,240,.6); font-size:6.5px; }
  .terminal-line { margin:12px 0 5px; white-space:pre-wrap; }
  .terminal-muted { color:rgba(222,248,238,.34); }
  .terminal-muted b { color:rgba(117,240,199,.7); }
  .terminal-output-command { color:rgba(224,250,240,.78); }
  .terminal-output-result { color:rgba(174,219,205,.58); white-space:pre-wrap; }
  .terminal-output-error { color:rgba(255,145,160,.78); }
  .terminal-prompt { display:grid; grid-template-columns:auto auto auto auto 1fr; align-items:center; gap:4px; margin-top:7px; color:rgba(221,247,237,.7); }
  .terminal-prompt span { color:#75f0c7; }.terminal-prompt i{color:rgba(220,246,236,.25);font-style:normal}.terminal-prompt b{color:#75dff0}.terminal-prompt em{margin-left:6px;color:#a995f3;font-style:normal}
  .terminal-prompt input { min-width:0; border:0; outline:0; background:transparent; color:#e1faf0; font:inherit; caret-color:#75f0c7; }

  .gallery-app { display:flex; min-height:0; }
  .gallery-sidebar { width:176px; flex:0 0 176px; padding:15px 10px; border-right:1px solid var(--hairline); background:var(--sidebar-fill); }
  .gallery-library { padding:3px 7px 12px; border-bottom:1px solid var(--hairline); }
  .gallery-library strong,.gallery-library small { display:block; }.gallery-library strong{margin-top:4px;font-size:14px}.gallery-library small{margin-top:3px;color:var(--ink-4);font-size:7px}
  .gallery-sidebar nav { display:grid; gap:2px; padding:9px 0; }
  .gallery-sidebar nav button { height:30px; display:grid; grid-template-columns:17px 1fr auto; align-items:center; gap:7px; padding:0 8px; border-radius:8px; color:var(--ink-3); text-align:left; font-size:8px; }
  .gallery-sidebar nav button:hover { color:var(--ink-2); background:rgba(255,255,255,.035); }
  .gallery-sidebar nav button.is-active { color:var(--ink); background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.035)); }
  .gallery-sidebar nav svg { width:13px; height:13px; }.gallery-sidebar nav b{color:var(--ink-4);font-size:6.5px}.gallery-sidebar .sidebar-label{margin:7px 8px 1px}
  .gallery-dot { width:6px; height:6px; border-radius:3px; }.dot-cyan{background:var(--accent)}.dot-coral{background:var(--coral)}.dot-violet{background:var(--accent-2)}
  .gallery-main { min-width:0; flex:1; overflow:hidden auto; padding:18px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.13) transparent; }
  .gallery-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:14px; }
  .gallery-heading h2 { margin:5px 0 0; font-size:18px; letter-spacing:-.035em; }
  .gallery-actions { display:flex; gap:4px; }.gallery-actions button{width:29px;height:29px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:var(--ink-3)}.gallery-actions button:hover,.gallery-actions button.is-active{border-color:var(--hairline);color:var(--ink);background:var(--surface-hover)}.gallery-actions svg{width:14px;height:14px}
  .photo-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:108px; gap:7px; }
  .photo-card { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:11px; color:white; background:var(--photo); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
  .photo-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(0,5,13,.5)); opacity:.75; }
  .photo-card::after { content:""; position:absolute; inset:-20%; background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2),transparent 30%); mix-blend-mode:screen; }
  .photo-card:hover { transform:translateY(-2px) scale(1.01); box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16); }
  .photo-card span { position:absolute; z-index:2; left:9px; bottom:8px; font-size:6.5px; text-shadow:0 1px 5px rgba(0,0,0,.5); }
  .photo-card > i { position:absolute; z-index:2; right:8px; top:7px; color:rgba(255,255,255,.66); font-size:10px; font-style:normal; }
  .span-two { grid-column:span 2; }.tall{grid-row:span 2}
  .photo-one{--photo:radial-gradient(circle at 65% 28%,rgba(255,227,148,.9),transparent 13%),linear-gradient(145deg,#1d9bb0,#4058a2 48%,#ef7d76)}
  .photo-two{--photo:radial-gradient(circle at 28% 28%,#fbe8cb 0 4%,transparent 5%),linear-gradient(145deg,#d79767,#713e69 55%,#2a325d)}
  .photo-three{--photo:radial-gradient(ellipse at 50% 115%,#b7f7eb 0 18%,transparent 19%),linear-gradient(180deg,#234d76,#6d67ba 53%,#f17d8e)}
  .photo-four{--photo:linear-gradient(165deg,#12283d,#286b83 48%,#79c3be 49%,#122736 70%)}
  .photo-five{--photo:conic-gradient(from 210deg,#ffba78,#eb6e9a,#755bd0,#48c2d0,#ffba78)}
  .photo-six{--photo:radial-gradient(ellipse at 50% 100%,#b3ede1 0 14%,transparent 15%),linear-gradient(145deg,#193d61,#5f6cc0 50%,#f8908c)}
  .photo-seven{--photo:radial-gradient(circle at 50% 50%,#aaf6f0 0 8%,transparent 9%),conic-gradient(#213a66,#6d51c5,#e76c9c,#397e9e,#213a66)}
  .photo-eight{--photo:linear-gradient(135deg,#2c335d 0 33%,#9171bd 34% 66%,#f2a078 67%)}
  .photo-nine{--photo:radial-gradient(ellipse at 52% 106%,rgba(194,247,240,.88) 0 13%,transparent 14%),linear-gradient(180deg,#152c48,#315c76 46%,#9ca9b4 47%,#233c4b 64%,#0d1a29)}
  .photo-ten{--photo:repeating-linear-gradient(104deg,transparent 0 12px,rgba(125,238,255,.16) 13px 14px),radial-gradient(circle at 72% 25%,#ff75ad 0 4%,transparent 18%),linear-gradient(145deg,#101a38,#35418a 52%,#842f6a)}
  .photo-eleven{--photo:linear-gradient(28deg,transparent 0 38%,rgba(241,200,145,.78) 39% 44%,transparent 45%),linear-gradient(152deg,#243747 0 32%,#8b755f 33% 37%,#1a2733 38% 68%,#526d78 69%)}
  .photo-twelve{--photo:radial-gradient(ellipse at 50% 94%,rgba(219,246,244,.78) 0 10%,transparent 11%),repeating-linear-gradient(90deg,transparent 0 16%,rgba(247,169,129,.18) 17% 20%),linear-gradient(170deg,#2e5871,#6c78a2 48%,#e69778)}
  .photo-thirteen{--photo:linear-gradient(145deg,transparent 0 30%,rgba(218,244,251,.72) 31% 35%,transparent 36%),conic-gradient(from 18deg at 58% 48%,#23546b,#65b9b2,#6268ae,#d1799b,#23546b)}
  .photo-fourteen{--photo:radial-gradient(circle at 26% 28%,rgba(255,225,157,.72) 0 3%,transparent 12%),linear-gradient(178deg,#172a50,#424c86 54%,#d06e88 76%,#201e39)}

  .music-app { position:relative; display:flex; overflow:hidden; }
  .music-backdrop { position:absolute; inset:-30%; background:radial-gradient(circle at 72% 22%,rgba(255,112,159,.19),transparent 28%),radial-gradient(circle at 44% 72%,rgba(102,99,235,.22),transparent 35%),radial-gradient(circle at 20% 20%,rgba(88,219,222,.13),transparent 28%); filter:blur(30px); pointer-events:none; }
  .music-nav { position:relative; width:176px; flex:0 0 176px; padding:17px 10px; border-right:1px solid var(--hairline); background:rgba(7,14,24,.55); }
  .music-nav > div:first-child { padding:0 8px 13px; }.music-nav > div strong{display:block;margin-top:4px;font-size:13px}
  .music-nav nav { display:grid; gap:2px; padding:4px 0 8px; }
  .music-nav nav button { height:31px; display:flex; align-items:center; gap:8px; padding:0 8px; border-radius:8px; color:var(--ink-3); text-align:left; font-size:8px; }
  .music-nav nav button:hover { color:var(--ink-2); background:rgba(255,255,255,.035); }.music-nav nav button.is-active{color:var(--ink);background:linear-gradient(90deg,rgba(255,97,144,.14),rgba(139,83,211,.04))}.music-nav nav svg{width:14px;height:14px}
  .playlist-color { width:7px; height:17px; border-radius:3px; }.playlist-color.cyan{background:linear-gradient(var(--accent),#556fd3)}.playlist-color.violet{background:linear-gradient(var(--accent-2),#7043b2)}.playlist-color.coral{background:linear-gradient(var(--coral),#b44773)}
  .music-main { position:relative; min-width:0; display:flex; flex:1; flex-direction:column; padding:14px 18px 15px; }
  .music-top { display:flex; align-items:center; justify-content:space-between; }.music-quality{height:20px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid rgba(117,240,199,.1);border-radius:6px;color:rgba(117,240,199,.6);background:rgba(117,240,199,.035);font-size:5.5px;font-weight:780;letter-spacing:.11em}.music-top button{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--ink-3)}.music-top button:hover{background:var(--surface-hover);color:var(--ink)}.music-top svg{width:14px;height:14px}
  .music-stage { display:grid; grid-template-columns:minmax(185px, .88fr) minmax(225px,1.12fr); align-items:center; gap:25px; padding:12px 10px 18px; }
  .music-art { position:relative; aspect-ratio:1; width:min(100%,225px); justify-self:center; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:25px; background:radial-gradient(circle at 68% 25%,rgba(255,255,255,.7) 0 2%,transparent 3%),conic-gradient(from 30deg,#ffaf78,#f45192,#795add,#3ec3d2,#ffd280,#ffaf78); box-shadow:0 28px 55px rgba(47,15,66,.36),0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.3); }
  .music-art::before { content:""; position:absolute; width:145%; height:60%; left:-22%; top:22%; border:1px solid rgba(255,255,255,.42); border-radius:50%; transform:rotate(-25deg); box-shadow:0 0 35px rgba(255,255,255,.12); }.music-art::after{content:"";position:absolute;inset:16%;border:1px solid rgba(255,255,255,.22);border-radius:44% 56% 61% 39% / 35% 38% 62% 65%;transform:rotate(28deg)}
  .music-art span { position:absolute; width:38%; height:38%; left:31%; top:31%; border:1px solid rgba(255,255,255,.4); border-radius:50%; background:rgba(8,13,25,.14); box-shadow:0 0 40px rgba(255,255,255,.14),inset 0 0 28px rgba(255,255,255,.08); }
  .music-art i { position:absolute; right:12%; bottom:11%; width:10px; height:10px; border-radius:50%; background:white; box-shadow:0 0 18px white; }
  .music-art b { position:absolute; z-index:2; left:12%; top:11%; color:rgba(255,255,255,.86); font-size:10px; line-height:.9; letter-spacing:.16em; text-shadow:0 2px 6px rgba(0,0,0,.25); }
  .music-copy h2 { margin:8px 0 4px; font-size:24px; letter-spacing:-.045em; }.music-copy > p{margin:0;color:var(--ink-3);font-size:9px}
  .music-progress { display:grid; grid-template-columns:1fr auto; gap:5px 9px; margin-top:23px; }.music-progress>div{grid-column:1/3;height:3px;border-radius:4px;background:rgba(255,255,255,.09)}.music-progress>div i{display:block;width:58%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#df75be);box-shadow:0 0 7px rgba(var(--accent-rgb),.25)}.music-progress span{color:var(--ink-4);font-size:6px;font-variant-numeric:tabular-nums}.music-progress span:last-child{text-align:right}
  .music-controls { display:flex; align-items:center; justify-content:center; gap:15px; margin-top:13px; }.music-controls button{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--ink-2)}.music-controls button:hover{background:var(--surface-hover);color:var(--ink)}.music-controls svg{width:15px;height:15px}.music-controls .music-play{width:43px;height:43px;color:#111729;background:linear-gradient(145deg,#fff,#dce7ef);box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 1px 0 white}.music-controls .music-play:hover{background:white;transform:scale(1.04)}.music-controls .music-play svg{width:18px;height:18px}
  .music-output { display:grid; grid-template-columns:15px 1fr auto; align-items:center; gap:7px; margin-top:10px; color:var(--ink-4); }.music-output>svg{width:13px;height:13px}.music-output>div{height:3px;border-radius:3px;background:rgba(255,255,255,.08)}.music-output>div i{display:block;width:64%;height:100%;border-radius:inherit;background:rgba(255,255,255,.38)}.music-output button{color:var(--ink-3);font-size:6px}
  .music-queue { min-height:0; flex:1; overflow:hidden; padding-top:10px; border-top:1px solid var(--hairline); }.music-queue>.section-heading{height:20px}.music-queue>button{width:100%;height:36px;display:grid;grid-template-columns:20px 29px 1fr 24px;align-items:center;gap:7px;padding:0 6px;border-radius:8px;color:var(--ink-3);text-align:left}.music-queue>button:hover{background:rgba(255,255,255,.035)}.music-queue>button>span{font-size:6px}.queue-art{width:27px;height:27px;border-radius:7px;background:var(--queue);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.q-one{--queue:linear-gradient(145deg,#75dce4,#5b55bb)}.q-two{--queue:linear-gradient(145deg,#ffaf70,#bd477b)}.music-queue p{margin:0}.music-queue strong,.music-queue small{display:block}.music-queue strong{color:var(--ink-2);font-size:7.5px}.music-queue small{margin-top:2px;color:var(--ink-4);font-size:6px}.music-queue>button>b{color:var(--ink-4);font-size:7px;letter-spacing:.1em}

  .settings-app { display:flex; min-height:0; }
  .settings-sidebar { width:214px; flex:0 0 214px; display:flex; flex-direction:column; padding:12px 10px; border-right:1px solid var(--hairline); background:var(--sidebar-fill); }
  .settings-search { height:31px; display:grid; grid-template-columns:16px 1fr auto; align-items:center; gap:6px; padding:0 8px; border:1px solid var(--hairline); border-radius:9px; background:rgba(0,0,0,.09); }.settings-search svg{width:13px;height:13px;color:var(--ink-4)}.settings-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:7.5px}.settings-search input::placeholder{color:var(--ink-4)}.settings-search kbd{height:15px;min-width:22px;border:0;background:transparent;box-shadow:none;font-size:6px}
  .settings-user { height:53px; display:grid; grid-template-columns:32px 1fr 12px; align-items:center; gap:8px; margin:9px 2px 7px; padding:0 7px; border:1px solid var(--hairline); border-radius:10px; background:rgba(255,255,255,.025); }.settings-user .avatar{width:31px;height:31px;font-size:10px}.settings-user strong,.settings-user small{display:block}.settings-user strong{font-size:8.5px}.settings-user small{margin-top:2px;color:var(--ink-4);font-size:6.5px}.settings-user>svg{width:10px;height:10px;color:var(--ink-4)}
  .settings-sidebar nav { display:grid; gap:2px; min-height:0; overflow:auto; }.settings-sidebar nav button{height:30px;display:grid;grid-template-columns:17px 1fr;align-items:center;gap:7px;padding:0 8px;border-radius:8px;color:var(--ink-3);text-align:left;font-size:7.5px}.settings-sidebar nav button:hover{color:var(--ink-2);background:rgba(255,255,255,.035)}.settings-sidebar nav button.is-active{color:var(--ink);background:linear-gradient(90deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.035));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.07)}.settings-sidebar nav svg{width:13px;height:13px;color:currentColor}
  .settings-version { display:flex; align-items:center; gap:7px; margin-top:auto; padding:9px 8px 2px; border-top:1px solid var(--hairline); }.settings-version>span{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px rgba(117,240,199,.6)}.settings-version p{margin:0}.settings-version strong,.settings-version small{display:block}.settings-version strong{font-size:6.8px}.settings-version small{margin-top:2px;color:var(--ink-4);font-size:5.8px}
  .settings-main { min-width:0; display:flex; flex:1; flex-direction:column; background:linear-gradient(135deg,rgba(var(--accent-rgb),.016),transparent 30%); }.settings-main>header{height:82px;display:flex;align-items:center;justify-content:space-between;flex:0 0 82px;padding:0 21px;border-bottom:1px solid var(--hairline)}.settings-main>header h2{margin:4px 0 2px;font-size:19px;letter-spacing:-.035em}.settings-main>header p{margin:0;color:var(--ink-3);font-size:7.5px}.settings-main>header>button{height:27px;padding:0 9px;border:1px solid var(--hairline);border-radius:8px;color:var(--ink-3);background:rgba(255,255,255,.025);font-size:7px}.settings-main>header>button:hover{color:var(--ink);background:var(--surface-hover)}
  .settings-scroll { min-height:0; flex:1; overflow:auto; padding:4px 21px 32px; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:rgba(var(--accent-rgb),.34) transparent; }
  .settings-scroll::-webkit-scrollbar { width:8px; }
  .settings-scroll::-webkit-scrollbar-track { background:transparent; }
  .settings-scroll::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:rgba(var(--accent-rgb),.34); background-clip:padding-box; }
  .setting-section { padding:16px 0; border-bottom:1px solid var(--hairline); }.setting-section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.setting-section-title strong{font-size:9px}.setting-section-title span{color:var(--ink-4);font-size:6.5px}
  .theme-choices { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.theme-choice{min-width:0;padding:7px 7px 9px;border:1px solid var(--hairline);border-radius:11px;color:var(--ink-3);text-align:left;background:rgba(255,255,255,.016)}.theme-choice:hover{background:rgba(255,255,255,.035)}.theme-choice.is-active{border-color:rgba(var(--accent-rgb),.4);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.07)}.theme-preview{position:relative;height:57px;display:block;overflow:hidden;margin-bottom:7px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:var(--preview-bg)}.theme-preview::before{content:"";position:absolute;left:7px;right:7px;top:7px;height:8px;border-radius:3px;background:var(--preview-bar)}.theme-preview i{position:absolute;left:7px;top:19px;bottom:7px;width:27%;border-radius:3px;background:var(--preview-side)}.theme-preview b{position:absolute;left:calc(27% + 11px);right:7px;top:19px;bottom:7px;border-radius:3px;background:var(--preview-main)}.preview-dark{--preview-bg:#101824;--preview-bar:#202c3b;--preview-side:#182536;--preview-main:#263445}.preview-light{--preview-bg:#e7eef2;--preview-bar:#f6fafc;--preview-side:#d4e0e7;--preview-main:#f3f7f9}.preview-auto{--preview-bg:linear-gradient(100deg,#e7eef2 0 49%,#101824 50%);--preview-bar:linear-gradient(100deg,#f7fafc 0 49%,#202c3b 50%);--preview-side:linear-gradient(100deg,#d4e0e7 0 49%,#182536 50%);--preview-main:linear-gradient(100deg,#f3f7f9 0 49%,#263445 50%)}.theme-choice strong,.theme-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-choice strong{color:var(--ink-2);font-size:7.5px}.theme-choice small{margin-top:2px;color:var(--ink-4);font-size:5.8px}
  .accent-row { display:flex; align-items:center; gap:8px; }.accent-swatch{position:relative;width:29px;height:29px;display:grid;place-items:center;border:2px solid transparent;border-radius:9px;background:var(--swatch);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.accent-swatch.is-active{border-color:rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),inset 0 1px 0 rgba(255,255,255,.35)}.accent-swatch i{display:none;color:#08131f;font-style:normal}.accent-swatch.is-active i{display:block}.accent-swatch svg{width:14px;height:14px}.swatch-cyan{--swatch:linear-gradient(145deg,#8cf1ff,#4f99dd)}.swatch-violet{--swatch:linear-gradient(145deg,#c3a4ff,#7258dd)}.swatch-mint{--swatch:linear-gradient(145deg,#8df6ce,#4bb79c)}.swatch-coral{--swatch:linear-gradient(145deg,#ffafbc,#e65e7e)}.accent-note{margin-left:auto;color:var(--ink-4);font-size:6px}
  .setting-rows { overflow:hidden;border:1px solid var(--hairline);border-radius:11px;background:rgba(255,255,255,.014) }.setting-row{min-height:47px;display:grid;grid-template-columns:30px 1fr 33px;align-items:center;gap:8px;padding:6px 10px}.setting-row+.setting-row{border-top:1px solid var(--hairline)}.setting-row-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--accent);background:rgba(var(--accent-rgb),.08)}.setting-row-icon svg{width:14px;height:14px}.setting-row p{margin:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:7.5px}.setting-row small{margin-top:3px;color:var(--ink-4);font-size:6px}.switch{position:relative;width:31px;height:18px;border-radius:10px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.switch i{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#dce5eb;box-shadow:0 2px 5px rgba(0,0,0,.35)}.switch.is-on{background:linear-gradient(90deg,var(--accent),#8498ff)}.switch.is-on i{left:15px;background:white}
  .dock-settings { padding:10px;border:1px solid var(--hairline);border-radius:11px;background:rgba(255,255,255,.014) }.position-picker{height:29px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;border:1px solid var(--hairline);border-radius:8px;background:rgba(0,0,0,.08)}.position-picker button{border-radius:6px;color:var(--ink-4);font-size:6.5px}.position-picker button:hover{color:var(--ink-2)}.position-picker button.is-active{color:var(--ink);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.dock-settings>label{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;margin-top:11px;color:var(--ink-3);font-size:6.5px}.dock-settings>label output{text-align:right;font-variant-numeric:tabular-nums}.setting-row.compact{grid-template-columns:1fr 33px;padding:10px 0 0;margin-top:10px;border-top:1px solid var(--hairline)}
  .portable-data { display:flex;align-items:center;justify-content:space-between;border-bottom:0}.portable-data>div{display:flex;align-items:center;gap:8px}.portable-data p{margin:0}.portable-data strong,.portable-data small{display:block}.portable-data strong{font-size:7.5px}.portable-data small{margin-top:3px;color:var(--ink-4);font-size:6px}.portable-data>button{height:27px;padding:0 9px;border:1px solid rgba(var(--accent-rgb),.16);border-radius:8px;color:var(--accent);background:rgba(var(--accent-rgb),.06);font-size:6.5px}.portable-data>button:hover{background:rgba(var(--accent-rgb),.12)}
  .settings-info-page .setting-row { min-height:62px;grid-template-columns:30px minmax(120px,1fr) auto; }
  .settings-info-page .position-picker { width:180px; }
  .settings-page-action { min-width:64px;height:30px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:8px;color:var(--accent);background:rgba(var(--accent-rgb),.065);font-size:9px; }
  .settings-page-action:hover { background:rgba(var(--accent-rgb),.14); }
  .settings-inline-range { width:180px;display:grid;grid-template-columns:1fr 36px;align-items:center;gap:8px;color:var(--ink-3);font-size:9px; }
  .settings-inline-range output { text-align:right;font-variant-numeric:tabular-nums; }
  .settings-info-page kbd { min-width:62px;text-align:center; }

  .notes-app { display:flex;min-height:0 }.notes-list{width:220px;flex:0 0 220px;padding:13px 9px;border-right:1px solid var(--hairline);background:var(--sidebar-fill)}.notes-heading{height:35px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 7px}.notes-heading strong{display:block;margin-top:3px;font-size:12px}.notes-heading button{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--ink-3)}.notes-heading button:hover{background:var(--surface-hover);color:var(--ink)}.notes-heading svg{width:14px;height:14px}.notes-list>label{height:29px;display:grid;grid-template-columns:15px 1fr;align-items:center;gap:6px;margin:7px 3px 8px;padding:0 7px;border:1px solid var(--hairline);border-radius:8px;background:rgba(0,0,0,.08)}.notes-list>label svg{width:12px;height:12px;color:var(--ink-4)}.notes-list>label input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:6.8px}.notes-list>label input::placeholder{color:var(--ink-4)}.note-item{width:100%;height:72px;padding:9px;border-radius:9px;color:var(--ink-3);text-align:left}.note-item:hover{background:rgba(255,255,255,.03)}.note-item.is-active{background:linear-gradient(100deg,rgba(255,213,111,.11),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,211,102,.08)}.note-item>span{display:flex;justify-content:space-between}.note-item strong{color:var(--ink-2);font-size:7.5px}.note-item time{color:var(--ink-4);font-size:6px}.note-item p{margin:4px 0;overflow:hidden;color:var(--ink-4);text-overflow:ellipsis;white-space:nowrap;font-size:6.2px}.note-item small{color:rgba(255,213,111,.42);font-size:5.5px}
  .note-editor{min-width:0;display:flex;flex:1;flex-direction:column;background:linear-gradient(135deg,rgba(255,218,121,.018),transparent 35%)}.note-toolbar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--hairline);color:var(--ink-4);font-size:6px}.note-toolbar>div{display:flex;gap:2px}.note-toolbar button{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:var(--ink-3);font-size:8px}.note-toolbar button:hover{background:var(--surface-hover);color:var(--ink)}.note-page{min-height:0;flex:1;overflow:auto;padding:31px clamp(26px,6vw,64px);outline:0;user-select:text;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.13) transparent}.note-page h1{margin:6px 0 8px;font-size:25px;letter-spacing:-.045em}.note-page .lead{margin:0 0 25px;color:var(--ink-2);font-size:11px;line-height:1.45}.note-page h2{margin:19px 0 7px;font-size:11px}.note-page p{margin:0;color:var(--ink-3);font-size:8px;line-height:1.65}.note-page blockquote{margin:17px 0;padding:9px 12px;border-left:2px solid rgba(255,214,112,.7);border-radius:0 8px 8px 0;color:var(--ink-2);background:rgba(255,213,111,.04);font-size:8.5px;font-style:italic}

  .empty-app { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:radial-gradient(circle at 50% 46%,rgba(var(--accent-rgb),.05),transparent 36%)}.empty-orb{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:21px;color:var(--ink-3);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 16px 35px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}.empty-orb svg{width:31px;height:31px}.empty-app h2{margin:17px 0 6px;font-size:17px;letter-spacing:-.025em}.empty-app p{max-width:290px;margin:0;color:var(--ink-3);font-size:8px;line-height:1.5}.empty-app>button{height:29px;margin-top:17px;padding:0 11px;border:1px solid var(--hairline);border-radius:8px;color:var(--ink-2);background:rgba(255,255,255,.04);font-size:7px}.empty-app>button:hover{background:var(--surface-hover);color:var(--ink)}

  /* Legibility is a system constraint, not a per-app preference. */
  .address-field input,
  .browser-greeting p,
  .aero-search span { font-size:10px }
  .start-card-top { font-size:7.5px }
  .start-card h3 { font-size:12px }
  .start-card p { font-size:8px }
  .favorite-row strong { font-size:9px }
  .favorite-row small { font-size:7.5px }
  .orbit-new { font-size:9.5px }
  .orbit-thread strong { font-size:9px }
  .orbit-thread small { font-size:7.5px }
  .orbit-header strong { font-size:11px }
  .orbit-header > div:last-child { font-size:7.5px }
  .orbit-conversation > p { font-size:9px }
  .suggestion-grid strong { font-size:9px }
  .suggestion-grid small { font-size:7.5px }
  .orbit-composer input { font-size:9.5px }
  .terminal-body { font-size:9px }
  .gallery-library small { font-size:8px }
  .gallery-sidebar nav button { font-size:9px }
  .gallery-sidebar nav b { font-size:7.5px }
  .photo-card span { font-size:7.5px }
  .music-nav nav button { font-size:9px }
  .music-copy > p { font-size:10px }
  .music-queue strong { font-size:9px }
  .music-queue small { font-size:7.5px }
  .settings-search input { font-size:10px }
  .settings-user strong { font-size:11px }
  .settings-user small { font-size:9.5px }
  .settings-sidebar nav button { font-size:10.5px }
  .settings-version strong { font-size:9.5px }
  .settings-version small { font-size:9px }
  .settings-main > header p { font-size:10.5px }
  .setting-section-title strong { font-size:11px }
  .setting-section-title span { font-size:9.5px }
  .theme-choice strong { font-size:10.5px }
  .theme-choice small { font-size:9.5px }
  .accent-note { font-size:9.5px }
  .setting-row strong,
  .portable-data strong { font-size:11px }
  .setting-row small,
  .portable-data small { font-size:10px }
  .position-picker button,
  .dock-settings > label,
  .portable-data > button { font-size:9.5px }
  .note-item strong { font-size:9px }
  .note-item p { font-size:7.5px }
  .note-item small { font-size:7px }
  .note-page p { font-size:9.5px }

  /* Reading-size floor for application content and controls. */
  .address-field input,
  .browser-greeting p,
  .aero-search span,
  .orbit-new,
  .orbit-composer input,
  .terminal-body,
  .gallery-sidebar nav button,
  .music-nav nav button,
  .settings-search input,
  .settings-sidebar nav button,
  .note-page p,
  .empty-app p { font-size:10px }
  .start-card-top,
  .start-card p,
  .start-activity h3,
  .favorite-row small,
  .orbit-new kbd,
  .orbit-thread small,
  .orbit-private strong,
  .orbit-private small,
  .orbit-header > div:last-child,
  .suggestion-grid small,
  .orbit-composer > span,
  .terminal-secure,
  .terminal-welcome span,
  .terminal-welcome small,
  .terminal-welcome dt,
  .terminal-welcome dd,
  .gallery-library small,
  .gallery-sidebar nav b,
  .photo-card span,
  .music-quality,
  .music-progress span,
  .music-output button,
  .music-queue > button > span,
  .music-queue small,
  .music-queue > button > b,
  .settings-search kbd,
  .settings-user small,
  .settings-version strong,
  .settings-version small,
  .setting-section-title span,
  .theme-choice small,
  .accent-note,
  .setting-row small,
  .portable-data small,
  .position-picker button,
  .dock-settings > label,
  .portable-data > button,
  .note-item time,
  .note-item p,
  .note-item small,
  .note-toolbar { font-size:10px }
  .start-card h3,
  .favorite-row strong,
  .orbit-thread strong,
  .orbit-conversation > p,
  .suggestion-grid strong,
  .music-copy > p,
  .music-queue strong,
  .settings-user strong,
  .settings-main > header p,
  .setting-section-title strong,
  .theme-choice strong,
  .setting-row strong,
  .portable-data strong,
  .note-item strong { font-size:11px }
  .address-field input,
  .browser-greeting p,
  .aero-search span,
  .orbit-new,
  .orbit-composer input,
  .terminal-body,
  .gallery-sidebar nav button,
  .music-nav nav button,
  .settings-search input,
  .settings-sidebar nav button,
  .note-page p,
  .empty-app p { font-size:11px }
  .start-card-top,
  .start-card p,
  .start-activity h3,
  .favorite-row small,
  .orbit-new kbd,
  .orbit-thread small,
  .orbit-private strong,
  .orbit-private small,
  .orbit-header > div:last-child,
  .suggestion-grid small,
  .orbit-composer > span,
  .terminal-secure,
  .terminal-welcome span,
  .terminal-welcome small,
  .terminal-welcome dt,
  .terminal-welcome dd,
  .gallery-library small,
  .gallery-sidebar nav b,
  .photo-card span,
  .music-quality,
  .music-progress span,
  .music-output button,
  .music-queue > button > span,
  .music-queue small,
  .music-queue > button > b,
  .settings-search kbd,
  .settings-user small,
  .settings-version strong,
  .settings-version small,
  .setting-section-title span,
  .theme-choice small,
  .accent-note,
  .setting-row small,
  .portable-data small,
  .position-picker button,
  .dock-settings > label,
  .portable-data > button,
  .note-item time,
  .note-item p,
  .note-item small,
  .note-toolbar { font-size:10px }
  .start-card h3,
  .favorite-row strong,
  .orbit-thread strong,
  .orbit-conversation > p,
  .suggestion-grid strong,
  .music-copy > p,
  .music-queue strong,
  .settings-user strong,
  .settings-main > header p,
  .setting-section-title strong,
  .theme-choice strong,
  .setting-row strong,
  .portable-data strong,
  .note-item strong { font-size:11px }
  .setting-row { grid-template-columns:30px minmax(100px,1fr) 42px; }
  .setting-row.compact { grid-template-columns:minmax(100px,1fr) 42px; }
  .switch { width:40px;height:24px;border-radius:13px; }
  .switch i { width:20px;height:20px; }
  .switch.is-on i { left:18px; }

  .desktop[data-theme="light"] .browser-page { background:linear-gradient(180deg,rgba(240,247,250,.84),rgba(226,238,245,.94)) }
  .desktop[data-theme="light"] .browser-atmosphere::before { background:radial-gradient(circle,rgba(var(--accent-rgb),.2),rgba(133,104,255,.075) 45%,transparent 70%) }
  .desktop[data-theme="light"] .address-field { background:rgba(29,55,73,.045) }
  .desktop[data-theme="light"] .start-card,
  .desktop[data-theme="light"] .favorite-row button { background:rgba(255,255,255,.42) }
  .desktop[data-theme="light"] .orbit-main,
  .desktop[data-theme="light"] .note-editor { background:radial-gradient(circle at 50% 10%,rgba(var(--accent-rgb),.055),transparent 38%) }
  .desktop[data-theme="light"] .music-app {
    --ink:#f7fbff;
    --ink-2:rgba(240,248,255,.78);
    --ink-3:rgba(222,235,246,.54);
    --ink-4:rgba(205,224,239,.34);
    --hairline:rgba(255,255,255,.1);
    color:var(--ink)
  }
  .desktop[data-theme="light"] .music-nav { background:rgba(7,14,24,.62) }

  @media (max-width:720px){
    .orbit-sidebar,.gallery-sidebar,.music-nav,.settings-sidebar,.notes-list{display:none}.browser-start-grid{grid-template-columns:1fr 1fr}.start-card:last-child{display:none}.favorite-row{grid-template-columns:repeat(2,1fr)}.music-stage{grid-template-columns:150px 1fr;gap:15px}.music-art{border-radius:18px}.photo-grid{grid-template-columns:repeat(3,1fr)}.settings-main>header{padding:0 14px}.settings-scroll{padding-left:14px;padding-right:14px}.setting-section-title span{display:none}
  }
}