:root{--graview-ground:#f7f7f2;--graview-ground-deep:#efefe8;--graview-wash:none;--graview-panel:#ffffff;--graview-panel-muted:#fafaf6;--graview-panel-warning:#fdf4ea;--graview-edge:rgba(24, 33, 58, 0.12);--graview-edge-bright:rgba(0, 23, 105, 0.6);--graview-ink:#18213a;--graview-ink-muted:#586174;--graview-ink-faint:#626b7d;--graview-accent:#001769;--graview-accent-dim:rgba(0, 23, 105, 0.16);--graview-accent-ink:#ffffff;--graview-warn:#9a5312;--graview-good:#1b6436;--graview-bad:#a1232d;--graview-glow:rgba(0, 23, 105, 0.08);--graview-bar:rgba(255, 255, 255, 0.96);--graview-float:#ffffff;--graview-lift-low:0 1px 2px rgba(24,33,58,0.06), 0 8px 24px -12px rgba(24,33,58,0.16);--graview-lift-high:0 2px 6px rgba(24,33,58,0.08), 0 24px 56px -24px rgba(24,33,58,0.26);--graview-grid-alpha:0.5;--gc-field-edge:color-mix(in srgb,var(--graview-ink) 30%,transparent);--gc-danger:var(--graview-bad);--gc-danger-ink:#ffffff;--gc-card-shadow:0 1px 2px color-mix(in srgb,var(--graview-ink) 5%,transparent);--gc-hover:color-mix(in srgb,var(--graview-ink) 5%,transparent);--gc-roof:48% 82%;--gc-right:40% 66%;--gc-left:34% 55%;--gc-roof-edge:rgba(255,255,255,0.75);--gc-plate:45% 58%;--gc-plate-alpha:0.12;--gc-plate-edge:40% 48%;--gc-plate-edge-alpha:0.55;color-scheme:light;--gc-font:"Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--gc-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--gc-radius:8px;--gc-radius-sm:6px;--gc-pad:15px;--gc-pad-sm:10px;--gc-gap:7px;--gc-chevron:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%3E%3Cpath%20d%3D'M1%201l4%204%204-4'%20fill%3D'none'%20stroke%3D'%23586174'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E")}
@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--graview-ground:#0a0f1f;--graview-ground-deep:#060914;--graview-wash:none;--graview-panel:rgba(19, 27, 52, 0.96);--graview-panel-muted:rgba(14, 21, 42, 0.94);--graview-panel-warning:rgba(48, 33, 18, 0.95);--graview-edge:rgba(164, 178, 222, 0.18);--graview-edge-bright:rgba(154, 171, 255, 0.6);--graview-ink:#eef0f6;--graview-ink-muted:#aab2c6;--graview-ink-faint:#97a0b6;--graview-accent:#9aabff;--graview-accent-dim:rgba(154, 171, 255, 0.32);--graview-accent-ink:#001769;--graview-warn:#f0a868;--graview-good:#8fdcaa;--graview-bad:#ffa3a3;--graview-glow:rgba(154, 171, 255, 0.18);--graview-bar:rgba(10, 15, 31, 0.96);--graview-float:rgba(16, 23, 45, 0.98);--graview-lift-low:0 14px 36px -22px #000;--graview-lift-high:0 28px 64px -30px #000;--graview-grid-alpha:0.35;--gc-field-edge:color-mix(in srgb,var(--graview-ink) 38%,transparent);--gc-danger:var(--graview-bad);--gc-danger-ink:#0a0f1f;--gc-card-shadow:inset 0 1px 0 color-mix(in srgb,var(--graview-ink) 10%,transparent);--gc-hover:color-mix(in srgb,var(--graview-ink) 8%,transparent);--gc-roof:42% 32%;--gc-right:40% 21%;--gc-left:38% 13%;--gc-roof-edge:rgba(255,255,255,0.14);--gc-plate:45% 48%;--gc-plate-alpha:0.2;--gc-plate-edge:40% 62%;--gc-plate-edge-alpha:0.55;color-scheme:dark;--gc-chevron:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%3E%3Cpath%20d%3D'M1%201l4%204%204-4'%20fill%3D'none'%20stroke%3D'%23aab2c6'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E")}}:root:where([data-theme=dark]){--graview-ground:#0a0f1f;--graview-ground-deep:#060914;--graview-wash:none;--graview-panel:rgba(19, 27, 52, 0.96);--graview-panel-muted:rgba(14, 21, 42, 0.94);--graview-panel-warning:rgba(48, 33, 18, 0.95);--graview-edge:rgba(164, 178, 222, 0.18);--graview-edge-bright:rgba(154, 171, 255, 0.6);--graview-ink:#eef0f6;--graview-ink-muted:#aab2c6;--graview-ink-faint:#97a0b6;--graview-accent:#9aabff;--graview-accent-dim:rgba(154, 171, 255, 0.32);--graview-accent-ink:#001769;--graview-warn:#f0a868;--graview-good:#8fdcaa;--graview-bad:#ffa3a3;--graview-glow:rgba(154, 171, 255, 0.18);--graview-bar:rgba(10, 15, 31, 0.96);--graview-float:rgba(16, 23, 45, 0.98);--graview-lift-low:0 14px 36px -22px #000;--graview-lift-high:0 28px 64px -30px #000;--graview-grid-alpha:0.35;--gc-field-edge:color-mix(in srgb,var(--graview-ink) 38%,transparent);--gc-danger:var(--graview-bad);--gc-danger-ink:#0a0f1f;--gc-card-shadow:inset 0 1px 0 color-mix(in srgb,var(--graview-ink) 10%,transparent);--gc-hover:color-mix(in srgb,var(--graview-ink) 8%,transparent);--gc-roof:42% 32%;--gc-right:40% 21%;--gc-left:38% 13%;--gc-roof-edge:rgba(255,255,255,0.14);--gc-plate:45% 48%;--gc-plate-alpha:0.2;--gc-plate-edge:40% 62%;--gc-plate-edge-alpha:0.55;color-scheme:dark;--gc-chevron:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%3E%3Cpath%20d%3D'M1%201l4%204%204-4'%20fill%3D'none'%20stroke%3D'%23aab2c6'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E")}
*{box-sizing:border-box}
html{background:var(--graview-ground)}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--graview-wash),var(--graview-ground);background-attachment:fixed;color:var(--graview-ink);font:450 0.875rem/1.55 var(--gc-font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--graview-edge) 1px,transparent 1px),linear-gradient(90deg,var(--graview-edge) 1px,transparent 1px);background-size:64px 64px;opacity:calc(var(--graview-grid-alpha) * 0.7);mask-image:radial-gradient(110% 70% at 50% 0%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(110% 70% at 50% 0%,#000 10%,transparent 70%)}
a{color:var(--graview-accent);text-decoration-color:var(--graview-accent-dim);text-underline-offset:2px}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--graview-accent);outline-offset:2px}
h1,h2,h3,h4{color:var(--graview-ink);font-weight:550;letter-spacing:-0.01em}
h1{font-size:1.625rem;line-height:1.2;margin:4px 0 10px;letter-spacing:-0.02em}
h2{font-size:1.0625rem;line-height:1.3;margin:28px 0 10px}
h3{font-size:0.9375rem;margin:18px 0 6px}
p{margin:0 0 10px}
code,kbd,samp{font-family:var(--gc-mono);font-size:0.8125rem}
strong{font-weight:600}
.muted{color:var(--graview-ink-muted)}.warn{color:var(--graview-bad)}.ok{color:var(--graview-good)}
.eyebrow{display:block;margin:0 0 4px;font-size:0.6875rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--graview-ink-faint)}
.gc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lede{font-size:0.9375rem;color:var(--graview-ink-muted);max-width:62ch}

/* The strip: the app's own bar, as a Graview app draws it. */
/* The same strip as an app's bar (Nick, 2026-10-30: "distinct in some ways, but … more seamless"): its height, its 14px words, tabs underlined where they sit, a round face at the end. No rule under it: the page's ground runs up to it. */
.gc-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;min-height:48px;padding:0 16px;background:var(--graview-bar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.gc-mark{display:inline-flex;align-items:center;min-height:32px;color:var(--graview-ink);text-decoration:none;border-radius:4px}
.gc-mark svg{flex:none;display:block;height:24px;width:auto}
.gc-mark .gv-symbol{display:none}
.gc-faces{display:inline-flex;align-self:stretch;gap:18px}
.gc-faces a{display:inline-flex;align-items:center;padding:0 2px;font-size:0.875rem;color:var(--graview-ink-muted);text-decoration:none;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}
.gc-faces a:hover{color:var(--graview-ink)}
.gc-faces a[aria-current]{color:var(--graview-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--graview-accent)}
.gc-bar-end{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}
.gc-account{position:relative}
.gc-account>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:34px;max-width:220px;padding:3px 12px 3px 3px;border-radius:999px;border:1px solid var(--graview-edge);background:var(--graview-panel);color:var(--graview-ink);cursor:pointer;font-size:0.8125rem;box-shadow:var(--gc-card-shadow)}
.gc-account>summary::-webkit-details-marker{display:none}
.gc-account>summary:hover{border-color:var(--graview-edge-bright)}
.gc-account>summary span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* The person: their face alone, as in an app's bar; their name is the menu's first line. */
.gc-bar-end>.gc-account>summary{min-height:30px;padding:2px}.gc-bar-end>.gc-account>summary>span:last-child{display:none}
/* Where you are: a name and a caret, as an app's bar names the app. */
.gc-bar .gc-switch>summary{border-color:transparent;background:transparent;box-shadow:none;padding:2px 6px;font-size:0.9375rem;font-weight:650;gap:6px}
.gc-bar .gc-switch>summary:hover{border-color:transparent;background:var(--graview-panel-muted)}
.gc-switch-caret{font-size:0.7rem;color:var(--graview-ink-muted)}
.gc-avatar{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:999px;background:var(--graview-accent);color:var(--graview-accent-ink);font-size:0.75rem;font-weight:600;text-transform:uppercase}
.gc-avatar.hued{background:hsl(var(--h) 42% 88%);color:var(--graview-ink)}
.gc-bell{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;border:0;color:var(--graview-ink-muted);text-decoration:none;flex:none;cursor:pointer;list-style:none}
.gc-bell::-webkit-details-marker{display:none}
.gc-bell:hover,.gc-bell-pop[open]>.gc-bell{background:var(--graview-panel-muted);color:var(--graview-ink)}
.gc-bell-pop{position:relative}
.gc-pop{position:absolute;right:-40px;top:calc(100% + 8px);z-index:40;width:min(400px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:var(--gc-radius);border:1px solid var(--graview-edge);background:var(--graview-float);box-shadow:var(--graview-lift-high)}
.gc-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 8px}
.gc-pop-head strong{font-size:0.9375rem}
.gc-pop-invites{margin:0 8px 6px;padding:8px 10px;border-radius:var(--gc-radius-sm);background:var(--graview-panel-muted);font-size:0.875rem;font-weight:600;text-decoration:none}
.gc-pop-none{margin:4px 14px 12px}
.gc-notes.in-pop{border:0;box-shadow:none;background:transparent;padding:0 4px;max-height:min(420px,60vh);overflow:auto}
.gc-notes.in-pop .gc-note-go{padding:9px 4px 9px 10px;gap:10px}
.gc-notes.in-pop .gc-note-app{width:28px;height:28px;font-size:0.8rem;border-radius:8px}
.gc-notes.in-pop .gc-note-said{font-size:0.875rem}
.gc-pop-all{display:block;padding:11px 14px;border-top:1px solid var(--graview-edge);font-size:0.875rem;font-weight:600;text-align:center;text-decoration:none}
.gc-pop-all:hover{background:var(--graview-panel-muted);border-radius:0 0 var(--gc-radius) var(--gc-radius)}
.gc-note-foot{margin-top:14px;font-size:0.8125rem}
.gc-notes-app+.gc-notes-app{margin-top:18px}
.gc-notes-app-name{font-size:0.8125rem;font-weight:600;color:var(--graview-ink-muted);margin:0 0 6px 4px}
.gc-tabs-line{display:flex;gap:22px;margin:0 0 18px;border-bottom:1px solid var(--graview-edge)}
.gc-tabs-line a{display:inline-flex;align-items:center;gap:6px;padding:8px 2px;font-size:0.9375rem;color:var(--graview-ink-muted);text-decoration:none;box-shadow:inset 0 -2px 0 transparent;margin-bottom:-1px}
.gc-tabs-line a:hover{color:var(--graview-ink)}
.gc-tabs-line a[aria-current]{color:var(--graview-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--graview-accent)}
.gc-follow{margin-bottom:12px}
.gc-follow-head{display:flex;align-items:center;gap:12px}
.gc-follow-head>div{flex:1;min-width:0}.gc-follow-head p{margin:2px 0 0;font-size:0.8125rem}
.gc-follow-list{list-style:none;margin:10px 0 0;padding:0}
.gc-follow-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--graview-edge);font-size:0.875rem}
.gc-follow-list li.stopped>span{color:var(--graview-ink-muted)}
.gc-follow-foot{margin:8px 0 0;font-size:0.8125rem}
.gc-quiet{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gc-quiet label{margin:0;font-weight:400}.gc-quiet input{width:auto;min-width:130px}
.gc-invites{margin-bottom:14px}
.gc-bell-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--graview-accent);color:var(--graview-accent-ink);font-size:0.7rem;font-weight:700;line-height:18px;text-align:center}
.gc-waiting{margin-top:12px}.gc-waiting li .who span{color:var(--graview-muted)}
.gc-note-count{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--graview-accent);color:var(--graview-accent-ink);font-size:0.7rem;font-weight:700;line-height:18px;text-align:center}
.gc-notes{list-style:none;margin:0;padding:4px;border-radius:var(--gc-radius);border:1px solid var(--graview-edge);background:var(--graview-panel);box-shadow:var(--gc-card-shadow)}
.gc-note{position:relative;display:flex;align-items:center;gap:4px;border-radius:var(--gc-radius-sm)}
.gc-note+.gc-note{margin-top:2px}
.gc-note:hover,.gc-note:focus-within{background:var(--graview-panel-muted)}
.gc-note-go{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px;padding:12px 4px 12px 12px;color:inherit;text-decoration:none;border-radius:var(--gc-radius-sm)}
.gc-note-go:focus-visible{outline:2px solid var(--graview-accent);outline-offset:-2px}
.gc-note-app{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:hsl(var(--gc-note-hue) 45% 88%);color:hsl(var(--gc-note-hue) 45% 26%);font-size:0.85rem;font-weight:700}
.gc-note-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.gc-note-said{color:var(--graview-ink-muted);line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gc-note.unread .gc-note-said{color:var(--graview-ink);font-weight:600}
.gc-note-meta{color:var(--graview-ink-muted);font-size:0.8125rem}
.gc-note-mark{margin:0;flex:none;padding-right:8px}
.gc-note-mark .gc-note-dot{display:grid;box-shadow:none;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;min-height:0}
.gc-note-dot::after{content:"";width:9px;height:9px;border-radius:999px;border:1.5px solid var(--graview-edge-bright);background:transparent}
.gc-note.unread .gc-note-dot::after{border-color:var(--graview-accent);background:var(--graview-accent)}
.gc-note-mark .gc-note-dot:hover{background:var(--graview-panel);border:0}
.gc-note-dot:focus-visible{outline:2px solid var(--graview-accent)}
@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .gc-note-app{background:hsl(var(--gc-note-hue) 30% 24%);color:hsl(var(--gc-note-hue) 60% 82%)}}:where(:root[data-theme=dark]) .gc-note-app{background:hsl(var(--gc-note-hue) 30% 24%);color:hsl(var(--gc-note-hue) 60% 82%)}
@media (max-width:359px){.gc-bell{display:none}}
.gc-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:220px;margin:0;padding:6px;list-style:none;border-radius:var(--gc-radius);border:1px solid var(--graview-edge);background:var(--graview-float);box-shadow:var(--graview-lift-high)}
.gc-menu li{margin:0}
.gc-menu a,.gc-menu button{display:flex;width:100%;min-height:34px;align-items:center;padding:7px 10px;border-radius:var(--gc-radius-sm);border:0;background:none;box-shadow:none;color:var(--graview-ink);font:inherit;font-weight:400;text-decoration:none;text-align:left;cursor:pointer}
.gc-menu a:hover,.gc-menu button:hover{background:var(--gc-hover);filter:none}
.gc-menu hr{border:0;border-top:1px solid var(--graview-edge);margin:6px 4px}
.gc-menu form{margin:0}
.gc-menu .gc-menu-who{padding:6px 10px 8px;color:var(--graview-ink-muted);font-size:0.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-menu .gc-menu-version a,.gc-menu .gc-menu-version>span{display:block;min-height:28px;padding:6px 10px;color:var(--graview-ink-muted);font-size:0.75rem;line-height:1.4;overflow-wrap:break-word}
.gc-menu .gc-menu-version .gc-nowrap{white-space:nowrap}
.gc-menu .gc-menu-version a:hover{color:var(--graview-ink)}

/* The page under it. */
.gc-main{width:100%;max-width:880px;margin:0 auto;padding:28px 24px 56px;flex:1 0 auto;overflow-wrap:anywhere}
.gc-main.wide{max-width:1180px}
.gc-main.narrow{max-width:520px}
.gc-foot{width:100%;max-width:1180px;margin:0 auto;padding:16px 24px 24px;color:var(--graview-ink-faint);font-size:0.75rem;display:flex;flex-wrap:wrap;gap:4px 14px}
.gc-foot a{display:inline-flex;align-items:center;min-height:24px;color:var(--graview-ink-muted);text-decoration:none}
.gc-foot a:hover{text-decoration:underline}
.gc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:4px 0 22px}
.gc-head h1{margin:0}
.gc-head p{margin:6px 0 0}

