:root {
color-scheme: light;
--nx-accent: #5352c9;
--nx-accent-strong: #403fae;
--nx-accent-soft: #ecebfa;
--nx-accent-glow: rgba(83, 82, 201, 0.28);
--nx-accent-ink: #ffffff;
--nx-canvas: #f4f2ed;
--nx-surface: #ffffff;
--nx-surface-soft: #faf9f6;
--nx-ink: #171922;
--nx-muted: #5c6270;
--nx-faint: #8b909d;
--nx-line: #e7e3da;
--nx-line-soft: #efece5;
--nx-rail: linear-gradient(180deg, #1b1830 0%, #131120 55%, #100e1a 100%);
--nx-rail-ink: #b5b2cc;
--nx-rail-fg: #ffffff;
--nx-rail-line: rgba(255, 255, 255, 0.08);
--nx-rail-hover: rgba(255, 255, 255, 0.07);
--nx-rail-active: rgba(255, 255, 255, 0.09);
--nx-star: #d99a2b;
--nx-ok: #2f9e6e;
--nx-warn: #c98a1f;
--nx-danger: #c2452d;
--nx-car: #8a63e0;
--nx-car-soft: rgba(138, 99, 224, 0.10);
--nx-app-contacts: #c2477a;
--nx-scrim: rgba(23, 20, 40, 0.42);
--nx-snackbar-bg: #1d2130;
--nx-snackbar-ink: #f4f4fb;
--nx-snackbar-muted: rgba(244, 244, 251, 0.66);
--nx-shadow-1: 0 1px 2px rgba(23, 20, 40, 0.05), 0 8px 24px rgba(23, 20, 40, 0.06);
--nx-shadow-2: 0 2px 6px rgba(23, 20, 40, 0.07), 0 24px 60px rgba(23, 20, 40, 0.12);
--nx-font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--nx-font-display: "Fraunces", Georgia, "Times New Roman", serif;
--nx-font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
--nx-display-weight: 480;
--nx-display-tracking: -0.01em;
--nx-radius-card: 16px;
--nx-radius-control: 12px;
--nx-primary-bg: linear-gradient(140deg, var(--nx-accent), var(--nx-accent-strong));
--nx-primary-shadow: 0 12px 26px var(--nx-accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.28);

--jv-font-family: var(--nx-font-ui);
--jv-font-mono: var(--nx-font-mono);
--jv-color-primary: var(--nx-accent);
--jv-color-on-primary: var(--nx-accent-ink);
--jv-color-error: var(--nx-danger);
--jv-color-surface: var(--nx-surface);
--jv-color-on-surface: var(--nx-ink);
--jv-color-on-surface-muted: var(--nx-muted);
--jv-color-outline: var(--nx-line);
--jv-color-secondary-container: var(--nx-accent-soft);
--jv-color-on-secondary-container: var(--nx-accent-strong);
--jv-dark-page: var(--nx-canvas);
font-family: var(--nx-font-ui);
color: var(--nx-ink);
background: var(--nx-canvas);
}

:root[data-theme="dark"] {
color-scheme: dark;
--nx-accent: #8c8af2;
--nx-accent-strong: #a7a5f7;
--nx-accent-soft: #262649;
--nx-accent-glow: rgba(140, 138, 242, 0.3);
--nx-accent-ink: #10102b;
--nx-canvas: #0e0f17;
--nx-surface: #171923;
--nx-surface-soft: #1c1e2b;
--nx-ink: #eceef6;
--nx-muted: #a4a9ba;
--nx-faint: #767c8f;
--nx-line: #272a3a;
--nx-line-soft: #20232f;
--nx-rail: linear-gradient(180deg, #14121f 0%, #0e0c18 60%, #0b0a13 100%);
--nx-rail-ink: #8f8cab;
--nx-star: #e6b357;
--nx-ok: #4fbf8b;
--nx-warn: #e0aa4a;
--nx-danger: #e0705a;
--nx-car: #a99cf0;
--nx-car-soft: rgba(169, 156, 240, 0.14);
--nx-app-contacts: #ec8fb4;
--nx-scrim: rgba(0, 0, 0, 0.6);
--nx-snackbar-bg: #f2f1fb;
--nx-snackbar-ink: #191b28;
--nx-snackbar-muted: rgba(25, 27, 40, 0.62);
--nx-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 28px rgba(0, 0, 0, 0.35);
--nx-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.45), 0 30px 70px rgba(0, 0, 0, 0.5);
}

:root:has(.skin-flag--deck) {
--nx-accent: #0a9e8c;
--nx-accent-strong: #067a6c;
--nx-accent-soft: rgba(10, 158, 140, 0.10);
--nx-accent-glow: rgba(10, 158, 140, 0.18);
--nx-accent-ink: #ffffff;
--nx-canvas: #e9eef7;
--nx-surface: #ffffff;
--nx-surface-soft: #f4f7fd;
--nx-ink: #0e1628;
--nx-muted: #45526f;
--nx-faint: #7d89a4;
--nx-line: rgba(15, 30, 60, 0.14);
--nx-line-soft: rgba(15, 30, 60, 0.08);
--nx-rail: #f7fafe;
--nx-rail-ink: #5b6b85;
--nx-rail-fg: #0e1628;
--nx-rail-line: rgba(15, 30, 60, 0.14);
--nx-rail-hover: #f4f7fd;
--nx-rail-active: rgba(10, 158, 140, 0.10);
--nx-star: #c98a12;
--nx-ok: #0f9d63;
--nx-warn: #c98a12;
--nx-danger: #cf3a5c;
--nx-car: #5b67d8;
--nx-car-soft: rgba(91, 103, 216, 0.10);
--nx-app-contacts: #c43d7b;
--nx-snackbar-bg: #101726;
--nx-snackbar-ink: #f2f5ff;
--nx-snackbar-muted: rgba(242, 245, 255, 0.64);
--nx-shadow-1: 0 1px 0 rgba(15, 30, 60, 0.05), 0 8px 26px rgba(20, 35, 70, 0.08);
--nx-shadow-2: 0 2px 4px rgba(15, 30, 60, 0.07), 0 26px 60px rgba(20, 35, 70, 0.14);
--nx-font-display: "Chakra Petch", "Bahnschrift", "Avenir Next Condensed", "Segoe UI", system-ui, sans-serif;
--nx-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
--nx-display-weight: 700;
--nx-display-tracking: 0.02em;
--nx-radius-card: 3px;
--nx-radius-control: 3px;
--nx-primary-bg: var(--nx-accent);
--nx-primary-shadow: none;
}

:root[data-theme="dark"]:has(.skin-flag--deck) {
--nx-accent: #5df2cf;
--nx-accent-strong: #8bf7e0;
--nx-accent-soft: rgba(93, 242, 207, 0.10);
--nx-accent-glow: rgba(93, 242, 207, 0.20);
--nx-accent-ink: #052019;
--nx-canvas: #060a13;
--nx-surface: #0b1120;
--nx-surface-soft: #101830;
--nx-ink: #e9effc;
--nx-muted: #97a4c4;
--nx-faint: #5d6b8c;
--nx-line: rgba(146, 164, 205, 0.16);
--nx-line-soft: rgba(146, 164, 205, 0.09);
--nx-rail: #05080f;
--nx-rail-ink: #8fa0c4;
--nx-rail-fg: #e9effc;
--nx-rail-line: rgba(146, 164, 205, 0.16);
--nx-rail-hover: #101830;
--nx-rail-active: rgba(93, 242, 207, 0.10);
--nx-star: #ffc65c;
--nx-ok: #46d68c;
--nx-warn: #ffc65c;
--nx-danger: #ff6c8a;
--nx-car: #96a2ff;
--nx-car-soft: rgba(150, 162, 255, 0.13);
--nx-app-contacts: #ff8ac4;
--nx-snackbar-bg: #eef1fb;
--nx-snackbar-ink: #10131f;
--nx-snackbar-muted: rgba(16, 19, 31, 0.6);
--nx-shadow-1: 0 1px 0 rgba(0, 0, 0, 0.45), 0 10px 30px rgba(2, 6, 18, 0.5);
--nx-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.5), 0 30px 70px rgba(2, 6, 18, 0.6);
}

:root[dir="rtl"] {
--nx-font-ui: "Noto Kufi Arabic", "Inter", system-ui, sans-serif;
--nx-font-display: "Noto Kufi Arabic", serif;
--nx-font-mono: "Noto Kufi Arabic", "JetBrains Mono", ui-monospace, monospace;
}

:root[dir="rtl"]:has(.skin-flag--deck),
:root[dir="rtl"][data-theme="dark"]:has(.skin-flag--deck) {
--nx-font-ui: "Noto Kufi Arabic", "Inter", system-ui, sans-serif;
--nx-font-display: "Noto Kufi Arabic", "Chakra Petch", sans-serif;
--nx-font-mono: "Noto Kufi Arabic", "JetBrains Mono", ui-monospace, monospace;
}

body {
font-family: var(--nx-font-ui);
color: var(--nx-ink);
background: var(--nx-canvas);
}

body.body--dark,
body.body--light {
color: var(--nx-ink);
background: var(--nx-canvas);
}

.j-field--required .j-field__label::after {
content: none;
}

:root[data-theme="dark"]:has(.skin-flag--deck) body {
background:
radial-gradient(900px 420px at 78% -6%, var(--nx-accent-soft), transparent 60%),
radial-gradient(2px 2px at 12% 22%, var(--nx-line), transparent 55%),
radial-gradient(1.6px 1.6px at 44% 66%, var(--nx-line), transparent 55%),
radial-gradient(1.8px 1.8px at 84% 40%, var(--nx-line), transparent 55%),
var(--nx-canvas);
}

:root {
--nx-radius-kind: 10px;
--k-folder-ink: var(--nx-accent-strong);
--k-folder-bg: var(--nx-accent-soft);
--k-doc-ink: #23649a;
--k-doc-bg: #dcebf9;
--k-sheet-ink: #2e6f52;
--k-sheet-bg: #ddf0e6;
--k-deck-ink: #8c6023;
--k-deck-bg: #f7ead4;
--k-pdf-ink: #97485c;
--k-pdf-bg: #f8e1e7;
--k-image-ink: #5b4694;
--k-image-bg: #ece5fa;
--k-video-ink: #6b4fc4;
--k-video-bg: #e9e3fb;
--k-file-ink: #4d5b6b;
--k-file-bg: #e4e8ed;
}

[data-theme="dark"] {
--k-doc-ink: #9cc8ef;
--k-doc-bg: #1e3550;
--k-sheet-ink: #93d9b9;
--k-sheet-bg: #1c3d2e;
--k-deck-ink: #ebc78a;
--k-deck-bg: #45351a;
--k-pdf-ink: #f0aec0;
--k-pdf-bg: #472633;
--k-image-ink: #cabcf4;
--k-image-bg: #322a52;
--k-video-ink: #c3b5f7;
--k-video-bg: #2d2550;
--k-file-ink: #b6c2cf;
--k-file-bg: #2c3542;
}

* {
box-sizing: border-box;
}

html,
body {
margin: 0;
min-width: 320px;
min-height: 100vh;
overflow: hidden;
background: var(--nx-canvas);
}

body {
color: var(--nx-ink);
font-size: 14px;
-webkit-font-smoothing: antialiased;
transition: background 350ms ease, color 350ms ease;
}

a {
color: inherit;
}

j-app,
j-layout,
j-header,
j-toolbar,
j-drawer,
j-page-container,
j-page,
j-list,
j-scroll-area,
j-card,
j-card-section,
j-form,
j-separator {
display: block;
}

j-button,
j-icon-button,
j-avatar,
j-badge,
j-chip,
j-icon,
j-space {
display: inline-flex;
}

j-space {
flex: 1 1 auto;
}

j-button,
j-icon-button,
[role="button"] {
cursor: pointer;
user-select: none;
}

j-button[disabled],
j-icon-button[disabled] {
cursor: default;
opacity: 0.5;
pointer-events: none;
}

button {
font: inherit;
cursor: pointer;
}

:focus-visible {
outline: 2px solid var(--nx-accent);
outline-offset: 2px;
}

