:root{--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#eaddff;--md-on-primary-container:#21005d;--md-secondary:#625b71;--md-on-secondary:#fff;--md-secondary-container:#e8def8;--md-on-secondary-container:#1d192b;--md-tertiary:#7d5260;--md-tertiary-container:#ffd8e4;--md-on-tertiary-container:#31111d;--md-surface:#fef7ff;--md-on-surface:#1d1b20;--md-surface-variant:#e7e0ec;--md-on-surface-variant:#49454f;--md-surface-container-lowest:#fff;--md-surface-container-low:#f7f2fa;--md-surface-container:#f3edf7;--md-surface-container-high:#ece6f0;--md-surface-container-highest:#e6e0e9;--md-inverse-surface:#322f35;--md-inverse-on-surface:#f5eff7;--md-outline:#79747e;--md-outline-variant:#cac4d0;--md-scrim:#000;--device-body:#2b2930;--md-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--md-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--md-elevation-3:0 1px 3px #0000004d, 0 4px 8px 3px #00000026;--md-shape-xs:4px;--md-shape-s:8px;--md-shape-m:12px;--md-shape-l:16px;--md-shape-xl:28px;--md-shape-full:999px;--md-ease-emphasized:cubic-bezier(.2, 0, 0, 1);--md-ease-standard:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.type-headline-small{letter-spacing:0;font-size:24px;font-weight:400;line-height:32px}.type-title-large{letter-spacing:0;font-size:22px;font-weight:400;line-height:28px}.type-title-medium{letter-spacing:.15px;font-size:16px;font-weight:500;line-height:24px}.type-body-large{letter-spacing:.5px;font-size:16px;font-weight:400;line-height:24px}.type-body-medium{letter-spacing:.25px;font-size:14px;font-weight:400;line-height:20px}.type-label-large{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.type-label-medium{letter-spacing:.5px;font-size:12px;font-weight:500;line-height:16px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--md-surface-container-low);color:var(--md-on-surface);-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:20px;overflow:hidden}svg{stroke:currentColor}.shell{grid-template-columns:clamp(168px,10%,232px) 1fr;height:100%;display:grid}.catalogue{background:var(--md-surface-container);transition:opacity .24s var(--md-ease-emphasized);padding:20px 12px;overflow-y:auto}.catalogue[data-disabled]{opacity:.38;pointer-events:none}.catalogue-brand{padding:4px 12px 24px}.catalogue-brand-mark{border-radius:var(--md-shape-m);background:var(--md-primary);width:40px;height:40px;color:var(--md-on-primary);letter-spacing:.06em;place-items:center;font-size:14px;font-weight:600;display:grid}.catalogue-group+.catalogue-group{margin-top:24px}.catalogue-group-title{letter-spacing:.5px;text-transform:uppercase;color:var(--md-on-surface-variant);margin:0 0 8px 12px;font-size:11px;font-weight:500;line-height:16px}.catalogue-list{margin:0;padding:0;list-style:none}.posture-chip{border-radius:var(--md-shape-full);color:var(--md-on-surface-variant);transition:background .16s var(--md-ease-standard), color .16s var(--md-ease-standard);align-items:center;gap:12px;padding:8px 14px;text-decoration:none;display:flex}.posture-chip:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.posture-chip[data-active]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.posture-thumb{opacity:.85;border:1.5px solid;border-radius:3px;flex:none;width:16px}.posture-meta{flex-direction:column;min-width:0;display:flex}.posture-label{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.posture-dims{opacity:.75;font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.stage-pane{position:relative;overflow:hidden}.ambient{background:radial-gradient(120% 90% at 50% 0%, var(--md-primary-container) 0%, var(--md-surface) 55%, var(--md-surface-container-low) 100%);position:absolute;inset:0}.ambient-canvas{opacity:0;width:100%;height:100%;transition:opacity .7s var(--md-ease-standard);position:absolute;inset:0}.ambient-canvas[data-live]{opacity:1}.stage{place-items:center;display:grid;position:absolute;inset:0}.explode-button{z-index:3;border-radius:var(--md-shape-full);background:var(--md-secondary-container);height:40px;color:var(--md-on-secondary-container);font:inherit;letter-spacing:.1px;cursor:pointer;box-shadow:var(--md-elevation-1);transition:box-shadow .16s var(--md-ease-standard), background .16s var(--md-ease-standard);border:none;padding:0 24px;font-size:14px;font-weight:500;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.explode-button:hover{box-shadow:var(--md-elevation-2);background:var(--md-primary-container)}.device-frame{background:var(--md-surface);box-shadow:0 0 0 10px var(--device-body), 0 0 0 11px #00000038, var(--md-elevation-3);transition:opacity .26s var(--md-ease-standard);flex:none;position:relative;overflow:hidden}.device-screen{background:var(--md-surface);flex-direction:column;width:100%;height:100%;display:flex}.device-crease{inset-block:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0000000d 42%,#00000014 50%,#0000000d 58%,#0000 100%);width:16px;position:absolute;left:50%;transform:translate(-50%)}.status-bar{height:28px;color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:500;line-height:16px;display:flex}.status-spacer{flex:1}.status-class{opacity:.8}.nav-bar{background:var(--md-surface-container);flex:none;grid-template-columns:repeat(3,1fr);align-items:center;height:48px;padding:0 8%;display:grid}.nav-key{border-radius:var(--md-shape-full);height:40px;color:var(--md-on-surface-variant);cursor:pointer;transition:background .14s var(--md-ease-standard), color .14s var(--md-ease-standard);background:0 0;border:none;place-items:center;display:grid}.nav-key svg{width:22px;height:22px}.nav-key:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.nav-key[aria-pressed=true]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.device-viewport{background:var(--md-surface);flex:1;min-height:0;position:relative;overflow:hidden;container:device/size}.launcher{height:100%;padding:28px 20px;overflow-y:auto}.launcher-grid{grid-template-columns:repeat(auto-fit,76px);justify-content:center;gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}@container device (width>=600px){.launcher{padding:48px}.launcher-grid{grid-template-columns:repeat(auto-fit,96px);gap:32px 24px}}.launcher-item{color:var(--md-on-surface);flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.launcher-icon{border-radius:var(--md-shape-l);width:56px;height:56px;box-shadow:var(--md-elevation-1);transition:transform .2s var(--md-ease-emphasized), box-shadow .2s var(--md-ease-standard);place-items:center;display:grid}.launcher-item:hover .launcher-icon{box-shadow:var(--md-elevation-2);transform:translateY(-4px)}.launcher-glyph{color:#fff;font-size:22px}.launcher-label{letter-spacing:.5px;font-size:12px;font-weight:500;line-height:16px}.app{flex-direction:column;height:100%;display:flex;position:relative}.app-bar{background:var(--accent-container);height:64px;color:var(--on-accent-container);flex:none;align-items:center;padding:0 16px;display:flex}.app-bar-title{margin:0}.app-body{flex:1;min-height:0;display:flex}.pane{overflow-y:auto}.pane-list{flex:1;min-width:0;padding:8px 0}.pane-detail{display:none}@container device (width>=840px){.pane-list{border-right:1px solid var(--md-outline-variant);flex:0 0 360px}.pane-detail{background:var(--md-surface-container-low);flex:1;min-width:0;padding:24px;display:block}}.list{margin:0;padding:0;list-style:none}.list-item{min-height:72px;transition:background .14s var(--md-ease-standard);align-items:center;gap:16px;padding:8px 16px;display:flex}.list-item:hover{background:color-mix(in srgb, var(--md-on-surface) 5%, transparent)}.list-avatar{border-radius:var(--md-shape-full);background:var(--accent-container);width:40px;height:40px;color:var(--on-accent-container);flex:none;place-items:center;display:grid}.list-text{flex-direction:column;gap:2px;min-width:0;display:flex}.list-headline{color:var(--md-on-surface)}.list-supporting{color:var(--md-on-surface-variant)}.detail-hero{border-radius:var(--md-shape-l);background:var(--accent-container);place-items:center;height:168px;margin-bottom:20px;display:grid}.detail-hero-mark{border-radius:var(--md-shape-full);background:var(--accent);opacity:.9;width:56px;height:56px}.detail-title{color:var(--md-on-surface);margin:0 0 14px}.detail-body{color:var(--md-on-surface-variant);max-width:62ch;margin:16px 0 0}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-s);background:var(--md-surface);height:32px;color:var(--md-on-surface-variant);align-items:center;padding:0 16px;display:inline-flex}.fab{border-radius:var(--md-shape-l);background:var(--accent-container);width:56px;height:56px;color:var(--on-accent-container);box-shadow:var(--md-elevation-2);cursor:pointer;transition:box-shadow .18s var(--md-ease-standard), transform .18s var(--md-ease-emphasized);border:none;place-items:center;display:grid;position:absolute;bottom:16px;right:16px}.fab svg{width:24px;height:24px}.fab:hover{box-shadow:var(--md-elevation-3);transform:translateY(-1px)}.recents{z-index:4;flex-direction:column;display:flex;position:absolute;inset:0}.recents-scrim{background:#00000052;position:absolute;inset:0}.recents-rail{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:20px 16px;display:flex;position:relative}.recents-cards{gap:14px;max-width:100%;margin:0;padding:4px;list-style:none;display:flex;overflow-x:auto}.recents-card{border-radius:var(--md-shape-m);background:var(--md-surface);width:132px;height:190px;box-shadow:var(--md-elevation-2);color:var(--md-on-surface);transition:transform .18s var(--md-ease-emphasized);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.recents-card:hover{transform:translateY(-4px)}.recents-card-bar{color:#fff;align-items:center;gap:8px;padding:8px 10px;display:flex}.recents-card-icon{border-radius:var(--md-shape-xs);width:18px;height:18px;box-shadow:inset 0 0 0 2px #ffffffa6}.recents-card-body{background:var(--md-surface-container-high);flex:1}.recents-empty{color:#fff;opacity:.9}.recents-clear{border-radius:var(--md-shape-full);background:var(--md-surface);height:40px;color:var(--md-on-surface);cursor:pointer;box-shadow:var(--md-elevation-1);border:none;padding:0 24px}.explode-overlay{z-index:2;background:color-mix(in srgb, var(--md-surface) 78%, transparent);position:absolute;inset:0}.explode-overlay canvas{touch-action:none;cursor:grab;display:block}.explode-overlay canvas:active{cursor:grabbing}.explode-hint{border-radius:var(--md-shape-full);background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);white-space:nowrap;letter-spacing:.5px;pointer-events:none;box-shadow:var(--md-elevation-1);margin:0;padding:8px 16px;font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.bare{background:var(--md-surface);flex-direction:column;height:100%;display:flex;position:relative}.bare-area{flex:1;min-height:0;position:relative}.bare .device-viewport{transition:opacity .26s var(--md-ease-standard);position:absolute;inset:0}.bare-area[data-exploded] .device-viewport{opacity:0}.bare .nav-bar{padding-bottom:env(safe-area-inset-bottom);height:auto;min-height:48px}.bare .explode-hint{bottom:76px}.bare-explode{z-index:5;border-radius:var(--md-shape-full);background:var(--md-secondary-container);height:40px;color:var(--md-on-secondary-container);font:inherit;letter-spacing:.1px;box-shadow:var(--md-elevation-2);cursor:pointer;border:none;padding:0 20px;font-size:14px;font-weight:500;position:absolute;bottom:68px;right:16px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}