/* Panels, as the framework draws them. */
.card{background:var(--graview-panel);border:1px solid var(--graview-edge);border-radius:var(--gc-radius);padding:16px 18px;margin:12px 0;box-shadow:var(--gc-card-shadow)}
.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}
.card h2{font-size:0.9375rem;margin:0 0 8px}
/* NOTICES WITHOUT THE STRIPE (Nick, 2026-10-09: the colored left border and the boxed code were the tells of a generated page). A notice is a quiet tinted panel; an alert the warning tint; nothing leans on a bar of color. */
.gc-notice{display:flex;gap:10px;align-items:flex-start;background:var(--graview-panel-muted)}
.gc-alert{background:var(--graview-panel-warning);border-color:var(--graview-edge)}
.gc-alert.amber{background:var(--graview-panel-warning)}
.card code,.gc-notice code,.gc-kv code,.gc-people code,.gc-id code,td code,dd code{background:transparent;border:0;padding:0;border-radius:0;color:inherit}
.gc-danger-zone{border-color:color-mix(in srgb,var(--graview-bad) 35%,transparent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.stack{display:grid;gap:10px}

/* Chips. */
.pill,.chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;min-height:24px;padding:1px 10px;border-radius:999px;border:1px solid var(--graview-edge);background:var(--graview-panel-muted);color:var(--graview-ink-muted);font-size:0.75rem;line-height:1.3;text-decoration:none;white-space:nowrap}
a.pill:hover,a.chip:hover{color:var(--graview-ink);border-color:var(--graview-edge-bright)}
.chip.accent{color:var(--graview-accent);border-color:var(--graview-accent-dim);background:var(--graview-panel)}
.pill.warn,.chip.warn{color:var(--graview-bad);border-color:color-mix(in srgb,var(--graview-bad) 40%,transparent)}
.chip.amber{color:var(--graview-warn);border-color:color-mix(in srgb,var(--graview-warn) 45%,transparent)}
.chip .dot{width:6px;height:6px;border-radius:999px;background:currentColor}
@media (max-width:640px){.gc-tiles.compact{gap:10px}.gc-tiles.compact .gc-tile{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch}.gc-tiles.compact .gc-tile .gc-ground{aspect-ratio:auto;height:100%;min-height:96px;border-bottom:0;border-right:1px solid var(--graview-edge)}.gc-tiles.compact .gc-tile-body{padding:12px 14px}}
.gc-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.gc-fine{margin-top:28px}.gc-fine h2{margin-bottom:4px}.gc-fine h3{margin:0 0 8px;font-size:1rem}.gc-fine ul{margin:0;padding-left:18px}.gc-fine li+li{margin-top:6px}.gc-plans .card.now{border-color:var(--graview-accent)}.gc-plans ul{margin:8px 0 0;padding-left:18px}
/* The plans table: a row's head is the feature in plain words, and on a phone each feature stacks with its plans beneath. */
.gc-rows th[scope=row]{font-size:inherit;font-weight:450;letter-spacing:0;text-transform:none;color:var(--graview-ink)}
@media (max-width:560px){table.stackable th[scope=row]{display:block;width:100%;border:0;padding:0 0 4px;white-space:normal}table.stackable td[data-label]{padding:2px 0}}
.gc-app-ground .gc-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gc-app-ground .gc-thumb>svg,.gc-app-ground .gc-thumb>img{width:100%;height:100%}.gc-app-ground .gc-thumb>img{display:block;object-fit:contain}.gc-app-ground .gc-thumb.dark{display:none}
@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .gc-app-ground .gc-thumb.light{display:none}:where(:root:not([data-theme=light])) .gc-app-ground .gc-thumb.dark{display:flex}}:where(:root[data-theme=dark]) .gc-app-ground .gc-thumb.light{display:none}:where(:root[data-theme=dark]) .gc-app-ground .gc-thumb.dark{display:flex}
.gc-app-ground.branded{background:linear-gradient(color-mix(in srgb,var(--tile-accent) 9%,transparent),color-mix(in srgb,var(--tile-accent) 9%,transparent)),var(--graview-wash),var(--graview-ground)}
.gc-app-ground.branded::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--tile-accent)}
.gc-tab-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px}.gc-tab-icon svg{width:16px;height:16px}
.gc-results{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.gc-results a{font-weight:600}.gc-result-app{margin-top:10px}.gc-result-app h3{margin:0;font-size:0.9375rem}
.gc-meta{color:var(--graview-ink-muted);font-size:0.8125rem;line-height:1.4;overflow-wrap:anywhere}
.gc-kind{display:inline-flex;align-items:center;gap:6px;margin-right:12px;color:var(--graview-ink);font-size:0.875rem}
.gc-kind .dot{width:7px;height:7px;border-radius:2px;background:currentColor;flex:none}

/* Buttons: filled for the one thing a page is for, the framework's own for the rest. */
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 14px;font:inherit;font-weight:600;line-height:1.2;border-radius:var(--gc-radius-sm);border:1px solid transparent;background:var(--graview-accent);color:var(--graview-accent-ink);cursor:pointer;text-decoration:none;text-align:center;box-shadow:var(--gc-card-shadow);transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease,filter 160ms ease}
button:hover:not(:disabled),.button:hover{filter:brightness(1.08);text-decoration:none}
button.quiet,.button.quiet{font-weight:500;background:var(--graview-panel);color:var(--graview-ink);border-color:var(--gc-field-edge);box-shadow:var(--gc-card-shadow)}
button.quiet:hover:not(:disabled),.button.quiet:hover{filter:none;border-color:var(--graview-edge-bright);box-shadow:var(--graview-lift-low)}
button.danger,.button.danger{background:var(--gc-danger);color:var(--gc-danger-ink)}
button.link{min-height:0;padding:0;border:0;background:none;box-shadow:none;color:var(--graview-accent);font-weight:500;text-decoration:underline;text-decoration-color:var(--graview-accent-dim)}
button:disabled{opacity:0.45;cursor:default}
.button.small,button.small{white-space:nowrap;min-height:28px;padding:3px 10px;font-size:0.8125rem}

/* Fields. */
label{display:block;font-weight:600;font-size:0.8125rem;margin:14px 0 5px}
label .muted{font-weight:400}
input,textarea,select{width:100%;min-height:36px;padding:7px 11px;font:inherit;color:var(--graview-ink);background:var(--graview-panel);border:1px solid var(--gc-field-edge);border-radius:var(--gc-radius-sm);transition:border-color 140ms ease,box-shadow 140ms ease}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--graview-accent);box-shadow:0 0 0 3px var(--graview-accent-dim)}
input::placeholder,textarea::placeholder{color:var(--graview-ink-faint)}
select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:var(--gc-chevron);background-repeat:no-repeat;background-position:right 11px center}
input[type=checkbox],input[type=radio]{width:auto;min-height:0;margin:0;accent-color:var(--graview-accent);flex:none}
input[type=file]{padding:6px;background:var(--graview-panel-muted)}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;gap:9px;align-items:flex-start;font-weight:400;font-size:0.875rem}
label:has(>input[type=checkbox])>input,label:has(>input[type=radio])>input{margin-top:3px}
textarea{min-height:240px;font-family:var(--gc-mono);font-size:0.8125rem;line-height:1.5}
textarea.note,textarea.prose{min-height:96px;font-family:inherit;font-size:0.875rem}
form>.row:last-child,form>p.row:last-child{margin-top:14px;margin-bottom:0}