.material-symbols-rounded {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.skin-flag {
display: none;
}

.eyebrow {
margin: 0 0 3px;
color: var(--nx-accent);
font-size: 9.5px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}

h1,
h2,
h3,
.view-title,
j-dialog-title {
font-family: var(--nx-font-display);
font-weight: var(--nx-display-weight);
letter-spacing: var(--nx-display-tracking);
text-wrap: balance;
}

kbd.key,
.placeholder-hints dt {
padding: 2px 6px;
border: 1px solid var(--nx-line);
border-radius: 6px;
color: var(--nx-faint);
background: var(--nx-surface-soft);
font-family: var(--nx-font-mono);
font-size: 10px;
font-weight: 600;
}

:where(j-form.j-form) {
margin: 0;
padding: 0;
}

j-input.j-field,
j-textarea.j-field {
min-height: 0;
padding: 0;
border: 0;
background: transparent;
display: grid;
gap: 7px;
}

.j-field__label {
color: var(--nx-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
}

input.j-input,
textarea.j-textarea {
width: 100%;
min-height: 46px;
padding: 0 15px;
border: 1.5px solid var(--nx-line);
border-radius: 14px;
color: var(--nx-ink);
background: var(--nx-surface-soft);
font: inherit;
transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

input.j-input:focus,
textarea.j-textarea:focus {
outline: none;
border-color: var(--nx-accent);
background: var(--nx-surface);
box-shadow: 0 0 0 4px var(--nx-accent-soft);
}

input.j-input::placeholder,
textarea.j-textarea::placeholder {
color: var(--nx-faint);
}

.primary-button {
min-height: 46px;
padding: 0 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 0;
border-radius: 15px;
color: var(--nx-accent-ink);
background: var(--nx-primary-bg);
box-shadow: var(--nx-primary-shadow);
font-size: 13.5px;
font-weight: 650;
text-decoration: none;
transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.primary-button:hover {
transform: translateY(-1px);
}

j-button.primary-button,
a.primary-button,
.primary-button > span,
.primary-button > j-icon {
color: var(--nx-accent-ink);
}

.search-shell {
isolation: isolate;
}

.search-placeholder {
position: absolute;
inset-inline-start: 41px;
top: 50%;
z-index: -1;
overflow: hidden;
color: var(--nx-faint);
font-size: 12.5px;
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - 110px);
transform: translateY(-50%);
pointer-events: none;
}

.primary-button--compact {
min-height: 38px;
padding: 0 16px;
border-radius: 12px;
font-size: 12.5px;
}

.outline-button {
min-height: 36px;
padding: 0 14px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
border: 1px solid var(--nx-line);
border-radius: 11px;
color: var(--nx-ink);
background: var(--nx-surface);
font-size: 12.5px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: color 150ms ease, border-color 150ms ease;
}

.outline-button:hover {
color: var(--nx-accent-strong);
border-color: var(--nx-accent);
}

.outline-button j-icon {
font-size: 18px;
}

.outline-button--danger:hover {
color: var(--nx-danger);
border-color: var(--nx-danger);
}

.danger-button {
min-height: 38px;
padding: 0 15px;
display: inline-flex;
align-items: center;
gap: 7px;
border-radius: 12px;
color: #ffffff;
background: var(--nx-danger);
font-size: 12.5px;
font-weight: 700;
}

.danger-button:hover {
background: color-mix(in srgb, var(--nx-danger) 86%, #000);
}

.text-action,
.text-link {
min-height: 30px;
padding: 0 8px;
display: inline-flex;
align-items: center;
gap: 6px;
border-radius: 9px;
color: var(--nx-accent);
background: transparent;
font-size: 12px;
font-weight: 650;
text-decoration: none;
}

.text-action:hover,
.text-link:hover {
background: var(--nx-accent-soft);
}

.text-action j-icon {
font-size: 17px;
}

.text-action--danger {
color: var(--nx-danger);
}

.text-action--danger:hover {
background: color-mix(in srgb, var(--nx-danger) 11%, transparent);
}

.mini-action,
.icon-action,
.topbar-action,
.rail-theme {
width: 38px;
height: 38px;
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
border-radius: var(--nx-radius-control);
color: var(--nx-muted);
background: transparent;
transition: color 150ms ease, background 150ms ease;
}

.mini-action {
width: 32px;
height: 32px;
border-radius: 10px;
}

.mini-action j-icon {
font-size: 18px;
}

.mini-action:hover,
.icon-action:hover,
.topbar-action:hover,
.topbar-action--on {
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.mini-action--danger:hover {
color: var(--nx-danger);
background: color-mix(in srgb, var(--nx-danger) 12%, transparent);
}

.kind {
width: 30px;
height: 30px;
display: inline-grid;
flex: 0 0 auto;
place-items: center;
border-radius: var(--nx-radius-kind);
color: var(--k-file-ink);
background: var(--k-file-bg);
}

.kind j-icon {
font-size: 17px;
}

.kind[data-kind="folder"] { color: var(--k-folder-ink); background: var(--k-folder-bg); }
.kind[data-kind="doc"], .kind[data-kind="text"] { color: var(--k-doc-ink); background: var(--k-doc-bg); }
.kind[data-kind="sheet"] { color: var(--k-sheet-ink); background: var(--k-sheet-bg); }
.kind[data-kind="deck"] { color: var(--k-deck-ink); background: var(--k-deck-bg); }
.kind[data-kind="pdf"] { color: var(--k-pdf-ink); background: var(--k-pdf-bg); }
.kind[data-kind="image"] { color: var(--k-image-ink); background: var(--k-image-bg); }
.kind[data-kind="video"], .kind[data-kind="audio"] { color: var(--k-video-ink); background: var(--k-video-bg); }

.kind[data-kind="folder"] j-icon {
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.flag-star {
color: var(--nx-star);
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.avatar,
.rail-avatar,
.header-account__avatar {
width: 30px;
height: 30px;
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--k-doc-ink);
background: var(--k-doc-bg);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}

.avatar[data-tone="me"],
.rail-avatar,
.header-account__avatar {
color: var(--nx-accent-ink);
background: var(--nx-primary-bg);
}

.count-pill {
min-height: 20px;
height: 20px;
padding: 0 8px;
display: inline-flex;
align-items: center;
border: 1px solid var(--nx-line);
border-radius: 999px;
color: var(--nx-muted);
background: var(--nx-surface);
font-family: var(--nx-font-ui);
font-size: 11px;
font-weight: 600;
letter-spacing: 0;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}

.role-chip {
min-height: 22px;
padding: 0 9px;
border-radius: 999px;
color: var(--k-sheet-ink);
background: var(--k-sheet-bg);
font-size: 10.5px;
font-weight: 700;
}

.list-progress,
.upload-progress {
position: relative;
display: block;
height: 2px;
min-height: 2px;
overflow: hidden;
background: var(--nx-line-soft);
}

.list-progress::after,
.upload-progress::after {
position: absolute;
inset-block: 0;
width: 40%;
background: linear-gradient(90deg, transparent, var(--nx-accent), transparent);
content: "";
animation: space-progress 1.15s ease-in-out infinite;
}

@keyframes space-progress {
from { inset-inline-start: -40%; }
to { inset-inline-start: 100%; }
}

.storage-bar {
position: relative;
height: 5px;
overflow: hidden;
border-radius: 999px;
background: var(--nx-line);
}

.storage-bar i {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--nx-accent), var(--nx-accent-strong));
}

.space-app,
.space-shell {
width: 100%;
min-height: 100vh;
}

.space-app:focus {
outline: none;
}

.space-shell {
display: grid;
grid-template-columns: 78px 248px minmax(0, 1fr);
background: var(--nx-canvas);
}

.app-rail {
position: relative;
z-index: 4;
width: 100%;
max-width: 100%;
height: 100vh;
padding: 18px 10px 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
color: var(--nx-rail-fg);
background: var(--nx-rail);
}

.brand-mark {
width: 46px;
height: 46px;
margin-bottom: 14px;
display: grid;
place-items: center;
border-radius: 15px;
color: var(--nx-accent-ink);
background: linear-gradient(140deg, var(--app-tone), var(--app-tone-deep));
box-shadow: 0 10px 24px var(--app-tone-glow), inset 0 1px 0 rgba(255, 255, 255, 0.25);
text-decoration: none;
}

.rail-nav {
width: 100%;
display: grid;
gap: 8px;
}

.rail-link {
position: relative;
min-height: 54px;
padding: 8px 2px 7px;
display: grid;
place-items: center;
gap: 2px;
border-radius: 13px;
color: var(--nx-rail-ink);
text-decoration: none;
transition: color 180ms ease, background 180ms ease;
}

.rail-link j-icon {
font-size: 21px;
}

.rail-link span {
font-size: 9.5px;
font-weight: 600;
letter-spacing: 0.02em;
}

.rail-link:hover {
color: var(--nx-rail-fg);
background: var(--nx-rail-hover);
}

.rail-link--active {
color: var(--nx-rail-fg);
background: var(--nx-rail-active);
}

.rail-link--active::before {
position: absolute;
inset-inline-start: -10px;
top: 50%;
width: 3px;
height: 26px;
border-radius: 0 3px 3px 0;
background: var(--nx-accent);
transform: translateY(-50%);
content: "";
}

.rail-link--active j-icon {
color: color-mix(in srgb, var(--nx-accent) 45%, #ffffff);
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.rail-foot {
width: 100%;
padding-top: 12px;
display: grid;
justify-items: center;
gap: 6px;
border-top: 1px solid var(--nx-rail-line);
}

.rail-theme {
color: var(--nx-rail-ink);
}

.rail-theme:hover {
color: var(--nx-rail-fg);
background: var(--nx-rail-hover);
}

.rail-avatar {
width: 40px;
height: 40px;
outline: 2px solid rgba(255, 255, 255, 0.2);
outline-offset: 2px;
}

.folder-drawer {
position: relative;
z-index: 3;
width: 100%;
max-width: 100%;
height: 100vh;
padding: 22px 16px 16px;
display: flex;
flex-direction: column;
border-inline-end: 1px solid var(--nx-line);
background: transparent;
}

.folder-head {
min-width: 0;
margin: 0 6px 18px;
}

.folder-head h1 {
margin: 0;
color: var(--nx-ink);
font-size: 21px;
line-height: 26px;
}

.folder-account {
margin: 3px 0 0;
overflow: hidden;
color: var(--nx-faint);
font-size: 11.5px;
text-overflow: ellipsis;
white-space: nowrap;
}

.new-wrap {
position: relative;
z-index: 6;
margin-bottom: 18px;
}

.new-button {
width: 100%;
}

.new-menu,
.popover-menu {
position: absolute;
z-index: 30;
min-width: 236px;
padding: 6px;
display: grid;
gap: 2px;
border: 1px solid var(--nx-line-soft);
border-radius: 14px;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-2);
}

.new-menu {
top: calc(100% + 6px);
inset-inline-start: 0;
width: 100%;
}

.menu-item {
position: relative;
width: 100%;
min-height: 40px;
padding: 0 10px;
display: flex;
align-items: center;
gap: 10px;
border-radius: 10px;
color: var(--nx-ink);
background: transparent;
font-size: 13px;
font-weight: 500;
text-align: start;
cursor: pointer;
}

.menu-item > j-icon {
color: var(--nx-muted);
font-size: 19px;
}

.menu-item > span {
flex: 1 1 auto;
}

.menu-item:hover,
.menu-item:focus-within,
.menu-item--on {
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.menu-item:hover > j-icon,
.menu-item--on > j-icon {
color: inherit;
}

.menu-item--danger,
.menu-item--danger > j-icon {
color: var(--nx-danger);
}

.menu-item--danger:hover {
color: var(--nx-danger);
background: color-mix(in srgb, var(--nx-danger) 11%, transparent);
}

.upload-picker {
overflow: hidden;
}

.upload-picker__input,
.upload-picker__input.j-field {
position: absolute;
inset: 0;
z-index: 1;
min-height: 0;
margin: 0;
padding: 0;
display: block;
border: 0;
opacity: 0;
}

.upload-picker__input input,
.upload-picker__input .j-field__label {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
cursor: pointer;
}

.folder-scroll {
min-height: 0;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}

.folder-scroll > .j-scroll-area__content,
.folder-scroll {
overflow-y: auto;
}

.folder-list {
display: grid;
gap: 3px;
}

.folder-link {
min-height: 40px;
padding: 0 12px;
display: flex;
align-items: center;
gap: 11px;
border-radius: 12px;
color: var(--nx-muted);
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.folder-link j-icon {
color: var(--nx-faint);
font-size: 19px;
}

.folder-link .label {
min-width: 0;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.folder-link:hover {
color: var(--nx-ink);
background: color-mix(in srgb, var(--nx-surface) 70%, transparent);
}

.folder-link:hover j-icon {
color: var(--nx-accent);
}

.folder-link--active {
color: var(--nx-ink);
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
font-weight: 650;
}

.folder-link--active j-icon {
color: var(--nx-accent);
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.storage-card {
margin-top: auto;
padding: 14px 14px 13px;
display: grid;
gap: 9px;
border: 1px solid var(--nx-line-soft);
border-radius: 14px;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
}

.storage-copy,
.storage-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
color: var(--nx-faint);
font-size: 10.5px;
font-variant-numeric: tabular-nums;
}

.storage-copy strong {
color: var(--nx-muted);
font-weight: 600;
}

.storage-foot .text-link {
min-height: 24px;
padding: 0 6px;
font-size: 10.5px;
}

.workspace {
min-width: 0;
height: 100vh;
display: grid;
grid-template-rows: 66px minmax(0, 1fr);
}

.topbar {
position: relative;
z-index: 5;
min-width: 0;
border-bottom: 1px solid var(--nx-line);
background: color-mix(in srgb, var(--nx-canvas) 70%, var(--nx-surface) 30%);
}

.topbar j-toolbar {
min-height: 66px;
padding: 0 22px;
display: flex;
align-items: center;
gap: 10px;
}

.search-shell {
position: relative;
width: min(560px, 48vw);
min-height: 40px;
height: 40px;
padding: 0 4px 0 14px;
display: flex;
flex-direction: row !important;
gap: 8px !important;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
border: 1px solid var(--nx-line);
border-radius: 999px;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
transition: border-color 200ms ease, box-shadow 200ms ease;
}

.search-shell:hover {
border-color: color-mix(in srgb, var(--nx-accent) 55%, var(--nx-line));
}

.search-shell:focus-within {
border-color: var(--nx-accent);
box-shadow: 0 0 0 4px var(--nx-accent-soft);
}

.search-icon {
color: var(--nx-faint);
font-size: 19px;
}

.global-search {
min-width: 0;
flex: 1 1 auto;
}

.global-search .j-field__label {
display: none;
}

.global-search input,
.global-search input.j-input {
width: 100%;
min-height: 38px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
font-size: 12.5px;
}

.global-search input:focus {
border: 0;
background: transparent;
box-shadow: none;
}

.search-submit {
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
color: var(--nx-muted);
}

.search-submit:hover {
color: var(--nx-accent-ink);
background: var(--nx-accent);
}

.search-submit j-icon {
font-size: 18px;
}

.mobile-brand {
display: none;
align-items: center;
gap: 8px;
}

.brand-mini {
width: 36px;
height: 36px;
display: grid;
place-items: center;
border-radius: 11px;
color: var(--nx-accent-ink);
background: linear-gradient(140deg, var(--app-tone), var(--app-tone-deep));
}

.tray-wrap {
position: relative;
display: inline-flex;
}

.bell-badge {
position: absolute;
top: 2px;
inset-inline-end: 2px;
min-width: 17px;
min-height: 17px;
height: 17px;
padding: 0 4px;
display: grid;
place-items: center;
border-radius: 999px;
color: #ffffff;
background: var(--nx-accent);
font-size: 9.5px;
font-weight: 800;
pointer-events: none;
}

.header-account {
max-width: 240px;
min-height: 40px;
padding: 4px 10px 4px 4px;
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 8px;
border: 1px solid var(--nx-line);
border-radius: 24px;
color: var(--nx-ink);
background: var(--nx-surface);
text-decoration: none;
}

.header-account:hover {
border-color: var(--nx-accent);
}

.header-account__email {
overflow: hidden;
font-size: 11.5px;
text-overflow: ellipsis;
white-space: nowrap;
}

.header-account j-icon {
color: var(--nx-faint);
font-size: 18px;
}

.space-pages {
min-width: 0;
min-height: 0;
overflow: hidden;
}

.files-page {
height: calc(100vh - 66px);
min-width: 0;
display: grid;
grid-template-columns: minmax(0, 1fr) 352px;
}

.files-page:focus {
outline: none;
}

.files-column {
position: relative;
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
border-inline-end: 1px solid var(--nx-line);
}

.files-column > .files-scroll {
flex: 1 1 auto;
}

.panel-head {
padding: 20px 24px 12px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}

.panel-heading {
min-width: 0;
}

.breadcrumbs,
.view-title {
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 8px;
}

.crumb {
min-width: 0;
display: inline-flex;
align-items: center;
gap: 6px;
}

.crumb-link {
color: var(--nx-faint);
font-size: 13px;
font-weight: 500;
text-decoration: none;
}

.crumb-link:hover {
color: var(--nx-accent);
text-decoration: underline;
}

.crumb-sep {
color: var(--nx-faint);
font-size: 16px;
}

.breadcrumbs h2,
.view-title {
margin: 0;
color: var(--nx-ink);
font-size: 24px;
line-height: 1.2;
overflow-wrap: anywhere;
}

.panel-actions {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 4px;
}

.view-toggle {
padding: 3px;
display: inline-flex;
gap: 2px;
border: 1px solid var(--nx-line);
border-radius: 11px;
background: var(--nx-surface);
}

.view-toggle j-icon-button {
width: 32px;
height: 30px;
display: grid;
place-items: center;
border-radius: 8px;
color: var(--nx-muted);
}

.view-toggle j-icon-button[aria-pressed="true"] {
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.view-toggle j-icon {
font-size: 18px;
}

.menu-anchor {
position: relative;
}

.menu-anchor .popover-menu {
top: calc(100% + 6px);
inset-inline-end: 0;
}

.filter-row {
padding: 0 24px 12px;
display: flex;
gap: 6px;
overflow-x: auto;
scrollbar-width: none;
}

.filter-row::-webkit-scrollbar {
display: none;
}

.filter-chip {
min-height: 30px;
padding: 0 12px;
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 5px;
border: 1px solid var(--nx-line);
border-radius: 999px;
color: var(--nx-muted);
background: var(--nx-surface);
font-size: 12px;
font-weight: 600;
white-space: nowrap;
transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.filter-chip j-icon {
font-size: 16px;
}

.filter-chip:hover {
color: var(--nx-ink);
border-color: var(--nx-faint);
}

.filter-chip--on,
.filter-chip--on:hover {
border-color: transparent;
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.files-scroll {
min-height: 0;
padding: 6px 24px 28px;
display: flex;
flex-direction: column;
gap: 14px;
overflow-y: auto;
}

.files-alert {
border-radius: 12px;
}

.trash-banner {
padding: 10px 14px;
display: flex;
align-items: center;
gap: 10px;
border: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-control);
color: var(--nx-muted);
background: var(--nx-surface);
font-size: 12.5px;
}

.trash-banner j-icon {
color: var(--nx-warn);
}

.files-section {
display: grid;
gap: 10px;
}

.section-label {
margin: 4px 0 0;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--nx-faint);
font-size: 9.5px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
font-variant-numeric: tabular-nums;
}

.section-label--group {
grid-column: 1 / -1;
margin-top: 8px;
}

.section-label--row {
padding: 12px 12px 6px;
border-top: 1px solid var(--nx-line-soft);
background: var(--nx-surface-soft);
}

.skeleton-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
gap: 12px;
}

.skeleton-card {
height: 168px;
display: block;
border-radius: var(--nx-radius-card);
background: linear-gradient(90deg, var(--nx-line-soft), var(--nx-surface), var(--nx-line-soft));
background-size: 200% 100%;
animation: space-shimmer 1.4s ease-in-out infinite;
}

@keyframes space-shimmer {
from { background-position: 100% 0; }
to { background-position: -100% 0; }
}

.folder-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
gap: 10px;
}

.folder-card {
position: relative;
min-width: 0;
min-height: 58px;
padding: 0 6px 0 0;
display: flex;
align-items: center;
gap: 4px;
border: 1px solid var(--nx-line-soft);
border-radius: 14px;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
transition: border-color 150ms ease, transform 150ms ease;
}

.folder-card:hover {
border-color: color-mix(in srgb, var(--nx-accent) 40%, var(--nx-line));
transform: translateY(-1px);
}

.folder-card--selected {
border-color: var(--nx-accent);
box-shadow: 0 0 0 3px var(--nx-accent-soft), var(--nx-shadow-1);
}

.folder-card__open {
min-width: 0;
flex: 1 1 auto;
align-self: stretch;
padding: 10px 0 10px 12px;
display: flex;
align-items: center;
gap: 11px;
color: inherit;
text-decoration: none;
}

.folder-card .kind {
width: 36px;
height: 36px;
border-radius: 11px;
}

.folder-card .kind j-icon {
font-size: 20px;
}

.copy {
min-width: 0;
flex: 1 1 auto;
}

.copy b,
.copy small {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.copy b {
font-size: 13px;
font-weight: 600;
}

.copy small {
color: var(--nx-faint);
font-size: 11px;
font-variant-numeric: tabular-nums;
}

.file-flags {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 3px;
color: var(--nx-faint);
}

.file-flags j-icon {
font-size: 16px;
}

.file-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
gap: 12px;
}

.file-slot {
display: contents;
}

.file-card {
position: relative;
min-width: 0;
padding: 0;
display: grid;
overflow: visible;
border: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-card);
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
text-align: start;
transition: border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.file-card:hover {
border-color: color-mix(in srgb, var(--nx-accent) 40%, var(--nx-line));
transform: translateY(-1px);
}

.file-card:focus-visible {
outline: 2px solid var(--nx-accent);
outline-offset: 2px;
}

.file-card--selected,
.file-card--selected:hover {
border-color: var(--nx-accent);
box-shadow: 0 0 0 3px var(--nx-accent-soft), var(--nx-shadow-1);
}

.file-thumb {
height: 112px;
display: grid;
place-items: center;
border-bottom: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-card) var(--nx-radius-card) 0 0;
background:
radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--nx-surface) 60%, transparent), transparent 60%),
var(--nx-surface-soft);
}

.file-thumb[data-kind="image"] {
background-image:
linear-gradient(45deg, var(--nx-line-soft) 25%, transparent 25%, transparent 75%, var(--nx-line-soft) 75%),
linear-gradient(45deg, var(--nx-line-soft) 25%, transparent 25%, transparent 75%, var(--nx-line-soft) 75%);
background-position: 0 0, 8px 8px;
background-size: 16px 16px;
}

.kind--large {
width: 52px;
height: 52px;
border-radius: 16px;
}

.kind--large j-icon {
font-size: 28px;
}

.file-copy {
padding: 10px 12px 12px;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 9px;
}

.file-copy .kind {
width: 28px;
height: 28px;
border-radius: 8px;
}

.file-copy .kind j-icon {
font-size: 16px;
}

.card-actions {
position: absolute;
top: 8px;
inset-inline-end: 8px;
display: flex;
gap: 2px;
opacity: 0;
transition: opacity 150ms ease;
}

.file-card:hover .card-actions,
.file-card:focus-within .card-actions,
.file-card--selected .card-actions {
opacity: 1;
}

.card-actions .mini-action {
width: 30px;
height: 30px;
border-radius: 9px;
background: color-mix(in srgb, var(--nx-surface) 92%, transparent);
box-shadow: var(--nx-shadow-1);
}

.popover-menu--card {
top: 42px;
inset-inline-end: 8px;
}

.file-list {
display: grid;
overflow: hidden;
border: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-card);
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
}

.file-row {
min-height: 50px;
padding: 0 10px 0 12px;
display: grid;
grid-template-columns: minmax(0, 1fr) 160px 150px 84px 112px;
align-items: center;
gap: 12px;
border-top: 1px solid var(--nx-line-soft);
cursor: pointer;
transition: background 120ms ease;
}

.file-list > .file-row:first-child,
.file-list > .file-slot:first-child > .file-row {
border-top: 0;
}

.file-row--head {
min-height: 38px;
color: var(--nx-faint);
background: var(--nx-surface-soft);
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: default;
}

.file-row:not(.file-row--head):hover {
background: var(--nx-surface-soft);
}

.file-row--selected,
.file-row--selected:hover {
background: var(--nx-accent-soft) !important;
}

.file-row:focus-visible {
outline: 2px solid var(--nx-accent);
outline-offset: -2px;
}

.file-row .name {
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
}

.file-row .name b {
overflow: hidden;
font-size: 13px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
}

.file-row .who,
.file-row .when,
.file-row .size {
min-width: 0;
overflow: hidden;
color: var(--nx-muted);
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}

.file-row .when small {
display: block;
color: var(--nx-faint);
font-size: 10.5px;
}

.file-row .size {
text-align: end;
}

.location-link {
color: var(--nx-muted);
text-decoration: none;
}

.location-link:hover {
color: var(--nx-accent);
text-decoration: underline;
}

.row-actions {
display: flex;
justify-content: flex-end;
gap: 2px;
opacity: 0;
transition: opacity 150ms ease;
}

.file-row:hover .row-actions,
.file-row:focus-within .row-actions,
.file-row--selected .row-actions,
.row-actions--visible {
opacity: 1;
}

.empty-state {
margin: auto;
padding: 40px 24px;
display: grid;
justify-items: center;
gap: 8px;
color: var(--nx-muted);
text-align: center;
}

.empty-state h3 {
margin: 6px 0 0;
color: var(--nx-ink);
font-size: 21px;
}

.empty-state p {
max-width: 42ch;
margin: 0 0 8px;
font-size: 13px;
line-height: 1.55;
}

.placeholder-glyph {
width: 64px;
height: 64px;
display: grid;
place-items: center;
border-radius: 20px;
color: var(--nx-accent);
background: var(--nx-accent-soft);
}

.placeholder-glyph j-icon {
font-size: 30px;
}

.list-footer {
min-height: 42px;
padding: 0 24px;
display: flex;
align-items: center;
gap: 14px;
border-top: 1px solid var(--nx-line);
color: var(--nx-faint);
background: color-mix(in srgb, var(--nx-canvas) 70%, var(--nx-surface) 30%);
font-size: 11.5px;
font-variant-numeric: tabular-nums;
}

.details-column {
min-width: 0;
min-height: 0;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
background: var(--nx-surface);
}

.details-toolbar {
min-height: 56px;
padding: 10px 12px 10px 18px;
display: flex;
align-items: center;
gap: 4px;
border-bottom: 1px solid var(--nx-line-soft);
}

.details-toolbar strong {
flex: 1 1 auto;
color: var(--nx-muted);
font-size: 12.5px;
font-weight: 600;
}

.details-back {
display: none;
}

.details-scroll {
min-height: 0;
overflow-y: auto;
}

.details-scroll,
.details-scroll > .j-scroll-area__content {
padding: 18px 20px 28px;
}

.details-scroll > .j-scroll-area__content {
padding: 0;
}

.details-scroll > *:not(.j-scroll-area__bar) + * {
margin-top: 16px;
}

.details-preview {
height: 176px;
display: grid;
place-items: center;
overflow: hidden;
border: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-card);
background: var(--nx-surface-soft);
}

.details-image {
width: 100%;
height: 100%;
object-fit: contain;
background:
linear-gradient(45deg, var(--nx-line-soft) 25%, transparent 25%, transparent 75%, var(--nx-line-soft) 75%),
linear-gradient(45deg, var(--nx-line-soft) 25%, transparent 25%, transparent 75%, var(--nx-line-soft) 75%);
background-position: 0 0, 8px 8px;
background-size: 16px 16px;
}

.details-text {
width: 100%;
height: 100%;
margin: 0;
padding: 12px 14px;
overflow: auto;
color: var(--nx-muted);
font-family: var(--nx-font-mono);
font-size: 11px;
line-height: 1.55;
white-space: pre-wrap;
overflow-wrap: anywhere;
text-align: start;
place-self: stretch;
}

.kind--hero {
width: 68px;
height: 68px;
border-radius: 20px;
}

.kind--hero j-icon {
font-size: 36px;
}

.details-note {
margin: 8px 0 0;
color: var(--nx-faint);
font-size: 11px;
}

.details-title h3 {
margin: 0;
color: var(--nx-ink);
font-size: 20px;
line-height: 1.25;
overflow-wrap: anywhere;
}

.details-title p {
margin: 4px 0 0;
color: var(--nx-faint);
font-size: 12px;
}

.details-actions {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
gap: 6px;
}

.details-action {
min-height: 58px;
padding: 8px 4px 7px;
display: grid;
justify-items: center;
align-content: center;
gap: 4px;
border: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-control);
color: var(--nx-muted);
background: var(--nx-surface-soft);
font-size: 10.5px;
font-weight: 600;
transition: color 150ms ease, background 150ms ease;
}

