:root{--brand-blue: #4285f4;--brand-red: #ea4335;--brand-yellow: #fbbc04;--brand-green: #34a853;--brand-blue-ink: #1967d2;--brand-red-ink: #c5221f;--brand-green-ink: #137333;--ink: #1f1f1f;--ink-muted: #5f6368;--page-bg: #f6f0e3;--surface: #fffdf8;--surface-alt: #efe7d6;--border: rgb(31 31 31 / 14%);--outline: #1f1f1f;--white: #fff;--tint-blue: color-mix(in srgb, var(--brand-blue) 14%, var(--surface));--tint-red: color-mix(in srgb, var(--brand-red) 14%, var(--surface));--tint-yellow: color-mix(in srgb, var(--brand-yellow) 16%, var(--surface));--tint-green: color-mix(in srgb, var(--brand-green) 14%, var(--surface));--color-primary: var(--brand-blue-ink);--color-primary-hover: color-mix(in srgb, var(--color-primary) 86%, var(--ink));--color-primary-active: color-mix(in srgb, var(--color-primary) 74%, var(--ink));--color-primary-subtle: var(--tint-blue);--color-primary-text: var(--brand-blue-ink);--color-on-primary: var(--white);--color-accent: var(--brand-blue);--color-background: var(--page-bg);--color-surface: var(--surface);--color-surface-raised: var(--surface);--color-surface-subtle: var(--surface-alt);--color-surface-glass: color-mix(in srgb, var(--page-bg) 92%, transparent);--color-overlay: rgb(31 31 31 / 45%);--color-text: var(--ink);--color-text-muted: var(--ink-muted);--color-border: var(--border);--color-border-strong: rgb(31 31 31 / 52%);--color-outline: var(--outline);--color-border-focus: var(--brand-blue);--color-focus-ring: color-mix(in srgb, var(--brand-blue) 40%, transparent);--focus-shadow: 0 0 0 2px var(--brand-blue-ink), 0 0 0 5px var(--color-focus-ring);--color-error: var(--brand-red-ink);--color-error-solid: var(--brand-red-ink);--color-on-error: var(--white);--color-error-subtle: var(--tint-red);--color-success: var(--brand-green-ink);--color-success-subtle: var(--tint-green);--color-warning: var(--brand-yellow);--color-warning-subtle: var(--tint-yellow);--color-warning-text: var(--ink);--color-danger: var(--color-error);--color-event-accent: var(--brand-blue-ink);--color-event-accent-subtle: var(--tint-blue);--color-event-accent-text: var(--brand-blue-ink);--font-family-base: "Google Sans", "Product Sans", "Segoe UI", Roboto, system-ui, -apple-system, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--letter-spacing-heading: -.02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--radius-card: 16px;--border-card: 1px solid var(--color-border);--border-outline: 2px solid var(--color-outline);--border-outline-thin: 1.5px solid var(--color-outline);--shadow-card: none;--space-card-block: var(--space-5);--space-card-inline: var(--space-6);--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 18px 48px rgb(31 31 31 / 18%);--z-sticky: 20;--z-drawer: 40;--z-toast: 60;--duration-fast: .12s;--duration-base: .18s;--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}.room-tone--AI{--room-color: var(--brand-blue);--room-tint: var(--tint-blue);--room-ink: var(--brand-blue-ink);--room-on-color: var(--white)}.room-tone--PROBLEM_SOLVING{--room-color: var(--brand-red);--room-tint: var(--tint-red);--room-ink: var(--brand-red-ink);--room-on-color: var(--ink)}.room-tone--LINUX{--room-color: var(--brand-green);--room-tint: var(--tint-green);--room-ink: var(--brand-green-ink);--room-on-color: var(--ink)}.room-tone--HARDWARE{--room-color: var(--brand-yellow);--room-tint: var(--tint-yellow);--room-ink: var(--ink);--room-on-color: var(--ink)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-background)}a{color:var(--color-primary-text);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}h1{font-size:2.1rem;margin:.5rem 0 1rem}h2{font-size:1.3rem}p{line-height:1.6}form{display:grid;gap:1rem}pre,code{font-family:var(--font-mono)}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:var(--color-surface-subtle);border-radius:var(--radius-sm);max-height:32rem;overflow:auto;font-size:.85rem}small,.muted{color:var(--color-text-muted)}button,[role=button],summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-blue-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--color-focus-ring)}.eyebrow{font-size:.65rem;letter-spacing:.17em;font-weight:800;color:var(--color-primary-text)}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.app-shell>main{display:flex;flex-direction:column;min-width:0}.app-shell>main>.topbar{flex-shrink:0}.app-shell>main>.page{flex:1;width:100%}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:30px 20px;background:var(--color-surface);border-right:1px solid var(--color-border)}.sidebar>*{flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.45rem;color:var(--color-text)}.brand small{display:block;font-size:.55rem;letter-spacing:.18em}.brand-icon{display:grid;place-items:center;background:var(--color-primary-subtle);color:var(--color-primary-text);width:40px;height:40px;border-radius:12px}.nav-label{font-size:.6rem;letter-spacing:.16em;color:var(--color-text-muted);margin:30px 12px 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:var(--color-text-muted);padding:11px 14px;border-radius:var(--radius-full);font-size:.82rem}.sidebar nav a.active{background:var(--color-primary-subtle);color:var(--color-primary-text);font-weight:700}.sidebar-bottom{margin-top:auto;display:grid;gap:5px;padding:18px 8px 0;border-top:1px solid var(--color-border);font-size:.8rem}.topbar{height:70px;border-bottom:1px solid var(--color-border);padding:0 38px;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--color-text-muted);background:var(--color-surface)}.live-dot:before{content:"\25cf";color:var(--color-success);margin-right:7px}.page{padding:35px 38px;max-width:1600px;margin:auto}.page-heading{margin-bottom:28px}.page-heading p{color:var(--color-text-muted);max-width:760px}.hero{display:grid;grid-template-columns:1fr 180px;gap:30px;background:var(--color-primary-subtle);border:1px solid var(--color-border);border-radius:16px;padding:36px;margin-bottom:26px}.hero h2{font-size:1.8rem;letter-spacing:-.04em}.hero p{max-width:600px;color:var(--color-text-muted)}.action-link{display:inline-block;margin-top:10px;background:var(--color-primary);color:var(--color-on-primary);padding:12px 20px;border-radius:var(--radius-full);font-size:.8rem}.code-art{align-self:center;justify-self:center;font-size:4rem;transform:rotate(-10deg);font-weight:800;color:var(--color-primary-text)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:20px 0}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.table-wrap{overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--color-border)}thead th{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-surface-subtle)}tbody tr:last-child>*{border-bottom:0}.verdict{display:inline-block;border-radius:var(--radius-full);padding:5px 10px;background:var(--color-surface-subtle);font-size:.7rem}.verdict.accepted{background:var(--color-success-subtle);color:var(--color-success)}.detail{margin-top:25px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.workspace{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(400px,1.2fr);gap:24px}.statement,.coding{padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0}.statement p{font-size:.85rem}.preserve{white-space:pre-wrap}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;font-size:.7rem}.coding code-editor{margin:0 -24px 20px}.result{border-top:1px solid var(--color-border);margin-top:20px}.admin-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.error-banner{padding:14px;background:var(--color-error-subtle);color:var(--color-error);border-radius:var(--radius-sm)}.language-pills{font-weight:700;color:var(--color-primary-text);margin-top:30px;word-spacing:20px}@media(max-width:1100px){.workspace,.admin-grid{grid-template-columns:1fr}.page{padding:25px}}@media(max-width:750px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:15px}.sidebar nav{display:flex;flex-wrap:wrap}.nav-label{margin:16px 10px 5px}.sidebar-bottom{display:flex;align-items:center;gap:15px;margin-top:15px}.brand{font-size:1.1rem}.topbar{padding:0 20px;height:50px}.page{padding:20px 15px}.hero{grid-template-columns:1fr;padding:24px}.code-art{display:none}.workspace-heading{display:block}.statement,.coding{padding:16px}.coding code-editor{margin:0 -16px 15px}}.event-main>:not(router-outlet){display:block;max-width:1400px;margin-inline:auto}.event-main h1{margin:0;font-size:1.85rem}.event-main h2{margin:0 0 var(--space-3);font-size:var(--font-size-lg)}.event-main p{line-height:var(--line-height-base)}.ui-card__header>h2,.ui-card__header>h3{margin-block-end:0}.event-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.event-page-header__meta,.event-page-header__actions,.event-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.event-page-header__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--space-4)}.event-grid--metrics{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.event-grid--rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.event-grid>*,.event-stack>*{min-width:0}.event-stack{display:grid;gap:var(--space-6)}.event-panel{background:var(--color-surface);border:var(--border-card);border-radius:var(--radius-card)}.event-table-wrap{max-width:100%;overflow-x:auto;background:var(--color-surface);border:var(--border-card);border-radius:var(--radius-card)}.event-table-wrap caption{padding:var(--space-4) var(--space-4) var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);text-align:left}.event-table-wrap th,.event-table-wrap td{padding:var(--space-3) var(--space-4)}.event-table-wrap tbody tr:hover>*{background:color-mix(in srgb,var(--color-surface-subtle) 45%,transparent)}.event-muted{color:var(--color-text-muted)}.event-num{font-variant-numeric:tabular-nums}.event-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.event-link-button{padding:0;font:inherit;font-weight:var(--font-weight-semibold);color:var(--color-primary-text);text-align:left;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.event-link-button:hover{text-decoration:underline}.event-skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-subtle) 0%,color-mix(in srgb,var(--color-surface-subtle) 40%,var(--color-surface)) 50%,var(--color-surface-subtle) 100%);background-size:200% 100%;animation:event-skeleton-shimmer 1.4s linear infinite}@keyframes event-skeleton-shimmer{to{background-position:-200% 0}}@media(max-width:900px){.event-grid--rooms{grid-template-columns:minmax(0,1fr)}}@media(max-width:800px){:root{--space-card-block: var(--space-4);--space-card-inline: var(--space-4)}.event-main h1{font-size:1.45rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@page{size:A4;margin:10mm}@media print{.shell-brand-bar,.shell-sidebar,.shell-header,app-toast-host{display:none!important}.shell{display:block!important;min-block-size:0!important;padding:0!important;background:none!important}.shell-column,.event-main{display:block!important;padding:0!important}body{background:#fff!important}}