/* Tables and lists. */
table{width:100%;border-collapse:collapse}
td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--graview-edge);vertical-align:top}
th{font-size:0.6875rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--graview-ink-faint)}
tr:last-child>td{border-bottom:0}
td,th{overflow-wrap:break-word}
/* A page that only says something went wrong: centred, under an empty plot. */
.gc-main.sorry:not(:has(.gc-solo,form)){max-width:560px;padding-top:9vh;text-align:center}
.gc-main.sorry:not(:has(.gc-solo,form))::before{content:"";display:block;width:180px;height:96px;margin:0 auto 18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20180%2096'%3E%3Cpath%20d%3D'M90%2014%20166%2052%2090%2090%2014%2052z'%20fill%3D'none'%20stroke%3D'%237f8c8d'%20stroke-opacity%3D'.55'%20stroke-dasharray%3D'4%204'%2F%3E%3Cpath%20d%3D'M90%2034%20112%2045%2090%2056%2068%2045z'%20fill%3D'%237f8c8d'%20fill-opacity%3D'.30'%2F%3E%3Cpath%20d%3D'M68%2045v-16l22%2011v16z'%20fill%3D'%237f8c8d'%20fill-opacity%3D'.45'%2F%3E%3Cpath%20d%3D'M112%2045V29L90%2040v16z'%20fill%3D'%237f8c8d'%20fill-opacity%3D'.6'%2F%3E%3Cpath%20d%3D'M68%2029%2090%2018l22%2011-22%2011z'%20fill%3D'%237f8c8d'%20fill-opacity%3D'.25'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}
.findings{list-style:none;padding:0;margin:0 0 10px}.findings li{padding:7px 0;border-bottom:1px solid var(--graview-edge)}.findings li:last-child{border-bottom:0}.findings code{font-size:0.75rem}
ul,ol{padding-left:20px;margin:0 0 10px}li{margin:3px 0}
@media (max-width:560px){table.gc-rows.stackable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}table.gc-rows td[data-label]::before{content:attr(data-label);display:inline-block;min-width:76px;margin-right:6px;font-size:0.6875rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--graview-ink-faint)}table.stackable,table.stackable tbody,table.stackable tr,table.stackable td{display:block;width:100%}table.stackable tr{border-bottom:1px solid var(--graview-edge);padding:8px 0}table.stackable tr:last-child{border-bottom:0}table.stackable td{border:0;padding:3px 0}}

/* Disclosures, the way the side panel's "what the lines mean" opens. */
details>summary{cursor:pointer}
details.quiet>summary,details.card>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:28px;font-size:0.6875rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--graview-ink-muted)}
details.quiet>summary::-webkit-details-marker,details.card>summary::-webkit-details-marker{display:none}
details.quiet>summary::before,details.card>summary::before{content:"";width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform 140ms ease}
details[open].quiet>summary::before,details[open].card>summary::before{transform:rotate(90deg)}
details.quiet>summary:hover,details.card>summary:hover{color:var(--graview-ink)}
details.quiet[open]>summary{margin-bottom:8px}

/* The ground behind a picture of an app: the scene's wash and its fine measure. */
.gc-ground{position:relative;background:var(--graview-wash),var(--graview-ground);overflow:hidden}
.gc-ground::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--graview-edge) 1px,transparent 1px),linear-gradient(90deg,var(--graview-edge) 1px,transparent 1px);background-size:22px 22px;opacity:var(--graview-grid-alpha);mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 78%)}
.gc-art{aspect-ratio:16/10;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);box-shadow:var(--graview-lift-low)}
.gc-ground>svg{position:relative;display:block;width:100%;height:100%}
.gc-roof{fill:hsl(var(--h) var(--gc-roof));stroke:var(--gc-roof-edge);stroke-width:0.6}
.gc-right{fill:hsl(var(--h) var(--gc-right))}
.gc-left{fill:hsl(var(--h) var(--gc-left))}
.gc-plate{fill:hsl(var(--h) var(--gc-plate) / var(--gc-plate-alpha));stroke:hsl(var(--h) var(--gc-plate-edge) / var(--gc-plate-edge-alpha));stroke-width:0.8}
.gc-plate.ghost{fill:none;stroke:var(--graview-ink-faint);stroke-dasharray:3 3;opacity:0.7}
@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .gc-avatar.hued{background:hsl(var(--h) 32% 26%)}}:where(:root[data-theme=dark]) .gc-avatar.hued{background:hsl(var(--h) 32% 26%)}