.details-action j-icon {
font-size: 20px;
}

.details-action:hover {
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.details-action--primary,
.details-action--primary:hover {
border-color: transparent;
color: var(--nx-accent-ink);
background: var(--nx-primary-bg);
}

.details-more {
display: flex;
flex-wrap: wrap;
gap: 2px 4px;
margin-inline: -8px;
}

.details-section h4 {
margin: 0 0 8px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
color: var(--nx-faint);
font-size: 9.5px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}

.details-section h4 .text-link {
min-height: 24px;
font-size: 10.5px;
letter-spacing: 0.04em;
}

.meta-grid {
margin: 0;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 8px 14px;
font-size: 12.5px;
}

.meta-grid dt {
color: var(--nx-faint);
font-weight: 500;
}

.meta-grid dd {
margin: 0;
color: var(--nx-ink);
font-weight: 500;
overflow-wrap: anywhere;
font-variant-numeric: tabular-nums;
}

.share-list {
display: grid;
gap: 9px;
}

.share-person {
display: flex;
align-items: center;
gap: 10px;
font-size: 12.5px;
}

.share-person .who {
min-width: 0;
flex: 1 1 auto;
}

.share-person b,
.share-person small {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.share-person b {
font-weight: 600;
}

.share-person small {
color: var(--nx-faint);
font-size: 11px;
}

.role {
padding: 3px 8px;
border: 1px solid var(--nx-line-soft);
border-radius: 999px;
color: var(--nx-muted);
background: var(--nx-surface-soft);
font-size: 10.5px;
font-weight: 700;
white-space: nowrap;
}

.role--editor {
border-color: transparent;
color: var(--k-sheet-ink);
background: var(--k-sheet-bg);
}

.role--owner {
border-color: transparent;
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.link-row {
margin-top: 10px;
padding: 10px 12px;
display: flex;
align-items: center;
gap: 10px;
border: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-control);
color: var(--nx-muted);
background: var(--nx-surface-soft);
font-size: 12px;
}

.link-row > j-icon {
color: var(--nx-accent);
font-size: 19px;
}

.link-row .copy b {
color: var(--nx-ink);
font-size: 12.5px;
}

.link-row .copy small {
white-space: normal;
}

.activity {
margin: 0;
padding: 0;
display: grid;
gap: 10px;
list-style: none;
}

.activity li {
display: grid;
grid-template-columns: 26px minmax(0, 1fr);
align-items: start;
gap: 10px;
font-size: 12.5px;
}

.activity-icon {
width: 26px;
height: 26px;
display: grid;
place-items: center;
border-radius: 8px;
color: var(--nx-muted);
background: var(--nx-surface-soft);
}

.activity-icon j-icon {
font-size: 15px;
}

.activity li small {
display: block;
color: var(--nx-faint);
font-size: 11px;
}

.details-placeholder {
padding: 24px;
display: grid;
place-content: center;
justify-items: center;
gap: 8px;
text-align: center;
}

.details-placeholder h3 {
margin: 6px 0 0;
font-size: 20px;
}

.details-placeholder p {
max-width: 30ch;
margin: 0;
color: var(--nx-muted);
font-size: 12.5px;
line-height: 1.5;
}

.placeholder-hints {
margin: 10px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
}

.placeholder-hints div {
display: flex;
align-items: center;
gap: 6px;
color: var(--nx-faint);
font-size: 11.5px;
}

.placeholder-hints dd {
margin: 0;
}

.upload-tray {
position: fixed;
z-index: 60;
inset-inline-end: 18px;
bottom: 18px;
width: min(360px, calc(100vw - 32px));
overflow: hidden;
border: 1px solid var(--nx-line-soft);
border-radius: var(--nx-radius-card);
background: var(--nx-surface);
box-shadow: var(--nx-shadow-2);
}

.upload-head {
padding: 10px 8px 10px 14px;
display: flex;
align-items: center;
gap: 8px;
border-bottom: 1px solid var(--nx-line-soft);
}

.upload-head > j-icon {
color: var(--nx-accent);
}

.upload-head strong {
flex: 1 1 auto;
font-size: 13px;
}

.upload-head small {
color: var(--nx-faint);
font-size: 11px;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}

.upload-empty {
margin: 0;
padding: 16px 14px;
color: var(--nx-faint);
font-size: 12px;
}

.upload-list {
max-height: 280px;
overflow-y: auto;
}

.upload-item {
padding: 9px 14px;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
}

.upload-item + .upload-item {
border-top: 1px solid var(--nx-line-soft);
}

.upload-copy {
min-width: 0;
display: grid;
gap: 3px;
}

.upload-copy b,
.upload-copy small {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.upload-copy b {
font-size: 12.5px;
font-weight: 600;
}

.upload-copy small {
color: var(--nx-faint);
font-size: 11px;
font-variant-numeric: tabular-nums;
}

.upload-item[data-status="failed"] .upload-copy small {
color: var(--nx-danger);
}

.upload-done {
color: var(--nx-ok);
}

.upload-failed {
color: var(--nx-danger);
}

.m-fab,
.m-sheet,
.m-sheet-scrim {
display: none;
}

.confirm-dialog {
z-index: 1300;
background: var(--nx-scrim);
}

.confirm-dialog j-dialog-panel {
width: min(440px, calc(100vw - 32px));
max-height: calc(100dvh - 32px);
padding: 0;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--nx-line);
border-radius: 20px;
color: var(--nx-ink);
background: var(--nx-surface);
box-shadow: var(--nx-shadow-2);
}

.space-dialog--wide j-dialog-panel {
width: min(560px, calc(100vw - 32px));
}

.confirm-dialog j-dialog-header,
.confirm-dialog j-dialog-content,
.confirm-dialog j-dialog-footer {
padding-inline: 22px;
}

.confirm-dialog j-dialog-header {
padding-top: 20px;
display: flex;
align-items: center;
gap: 12px;
}

.confirm-dialog j-dialog-title {
margin: 0;
color: var(--nx-ink);
font-size: 20px;
line-height: 1.2;
overflow-wrap: anywhere;
}

.confirm-dialog j-dialog-content {
min-height: 0;
padding-top: 12px;
padding-bottom: 6px;
display: grid;
gap: 14px;
overflow-y: auto;
color: var(--nx-muted);
font-size: 12.5px;
line-height: 1.6;
}

.confirm-dialog j-dialog-content p {
margin: 0;
}

.confirm-dialog j-dialog-footer {
padding-top: 12px;
padding-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
}

.confirm-dialog__icon {
width: 38px;
height: 38px;
display: grid;
flex: 0 0 auto;
place-items: center;
border-radius: 12px;
color: var(--nx-danger);
background: color-mix(in srgb, var(--nx-danger) 11%, transparent);
}

.confirm-dialog__icon--accent {
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.space-dialog j-dialog-header .kind {
width: 38px;
height: 38px;
border-radius: 12px;
}

.dialog-heading {
min-width: 0;
flex: 1 1 auto;
display: grid;
gap: 2px;
}

.dialog-heading small {
overflow: hidden;
color: var(--nx-faint);
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}

.dialog-form {
display: grid;
gap: 10px;
}

.dialog-field .j-field__label {
display: none;
}

.dialog-note {
color: var(--nx-faint);
font-size: 11.5px;
}

.move-crumbs {
display: flex;
align-items: center;
gap: 8px;
color: var(--nx-ink);
font-size: 13px;
}

.move-list {
max-height: 300px;
display: grid;
gap: 3px;
overflow-y: auto;
}

.move-option {
min-height: 44px;
padding: 0 10px;
display: flex;
align-items: center;
gap: 10px;
border-radius: 11px;
color: var(--nx-ink);
font-size: 13px;
}

.move-option:hover {
background: var(--nx-accent-soft);
}

.move-option__name {
min-width: 0;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.move-option > j-icon {
color: var(--nx-faint);
}

j-form.share-add {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
align-items: center;
gap: 8px;
}

.segmented {
padding: 3px;
display: inline-flex;
gap: 2px;
border: 1px solid var(--nx-line);
border-radius: 12px;
background: var(--nx-surface-soft);
}

.segmented--wide {
width: 100%;
}

.segmented--wide .segmented__option {
flex: 1 1 0;
}

.segmented__option {
min-height: 32px;
padding: 0 12px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
border-radius: 9px;
color: var(--nx-muted);
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}

.segmented__option j-icon {
font-size: 17px;
}

.segmented__option:hover {
color: var(--nx-ink);
}

.segmented__option--on,
.segmented__option--on:hover {
color: var(--nx-accent-strong);
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
}

.link-controls {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
}

j-toggle.j-toggle::before,
j-toggle.j-toggle::after {
content: none;
}

j-toggle {
flex: 0 0 auto;
align-items: center;
cursor: pointer;
}

j-toggle > label.j-toggle {
min-height: 24px;
gap: 0;
pointer-events: none;
}

j-toggle .j-toggle__track {
width: 42px;
height: 24px;
padding: 2px;
flex: 0 0 42px;
border: 1px solid var(--nx-line);
border-radius: 999px;
background: var(--nx-line);
transition: background 200ms ease, border-color 200ms ease;
}

j-toggle .j-toggle__thumb {
width: 18px;
height: 18px;
border-radius: 50%;
background: #ffffff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: transform 200ms ease;
}

j-toggle.j-toggle[aria-checked="true"] .j-toggle__track {
border-color: var(--nx-accent);
background: var(--nx-accent);
}

j-toggle.j-toggle[aria-checked="true"] .j-toggle__thumb {
transform: translateX(18px);
}

j-toggle.j-toggle[aria-checked="false"] .j-toggle__thumb {
transform: translateX(0);
}

#__jv-notify {
top: 70px !important;
right: 8px !important;
bottom: auto !important;
left: auto !important;
flex-direction: column !important;
align-items: flex-end !important;
}

.jv-toast {
position: relative;
z-index: 1400;
max-width: min(380px, calc(100vw - 40px));
min-height: 46px;
padding: 11px 13px !important;
display: flex;
align-items: center;
gap: 11px;
border: 1px solid var(--nx-line) !important;
border-radius: 15px !important;
color: var(--nx-ink) !important;
background: var(--nx-surface) !important;
box-shadow: var(--nx-shadow-2) !important;
font: 600 12.5px/1.45 var(--nx-font-ui) !important;
}

.jv-toast__icon {
width: 27px;
height: 27px;
flex: 0 0 27px;
display: grid;
place-items: center;
border-radius: 50% !important;
color: var(--nx-accent-strong) !important;
background: var(--nx-accent-soft) !important;
}

.jv-toast--success .jv-toast__icon {
color: var(--nx-ok) !important;
background: color-mix(in srgb, var(--nx-ok) 14%, transparent) !important;
}

.jv-toast--error .jv-toast__icon,
.jv-toast--warning .jv-toast__icon {
color: var(--nx-danger) !important;
background: color-mix(in srgb, var(--nx-danger) 12%, transparent) !important;
}

.jv-toast__close {
padding: 4px 8px;
border: 0;
border-radius: 9px;
color: var(--nx-faint);
background: transparent;
}

.mobile-nav-dialog {
z-index: 1250;
background: var(--nx-scrim);
}

.mobile-nav-dialog j-dialog-panel {
width: min(400px, calc(100vw - 24px));
max-height: calc(100dvh - 24px);
padding: 0;
overflow: hidden;
border: 1px solid var(--nx-line);
border-radius: 22px;
color: var(--nx-ink);
background: var(--nx-surface);
box-shadow: var(--nx-shadow-2);
}

.mobile-nav-dialog j-dialog-header {
min-height: 72px;
padding: 16px 18px;
display: flex;
align-items: center;
gap: 12px;
border-bottom: 1px solid var(--nx-line-soft);
}

.mobile-nav-dialog j-dialog-header > span {
min-width: 0;
flex: 1 1 auto;
display: grid;
gap: 2px;
}

.mobile-nav-dialog j-dialog-title {
margin: 0;
font-size: 22px;
}

.mobile-nav-dialog j-dialog-content {
max-height: calc(100dvh - 110px);
padding: 14px;
display: grid;
gap: 12px;
overflow-y: auto;
}

.mobile-nav-list {
display: grid;
gap: 4px;
}

.mobile-nav-link {
min-height: 48px;
padding: 0 13px;
display: flex;
align-items: center;
gap: 12px;
border-radius: 13px;
color: var(--nx-muted);
font-size: 14px;
text-decoration: none;
}

.mobile-nav-link:hover {
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.mobile-nav-section {
padding: 12px 10px 4px;
display: grid;
gap: 8px;
border-top: 1px solid var(--nx-line-soft);
}

.mobile-nav-quota {
margin: 0;
color: var(--nx-muted);
font-size: 12.5px;
}

.login-page {
min-height: 100vh;
display: grid;
grid-template-columns: minmax(400px, 47%) minmax(460px, 53%);
overflow: auto;
background:
radial-gradient(900px 500px at 88% -10%, var(--nx-accent-soft), transparent 60%),
var(--nx-canvas);
}

.login-story {
position: relative;
min-height: 100vh;
padding: 40px clamp(36px, 5vw, 78px) 38px;
display: flex;
flex-direction: column;
overflow: hidden;
color: #eceaf6;
background: linear-gradient(180deg, #1b1830 0%, #131120 55%, #100e1a 100%);
}

.login-story::before {
position: absolute;
top: -260px;
right: -220px;
width: 640px;
height: 640px;
border-radius: 50%;
background: radial-gradient(circle, var(--nx-accent-glow), transparent 65%);
filter: blur(10px);
content: "";
}

.login-story::after {
position: absolute;
bottom: -80px;
left: -180px;
width: 320px;
height: 320px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 50%;
content: "";
}

.login-brand,
.login-mobile-brand {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 11px;
color: #ffffff;
text-decoration: none;
}

.login-brand strong,
.login-mobile-brand strong {
font-size: 16px;
font-weight: 750;
}

.login-brand-mark {
width: 40px;
height: 40px;
display: grid;
place-items: center;
border-radius: 13px;
color: var(--nx-accent-ink);
background: linear-gradient(140deg, var(--app-tone), var(--app-tone-deep));
box-shadow: 0 10px 24px var(--app-tone-glow);
}

.login-story-copy {
position: relative;
z-index: 1;
width: min(520px, 100%);
margin: auto 0;
padding: 50px 0 38px;
}

.login-kicker {
min-height: 30px;
padding: 0 13px;
align-items: center;
gap: 8px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
color: #cfcde6;
background: rgba(255, 255, 255, 0.05);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}

.login-kicker-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #4fbf8b;
box-shadow: 0 0 0 4px rgba(47, 158, 110, 0.15);
}

.login-story h1 {
margin: 22px 0 16px;
color: #ffffff;
font-size: clamp(40px, 4.4vw, 56px);
line-height: 1.02;
letter-spacing: -0.02em;
}

.login-story-copy > p {
max-width: 42ch;
margin: 0;
color: #b5b2cc;
font-size: 15px;
line-height: 1.55;
}

.login-benefits {
margin-top: 28px;
display: grid;
gap: 14px;
}

.login-benefits > div {
display: flex;
align-items: flex-start;
gap: 12px;
}

.login-benefits > div > span,
.login-assurance-mark {
width: 36px;
height: 36px;
flex: 0 0 auto;
display: grid;
place-items: center;
border-radius: 11px;
color: #d9d6ee;
background: rgba(255, 255, 255, 0.08);
}

.login-benefits p,
.login-assurance p {
margin: 0;
}

.login-benefits strong,
.login-assurance strong {
display: block;
color: #ffffff;
font-size: 13.5px;
}

.login-benefits small,
.login-assurance small {
display: block;
color: #b5b2cc;
font-size: 12px;
line-height: 1.5;
}

.login-assurance {
position: relative;
z-index: 1;
padding: 14px;
display: flex;
gap: 12px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
background: rgba(255, 255, 255, 0.06);
}

.login-form-panel {
padding: 40px;
display: grid;
place-content: center;
gap: 16px;
}

.login-mobile-brand {
display: none;
color: var(--nx-ink);
justify-content: center;
}

.login-card {
width: min(424px, 100%);
padding: 0;
overflow: hidden;
border: 1px solid var(--nx-line-soft);
border-radius: 22px;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-2);
}

.login-card > j-card-section {
padding: 0 28px 22px;
}

.login-card > .login-card-head {
padding: 28px 28px 18px;
}

.login-card-head h2 {
margin: 0 0 6px;
color: var(--nx-ink);
font-size: 26px;
}

.login-card-head p:last-child {
margin: 0;
color: var(--nx-muted);
font-size: 13px;
}

.login-form {
display: grid;
gap: 14px;
}

.login-field {
display: grid;
gap: 7px;
}

.login-label {
color: var(--nx-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
}

.login-field .j-field__label {
display: none;
}

.login-options {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
color: var(--nx-faint);
font-size: 11.5px;
}

.login-submit {
width: 100%;
justify-content: space-between;
padding: 0 18px 0 20px;
}

.login-error {
border-radius: 12px;
}

.login-card > .login-note {
padding: 13px 28px;
display: flex;
gap: 10px;
border-top: 1px solid var(--nx-line-soft);
color: var(--nx-muted);
background: var(--nx-surface-soft);
font-size: 12px;
line-height: 1.45;
}

.login-note > j-icon {
color: var(--nx-accent);
}

.login-note p {
margin: 0;
}

.login-note strong {
display: block;
color: var(--nx-ink);
font-size: 12.5px;
}

.login-legal {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--nx-faint);
font-size: 11.5px;
}

.settings-page {
height: calc(100vh - 66px);
padding: 26px 28px 40px;
overflow-y: auto;
}

.settings-head {
max-width: 1080px;
margin: 0 auto 18px;
}

.settings-head h2 {
margin: 0;
color: var(--nx-ink);
font-size: 30px;
}

.settings-head p:last-child {
margin: 4px 0 0;
color: var(--nx-muted);
font-size: 13px;
}

.settings-grid {
max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
gap: 16px;
}

.settings-card {
padding: 0;
border: 1px solid var(--nx-line-soft);
border-radius: 18px;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
}

.settings-card > .settings-card-head {
padding: 18px 20px;
display: flex;
align-items: center;
gap: 13px;
border-bottom: 1px solid var(--nx-line-soft);
}

.settings-card-head h3 {
margin: 0;
color: var(--nx-ink);
font-family: var(--nx-font-ui);
font-size: 14px;
font-weight: 650;
letter-spacing: normal;
}

.settings-card-head p {
margin: 5px 0 0;
color: var(--nx-muted);
font-size: 11.5px;
}

.settings-icon {
width: 38px;
height: 38px;
display: grid;
flex: 0 0 auto;
place-items: center;
border-radius: 12px;
color: var(--nx-accent-strong);
background: var(--nx-accent-soft);
}

.settings-icon--green { color: var(--k-sheet-ink); background: var(--k-sheet-bg); }
.settings-icon--amber { color: var(--k-deck-ink); background: var(--k-deck-bg); }
.settings-icon--violet { color: var(--k-image-ink); background: var(--k-image-bg); }

.settings-card > .settings-options {
padding: 8px 20px 18px;
display: grid;
gap: 4px;
}

.setting-row,
.account-status {
min-height: 62px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}

.setting-row + .setting-row {
border-top: 1px solid var(--nx-line-soft);
}

.setting-row > div:first-child,
.account-status > div {
min-width: 0;
display: grid;
gap: 3px;
}

.setting-row strong,
.account-status strong {
font-size: 12.5px;
}

.setting-row span,
.account-status span {
color: var(--nx-faint);
font-size: 11px;
}

.account-status {
justify-content: flex-start;
}

.status-dot {
width: 9px;
height: 9px;
flex: 0 0 9px;
border-radius: 50%;
background: var(--nx-ok);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--nx-ok) 14%, transparent);
}

.status-dot--off {
background: var(--nx-faint);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--nx-faint) 14%, transparent);
}

