@layer components {
  [data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 4000;
    left: 50%;
    bottom: calc(100% + 12px);
    min-width: max-content;
    max-width: 220px;
    padding: 6px 8px;
    border: 1px solid var(--hairline);
    border-radius: 7px;
    color: var(--ink-2);
    background: rgba(6, 13, 23, .9);
    box-shadow: 0 10px 24px rgba(0,0,0,.3);
    font-size: 9px;
    line-height: 1.2;
    font-weight: 550;
    letter-spacing: .01em;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 5px) scale(.96);
    transform-origin: 50% 100%;
  }

  [data-tooltip]:hover::after { opacity: 1; transform: translate(-50%, 0) scale(1); transition: opacity 120ms 350ms, transform 160ms 350ms var(--ease-out); }
  .topbar [data-tooltip]::after { top:calc(100% + 10px); bottom:auto; transform-origin:50% 0; }
  .stage-rail [data-tooltip]::after { left:calc(100% + 9px); bottom:50%; transform:translate(5px,50%); transform-origin:0 50%; }
  .stage-rail [data-tooltip]:hover::after { transform:translate(0,50%); }

  .widget-moment { height: 158px; padding: 16px; }
  .moment-topline { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; }
  .moment-topline strong { display:block; margin-top:4px; font-size:18px; line-height:1; letter-spacing:-.03em; }
  .moment-weather { font-size:29px; line-height:1; font-weight:260; letter-spacing:-.06em; }
  .widget-moment > p { position:absolute; z-index:2; left:16px; bottom:13px; margin:0; color:var(--ink-2); font-size:10px; }
  .moment-sky { position:absolute; inset:0; overflow:hidden; }
  .moment-sky::before { content:""; position:absolute; width:220px; height:130px; right:-75px; bottom:-55px; border-radius:50%; background:radial-gradient(circle, rgba(var(--accent-rgb),.28), transparent 68%); filter:blur(8px); }
  .moment-sun { position:absolute; right:38px; top:64px; width:39px; height:39px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #fffde5 0 10%, #ffe795 38%, #ffbd5a 72%); box-shadow:0 0 18px rgba(255,196,91,.55), 0 0 48px rgba(255,178,70,.24); }
  .moment-cloud { position:absolute; height:15px; border-radius:20px; background:linear-gradient(180deg, rgba(239,250,255,.88), rgba(149,185,207,.48)); filter:drop-shadow(0 4px 9px rgba(0,0,0,.18)); }
  .moment-cloud::before, .moment-cloud::after { content:""; position:absolute; bottom:2px; border-radius:50%; background:inherit; }
  .moment-cloud::before { left:8px; width:22px; height:22px; }
  .moment-cloud::after { right:7px; width:28px; height:28px; }
  .cloud-one { right:11px; top:89px; width:76px; opacity:.78; }
  .cloud-two { right:78px; top:112px; width:54px; height:11px; opacity:.36; transform:scale(.78); }

  .widget-focus { min-height: 146px; padding: 15px; }
  .widget-heading { display:flex; align-items:flex-start; justify-content:space-between; }
  .widget-heading strong { display:block; margin-top:3px; font-size:13px; letter-spacing:-.015em; }
  .focus-live { height:18px; display:inline-flex; align-items:center; gap:4px; padding:0 6px; border:1px solid rgba(117,240,199,.14); border-radius:6px; color:#9bf6d7; background:rgba(117,240,199,.07); font-size:7px; font-weight:780; letter-spacing:.12em; }
  .focus-live::before { content:""; width:4px; height:4px; border-radius:50%; background:var(--mint); box-shadow:0 0 6px rgba(117,240,199,.7); }
  .focus-body { display:flex; align-items:center; gap:13px; margin-top:12px; }
  .focus-ring { position:relative; width:61px; height:61px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:conic-gradient(var(--accent) calc(var(--progress) * 1%), rgba(255,255,255,.075) 0); box-shadow:0 0 22px rgba(var(--accent-rgb),.12); }
  .focus-ring::before { content:""; position:absolute; inset:5px; border-radius:50%; background:rgba(8,16,28,.92); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
  .focus-ring span { position:relative; font-size:17px; font-weight:650; font-variant-numeric:tabular-nums; }
  .focus-ring small { display:block; margin-top:-2px; color:var(--ink-3); font-size:7px; font-weight:600; text-align:center; }
  .focus-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
  .focus-copy b { font-size:11px; font-weight:650; }
  .focus-copy span { margin-top:3px; color:var(--ink-3); font-size:8.5px; }
  .focus-copy button { height:24px; margin-top:8px; padding:0 8px; border:1px solid var(--hairline); border-radius:7px; color:var(--ink-2); background:rgba(255,255,255,.04); font-size:8.5px; }
  .focus-copy button:hover { color:var(--ink); background:var(--surface-hover); }

  .widget-music { min-height: 88px; display:grid; grid-template-columns:62px 1fr 28px; align-items:center; gap:10px; padding:10px; cursor:default; }
  .widget-music::before { content:""; position:absolute; inset:-35%; background:radial-gradient(circle at 20% 50%, rgba(255,103,159,.15), transparent 45%), radial-gradient(circle at 78% 35%, rgba(110,109,255,.14), transparent 42%); filter:blur(12px); }
  .album-art, .mini-art { position:relative; overflow:hidden; border-radius:13px; background:radial-gradient(circle at 36% 30%, rgba(255,255,255,.55), transparent 5%), conic-gradient(from 32deg, #ff9d7a, #ef4c97, #7958e8, #3fd2df, #ffcf75, #ff9d7a); box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.3); }
  .album-art { width:62px; height:62px; }
  .album-art::before, .mini-art::before { content:""; position:absolute; inset:10%; border:1px solid rgba(255,255,255,.55); border-radius:45% 55% 68% 32% / 38% 30% 70% 62%; transform:rotate(-26deg); }
  .album-art span { position:absolute; width:22px; height:22px; left:20px; top:20px; border:1px solid rgba(255,255,255,.5); border-radius:50%; box-shadow:0 0 18px rgba(255,255,255,.24); }
  .track-copy { position:relative; min-width:0; }
  .track-copy strong { display:block; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11.5px; }
  .track-copy small { display:block; margin-top:2px; overflow:hidden; color:var(--ink-3); text-overflow:ellipsis; white-space:nowrap; font-size:8.5px; }
  .waveform { height:12px; display:flex; align-items:center; gap:2px; margin-top:5px; overflow:hidden; }
  .waveform i { width:2px; height:var(--h,5px); border-radius:2px; background:linear-gradient(180deg, var(--accent), rgba(var(--accent-rgb),.26)); }
  .waveform i:nth-child(1), .waveform i:nth-child(9) { --h:4px; }
  .waveform i:nth-child(2), .waveform i:nth-child(8), .waveform i:nth-child(11) { --h:8px; }
  .waveform i:nth-child(3), .waveform i:nth-child(7) { --h:11px; }
  .waveform i:nth-child(4), .waveform i:nth-child(10) { --h:6px; }
  .waveform i:nth-child(5) { --h:10px; }
  .waveform i:nth-child(6), .waveform i:nth-child(12) { --h:3px; }
  .widget-play { position:relative; width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--hairline); border-radius:9px; color:var(--ink); background:rgba(255,255,255,.06); }
  .widget-play:hover { background:rgba(255,255,255,.11); }
  .widget-play svg { width:13px; height:13px; }

  .widget-agenda { min-height: 104px; padding: 14px 15px; }
  .widget-agenda time { color:var(--accent); font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; }
  .widget-agenda > p { margin:6px 0 10px; color:var(--ink-3); font-size:8.5px; }
  .attendees { display:flex; align-items:center; }
  .attendees span { width:20px; height:20px; display:grid; place-items:center; margin-left:-4px; border:2px solid #142031; border-radius:50%; color:white; background:linear-gradient(145deg, #7ee7fa, #696ee2); font-size:7px; font-weight:700; }
  .attendees span:first-child { margin-left:0; }
  .attendees span:nth-child(2) { background:linear-gradient(145deg,#ffb979,#e96c9e); }
  .attendees span:nth-child(3) { color:var(--ink-2); background:#2a3444; }
  .attendees b { margin-left:auto; color:var(--ink-3); font-size:8px; font-weight:560; }

  .file-layout { display:flex; min-height:0; }
  .file-sidebar { width:202px; flex:0 0 202px; display:flex; flex-direction:column; padding:13px 11px 12px; border-right:1px solid var(--hairline); background:linear-gradient(180deg, rgba(255,255,255,.025), transparent 30%), var(--sidebar-fill); }
  .sidebar-profile { height:42px; display:grid; grid-template-columns:31px 1fr 8px; align-items:center; gap:8px; padding:0 5px 8px; border-bottom:1px solid rgba(255,255,255,.055); }
  .avatar { display:grid; place-items:center; color:white; border-radius:50%; font-weight:700; box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 4px 10px rgba(0,0,0,.2); }
  .avatar-francis { background:linear-gradient(145deg,#82e6ff,#716ae0); }
  .sidebar-profile .avatar { width:29px; height:29px; font-size:10px; }
  .sidebar-profile strong, .sidebar-profile small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sidebar-profile strong { font-size:10px; }
  .sidebar-profile small { margin-top:2px; color:var(--ink-3); font-size:7.5px; }
  .sync-dot { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 8px rgba(117,240,199,.55); }
  .sidebar-nav { min-height:0; flex:1; overflow:hidden auto; padding:7px 0; }
  .sidebar-label { display:block; margin:10px 7px 4px; color:var(--ink-4); font-size:7px; font-weight:800; letter-spacing:.12em; }
  .sidebar-nav button { width:100%; height:30px; display:flex; align-items:center; gap:8px; padding:0 8px; border-radius:8px; color:var(--ink-3); font-size:9.5px; text-align:left; }
  .sidebar-nav button:hover { color:var(--ink-2); background:rgba(255,255,255,.04); }
  .sidebar-nav button.is-active { color:var(--ink); background:linear-gradient(90deg, rgba(var(--accent-rgb),.16), rgba(var(--accent-rgb),.07)); box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.11); }
  .sidebar-nav button > svg { width:14px; height:14px; color:currentColor; }
  .sidebar-nav button > span:nth-child(2) { flex:1; }
  .sidebar-nav button > b { min-width:16px; height:16px; display:grid; place-items:center; border-radius:6px; color:var(--ink-3); background:rgba(255,255,255,.05); font-size:7px; font-weight:650; }
  .sidebar-nav kbd { margin-left:auto; border:0; background:transparent; box-shadow:none; font-size:7px; }
  .nav-color { width:7px; height:7px; border-radius:3px; }
  .color-mint { background:var(--mint); box-shadow:0 0 7px rgba(117,240,199,.5); }
  .color-violet { background:var(--accent-2); box-shadow:0 0 7px rgba(168,140,255,.5); }
  .tiny-faces { display:flex; align-items:center; }
  .tiny-faces i { width:15px; height:15px; display:grid; place-items:center; margin-left:-4px; border:1px solid #162231; border-radius:50%; color:white; background:linear-gradient(145deg,#6cdce8,#5369d8); font-size:6px; font-style:normal; }
  .storage-card { padding:9px; border:1px solid rgba(255,255,255,.055); border-radius:10px; background:rgba(255,255,255,.025); }
  .storage-card > div:first-child { display:flex; justify-content:space-between; color:var(--ink-3); font-size:7.5px; }
  .storage-card strong { color:var(--ink-2); font-size:8px; }
  .storage-track { height:3px; margin:7px 0 5px; overflow:hidden; border-radius:3px; background:rgba(255,255,255,.07); }
  .storage-track i { display:block; width:68%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--accent-2)); box-shadow:0 0 7px rgba(var(--accent-rgb),.5); }
  .storage-card small { display:block; color:var(--ink-4); font-size:7px; }

  .file-main { min-width:0; display:flex; flex:1; flex-direction:column; background:linear-gradient(135deg, rgba(var(--accent-rgb),.015), transparent 35%); }
  .file-toolbar { height:45px; flex:0 0 45px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid var(--hairline); background:rgba(255,255,255,.012); }
  .breadcrumb { display:flex; align-items:center; gap:6px; color:var(--ink-3); font-size:9.5px; }
  .breadcrumb button { color:var(--ink-3); }
  .breadcrumb button:hover { color:var(--ink-2); }
  .breadcrumb svg { width:10px; height:10px; }
  .breadcrumb strong { color:var(--ink-2); font-weight:650; }
  .view-switcher { height:26px; display:flex; align-items:center; gap:2px; padding:2px; border:1px solid var(--hairline); border-radius:8px; background:rgba(0,0,0,.08); }
  .view-switcher button { width:25px; height:21px; display:grid; place-items:center; border-radius:6px; color:var(--ink-4); }
  .view-switcher button.is-active { color:var(--ink-2); background:rgba(255,255,255,.085); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
  .view-switcher svg { width:12px; height:12px; }
  .list-lines { width:11px; height:8px; border-top:1.5px solid currentColor; border-bottom:1.5px solid currentColor; position:relative; }
  .list-lines::after { content:""; position:absolute; left:0; right:0; top:2px; border-top:1.5px solid currentColor; }
  .file-scroll { min-height:0; flex:1; overflow:hidden auto; padding:16px 17px 22px; scrollbar-color:rgba(255,255,255,.15) transparent; scrollbar-width:thin; }
  .welcome-strip { position:relative; min-height:102px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; padding:17px 18px; border:1px solid rgba(var(--accent-rgb),.11); border-radius:16px; background:linear-gradient(118deg, rgba(var(--accent-rgb),.095), rgba(137,112,255,.065) 52%, rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
  .welcome-strip::before { content:""; position:absolute; width:210px; height:210px; right:-80px; top:-110px; border-radius:50%; background:radial-gradient(circle, rgba(var(--accent-rgb),.18), transparent 68%); }
  .welcome-strip h1 { margin:5px 0 4px; color:var(--ink); font-size:18px; line-height:1.05; font-weight:690; letter-spacing:-.035em; }
  .welcome-strip p { margin:0; color:var(--ink-3); font-size:8.5px; }
  .orbit-status { position:relative; display:flex; align-items:center; gap:9px; margin-left:16px; padding:9px 10px; border:1px solid var(--hairline); border-radius:12px; background:rgba(6,12,22,.28); }
  .orbit-glyph { position:relative; width:31px; height:31px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; background:radial-gradient(circle,#a8f5ff 0 4%,#6cd5ef 6%,#756ae5 50%,#2b1e68 78%); box-shadow:0 5px 14px rgba(70,119,220,.25), inset 0 1px 0 rgba(255,255,255,.35); }
  .orbit-glyph i { width:13px; height:13px; border:1px solid rgba(255,255,255,.7); border-radius:50%; }
  .orbit-glyph b { position:absolute; width:4px; height:4px; right:6px; top:5px; border-radius:50%; background:white; box-shadow:0 0 6px white; }
  .orbit-status strong, .orbit-status small { display:block; white-space:nowrap; }
  .orbit-status strong { font-size:8.5px; }
  .orbit-status small { margin-top:2px; color:var(--ink-3); font-size:7px; }
  .file-section { margin-top:17px; }
  .section-heading { height:22px; display:flex; align-items:flex-start; justify-content:space-between; }
  .section-heading h2 { margin:0; font-size:11px; font-weight:670; letter-spacing:-.01em; }
  .section-heading button { display:flex; align-items:center; gap:2px; color:var(--ink-3); font-size:7.5px; }
  .section-heading button:hover { color:var(--accent); }
  .section-heading svg { width:9px; height:9px; }
  .folder-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:9px; }
  .folder-card { position:relative; min-width:0; height:95px; overflow:hidden; display:grid; grid-template-columns:45px 1fr; align-items:center; gap:8px; padding:11px; border:1px solid var(--hairline); border-radius:13px; color:var(--ink-2); text-align:left; background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
  .folder-card:hover { border-color:rgba(var(--accent-rgb),.2); background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,.022)); transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.06); }
  .folder-card.is-revealed { z-index:1; border-color:rgba(var(--accent-rgb),.78); background:linear-gradient(145deg,rgba(var(--accent-rgb),.2),rgba(255,255,255,.035)); box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 18px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16); transform:translateY(-3px); }
  .folder-card.is-revealed::after { content:"REVEALED"; position:absolute; right:8px; top:8px; padding:3px 6px; border:1px solid rgba(var(--accent-rgb),.38); border-radius:999px; color:var(--accent); background:rgba(var(--accent-rgb),.12); font-size:7px; font-weight:760; letter-spacing:.08em; }
  .folder-art { position:relative; width:45px; height:40px; display:block; border-radius:7px 8px 9px 9px; background:linear-gradient(145deg, var(--folder-a), var(--folder-b)); box-shadow:0 7px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.32); }
  .folder-art::before { content:""; position:absolute; left:3px; top:-5px; width:20px; height:8px; border-radius:5px 5px 0 0; background:var(--folder-a); }
  .folder-art i { position:absolute; inset:9px 7px 7px; border:1px solid rgba(255,255,255,.38); border-radius:5px; background:linear-gradient(145deg,rgba(255,255,255,.18),transparent); }
  .folder-art b { position:absolute; right:4px; bottom:4px; min-width:14px; height:14px; display:grid; place-items:center; border-radius:5px; color:rgba(255,255,255,.86); background:rgba(0,0,0,.18); font-size:6px; }
  .folder-cyan { --folder-a:#68e5f5; --folder-b:#4c78da; }
  .folder-violet { --folder-a:#b58dff; --folder-b:#6b51d1; }
  .folder-coral { --folder-a:#ffaf84; --folder-b:#e75d83; }
  .folder-meta { min-width:0; }
  .folder-meta strong, .folder-meta small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .folder-meta strong { font-size:9px; }
  .folder-meta small { margin-top:3px; color:var(--ink-4); font-size:6.8px; }
  .folder-people { position:absolute; right:9px; bottom:8px; display:flex; }
  .folder-people i { width:15px; height:15px; display:grid; place-items:center; margin-left:-3px; border:1px solid #182333; border-radius:50%; color:white; background:linear-gradient(145deg,#6dd9e9,#6173e4); font-size:5.5px; font-style:normal; }
  .recent-section { margin-top:16px; }
  .recent-list { overflow:hidden; border:1px solid var(--hairline); border-radius:12px; background:rgba(255,255,255,.018); }
  .recent-row { width:100%; height:44px; display:grid; grid-template-columns:29px minmax(105px,1.5fr) minmax(90px,1fr) 66px 20px; align-items:center; gap:8px; padding:0 9px; color:var(--ink-2); text-align:left; }
  .recent-row + .recent-row { border-top:1px solid rgba(255,255,255,.045); }
  .recent-row:hover { background:rgba(255,255,255,.035); }
  .file-type { position:relative; width:26px; height:26px; display:grid; place-items:center; overflow:hidden; border-radius:7px; color:white; box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
  .file-type svg { width:13px; height:13px; }
  .file-type-design { background:linear-gradient(145deg,#6ee8f4,#6276e1); }
  .file-type-design i { width:12px; height:12px; border:1px solid rgba(255,255,255,.65); border-radius:3px; transform:rotate(45deg); }
  .file-type-audio { background:linear-gradient(145deg,#ff8cad,#d83b75); }
  .file-type-image { background:linear-gradient(145deg,#ffc96f,#f46d88); }
  .file-type-scene { background:linear-gradient(145deg,#7cf0c9,#4e89cf); }
  .file-type-image i { position:absolute; inset:5px; border-radius:3px; background:linear-gradient(145deg,#8bf0de 0 48%,#696fe0 49%); clip-path:polygon(0 100%,0 48%,28% 68%,55% 26%,100% 100%); }
  .recent-name { min-width:0; }
  .recent-name strong, .recent-name small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .recent-name strong { font-size:8.5px; }
  .recent-name small { margin-top:2px; color:var(--ink-4); font-size:6.8px; }
  .recent-collab { display:flex; align-items:center; min-width:0; }
  .recent-collab i { width:15px; height:15px; display:grid; place-items:center; margin-left:-3px; border:1px solid #172333; border-radius:50%; color:white; background:linear-gradient(145deg,#74dce8,#566bd4); font-size:5.5px; font-style:normal; }
  .recent-collab i:first-child { margin-left:0; }
  .recent-collab small { margin-left:5px; overflow:hidden; color:var(--ink-4); text-overflow:ellipsis; white-space:nowrap; font-size:6.8px; }
  .recent-row time { color:var(--ink-4); font-size:6.8px; text-align:right; }
  .row-more { display:grid; place-items:center; color:var(--ink-4); }
  .row-more svg { width:13px; height:13px; }

  .system-profile { height:54px; display:grid; grid-template-columns:36px 1fr 24px; align-items:center; gap:9px; padding:4px 7px 8px; }
  .system-profile .avatar { width:36px; height:36px; font-size:12px; }
  .system-profile strong, .system-profile small { display:block; }
  .system-profile strong { font-size:11px; }
  .system-profile small { margin-top:3px; color:var(--ink-3); font-size:8px; }
  .status-ok { width:22px; height:22px; display:grid; place-items:center; border-radius:8px; color:#bdf9e5; background:rgba(117,240,199,.09); }
  .status-ok svg { width:13px; height:13px; }
  .menu-group { padding:5px 0; border-top:1px solid var(--hairline); }
  .menu-group button { width:100%; height:34px; display:flex; align-items:center; justify-content:space-between; padding:0 9px; border-radius:8px; color:var(--ink-2); font-size:10px; text-align:left; }
  .menu-group button:hover { color:var(--ink); background:rgba(var(--accent-rgb),.13); }
  .menu-group button small { color:var(--ink-4); font-size:7.5px; }
  .menu-live-dot { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 7px rgba(117,240,199,.6); }

  .panel-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; }
  .panel-heading strong { display:block; margin-top:3px; font-size:17px; letter-spacing:-.025em; }
  .quick-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
  .quick-tile { position:relative; min-width:0; height:67px; display:grid; grid-template-columns:34px 1fr 6px; align-items:center; gap:8px; padding:0 10px; border:1px solid var(--hairline); border-radius:13px; color:var(--ink-3); text-align:left; background:rgba(255,255,255,.025); }
  .quick-tile:hover { background:rgba(255,255,255,.05); }
  .quick-tile.is-on { border-color:rgba(var(--accent-rgb),.16); background:linear-gradient(135deg,rgba(var(--accent-rgb),.115),rgba(var(--accent-rgb),.04)); color:var(--ink-2); }
  .quick-icon { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--hairline); border-radius:10px; background:rgba(255,255,255,.035); }
  .is-on .quick-icon { color:#071520; background:linear-gradient(145deg,var(--accent),#7e9fff); box-shadow:0 6px 16px rgba(var(--accent-rgb),.18),inset 0 1px 0 rgba(255,255,255,.38); }
  .quick-icon svg { width:17px; height:17px; }
  .quick-tile strong, .quick-tile small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .quick-tile strong { font-size:9.5px; }
  .quick-tile small { margin-top:3px; color:var(--ink-4); font-size:7px; }
  .quick-tile > i { width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.13); }
  .quick-tile.is-on > i { background:var(--mint); box-shadow:0 0 7px rgba(117,240,199,.6); }
  .slider-stack { display:grid; gap:8px; margin-top:12px; }
  .control-slider { display:block; padding:10px 11px 9px; border:1px solid var(--hairline); border-radius:12px; background:rgba(255,255,255,.023); }
  .control-slider > span { display:grid; grid-template-columns:16px 1fr auto; align-items:center; gap:7px; margin-bottom:8px; color:var(--ink-3); }
  .control-slider svg { width:14px; height:14px; }
  .control-slider b { color:var(--ink-2); font-size:8.5px; font-weight:620; }
  .control-slider output { font-size:7.5px; font-variant-numeric:tabular-nums; }
  input[type="range"] { --range-value:60%; width:100%; height:4px; display:block; margin:0; border-radius:5px; appearance:none; background:linear-gradient(90deg,var(--accent) var(--range-value),rgba(255,255,255,.09) var(--range-value)); outline:0; }
  input[type="range"]::-webkit-slider-thumb { width:13px; height:13px; appearance:none; border:2px solid rgba(255,255,255,.65); border-radius:50%; background:white; box-shadow:0 2px 7px rgba(0,0,0,.35); }
  .now-playing-mini { display:grid; grid-template-columns:42px 1fr 31px; align-items:center; gap:9px; margin-top:12px; padding:8px; border:1px solid var(--hairline); border-radius:13px; background:rgba(255,255,255,.025); }
  .mini-art { width:42px; height:42px; border-radius:10px; }
  .now-playing-mini small, .now-playing-mini strong, .now-playing-mini span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .now-playing-mini small { color:var(--ink-4); font-size:6px; font-weight:750; letter-spacing:.12em; }
  .now-playing-mini strong { margin-top:2px; font-size:9px; }
  .now-playing-mini span { margin-top:2px; color:var(--ink-3); font-size:7px; }
  .now-playing-mini button { width:30px; height:30px; display:grid; place-items:center; border:1px solid var(--hairline); border-radius:9px; background:rgba(255,255,255,.04); }
  .now-playing-mini button:hover { background:var(--surface-hover); }
  .now-playing-mini button svg { width:13px; height:13px; }
  .system-health { display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding-top:12px; border-top:1px solid var(--hairline); }
  .system-health > div:first-child { display:flex; align-items:center; gap:8px; }
  .health-orb { width:9px; height:9px; border:2px solid rgba(117,240,199,.72); border-radius:50%; box-shadow:0 0 10px rgba(117,240,199,.34),inset 0 0 4px rgba(117,240,199,.4); }
  .system-health p { margin:0; }
  .system-health strong, .system-health small { display:block; }
  .system-health strong { color:var(--ink-2); font-size:8px; }
  .system-health small { margin-top:2px; color:var(--ink-4); font-size:6.5px; }
  .health-graph { width:96px; height:26px; display:flex; align-items:end; gap:2px; }
  .health-graph i { flex:1; height:var(--h,30%); border-radius:2px 2px 1px 1px; background:linear-gradient(180deg,rgba(var(--accent-rgb),.68),rgba(var(--accent-rgb),.06)); }
  .health-graph i:nth-child(2),.health-graph i:nth-child(9){--h:48%}.health-graph i:nth-child(3),.health-graph i:nth-child(8){--h:72%}.health-graph i:nth-child(4){--h:38%}.health-graph i:nth-child(5),.health-graph i:nth-child(10){--h:88%}.health-graph i:nth-child(6){--h:58%}.health-graph i:nth-child(7),.health-graph i:nth-child(12){--h:32%}.health-graph i:nth-child(11){--h:68%}

  .date-hero { position:relative; height:68px; display:grid; grid-template-columns:1fr 70px; grid-template-rows:1fr 1fr; align-items:end; padding:4px 5px 10px; border-bottom:1px solid var(--hairline); }
  .date-hero > span { align-self:end; color:var(--ink-3); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
  .date-hero > strong { grid-column:2; grid-row:1 / 3; align-self:center; color:var(--accent); font-size:52px; line-height:1; font-weight:250; letter-spacing:-.06em; text-align:right; }
  .date-hero > small { align-self:start; color:var(--ink-2); font-size:14px; font-weight:630; }
  .mini-calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; margin:12px 0; }
  .calendar-cell { height:27px; display:grid; place-items:center; border-radius:8px; color:var(--ink-3); font-size:8px; }
  .calendar-cell.is-header { height:18px; color:var(--ink-4); font-size:6.5px; font-weight:750; text-transform:uppercase; }
  .calendar-cell.is-outside { opacity:.3; }
  .calendar-cell.is-today { color:#06111d; background:linear-gradient(145deg,var(--accent),#8ca6ff); box-shadow:0 5px 12px rgba(var(--accent-rgb),.22); font-weight:750; }
  .calendar-cell.has-event { position:relative; }
  .calendar-cell.has-event::after { content:""; position:absolute; bottom:2px; width:3px; height:3px; border-radius:50%; background:var(--accent-2); }
  .notification-heading { display:flex; align-items:center; justify-content:space-between; padding-top:11px; border-top:1px solid var(--hairline); }
  .notification-heading strong { font-size:10px; }
  .notification-heading button { color:var(--ink-3); font-size:8px; }
  .notification-heading button:hover { color:var(--accent); }
  .notification-stack { display:grid; gap:7px; margin-top:8px; }
  .notification-card { display:grid; grid-template-columns:34px 1fr; gap:9px; padding:10px; border:1px solid var(--hairline); border-radius:12px; background:rgba(255,255,255,.025); }
  .notification-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:white; box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
  .notification-icon svg { width:18px; height:18px; }
  .icon-calendar { background:linear-gradient(145deg,#ff8e91,#e95467); }
  .icon-calendar b { font-size:11px; }
  .notification-card strong,.notification-card p,.notification-card small { display:block; }
  .notification-card strong { font-size:8.5px; }
  .notification-card p { margin:3px 0; color:var(--ink-3); font-size:7px; line-height:1.35; }
  .notification-card small { color:var(--ink-4); font-size:6.5px; }

  .command-input-wrap { height:68px; display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:10px; padding:0 18px; border-bottom:1px solid var(--hairline); }
  .command-input-wrap > svg { width:22px; height:22px; color:var(--accent); filter:drop-shadow(0 0 9px rgba(var(--accent-rgb),.22)); }
  .command-input-wrap input { min-width:0; height:100%; border:0; outline:0; background:transparent; color:var(--ink); font-size:18px; font-weight:450; letter-spacing:-.015em; }
  .command-input-wrap input::placeholder { color:var(--ink-3); }
  .command-context { min-height:62px; display:flex; align-items:center; gap:11px; padding:10px 17px; border-bottom:1px solid var(--hairline); background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent); }
  .orbit-mini { width:32px; height:32px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; color:white; background:radial-gradient(circle at 38% 28%,#e9feff 0 4%,transparent 5%),linear-gradient(145deg,#75e5f6,#7568e1); box-shadow:0 6px 14px rgba(69,110,208,.24),inset 0 1px 0 rgba(255,255,255,.36); }
  .orbit-mini svg { width:18px; height:18px; }
  .command-context p { margin:0; }
  .command-context strong,.command-context small { display:block; }
  .command-context strong { font-size:9.5px; font-weight:620; }
  .command-context small { margin-top:3px; color:var(--ink-3); font-size:7.5px; }
  .command-results { max-height:380px; overflow:auto; padding:8px; }
  .command-group-label { display:flex; align-items:center; justify-content:space-between; height:27px; padding:0 8px; color:var(--ink-4); font-size:7px; font-weight:760; letter-spacing:.11em; }
  .command-result { width:100%; height:52px; display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:10px; padding:0 9px; border:1px solid transparent; border-radius:11px; color:var(--ink-2); text-align:left; }
  .command-result:hover,.command-result.is-selected { border-color:rgba(var(--accent-rgb),.14); background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.035)); }
  .command-result-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:white; background:linear-gradient(145deg,rgba(var(--accent-rgb),.8),rgba(121,101,225,.78)); box-shadow:inset 0 1px 0 rgba(255,255,255,.3); }
  .command-result-icon svg { width:18px; height:18px; }
  .command-result-copy { min-width:0; }
  .command-result-copy strong,.command-result-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .command-result-copy strong { font-size:10px; }
  .command-result-copy small { margin-top:3px; color:var(--ink-3); font-size:7.5px; }
  .command-result > kbd { color:var(--ink-4); }
  .command-empty { min-height:180px; display:grid; place-items:center; color:var(--ink-3); font-size:10px; }
  .command-footer { height:40px; display:flex; align-items:center; gap:14px; padding:0 15px; border-top:1px solid var(--hairline); color:var(--ink-4); font-size:7px; }
  .command-footer span { display:flex; align-items:center; gap:4px; }
  .command-footer kbd { min-width:17px; height:16px; padding:0 4px; font-size:8px; }
  .command-footer b { margin-left:auto; color:rgba(117,240,199,.55); font-size:6.5px; letter-spacing:.12em; }

  /* Optical legibility pass: ordinary information never drops into decorative microtype. */
  .sidebar-profile strong { font-size:11px; }
  .sidebar-profile small { font-size:10px; }
  .sidebar-label { font-size:9.5px; }
  .sidebar-nav button { font-size:11px; }
  .storage-card > div:first-child,
  .storage-card strong,
  .storage-card small { font-size:10px; }
  .breadcrumb { font-size:11px; }
  .welcome-strip { min-height:110px; }
  .welcome-strip p { font-size:10.5px; }
  .orbit-status strong { font-size:9.5px; }
  .orbit-status small { font-size:10px; }
  .section-heading h2 { font-size:12px; }
  .section-heading button { font-size:10px; }
  .folder-card { height:104px; }
  .folder-meta strong { font-size:10px; }
  .folder-meta small { font-size:10px; }
  .recent-row { height:49px; }
  .recent-name strong { font-size:9.5px; }
  .recent-name small,
  .recent-collab small,
  .recent-row time { font-size:10px; }
  .track-copy small,
  .focus-copy span,
  .widget-agenda > p { font-size:9.5px; }
  .attendees b { font-size:10px; }
  .settings-search input { font-size:9px; }
  .settings-user strong { font-size:10px; }
  .settings-user small { font-size:8px; }
  .settings-sidebar nav button { font-size:9px; }
  .settings-version strong { font-size:8px; }
  .settings-version small { font-size:7px; }
  .settings-main > header p { font-size:9px; }
  .setting-section-title strong { font-size:10.5px; }
  .setting-section-title span { font-size:8px; }
  .theme-choice strong { font-size:9px; }
  .theme-choice small { font-size:7.5px; }
  .accent-note { font-size:7.5px; }
  .setting-row strong,
  .portable-data strong { font-size:9px; }
  .setting-row small,
  .portable-data small { font-size:7.5px; }
  .position-picker button,
  .dock-settings > label,
  .portable-data > button { font-size:8px; }

  /* Ordinary information never drops into ornamental microtype. */
  .focus-live,
  .focus-ring small,
  .sidebar-label,
  .tiny-faces i,
  .folder-art b,
  .folder-people i,
  .recent-collab i,
  .attendees span { font-size:9px; }
  .sidebar-profile small,
  .sidebar-nav button > b,
  .sidebar-nav kbd,
  .storage-card > div:first-child,
  .storage-card small,
  .welcome-strip p,
  .orbit-status small,
  .section-heading button,
  .folder-meta small,
  .recent-name small,
  .recent-collab small,
  .recent-row time,
  .menu-group button small,
  .quick-tile small,
  .control-slider output,
  .now-playing-mini small,
  .now-playing-mini span,
  .system-health small,
  .notification-card p,
  .notification-card small,
  .command-context small,
  .command-group-label,
  .command-result-copy small,
  .command-footer,
  .command-footer b { font-size:9.5px; }
  .sidebar-nav button,
  .breadcrumb,
  .focus-copy span,
  .track-copy small,
  .widget-agenda > p,
  .orbit-status strong,
  .folder-meta strong,
  .recent-name strong,
  .system-profile small,
  .quick-tile strong,
  .control-slider b,
  .now-playing-mini strong,
  .system-health strong,
  .notification-card strong,
  .command-context strong { font-size:10.5px; }
  .command-footer kbd { font-size:10px; }

  @media (max-width: 780px) {
    .file-sidebar { display:none; }
    .welcome-strip { min-height:88px; }
    .orbit-status { display:none; }
    .folder-grid { display:flex; gap:10px; overflow-x:auto; padding:2px 2px 9px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:rgba(var(--accent-rgb),.34) transparent; }
    .folder-card { flex:0 0 calc(47% - 5px); scroll-snap-align:start; }
    .folder-card:last-child { display:grid; }
    .recent-row { grid-template-columns:29px minmax(100px,1fr) 58px 20px; }
    .recent-collab { display:none; }
  }
}