/* Tiles: your apps, and the templates to start from. */
.gc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.gc-tile{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel);overflow:visible;box-shadow:var(--graview-lift-low);transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
.gc-tile:hover{border-color:var(--graview-edge-bright);box-shadow:var(--graview-lift-high)}
.gc-tile:focus-within{border-color:var(--graview-edge-bright)}
.gc-tile .gc-ground{aspect-ratio:16/8;border-bottom:1px solid var(--graview-edge);border-radius:calc(var(--gc-radius) - 1px) calc(var(--gc-radius) - 1px) 0 0;overflow:hidden}.gc-tile:has(.gc-tile-menu[open]){z-index:60}.gc-tile-menu .gc-menu{top:calc(100% + 6px);right:0}
.gc-tile-body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;flex:1}
.gc-folder{margin:28px 0 10px;font-size:1rem;color:var(--graview-ink-muted);display:flex;align-items:baseline;gap:8px}.gc-section-apps{margin:0 0 8px}.gc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 18px}.gc-toolbar-end{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.gc-search{display:flex;gap:6px;align-items:center;flex:1 1 280px;max-width:520px;margin:0}.gc-search input{flex:1;min-width:0;margin:0}.gc-search button{flex:none}.gc-fold{margin-top:24px}.gc-fold>summary{cursor:pointer;list-style:none}.gc-fold>summary{text-transform:none;letter-spacing:0;font-size:0.9375rem}.gc-fold>summary .muted{font-weight:400;text-transform:none;letter-spacing:0}.gc-fold>summary::-webkit-details-marker{display:none}.gc-fold>summary::before{content:"▸ ";color:var(--graview-ink-muted)}.gc-fold[open]>summary::before{content:"▾ "}.gc-tile-menu>summary{min-height:30px;padding:0 10px;font-size:1.1rem;line-height:1}.gc-tile-menu .gc-menu{min-width:240px}.gc-menu-form{display:flex;align-items:center;gap:6px;padding:4px 10px;margin:0}.gc-menu-form label{margin:0;font-weight:normal;color:var(--graview-ink-muted)}.gc-menu-form select{margin:0;flex:1;min-width:0}.gc-account.gc-switch{min-width:0;max-width:200px}.gc-account.gc-switch>summary{max-width:100%;gap:6px;padding:3px 12px 3px 14px}.gc-switch-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.gc-switch-caret{color:var(--graview-ink-muted)}.gc-menu-left{right:auto;left:0}.gc-menu a[aria-current="true"]{font-weight:600}.gc-tile-name{margin:0;font-size:0.9375rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.gc-drop{outline:2px dashed var(--graview-accent);outline-offset:4px;background:color-mix(in srgb,var(--graview-accent) 8%,transparent);border-radius:var(--gc-radius)}
.gc-tile[draggable="true"]{cursor:grab}.gc-tile.dragging{opacity:0.45}.gc-tile-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--graview-edge);border-radius:var(--gc-radius);font-size:0.875rem}
.gc-menu-head{padding:6px 10px 2px;font-size:0.6875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--graview-ink-faint)}.gc-menu-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:none;border:0;padding:7px 10px;border-radius:var(--gc-radius-sm);color:var(--graview-ink);font:inherit;cursor:pointer}.gc-menu-item:hover{background:var(--graview-panel-muted)}.gc-menu-item[aria-current]{font-weight:600}.gc-menu-note{font-size:0.75rem;color:var(--graview-ink-muted);font-weight:400}.gc-menu-new{display:flex;gap:6px;padding:6px 6px 4px;margin:0}.gc-menu-new input{flex:1 1 120px;width:auto;min-width:0;margin:0;font-size:0.875rem}.gc-menu-new button{flex:none;width:auto;margin:0}.gc-menu-new input{flex:1 1 auto}.gc-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;margin:0 0 12px}.gc-figure strong{display:block;font-size:1.375rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.gc-figure span{display:block;color:var(--graview-ink-muted);font-size:.8125rem;margin-top:2px}.gc-meter{height:6px;border-radius:3px;background:var(--gc-hover);overflow:hidden}.gc-meter>span{display:block;height:100%;background:var(--graview-accent)}.card h3{margin:18px 0 6px;font-size:.9375rem}
.gc-choice{border:0;padding:0;margin:8px 0 4px;display:grid;gap:6px}.gc-choice label{display:flex;gap:8px;align-items:center;margin:0;font-weight:400}.gc-choice input{width:auto;margin:0}
.gc-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 22px;margin:4px 0 18px}.gc-chart{margin:0}.gc-chart figcaption{margin:0 0 8px;font-size:.9rem}.gc-chart figcaption>.muted{display:block;font-size:.8125rem;margin-top:1px}.gc-chart svg{display:block;width:100%;height:96px}.gc-chart .gc-bar path{fill:var(--graview-accent)}.gc-chart .gc-bar:hover path{fill:var(--graview-ink)}.gc-chart .gc-axis{stroke:var(--graview-edge);stroke-width:1}.gc-chart .gc-bar-unmeasured rect+rect{fill:var(--graview-edge)}.gc-chart-ends{display:flex;justify-content:space-between;margin-top:4px;font-size:.75rem;color:var(--graview-ink-muted);font-variant-numeric:tabular-nums}.gc-chart-empty figcaption{margin:0}.gc-figure-note{display:block;font-size:.75rem;color:var(--graview-ink-faint)}.gc-chart details{margin-top:4px}.gc-chart details summary{font-size:.8rem;cursor:pointer}
.gc-tile-name a{color:var(--graview-ink);text-decoration:none}
.gc-tile-name a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.gc-tile-name a:focus-visible{outline:none}
.gc-tile-name a:focus-visible::after{outline:2px solid var(--graview-accent);outline-offset:-2px}
.gc-tile-addr{margin:0;font-family:var(--gc-mono);font-size:0.75rem;color:var(--graview-ink-muted);overflow-wrap:anywhere}
.gc-tiles.many{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.gc-tiles.many .gc-tile .gc-ground{aspect-ratio:16/7}.gc-tiles.many .gc-tile-body{padding:10px 12px 12px;gap:3px}.gc-tiles.many .gc-tile-name{font-size:0.95rem}.gc-tiles.many .gc-tile-addr{font-size:0.6875rem}
.gc-tile-pitch{margin:0;color:var(--graview-ink-muted)}
.gc-cover{position:relative;aspect-ratio:16/10;overflow:hidden;container-type:inline-size;border-bottom:1px solid var(--graview-edge);border-radius:calc(var(--gc-radius) - 1px) calc(var(--gc-radius) - 1px) 0 0;background:color-mix(in srgb,var(--graview-ink) 5%,var(--graview-panel))}
.gc-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.gc-cover picture{display:contents}
.gc-cover-preview{max-width:320px;margin:0 0 8px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);overflow:hidden}.gc-cover-preview .gc-cover{border-bottom:0;border-radius:0}
.gc-cover-mark{display:grid;place-items:center;background:radial-gradient(circle at 1px 1px,rgb(255 255 255/.16) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,var(--cover-color),color-mix(in srgb,var(--cover-color) 55%,#000))}
.gc-cover-emoji{font-size:clamp(18px,24cqw,92px);line-height:1;filter:drop-shadow(0 6px 14px rgb(0 0 0/.28))}
.gc-cover-logo{display:grid;place-items:center;width:48%;height:54%;padding:6%;border-radius:clamp(4px,4cqw,16px);background:rgb(255 255 255/.94);box-shadow:0 10px 30px -12px rgb(0 0 0/.45)}
.gc-cover-logo img{object-fit:contain;object-position:center}
.gc-tile .gc-cover-art>.gc-ground,.gc-cover-art>.gc-ground{aspect-ratio:auto;width:100%;height:100%;border:0;border-radius:0}
@media (prefers-reduced-motion:no-preference){.gc-cover img{transition:transform .3s ease}.gc-tile:hover .gc-cover-shot img,.gc-tile:hover .gc-cover-image img,.gc-sc-card:hover .gc-cover-shot img,.gc-sc-card:hover .gc-cover-image img{transform:scale(1.025)}}
.gc-tile-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.gc-tile-actions{position:relative;z-index:2;display:flex;gap:6px;margin-left:auto}
.gc-tile-actions form{margin:0}
/* Your workspaces (workspace-list.ts, 2026-10-27): the apps lately active, then a card per workspace that shows what is in it. One link per card, stretched over it. */
.gc-recent{margin:0 0 26px}.gc-recent>.eyebrow{margin:0 0 10px}
.gc-recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.gc-recent-item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:7px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel);box-shadow:var(--gc-card-shadow);transition:border-color 160ms ease}
.gc-recent-item:hover,.gc-recent-item:focus-within{border-color:var(--graview-edge-bright)}
.gc-recent-item .gc-cover{flex:none;width:56px;aspect-ratio:1;border:1px solid var(--graview-edge);border-radius:6px}
.gc-recent-body{min-width:0}
.gc-recent-name{margin:0;font-size:0.875rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-recent-where,.gc-recent-when{margin:0;font-size:0.75rem;line-height:1.4;color:var(--graview-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-recent-when{color:var(--graview-ink-faint)}
.gc-ws-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:0;padding:0;list-style:none}
.gc-ws{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel);box-shadow:var(--graview-lift-low);transition:border-color 160ms ease,box-shadow 160ms ease}
.gc-ws:hover{border-color:var(--graview-edge-bright);box-shadow:var(--graview-lift-high)}
.gc-ws:focus-within{border-color:var(--graview-edge-bright)}
.gc-ws-mosaic{display:grid;gap:1px;height:150px;overflow:hidden;border-bottom:1px solid var(--graview-edge);border-radius:calc(var(--gc-radius) - 1px) calc(var(--gc-radius) - 1px) 0 0;background:var(--graview-edge)}
.gc-ws-mosaic.n2{grid-template-columns:1fr 1fr}
.gc-ws-mosaic.n3{grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr}.gc-ws-mosaic.n3>:first-child{grid-row:span 2}
.gc-ws-mosaic.n4{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.gc-ws-mosaic.n4>:first-child{grid-row:span 2}.gc-ws-mosaic.n4>:last-child{grid-column:span 2}
.gc-ws-mosaic .gc-cover,.gc-recent-item .gc-cover{min-width:0}.gc-ws-mosaic .gc-cover{aspect-ratio:auto;width:100%;height:100%;border:0;border-radius:0}
.gc-recent-item .gc-cover-emoji,.gc-ws-mosaic .gc-cover-emoji{font-size:clamp(18px,34cqw,64px)}
.gc-ws-mosaic.empty{background:transparent}.gc-ws-mosaic.empty>.gc-ground{height:100%;opacity:.75}
.gc-ws-body{display:flex;flex-direction:column;gap:2px;padding:13px 16px 14px;flex:1;min-width:0}
.gc-ws-title{display:flex;align-items:baseline;gap:8px;min-width:0}
.gc-ws-name{margin:0;min-width:0;font-size:1.0625rem;font-weight:650;letter-spacing:-.012em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-ws-name a,.gc-recent-name a{color:var(--graview-ink);text-decoration:none}
.gc-ws-name a::after,.gc-recent-name a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.gc-ws-name a:focus-visible,.gc-recent-name a:focus-visible{outline:none}
.gc-ws-name a:focus-visible::after,.gc-recent-name a:focus-visible::after{outline:2px solid var(--graview-accent);outline-offset:-2px}
.gc-ws-role{flex:none;margin-left:auto;font-size:0.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--graview-ink-faint)}
.gc-ws-title .chip{flex:none;align-self:center}
.gc-ws-addr{margin:0;font-family:var(--gc-mono);font-size:0.6875rem;color:var(--graview-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-ws-stats{margin:10px 0 0;font-size:0.8125rem;font-weight:550;color:var(--graview-ink)}
.gc-ws-what{margin:0;font-size:0.8125rem;line-height:1.45;color:var(--graview-ink-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gc-ws-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-top:auto;padding-top:14px;font-size:0.75rem;color:var(--graview-ink-muted)}
.gc-ws-people,.gc-ws-vis{display:inline-flex;align-items:center;gap:7px;min-width:0}.gc-ws-vis{gap:5px}.gc-ws-vis svg{flex:none}
.gc-ws-faces{display:inline-flex}
.gc-ws-faces .gc-avatar{width:24px;height:24px;margin-left:-6px;border:2px solid var(--graview-panel);font-size:0.6875rem}.gc-ws-faces .gc-avatar:first-child{margin-left:0}
.gc-ws-faces .gc-ws-more{width:auto;min-width:24px;padding:0 5px;background:var(--graview-panel-muted);color:var(--graview-ink-muted);text-transform:none}
@media (max-width:640px){.gc-ws-list{grid-template-columns:minmax(0,1fr);gap:14px}.gc-ws-mosaic{height:132px}.gc-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-recent-item:nth-child(n+5){display:none}}
/* From Graview (workspace-list.ts fromGraview): Graview's own public places, quieter than the person's own; a line each at the foot, cards under an empty state. */
.gc-from{margin:30px 0 0}.gc-from>.eyebrow{margin:0 0 10px}.gc-from>p{margin:-4px 0 12px;font-size:0.875rem}
.gc-from-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.gc-from.lead .gc-from-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.gc-from-item{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:8px 12px;border:1px dashed var(--graview-edge-bright);border-radius:var(--gc-radius);background:var(--graview-panel-muted);transition:border-color 160ms ease}
.gc-from-item:hover,.gc-from-item:focus-within{border-color:var(--graview-accent)}
.gc-from.lead .gc-from-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding:14px 16px}
.gc-from-mark{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--graview-edge);border-radius:7px;background:var(--graview-panel);font-weight:650;color:var(--graview-ink-muted)}.gc-from.lead .gc-from-mark{width:36px;height:36px;font-size:1.0625rem}
.gc-from-body{flex:1;display:flex;align-items:baseline;gap:8px;min-width:0}.gc-from.lead .gc-from-body{display:block}
.gc-from-name{flex:none;margin:0;font-size:0.875rem;font-weight:600;line-height:1.35}.gc-from.lead .gc-from-name{font-size:1rem}
.gc-from-name a{color:var(--graview-ink);text-decoration:none}.gc-from-name a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.gc-from-name a:focus-visible{outline:none}.gc-from-name a:focus-visible::after{outline:2px solid var(--graview-accent);outline-offset:-2px}
.gc-from-said{min-width:0;margin:0;font-size:0.8125rem;line-height:1.45;color:var(--graview-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-from.lead .gc-from-said{white-space:normal}
.gc-from-vis{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:0.75rem;color:var(--graview-ink-faint)}
.gc-from-send{position:relative;z-index:2;flex:none}.gc-from.lead .gc-from-send{grid-column:2;justify-self:start;margin-top:6px}
@media (max-width:640px){.gc-from-said{display:none}.gc-from.lead .gc-from-said{display:block}}
/* The app list (app-list.ts, f-app-list-redesign 2026-10-22): a header, one toolbar, the folders, an even grid or a list, and a quiet foot. */
.gc-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin:4px 0 22px}
.gc-list-head h1{margin:0}.gc-list-head .eyebrow{margin-bottom:2px}.gc-list-head p.muted{margin:4px 0 0}
.gc-new{flex:none;min-height:40px;padding:8px 16px 8px 12px}
.gc-list-actions{display:flex;align-items:center;gap:8px;flex:none}.gc-feedback{min-height:40px;padding:8px 14px 8px 12px;gap:6px;color:var(--graview-ink-muted)}.gc-feedback:hover{color:var(--graview-ink)}
.gc-ws-vis{display:flex;align-items:flex-start;gap:6px;margin:8px 0 0;max-width:62ch;color:var(--graview-ink-muted);font-size:0.8125rem;line-height:1.45}.gc-ws-vis svg{flex:none;margin-top:3px}.gc-ws-vis strong{color:var(--graview-ink);font-weight:600}.gc-ws-vis.open svg{color:var(--graview-accent)}
.gc-applist .gc-toolbar{margin:0 0 14px}
.gc-list-controls{display:flex;gap:8px;margin-left:auto}
.gc-seg{display:inline-flex;padding:2px;gap:2px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge);background:var(--graview-panel-muted)}
.gc-seg a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;min-width:34px;padding:0 10px;border-radius:calc(var(--gc-radius-sm) - 2px);color:var(--graview-ink-muted);text-decoration:none;font-size:0.8125rem}
.gc-seg a:hover{color:var(--graview-ink)}
.gc-seg a[aria-current]{background:var(--graview-panel);color:var(--graview-ink);font-weight:600;box-shadow:var(--gc-card-shadow)}
.gc-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--gc-hover);color:var(--graview-ink-muted);font-size:0.6875rem;font-weight:600;letter-spacing:0}
.gc-chips{display:flex;align-items:center;gap:8px;margin:0 0 18px}
.gc-chips ul{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none}
.gc-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 6px 0 12px;border-radius:999px;border:1px solid var(--graview-edge);background:var(--graview-panel);color:var(--graview-ink);text-decoration:none;white-space:nowrap;font-size:0.8125rem}
.gc-chip svg{color:var(--graview-ink-muted)}.gc-chip:hover{border-color:var(--graview-edge-bright)}
.gc-chip[aria-current]{background:var(--graview-ink);border-color:var(--graview-ink);color:var(--graview-panel)}
.gc-chip[aria-current] svg{color:inherit}.gc-chip[aria-current] .gc-count{background:color-mix(in srgb,var(--graview-panel) 22%,transparent);color:inherit}
.gc-newfolder{flex:none}
/* The starter on /new (starter.ts, docs/design/starter.md): the box, the ranked picks, the kinds as chips, the chat offer. */
.gc-starter textarea{min-height:76px}
.gc-picks{list-style:none;padding:0;margin:14px 0;display:grid;gap:12px}
.gc-pick h2{margin:0 0 4px;font-size:1.125rem}.gc-pick p{margin:4px 0}
.gc-verdicts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.gc-keeps{border:0;padding:0;margin:12px 0}.gc-keeps legend{font-weight:600;margin-bottom:8px}
.gc-keep{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--graview-edge);background:var(--graview-panel);margin:0 6px 6px 0;cursor:pointer;font-weight:400}
.gc-keep:has(input:checked){border-color:var(--graview-ink)}
.gc-keep:focus-within{outline:2px solid var(--graview-ink);outline-offset:2px}
textarea.gc-copy{width:100%;min-height:64px}
.gc-applist .gc-newfolder>summary{min-height:32px;gap:6px;padding:0 12px 0 10px;border-style:dashed;background:transparent;box-shadow:none;color:var(--graview-ink-muted)}
.gc-applist .gc-newfolder>summary span:last-child{display:inline}
.gc-newfolder>summary:hover{color:var(--graview-ink);border-color:var(--graview-edge-bright)}
.gc-newfolder-form{min-width:280px;padding:8px}.gc-newfolder-form p{margin:4px 6px 2px;font-size:0.75rem}
.gc-folder-bar{display:flex;align-items:center;gap:8px;min-height:34px;margin:0 0 12px}
.gc-folder-bar h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.0625rem}
.gc-folder-bar h2 a{color:var(--graview-ink-muted);text-decoration:none}.gc-folder-bar h2 a:hover{color:var(--graview-ink)}
.gc-folder-menu .gc-menu{left:0;right:auto}
.gc-menu-item.danger{color:var(--graview-bad)}
.gc-applist .gc-section-apps{margin:0 0 26px}
.gc-applist .gc-tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.gc-applist .gc-tiles.many{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.gc-applist .gc-tile .gc-ground,.gc-applist .gc-tiles.many .gc-tile .gc-ground{aspect-ratio:2/1}
.gc-applist .gc-tile-body,.gc-applist .gc-tiles.many .gc-tile-body{gap:3px;padding:13px 12px 8px 16px}
.gc-applist .gc-tile-name{font-size:1.0625rem;font-weight:650;letter-spacing:-.012em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.gc-applist .gc-tiles.many .gc-tile-name{font-size:1rem}
.gc-tile-what{margin:0;color:var(--graview-ink-muted);font-size:0.8125rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gc-applist .gc-tile-foot{flex-wrap:nowrap;gap:10px;min-width:0;padding-top:8px}
.gc-tile-meta{min-width:0;color:var(--graview-ink-faint);font-size:0.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-tile-folder{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:45%;color:var(--graview-ink-muted);font-size:0.75rem;white-space:nowrap}
.gc-tiles:not(.list) .gc-tile-folder{display:none}.gc-tile-folder svg{flex:none}.gc-tile-folder span{overflow:hidden;text-overflow:ellipsis}
.gc-vis{position:relative;z-index:2;display:inline-flex;align-items:center;gap:4px;flex:none;margin-left:-5px;padding:3px 6px 3px 5px;border-radius:6px;color:var(--graview-ink-muted);font-size:0.75rem;text-decoration:none}
.gc-vis:hover{color:var(--graview-ink);background:var(--gc-hover)}.gc-vis.open{color:var(--graview-accent)}
.gc-applist .gc-tile-actions{flex:none}
.gc-applist .gc-tile-menu>summary{justify-content:center;width:32px;min-height:30px;padding:0;border-color:transparent;background:transparent;box-shadow:none;color:var(--graview-ink-muted)}
.gc-applist .gc-tile-menu>summary:hover,.gc-applist .gc-tile-menu[open]>summary{background:var(--gc-hover);color:var(--graview-ink)}
.gc-applist .gc-tile-empty{padding:28px 20px;text-align:center;background:color-mix(in srgb,var(--graview-panel) 60%,transparent);color:var(--graview-ink)}
.gc-applist .gc-tiles.list{display:flex;flex-direction:column;gap:0;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel);box-shadow:var(--gc-card-shadow)}
.gc-tiles.list .gc-tile{flex-direction:row;align-items:center;gap:14px;padding:8px 8px 8px 10px;border:0;border-top:1px solid var(--graview-edge);border-radius:0;background:transparent;box-shadow:none}
.gc-tiles.list .gc-tile:first-child{border-top:0;border-radius:var(--gc-radius) var(--gc-radius) 0 0}.gc-tiles.list .gc-tile:last-child{border-radius:0 0 var(--gc-radius) var(--gc-radius)}
.gc-tiles.list .gc-tile:hover{background:var(--gc-hover);box-shadow:none}
.gc-applist .gc-tiles.list .gc-tile .gc-ground{flex:none;width:76px;aspect-ratio:2/1;border:1px solid var(--graview-edge);border-radius:6px}
.gc-applist .gc-tiles.list .gc-tile .gc-cover{flex:none;width:76px;border:1px solid var(--graview-edge);border-radius:6px}.gc-tiles.list .gc-tile-name{display:block;white-space:nowrap;text-overflow:ellipsis;font-size:0.9375rem}.gc-tiles.list .gc-tile-what{display:block;white-space:nowrap;text-overflow:ellipsis}
.gc-applist .gc-tiles.list .gc-tile-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0;align-items:center;padding:0;min-width:0}
.gc-tiles.list .gc-tile-name{grid-column:1;grid-row:1}.gc-tiles.list .gc-tile-what{grid-column:1;grid-row:2}
.gc-applist .gc-tiles.list .gc-tile-foot{grid-column:2;grid-row:1/3;padding:0;margin:0}
.gc-applist .gc-tiles.list .gc-tile-foot{display:grid;grid-template-columns:11.5em 9em 9em 32px;align-items:center;gap:0 10px}.gc-tiles.list .gc-vis{grid-column:1;justify-self:start}.gc-tiles.list .gc-tile-foot>.chip{grid-column:2;justify-self:start}.gc-tiles.list .gc-tile-folder{grid-column:2;max-width:none}.gc-tiles.list .gc-tile-meta{grid-column:3;text-align:right}.gc-tiles.list .gc-tile-actions{grid-column:4}
.gc-tiles.list .gc-tile-empty{border:0;border-radius:var(--gc-radius)}
.gc-list-foot{display:grid;gap:14px;margin-top:30px}
.gc-usage{position:relative;justify-self:start;max-width:100%}
.gc-usage>summary{display:grid;gap:7px;list-style:none;margin:0 -10px;padding:8px 10px;border-radius:var(--gc-radius-sm);color:var(--graview-ink-muted);font-size:0.8125rem;cursor:pointer}
.gc-usage>summary::-webkit-details-marker{display:none}
.gc-usage>summary:hover,.gc-usage[open]>summary{background:var(--gc-hover);color:var(--graview-ink)}
.gc-usage-bar{display:block;width:100%;max-width:260px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--graview-ink) 10%,transparent);overflow:hidden}
.gc-usage-bar>span{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--graview-accent) 70%,var(--graview-ink-muted))}
.gc-usage-bar.warm>span{background:var(--graview-warn)}
.gc-usage.warm>summary{color:var(--graview-ink)}
.gc-usage-panel{position:absolute;left:-10px;bottom:calc(100% + 6px);z-index:40;width:min(380px,calc(100vw - 32px));padding:14px 16px 12px;border-radius:var(--gc-radius);border:1px solid var(--graview-edge);background:var(--graview-float);box-shadow:var(--graview-lift-high);font-size:0.8125rem}
.gc-usage-head{margin:0 0 10px}
.gc-usage-panel dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 16px;margin:0}
.gc-usage-panel dt{color:var(--graview-ink-muted)}.gc-usage-panel dd{margin:0;min-width:0}
.gc-usage-panel dd .gc-usage-bar{max-width:none;margin-top:5px}
.gc-usage-plan{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--graview-edge)}
.gc-list-kept{display:flex;flex-wrap:wrap;gap:2px 18px;padding-top:12px;border-top:1px solid var(--graview-edge)}
.gc-fold-quiet[open]{flex-basis:100%}
.gc-fold-quiet>summary{display:inline-flex;align-items:center;gap:8px;list-style:none;margin-left:-10px;padding:6px 10px;border-radius:var(--gc-radius-sm);color:var(--graview-ink-muted);font-size:0.8125rem;cursor:pointer}
.gc-fold-quiet>summary::-webkit-details-marker{display:none}
.gc-fold-quiet>summary:hover,.gc-fold-quiet[open]>summary{color:var(--graview-ink);background:var(--gc-hover)}
.gc-fold-quiet>p{margin:10px 0 8px;font-size:0.8125rem;max-width:70ch}
.gc-fold-quiet>ul{margin:8px 0 6px;padding:2px 14px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel)}
@media (max-width:620px){.gc-list-head{margin-bottom:16px}.gc-new{min-height:38px;padding:6px 14px 6px 10px}.gc-applist .gc-toolbar .gc-search{flex-basis:100%;max-width:none}.gc-list-controls{margin-left:0;width:100%;justify-content:space-between}.gc-chips{align-items:flex-start;margin:0 -16px 16px;padding:0 16px}.gc-chips ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.gc-chips ul::-webkit-scrollbar{display:none}.gc-applist .gc-tiles.many{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gc-applist .gc-tiles.many .gc-tile-body{padding:9px 8px 6px 10px}.gc-applist .gc-tiles.many .gc-tile-meta,.gc-applist .gc-tiles.many .gc-tile-folder{display:none}.gc-applist .gc-tiles.many .gc-tile-foot{justify-content:space-between}.gc-tiles.list .gc-tile-meta,.gc-tiles.list .gc-tile-folder{display:none}.gc-applist .gc-tiles.list .gc-tile-foot{grid-template-columns:auto 32px}.gc-tiles.list .gc-vis,.gc-tiles.list .gc-tile-actions{grid-column:auto}.gc-applist .gc-tiles.list .gc-tile .gc-ground,.gc-applist .gc-tiles.list .gc-tile .gc-cover{width:56px}.gc-list-head{flex-wrap:wrap;align-items:flex-start}.gc-list-actions{width:100%}.gc-list-actions .gc-new{margin-left:auto}.gc-feedback{min-height:38px;padding:6px 12px 6px 10px}.gc-applist .gc-chips .gc-newfolder>summary{width:34px;padding:0;justify-content:center}.gc-applist .gc-chips .gc-newfolder>summary span:last-child{display:none}}
/* A card's ⋯ menu stays on the screen (Roadmap f-cloud-app-menu-on-phone; Nick, 2026-10-23: "on mobile, the ellipsis pops up a menu that's off the screen"). No menu is wider than the window; on a desk /menus.js shifts or lifts one that would cross an edge; on a phone, or at large text, it is a sheet at the foot of the screen over a backdrop that is its summary's, so a press on it closes the menu as the ⋯ does, as tall as it needs and scrolling past that. */
.gc-menu{max-width:calc(100vw - 16px)}.gc-menu .gc-menu-form{padding:0}
@media (max-width:620px){.gc-applist .gc-tile-menu[open]>summary::after{content:"";position:fixed;inset:0;z-index:70;background:rgb(0 0 0/.36);cursor:default}.gc-applist .gc-tile-menu .gc-menu{position:fixed;top:auto;right:8px;bottom:8px;left:8px;z-index:71;min-width:0;max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:calc(var(--gc-radius) + 4px)}.gc-applist .gc-tile-menu .gc-menu a,.gc-applist .gc-tile-menu .gc-menu button.gc-menu-item{min-height:44px}}

/* The empty state. */
.gc-empty{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:0;padding:0;overflow:hidden}
.gc-empty .gc-ground{min-height:260px;border-right:1px solid var(--graview-edge)}
.gc-empty-body{padding:28px}
.gc-paths{display:grid;gap:8px;margin-top:16px}
.gc-path{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius-sm);background:var(--graview-panel-muted);color:var(--graview-ink);text-decoration:none}
.gc-path:hover{border-color:var(--graview-edge-bright);background:var(--graview-panel)}
.gc-path strong{display:block}
.gc-path span.muted{display:block;font-size:0.8125rem}
.gc-path-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--graview-accent-dim);color:var(--graview-accent);font-size:0.875rem}
/* The first run (first-run.ts, Roadmap f-onboard-first-run): the doors, a prompt to copy, the checklist, the first app's card. */
.gc-first h2{margin:0 0 6px;font-size:1.25rem}
.gc-doors{list-style:none;margin:14px 0 10px;padding:0;display:grid;gap:10px}
.gc-door{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius-sm);background:var(--graview-panel-muted)}
.gc-door.primary{border-color:var(--graview-accent-dim);background:var(--graview-panel)}
.gc-door>div{flex:1;min-width:0}.gc-door h3{margin:2px 0 4px;font-size:0.9375rem}.gc-door p{margin:4px 0}
.gc-door-n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;border:1px solid var(--graview-accent-dim);color:var(--graview-accent);font-size:0.8125rem;font-weight:600}
.gc-door-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.gc-door-form input{flex:1 1 200px;min-width:0;margin:0}
.gc-door-say{font-weight:600;margin-top:10px}
.gc-chat-status{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
p.gc-chat-status,.gc-chat-status li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.gc-prompt{display:flex;gap:10px;align-items:flex-start;margin:8px 0;padding:10px 12px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge);background:var(--graview-panel)}
.gc-prompt p{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
.gc-wanted{margin:12px 0;padding:12px 14px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-accent-dim);background:var(--graview-panel)}
.gc-wanted p{margin:4px 0}.gc-wanted form{gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 0}
.gc-check-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gc-check-head h2{flex:1;margin:0;font-size:1rem}.gc-check-head form{margin:0}
/* Scoped: .gc-check is also a checkbox's label (below), whose flex row once laid the steps out a letter to a line on a phone. */
.gc-checklist .gc-check{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));font-weight:inherit}
.gc-check li{display:flex;gap:10px;align-items:flex-start}.gc-check li>div{min-width:0}.gc-check strong{display:block}.gc-check span.muted{display:block;font-size:0.8125rem}
.gc-check-mark{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;border:1.5px solid var(--graview-edge-bright);font-size:0.75rem;font-weight:700}
.gc-check li.done .gc-check-mark{border-color:var(--graview-accent);background:var(--graview-accent);color:var(--graview-accent-ink)}
.gc-check li.done strong{color:var(--graview-ink-muted)}
.gc-celebrate{display:flex;gap:14px;align-items:flex-start;border-color:var(--graview-accent-dim)}
.gc-celebrate h2{margin:0 0 4px;font-size:1.0625rem}.gc-celebrate p{margin:4px 0 10px}.gc-celebrate .row{gap:8px;flex-wrap:wrap}.gc-celebrate form{margin:0}
.gc-yay{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--graview-accent);color:var(--graview-accent-ink);font-size:1.125rem}
/* The connect page (routes/connect.ts, Roadmap f-onboard-connect-ai): a tab per assistant, spots for pictures, first messages. */
.gc-tablist{display:flex;gap:4px;margin:24px 0 0;border-bottom:1px solid var(--graview-edge);overflow-x:auto}
.gc-tablist [role=tab]{min-height:40px;padding:6px 16px;border:1px solid transparent;border-bottom:0;border-radius:var(--gc-radius-sm) var(--gc-radius-sm) 0 0;background:transparent;color:var(--graview-ink-muted);box-shadow:none;font-weight:600;white-space:nowrap}
.gc-tablist [role=tab][aria-selected=true]{margin-bottom:-1px;border-color:var(--graview-edge);background:var(--graview-panel);color:var(--graview-ink)}
.gc-tab-note{font-size:0.75rem;font-weight:500;color:var(--graview-ink-muted)}
.gc-tabs.on .gc-tabpanel{margin-top:0;border-top-left-radius:0}
.gc-tabs.on .gc-tabpanel-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.gc-tabpanel h3{margin:18px 0 6px;font-size:0.9375rem}.gc-howto{padding-left:20px}.gc-howto li{margin:4px 0}
.gc-shot{margin:14px 0}.gc-shot figcaption{margin-top:6px;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-shot-ph{display:grid;place-items:center;aspect-ratio:16/9;max-height:260px;border:1px dashed var(--graview-edge-bright);border-radius:var(--gc-radius-sm);background:var(--graview-panel-muted);color:var(--graview-ink-muted);font-size:0.8125rem}
.gc-firsts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gc-firsts .card{margin:0}
.gc-connector .gc-copy{margin-left:auto}

/* An app's own pages: a side list of sections, one section at a time. */
.gc-app-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 24px}
.gc-app-head .gc-ground{width:132px;height:74px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge)}
.gc-app-head>.gc-cover{width:132px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius-sm)}.gc-app-head>.gc-cover-art>.gc-ground{width:100%;height:100%;border:0;border-radius:0}
.gc-app-head h1{margin:0 0 4px;font-size:1.5rem}
.gc-app-head .row{gap:6px}
.gc-split{display:grid;grid-template-columns:212px minmax(0,1fr);gap:36px;align-items:start}
.gc-split.even{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px}
.gc-side{position:sticky;top:78px}
.gc-side ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.gc-side li{margin:0}
.gc-side a{display:flex;align-items:center;gap:10px;min-height:34px;padding:6px 10px;border-radius:var(--gc-radius-sm);border:1px solid transparent;color:var(--graview-ink-muted);text-decoration:none;white-space:nowrap}
/* A hovered entry only darkens and is underlined (2026-11-02: its tint read as selected); only aria-current looks selected. */
.gc-side a:hover{color:var(--graview-ink);text-decoration:underline;text-decoration-color:var(--graview-edge-bright);text-underline-offset:3px}
.gc-side a[aria-current]{color:var(--graview-ink);font-weight:600;background:var(--graview-panel);border-color:var(--graview-edge);box-shadow:var(--gc-card-shadow)}.gc-side a[aria-current]:hover{text-decoration:none}
.gc-side-groups{list-style:none;margin:0;padding:0;display:grid;gap:6px}.gc-side ol.gc-side-flat{display:none}.gc-side-groups>li{margin:0}.gc-side-one{margin-bottom:4px}.gc-side-group>details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;padding:8px 10px 4px;font-size:0.6875rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--graview-ink-faint);border-radius:var(--gc-radius-sm)}.gc-side-group>details>summary::-webkit-details-marker{display:none}.gc-side-group>details>summary::before{content:"";display:none}.gc-side-group>details>summary:hover{color:var(--graview-ink)}.gc-side-group>details>summary:focus-visible{outline:2px solid var(--graview-accent);outline-offset:2px}.gc-side-group>details[open]>summary .count{display:none}.gc-side-group>details>ol{margin-top:2px}.gc-side-jump{margin:6px 0 10px}.gc-side-jump input{width:100%;min-width:0;margin:0;font-size:0.8125rem;padding:6px 10px}
.gc-side a.danger{color:var(--graview-bad)}
.gc-side .eyebrow{padding:0 10px 6px}
.gc-section>h2:first-child{margin-top:0;font-size:1.25rem}
.gc-section>.lede{margin-bottom:16px}
.gc-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:0}
.gc-kv dt{color:var(--graview-ink-muted)}.gc-kv dd{margin:0}
.gc-runs{list-style:none;padding:0;margin:8px 0 0}.gc-runs>li{padding:6px 0;border-top:1px solid var(--graview-edge)}.gc-runs>li:first-child{border-top:0}
.gc-run-notes{margin:4px 0 0;padding-left:18px;color:var(--graview-ink-muted);font-size:.9em}
.gc-workflow-actions{gap:8px;margin-top:10px}
.gc-people{list-style:none;padding:0;margin:0}
.gc-people>li>.gc-avatar{width:32px;height:32px;font-size:0.85rem}
.gc-people .who>strong,.gc-people .who{font-weight:600}.gc-people .who span{font-weight:400}
.gc-meta{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:var(--graview-panel-muted);border:1px solid var(--graview-edge);font-size:0.75rem;color:var(--graview-ink-muted)}
.gc-people-brief .gc-faces-row{display:flex;align-items:center}.gc-faces-row .gc-avatar{width:30px;height:30px;margin-left:-8px;border:2px solid var(--graview-panel);font-size:0.8rem}.gc-faces-row .gc-avatar:first-child{margin-left:0}.gc-avatar.more{background:var(--graview-panel-muted);color:var(--graview-ink-muted)}
.gc-invite{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.gc-invite input[type=email]{min-width:0;margin:0}.gc-invite select{margin:0;width:auto}.gc-invite button{margin:0}@media (max-width:520px){.gc-invite{grid-template-columns:1fr}}
.gc-people>li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--graview-edge);margin:0}
.gc-people>li:last-child{border-bottom:0}
.gc-people .who{flex:1 1 180px;min-width:0}
.gc-people .who span{display:block;font-size:0.8125rem;color:var(--graview-ink-muted);overflow-wrap:anywhere}
.gc-people form{margin:0}
.gc-people select{width:auto;min-width:110px}
.gc-invite{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:8px;margin-top:14px}
.gc-connector{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge);background:var(--graview-panel-muted);font-family:var(--gc-mono);font-size:0.8125rem;overflow-wrap:anywhere}
.gc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0}
.gc-steps>div{padding:12px 14px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge);background:var(--graview-panel-muted)}
.gc-timeline{list-style:none;padding:0;margin:0}
.gc-timeline>li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0 10px 22px;margin:0;border-bottom:1px solid var(--graview-edge)}
.gc-timeline>li:last-child{border-bottom:0}
.gc-timeline>li::before{content:"";position:absolute;left:4px;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:999px;border:2px solid var(--graview-edge-bright);background:var(--graview-panel)}
.gc-timeline>li.now::before{background:var(--graview-accent);border-color:var(--graview-accent)}
.gc-timeline form{margin:0}