.settings-control-field {
padding-top: 10px;
display: grid;
gap: 6px;
border-top: 1px solid var(--nx-line-soft);
}

.settings-control-label {
padding-top: 6px;
color: var(--nx-muted);
font-size: 11px;
font-weight: 700;
}

.settings-control-field .j-field__label {
display: none;
}

.inline-field {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
}

.settings-hint,
.settings-copy {
margin: 0;
color: var(--nx-faint);
font-size: 11.5px;
line-height: 1.5;
}

.dav-url {
display: block;
overflow: hidden;
color: var(--nx-ink);
font-family: var(--nx-font-mono);
font-size: 11.5px;
text-overflow: ellipsis;
white-space: nowrap;
}

.storage-summary {
margin-top: 12px;
display: grid;
gap: 8px;
}

.theme-switch {
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}

.theme-switch__copy {
display: grid;
gap: 2px;
}

.theme-switch__copy strong {
font-size: 12.5px;
}

.theme-switch__copy span {
color: var(--nx-faint);
font-size: 11px;
}

.theme-switch__track {
position: relative;
width: 74px;
height: 34px;
padding: 0 9px;
display: inline-flex;
align-items: center;
justify-content: space-between;
border: 1px solid var(--nx-line);
border-radius: 999px;
background: var(--nx-surface-soft);
}

.theme-switch__sun,
.theme-switch__moon {
z-index: 1;
color: var(--nx-faint);
font-size: 16px;
}

.theme-switch__sun { color: var(--nx-star); }
[data-theme="dark"] .theme-switch__moon { color: var(--nx-accent); }

.theme-switch__thumb {
position: absolute;
top: 3px;
inset-inline-start: 3px;
width: 26px;
height: 26px;
border-radius: 50%;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-1);
transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

[data-theme="dark"] .theme-switch__thumb {
transform: translateX(40px);
}

[dir="rtl"][data-theme="dark"] .theme-switch__thumb {
transform: translateX(-40px);
}

.skin-row {
padding: 8px 0 12px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}

.skin-card {
position: relative;
padding: 0;
display: grid;
overflow: hidden;
border: 1px solid var(--nx-line);
border-radius: 18px;
text-align: start;
isolation: isolate;
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.skin-card:hover {
transform: translateY(-2px);
}

.skin-card--on {
border-color: var(--nx-accent);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--nx-accent) 13%, transparent);
}

.skin-check {
position: absolute;
top: 10px;
inset-inline-end: 10px;
width: 26px;
height: 26px;
display: none;
place-items: center;
border-radius: 50%;
color: var(--nx-accent-ink);
background: var(--nx-accent);
}

.skin-check j-icon {
font-size: 14px;
}

.skin-card--on .skin-check {
display: grid;
}

.skin-thumb {
position: relative;
height: 110px;
display: block;
}

.skin-thumb i {
position: absolute;
display: block;
}

.skin-thumb .t-rail { inset-block: 0; inset-inline-start: 0; width: 14%; }
.skin-thumb .t-logo { top: 12px; inset-inline-start: 4%; width: 14px; height: 14px; }
.skin-thumb .t-bar { top: 0; inset-inline-start: 14%; inset-inline-end: 0; height: 20px; }
.skin-thumb .t-card { top: 32px; width: 16%; height: 34px; }
.skin-thumb .t-card--a { inset-inline-start: 19%; }
.skin-thumb .t-card--b { inset-inline-start: 38%; }
.skin-thumb .t-card--c { inset-inline-start: 57%; top: 72px; height: 26px; }
.skin-thumb .t-pane { top: 30px; bottom: 10px; inset-inline-end: 5%; width: 18%; }

