.home-surface{background:radial-gradient(circle at 91% 4%, color-mix(in srgb, var(--color-action) 10%, transparent), transparent 28%), radial-gradient(circle at 0 100%, color-mix(in srgb, var(--color-feedback-info) 7%, transparent), transparent 30%), var(--color-bg-surface);min-width:0;min-height:0;padding:clamp(26px,4vw,54px);overflow:auto}.home-surface>*{width:min(100%,1120px);margin-inline:auto}.home-hero{border:1px solid var(--material-border);background:var(--material-refraction), linear-gradient(125deg, color-mix(in srgb, var(--material-tint-strong) 82%, transparent), color-mix(in srgb, var(--color-action-soft) 38%, var(--material-tint)));min-height:270px;box-shadow:var(--material-elevation), var(--elevation-lg);-webkit-backdrop-filter:blur(var(--material-blur-panel)) saturate(var(--material-saturation));backdrop-filter:blur(var(--material-blur-panel)) saturate(var(--material-saturation));border-radius:26px;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);align-items:center;gap:clamp(18px,4vw,44px);padding:clamp(28px,5vw,58px);display:grid;position:relative;overflow:hidden}.home-hero:after{content:"";border:1px solid color-mix(in srgb, var(--color-action) 18%, transparent);width:240px;height:240px;box-shadow:0 0 0 35px color-mix(in srgb, var(--color-action) 3%, transparent), 0 0 0 70px color-mix(in srgb, var(--color-action) 2%, transparent);pointer-events:none;border-radius:50%;position:absolute;bottom:-130px;right:-90px}.home-hero-copy{z-index:1;position:relative}.home-kicker{color:var(--color-action);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:16px;font-size:10px;font-weight:760;display:inline-flex}.home-hero h2{letter-spacing:-.055em;max-width:16ch;font-size:clamp(32px,4.3vw,56px);font-weight:710;line-height:.99}.home-hero-copy>p{max-width:60ch;color:var(--color-fg-muted);margin-top:19px;font-size:14px;line-height:1.7}.home-actions{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.home-actions .button{border-radius:10px;min-height:42px;padding-inline:15px}.home-receipt{z-index:1;border:1px solid color-mix(in srgb, var(--color-action) 20%, var(--material-border));background:var(--material-refraction), color-mix(in srgb, var(--material-tint-liquid) 86%, transparent);box-shadow:var(--material-elevation), var(--elevation-md);-webkit-backdrop-filter:blur(var(--material-blur-floating)) saturate(var(--material-saturation));backdrop-filter:blur(var(--material-blur-floating)) saturate(var(--material-saturation));border-radius:20px;justify-items:start;padding:24px;display:grid;position:relative}.receipt-orbit{background:var(--color-action-soft);width:40px;height:40px;color:var(--color-action);border-radius:13px;place-items:center;margin-bottom:20px;display:grid}.home-receipt>span{color:var(--color-fg-subtle);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700}.home-receipt>strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:38px;line-height:1}.home-receipt>strong small{color:var(--color-fg-muted);letter-spacing:0;font-size:15px;font-weight:550}.home-receipt p{color:var(--color-fg-muted);margin-top:13px;font-size:11.5px;line-height:1.55}.home-receipt button{color:var(--color-action);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:18px;padding:0;font-size:11.5px;display:flex}.home-section{margin-top:42px}.home-section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.home-section-head>div{display:grid}.home-section-head span{color:var(--color-fg-subtle);letter-spacing:.065em;text-transform:uppercase;font-size:10px;font-weight:650}.home-section-head h3{letter-spacing:-.025em;font-size:19px;font-weight:680}.home-section-head>button{color:var(--color-action);cursor:pointer;background:0 0;border:0;padding:5px;font-size:12px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recent-card{border:1px solid var(--color-border-default);background:linear-gradient(145deg, #ffffff47, transparent 48%), color-mix(in srgb, var(--material-tint-strong) 82%, var(--color-bg-raised));min-height:82px;color:var(--color-fg-default);text-align:left;box-shadow:var(--elevation-sm);cursor:pointer;transition:transform var(--duration-medium) var(--ease-out), border-color var(--duration-fast), box-shadow var(--duration-medium);animation:home-item-in var(--duration-medium) var(--ease-out) both;animation-delay:calc(var(--item-index,0) * var(--motion-stagger));border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;display:grid}.recent-card:hover{border-color:color-mix(in srgb, var(--color-action) 30%, var(--color-border-default));box-shadow:var(--elevation-md);transform:translateY(-2px)}.recent-card>.icon{color:var(--color-fg-subtle);transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast)}.recent-card:hover>.icon{color:var(--color-action);transform:translate(2px)}.recent-page{border:1px solid var(--color-border-default);background:var(--color-bg-surface);width:42px;height:52px;box-shadow:var(--elevation-sm);border-radius:7px;align-content:center;gap:4px;padding:10px 8px;display:grid}.recent-page i{background:var(--color-border-strong);border-radius:9px;height:2px;display:block}.recent-page i:first-child{background:var(--color-action-muted);width:58%;height:3px}.recent-page i:last-child{width:72%}.recent-copy{gap:4px;min-width:0;display:grid}.recent-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.recent-copy small{color:var(--color-fg-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.recent-skeleton{background:linear-gradient(90deg, var(--color-bg-raised), var(--color-bg-sunken), var(--color-bg-raised));min-height:82px;animation:skeleton var(--motion-loop) ease infinite;background-size:200% 100%}.recent-empty{grid-template-columns:auto 1fr}.recent-empty>.icon{color:var(--color-action)}.home-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-template{border:1px solid var(--color-border-default);background:var(--color-bg-raised);min-height:148px;color:var(--color-fg-default);text-align:left;cursor:pointer;transition:transform var(--duration-medium) var(--ease-out), border-color var(--duration-fast), box-shadow var(--duration-medium);border-radius:16px;justify-items:start;padding:18px;display:grid}.home-template:hover{border-color:color-mix(in srgb, var(--template-color,var(--color-action)) 38%, var(--color-border-default));box-shadow:var(--elevation-md);transform:translateY(-3px)}.home-template>span{background:color-mix(in srgb, var(--template-color,var(--color-action)) 13%, transparent);width:38px;height:38px;color:var(--template-color,var(--color-action));border-radius:12px;place-items:center;margin-bottom:21px;display:grid}.home-template strong{font-size:13px}.home-template small{color:var(--color-fg-muted);margin-top:4px;font-size:11px;line-height:1.5}.template-blue{--template-color:var(--color-feedback-info)}.template-green{--template-color:var(--color-feedback-success)}.template-amber{--template-color:var(--color-feedback-warning)}.template-navy{--template-color:var(--color-brand-primary)}.home-footer-card{border:1px solid var(--color-border-default);background:var(--color-bg-sunken);color:var(--color-fg-muted);border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding:14px 16px;font-size:11.5px;display:flex}.home-footer-card>span{align-items:center;gap:5px;display:flex}.home-footer-card>span .icon{color:var(--color-feedback-success)}.home-footer-actions{align-items:center;gap:14px;display:flex}.home-footer-card button{color:var(--color-action);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px;display:flex}@keyframes home-item-in{0%{opacity:0;transform:translateY(7px)}}@keyframes skeleton{50%{background-position:-100% 0}}@media (max-width:900px){.home-hero{grid-template-columns:1fr}.home-receipt{grid-template-columns:auto 1fr;align-items:center;column-gap:14px}.receipt-orbit{grid-row:span 2;margin:0}.home-receipt>strong{font-size:30px}.home-receipt p,.home-receipt button{grid-column:1/-1}}@media (max-width:720px){.home-surface{padding:14px 12px 34px}.home-hero{border-radius:20px;min-height:0;padding:28px 22px}.home-hero h2{font-size:35px}.home-receipt{padding:18px}.home-section{margin-top:30px}.recent-grid,.home-template-grid{grid-template-columns:1fr}.home-template{grid-template-columns:auto 1fr;align-items:center;column-gap:13px;min-height:112px}.home-template>span{grid-row:span 2;margin:0}.home-template small{margin:0}.home-footer-card{flex-direction:column;align-items:flex-start}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-quality:1;--material-shader-mix:1;--primitive-neutral-0:#fff;--primitive-neutral-25:#fbfbff;--primitive-neutral-50:#f8f8fb;--primitive-neutral-75:#f4f2f7;--primitive-neutral-100:#f0f3fa;--primitive-neutral-150:#eef2f8;--primitive-neutral-200:#dce2ee;--primitive-neutral-300:#bdc6d9;--primitive-neutral-500:#8c96ad;--primitive-neutral-600:#566078;--primitive-neutral-900:#111a35;--primitive-blue-50:#e9eeff;--primitive-blue-100:#d9e2ff;--primitive-blue-500:#315eea;--primitive-blue-600:#244bc7;--primitive-blue-700:#182654;--primitive-green-50:#e6f8f0;--primitive-green-500:#11bd72;--primitive-green-700:#0a7b53;--primitive-teal-500:#4d8a91;--primitive-teal-700:#0f8f9e;--primitive-amber-50:#fdf5e2;--primitive-amber-300:#fadf7f;--primitive-amber-500:#c7922a;--primitive-amber-700:#b8860b;--primitive-red-50:#fdeded;--primitive-red-500:#d43b3b;--primitive-red-700:#b02f6c;--color-fg-default:var(--primitive-neutral-900);--color-fg-muted:var(--primitive-neutral-600);--color-fg-subtle:var(--primitive-neutral-500);--color-fg-on-action:var(--primitive-neutral-0);--color-bg-canvas:var(--primitive-neutral-150);--color-bg-surface:var(--primitive-neutral-25);--color-bg-raised:var(--primitive-neutral-0);--color-bg-sunken:var(--primitive-neutral-100);--color-border-default:var(--primitive-neutral-200);--color-border-strong:var(--primitive-neutral-300);--color-brand-primary:var(--primitive-blue-700);--color-brand-accent:var(--primitive-blue-500);--color-brand-positive:var(--primitive-green-500);--color-brand-teal:var(--primitive-teal-500);--color-brand-warm:var(--primitive-amber-500);--color-qr-page:#fff;--color-qr-modules:#182654;--color-action:var(--primitive-blue-500);--color-action-hover:var(--primitive-blue-600);--color-action-muted:#4c78f3;--color-action-soft:var(--primitive-blue-50);--color-feedback-danger:var(--primitive-red-500);--color-feedback-danger-soft:var(--primitive-red-50);--color-feedback-success:var(--primitive-green-500);--color-feedback-success-soft:var(--primitive-green-50);--color-feedback-warning:var(--primitive-amber-700);--color-feedback-warning-soft:var(--primitive-amber-50);--color-feedback-info:#2c78c8;--color-feedback-info-soft:#eaf3fb;--color-selection:var(--primitive-blue-100);--color-primary:var(--color-action);--color-primary-hover:var(--color-action-hover);--color-primary-soft:var(--color-action-soft);--color-on-primary:var(--color-fg-on-action);--color-secondary:var(--color-bg-raised);--color-secondary-hover:var(--color-bg-sunken);--color-on-secondary:var(--color-fg-default);--color-tertiary:transparent;--color-on-tertiary:var(--color-fg-muted);--color-destructive:var(--color-feedback-danger);--color-success:var(--color-feedback-success);--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-md:14px;--line-height-default:1.55;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--control-height-sm:28px;--control-height-md:36px;--control-height-lg:44px;--control-height-touch:44px;--icon-size-sm:12px;--icon-size-md:16px;--icon-size-lg:20px;--icon-size-xl:24px;--radius-control:6px;--radius-card:10px;--radius-panel:14px;--radius-pill:999px;--radius-round:50%;--border-width-hairline:1px;--border-width-strong:2px;--opacity-disabled:.55;--opacity-muted:.42;--opacity-scrim:.55;--opacity-ghost:.3;--elevation-sm:0 1px 2px #14161a0f;--elevation-md:0 6px 24px -8px #14161a2e;--elevation-lg:0 20px 48px -16px #14161a42;--layer-base:0;--layer-raised:1;--layer-dropdown:40;--layer-scrim:60;--layer-modal:80;--layer-toast:100;--interact-press-translate:1px;--interact-icon-tilt:10deg;--duration-instant:60ms;--duration-fast:.12s;--duration-medium:.22s;--duration-slow:.42s;--ease-standard:ease;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1);--motion-distance-sm:1px;--motion-distance-md:2px;--motion-distance-lg:8px;--motion-scale-pressed:.96;--motion-scale-enter:.98;--motion-stagger:35ms;--motion-instant:0s;--motion-fast:var(--duration-fast);--motion-medium:var(--duration-medium);--motion-slow:.32s;--motion-surface:var(--duration-slow);--motion-deliberate:.68s;--motion-loop:1.4s;--motion-shimmer:1.15s;--motion-progress:1.2s;--motion-presence-arrive:.16s;--motion-practical-enter:.18s;--motion-agent-pill-pulse:.85s;--motion-agent-command-pulse:.95s;--motion-presence-caret:1.1s;--ease-emphasized:cubic-bezier(.2, 0, 0, 1.2);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--motion-translate-sm:4px;--motion-translate-md:12px;--motion-translate-lg:18px;--motion-scale-subtle:.985;--motion-scale-popover:.97;--material-tint:#f2f3ffad;--material-tint-strong:#faf8ffd9;--material-tint-liquid:#ffffff8c;--material-border:#23356f33;--material-highlight:#ffffffeb;--material-refraction:radial-gradient(circle at 18% -35%, #ffffffe0, transparent 52%), linear-gradient(118deg, #ffffff57, #dfe7ff2e 52%, #ecfff938);--material-elevation:0 16px 48px -30px #00226557, inset 0 1px var(--material-highlight), inset 0 -1px #315eea0d;--glass-blur-chrome:calc(12px + 7px * var(--surface-quality));--glass-blur-panel:calc(16px + 7px * var(--surface-quality));--glass-blur-floating:calc(19px + 8.5px * var(--surface-quality));--glass-saturation:calc(146% + 22% * var(--surface-quality));--material-blur-chrome:var(--glass-blur-chrome);--material-blur-panel:var(--glass-blur-panel);--material-blur-floating:var(--glass-blur-floating);--material-saturation:var(--glass-saturation);--material-shader-chrome:.7;--material-shader-panel:.82;--material-shader-floating:.96;--material-shader-hero:.76;--layout-titlebar-height:48px;--layout-ribbon-height:148px;--layout-mobile-ribbon-height:104px;--layout-statusbar-height:30px;--layout-sidebar-width:268px;--layout-app-rail-width:72px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-fg-default:#eef3ff;--color-fg-muted:#a5b0c7;--color-fg-subtle:#6f7c98;--color-bg-canvas:#09101f;--color-bg-surface:#11182a;--color-bg-raised:#17213a;--color-bg-sunken:#0c1426;--color-border-default:#26334e;--color-border-strong:#3b4a69;--color-brand-primary:#101a39;--color-brand-accent:#7294ff;--color-brand-positive:#35d995;--color-brand-teal:#67aab0;--color-action:#7294ff;--color-action-hover:#91aaff;--color-action-muted:#5277e2;--color-action-soft:#1c2b55;--color-feedback-danger:#f0716f;--color-feedback-danger-soft:#2a1719;--color-feedback-success:#35d995;--color-feedback-success-soft:#102b22;--color-feedback-warning:#e0b653;--color-feedback-warning-soft:#262014;--color-feedback-info:#6bb2f0;--color-feedback-info-soft:#131f2b;--color-selection:#294079;--material-tint:#0a1326b3;--material-tint-strong:#0f192fdb;--material-tint-liquid:#131f389e;--material-border:#b0c7ff29;--material-highlight:#ffffff29;--material-refraction:radial-gradient(circle at 18% -35%, #638bff38, transparent 52%), linear-gradient(118deg, #ffffff12, #192e5b29 52%, #195e4b1f);--material-elevation:0 18px 52px -28px #000000b8, inset 0 1px var(--material-highlight), inset 0 -1px #3d66d21a;--elevation-sm:0 1px 2px #0006;--elevation-md:0 8px 28px -10px #000000b3;--elevation-lg:0 24px 56px -18px #000c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg-canvas);color:var(--color-fg-default);font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-default);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0}h1,h2,h3,h4,p,figure,dl,dd{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-action)}:focus-visible{outline:var(--border-width-strong) solid var(--color-action);outline-offset:var(--border-width-strong);border-radius:var(--space-1)}::selection{background:var(--color-selection)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--color-fg-subtle);background-clip:content-box}.icon,.marks-icon{--icon-tilt-x:0;--icon-tilt-y:0;--icon-press:0;flex:none;place-items:center;display:inline-grid;position:relative}.marks-icon>svg{pointer-events:none;grid-area:1/1;overflow:visible}.marks-icon-live .marks-icon-body{transform:perspective(120px) rotateX(calc(var(--icon-tilt-y) * -8deg + var(--icon-press) * 6deg)) rotateY(calc(var(--icon-tilt-x) * var(--interact-icon-tilt))) translateY(calc(var(--icon-press) * var(--interact-press-translate))) scale(calc(1 - var(--icon-press) * .05));transform-style:preserve-3d;transition:transform var(--duration-fast) var(--ease-out)}:root[data-motion=reduced] .marks-icon-live .marks-icon-body,:root[data-surface-tier=foundation] .marks-icon-live .marks-icon-body{transition:none;transform:none}.marks-mark{flex:none;display:block;overflow:visible}.marks-mark-frame{fill:var(--color-brand-primary);stroke:color-mix(in srgb, var(--color-brand-accent) 78%, white);stroke-width:1px}.marks-mark-page{fill:var(--color-bg-raised);stroke:color-mix(in srgb, var(--color-brand-primary) 55%, var(--color-border-strong));stroke-width:1px;stroke-linejoin:round}.marks-mark-fold{fill:var(--color-brand-positive);stroke:color-mix(in srgb, var(--color-brand-primary) 50%, var(--color-brand-positive));stroke-width:1px;stroke-linejoin:round}.marks-mark-hash{fill:none;stroke:var(--color-brand-primary);stroke-width:1.4px;stroke-linecap:round}.marks-mark-line{fill:none;stroke:var(--color-brand-accent);stroke-width:1.25px;stroke-linecap:round}.marks-mark-history{fill:none;stroke:var(--color-brand-positive);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.button{border:var(--border-width-hairline) solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-secondary);color:var(--color-on-secondary);cursor:pointer;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-instant) var(--ease-standard);justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.button:hover{background:var(--color-secondary-hover);border-color:var(--color-border-strong)}.button:active:not(:disabled,[data-loading=true]){transform:translateY(var(--interact-press-translate))}.button.primary,.button-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.button.primary:hover,.button-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button.subtle{background:var(--color-tertiary);color:var(--color-on-tertiary)}.button:disabled:not([data-loading=true]){opacity:var(--opacity-disabled);cursor:not-allowed}.button[data-loading=true]{cursor:wait}.button[data-loading=true]>:not(.button-spinner){visibility:hidden}.button-spinner{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ui-spinner{border:var(--border-width-strong) solid currentColor;border-radius:var(--radius-round);width:1em;height:1em;animation:ui-spin var(--motion-deliberate) linear infinite;border-right-color:#0000;flex:none;display:inline-block}@keyframes ui-spin{to{transform:rotate(1turn)}}.icon-button{border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);width:30px;height:30px;color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-button-face{display:inline-flex}.icon-button[data-loading=true] .icon-button-face{visibility:hidden}.icon-button:hover{background:var(--color-bg-sunken);color:var(--color-fg-default)}.icon-button[aria-pressed=true]{background:var(--color-action-soft);color:var(--color-action)}.icon-button:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.icon-button.danger:hover{background:var(--color-feedback-danger-soft);color:var(--color-feedback-danger)}.link-button{color:var(--color-action);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.link-button:hover{text-decoration:underline}.hint{color:var(--color-fg-muted);padding:12px;font-size:13px}.engine-tag{border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase;align-items:center;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.engine-esbt{background:var(--color-action-soft);color:var(--color-action)}.engine-loro,.engine-yjs{background:var(--color-bg-sunken,#80808024);color:var(--color-fg-muted)}.status{color:var(--color-fg-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.status-dot{background:var(--color-fg-subtle);border-radius:50%;width:7px;height:7px}.status-connected .status-dot{background:var(--color-feedback-success)}.status-connecting .status-dot{background:var(--color-feedback-warning);animation:pulse var(--motion-loop) ease-in-out infinite}.status-saving .status-dot{background:var(--color-action);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-action) 18%, transparent)}.status-offline .status-dot{background:var(--color-feedback-danger)}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--motion-instant)!important;transition-duration:var(--motion-instant)!important}}.app{isolation:isolate;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:100%;display:grid;overflow:hidden}.app.with-sidebar{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr)}.main{grid-template-rows:var(--layout-ribbon-height) minmax(0, 1fr) var(--layout-statusbar-height);background:var(--color-bg-surface);border-left:1px solid var(--color-border-default);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.main.route-home,.main.route-benchmark{grid-template-rows:var(--layout-titlebar-height) minmax(0, 1fr) 0}:is(.app:not(.with-sidebar) .main,.app.with-sidebar:has(.sidebar-overlay) .main){border-left:0}.app-ribbon,.sidebar,.outline-drawer,.hud{background:var(--material-refraction), var(--material-tint-strong);border-color:var(--material-border);box-shadow:var(--material-elevation)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-ribbon,.sidebar-overlay,.outline-drawer,.hud{background:var(--material-refraction), var(--material-tint);-webkit-backdrop-filter:blur(var(--material-blur-chrome)) saturate(var(--material-saturation));backdrop-filter:blur(var(--material-blur-chrome)) saturate(var(--material-saturation))}}.sidebar{border-right:1px solid var(--material-border);grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.sidebar-head{padding:calc(12px + env(safe-area-inset-top)) 12px 8px}.sidebar-brand-row{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:10px;display:flex}.brand{color:var(--color-fg-default);letter-spacing:-.02em;align-items:center;gap:7px;font-size:15px;font-weight:680;display:flex}.brand .icon{color:var(--color-action)}.new-doc{display:flex}.new-doc .button.primary{min-height:36px;box-shadow:inset 0 1px #ffffff38, 0 8px 20px -14px var(--color-action);border-radius:9px;flex:1;justify-content:center}.search{border:1px solid var(--color-border-default);background:color-mix(in srgb, var(--color-bg-surface) 80%, transparent);min-width:0;min-height:34px;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:8px;outline:0;margin:0 12px 8px;padding:6px 10px;font-size:13px}.search:focus{border-color:color-mix(in srgb, var(--color-action) 58%, var(--color-border-default));box-shadow:0 0 0 3px var(--color-action-soft)}.doc-list{padding:0 8px 8px;overflow-y:auto}.sidebar-error{background:var(--color-feedback-danger-soft);color:var(--color-feedback-danger);border-radius:7px;margin:4px}.doc-item{min-height:52px;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:1px solid #0000;border-radius:9px;align-items:center;gap:4px;padding:3px 4px 3px 8px;display:flex}.doc-item:hover{background:color-mix(in srgb, var(--color-bg-sunken) 82%, transparent)}.doc-item.active{border-color:color-mix(in srgb, var(--color-action) 24%, var(--color-border-default));background:var(--material-refraction), color-mix(in srgb, var(--material-tint-strong) 78%, transparent);box-shadow:0 8px 22px -17px #0e23597a, inset 0 1px var(--material-highlight)}.doc-item-body{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:3px;padding:5px 2px;display:grid}.doc-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:570;overflow:hidden}.doc-meta{color:var(--color-fg-subtle);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.doc-item>.icon-button{opacity:0;width:28px;height:28px}.doc-item:hover>.icon-button,.doc-item>.icon-button:focus-visible{opacity:1}.sidebar-foot{min-height:48px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--material-border);color:var(--color-fg-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.sidebar-foot button,.sidebar-foot a{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px;text-decoration:none;display:inline-flex}.sidebar-foot button:hover,.sidebar-foot a:hover{color:var(--color-fg-default)}.sidebar-scrim{z-index:60;animation:scrim-in var(--duration-medium) ease both;cursor:default;background:#07090d57;border:0;padding:0;position:fixed;inset:0}.sidebar-overlay{z-index:70;width:min(88vw,310px);box-shadow:var(--elevation-lg);animation:drawer-in var(--duration-medium) var(--ease-out) both;position:fixed;inset:0 auto 0 0}@keyframes scrim-in{0%{opacity:0}}@keyframes drawer-in{0%{opacity:0;transform:translate(-18px)}}.app-ribbon{z-index:20;grid-template-rows:var(--layout-titlebar-height) minmax(0, 1fr);border-bottom:1px solid var(--material-border);min-width:0;display:grid;position:relative;overflow:visible}.app-ribbon.ribbon-home,.app-ribbon.ribbon-benchmark{grid-template-rows:var(--layout-titlebar-height)}.titlebar{border-bottom:1px solid var(--material-border);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 10px 0 8px;display:flex}.ribbon-home .titlebar,.ribbon-benchmark .titlebar{border-bottom:0}.topbar-left,.topbar-right{align-items:center;gap:7px;min-width:0;display:flex}.topbar-right{flex:none}.product-mark{flex:none;place-items:center;width:28px;height:28px;display:grid}.doc-heading{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;max-width:38ch;font-size:13.5px;font-weight:630;overflow:hidden}.titlebar-action{border:1px solid var(--material-border);background:color-mix(in srgb, var(--color-bg-surface) 56%, transparent);min-height:32px;color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-fast) ease, background var(--duration-fast) ease;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:570;display:inline-flex}.titlebar-action:hover{background:color-mix(in srgb, var(--color-bg-surface) 82%, transparent);color:var(--color-fg-default)}.identity-chip{border:1px solid color-mix(in srgb, var(--color-brand-warm) 40%, var(--color-border-default));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-brand-warm) 14%, transparent);min-height:26px;color:var(--color-brand-warm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:0 8px;font-size:10px;font-weight:700}.presence{align-items:center;min-width:28px;padding-right:4px;display:flex}.presence-avatar-button{cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.avatar{border:2px solid var(--material-tint-strong);background:var(--avatar-color,var(--color-action));width:26px;height:26px;color:var(--color-fg-on-action);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;font-size:10px;font-weight:700;display:inline-flex}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--avatar-color) 60%, transparent)}.avatar-editing{box-shadow:0 0 0 2px var(--avatar-color), 0 0 0 3px var(--material-tint-strong)}.presence-avatar-button,.avatar-overflow{animation:presence-arrive var(--motion-presence-arrive) var(--ease-out)}@keyframes presence-arrive{0%{opacity:0;transform:scale(.8)}}.avatar-self{box-shadow:0 0 0 1.5px var(--color-action)}.avatar-overflow{background:var(--color-bg-sunken);color:var(--color-fg-muted)}.presence-backdrop{z-index:80;position:fixed;inset:0}.presence-panel{top:calc(var(--layout-titlebar-height) - 4px);border:1px solid var(--color-border-default);background:var(--color-bg-raised);width:min(420px,100vw - 24px);max-height:min(520px,100vh - 80px);box-shadow:var(--elevation-lg);color:var(--color-fg-default);border-radius:14px;padding:12px;position:absolute;right:12px;overflow:auto}.presence-panel header,.presence-panel li,.presence-actions{align-items:center;display:flex}.presence-panel header{justify-content:space-between;margin-bottom:8px}.presence-panel header button{color:inherit;background:0 0;border:0;font-size:22px}.presence-panel ul{margin:0;padding:0;list-style:none}.presence-panel li{border-top:1px solid var(--color-border-default);gap:10px;min-height:52px}.presence-details{flex:1;min-width:0;display:grid}.presence-details strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.presence-details span{color:var(--color-fg-muted);font-size:11px}.presence-actions{gap:4px}.presence-actions button{border:1px solid var(--color-border-default);background:var(--color-bg-surface);min-height:32px;color:inherit;border-radius:7px}@media (prefers-reduced-motion:reduce){.presence-avatar-button,.avatar-overflow{animation:none}}.statusbar{border-top:1px solid var(--color-border-default);background:var(--color-bg-surface);min-width:0;color:var(--color-fg-muted);white-space:nowrap;align-items:center;gap:18px;padding:0 12px;font-size:11.5px;display:flex;overflow:hidden}.statusbar-group{align-items:center;gap:12px;display:flex}.statusbar-right{margin-left:auto}.outline-drawer,.hud{top:calc(var(--layout-titlebar-height) + 8px);z-index:50;border:1px solid var(--material-border);border-radius:var(--radius-panel);width:288px;box-shadow:var(--elevation-lg), inset 0 1px var(--material-highlight);animation:panel-in var(--duration-medium) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;right:12px;overflow:hidden}.app.route-document .outline-drawer,.app.route-document .hud{top:calc(var(--layout-ribbon-height) + 8px)}.outline-drawer{bottom:calc(var(--layout-statusbar-height) + 8px)}.hud{width:320px;max-height:calc(100vh - var(--layout-titlebar-height) - 16px);overflow-y:auto}.app.route-document .hud{max-height:calc(100vh - var(--layout-ribbon-height) - var(--layout-statusbar-height) - 16px)}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.drawer-head,.hud-head{border-bottom:1px solid var(--material-border);justify-content:space-between;align-items:center;min-height:46px;padding:8px 8px 8px 14px;display:flex}.drawer-head h2,.hud-head h2{color:var(--color-fg-muted);letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:680;display:flex}.empty-state{background:radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--color-action) 9%, transparent), transparent 34%), radial-gradient(circle at 10% 92%, color-mix(in srgb, var(--color-feedback-info) 7%, transparent), transparent 30%), var(--color-bg-surface);place-items:center;min-width:0;min-height:0;padding:32px 20px;display:grid;overflow-y:auto}.empty-card{border:1px solid var(--material-border);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--material-tint-strong) 88%, transparent);width:min(100%,610px);box-shadow:var(--elevation-lg), inset 0 1px var(--material-highlight);justify-items:start;padding:clamp(28px,5vw,48px);display:grid}.empty-card h2{letter-spacing:-.045em;max-width:15ch;font-size:clamp(25px,4vw,36px);font-weight:690;line-height:1.08}.empty-card>p{max-width:52ch;color:var(--color-fg-muted);margin-top:16px;font-size:13.5px;line-height:1.7}@media (max-width:1099px){.app.with-sidebar{grid-template-columns:minmax(0,1fr)}.main{border-left:0}.doc-heading{max-width:28ch}.titlebar-action span{display:none}.titlebar-action{width:32px;padding:0}.outline-drawer,.hud{right:10px}}@media (max-width:720px),(max-height:560px) and (pointer:coarse){.main.route-document{grid-template-rows:var(--layout-titlebar-height) minmax(0, 1fr) 0;padding-bottom:calc(var(--layout-mobile-ribbon-height) + env(safe-area-inset-bottom))}.app-ribbon.ribbon-document{grid-template-rows:var(--layout-titlebar-height);background:var(--material-tint-strong);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.titlebar{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(7px, env(safe-area-inset-left))}.topbar-left,.topbar-right{gap:5px}.topbar-left{flex:1}.titlebar .icon-button,.titlebar-action{width:var(--control-height-touch);height:var(--control-height-touch)}.product-mark{display:none}.doc-heading{flex:1;max-width:none;font-size:13px}.titlebar .status,.titlebar .presence .presence-avatar-button:nth-of-type(n+2){display:none}.titlebar .presence .avatar{width:24px;height:24px}.presence-panel{width:auto;max-height:min(72vh,560px);padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}.ribbon-body{z-index:55;min-height:calc(var(--layout-mobile-ribbon-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--material-border);background:var(--material-tint-strong);box-shadow:0 -14px 32px -26px #0000008c, inset 0 1px var(--material-highlight);grid-template-rows:34px 70px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ribbon-body{background:var(--material-tint);-webkit-backdrop-filter:blur(var(--material-blur-chrome)) saturate(var(--material-saturation));backdrop-filter:blur(var(--material-blur-chrome)) saturate(var(--material-saturation))}}.ribbon-tabs{padding:0 max(6px, env(safe-area-inset-right)) 0 max(6px, env(safe-area-inset-left));grid-template-columns:repeat(4,1fr);align-items:stretch;display:grid}.ribbon-tab{min-width:0;min-height:34px;padding:0 4px;font-size:11px}.ribbon-deck{border-top-color:var(--material-border)}.ribbon-toolbar{padding:3px max(4px, env(safe-area-inset-right)) 3px max(4px, env(safe-area-inset-left));scroll-snap-type:x proximity}.ribbon-command-group{scroll-snap-align:start;grid-template-rows:minmax(0,1fr) 11px;padding-inline:5px}.ribbon-command{min-width:54px;height:50px}.ribbon-command-label{font-size:9px}.ribbon-group-label{line-height:10px}.workspace{grid-template-columns:minmax(0,1fr) 0 0}.workspace .splitter{display:none}.workspace.mode-split{grid-template-columns:minmax(0,1fr) 0 0}.workspace.mode-split .preview-pane,.statusbar{display:none}.outline-drawer,.hud,.app.route-document .outline-drawer,.app.route-document .hud{top:calc(var(--layout-titlebar-height) + 8px);width:auto;max-height:none;left:8px;right:8px}.app.route-document .outline-drawer,.app.route-document .hud{bottom:calc(var(--layout-mobile-ribbon-height) + env(safe-area-inset-bottom) + 8px)}.doc-item{min-height:58px}.doc-item>.icon-button{width:var(--control-height-touch);height:var(--control-height-touch);opacity:1}.sidebar-overlay{width:min(90vw,330px)}.sidebar-brand-row>.icon-button{width:var(--control-height-touch);height:var(--control-height-touch)}.new-doc .button.primary,.search{min-height:var(--control-height-touch)}.empty-state{align-items:start;padding:20px 12px 32px}.empty-card{border-radius:17px;padding:26px 22px}.empty-card h2{font-size:28px}.voice-bar{bottom:10px}}@media (max-width:420px){.titlebar-download{display:none}.empty-engines>div{grid-template-columns:1fr}.empty-engines dd{line-height:1.5}}@media (prefers-reduced-transparency:reduce){.app-ribbon,.sidebar,.ribbon-body,.outline-drawer,.hud,.empty-card{background:var(--color-bg-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}.doc-heading-button{min-width:0;color:var(--color-fg-default);text-align:left;cursor:text;background:0 0;border:0;border-radius:7px;padding:4px 6px}.doc-heading-button:hover{background:color-mix(in srgb, var(--color-bg-sunken) 80%, transparent)}.titlebar-menu{position:relative}.popover-menu{z-index:120;border:1px solid color-mix(in srgb, var(--color-brand-primary) 24%, var(--material-border));background:var(--material-refraction), var(--material-tint-strong);width:190px;box-shadow:var(--material-elevation), var(--elevation-lg);animation:popover-in var(--duration-fast) var(--ease-spring) both;border-radius:15px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.popover-menu{background:var(--material-refraction), var(--material-tint);-webkit-backdrop-filter:blur(var(--material-blur-panel)) saturate(var(--material-saturation));backdrop-filter:blur(var(--material-blur-panel)) saturate(var(--material-saturation))}}.popover-menu button{min-height:38px;color:var(--color-fg-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:7px 9px;font-size:11.5px;display:flex}.popover-menu button:hover{background:var(--color-action-soft);color:var(--color-fg-default)}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)scale(.97)}}.focus-exit{border:1px solid color-mix(in srgb, var(--color-brand-positive) 36%, var(--material-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-feedback-success-soft) 80%, transparent);min-height:30px;color:var(--color-feedback-success);cursor:pointer;align-items:center;gap:6px;padding:0 11px;font-size:10.5px;font-weight:620;display:inline-flex}.focus-mode .main.route-document{grid-template-rows:var(--layout-titlebar-height) minmax(0, 1fr) 0;border:0}.focus-mode .app-ribbon.ribbon-document{grid-template-rows:var(--layout-titlebar-height)}.focus-mode .app-ribbon .ribbon-body,.focus-mode .statusbar{display:none}.focus-mode .titlebar{border-bottom:1px solid var(--material-border)}.focus-mode .workspace-shell{animation:focus-settle var(--duration-medium) var(--ease-out) both}@keyframes focus-settle{0%{opacity:.82;transform:scale(.995)}}.ribbon-collapse .icon{transition:transform var(--duration-fast) var(--ease-out);transform:rotate(-90deg)}.ribbon-collapse.collapsed .icon{transform:rotate(90deg)}@media (min-width:721px){.ribbon-collapsed .main.route-document{grid-template-rows:var(--layout-titlebar-height) minmax(0, 1fr) var(--layout-statusbar-height)}.ribbon-collapsed .app-ribbon.ribbon-document{grid-template-rows:var(--layout-titlebar-height)}.ribbon-collapsed .app-ribbon.ribbon-document .ribbon-body{display:none}.ribbon-collapsed .workspace-shell{animation:focus-settle var(--duration-medium) var(--ease-out) both}}.workspace.mode-edit .editor-pane,.workspace.mode-preview .preview-pane{animation:view-pane-in var(--duration-medium) var(--ease-out) both}@keyframes view-pane-in{0%{opacity:.65;transform:translateY(2px)}}.toast-region{z-index:260;pointer-events:none;gap:8px;width:min(350px,100vw - 28px);display:grid;position:fixed;bottom:14px;right:14px}.route-document .toast-region{bottom:calc(var(--layout-statusbar-height) + 14px)}.toast{border:1px solid color-mix(in srgb, var(--color-brand-primary) 28%, var(--material-border));background:var(--material-refraction), var(--material-tint-strong);min-height:58px;box-shadow:var(--material-elevation), var(--elevation-lg);pointer-events:auto;animation:toast-in var(--duration-medium) var(--ease-spring) both;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 9px 9px 12px;display:grid}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.toast{background:var(--material-refraction), var(--material-tint);-webkit-backdrop-filter:blur(var(--material-blur-panel)) saturate(var(--material-saturation));backdrop-filter:blur(var(--material-blur-panel)) saturate(var(--material-saturation))}}.toast-icon{background:var(--color-action-soft);width:30px;height:30px;color:var(--color-action);border-radius:10px;place-items:center;display:grid}.toast-success .toast-icon{background:var(--color-feedback-success-soft);color:var(--color-feedback-success)}.toast-danger .toast-icon{background:var(--color-feedback-danger-soft);color:var(--color-feedback-danger)}.toast-copy{min-width:0;display:grid}.toast-copy strong{font-size:11.5px}.toast-copy span{color:var(--color-fg-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.toast .icon-button{width:32px;height:32px}@keyframes toast-in{0%{opacity:0;transform:translate(14px)scale(.97)}}:root[data-density=compact]{--layout-ribbon-height:132px}:root[data-glass=reduced] .app-ribbon,:root[data-glass=reduced] .sidebar,:root[data-glass=reduced] .ribbon-body,:root[data-glass=reduced] .outline-drawer,:root[data-glass=reduced] .hud,:root[data-glass=reduced] .popover-menu,:root[data-glass=reduced] .toast{background:var(--color-bg-raised);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{animation-duration:var(--motion-instant)!important;transition-duration:var(--motion-instant)!important}@media (max-width:720px),(max-height:560px) and (pointer:coarse){:root[data-density=compact]{--layout-ribbon-height:148px}.ribbon-tabs{grid-template-columns:repeat(5,1fr)}.titlebar-search{display:none}.focus-exit{width:var(--control-height-touch);height:var(--control-height-touch);justify-content:center;padding:0;font-size:0}.route-document .toast-region{bottom:calc(var(--layout-mobile-ribbon-height) + env(safe-area-inset-bottom) + 10px)}}@media (max-width:420px){.titlebar-theme{display:none}}@media print{.sidebar,.app-ribbon,.statusbar,.outline-drawer,.hud,.review-drawer,.toast-region,.voice-bar,.editor-pane,.splitter{display:none!important}html,body,#root,.app,.main,.workspace-shell,.workspace,.preview-pane{color:#111!important;background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}.app,.main,.workspace{display:block!important}.preview-pane{border:0!important;display:block!important}}.surface-material-host{isolation:isolate}.surface-material-canvas{z-index:0;border-radius:inherit;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--motion-surface) var(--ease-out);contain:strict;position:absolute;inset:0}.surface-material-canvas[data-ready=true]{opacity:calc(var(--material-shader-opacity,.86) * var(--material-shader-mix,1))}.surface-material-host>:not(.surface-material-canvas){z-index:1;position:relative}.surface-material-chrome{--material-shader-opacity:.7}.surface-material-floating{--material-shader-opacity:.96}.surface-material-panel{--material-shader-opacity:.82}.surface-material-hero{--material-shader-opacity:.76}:root[data-surface-engine=css] .surface-material-canvas,:root[data-glass=reduced] .surface-material-canvas{display:none}:root[data-motion=reduced] .surface-material-canvas{transition:none}@media (pointer:coarse){.surface-material-canvas[data-ready=true]{opacity:calc(var(--material-shader-opacity,.86) * var(--material-shader-mix,1) * .82)}}@media (prefers-reduced-transparency:reduce){.surface-material-canvas{display:none}}@media (prefers-reduced-motion:reduce){.surface-material-canvas{transition:none}}.surface-material-host{border-color:var(--material-border);box-shadow:var(--material-shadow,var(--material-elevation))}:root[data-surface-tier=foundation] .surface-material-host{background:var(--material-tint);-webkit-backdrop-filter:blur(var(--material-blur,var(--glass-blur-panel))) saturate(var(--material-saturation,var(--glass-saturation)));backdrop-filter:blur(var(--material-blur,var(--glass-blur-panel))) saturate(var(--material-saturation,var(--glass-saturation)))}:root[data-surface-tier=opaque] .surface-material-host,:root[data-glass=reduced] .surface-material-host{background:var(--material-fallback-background,var(--color-bg-raised));-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-surface-tier=opaque] .surface-material-canvas{display:none}