/* Staff admin: the operator's pages, in an app's settings' pattern (routes/admin.ts, admin-kit.ts). */
.gc-side .gc-side-sep{margin:14px 0 2px;padding:0 10px;font-size:0.6875rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--graview-ink-faint)}
.gc-side .count{margin-left:auto;min-width:20px;padding:0 6px;border-radius:999px;background:var(--graview-panel-muted);border:1px solid var(--graview-edge);color:var(--graview-ink-muted);font-size:0.6875rem;font-weight:600;line-height:18px;text-align:center}
.gc-side .count.hot{color:var(--graview-bad);border-color:color-mix(in srgb,var(--graview-bad) 40%,transparent)}
.gc-trend{margin:0}
.gc-trend svg{display:block;width:100%;height:120px;fill:var(--graview-accent)}
.gc-trend svg rect:hover{fill:var(--graview-ink)}
.gc-trend figcaption{margin:6px 0 0;font-size:0.75rem}
.gc-trend details{margin-top:8px}
.gc-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0 0 6px}
.gc-stat{display:block;min-width:0;padding:14px 16px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel);box-shadow:var(--gc-card-shadow);color:var(--graview-ink);text-decoration:none}
a.gc-stat:hover{border-color:var(--graview-edge-bright);box-shadow:var(--graview-lift-low)}
.gc-stat .label{display:block;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-stat .n{display:block;margin:4px 0 2px;font-size:1.625rem;font-weight:600;line-height:1.2;letter-spacing:-0.02em}
.gc-stat .sub{display:block;font-size:0.75rem;color:var(--graview-ink-muted)}
.gc-stat.bad .n{color:var(--graview-bad)}.gc-stat.good .n{color:var(--graview-good)}
.gc-attn{list-style:none;margin:0;padding:0}
.gc-attn>li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;margin:0;border-bottom:1px solid var(--graview-edge)}
.gc-attn>li:last-child{border-bottom:0}
.gc-attn .dot{flex:none;width:8px;height:8px;margin-top:7px;border-radius:999px;background:var(--graview-accent)}
.gc-attn .dot.bad{background:var(--graview-bad)}.gc-attn .dot.amber{background:var(--graview-warn)}.gc-attn .dot.good{background:var(--graview-good)}
.gc-attn .what{flex:1 1 auto;min-width:0}
.gc-attn .what>span{display:block;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.gc-tabs li{margin:0}
.gc-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 12px;border-radius:999px;border:1px solid var(--graview-edge);background:var(--graview-panel-muted);color:var(--graview-ink-muted);font-size:0.8125rem;text-decoration:none;white-space:nowrap}
.gc-tabs a:hover{color:var(--graview-ink);border-color:var(--graview-edge-bright)}
.gc-tabs a[aria-current]{color:var(--graview-accent-ink);background:var(--graview-accent);border-color:var(--graview-accent);font-weight:600}
.gc-find{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0 0 14px}
.gc-find>div{min-width:0}
.gc-find .grow{flex:1 1 220px}
.gc-find label{margin:0 0 4px}
.gc-find select{width:auto}
.gc-rows th{white-space:nowrap}
.gc-rows td{vertical-align:middle}
.gc-rows tbody tr:hover>td{background:var(--gc-hover)}
.gc-rows .who{min-width:0}
.gc-rows .who>a{font-weight:600}
.gc-rows .who>span{display:block;font-size:0.8125rem;color:var(--graview-ink-muted);overflow-wrap:anywhere}
.gc-rows .when{white-space:nowrap;color:var(--graview-ink-muted)}
.gc-rows td .chip+.chip{margin-left:4px}
.gc-id{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 6px;max-width:100%;color:var(--graview-ink-muted);font-size:0.75rem;vertical-align:middle}
.gc-id code{font-size:0.75rem;overflow-wrap:anywhere}
button.gc-copy{min-height:22px;padding:0 8px;border-radius:999px;font-size:0.6875rem;font-weight:500;background:var(--graview-panel);color:var(--graview-ink-muted);border:1px solid var(--graview-edge);box-shadow:none}
button.gc-copy:hover:not(:disabled){filter:none;color:var(--graview-ink);border-color:var(--graview-edge-bright)}
button.gc-copy[hidden]{display:none}
form[data-autosave] button[hidden]{display:none}
.gc-saved{font-size:0.8125rem;min-height:1.25em}
time[title]{text-decoration:underline dotted var(--graview-ink-faint);text-underline-offset:3px;cursor:help}
.gc-note-meta time[title]{text-decoration:none;cursor:inherit}
.gc-actions{list-style:none;margin:0;padding:0}
.gc-actions>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:12px 0;margin:0;border-bottom:1px solid var(--graview-edge)}
.gc-actions>li:last-child{border-bottom:0}
.gc-actions strong{display:inline}
.gc-actions p{margin:2px 0 0;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-actions form{margin:0}
.chip.good{color:var(--graview-good);border-color:color-mix(in srgb,var(--graview-good) 45%,transparent)}
.gc-pager{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-pager .row{gap:6px}
.gc-who-head{display:flex;gap:14px;align-items:center;margin:0 0 18px}
.gc-who-head .gc-avatar{width:48px;height:48px;font-size:1.125rem}
.gc-who-head h1{margin:0 0 4px}
.gc-who-head>div{min-width:0}
.gc-none{margin:0;padding:14px 0;color:var(--graview-ink-muted)}
.gc-confirm{background:var(--graview-panel-warning)}
.gc-confirm.calm{background:var(--graview-panel-muted)}
.gc-cmd{display:block;margin:6px 0 0;padding:8px 10px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge);background:var(--graview-panel-muted);font-family:var(--gc-mono);font-size:0.8125rem;overflow-wrap:anywhere}
.gc-quote{display:block;margin:6px 0 0;padding:8px 12px;border:1px solid var(--graview-edge);background:var(--graview-panel-muted);border-radius:0 var(--gc-radius-sm) var(--gc-radius-sm) 0;white-space:pre-wrap}

/* Where a page offers a choice of how to start. */
.gc-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.gc-option{display:flex;flex-direction:column;gap:6px}
.gc-option h3{margin:0}

/* Sign-in and other single-purpose pages. */
.gc-solo{max-width:440px;margin:24px auto 0}
.gc-solo h1{font-size:1.375rem;margin-bottom:6px}
.gc-solo .gc-ground{height:120px;border-radius:var(--gc-radius) var(--gc-radius) 0 0;border:1px solid var(--graview-edge);border-bottom:0}
.gc-solo .gc-ground+.card{margin-top:0;border-radius:0 0 var(--gc-radius) var(--gc-radius)}

/* The builder: the studio has the window, the forms a panel beside it. */
body.gc-studio{height:100vh;height:100dvh;overflow:hidden}
.gc-crumb{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;font-size:0.875rem}
.gc-bar-title{margin:0;font-size:0.875rem;font-weight:600;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gc-drawer-toggle{margin-left:auto}
.gc-field{border-top:1px solid var(--graview-edge)}
.gc-field>summary{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.gc-field form,.gc-field>.row{margin:6px 0}
section[id],h2[id]{scroll-margin-top:72px}
.gc-crumb a{color:var(--graview-ink-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-crumb a:hover{color:var(--graview-ink)}
.gc-crumb strong{white-space:nowrap}
.gc-studio-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px}
.gc-studio-body.collapsed{grid-template-columns:minmax(0,1fr) 0}
.gc-studio-body.collapsed .gc-drawer{visibility:hidden}
#graview-builder{position:relative;min-height:0;min-width:0}
#graview-builder>p{padding:24px}
/* Opening: the sentence says so (aria-busy until the studio mounts, packages/client/src/builder.ts); the ring is only company, and still under reduced motion. */
.gc-opening::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:999px;border:2px solid var(--graview-edge-bright);border-top-color:transparent;vertical-align:-1px;animation:gc-spin 1s linear infinite}
@keyframes gc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gc-opening::before{animation:none;border-top-color:var(--graview-edge-bright)}}
.gc-drawer{min-height:0;overflow:auto;border-left:1px solid var(--graview-edge);background:var(--graview-panel-muted);padding:16px 16px 40px}
.gc-drawer h2{font-size:0.6875rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--graview-ink-faint);margin:22px 0 8px}
.gc-drawer h2:first-child{margin-top:4px}
.gc-drawer .card{padding:12px 14px;margin:8px 0}
.gc-drawer h3{font-size:0.875rem;margin:0 0 4px}
.gc-drawer details{border-top:1px solid var(--graview-edge);padding:6px 0}
.gc-drawer details>summary{padding:4px 0;font-size:0.8125rem;color:var(--graview-ink)}
.gc-drawer details form{padding:4px 0 8px}
.gc-drawer td{padding:7px 4px;font-size:0.8125rem}
.gc-drawer .row input{min-width:0}

@media (max-width:900px){
  .gc-split,.gc-split.even{grid-template-columns:minmax(0,1fr);gap:18px}
  .gc-side{position:static}
  .gc-side .eyebrow,.gc-side .gc-side-sep{display:none}
  .gc-side ol,.gc-side-groups{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:4px}
  .gc-side-groups{display:none}.gc-side ol.gc-side-flat{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 4px}.gc-side-group>details>summary{display:none}
  .gc-side-group>details>summary{display:none}
  .gc-side-jump{flex-basis:100%;margin:0 0 4px}
  .gc-side a{min-height:30px;padding:3px 12px;border-radius:999px;border-color:var(--graview-edge);background:var(--graview-panel-muted);font-size:0.8125rem}
  .gc-empty{grid-template-columns:minmax(0,1fr)}
  .gc-empty .gc-ground{min-height:180px;border-right:0;border-bottom:1px solid var(--graview-edge)}
  body.gc-studio{height:auto;overflow:visible}
  .gc-studio-body,.gc-studio-body.collapsed{display:block}
  #graview-builder{height:72vh;height:72dvh}
  .gc-drawer{border-left:0;border-top:1px solid var(--graview-edge);overflow:visible}
  .gc-studio-body.collapsed .gc-drawer{visibility:visible}
  .gc-drawer-toggle{display:none}
}
@media (max-width:560px){.gc-kv{grid-template-columns:minmax(0,1fr);gap:2px 0}.gc-kv dt{margin-top:10px}.gc-kv dt:first-of-type{margin-top:0}.gc-kv dd{min-width:0}.gc-kv dd .row{flex-wrap:wrap}}@media (max-width:620px){
  .gc-main{padding:20px 16px 48px}
  .gc-side{margin:0 -16px;padding:0 16px}
  .gc-bar{gap:10px;padding:0 10px}
  .gc-faces{gap:10px}
  .gc-bar .gc-switch>summary{max-width:96px;padding:2px 4px;font-size:0.875rem}
  .gc-faces a{font-size:0.8125rem}
  .gc-switch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .gc-mark .gv-lockup{display:none}
  .gc-mark .gv-symbol{display:block;height:32px}
  .gc-account>summary{padding-right:3px}
  .gc-account>summary span:last-child{display:none}
  /* The account menu and the workspace switcher on a phone: a sheet at the foot of the screen over a backdrop that closes it, as an app's tile menu is, not a dropdown half over the page (it left a sliver of the settings nav's Invites to tap, HQ f-account-menu-covers-settings-nav). The bar's blur would make the bar the sheet's frame, so the bar drops it while a menu is open; a browser without :has() could not drop it, so it keeps the dropdown. */
  @supports selector(:has(*)){
  .gc-bar:has(.gc-account[open]){-webkit-backdrop-filter:none;backdrop-filter:none}
  .gc-bar .gc-account[open]>summary::after{content:"";position:fixed;inset:0;z-index:70;background:rgb(0 0 0/.36);cursor:default}
  .gc-bar .gc-account .gc-menu{position:fixed;top:auto;right:8px;bottom:8px;left:8px;z-index:71;min-width:0;max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:calc(var(--gc-radius) + 4px);transform:none}
  .gc-bar .gc-account .gc-menu a{min-height:44px}
  }
  .gc-app-head{grid-template-columns:minmax(0,1fr) auto}
  .gc-app-head .gc-ground,.gc-app-head>.gc-cover{display:none}
  .gc-invite{grid-template-columns:minmax(0,1fr)}
  .gc-actions>li{grid-template-columns:minmax(0,1fr)}
  .gc-find .grow{flex-basis:100%}
  .gc-tile .gc-ground{aspect-ratio:16/7}
  .gc-empty-body{padding:20px}
  .gc-foot{padding:16px}
  input,textarea,select{font-size:16px}
  textarea{font-size:13px}
  h1{font-size:1.375rem}
}
@media (max-width:360px){.gc-faces a{padding:2px 9px}}
/* The settings (settings-kit.ts, f-settings-redesign): panels, labeled meters, quiet plan gates, folds, and the section list as a tab bar on a phone. */
.gc-settings-head{margin-bottom:20px}.gc-head-chips{gap:6px;margin-top:8px;flex-wrap:wrap}.gc-head-actions{gap:8px;flex-wrap:nowrap}
.gc-open-chip svg{flex:none}.gc-open-chip.open{color:var(--graview-accent);border-color:var(--graview-accent-dim)}
.gc-settings .gc-section>h2:first-child{margin:2px 0 14px;font-size:1.25rem}
.gc-subnav{display:flex;width:max-content;max-width:100%;overflow-x:auto;margin:0 0 16px;scrollbar-width:none}.gc-subnav::-webkit-scrollbar{display:none}.gc-subnav a{white-space:nowrap}
.gc-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.gc-panels>*{min-width:0}.gc-panel select,.gc-panel input{max-width:100%}.gc-panels+.gc-panels{margin-top:14px}
.card.gc-panel{margin:0}.gc-panel-title{margin:0 0 10px;font-size:0.9375rem;font-weight:600}
.card .gc-panel-title{margin-top:0}.gc-panel h4,.gc-fold h4{margin:16px 0 4px;font-size:0.875rem}.gc-fold h5{margin:14px 0 2px;font-size:0.8125rem}.gc-fold h5+p{margin:0 0 6px}
.gc-value{margin:0 0 4px}
.gc-help{margin:6px 0 0;color:var(--graview-ink-muted);font-size:0.8125rem;line-height:1.5}
.gc-section>.gc-help:first-of-type{margin:0 0 14px}
.gc-more{margin:4px 0 0;font-size:0.8125rem;color:var(--graview-ink-muted)}.gc-more>summary{cursor:pointer;display:inline-flex;align-items:center;min-height:24px;min-width:24px;color:var(--graview-ink-muted);text-decoration:underline;text-decoration-color:var(--graview-edge-bright);text-underline-offset:3px}.gc-more>summary:hover{color:var(--graview-ink)}.gc-more>div,.gc-more>ul{margin-top:6px}.gc-more p{margin:0 0 6px}
.gc-gate{display:flex;gap:8px;align-items:baseline;margin:10px 0 0;color:var(--graview-ink-muted);font-size:0.8125rem}.gc-gate svg{flex:none;position:relative;top:1px}
.card.gc-quiet{background:var(--graview-panel-muted);box-shadow:none}.gc-quiet .gc-gate,.gc-quiet p{margin:0}
.gc-gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 28px}
.gc-gauge-head{display:flex;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;margin-bottom:6px;font-size:0.8125rem}.gc-gauge-label{font-weight:600}.gc-gauge-said{color:var(--graview-ink-muted)}
.gc-gauge .gc-usage-bar{max-width:none;height:6px;border-radius:3px}
.gc-gauge-note{margin:6px 0 0;font-size:0.75rem;color:var(--graview-ink-muted)}
.gc-panel-foot{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--graview-edge);font-size:0.8125rem}
.gc-inline{gap:8px;align-items:center;flex-wrap:wrap}.gc-inline input{flex:1;min-width:12ch;margin:0}.gc-inline select{margin:0;width:auto;max-width:100%}.gc-inline label{margin-top:0}
.gc-subform{margin-top:14px}
.gc-check{display:flex;gap:10px;align-items:center;margin:12px 0 0;padding:4px 0;font-weight:400}.gc-check input{width:18px;height:18px;margin:3px}
.gc-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.gc-options label{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius-sm);background:var(--graview-panel);font-weight:400;cursor:pointer}
form:not(:has(input[name=access][value=act]:checked)) .gc-link-role{display:none}
.gc-options label:hover{border-color:var(--graview-edge-bright)}.gc-options label:has(input:checked){border-color:var(--graview-ink);box-shadow:0 0 0 1px var(--graview-ink)}
.gc-options input{width:auto;margin:3px 0 0;flex:none}.gc-options strong{display:block;font-size:0.875rem}.gc-options span span{display:block;font-size:0.75rem;color:var(--graview-ink-muted)}
.gc-buttons{gap:8px;flex-wrap:wrap;margin:12px 0 0}.gc-buttons form{margin:0}
.gc-plan-line{margin:0 0 2px;font-size:1.125rem}
.card.gc-fold{margin-top:14px}.card.gc-fold>summary{font-weight:600;text-transform:none;letter-spacing:0;font-size:0.9375rem;color:var(--graview-ink)}.gc-fold-body{margin-top:10px}
.gc-section-title{margin:26px 0 4px;font-size:1rem}
.gc-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;border:1px solid var(--graview-edge)}
/* The Background panel under Look (ground.ts): two pickers, a sample card on each scheme's ground, and tints of the accent, each a light swatch beside its deep tone. */
.gc-ground-pickers{gap:16px;flex-wrap:wrap}.gc-ground-pickers label{display:flex;align-items:center;gap:8px;margin:0}.gc-ground-pickers input[type=color]{width:44px;height:32px;padding:2px}
.gc-ground-drawn{margin:4px 0 0;font-size:0.8125rem}
.gc-ground-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0 0}
.gc-ground-sample{position:relative;padding:14px;border-radius:var(--gc-radius-sm);background:var(--gs-ground);border:1px solid var(--graview-edge)}
.gc-ground-card{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;background:var(--gs-panel);color:var(--gs-ink);font-size:0.8125rem}.gc-ground-card span{color:var(--gs-muted)}.gc-ground-card .gc-ground-accent{color:var(--gs-accent);font-weight:600}
.gc-ground-scheme{display:block;margin-top:6px;font-size:0.6875rem;color:var(--gs-muted)}
.gc-ground-label{margin:12px 0 4px;font-size:0.8125rem;color:var(--graview-ink-muted)}.gc-ground-tints{gap:6px;flex-wrap:wrap}.gc-ground-tints form{margin:0}.gc-ground-tint{display:inline-flex;gap:2px}
.gc-faces-row{flex-wrap:wrap;margin:10px 0 0}.gc-faces-said{margin-left:10px;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-ai-line{margin:8px 0 0;font-size:0.8125rem}.gc-ai-status .chip{margin-right:4px}
.gc-kinds{gap:6px;margin:0 0 10px}
.gc-overview{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));align-items:start}
.gc-panel .gc-kv{font-size:0.875rem}
@media (max-width:900px){
  .gc-side.gc-setnav ol{position:relative;display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none;padding:0;border-bottom:1px solid var(--graview-edge)}
  .gc-side.gc-setnav ol::-webkit-scrollbar{display:none}
  .gc-side.gc-setnav li{flex:none}
  .gc-side.gc-setnav a{min-height:42px;padding:8px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;font-size:0.875rem}
  .gc-side.gc-setnav a[aria-current]{border-bottom-color:var(--graview-ink);background:none;box-shadow:none}
  .gc-head-actions{grid-column:1/-1}
}
/* An app's settings (settings-kit.ts groupedNav, routes/cloud.ts appSettings; redesigned 2026-11-02): the side list in quiet groups, the end apart; on a phone one compact menu at the top. */
.gc-setnav-pick{display:none}
.gc-setnav-rail{display:grid;gap:22px}
.gc-navgroup ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.gc-navgroup-head{margin:0 0 6px;padding:0 12px;font-size:0.6875rem;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--graview-ink-faint)}
.gc-navgroup.apart{padding-top:14px;border-top:1px solid var(--graview-edge)}
.gc-setnav-rail a{position:relative;min-height:36px;padding:7px 12px;border:0;font-size:0.9375rem;color:var(--graview-ink-muted)}
.gc-setnav-rail a:hover{color:var(--graview-ink);background:color-mix(in srgb,var(--gc-hover) 50%,transparent);text-decoration:none}
.gc-setnav-rail a[aria-current],.gc-setnav-rail a[aria-current]:hover{color:var(--graview-ink);font-weight:600;background:var(--gc-hover);border:0;box-shadow:none}
.gc-setnav-rail a[aria-current]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--graview-accent)}
.gc-setnav-rail a.danger{color:var(--graview-bad)}
@media (max-width:900px){
  .gc-setnav-grouped .gc-setnav-rail{display:none}
  .gc-setnav-grouped .gc-setnav-pick{display:block;border:1px solid var(--graview-edge);border-radius:var(--gc-radius-sm);background:var(--graview-panel);box-shadow:var(--gc-card-shadow)}
  .gc-setnav-pick>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;cursor:pointer;list-style:none;font-weight:600}
  .gc-setnav-pick>summary::-webkit-details-marker{display:none}
  .gc-setnav-pick>summary:focus-visible{outline:2px solid var(--graview-accent);outline-offset:2px}
  .gc-setnav-more{display:inline-flex;align-items:center;gap:6px;font-size:0.8125rem;font-weight:400;color:var(--graview-ink-muted)}
  .gc-setnav-more::after{content:"";width:7px;height:7px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
  .gc-setnav-pick[open]>summary .gc-setnav-more::after{margin-top:3px;transform:rotate(-135deg)}
  .gc-setnav-menu{display:grid;gap:12px;padding:10px 6px 8px;border-top:1px solid var(--graview-edge)}
  .gc-setnav-grouped .gc-setnav-menu a{min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:var(--gc-radius-sm);background:none;box-shadow:none;font-size:0.9375rem;white-space:normal}
  .gc-setnav-grouped .gc-setnav-menu a[aria-current]{background:var(--graview-panel-muted);border-color:var(--graview-edge)}
  .gc-setnav-grouped .gc-navgroup.apart{margin-top:0;padding-top:10px}
}
.gc-app-status{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--graview-ink-muted);font-size:0.875rem}.gc-app-status>svg{flex:none;margin-top:4px}.gc-app-status strong{color:var(--graview-ink);font-weight:600}
.gc-head-actions .button{white-space:nowrap}@media (max-width:400px){.gc-settings-head .gc-head-actions,.gc-app-head .gc-head-actions{flex-wrap:wrap}}
.gc-settings .gc-section>h2:first-child+.gc-purpose{margin:-8px 0 16px;color:var(--graview-ink-muted);font-size:0.9375rem}
.gc-needs{list-style:none;margin:0;padding:0}
.gc-needs>li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:10px 0;border-top:1px solid var(--graview-edge);margin:0}
.gc-needs>li:first-child{border-top:0;padding-top:0}.gc-needs>li:last-child{padding-bottom:0}
.gc-needs>li>span{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}.gc-needs>li>a{flex:none;font-weight:600;font-size:0.875rem}
.gc-caught-up{margin:0;color:var(--graview-ink-muted)}
.gc-section>#needs,.gc-section>p#open-now{margin:0 0 14px}
.gc-week{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.gc-spark{display:block;flex:none;overflow:visible}.gc-spark .gc-bar rect+rect{fill:var(--graview-accent)}.gc-spark .gc-bar:hover rect+rect{fill:var(--graview-ink)}.gc-spark .gc-bar-unmeasured rect+rect{fill:var(--graview-edge)}
.gc-week-figures{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0}
.gc-week-figures>div{display:flex;flex-direction:column-reverse}.gc-week-figures dd{margin:0;font-size:1.25rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.gc-week-figures dt{color:var(--graview-ink-muted);font-size:0.8125rem}
.gc-about{margin:18px 0 0;padding:12px 2px 0;border-top:1px solid var(--graview-edge);color:var(--graview-ink-muted);font-size:0.8125rem}.gc-about p{margin:0 0 4px}
.gc-part+.gc-part{margin-top:26px}.gc-part-title{margin:0 0 10px;font-size:1rem}
/* Each section led by its state (2026-11-02, Nick: "not catered around why i'd be opening this up"): parts with a heading, a state line, a strip of facts, Look's preview row, Data's kinds, Workflows' ideas, Connections' two choices, and file fields drawn as buttons. */
.gc-section>.gc-part,.gc-section>.gc-look-row+.gc-part{margin-top:26px}.gc-part-lead{margin:-4px 0 10px;color:var(--graview-ink-muted);font-size:0.875rem}
.gc-section .gc-part>.gc-part-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1.0625rem;font-weight:600}
.gc-section .gc-part>.gc-part-title::after{content:"";flex:1;height:1px;background:var(--graview-edge)}
.card.gc-state{margin:0 0 14px;padding:12px 16px}.gc-state-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0}.gc-state-line .chip{margin:0}
.gc-state-sub{margin:4px 0 0;color:var(--graview-ink-muted);font-size:0.8125rem}
.card.gc-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px 24px;margin:0 0 22px}
.gc-strip-cell{min-width:0}.gc-strip-label{margin:0 0 4px;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;color:var(--graview-ink-muted)}
.gc-strip-value{margin:0;font-weight:600}.gc-strip-value .chip{margin:0}.gc-strip-note{margin:4px 0 0;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-strip .gc-gauge-head{margin-bottom:8px}.gc-strip .gc-gauge-label{font-size:0.75rem;letter-spacing:0.04em;color:var(--graview-ink-muted)}.gc-strip .gc-gauge-said{color:var(--graview-ink);font-weight:600;font-size:0.875rem}.gc-strip .gc-gauge-note{font-size:0.8125rem}
/* A file field as a button (settings-kit.ts fileField): the input kept, out of sight only; its focus shown on the button. */
.gc-file{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;position:relative;margin:0 0 4px}
.gc-file .gc-file-input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.gc-file label.gc-file-button{display:inline-flex;margin:0;cursor:pointer}
.gc-file .gc-file-input:focus-visible+.gc-file-button{outline:2px solid var(--graview-accent);outline-offset:2px}
.gc-file-name{min-width:0;font-size:0.8125rem;color:var(--graview-ink-muted);overflow-wrap:anywhere}
/* Look's preview row: the app where people meet it, each picture with Change under it. */
.gc-look-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr));gap:14px;margin:0 0 6px}
.gc-settings .gc-charts{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.gc-section>section[aria-labelledby]{margin-top:22px}
.gc-look-shot{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}
.gc-look-pic{display:flex;flex:1;min-height:132px;padding:10px;border-radius:var(--gc-radius);border:1px solid var(--graview-edge);background:var(--graview-panel-muted);overflow:hidden;align-items:center;justify-content:center}
.gc-look-shot figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:0.8125rem;color:var(--graview-ink-muted)}.gc-look-shot figcaption a{font-weight:600}
.gc-look-tile{display:flex;flex-direction:column;width:100%;max-width:220px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel);box-shadow:var(--gc-card-shadow);overflow:hidden}
.gc-look-tile .gc-cover-art>.gc-ground{aspect-ratio:auto;width:100%;height:100%;border:0;border-radius:0}
.gc-look-tile-name{padding:8px 10px 0;font-size:0.8125rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-look-tile-what{padding:2px 10px 9px;font-size:0.6875rem;color:var(--graview-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-look-tile-name:last-child{padding-bottom:9px}
.gc-look-pic .gc-linkcard{max-width:240px;font-size:0.6875rem}.gc-look-pic .gc-linkcard-title{font-size:0.75rem}.gc-look-pic .gc-linkcard-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gc-look-tab{display:flex;flex-direction:column;width:100%;max-width:230px;border-radius:8px;overflow:hidden;border:1px solid var(--graview-edge);background:var(--graview-panel);box-shadow:var(--gc-card-shadow)}
.gc-look-tab-bar{display:flex;padding:6px 6px 0;background:color-mix(in srgb,var(--graview-ink) 8%,var(--graview-panel))}
.gc-look-tab-one{display:flex;align-items:center;gap:7px;min-width:0;max-width:85%;padding:7px 12px 7px 10px;border-radius:7px 7px 0 0;background:var(--graview-panel);font-size:0.75rem}
.gc-look-tab-one .gc-tab-icon{flex:none;display:inline-grid;place-items:center;width:16px;height:16px;line-height:1}.gc-look-tab-one .gc-tab-icon svg,.gc-look-tab-one .gc-tab-icon img{width:16px;height:16px}.gc-tab-emoji{font-size:14px}
.gc-look-tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-look-tab-page{display:block;height:58px;background:linear-gradient(var(--graview-edge),var(--graview-edge)) 12px 14px/55% 6px no-repeat,linear-gradient(var(--graview-edge),var(--graview-edge)) 12px 28px/35% 6px no-repeat}
.gc-look-pic>.gc-opening-frame{width:100%;max-width:220px;border:1px solid var(--graview-edge)}
/* A shared link's card, as a settings page draws it (share-preview.ts cardPreview): Graview's own card drawn, not loaded. */
.gc-linkcard{display:flex;flex-direction:column;width:100%;max-width:440px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius);background:var(--graview-panel);overflow:hidden;box-shadow:var(--gc-card-shadow)}
.gc-card-media{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;background:#0b0d12}
.gc-card-graview{display:flex;align-items:center;justify-content:center;gap:8px;color:#f4f5f8;background:radial-gradient(circle at 1px 1px,rgb(255 255 255/.12) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#1b2347,#0b0d12);font:600 clamp(14px,5cqi,22px)/1 var(--gc-font);letter-spacing:-0.01em;container-type:inline-size}
.gc-card-graview svg{width:clamp(18px,7cqi,30px);height:auto}
.gc-linkcard-text{padding:9px 12px 11px;min-width:0}.gc-linkcard-text p{margin:0;overflow-wrap:anywhere}.gc-linkcard-host{color:var(--graview-ink-muted);font-size:0.75rem}.gc-linkcard-title{margin-top:2px!important;font-weight:600}.gc-linkcard-line{margin-top:2px!important;color:var(--graview-ink-muted);font-size:0.8125rem}
.gc-linkcard-frame{margin:0 0 10px}
.gc-panel .gc-cover-preview{max-width:280px}
/* Data's first page: what it holds, a kind a row. */
.gc-holds{width:100%;border-collapse:collapse;font-size:0.9375rem}.gc-holds caption{text-align:left}
.gc-holds th,.gc-holds td{padding:9px 0;border:0;border-top:1px solid var(--graview-edge);text-align:left;font-weight:400;font-size:0.9375rem;letter-spacing:0;text-transform:none;color:var(--graview-ink);white-space:normal}
.gc-holds thead th{padding-top:0;border-top:0;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;color:var(--graview-ink-muted)}.gc-holds+.gc-panel-foot{margin-top:4px}
.gc-holds th:last-child,.gc-holds td:last-child{text-align:right;font-variant-numeric:tabular-nums}.gc-holds tbody th a{font-weight:600}
.gc-data-actions{margin-top:14px}.gc-section>.gc-rare{margin-top:14px}.gc-rare>summary .muted{font-weight:400;font-size:0.8125rem}
/* Workflows with none yet: three made from the app, each to copy for a chat. */
.gc-ideas{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.gc-ideas>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:0;padding:10px 12px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius-sm);background:var(--graview-panel-muted)}
.gc-idea{flex:1 1 240px;min-width:0;margin:0;font-size:0.9375rem}.gc-ideas button{flex:none}
.card.gc-ideas-card{margin:0 0 6px}
/* Connections with none: the two choices side by side. */
.gc-providers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:12px 0 0}
.gc-provider{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--graview-edge);border-radius:var(--gc-radius-sm);background:var(--graview-panel-muted);min-width:0}
.gc-provider p{margin:0}.gc-provider-name{font-weight:600}.gc-provider-what{color:var(--graview-ink-muted);font-size:0.8125rem}.gc-provider .row{margin-top:10px}.gc-provider-note{margin-top:8px!important;font-size:0.8125rem;color:var(--graview-ink-muted)}
.gc-section>#connect-choices{margin:0 0 14px}
.gc-copyfield code{min-width:0;overflow-wrap:anywhere}
/* Staff admin, as the settings (admin-kit.ts shell; f-cloud-staff-admin-polish): the rail's names wrap inside it, the cards are panels, filters and periods are the segmented control, folds speak in sentence case, and on a phone the sections are the settings' tab bar under the jump box. */
.gc-admin .gc-side-groups a{white-space:normal}
.gc-admin .gc-section>.card,.gc-admin .gc-section>form.card{margin:0 0 14px}.gc-admin .gc-section>.gc-stats{margin-bottom:14px}
.gc-admin .card>h2:first-child,.gc-admin .card>header>h2:first-child{margin:0 0 10px;font-size:0.9375rem;font-weight:600}
.gc-admin .gc-section>h2{margin:26px 0 8px;font-size:1rem}
.gc-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;max-width:100%;padding:2px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge);background:var(--graview-panel-muted)}
.gc-admin nav+nav>.gc-tabs,.gc-admin nav>.gc-tabs{margin:0 8px 12px 0}
.gc-tabs a{min-height:30px;padding:0 10px;border:0;border-radius:calc(var(--gc-radius-sm) - 2px);background:none}
.gc-tabs a[aria-current]{color:var(--graview-ink);background:var(--graview-panel);border-color:transparent;box-shadow:var(--gc-card-shadow)}
.gc-admin details.card>summary,.gc-admin details.quiet>summary{text-transform:none;letter-spacing:0}
.gc-admin details.card>summary{font-size:0.9375rem;font-weight:600;color:var(--graview-ink)}.gc-admin details.quiet>summary{font-size:0.8125rem}
@media (max-width:900px){.gc-admin .gc-side .gc-side-jump{margin:0 0 6px}.gc-admin .gc-side ol.gc-side-flat .count{margin-left:6px}}
/* Appearance in the account menu (appearance.ts): System, Light and Dark as one segmented row, the chosen one pressed. Full fingertips, the menu's own inks (AA on its float in both schemes). */
.gc-menu .gc-appearance{display:grid;gap:4px;padding:6px 10px 8px}
.gc-menu .gc-appearance-name{color:var(--graview-ink-muted);font-size:0.75rem}
.gc-menu .gc-appearance-choices{display:flex;gap:2px;padding:2px;border-radius:var(--gc-radius-sm);border:1px solid var(--graview-edge);background:var(--graview-panel-muted)}
.gc-menu .gc-appearance-choices button{flex:1;justify-content:center;min-height:30px;padding:0 8px;border-radius:calc(var(--gc-radius-sm) - 2px);color:var(--graview-ink-muted);font-size:0.8125rem}
.gc-menu .gc-appearance-choices button:hover{color:var(--graview-ink);background:var(--gc-hover)}
.gc-menu .gc-appearance-choices button[aria-pressed="true"]{background:var(--graview-panel);color:var(--graview-ink);font-weight:600;box-shadow:var(--gc-card-shadow)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}