.skin-card--iris { color: #252239; background: #fbfaf6; border-color: #ddd8cc; }
.skin-thumb--iris { background: radial-gradient(circle at 79% 45%, rgba(103, 88, 211, 0.09), transparent 34%), #f5f2eb; }
.skin-thumb--iris .t-rail { background: linear-gradient(180deg, #25203f, #11101d); }
.skin-thumb--iris .t-logo { border-radius: 5px; background: linear-gradient(145deg, #7a72e8, #4b45bd); }
.skin-thumb--iris .t-bar { border-bottom: 1px solid #ded9cf; background: rgba(255, 254, 250, 0.82); }
.skin-thumb--iris .t-card { border: 1px solid #e3ddd1; border-radius: 7px; background: #ffffff; box-shadow: 0 4px 10px rgba(46, 39, 69, 0.07); }
.skin-thumb--iris .t-card--a { background: linear-gradient(180deg, #ecebfa 60%, #ffffff 60%); }
.skin-thumb--iris .t-pane { border: 1px solid #ddd6c9; border-radius: 8px; background: rgba(255, 255, 255, 0.72); }

.skin-card--deck { color: #d8e2f4; background: #080d17; border-color: rgba(126, 151, 187, 0.34); }
.skin-thumb--deck {
background:
linear-gradient(rgba(93, 242, 207, 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(93, 242, 207, 0.035) 1px, transparent 1px),
#060a13;
background-size: 16px 16px, 16px 16px, auto;
}
.skin-thumb--deck .t-rail { border-inline-end: 1px solid rgba(146, 164, 205, 0.22); background: #04070d; }
.skin-thumb--deck .t-logo { border: 1px solid #5df2cf; border-radius: 2px; background: rgba(93, 242, 207, 0.09); }
.skin-thumb--deck .t-bar { border-bottom: 1px solid rgba(146, 164, 205, 0.18); background: rgba(11, 17, 32, 0.92); }
.skin-thumb--deck .t-card { border: 1px solid rgba(126, 151, 187, 0.28); border-radius: 2px; background: rgba(12, 20, 34, 0.82); }
.skin-thumb--deck .t-card--a { border-color: #5df2cf; box-shadow: 0 0 8px rgba(93, 242, 207, 0.35); }
.skin-thumb--deck .t-pane { border: 1px solid rgba(126, 151, 187, 0.28); border-radius: 2px; background: rgba(12, 20, 34, 0.82); }
.skin-thumb--deck .t-sweep {
top: 19px;
inset-inline-start: 14%;
width: 30px;
height: 2px;
background: linear-gradient(90deg, transparent, #5df2cf, transparent);
animation: deck-sweep-thumb 2.6s linear infinite;
}

@keyframes deck-sweep-thumb {
from { inset-inline-start: 14%; opacity: 0; }
15% { opacity: 1; }
85% { opacity: 1; }
to { inset-inline-start: 86%; opacity: 0; }
}

.skin-copy {
padding: 14px 15px 15px;
display: grid;
gap: 4px;
}

.skin-copy strong {
font-size: 15px;
}

.skin-copy span {
font-size: 11px;
line-height: 1.45;
}

.skin-card--iris .skin-copy strong { font-family: "Fraunces", Georgia, serif; }
.skin-card--iris .skin-copy span { color: #746e7b; }
.skin-card--deck .skin-copy strong { color: #71f0d3; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; letter-spacing: 0.11em; text-transform: uppercase; }
.skin-card--deck .skin-copy span { color: #91a1bb; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 10px; }

.starter-not-found {
min-height: 100vh;
display: grid;
place-items: center;
background: var(--nx-canvas);
}

.starter-not-found__content {
display: grid;
justify-items: center;
gap: 10px;
text-align: center;
}

.not-found-glyph {
width: 72px;
height: 72px;
display: grid;
place-items: center;
border-radius: 22px;
color: var(--nx-accent);
background: var(--nx-accent-soft);
}

.not-found-glyph j-icon {
font-size: 36px;
}

.starter-not-found__content h1 {
margin: 0;
color: var(--nx-accent);
font-size: 88px;
line-height: 1;
}

.starter-not-found__content p {
margin: 0 0 10px;
color: var(--nx-muted);
}

:root:has(.skin-flag--deck) {
--nx-radius-kind: 3px;
}

:root:has(.skin-flag--deck) body {
font-size: 13.5px;
}

:root:has(.skin-flag--deck) .brand-mark,
:root:has(.skin-flag--deck) .brand-mini,
:root:has(.skin-flag--deck) .login-brand-mark,
:root:has(.skin-flag--deck) .rail-link,
:root:has(.skin-flag--deck) .folder-link,
:root:has(.skin-flag--deck) .folder-card,
:root:has(.skin-flag--deck) .storage-card,
:root:has(.skin-flag--deck) .search-shell,
:root:has(.skin-flag--deck) .new-menu,
:root:has(.skin-flag--deck) .popover-menu,
:root:has(.skin-flag--deck) .menu-item,
:root:has(.skin-flag--deck) .primary-button,
:root:has(.skin-flag--deck) .outline-button,
:root:has(.skin-flag--deck) .danger-button,
:root:has(.skin-flag--deck) .filter-chip,
:root:has(.skin-flag--deck) .view-toggle,
:root:has(.skin-flag--deck) .view-toggle j-icon-button,
:root:has(.skin-flag--deck) .segmented,
:root:has(.skin-flag--deck) .segmented__option,
:root:has(.skin-flag--deck) .mini-action,
:root:has(.skin-flag--deck) .icon-action,
:root:has(.skin-flag--deck) .topbar-action,
:root:has(.skin-flag--deck) .rail-theme,
:root:has(.skin-flag--deck) .details-preview,
:root:has(.skin-flag--deck) .details-action,
:root:has(.skin-flag--deck) .placeholder-glyph,
:root:has(.skin-flag--deck) .confirm-dialog j-dialog-panel,
:root:has(.skin-flag--deck) .mobile-nav-dialog j-dialog-panel,
:root:has(.skin-flag--deck) .confirm-dialog__icon,
:root:has(.skin-flag--deck) .upload-tray,
:root:has(.skin-flag--deck) .trash-banner,
:root:has(.skin-flag--deck) .link-row,
:root:has(.skin-flag--deck) .login-card,
:root:has(.skin-flag--deck) .settings-card,
:root:has(.skin-flag--deck) .settings-icon,
:root:has(.skin-flag--deck) .skin-card,
:root:has(.skin-flag--deck) .header-account,
:root:has(.skin-flag--deck) input.j-input,
:root:has(.skin-flag--deck) .jv-toast,
:root:has(.skin-flag--deck) .m-fab,
:root:has(.skin-flag--deck) .m-sheet,
:root:has(.skin-flag--deck) .activity-icon,
:root:has(.skin-flag--deck) .count-pill,
:root:has(.skin-flag--deck) .role {
border-radius: 3px !important;
}

:root:has(.skin-flag--deck) .avatar,
:root:has(.skin-flag--deck) .rail-avatar,
:root:has(.skin-flag--deck) .header-account__avatar {
border-radius: 3px;
}

:root:has(.skin-flag--deck) .eyebrow,
:root:has(.skin-flag--deck) .section-label,
:root:has(.skin-flag--deck) .details-section h4,
:root:has(.skin-flag--deck) .count-pill,
:root:has(.skin-flag--deck) .list-footer,
:root:has(.skin-flag--deck) .folder-account,
:root:has(.skin-flag--deck) .copy small,
:root:has(.skin-flag--deck) .file-row .when,
:root:has(.skin-flag--deck) .file-row .size,
:root:has(.skin-flag--deck) .file-row--head,
:root:has(.skin-flag--deck) .storage-copy,
:root:has(.skin-flag--deck) .storage-foot,
:root:has(.skin-flag--deck) .meta-grid dd,
:root:has(.skin-flag--deck) .activity li small,
:root:has(.skin-flag--deck) .upload-copy small,
:root:has(.skin-flag--deck) .details-title p,
:root:has(.skin-flag--deck) .bell-badge,
:root:has(.skin-flag--deck) .avatar,
:root:has(.skin-flag--deck) .rail-avatar {
font-family: var(--nx-font-mono);
}

:root:has(.skin-flag--deck) .copy small,
:root:has(.skin-flag--deck) .file-row .when,
:root:has(.skin-flag--deck) .file-row .size {
font-size: 10.5px;
}

:root:has(.skin-flag--deck) .app-rail {
border-inline-end: 1px solid var(--nx-line);
}

:root:has(.skin-flag--deck) .rail-link span {
font-family: var(--nx-font-mono);
font-size: 8.5px;
letter-spacing: 0.14em;
text-transform: uppercase;
}

:root:has(.skin-flag--deck) .rail-link--active,
:root:has(.skin-flag--deck) .rail-link--active j-icon {
color: var(--nx-accent);
}

:root:has(.skin-flag--deck) .brand-mark,
:root:has(.skin-flag--deck) .brand-mini,
:root:has(.skin-flag--deck) .login-brand-mark {
border: 1px solid color-mix(in srgb, var(--app-tone) 35%, transparent);
color: var(--app-tone);
background: color-mix(in srgb, var(--app-tone) 12%, transparent);
box-shadow: none;
}

:root:has(.skin-flag--deck) .search-shell {
padding-inline-start: 12px;
background: var(--nx-canvas);
box-shadow: none;
}

:root:has(.skin-flag--deck) .search-shell::before {
color: var(--nx-accent);
font-family: var(--nx-font-mono);
font-size: 12px;
font-weight: 800;
content: "\203A_";
}

:root:has(.skin-flag--deck) .search-icon {
display: none;
}

:root:has(.skin-flag--deck) .global-search input {
font-family: var(--nx-font-mono);
font-size: 11.5px;
}

:root:has(.skin-flag--deck) .topbar {
background: var(--nx-surface);
}

:root:has(.skin-flag--deck) .topbar::after {
position: absolute;
bottom: -1px;
inset-inline-start: -140px;
width: 140px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--nx-accent), transparent);
content: "";
pointer-events: none;
animation: deck-sweep 3.4s linear infinite;
}

@keyframes deck-sweep {
to { inset-inline-start: 100%; }
}

:root:has(.skin-flag--deck) .primary-button {
font-family: var(--nx-font-mono);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}

:root:has(.skin-flag--deck) .primary-button:hover {
transform: none;
background: var(--nx-accent-strong);
}

:root:has(.skin-flag--deck) .folder-link--active {
background: var(--nx-surface-soft);
box-shadow: inset 2px 0 0 var(--nx-accent);
}

:root:has(.skin-flag--deck) .folder-card:hover,
:root:has(.skin-flag--deck) .file-card:hover,
:root:has(.skin-flag--deck) .skin-card:hover {
transform: none;
}

:root:has(.skin-flag--deck) .file-card,
:root:has(.skin-flag--deck) .file-thumb,
:root:has(.skin-flag--deck) .file-list {
border-radius: 3px;
}

:root:has(.skin-flag--deck) .file-card--selected,
:root:has(.skin-flag--deck) .folder-card--selected {
box-shadow: inset 0 0 0 1px var(--nx-accent);
}

:root:has(.skin-flag--deck) .file-row--selected {
box-shadow: inset 2px 0 0 var(--nx-accent);
}

:root:has(.skin-flag--deck) .login-story {
background: linear-gradient(180deg, #0a101f 0%, #060a13 60%, #05080f 100%);
}

html[dir="rtl"],
html[dir="rtl"] body {
direction: rtl;
}

[dir="rtl"] body {
font-family: var(--nx-font-ui);
}

[dir="rtl"] .eyebrow,
[dir="rtl"] .section-label,
[dir="rtl"] .details-section h4,
[dir="rtl"] .rail-link span,
[dir="rtl"] .primary-button,
[dir="rtl"] .file-row--head {
letter-spacing: 0;
}

[dir="rtl"] .crumb-sep,
[dir="rtl"] .move-option > j-icon {
transform: scaleX(-1);
}

[dir="rtl"] .dav-url {
direction: ltr;
text-align: end;
}

@media (max-width: 1240px) {
.files-page {
grid-template-columns: minmax(0, 1fr) 300px;
}

.file-row {
grid-template-columns: minmax(0, 1fr) 130px 84px 100px;
}

.file-row > .who {
display: none;
}
}

@media (max-width: 1080px) {
.space-shell {
grid-template-columns: 68px 216px minmax(0, 1fr);
}

.files-page {
grid-template-columns: minmax(0, 1fr);
}

.details-column {
position: fixed;
z-index: 40;
top: 66px;
bottom: 0;
inset-inline-end: 0;
width: min(380px, 100vw);
border-inline-start: 1px solid var(--nx-line);
box-shadow: var(--nx-shadow-2);
transform: translateX(105%);
transition: transform 220ms ease;
}

[dir="rtl"] .details-column {
transform: translateX(-105%);
}

.files-page--details .details-column {
transform: none;
}

.details-column--empty {
display: none;
}

.settings-grid {
grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 860px) {
.space-shell {
grid-template-columns: 68px minmax(0, 1fr);
}

.folder-drawer {
display: none;
}

.login-page {
grid-template-columns: minmax(0, 1fr);
}

.login-story {
display: none;
}

.login-mobile-brand {
display: flex;
}
}

@media (max-width: 680px) {
:root {
--nx-mobile-bar-height: 64px;
}

html,
body {
overflow: auto;
}

.space-shell {
display: block;
}

.app-rail {
position: fixed;
z-index: 80;
inset: auto 0 0;
width: 100%;
height: calc(var(--nx-mobile-bar-height) + env(safe-area-inset-bottom, 0px));
padding: 6px 10px max(6px, env(safe-area-inset-bottom, 0px));
display: block;
border-top: 1px solid var(--nx-rail-line);
}

.brand-mark,
.rail-foot,
.app-rail > j-space {
display: none;
}

.rail-nav {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 5px;
}

.rail-link {
min-height: 50px;
padding: 4px 3px 3px;
}

.rail-link--active::before {
top: -6px;
inset-inline-start: 50%;
width: 28px;
height: 3px;
border-radius: 0 0 3px 3px;
transform: translateX(-50%);
}

.workspace {
height: auto;
min-height: 100dvh;
grid-template-rows: 58px minmax(0, 1fr);
padding-bottom: calc(var(--nx-mobile-bar-height) + env(safe-area-inset-bottom, 0px));
}

.topbar j-toolbar {
min-height: 58px;
padding-inline: 12px;
gap: 6px;
}

.mobile-brand {
display: flex;
}

.mobile-brand strong,
.header-account,
.search-key {
display: none;
}

.search-shell {
width: auto;
min-width: 0;
flex: 1 1 auto;
}

.topbar j-toolbar > j-space {
display: none;
}

.files-page,
.settings-page {
height: calc(100dvh - 58px - var(--nx-mobile-bar-height) - env(safe-area-inset-bottom, 0px));
}

.panel-head {
padding: 14px 14px 10px;
}

.breadcrumbs h2,
.view-title {
font-size: 21px;
}

.view-toggle {
display: none;
}

.filter-row {
padding-inline: 14px;
}

.files-scroll {
padding: 4px 14px 96px;
}

.folder-grid {
grid-template-columns: minmax(0, 1fr);
}

.file-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

.file-thumb {
height: 92px;
}

.file-row {
grid-template-columns: minmax(0, 1fr) auto;
min-height: 58px;
}

.file-row > .who,
.file-row > .size,
.file-row--head {
display: none;
}

.file-row .when {
display: none;
}

.row-actions {
opacity: 1;
}

.card-actions {
opacity: 1;
}

.list-footer {
display: none;
}

.details-column {
top: 0;
bottom: 0;
z-index: 90;
width: 100vw;
border: 0;
}

.details-back {
display: inline-flex;
}

.details-close {
display: none;
}

.upload-tray {
inset-inline: 12px;
bottom: calc(var(--nx-mobile-bar-height) + 12px + env(safe-area-inset-bottom, 0px));
width: auto;
}

.m-fab {
position: fixed;
z-index: 70;
inset-inline-end: 16px;
bottom: calc(var(--nx-mobile-bar-height) + 16px + env(safe-area-inset-bottom, 0px));
width: 56px;
height: 56px;
display: grid;
place-items: center;
border-radius: 18px;
color: var(--nx-accent-ink);
background: var(--nx-primary-bg);
box-shadow: 0 12px 26px var(--nx-accent-glow);
}

.m-fab j-icon {
font-size: 26px;
}

.m-sheet-scrim {
position: fixed;
z-index: 95;
inset: 0;
display: block;
background: var(--nx-scrim);
}

.m-sheet-scrim[style*="display: none"],
.m-sheet[style*="display: none"] {
display: none !important;
}

.m-sheet {
position: fixed;
z-index: 96;
inset: auto 0 0;
padding: 10px 14px calc(22px + env(safe-area-inset-bottom, 0px));
display: grid;
gap: 2px;
border-radius: 22px 22px 0 0;
background: var(--nx-surface);
box-shadow: var(--nx-shadow-2);
}

.m-sheet::before {
width: 40px;
height: 4px;
margin: 0 auto 10px;
border-radius: 2px;
background: var(--nx-line);
content: "";
}

.m-sheet h3 {
margin: 0 6px 8px;
font-size: 18px;
}

.m-sheet .menu-item {
min-height: 50px;
font-size: 14px;
}

.settings-page {
padding: 16px 14px 96px;
}

.skin-row {
grid-template-columns: minmax(0, 1fr);
}

.setting-row {
flex-wrap: wrap;
padding-block: 10px;
}

.share-add {
grid-template-columns: minmax(0, 1fr);
}

.login-form-panel {
padding: 28px 16px;
}

.login-card > j-card-section {
padding-inline: 22px;
}

.login-card > .login-card-head {
padding: 24px 22px 14px;
}

#__jv-notify {
top: 62px !important;
right: 0 !important;
left: 0 !important;
align-items: stretch !important;
}

.jv-toast {
max-width: none;
}
}

@media (max-width: 420px) {
.file-grid {
grid-template-columns: minmax(0, 1fr);
}

.panel-actions .icon-action {
width: 34px;
}
}

@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
transition: none !important;
animation: none !important;
}
}

j-menu.suite-launcher {
position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; min-width: 0;
padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none;
--jv-color-primary: var(--nx-accent); --jv-color-on-surface: var(--nx-ink);
}
.suite-launcher__trigger {
display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
width: 40px; height: 40px; min-width: 40px; padding: 0; border: 1px solid transparent;
border-radius: 50%; background: transparent; color: var(--nx-muted); cursor: pointer;
}
.suite-launcher__trigger:hover, .suite-launcher__trigger[aria-expanded="true"] {
background: var(--nx-accent-soft); color: var(--nx-accent); border-color: var(--nx-line);
}
.suite-launcher__trigger > j-icon { font-size: 24px; line-height: 1; }
.suite-launcher__trigger:focus-visible { outline: 2px solid var(--nx-accent); outline-offset: 3px; }
.suite-launcher__positioner { position: absolute; z-index: 1500; top: calc(100% + 12px); inset-inline-end: 0; }
.suite-launcher:not([data-jv-zag-ready]) .suite-launcher__positioner,
.suite-launcher__panel[hidden] { display: none !important; }
.suite-launcher__panel {
width: min(372px, calc(100vw - 24px)); padding: 16px; border: 1px solid var(--nx-line); border-radius: 22px;
background: var(--nx-surface); color: var(--nx-ink); box-shadow: var(--nx-shadow-2);
font-family: var(--nx-font-ui); line-height: 1.4; animation: suite-panel-in 160ms cubic-bezier(.2, .8, .2, 1);
}
@keyframes suite-panel-in { from { opacity: 0; transform: translateY(-6px) scale(.985); } }
.suite-launcher__panel:focus-visible { outline: 2px solid var(--nx-accent); outline-offset: 3px; }
.suite-launcher__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 3px 6px 15px; }
.suite-launcher__heading > strong { font-size: 15px; letter-spacing: -.3px; font-weight: 700; }
.suite-launcher__heading > span { color: var(--nx-muted); font-size: 11px; }
.suite-launcher__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.suite-launcher__app {
display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
min-width: 0; padding: 15px 5px 9px; border: 1px solid transparent; border-radius: 15px;
color: var(--nx-ink); text-align: center; text-decoration: none; cursor: pointer;
}
.suite-launcher__app:hover, .suite-launcher__app[data-highlighted] {
color: var(--nx-ink); background: var(--nx-surface-soft); border-color: var(--nx-line);
}
.suite-launcher__app:focus-visible, .suite-launcher__app[data-highlighted] { outline: 2px solid var(--nx-accent); outline-offset: -2px; }
.suite-launcher__app[data-app-current="true"] { background: var(--nx-accent-soft); border-color: var(--nx-line); }
.suite-launcher__icon {
display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 10px;
border-radius: 13px; color: var(--nx-accent); background: var(--nx-accent-soft);
}
.suite-launcher__app[data-app="calendar"] .suite-launcher__icon { color: var(--nx-star); background: color-mix(in srgb, var(--nx-star) 12%, transparent); }
.suite-launcher__app[data-app="space"] .suite-launcher__icon { color: var(--nx-ok); background: color-mix(in srgb, var(--nx-ok) 12%, transparent); }
.suite-launcher__app[data-app="meet"] .suite-launcher__icon { color: var(--nx-car); background: var(--nx-car-soft); }
.suite-launcher__app[data-app="contacts"] .suite-launcher__icon { color: var(--nx-app-contacts); background: color-mix(in srgb, var(--nx-app-contacts) 12%, transparent); }
.suite-launcher__app > strong { font-size: 12px; font-weight: 650; letter-spacing: -.2px; overflow-wrap: anywhere; }
.suite-launcher__app > small { margin-top: 4px; color: var(--nx-muted); font-size: 10px; }
.suite-launcher__current { min-height: 17px; margin-top: 7px; padding: 2px 6px; border-radius: 5px; color: var(--nx-accent); font-size: 9px; font-weight: 600; }
.suite-launcher__current--empty { visibility: hidden; }
.suite-launcher__app[aria-disabled="true"] { cursor: default; }
.suite-launcher__app[aria-disabled="true"]:hover { background: transparent; border-color: transparent; }
.suite-launcher__app[aria-disabled="true"] .suite-launcher__icon { opacity: .55; }
.suite-launcher__app[aria-disabled="true"] > strong { color: var(--nx-muted); }
:root:has(.skin-flag--deck) .suite-launcher__panel { border-radius: 8px; }
:root:has(.skin-flag--deck) :is(.suite-launcher__app, .suite-launcher__icon, .suite-launcher__trigger) { border-radius: 5px; }
:root:has(.skin-flag--deck) .suite-launcher__heading > span { font-family: var(--nx-font-mono); }

.topbar { position: relative; z-index: 1100; overflow: visible; }

.topbar > j-toolbar { flex: 1 1 auto; width: 100%; min-width: 0; }
@media (max-width: 680px) {
.suite-launcher__trigger { width: 36px; height: 36px; min-width: 36px; }

.suite-launcher__positioner { position: fixed; top: 64px; inset-inline: 12px; }
.suite-launcher__panel { width: auto; padding: 12px; border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) { .suite-launcher__panel { animation: none; } }

.command-apps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin: 12px 0 0; }
.command-app {
--app-tone: var(--nx-accent);
position: relative; display: grid; justify-items: center; align-content: start; gap: 5px; min-width: 0;
padding: 10px 4px 9px; border: 1px solid transparent; border-radius: 14px; color: var(--nx-ink);
text-decoration: none; transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}
.command-app[data-app="calendar"] { --app-tone: var(--nx-star); }
.command-app[data-app="contacts"] { --app-tone: var(--nx-app-contacts); }
.command-app[data-app="space"] { --app-tone: var(--nx-ok); }
.command-app[data-app="meet"] { --app-tone: var(--nx-car); }
.command-app:hover, .command-app:focus-visible { border-color: var(--nx-line); background: var(--nx-surface-soft); outline: none; transform: translateY(-1px); }
.command-app:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--app-tone) 30%, transparent); }
.command-app__icon {
display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px;
color: var(--app-tone); background: color-mix(in srgb, var(--app-tone) 13%, transparent);
transition: transform 160ms cubic-bezier(.2, .8, .2, 1);
}
.command-app:hover .command-app__icon { transform: scale(1.06); }
.command-app > strong { max-width: 100%; overflow: hidden; font-size: 11px; font-weight: 650; letter-spacing: -.1px; text-overflow: ellipsis; white-space: nowrap; }
.command-app > code { max-width: 100%; overflow: hidden; color: var(--nx-faint); font: 9.5px/1.2 var(--nx-font-mono); text-overflow: ellipsis; white-space: nowrap; }
.command-app[data-current="true"]::after {
content: ""; position: absolute; top: 8px; inset-inline-end: 10px; width: 6px; height: 6px; border-radius: 50%;
background: var(--app-tone); box-shadow: 0 0 0 3px color-mix(in srgb, var(--app-tone) 22%, transparent);
}

.command-app--match { border-color: color-mix(in srgb, var(--app-tone) 45%, var(--nx-line)); background: color-mix(in srgb, var(--app-tone) 8%, var(--nx-surface)); }
.command-app--match > code { color: var(--app-tone); }
.command-app--match > code::after { content: " \21B5"; }

.command-launch { justify-content: flex-start; color: var(--nx-faint); font: inherit; font-size: 13px; text-align: start; cursor: text; }
.command-launch > span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root:has(.skin-flag--deck) :is(.command-app, .command-app__icon) { border-radius: 4px; }
@media (max-width: 520px) {
.command-apps { gap: 2px; }
.command-app { padding-inline: 2px; }
.command-app > code { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.command-app, .command-app__icon { transition: none; }
.command-app:hover, .command-app:hover .command-app__icon { transform: none; }
}

.suite-launcher__billing { display: block; padding: 8px 16px; color: inherit; text-decoration: underline; }

.app-mark {
display: inline-block; flex: 0 0 auto; width: 1em; height: 1em; vertical-align: middle;
background: var(--mark-image) center / contain no-repeat; border-radius: 24.22%;
transition: transform 180ms ease;
}
.app-mark--mail, [data-app="mail"] .app-mark { --mark-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22mail-clip%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20rx%3D%22124%22%2F%3E%3C%2FclipPath%3E%3CradialGradient%20id%3D%22mail-night%22%20cx%3D%22.5%22%20cy%3D%22.45%22%20r%3D%22.75%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23141a3c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2305070f%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22mail-aurora%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-200%22%20y%3D%22-200%22%20width%3D%22912%22%20height%3D%22912%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2258%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22mail-sheen%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22mail-rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238c8af2%22%20stop-opacity%3D%22.35%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22mail-jelly%22%20x1%3D%22.2%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dcd4ff%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%238c8af2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234b3fd6%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22mail-spec%22%20cx%3D%22.32%22%20cy%3D%22.18%22%20r%3D%22.55%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22mail-glow%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-30%22%20y%3D%22-30%22%20width%3D%2284%22%20height%3D%2284%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22mail-bevel%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%22.9%22%20result%3D%22b%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%221.1%22%20result%3D%22down%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22down%22%20operator%3D%22out%22%20result%3D%22top%22%2F%3E%3CfeFlood%20flood-color%3D%22%23fff%22%20flood-opacity%3D%22.85%22%20result%3D%22w%22%2F%3E%3CfeComposite%20in%3D%22w%22%20in2%3D%22top%22%20operator%3D%22in%22%20result%3D%22hi%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%22-1.3%22%20result%3D%22up%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22up%22%20operator%3D%22out%22%20result%3D%22bottom%22%2F%3E%3CfeFlood%20flood-color%3D%22%234b3fd6%22%20flood-opacity%3D%22.9%22%20result%3D%22d%22%2F%3E%3CfeComposite%20in%3D%22d%22%20in2%3D%22bottom%22%20operator%3D%22in%22%20result%3D%22sh%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3CfeMergeNode%20in%3D%22sh%22%2F%3E%3CfeMergeNode%20in%3D%22hi%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23mail-clip%29%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23mail-night%29%22%2F%3E%3Cg%20filter%3D%22url%28%23mail-aurora%29%22%20opacity%3D%22.85%22%3E%3Cellipse%20cx%3D%22400%22%20cy%3D%22120%22%20rx%3D%22190%22%20ry%3D%22120%22%20fill%3D%22%237a5cff%22%20opacity%3D%22.75%22%2F%3E%3Cellipse%20cx%3D%22110%22%20cy%3D%22420%22%20rx%3D%22210%22%20ry%3D%22130%22%20fill%3D%22%23ff5fb0%22%20opacity%3D%22.7%22%2F%3E%3Cellipse%20cx%3D%22300%22%20cy%3D%22330%22%20rx%3D%22150%22%20ry%3D%2270%22%20fill%3D%22%238c8af2%22%20opacity%3D%22.45%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22183%22%20cy%3D%22383%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22%2F%3E%3Ccircle%20cx%3D%22434%22%20cy%3D%2260%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.42%22%2F%3E%3Ccircle%20cx%3D%22183%22%20cy%3D%22369%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.79%22%2F%3E%3Ccircle%20cx%3D%22202%22%20cy%3D%22391%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.59%22%2F%3E%3Ccircle%20cx%3D%22356%22%20cy%3D%22426%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.77%22%2F%3E%3Ccircle%20cx%3D%22383%22%20cy%3D%22115%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.33%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%22311%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%22204%22%20cy%3D%22136%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22%2F%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%2232%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22%2F%3E%3Ccircle%20cx%3D%22364%22%20cy%3D%22473%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.59%22%2F%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22352%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%22407%22%20cy%3D%22116%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.46%22%2F%3E%3Ccircle%20cx%3D%22379%22%20cy%3D%2230%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%22306%22%20cy%3D%22341%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.53%22%2F%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22137%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22368%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.70%22%2F%3E%3Ccircle%20cx%3D%2292%22%20cy%3D%2250%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22%2F%3E%3Ccircle%20cx%3D%22375%22%20cy%3D%22195%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%22339%22%20cy%3D%22228%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%22108%22%20cy%3D%22102%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.28%22%2F%3E%3Ccircle%20cx%3D%22402%22%20cy%3D%22180%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.65%22%2F%3E%3Ccircle%20cx%3D%22372%22%20cy%3D%22249%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.27%22%2F%3E%3Ccircle%20cx%3D%22433%22%20cy%3D%22183%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%22136%22%20cy%3D%22156%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22%2F%3E%3Ccircle%20cx%3D%22385%22%20cy%3D%22411%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.79%22%2F%3E%3Ccircle%20cx%3D%22308%22%20cy%3D%2230%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22%2F%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23mail-sheen%29%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%221.5%22%20y%3D%221.5%22%20width%3D%22509%22%20height%3D%22509%22%20rx%3D%22122.5%22%20fill%3D%22none%22%20stroke%3D%22url%28%23mail-rim%29%22%20stroke-width%3D%223%22%2F%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20opacity%3D%22.75%22%20filter%3D%22url%28%23mail-glow%29%22%3E%3Cpath%20d%3D%22M3%204.4A1.4%201.4%200%200%201%204.4%203L19.6%203A1.4%201.4%200%200%201%2021%204.4L21%205.39A0.8%200.8%200%200%201%2020.67%206.04L12.71%2011.88A1.2%201.2%200%200%201%2011.29%2011.88L3.33%206.04A0.8%200.8%200%200%201%203%205.39Z%22%20fill%3D%22%238c8af2%22%2F%3E%3Cpath%20d%3D%22M3%2010.18A0.8%200.8%200%200%201%204.27%209.53L11.29%2014.68A1.2%201.2%200%200%200%2012.71%2014.68L19.73%209.53A0.8%200.8%200%200%201%2021%2010.18L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8Z%22%20fill%3D%22%238c8af2%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23mail-bevel%29%22%3E%3Cpath%20d%3D%22M3%2010.18A0.8%200.8%200%200%201%204.27%209.53L11.29%2014.68A1.2%201.2%200%200%200%2012.71%2014.68L19.73%209.53A0.8%200.8%200%200%201%2021%2010.18L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8Z%22%20fill%3D%22url%28%23mail-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3Cpath%20d%3D%22M3%204.4A1.4%201.4%200%200%201%204.4%203L19.6%203A1.4%201.4%200%200%201%2021%204.4L21%205.39A0.8%200.8%200%200%201%2020.67%206.04L12.71%2011.88A1.2%201.2%200%200%201%2011.29%2011.88L3.33%206.04A0.8%200.8%200%200%201%203%205.39Z%22%20fill%3D%22url%28%23mail-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M3%204.4A1.4%201.4%200%200%201%204.4%203L19.6%203A1.4%201.4%200%200%201%2021%204.4L21%205.39A0.8%200.8%200%200%201%2020.67%206.04L12.71%2011.88A1.2%201.2%200%200%201%2011.29%2011.88L3.33%206.04A0.8%200.8%200%200%201%203%205.39Z%22%20fill%3D%22url%28%23mail-spec%29%22%2F%3E%3Cpath%20d%3D%22M3%2010.18A0.8%200.8%200%200%201%204.27%209.53L11.29%2014.68A1.2%201.2%200%200%200%2012.71%2014.68L19.73%209.53A0.8%200.8%200%200%201%2021%2010.18L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8Z%22%20fill%3D%22url%28%23mail-spec%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.app-mark--calendar, [data-app="calendar"] .app-mark { --mark-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22calendar-clip%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20rx%3D%22124%22%2F%3E%3C%2FclipPath%3E%3CradialGradient%20id%3D%22calendar-night%22%20cx%3D%22.5%22%20cy%3D%22.45%22%20r%3D%22.75%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23141a3c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2305070f%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22calendar-aurora%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-200%22%20y%3D%22-200%22%20width%3D%22912%22%20height%3D%22912%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2258%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22calendar-sheen%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22calendar-rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc65c%22%20stop-opacity%3D%22.35%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22calendar-jelly%22%20x1%3D%22.2%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffeab8%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23ffc65c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e0761c%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22calendar-spec%22%20cx%3D%22.32%22%20cy%3D%22.18%22%20r%3D%22.55%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22calendar-glow%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-30%22%20y%3D%22-30%22%20width%3D%2284%22%20height%3D%2284%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22calendar-bevel%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%22.9%22%20result%3D%22b%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%221.1%22%20result%3D%22down%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22down%22%20operator%3D%22out%22%20result%3D%22top%22%2F%3E%3CfeFlood%20flood-color%3D%22%23fff%22%20flood-opacity%3D%22.85%22%20result%3D%22w%22%2F%3E%3CfeComposite%20in%3D%22w%22%20in2%3D%22top%22%20operator%3D%22in%22%20result%3D%22hi%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%22-1.3%22%20result%3D%22up%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22up%22%20operator%3D%22out%22%20result%3D%22bottom%22%2F%3E%3CfeFlood%20flood-color%3D%22%23e0761c%22%20flood-opacity%3D%22.9%22%20result%3D%22d%22%2F%3E%3CfeComposite%20in%3D%22d%22%20in2%3D%22bottom%22%20operator%3D%22in%22%20result%3D%22sh%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3CfeMergeNode%20in%3D%22sh%22%2F%3E%3CfeMergeNode%20in%3D%22hi%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23calendar-clip%29%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23calendar-night%29%22%2F%3E%3Cg%20filter%3D%22url%28%23calendar-aurora%29%22%20opacity%3D%22.85%22%3E%3Cellipse%20cx%3D%22400%22%20cy%3D%22120%22%20rx%3D%22190%22%20ry%3D%22120%22%20fill%3D%22%23ff9a3d%22%20opacity%3D%22.75%22%2F%3E%3Cellipse%20cx%3D%22110%22%20cy%3D%22420%22%20rx%3D%22210%22%20ry%3D%22130%22%20fill%3D%22%23ff4f8e%22%20opacity%3D%22.7%22%2F%3E%3Cellipse%20cx%3D%22300%22%20cy%3D%22330%22%20rx%3D%22150%22%20ry%3D%2270%22%20fill%3D%22%23ffc65c%22%20opacity%3D%22.45%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22467%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.67%22%2F%3E%3Ccircle%20cx%3D%22286%22%20cy%3D%22340%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.26%22%2F%3E%3Ccircle%20cx%3D%22331%22%20cy%3D%22427%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.28%22%2F%3E%3Ccircle%20cx%3D%22121%22%20cy%3D%22147%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.36%22%2F%3E%3Ccircle%20cx%3D%22331%22%20cy%3D%22399%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22%2F%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%2299%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%22337%22%20cy%3D%22389%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.57%22%2F%3E%3Ccircle%20cx%3D%22446%22%20cy%3D%22159%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.33%22%2F%3E%3Ccircle%20cx%3D%22375%22%20cy%3D%22382%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%22307%22%20cy%3D%22323%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%22294%22%20cy%3D%22335%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%22127%22%20cy%3D%22355%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%22310%22%20cy%3D%22208%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%22221%22%20cy%3D%22145%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%22313%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.67%22%2F%3E%3Ccircle%20cx%3D%22403%22%20cy%3D%2292%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22242%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.27%22%2F%3E%3Ccircle%20cx%3D%22264%22%20cy%3D%22227%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.57%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%22161%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.79%22%2F%3E%3Ccircle%20cx%3D%22439%22%20cy%3D%22165%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.40%22%2F%3E%3Ccircle%20cx%3D%22215%22%20cy%3D%22114%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.78%22%2F%3E%3Ccircle%20cx%3D%22450%22%20cy%3D%22425%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%22278%22%20cy%3D%22437%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%22394%22%20cy%3D%22406%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22%2F%3E%3Ccircle%20cx%3D%22157%22%20cy%3D%2242%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%22363%22%20cy%3D%22286%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.34%22%2F%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23calendar-sheen%29%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%221.5%22%20y%3D%221.5%22%20width%3D%22509%22%20height%3D%22509%22%20rx%3D%22122.5%22%20fill%3D%22none%22%20stroke%3D%22url%28%23calendar-rim%29%22%20stroke-width%3D%223%22%2F%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20opacity%3D%22.75%22%20filter%3D%22url%28%23calendar-glow%29%22%3E%3Cpath%20d%3D%22M3%205.2A2.2%202.2%200%200%201%205.2%203L18.8%203A2.2%202.2%200%200%201%2021%205.2L21%206.4A1.2%201.2%200%200%201%2019.8%207.6L4.2%207.6A1.2%201.2%200%200%201%203%206.4Z%22%20fill%3D%22%23ffc65c%22%2F%3E%3Cpath%20d%3D%22M3%2010.8A1.2%201.2%200%200%201%204.2%209.6L19.8%209.6A1.2%201.2%200%200%201%2021%2010.8L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8ZM13.8%2014.9A1.1%201.1%200%200%201%2014.9%2013.8L17.1%2013.8A1.1%201.1%200%200%201%2018.2%2014.9L18.2%2017.1A1.1%201.1%200%200%201%2017.1%2018.2L14.9%2018.2A1.1%201.1%200%200%201%2013.8%2017.1Z%22%20fill%3D%22%23ffc65c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23calendar-bevel%29%22%3E%3Cpath%20d%3D%22M3%2010.8A1.2%201.2%200%200%201%204.2%209.6L19.8%209.6A1.2%201.2%200%200%201%2021%2010.8L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8ZM13.8%2014.9A1.1%201.1%200%200%201%2014.9%2013.8L17.1%2013.8A1.1%201.1%200%200%201%2018.2%2014.9L18.2%2017.1A1.1%201.1%200%200%201%2017.1%2018.2L14.9%2018.2A1.1%201.1%200%200%201%2013.8%2017.1Z%22%20fill%3D%22url%28%23calendar-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3Cpath%20d%3D%22M3%205.2A2.2%202.2%200%200%201%205.2%203L18.8%203A2.2%202.2%200%200%201%2021%205.2L21%206.4A1.2%201.2%200%200%201%2019.8%207.6L4.2%207.6A1.2%201.2%200%200%201%203%206.4Z%22%20fill%3D%22url%28%23calendar-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M3%205.2A2.2%202.2%200%200%201%205.2%203L18.8%203A2.2%202.2%200%200%201%2021%205.2L21%206.4A1.2%201.2%200%200%201%2019.8%207.6L4.2%207.6A1.2%201.2%200%200%201%203%206.4Z%22%20fill%3D%22url%28%23calendar-spec%29%22%2F%3E%3Cpath%20d%3D%22M3%2010.8A1.2%201.2%200%200%201%204.2%209.6L19.8%209.6A1.2%201.2%200%200%201%2021%2010.8L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8ZM13.8%2014.9A1.1%201.1%200%200%201%2014.9%2013.8L17.1%2013.8A1.1%201.1%200%200%201%2018.2%2014.9L18.2%2017.1A1.1%201.1%200%200%201%2017.1%2018.2L14.9%2018.2A1.1%201.1%200%200%201%2013.8%2017.1Z%22%20fill%3D%22url%28%23calendar-spec%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.app-mark--contacts, [data-app="contacts"] .app-mark { --mark-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22contacts-clip%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20rx%3D%22124%22%2F%3E%3C%2FclipPath%3E%3CradialGradient%20id%3D%22contacts-night%22%20cx%3D%22.5%22%20cy%3D%22.45%22%20r%3D%22.75%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23141a3c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2305070f%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22contacts-aurora%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-200%22%20y%3D%22-200%22%20width%3D%22912%22%20height%3D%22912%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2258%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22contacts-sheen%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22contacts-rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff8ac4%22%20stop-opacity%3D%22.35%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22contacts-jelly%22%20x1%3D%22.2%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd6ea%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23ff8ac4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dd3d80%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22contacts-spec%22%20cx%3D%22.32%22%20cy%3D%22.18%22%20r%3D%22.55%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22contacts-glow%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-30%22%20y%3D%22-30%22%20width%3D%2284%22%20height%3D%2284%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22contacts-bevel%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%22.9%22%20result%3D%22b%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%221.1%22%20result%3D%22down%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22down%22%20operator%3D%22out%22%20result%3D%22top%22%2F%3E%3CfeFlood%20flood-color%3D%22%23fff%22%20flood-opacity%3D%22.85%22%20result%3D%22w%22%2F%3E%3CfeComposite%20in%3D%22w%22%20in2%3D%22top%22%20operator%3D%22in%22%20result%3D%22hi%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%22-1.3%22%20result%3D%22up%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22up%22%20operator%3D%22out%22%20result%3D%22bottom%22%2F%3E%3CfeFlood%20flood-color%3D%22%23dd3d80%22%20flood-opacity%3D%22.9%22%20result%3D%22d%22%2F%3E%3CfeComposite%20in%3D%22d%22%20in2%3D%22bottom%22%20operator%3D%22in%22%20result%3D%22sh%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3CfeMergeNode%20in%3D%22sh%22%2F%3E%3CfeMergeNode%20in%3D%22hi%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23contacts-clip%29%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23contacts-night%29%22%2F%3E%3Cg%20filter%3D%22url%28%23contacts-aurora%29%22%20opacity%3D%22.85%22%3E%3Cellipse%20cx%3D%22400%22%20cy%3D%22120%22%20rx%3D%22190%22%20ry%3D%22120%22%20fill%3D%22%23ff5fa8%22%20opacity%3D%22.75%22%2F%3E%3Cellipse%20cx%3D%22110%22%20cy%3D%22420%22%20rx%3D%22210%22%20ry%3D%22130%22%20fill%3D%22%239b4dff%22%20opacity%3D%22.7%22%2F%3E%3Cellipse%20cx%3D%22300%22%20cy%3D%22330%22%20rx%3D%22150%22%20ry%3D%2270%22%20fill%3D%22%23ff8ac4%22%20opacity%3D%22.45%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22157%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%22312%22%20cy%3D%2246%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.30%22%2F%3E%3Ccircle%20cx%3D%22348%22%20cy%3D%22214%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22321%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.67%22%2F%3E%3Ccircle%20cx%3D%22285%22%20cy%3D%22306%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%22242%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%22209%22%20cy%3D%2257%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%22423%22%20cy%3D%22278%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.53%22%2F%3E%3Ccircle%20cx%3D%22389%22%20cy%3D%2268%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.56%22%2F%3E%3Ccircle%20cx%3D%22173%22%20cy%3D%22481%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.80%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22359%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.70%22%2F%3E%3Ccircle%20cx%3D%22176%22%20cy%3D%2262%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.59%22%2F%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2299%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.35%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22477%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%22415%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22317%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%22231%22%20cy%3D%22381%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%22193%22%20cy%3D%22383%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.74%22%2F%3E%3Ccircle%20cx%3D%22443%22%20cy%3D%22193%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.80%22%2F%3E%3Ccircle%20cx%3D%22317%22%20cy%3D%2245%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.30%22%2F%3E%3Ccircle%20cx%3D%22207%22%20cy%3D%22113%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22126%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%22186%22%20cy%3D%2293%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22309%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%22234%22%20cy%3D%22210%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.29%22%2F%3E%3Ccircle%20cx%3D%22239%22%20cy%3D%2270%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.79%22%2F%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23contacts-sheen%29%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%221.5%22%20y%3D%221.5%22%20width%3D%22509%22%20height%3D%22509%22%20rx%3D%22122.5%22%20fill%3D%22none%22%20stroke%3D%22url%28%23contacts-rim%29%22%20stroke-width%3D%223%22%2F%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20opacity%3D%22.75%22%20filter%3D%22url%28%23contacts-glow%29%22%3E%3Cpath%20d%3D%22M12%203.2a4.2%204.2%200%201%201%200%208.4a4.2%204.2%200%201%201%200-8.4Z%22%20fill%3D%22%23ff8ac4%22%2F%3E%3Cpath%20d%3D%22M5.4%2021A1.4%201.4%200%200%201%204%2019.6A8%206.2%200%200%201%2020%2019.6A1.4%201.4%200%200%201%2018.6%2021Z%22%20fill%3D%22%23ff8ac4%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23contacts-bevel%29%22%3E%3Cpath%20d%3D%22M5.4%2021A1.4%201.4%200%200%201%204%2019.6A8%206.2%200%200%201%2020%2019.6A1.4%201.4%200%200%201%2018.6%2021Z%22%20fill%3D%22url%28%23contacts-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3Cpath%20d%3D%22M12%203.2a4.2%204.2%200%201%201%200%208.4a4.2%204.2%200%201%201%200-8.4Z%22%20fill%3D%22url%28%23contacts-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%203.2a4.2%204.2%200%201%201%200%208.4a4.2%204.2%200%201%201%200-8.4Z%22%20fill%3D%22url%28%23contacts-spec%29%22%2F%3E%3Cpath%20d%3D%22M5.4%2021A1.4%201.4%200%200%201%204%2019.6A8%206.2%200%200%201%2020%2019.6A1.4%201.4%200%200%201%2018.6%2021Z%22%20fill%3D%22url%28%23contacts-spec%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.app-mark--space, [data-app="space"] .app-mark { --mark-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22space-clip%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20rx%3D%22124%22%2F%3E%3C%2FclipPath%3E%3CradialGradient%20id%3D%22space-night%22%20cx%3D%22.5%22%20cy%3D%22.45%22%20r%3D%22.75%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23141a3c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2305070f%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22space-aurora%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-200%22%20y%3D%22-200%22%20width%3D%22912%22%20height%3D%22912%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2258%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22space-sheen%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22space-rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235df2cf%22%20stop-opacity%3D%22.35%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22space-jelly%22%20x1%3D%22.2%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d2fff3%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%235df2cf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2312a884%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22space-spec%22%20cx%3D%22.32%22%20cy%3D%22.18%22%20r%3D%22.55%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22space-glow%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-30%22%20y%3D%22-30%22%20width%3D%2284%22%20height%3D%2284%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22space-bevel%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%22.9%22%20result%3D%22b%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%221.1%22%20result%3D%22down%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22down%22%20operator%3D%22out%22%20result%3D%22top%22%2F%3E%3CfeFlood%20flood-color%3D%22%23fff%22%20flood-opacity%3D%22.85%22%20result%3D%22w%22%2F%3E%3CfeComposite%20in%3D%22w%22%20in2%3D%22top%22%20operator%3D%22in%22%20result%3D%22hi%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%22-1.3%22%20result%3D%22up%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22up%22%20operator%3D%22out%22%20result%3D%22bottom%22%2F%3E%3CfeFlood%20flood-color%3D%22%2312a884%22%20flood-opacity%3D%22.9%22%20result%3D%22d%22%2F%3E%3CfeComposite%20in%3D%22d%22%20in2%3D%22bottom%22%20operator%3D%22in%22%20result%3D%22sh%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3CfeMergeNode%20in%3D%22sh%22%2F%3E%3CfeMergeNode%20in%3D%22hi%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23space-clip%29%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23space-night%29%22%2F%3E%3Cg%20filter%3D%22url%28%23space-aurora%29%22%20opacity%3D%22.85%22%3E%3Cellipse%20cx%3D%22400%22%20cy%3D%22120%22%20rx%3D%22190%22%20ry%3D%22120%22%20fill%3D%22%232fd6a0%22%20opacity%3D%22.75%22%2F%3E%3Cellipse%20cx%3D%22110%22%20cy%3D%22420%22%20rx%3D%22210%22%20ry%3D%22130%22%20fill%3D%22%232f8cff%22%20opacity%3D%22.7%22%2F%3E%3Cellipse%20cx%3D%22300%22%20cy%3D%22330%22%20rx%3D%22150%22%20ry%3D%2270%22%20fill%3D%22%235df2cf%22%20opacity%3D%22.45%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22114%22%20cy%3D%22153%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22375%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22%2F%3E%3Ccircle%20cx%3D%22317%22%20cy%3D%22252%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22142%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.43%22%2F%3E%3Ccircle%20cx%3D%22271%22%20cy%3D%22285%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.36%22%2F%3E%3Ccircle%20cx%3D%22395%22%20cy%3D%22301%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22%2F%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%22105%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.76%22%2F%3E%3Ccircle%20cx%3D%22269%22%20cy%3D%22243%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%22279%22%20cy%3D%22166%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%22232%22%20cy%3D%22262%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.57%22%2F%3E%3Ccircle%20cx%3D%2273%22%20cy%3D%22380%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.61%22%2F%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%2296%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.77%22%2F%3E%3Ccircle%20cx%3D%2273%22%20cy%3D%22405%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.59%22%2F%3E%3Ccircle%20cx%3D%22122%22%20cy%3D%22299%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%22208%22%20cy%3D%22325%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%22176%22%20cy%3D%22328%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.33%22%2F%3E%3Ccircle%20cx%3D%22333%22%20cy%3D%22299%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.29%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22146%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.59%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%2249%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%22185%22%20cy%3D%22265%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2263%22%20cy%3D%22256%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%22386%22%20cy%3D%22168%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%22394%22%20cy%3D%22422%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.33%22%2F%3E%3Ccircle%20cx%3D%22352%22%20cy%3D%2234%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.74%22%2F%3E%3Ccircle%20cx%3D%22105%22%20cy%3D%22123%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.33%22%2F%3E%3Ccircle%20cx%3D%2286%22%20cy%3D%22196%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.61%22%2F%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23space-sheen%29%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%221.5%22%20y%3D%221.5%22%20width%3D%22509%22%20height%3D%22509%22%20rx%3D%22122.5%22%20fill%3D%22none%22%20stroke%3D%22url%28%23space-rim%29%22%20stroke-width%3D%223%22%2F%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20opacity%3D%22.75%22%20filter%3D%22url%28%23space-glow%29%22%3E%3Cpath%20d%3D%22M3%205.2A2.2%202.2%200%200%201%205.2%203L8.31%203A2.2%202.2%200%200%201%2010.35%204.38L11.14%206.35A1.2%201.2%200%200%201%2010.03%208L4.2%208A1.2%201.2%200%200%201%203%206.8Z%22%20fill%3D%22%235df2cf%22%2F%3E%3Cpath%20d%3D%22M3%2011.2A1.2%201.2%200%200%201%204.2%2010L19.8%2010A1.2%201.2%200%200%201%2021%2011.2L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8Z%22%20fill%3D%22%235df2cf%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23space-bevel%29%22%3E%3Cpath%20d%3D%22M3%2011.2A1.2%201.2%200%200%201%204.2%2010L19.8%2010A1.2%201.2%200%200%201%2021%2011.2L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8Z%22%20fill%3D%22url%28%23space-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3Cpath%20d%3D%22M3%205.2A2.2%202.2%200%200%201%205.2%203L8.31%203A2.2%202.2%200%200%201%2010.35%204.38L11.14%206.35A1.2%201.2%200%200%201%2010.03%208L4.2%208A1.2%201.2%200%200%201%203%206.8Z%22%20fill%3D%22url%28%23space-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M3%205.2A2.2%202.2%200%200%201%205.2%203L8.31%203A2.2%202.2%200%200%201%2010.35%204.38L11.14%206.35A1.2%201.2%200%200%201%2010.03%208L4.2%208A1.2%201.2%200%200%201%203%206.8Z%22%20fill%3D%22url%28%23space-spec%29%22%2F%3E%3Cpath%20d%3D%22M3%2011.2A1.2%201.2%200%200%201%204.2%2010L19.8%2010A1.2%201.2%200%200%201%2021%2011.2L21%2018.8A2.2%202.2%200%200%201%2018.8%2021L5.2%2021A2.2%202.2%200%200%201%203%2018.8Z%22%20fill%3D%22url%28%23space-spec%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.app-mark--meet, [data-app="meet"] .app-mark { --mark-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22meet-clip%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20rx%3D%22124%22%2F%3E%3C%2FclipPath%3E%3CradialGradient%20id%3D%22meet-night%22%20cx%3D%22.5%22%20cy%3D%22.45%22%20r%3D%22.75%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23141a3c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2305070f%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22meet-aurora%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-200%22%20y%3D%22-200%22%20width%3D%22912%22%20height%3D%22912%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2258%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22meet-sheen%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22meet-rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2396a2ff%22%20stop-opacity%3D%22.35%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22meet-jelly%22%20x1%3D%22.2%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dfe2ff%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%2396a2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234f5fe0%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22meet-spec%22%20cx%3D%22.32%22%20cy%3D%22.18%22%20r%3D%22.55%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22meet-glow%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-30%22%20y%3D%22-30%22%20width%3D%2284%22%20height%3D%2284%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22meet-bevel%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%22.9%22%20result%3D%22b%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%221.1%22%20result%3D%22down%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22down%22%20operator%3D%22out%22%20result%3D%22top%22%2F%3E%3CfeFlood%20flood-color%3D%22%23fff%22%20flood-opacity%3D%22.85%22%20result%3D%22w%22%2F%3E%3CfeComposite%20in%3D%22w%22%20in2%3D%22top%22%20operator%3D%22in%22%20result%3D%22hi%22%2F%3E%3CfeOffset%20in%3D%22b%22%20dy%3D%22-1.3%22%20result%3D%22up%22%2F%3E%3CfeComposite%20in%3D%22SourceAlpha%22%20in2%3D%22up%22%20operator%3D%22out%22%20result%3D%22bottom%22%2F%3E%3CfeFlood%20flood-color%3D%22%234f5fe0%22%20flood-opacity%3D%22.9%22%20result%3D%22d%22%2F%3E%3CfeComposite%20in%3D%22d%22%20in2%3D%22bottom%22%20operator%3D%22in%22%20result%3D%22sh%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3CfeMergeNode%20in%3D%22sh%22%2F%3E%3CfeMergeNode%20in%3D%22hi%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23meet-clip%29%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23meet-night%29%22%2F%3E%3Cg%20filter%3D%22url%28%23meet-aurora%29%22%20opacity%3D%22.85%22%3E%3Cellipse%20cx%3D%22400%22%20cy%3D%22120%22%20rx%3D%22190%22%20ry%3D%22120%22%20fill%3D%22%235d7dff%22%20opacity%3D%22.75%22%2F%3E%3Cellipse%20cx%3D%22110%22%20cy%3D%22420%22%20rx%3D%22210%22%20ry%3D%22130%22%20fill%3D%22%23c04dff%22%20opacity%3D%22.7%22%2F%3E%3Cellipse%20cx%3D%22300%22%20cy%3D%22330%22%20rx%3D%22150%22%20ry%3D%2270%22%20fill%3D%22%2396a2ff%22%20opacity%3D%22.45%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22117%22%20cy%3D%22415%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.37%22%2F%3E%3Ccircle%20cx%3D%22384%22%20cy%3D%22263%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.71%22%2F%3E%3Ccircle%20cx%3D%22462%22%20cy%3D%22232%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.74%22%2F%3E%3Ccircle%20cx%3D%22329%22%20cy%3D%22480%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.65%22%2F%3E%3Ccircle%20cx%3D%22162%22%20cy%3D%22131%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.35%22%2F%3E%3Ccircle%20cx%3D%22420%22%20cy%3D%2299%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.76%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22154%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%22404%22%20cy%3D%22452%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.36%22%2F%3E%3Ccircle%20cx%3D%22261%22%20cy%3D%22412%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.57%22%2F%3E%3Ccircle%20cx%3D%22361%22%20cy%3D%22276%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%22230%22%20cy%3D%2257%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%22274%22%20cy%3D%22215%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.53%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22465%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.76%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22425%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%22134%22%20cy%3D%2284%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.56%22%2F%3E%3Ccircle%20cx%3D%22254%22%20cy%3D%22361%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.35%22%2F%3E%3Ccircle%20cx%3D%22253%22%20cy%3D%22127%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%22355%22%20cy%3D%22445%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%22453%22%20cy%3D%22230%22%20r%3D%223.0%22%20fill%3D%22%23fff%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%22251%22%20cy%3D%22446%22%20r%3D%221.6%22%20fill%3D%22%23fff%22%20opacity%3D%220.46%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22233%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22%2F%3E%3Ccircle%20cx%3D%22295%22%20cy%3D%22182%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.77%22%2F%3E%3Ccircle%20cx%3D%22227%22%20cy%3D%22181%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%22187%22%20cy%3D%22214%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22442%22%20cy%3D%22349%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2259%22%20r%3D%221.2%22%20fill%3D%22%23fff%22%20opacity%3D%220.27%22%2F%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22url%28%23meet-sheen%29%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%221.5%22%20y%3D%221.5%22%20width%3D%22509%22%20height%3D%22509%22%20rx%3D%22122.5%22%20fill%3D%22none%22%20stroke%3D%22url%28%23meet-rim%29%22%20stroke-width%3D%223%22%2F%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20opacity%3D%22.75%22%20filter%3D%22url%28%23meet-glow%29%22%3E%3Cpath%20d%3D%22M3%208.2A2.6%202.6%200%200%201%205.6%205.6L12.8%205.6A2.6%202.6%200%200%201%2015.4%208.2L15.4%2015.8A2.6%202.6%200%200%201%2012.8%2018.4L5.6%2018.4A2.6%202.6%200%200%201%203%2015.8Z%22%20fill%3D%22%2396a2ff%22%2F%3E%3Cpath%20d%3D%22M17.4%209.89A1%201%200%200%201%2017.79%209.1L19.2%208A1.12%201.12%200%200%201%2021%208.88L21%2015.12A1.12%201.12%200%200%201%2019.2%2016L17.79%2014.9A1%201%200%200%201%2017.4%2014.11Z%22%20fill%3D%22%2396a2ff%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23meet-bevel%29%22%3E%3Cpath%20d%3D%22M17.4%209.89A1%201%200%200%201%2017.79%209.1L19.2%208A1.12%201.12%200%200%201%2021%208.88L21%2015.12A1.12%201.12%200%200%201%2019.2%2016L17.79%2014.9A1%201%200%200%201%2017.4%2014.11Z%22%20fill%3D%22url%28%23meet-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3Cpath%20d%3D%22M3%208.2A2.6%202.6%200%200%201%205.6%205.6L12.8%205.6A2.6%202.6%200%200%201%2015.4%208.2L15.4%2015.8A2.6%202.6%200%200%201%2012.8%2018.4L5.6%2018.4A2.6%202.6%200%200%201%203%2015.8Z%22%20fill%3D%22url%28%23meet-jelly%29%22%20opacity%3D%22.96%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28106%20100%29%20scale%2812.5%29%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M3%208.2A2.6%202.6%200%200%201%205.6%205.6L12.8%205.6A2.6%202.6%200%200%201%2015.4%208.2L15.4%2015.8A2.6%202.6%200%200%201%2012.8%2018.4L5.6%2018.4A2.6%202.6%200%200%201%203%2015.8Z%22%20fill%3D%22url%28%23meet-spec%29%22%2F%3E%3Cpath%20d%3D%22M17.4%209.89A1%201%200%200%201%2017.79%209.1L19.2%208A1.12%201.12%200%200%201%2021%208.88L21%2015.12A1.12%201.12%200%200%201%2019.2%2016L17.79%2014.9A1%201%200%200%201%2017.4%2014.11Z%22%20fill%3D%22url%28%23meet-spec%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

:root :is(.brand-mark, .login-brand-mark, .mobile-brand .brand-envelope, .suite-launcher__icon, .command-app__icon):has(> .app-mark) {
padding: 0; border: 0; background: transparent; box-shadow: none;
}
.brand-mark > .app-mark, .login-brand-mark > .app-mark, .brand-envelope > .app-mark,
.suite-launcher__icon > .app-mark, .command-app__icon > .app-mark { width: 100%; height: 100%; }
.mobile-app-mark { width: 28px; height: 28px; }
:is(.brand-mark, .login-brand, .suite-launcher__app, .command-app):hover .app-mark,
:is(.brand-mark, .login-brand, .suite-launcher__app, .command-app):focus-visible .app-mark { transform: translateY(-1px) scale(1.025); }

.brand-mark, .login-brand-mark, .brand-envelope, .brand-mini {
--app-tone: var(--nx-accent); --app-tone-deep: var(--nx-accent-strong);
--app-tone-glow: color-mix(in srgb, var(--app-tone) 28%, transparent);
}
@media (prefers-reduced-motion: reduce) {
.app-mark { transition: none; transform: none !important; }
}

.space-shell:has(.nexdoc-page) { grid-template-columns: 78px minmax(0, 1fr); }
.space-shell:has(.nexdoc-page) > .folder-drawer { display: none; }
.space-app:has(.nexdoc-page) .m-fab { display: none; }
.nexdoc-page { height: calc(100dvh - 66px); min-height: 0; min-width: 0; display: flex; flex-direction: column; background: var(--nx-canvas); outline: none; }
.nexdoc-header { min-height: 84px; padding: 16px 24px; display: flex; align-items: center; gap: 14px; background: var(--nx-surface); border-bottom: 1px solid var(--nx-line); }
.nexdoc-back { flex: 0 0 38px; }
.nexdoc-mark { width: 42px; height: 48px; display: grid; place-items: center; color: var(--nx-accent); background: var(--nx-accent-soft); border-radius: 12px; }
.nexdoc-mark j-icon { font-size: 28px; }
.nexdoc-title { min-width: 0; }
.nexdoc-brand { display: flex; align-items: center; gap: 9px; font-size: 11px; color: var(--nx-muted); }
.nexdoc-brand b { color: var(--nx-accent); font-weight: 750; letter-spacing: .02em; }
.nexdoc-brand > span { border-inline-start: 1px solid var(--nx-line); padding-inline-start: 9px; }
.nexdoc-title h1 { max-width: 65vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px 0 0; font: 600 17px/1.3 var(--nx-font-ui); color: var(--nx-ink); }
.nexdoc-download { flex: 0 0 auto; white-space: nowrap; }
.nexdoc-toolbar { min-height: 50px; flex: 0 0 auto; padding: 7px 24px; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid var(--nx-line); background: var(--nx-surface-soft); }
.nexdoc-file-type { color: var(--nx-muted); font-size: 12px; font-weight: 550; }
.nexdoc-readonly { display: flex; align-items: center; gap: 5px; color: var(--nx-faint); font-size: 11px; }
.nexdoc-readonly j-icon { font-size: 16px; }
.nexdoc-control-group { display: flex; align-items: center; gap: 4px; }
.nexdoc-control-group + .nexdoc-control-group { border-inline-start: 1px solid var(--nx-line); padding-inline-start: 12px; }
.nexdoc-counter { min-width: 86px; text-align: center; white-space: nowrap; font-size: 12px; font-variant-numeric: tabular-nums; }
.nexdoc-zoom { min-width: 52px; height: 30px; padding: 0 6px; background: transparent; border: 0; border-radius: 6px; font-size: 12px; color: var(--nx-ink); }
.nexdoc-zoom:hover { background: var(--nx-accent-soft); }
.nexdoc-notices { flex: 0 0 auto; padding: 9px 24px; background: var(--nx-surface-soft); border-bottom: 1px solid var(--nx-line); }
.nexdoc-notice { margin: 3px 0; display: flex; align-items: flex-start; gap: 8px; font-size: 11.5px; line-height: 1.5; color: var(--nx-muted); }
.nexdoc-notice j-icon { color: var(--nx-warn); flex: 0 0 auto; font-size: 17px; }
.nexdoc-content { position: relative; flex: 1 1 auto; min-height: 0; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.nexdoc-content-progress { position: absolute; inset: 0 0 auto; z-index: 2; height: 3px; }
.nexdoc-canvas { min-height: 0; flex: 1; overflow: auto; padding: 28px; background-image: radial-gradient(var(--nx-line) .7px, transparent .7px); background-size: 12px 12px; }
.nexdoc-paper { min-width: 0; margin: 0 auto; }
.nexdoc-paper img { width: 100%; display: block; height: auto; }
.nexdoc-pdf-image { background: white; box-shadow: var(--nx-shadow-2); }
.nexdoc-image { object-fit: contain; border-radius: 4px; }
.nexdoc-document { min-height: 0; flex: 1; width: 100%; padding: 24px; display: flex; justify-content: center; }
.nexdoc-document-frame { display: block; width: min(100%, 1000px); height: 100%; min-height: 0; border: 0; background: white; color-scheme: light; box-shadow: var(--nx-shadow-1); }
.nexdoc-state { flex: 1; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px; overflow: auto; text-align: center; }
.nexdoc-state-icon { display: grid; place-items: center; width: 72px; height: 80px; margin-bottom: 20px; color: var(--nx-accent); background: var(--nx-accent-soft); border: 1px solid var(--nx-line); border-radius: 18px; }
.nexdoc-state-icon j-icon { font-size: 38px; }
.nexdoc-state h2 { margin: 0 0 10px; font: var(--nx-display-weight) 28px/1.2 var(--nx-font-display); }
.nexdoc-state p { max-width: 420px; margin: 0; color: var(--nx-muted); font-size: 13px; line-height: 1.7; }
.nexdoc-state--error .nexdoc-state-icon { color: var(--nx-muted); background: var(--nx-surface); }
.nexdoc-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; }
.nexdoc-loading { width: 160px; height: 3px; margin-top: 24px; }
.nexdoc-sheet { display: flex; flex: 1; min-height: 0; min-width: 0; flex-direction: column; background: var(--nx-surface); }
.nexdoc-sheet-scroll { overflow: auto; min-height: 0; flex: 1; direction: ltr; }
.nexdoc-grid { width: max-content; min-width: 100%; font-family: var(--nx-font-ui); font-variant-numeric: tabular-nums; }
.nexdoc-grid-row { display: grid; grid-template-columns: 48px repeat(var(--nexdoc-columns, 1), minmax(140px, 1fr)); min-width: 100%; }
.nexdoc-grid-matrix { display: grid; grid-template-columns: 48px repeat(var(--nexdoc-columns, 1), minmax(140px, 1fr)); }
.nexdoc-grid-owned-row { display: contents; }
.nexdoc-grid-head { position: sticky; top: 0; z-index: 2; }
.nexdoc-grid-cell, .nexdoc-grid-number { min-height: 34px; padding: 8px 10px; border-right: 1px solid var(--nx-line); border-bottom: 1px solid var(--nx-line); line-height: 1.35; color: var(--nx-ink); overflow: hidden; text-overflow: ellipsis; white-space: pre; }
.nexdoc-grid-cell { min-width: 0; }
.nexdoc-grid-head > *, .nexdoc-grid-number { font-size: 11px; font-weight: 600; color: var(--nx-muted); background: var(--nx-surface-soft); text-align: center; }
.nexdoc-grid-number { position: sticky; left: 0; z-index: 1; }
.nexdoc-grid-row:hover > .nexdoc-grid-cell[role="cell"] { background: color-mix(in srgb, var(--nx-accent-soft) 40%, var(--nx-surface)); }
.nexdoc-sheet-empty { padding: 36px; color: var(--nx-muted); font-size: 13px; text-align: center; }
.nexdoc-sheet-footer { display: flex; align-items: center; gap: 12px; min-height: 46px; border-top: 1px solid var(--nx-line); background: var(--nx-surface-soft); }
.nexdoc-sheet-tabs { display: flex; align-self: stretch; flex: 1; min-width: 0; overflow: auto; padding-inline: 10px; }
.nexdoc-sheet-tab { min-height: 44px; padding: 0 14px; display: flex; gap: 7px; align-items: center; flex-shrink: 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--nx-muted); font-size: 12px; }
.nexdoc-sheet-tab j-icon { font-size: 17px; }
.nexdoc-sheet-tab--active { color: var(--nx-accent); border-bottom-color: var(--nx-accent); background: var(--nx-surface); }
.nexdoc-sheet-pagination { display: flex; align-items: center; gap: 5px; padding-inline-end: 12px; white-space: nowrap; font-size: 11px; color: var(--nx-muted); }
.nexdoc-footer { flex: 0 0 auto; min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 24px; color: var(--nx-faint); font-size: 10.5px; border-top: 1px solid var(--nx-line); background: var(--nx-surface); }
[dir="rtl"] .nexdoc-back j-icon, [dir="rtl"] .nexdoc-control-group j-icon:has(+ .nexdoc-counter) { transform: rotate(180deg); }
:root:has(.skin-flag--deck) .nexdoc-brand b { font-family: var(--nx-font-mono); text-transform: uppercase; letter-spacing: .08em; }
:root:has(.skin-flag--deck) .nexdoc-mark { border-radius: 6px; }
@media (max-width: 680px) {
.space-shell:has(.nexdoc-page) { grid-template-columns: minmax(0, 1fr); }
.nexdoc-page { height: calc(100dvh - 58px - var(--nx-mobile-bar-height) - env(safe-area-inset-bottom, 0px)); }
.nexdoc-header { min-height: 74px; padding: 12px; gap: 8px; }
.nexdoc-mark { display: none; }
.nexdoc-title h1 { max-width: 55vw; font-size: 14px; }
.nexdoc-download { min-width: 36px; padding-inline: 8px; }
.nexdoc-download > span { display: none; }
.nexdoc-toolbar { padding: 6px 10px; min-height: 44px; gap: 5px; flex-wrap: wrap; }
.nexdoc-file-type { font-size: 11px; }
.nexdoc-readonly { display: none; }
.nexdoc-control-group { gap: 0; }
.nexdoc-control-group + .nexdoc-control-group { padding-inline-start: 4px; }
.nexdoc-counter { min-width: 72px; font-size: 11px; }
.nexdoc-notices { flex: 0 0 auto; padding: 6px 12px; max-height: 105px; overflow: auto; }
.nexdoc-notice { font-size: 10.5px; }
.nexdoc-canvas { padding: 14px; }
.nexdoc-document { padding: 10px; }
.nexdoc-state { padding: 24px; }
.nexdoc-state h2 { font-size: 24px; }
.nexdoc-sheet-footer { flex-direction: column; align-items: stretch; gap: 0; }
.nexdoc-sheet-tabs { flex: 0 0 auto; max-width: 100%; }
.nexdoc-sheet-pagination { justify-content: flex-end; padding: 4px 10px; border-top: 1px solid var(--nx-line); }
.nexdoc-grid-row, .nexdoc-grid-matrix { grid-template-columns: 40px repeat(var(--nexdoc-columns, 1), minmax(126px, 1fr)); }
.nexdoc-footer { padding: 6px 12px; min-height: 29px; font-size: 10px; }
.nexdoc-escape { display: none; }
}

.login-session-gate:not([data-session-state="anonymous"]) > .login-story,
.login-session-gate:not([data-session-state="anonymous"]) > .login-form-panel,
.login-session-gate[data-session-state="anonymous"] > .login-session-status { display: none !important; }
.login-session-status {
grid-column: 1 / -1; align-self: center; justify-self: center; display: flex;
flex-direction: column; align-items: center; gap: 18px; width: min(420px, calc(100% - 40px));
margin: 48px 20px; color: var(--nx-ink); text-align: center;
}
.login-session-status h1 { margin: 0; font-family: var(--nx-font-ui); font-size: 26px; letter-spacing: -.6px; }
.login-session-status p { margin: 0; color: var(--nx-muted); font-size: 14px; line-height: 1.6; }
.login-session-progress { width: 220px; max-width: 100%; color: var(--nx-accent); }
.login-session-retry { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 10px; color: var(--nx-accent); background: var(--nx-accent-soft); }
.login-session-gate:not([data-session-state="error"]) .login-session-failure,
.login-session-gate:not([data-session-state="error"]) .login-session-retry,
.login-session-gate[data-session-state="error"] .login-session-checking,
.login-session-gate[data-session-state="error"] .login-session-progress { display: none !important; }

.command-center { position: absolute; z-index: 30; top: 62px; inset-inline-end: 18px; width: min(400px, calc(100vw - 32px)); overflow: hidden; border: 1px solid var(--nx-line); border-radius: 18px; background: var(--nx-surface); box-shadow: var(--nx-shadow-2); animation: panel-drop 160ms cubic-bezier(.2, .8, .2, 1); }
.command-trigger { min-height: 38px; padding: 0 11px; gap: 7px; border: 1px solid var(--nx-line); border-radius: 12px; background: var(--nx-surface); font-size: 11px; }
.command-kbd { padding: 1px 6px; border: 1px solid var(--nx-line); border-bottom-width: 2px; border-radius: 6px; color: var(--nx-faint); font-family: var(--nx-font-ui); font-size: 9px; font-weight: 800; letter-spacing: 0.08em; }
.command-center { width: min(560px, calc(100vw - 32px)); padding: 14px 16px 16px; }
.command-input-row { display: flex; align-items: center; gap: 10px; padding: 2px 4px 2px 12px; border: 1.5px solid var(--nx-accent); border-radius: 13px; background: var(--nx-surface-soft); box-shadow: 0 0 0 4px var(--nx-accent-soft); }
.command-input-row > j-icon { color: var(--nx-accent); font-size: 19px; }
.command-input { min-width: 0; flex: 1 1 auto; }
.command-input .j-input, .command-input input { width: 100%; min-height: 42px; padding: 0; border: 0; background: transparent; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; }
.command-input .j-input:focus, .command-input input:focus { border: 0; background: transparent; box-shadow: none; }
.command-input .j-field__label { display: none; }
.command-go { width: 36px; height: 36px; min-height: 36px; padding: 0; align-items: center; justify-content: center; border: 0; border-radius: 10px; color: var(--nx-accent-ink); background: var(--nx-accent); cursor: pointer; }
.command-note { margin: 10px 2px 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--nx-faint); font-size: 10.5px; }
.command-ai-on { padding: 2px 8px; border-radius: 999px; color: var(--nx-ok); background: color-mix(in srgb, var(--nx-ok) 12%, transparent); font-weight: 800; font-size: 9px; letter-spacing: 0.06em; text-transform: uppercase; }
.command-registry { max-height: 240px; margin: 0; padding: 12px 14px; overflow: auto; border: 1px solid var(--nx-line-soft); border-radius: 12px; background: var(--nx-surface-soft); color: var(--nx-muted); font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 10.5px; line-height: 1.75; white-space: pre-wrap; scrollbar-width: thin; scrollbar-color: var(--nx-line) transparent; }
[dir="rtl"] .command-input .j-input, [dir="rtl"] .command-input input, [dir="rtl"] .command-registry { direction: ltr; text-align: end; }
.command-go, .command-go:hover, .command-go:focus-visible { color: var(--nx-accent-ink) !important; }
.command-go:hover { background: linear-gradient(140deg, var(--nx-accent), var(--nx-accent-strong)) !important; }
.command-suggestion:hover { color: var(--nx-accent-strong) !important; }
.command-wrap { position: relative; display: inline-flex; flex: 0 0 auto; }
.command-trigger { width: auto !important; min-width: 92px; max-width: none; flex: 0 0 auto; white-space: nowrap; }
.command-trigger j-icon { flex: 0 0 auto; }
.command-kbd { min-width: 42px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
.command-center { position: absolute; z-index: 1200; top: calc(100% + 12px); inset-inline-end: 0; }
.command-center { width: min(680px, calc(100vw - 32px)); min-width: min(520px, calc(100vw - 32px)); }
.command-suggestions { max-height: 330px; margin-top: 8px; display: grid; gap: 3px; overflow-y: auto; }
.command-suggestion { width: 100%; min-height: 50px; padding: 7px 9px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 1px solid transparent; border-radius: 11px; color: var(--nx-ink); background: transparent; text-align: start; }
.command-suggestion:hover, .command-suggestion:focus-visible { border-color: color-mix(in srgb, var(--nx-accent) 22%, var(--nx-line)); background: var(--nx-accent-soft); outline: none; }
.command-suggestion__icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: var(--nx-accent-strong); background: var(--nx-accent-soft); }
.command-suggestion__copy { min-width: 0; display: grid; gap: 2px; }
.command-suggestion__copy strong { overflow: hidden; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.command-suggestion__copy small { overflow: hidden; color: var(--nx-faint); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.command-suggestion > kbd { padding: 2px 6px; border: 1px solid var(--nx-line); border-radius: 6px; color: var(--nx-faint); background: var(--nx-surface); font-size: 8px; }
.command-registry { max-height: 74px; margin-top: 8px; overflow: hidden; font-size: 9px; opacity: .75; }
@media (max-width: 760px) {
.command-trigger { min-width: 38px; width: 38px !important; padding: 0; }
.command-kbd { display: none; }
.command-center { position: fixed; top: 60px; inset-inline: 12px; width: auto; min-width: 0; }
}
:root:has(.skin-flag--deck) .command-center, :root:has(.skin-flag--deck) .command-input-row, :root:has(.skin-flag--deck) .command-registry, :root:has(.skin-flag--deck) .command-trigger { border-radius: 3px; }
:root:has(.skin-flag--deck) .command-kbd { color: var(--nx-accent); border-color: color-mix(in srgb, var(--nx-accent) 30%, var(--nx-line)); }
:root[dir="rtl"] .command-kbd { letter-spacing: 0; font-family: var(--nx-font-mono); }
@media (max-width: 700px) {
.topbar .command-trigger { min-width: 36px; padding-inline: 8px; }
.topbar .command-kbd { display: none; }
}
@keyframes panel-drop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }