@layer tokens,semantic,components,utilities;@property --color-action{syntax: "<color>"; inherits: true; initial-value: #567763;}@property --tap-target-min{syntax: "<length>"; inherits: true; initial-value: 2.75rem;}@layer tokens{:root{color-scheme:light;--primitive-cream-50: #fffcf8;--primitive-cream-100: #f7f4ef;--primitive-cream-200: #f0ebe3;--primitive-cream-300: #e2ddd4;--primitive-ink-900: #2c2a26;--primitive-ink-600: #6b6560;--primitive-sage-600: #567763;--primitive-sage-700: #486754;--primitive-sage-100: #e4ede7;--primitive-on-action: #ffffff;--primitive-danger-700: #9a3412;--primitive-crisis-bg: #fff7ed;--primitive-crisis-edge: #c2410c;--primitive-bubble-user: #d7e8df;--primitive-bubble-assistant: #ffffff;--color-bg: var(--primitive-cream-100);--color-bg-soft: var(--primitive-cream-200);--color-surface: var(--primitive-cream-50);--color-surface-solid: #ffffff;--color-text: var(--primitive-ink-900);--color-muted: var(--primitive-ink-600);--color-border: var(--primitive-cream-300);--color-action: var(--primitive-sage-600);--color-action-hover: color-mix(in srgb, var(--color-action), black 8%);--color-action-pressed: color-mix(in srgb, var(--color-action), black 14%);--color-action-soft: var(--primitive-sage-100);--color-action-fg: var(--primitive-on-action);--color-danger: var(--primitive-danger-700);--color-danger-hover: color-mix(in srgb, var(--color-danger), black 8%);--color-danger-active: color-mix(in srgb, var(--color-danger), black 14%);--color-link: var(--color-action);--color-link-hover: color-mix(in srgb, var(--color-link), black 12%);--color-link-active: color-mix(in srgb, var(--color-link), black 20%);--color-bubble-user: var(--primitive-bubble-user);--color-bubble-assistant: var(--primitive-bubble-assistant);--color-disabled-opacity: .55;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--font-size-0: clamp(.8rem, .75rem + .2vw, .875rem);--font-size-1: clamp(.95rem, .9rem + .25vw, 1.05rem);--font-size-2: clamp(1.1rem, 1rem + .4vw, 1.25rem);--font-size-3: clamp(1.35rem, 1.15rem + .7vw, 1.7rem);--font-size-4: clamp(1.7rem, 1.4rem + 1.2vw, 2.4rem);--font-size-5: clamp(2.2rem, 1.8rem + 1.8vw, 3.4rem);--line-height-tight: 1.2;--line-height-body: 1.55;--measure: 42rem;--space-1: calc(.35rem * var(--density-space-scale, 1));--space-2: calc(.55rem * var(--density-space-scale, 1));--space-3: calc(.75rem * var(--density-space-scale, 1));--space-4: calc(1rem * var(--density-space-scale, 1));--space-5: calc(1.5rem * var(--density-space-scale, 1));--space-6: calc(2.25rem * var(--density-space-scale, 1));--space-7: calc(3.5rem * var(--density-space-scale, 1));--density-space-scale: 1;--tap-target-min: 2.75rem;--size-icon-sm: 1rem;--size-icon-md: 1.25rem;--radius-sm: .35rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1.15rem;--radius-2xl: 1.25rem;--radius-pill: 999px;--radius: var(--radius-md);--border-width: 1px;--border-width-strong: 2px;--shadow-1: 0 1px 2px rgba(44, 42, 38, .06);--shadow-2: 0 4px 12px rgba(44, 42, 38, .08);--shadow-raised: 0 8px 24px rgba(44, 42, 38, .08);--shadow-3: 0 8px 24px rgba(44, 42, 38, .12);--shadow-float: 0 12px 28px color-mix(in srgb, var(--color-text) 10%, transparent);--shadow-up: 0 -8px 24px rgba(44, 42, 38, .12);--shadow-soft: 0 12px 40px rgba(44, 42, 38, .06);--scrim-soft: color-mix(in srgb, var(--color-text) 22%, transparent);--scrim-med: color-mix(in srgb, var(--color-text) 55%, transparent);--scrim-strong: color-mix(in srgb, var(--color-text) 62%, transparent);--wash-soft: color-mix(in srgb, var(--color-text) 4%, transparent);--wash-med: color-mix(in srgb, var(--color-text) 7%, transparent);--wash-strong: color-mix(in srgb, var(--color-text) 12%, transparent);--opacity-faint: .3;--opacity-soft: .45;--opacity-muted: var(--color-disabled-opacity);--z-base: 0;--z-sticky: 20;--z-dropdown: 30;--z-composer: 40;--z-overlay: 50;--z-drawer: 60;--z-skip: 100;--z-crisis: 200;--motion-fast: .15s;--motion-med: .2s;--motion-slow: .4s;--motion-emphasis: .52s;--motion-ease: ease-out;--motion-ease-emphasized: cubic-bezier(.22, 1, .36, 1);--motion-ease-in-out: ease-in-out;--bp-sm: 40rem;--bp-md: 60rem;--grid-max: 56rem;--grid-content: 40rem;--grid-gutter: var(--space-4);--focus-ring-color: var(--color-action);--focus-ring-width: 2px;--focus-ring-offset: 2px;--button-bg: var(--color-action);--button-fg: var(--color-action-fg);--button-bg-hover: color-mix(in srgb, var(--button-bg), black 8%);--button-bg-active: color-mix(in srgb, var(--button-bg), black 14%);--button-secondary-bg: transparent;--button-secondary-bg-hover: color-mix(in srgb, var(--color-action), transparent 92%);--button-secondary-bg-active: color-mix(in srgb, var(--color-action), transparent 86%);--button-secondary-fg: var(--color-action);--button-secondary-border: var(--color-border);--button-quiet-bg: var(--color-surface-solid);--button-quiet-bg-hover: color-mix(in srgb, var(--color-text), transparent 94%);--button-quiet-bg-active: color-mix(in srgb, var(--color-text), transparent 88%);--button-quiet-fg: var(--color-text);--button-quiet-border: var(--color-border);--button-danger-bg: var(--color-danger);--button-danger-bg-hover: color-mix(in srgb, var(--button-danger-bg), black 8%);--button-danger-bg-active: color-mix(in srgb, var(--button-danger-bg), black 14%);--button-danger-fg: var(--color-action-fg);--crisis-bg: var(--primitive-crisis-bg);--crisis-edge: var(--primitive-crisis-edge);--crisis-fg: var(--color-text);--bg: var(--color-bg);--ink: var(--color-text);--muted: var(--color-muted);--surface: color-mix(in srgb, var(--color-surface-solid) 80%, transparent);--surface-solid: var(--color-surface-solid);--border: var(--color-border);--danger: var(--color-danger);--brand: var(--color-action);--brand-contrast: var(--color-action-fg);--brand-soft: color-mix(in srgb, var(--color-action) 14%, var(--color-surface-solid));--brand-muted: color-mix(in srgb, var(--color-action) 22%, transparent);--link: var(--color-link);--bubble-user: var(--color-bubble-user);--bubble-assistant: var(--color-bubble-assistant);--color-accent: var(--color-action);--color-accent-hover: var(--color-action-hover);--color-accent-soft: var(--color-action-soft);--max-width: var(--measure);--content-width: var(--measure);--space-xs: var(--space-2);--space-sm: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-7);--space-2xl: calc(5.5rem * var(--density-space-scale, 1))}@supports (color: oklch(.5 .05 150)){:root{--primitive-sage-600: oklch(.535 .05 158);--primitive-sage-700: oklch(.47 .05 158);--primitive-sage-100: oklch(.94 .02 155);--primitive-cream-100: oklch(.97 .01 85);--primitive-ink-900: oklch(.28 .01 85)}}:root[data-theme=dark],html[data-theme=dark]{color-scheme:dark;--color-bg: #1a1f1c;--color-bg-soft: #222824;--color-surface: #242a26;--color-surface-solid: #2a312c;--color-text: #e8efe9;--color-muted: #9aaba0;--color-border: #3a4540;--color-action: #7fa08c;--color-action-hover: color-mix(in srgb, var(--color-action), white 14%);--color-action-pressed: color-mix(in srgb, var(--color-action), white 22%);--color-action-soft: #2a3a32;--color-link-hover: color-mix(in srgb, var(--color-link), white 18%);--color-link-active: color-mix(in srgb, var(--color-link), white 28%);--button-bg: #567763;--crisis-bg: #3b2415;--crisis-edge: #fb923c;--crisis-fg: #ffedd5}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-med: 0ms;--motion-slow: 0ms;--motion-emphasis: 0ms}}@media(prefers-contrast:more){:root{--crisis-edge: #9a3412;--border-width: 2px;--focus-ring-width: 3px}}}@layer tokens{:root,html[data-surface=kid]{--density-space-scale: 1;--tap-target-min: 2.75rem}html[data-surface=adult]{--density-space-scale: .92;--tap-target-min: 2.5rem}html[data-surface=marketing]{--density-space-scale: 1;--tap-target-min: 2.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;z-index:var(--z-skip);padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-surface-solid);text-decoration:none;border-radius:var(--radius-md)}.skip-link:focus,.skip-link:focus-visible{left:var(--space-3);top:var(--space-3);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--color-action-soft) 85%,transparent) 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,color-mix(in srgb,var(--color-bg-soft) 90%,transparent) 0%,transparent 50%),var(--bg)}@supports (height: 100dvh){body{min-height:100dvh}}.shell{max-width:var(--grid-content);margin:0 auto;padding:10vh 1.5rem 3rem;padding-inline:max(1.5rem,env(safe-area-inset-left,0px)) max(1.5rem,env(safe-area-inset-right,0px))}.shell--adult-auth{display:grid;align-content:center;min-height:100vh;padding-block:max(var(--space-6),env(safe-area-inset-top,0px)) max(var(--space-6),env(safe-area-inset-bottom,0px));padding-inline:max(var(--space-4),env(safe-area-inset-left,0px)) max(var(--space-4),env(safe-area-inset-right,0px))}@supports (align-content: safe center){.shell--adult-auth{align-content:safe center}}@supports (height: 100dvh){.shell--adult-auth{min-height:100dvh}}.shell--adult{padding-top:var(--space-5)}.product-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.shell--adult .product-header{margin-bottom:var(--space-4)}.product-header__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.product-account__email{margin:0;min-width:0;font-size:var(--font-size-0);line-height:var(--line-height-tight);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,18rem)}.product-nav a[aria-current=page]{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.shell-meta{margin-bottom:1.25rem}.brand{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.4rem);line-height:1;letter-spacing:-.02em;color:var(--brand)}.product-header .brand{margin-bottom:0}.brand-sm{font-size:clamp(1.6rem,4vw,2rem);margin-bottom:.35rem}h1{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.7rem);font-weight:600;line-height:1.25}.lede{margin:0 0 1.25rem;font-size:1.05rem;line-height:1.5;color:var(--muted)}.meta{margin:0 0 1rem;padding:.75rem 1rem;display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.92rem;color:var(--muted)}.mode-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}.mode-row a{font:inherit;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);color:var(--brand);text-decoration:none}.mode-row a[aria-current=page],.mode-row a.active{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.mode-row a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.panel{margin-top:.5rem}.panel h2,.card h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.35rem;color:var(--ink)}.panel h3{margin:1.25rem 0 .5rem;font-size:1.05rem}.shell--adult .panel--adult{margin-top:0;display:grid;gap:var(--space-4)}.page-intro{display:grid;gap:var(--space-2)}.devices-roster .page-intro{max-width:var(--measure)}.page-stack{display:grid;gap:var(--space-4)}.student-card{container-type:inline-size;container-name:student;display:grid;gap:0}.student-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.student-card-identity{display:grid;gap:var(--space-1);min-width:0}.student-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);flex-shrink:0}.student-card-section{display:grid;gap:var(--space-3);margin-block-start:var(--space-4);padding-block-start:var(--space-4);border-block-start:var(--border-width) solid var(--color-border)}.student-card-share{display:grid;gap:var(--space-3)}.student-card-share-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;column-gap:var(--space-3);min-width:0}.student-card-share-row>:last-child{flex-shrink:0;justify-self:end}.student-card-pin{margin:0;min-width:0;font-family:var(--font-body);font-size:var(--font-size-3);font-weight:600;line-height:var(--line-height-tight);font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--color-text)}.student-card-link{margin:0;min-width:0;font-family:var(--font-body);font-size:var(--font-size-1);line-height:var(--line-height-body);color:var(--color-text);overflow-wrap:anywhere}.student-card-share-spacer{display:none}@container student (max-width: 31.99rem){.student-card-share-row{grid-template-columns:minmax(0,1fr);justify-items:start;row-gap:var(--space-2)}.student-card-share-row>:last-child{justify-self:start}}.teaching-notes,.subject-roster,.enroll-setup{display:grid;gap:var(--space-3)}.teaching-notes-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.field-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center}.field-inline>ui-input{min-width:0}@media(max-width:39.99rem){.field-inline{grid-template-columns:1fr}.field-inline>ui-button{justify-self:start}}.control-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);min-width:0}.control-row>ui-checkbox{flex:1 1 14rem;min-width:0}.devices-compose{display:grid;gap:var(--space-1)}.hint{margin:0 0 1rem;color:var(--muted);line-height:1.45}.card{margin-top:.5rem;padding:0 0 6rem}.card ui-button{margin:0 .5rem .5rem 0}.stack{display:grid;gap:.75rem;margin:0 0 1rem;max-width:24rem}.stack label,.stack .field-label{display:grid;gap:.35rem;font-size:.95rem;color:var(--muted)}.stack select{font:inherit;color:var(--ink);padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.stack>ui-button{justify-self:start}.list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.list li{padding:.75rem 0;border-top:1px solid #d5e0d9}.shell--kid{max-width:none;padding:0;min-height:100vh;background:var(--color-bg)}@supports (height: 100dvh){.shell--kid{min-height:100dvh}}.chat-shell{display:grid;gap:var(--space-4);padding-bottom:var(--space-7)}.chat-app{--chat-rail-width: 16rem;--chat-divider: var(--wash-strong);position:relative;display:block;min-height:100vh;height:100vh;overflow:hidden;background:var(--color-surface)}@supports (height: 100dvh){.chat-app{min-height:100dvh;height:100dvh}}.chat-rail-backdrop{display:none}.chat-rail{position:absolute;inset:0 auto 0 0;z-index:var(--z-drawer);box-sizing:border-box;width:var(--chat-rail-width);height:100%;display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);border-right:1px solid var(--chat-divider);background:var(--color-bg-soft);overflow:hidden;transform:translate(-100%);transition:transform var(--motion-fast) var(--motion-ease);pointer-events:none;will-change:transform}.chat-app--rail-open .chat-rail{transform:translate(0);pointer-events:auto}.chat-rail ui-session-list{flex:1;min-height:0}.chat-shell--ai-pane{box-sizing:border-box;height:100%;min-height:0;min-width:0;width:100%;padding-left:0;transition:padding-left 0s linear var(--motion-fast);background:var(--color-surface)}.chat-app--rail-open .chat-shell--ai-pane{padding-left:var(--chat-rail-width);transition:padding-left 0s}@media(max-width:39.99rem){.chat-rail{width:min(16rem,88vw);background:var(--color-bg-soft);box-shadow:var(--shadow-2)}.chat-app--rail-open .chat-shell--ai-pane{padding-left:0}.chat-app--rail-open .chat-rail-backdrop{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);margin:0;padding:0;border:0;background:var(--scrim-soft);cursor:pointer}.chat-app--rail-open .chat-rail-backdrop:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-offset) * -1)}}.chat-topbar__start{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.chat-topbar__tools{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.chat-subject{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);flex-shrink:0}.chat-math-offer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.chat-shell--ai{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;height:100%;min-height:0;padding:0;overflow:hidden;background:transparent}.chat-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:0;background:transparent}.chat-main{overflow:auto;padding:var(--space-4) clamp(var(--space-4),5vw,var(--space-6));min-height:0;display:grid;align-content:start;background:transparent}.chat-main--empty{align-content:center}.chat-composer-dock{z-index:var(--z-composer);width:100%;box-sizing:border-box;padding:var(--space-3) clamp(var(--space-4),5vw,var(--space-6)) var(--space-4);border-top:0;background:transparent;box-shadow:none;overflow:visible}.chat-composer-dock ui-composer{display:block;width:100%;max-width:var(--grid-max);margin-inline:auto;overflow:visible}.chat-composer-disclaimer{width:100%;max-width:var(--grid-max);margin:var(--space-2) auto 0;padding:0 var(--space-1);box-sizing:border-box;font-family:var(--font-body);font-size:var(--font-size-0);line-height:var(--line-height-body);color:var(--color-muted);text-align:center}.chat-composer-dock ui-composer::part(shell){box-sizing:border-box}.chat-composer-dock ui-composer::part(stack){overflow:visible;width:100%;max-width:100%;box-sizing:border-box}.chat-thread{width:100%;max-width:var(--grid-max);margin-inline:auto}.chat-thread{display:grid;gap:var(--space-3);padding:0;min-height:0}.chat-header .hint{margin-bottom:0}.wizard-hero{display:grid;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-surface-solid);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg)}.auth-door{display:grid;gap:var(--space-5);width:min(100%,calc(var(--measure) * .85));margin-inline:auto;max-width:100%;min-width:0}.auth-door .brand{margin:0;text-align:center}.auth-door__tag{margin:0;text-align:center;color:var(--color-muted);font-size:var(--font-size-1);line-height:var(--line-height-body);text-wrap:pretty}.auth-surface{--auth-pad: var(--space-5);--auth-radius: var(--radius-lg);display:grid;gap:var(--space-4);padding:var(--auth-pad);background:var(--color-surface-solid);border:var(--border-width) solid var(--color-border);border-radius:var(--auth-radius);box-shadow:var(--shadow-soft);width:min(100%,22rem);margin-inline:auto}.auth-surface .stack{gap:var(--space-3)}.pair-form{display:grid;gap:var(--space-3)}.pair-form__intro{display:grid;gap:var(--space-2)}.pair-form__intro ui-text[variant=title],.pair-form__intro ui-text[variant=lede]{display:block}.pair-form__intro ui-text[variant=lede]{max-width:32ch}.pair-form__fields{gap:var(--space-3)}.pair-form__ready{margin:0;color:var(--color-muted);font-size:var(--font-size-1);line-height:var(--line-height-body);text-wrap:pretty}.pair-form__submit{display:block;width:100%;margin-top:var(--space-1)}.pair-form__submit::part(button){width:100%}.pair-form__status{margin-bottom:0}.pair-door__aside{margin:0;text-align:center;font-size:var(--font-size-1);line-height:var(--line-height-body)}.pair-door__aside ui-link::part(link){color:var(--color-muted);font-weight:500}@media(hover:hover){.pair-door__aside ui-link::part(link):hover{color:var(--color-link)}}.app-landing{gap:var(--space-6);justify-items:center;width:min(100%,calc(var(--measure) * .85));max-width:100%;min-width:0}.app-landing__brand{display:grid;gap:var(--space-2);text-align:center;max-width:100%}.app-landing__brand .brand{margin-bottom:0;font-size:clamp(2rem,8vw,3.4rem)}.app-landing__parent{text-align:start;width:min(100%,22rem);max-width:100%;min-width:0}.app-landing__intro{display:grid;gap:var(--space-2)}.app-landing__intro ui-text[variant=title],.app-landing__intro ui-text[variant=lede]{display:block}.app-landing__intro ui-text[variant=lede]{max-width:34ch;color:var(--color-muted)}.app-landing__submit{display:block;width:100%;margin-top:var(--space-1)}.app-landing__submit::part(button){width:100%}.app-landing__student{display:grid;gap:var(--space-2);width:min(100%,22rem);max-width:100%;min-width:0;text-align:center;justify-items:center}.app-landing__student ui-text[variant=heading],.app-landing__student ui-text[variant=lede]{display:block}.app-landing__student ui-text[variant=heading]{color:var(--color-text)}.app-landing__student ui-text[variant=lede]{color:var(--color-muted);max-width:36ch;text-wrap:pretty}.app-landing__aside{margin:0;text-align:center;font-size:var(--font-size-1);line-height:var(--line-height-body)}.app-landing__aside ui-link::part(link){color:var(--color-muted);font-weight:500}@media(hover:hover){.app-landing__aside ui-link::part(link):hover{color:var(--color-link)}}@media(max-width:39.99rem){.app-landing{gap:var(--space-5)}.auth-surface{--auth-pad: var(--space-4)}}@media(max-height:40rem){.shell--adult-auth{align-content:start;padding-block:max(var(--space-4),env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-bottom,0px))}.app-landing{gap:var(--space-4)}}.adult-sign-in{display:grid;gap:var(--space-3)}.adult-sign-in__intro{display:grid;gap:var(--space-2)}.adult-sign-in__intro ui-text[variant=title],.adult-sign-in__intro ui-text[variant=lede]{display:block}.adult-sign-in__intro ui-text[variant=lede]{max-width:32ch}.adult-sign-in__fields{display:grid;gap:var(--space-3)}.adult-sign-in__submit{display:block;width:100%;margin-top:var(--space-1)}.adult-sign-in__submit::part(button){width:100%}.adult-sign-in__alts{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;color:var(--color-muted);font-size:var(--font-size-0);line-height:var(--line-height-body)}.adult-sign-in__alts ui-button{display:inline-flex}.adult-sign-in__alts ui-button::part(button){border:0;background:transparent;color:var(--color-link);min-height:0;min-width:0;padding:0;font-size:var(--font-size-0);line-height:inherit;text-decoration:underline;text-underline-offset:.15em}@media(hover:hover){.adult-sign-in__alts ui-button::part(button):hover{background:transparent;color:var(--color-text)}}.adult-sign-in__dot{flex:none;padding:0 .4em;color:var(--color-muted);-webkit-user-select:none;user-select:none}.adult-sign-in__status{margin:0}.attach-label{margin:-.35rem 0 .65rem;padding-left:.15rem}.chat-meta{display:block;padding:0;border:0;background:transparent}.guide{display:grid;gap:var(--space-5);padding-bottom:var(--space-7)}.guide-header{display:grid;gap:var(--space-1)}.guide-eyebrow{margin:0;font-size:var(--font-size-0);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-action)}.guide-shell{display:grid;gap:var(--space-5);align-items:start}@media(min-width:40rem){.guide-shell{grid-template-columns:minmax(0,calc(var(--space-7) * 3)) minmax(0,1fr);gap:var(--space-6)}}.guide-nav{display:grid;gap:var(--space-4);padding:var(--space-3) 0}@media(min-width:40rem){.guide-nav{position:sticky;top:var(--space-4);max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto}}@supports (height: 100dvh){@media(min-width:40rem){.guide-nav{max-height:calc(100dvh - 2 * var(--space-4))}}}@media(max-width:39.99rem){.guide-nav{display:flex;flex-wrap:nowrap;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);-webkit-overflow-scrolling:touch}.guide-nav-group{flex:0 0 auto;min-width:calc(var(--space-7) * 2 + var(--space-4))}}.guide-nav-label{margin:0 0 var(--space-2);font-size:var(--font-size-0);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.guide-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.guide-nav a{display:block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;font-size:var(--font-size-1);line-height:var(--line-height-tight)}@media(hover:hover){.guide-nav a:hover{background:color-mix(in srgb,var(--color-action) 12%,transparent)}}.guide-nav a:focus-visible{background:color-mix(in srgb,var(--color-action) 12%,transparent);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.guide-body{display:grid;gap:var(--space-5);min-width:0}.guide-part{margin:var(--space-3) 0 0;font-size:var(--font-size-0);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-action);scroll-margin-top:var(--space-5)}.guide-purpose{margin:0;color:var(--color-text);line-height:var(--line-height-body);max-width:var(--grid-content)}.guide-subhead{margin:var(--space-3) 0 0;font-family:var(--font-body);font-size:var(--font-size-1);font-weight:700;letter-spacing:.02em;color:var(--color-text)}.guide-token-demo{position:relative;--token-demo: transparent}.guide-token-demo[data-token-demo=--color-action]{--token-demo: var(--color-action)}.guide-token-demo[data-token-demo=--color-action-fg]{--token-demo: var(--color-action-fg)}.guide-token-demo[data-token-demo=--color-action-soft]{--token-demo: var(--color-action-soft)}.guide-token-demo[data-token-demo=--color-action-hover]{--token-demo: var(--color-action-hover)}.guide-token-demo[data-token-demo=--color-action-pressed]{--token-demo: var(--color-action-pressed)}.guide-token-demo[data-token-demo=--color-link]{--token-demo: var(--color-link)}.guide-token-demo[data-token-demo=--color-link-hover]{--token-demo: var(--color-link-hover)}.guide-token-demo[data-token-demo=--color-link-active]{--token-demo: var(--color-link-active)}.guide-token-demo[data-token-demo=--color-bg]{--token-demo: var(--color-bg)}.guide-token-demo[data-token-demo=--color-bg-soft]{--token-demo: var(--color-bg-soft)}.guide-token-demo[data-token-demo=--color-text]{--token-demo: var(--color-text)}.guide-token-demo[data-token-demo=--color-muted]{--token-demo: var(--color-muted)}.guide-token-demo[data-token-demo=--color-surface]{--token-demo: var(--color-surface)}.guide-token-demo[data-token-demo=--color-surface-solid]{--token-demo: var(--color-surface-solid)}.guide-token-demo[data-token-demo=--color-border]{--token-demo: var(--color-border)}.guide-token-demo[data-token-demo=--color-danger]{--token-demo: var(--color-danger)}.guide-token-demo[data-token-demo=--color-danger-hover]{--token-demo: var(--color-danger-hover)}.guide-token-demo[data-token-demo=--color-danger-active]{--token-demo: var(--color-danger-active)}.guide-token-demo[data-token-demo=--crisis-bg]{--token-demo: var(--crisis-bg)}.guide-token-demo[data-token-demo=--crisis-edge]{--token-demo: var(--crisis-edge)}.guide-token-demo[data-token-demo=--crisis-fg]{--token-demo: var(--crisis-fg)}.guide-token-demo[data-token-demo=--color-bubble-user]{--token-demo: var(--color-bubble-user)}.guide-token-demo[data-token-demo=--color-bubble-assistant]{--token-demo: var(--color-bubble-assistant)}.guide-token-demo[data-token-demo=--button-bg]{--token-demo: var(--button-bg)}.guide-token-demo[data-token-demo=--button-bg-hover]{--token-demo: var(--button-bg-hover)}.guide-token-demo[data-token-demo=--button-bg-active]{--token-demo: var(--button-bg-active)}.guide-token-demo[data-token-demo=--button-fg]{--token-demo: var(--button-fg)}.guide-token-demo[data-token-demo=--button-secondary-bg]{--token-demo: var(--button-secondary-bg)}.guide-token-demo[data-token-demo=--button-secondary-bg-hover]{--token-demo: var(--button-secondary-bg-hover)}.guide-token-demo[data-token-demo=--button-secondary-bg-active]{--token-demo: var(--button-secondary-bg-active)}.guide-token-demo[data-token-demo=--button-secondary-fg]{--token-demo: var(--button-secondary-fg)}.guide-token-demo[data-token-demo=--button-secondary-border]{--token-demo: var(--button-secondary-border)}.guide-token-demo[data-token-demo=--button-quiet-bg]{--token-demo: var(--button-quiet-bg)}.guide-token-demo[data-token-demo=--button-quiet-bg-hover]{--token-demo: var(--button-quiet-bg-hover)}.guide-token-demo[data-token-demo=--button-quiet-bg-active]{--token-demo: var(--button-quiet-bg-active)}.guide-token-demo[data-token-demo=--button-quiet-fg]{--token-demo: var(--button-quiet-fg)}.guide-token-demo[data-token-demo=--button-quiet-border]{--token-demo: var(--button-quiet-border)}.guide-token-demo[data-token-demo=--button-danger-bg]{--token-demo: var(--button-danger-bg)}.guide-token-demo[data-token-demo=--button-danger-bg-hover]{--token-demo: var(--button-danger-bg-hover)}.guide-token-demo[data-token-demo=--button-danger-bg-active]{--token-demo: var(--button-danger-bg-active)}.guide-token-demo[data-token-demo=--button-danger-fg]{--token-demo: var(--button-danger-fg)}.guide-token-demo[data-token-demo=--space-1]{--token-demo: var(--space-1)}.guide-token-demo[data-token-demo=--space-2]{--token-demo: var(--space-2)}.guide-token-demo[data-token-demo=--space-3]{--token-demo: var(--space-3)}.guide-token-demo[data-token-demo=--space-4]{--token-demo: var(--space-4)}.guide-token-demo[data-token-demo=--space-5]{--token-demo: var(--space-5)}.guide-token-demo[data-token-demo=--space-6]{--token-demo: var(--space-6)}.guide-token-demo[data-token-demo=--space-7]{--token-demo: var(--space-7)}.guide-token-demo[data-token-demo=--shadow-1]{--token-demo: var(--shadow-1)}.guide-token-demo[data-token-demo=--shadow-2]{--token-demo: var(--shadow-2)}.guide-token-demo[data-token-demo=--shadow-3]{--token-demo: var(--shadow-3)}.guide-token-demo[data-token-demo=--shadow-up]{--token-demo: var(--shadow-up)}.guide-token-demo-label{display:inline-block;font-size:var(--font-size-0);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-1)}.guide-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-7) * 3),1fr));gap:var(--space-3)}.guide-color-chip{margin:0;display:grid;gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid)}.guide-color-swatch{height:var(--space-6);border-radius:var(--radius-sm);border:var(--border-width) solid var(--wash-strong);background:var(--token-demo);background-clip:padding-box}.guide-color-chip figcaption{display:grid;gap:var(--space-1);margin:0;font-size:var(--font-size-0);line-height:var(--line-height-tight);color:var(--color-muted)}.guide-color-chip code{font-size:var(--font-size-0);color:var(--color-action)}.guide-color-resolved{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;color:var(--color-muted)}.guide-elevation{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-7) * 3),1fr));gap:var(--space-4);padding:var(--space-2) 0}.guide-elevation-card{margin:0;display:grid;gap:var(--space-2);place-items:start;min-height:calc(var(--space-7) + var(--space-5));padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-solid);border:var(--border-width) solid var(--color-border);box-shadow:var(--token-demo)}.guide-elevation-card code{font-size:var(--font-size-1);color:var(--color-action)}.guide-elevation-card figcaption{margin:0;font-size:var(--font-size-0);color:var(--color-muted);line-height:var(--line-height-tight)}.guide-markup{margin:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid)}.guide-markup summary{cursor:pointer;padding:var(--space-2) var(--space-3);font-size:var(--font-size-1);font-weight:600;color:var(--color-action);list-style:none}.guide-markup summary::-webkit-details-marker{display:none}.guide-markup summary:after{content:" ▾";font-weight:400;color:var(--color-muted)}.guide-markup[open] summary:after{content:" ▴"}.guide-markup pre{margin:0;padding:var(--space-3) var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-border);overflow-x:auto;font-size:var(--font-size-0);line-height:var(--line-height-tight);color:var(--color-text)}.guide-markup code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.guide-section{display:grid;gap:var(--space-3);padding-top:var(--space-1);border-top:var(--border-width) solid var(--color-border);scroll-margin-top:var(--space-5)}.guide-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.guide-section-head h2{margin:0;font-family:var(--font-display);font-size:var(--font-size-3)}.guide-tag{font-size:var(--font-size-0);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.guide-stack{display:grid;gap:var(--space-2)}.guide-stack-narrow{max-width:calc(var(--grid-content) * .6)}.guide-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center;margin:0}.guide-thread{max-width:var(--grid-content)}.guide-attach-demo{position:relative;min-height:calc(var(--tap-target-min) * 5);margin-top:var(--space-3)}.guide-composer-message-box{width:100%;max-width:var(--grid-max);margin-inline:auto;overflow:visible}.guide-composer-message-box .chat-composer-disclaimer{text-align:center}.guide-attach-note{margin-top:var(--space-5)}.guide-use{display:grid;gap:var(--space-2);margin:0}.guide-use>div{display:grid;grid-template-columns:var(--space-7) 1fr;gap:var(--space-2);align-items:baseline}.guide-use dt{margin:0;font-size:var(--font-size-0);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.guide-use dd{margin:0;color:var(--color-text);line-height:var(--line-height-tight)}.guide-tokens{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0;font-size:var(--font-size-0);color:var(--color-muted)}.guide-tokens-label{font-weight:600;color:var(--color-text);margin-inline-end:var(--space-1)}.guide-tokens code{font-size:var(--font-size-0);color:var(--color-action)}.guide-opts-wrap{overflow-x:auto}.guide-opts{width:100%;border-collapse:collapse;font-size:var(--font-size-1)}.guide-opts th,.guide-opts td{text-align:left;vertical-align:top;padding:var(--space-2);border-top:var(--border-width) solid var(--color-border);line-height:var(--line-height-tight)}.guide-opts th{font-size:var(--font-size-0);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);border-top:0}.guide-opts code{font-size:var(--font-size-0);color:var(--color-action)}.guide-looks{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-7) * 3),1fr));gap:var(--space-3)}.guide-looks--stack{grid-template-columns:1fr;max-width:calc(var(--grid-content) * .6)}.guide-looks--stack.guide-looks--wide{max-width:var(--grid-content)}.guide-look{margin:0;display:grid;gap:var(--space-1);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid)}.guide-look-sample{min-height:var(--space-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.guide-looks--stack .guide-look-sample{display:block}.guide-look figcaption{margin:0;font-size:var(--font-size-0);color:var(--color-muted);line-height:var(--line-height-tight)}.guide-look figcaption code{font-size:var(--font-size-0)}.guide-consume{display:grid;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid)}.guide-consume-title{margin:0;font-size:var(--font-size-1);font-weight:650;color:var(--color-text)}.guide-consume-steps{margin:0;padding-left:var(--space-4);color:var(--color-muted);line-height:var(--line-height-body);font-size:var(--font-size-1)}.guide-consume-steps li{margin-bottom:var(--space-1)}.guide-consume-live{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.guide-consume-live-label{margin:0;font-size:var(--font-size-0);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.shell:has(.guide){max-width:min(calc(var(--grid-max) + var(--space-7) * 4),calc(100% - 2 * var(--space-4)))}.guide-type-pair{display:grid;gap:var(--space-5)}.guide-type-specimen{display:grid;gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid)}.guide-type-name{margin:0;font-size:var(--font-size-0);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted)}.guide-type-display{margin:0;font-family:var(--font-display);font-size:var(--font-size-5);font-weight:650;line-height:var(--line-height-tight);color:var(--color-action)}.guide-type-body{margin:0;font-family:var(--font-body);font-size:var(--font-size-2);line-height:var(--line-height-body);color:var(--color-text)}.guide-type-scale{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.guide-type-scale li{display:grid;gap:var(--space-1);align-items:start;justify-items:start;border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-3)}.guide-type-scale .meta{margin:0;padding:0;border:0;background:transparent;display:block;font-size:var(--font-size-0);line-height:var(--line-height-tight);color:var(--color-muted)}.guide-type-scale .sample-display,.guide-type-scale .sample-body{margin:0;max-width:100%}.guide-type-scale .sample-display{font-family:var(--font-display);font-weight:650;line-height:var(--line-height-tight);color:var(--color-text)}.guide-type-scale .sample-display--5{font-size:var(--font-size-5)}.guide-type-scale .sample-display--4{font-size:var(--font-size-4)}.guide-type-scale .sample-body{font-family:var(--font-body);line-height:var(--line-height-body)}.guide-type-scale .sample-body--2{font-size:var(--font-size-2)}.guide-type-scale .sample-body--0{font-size:var(--font-size-0)}.guide-type-scale .sample-body--muted{color:var(--color-muted)}.guide-space-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end}.guide-space-chip{display:grid;gap:var(--space-1);justify-items:start;font-size:var(--font-size-0);color:var(--color-muted)}.guide-space-chip small{font-size:var(--font-size-0);opacity:.85}.guide-space-gap{display:flex;flex-direction:row;align-items:center;gap:var(--token-demo);min-height:var(--space-5);padding:var(--space-2);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-action) 6%,transparent)}.guide-space-box{display:block;width:var(--space-5);height:var(--space-5);flex:0 0 auto;background:var(--color-action);border-radius:var(--radius-sm);opacity:.85}.guide-grid-demo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gutter);padding:var(--space-3);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-action) 6%,transparent)}.guide-grid-demo>span{grid-column:span 1;min-height:var(--space-6);background:color-mix(in srgb,var(--color-action) 22%,transparent);border-radius:var(--radius-sm)}.guide-layouts{display:grid;gap:var(--space-4)}.guide-layout{display:grid;gap:var(--space-2)}.guide-layout-frame{display:grid;gap:var(--grid-gutter);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid)}.guide-layout-frame--content{grid-template-columns:1fr;max-width:var(--grid-content)}.guide-layout-frame--split{grid-template-columns:minmax(0,1fr)}@media(min-width:40rem){.guide-layout-frame--split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}.guide-layout-frame--cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:40rem){.guide-layout-frame--cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.guide-layout-block{min-height:var(--space-6);padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-action) 14%,var(--color-surface-solid));color:var(--color-muted);font-size:var(--font-size-0)}.guide-layout-block--tall{min-height:calc(var(--space-7) * 2)}.guide-photo-rules{margin:0;padding-left:var(--space-4);color:var(--color-muted);line-height:var(--line-height-tight)}.guide-photo-rules li{margin-bottom:var(--space-1)}.guide-photo-bleed{margin-inline:calc(-1 * var(--space-4));border-radius:0;overflow:hidden;background:var(--color-text)}@media(min-width:40rem){.guide-photo-bleed{margin-inline:calc(-1 * var(--space-5))}}.guide-photo-bleed img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center 40%}.guide-photo-grid{display:grid;gap:var(--grid-gutter);grid-template-columns:1fr}@media(min-width:40rem){.guide-photo-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch}}.guide-photo-card{margin:0;display:grid;gap:var(--space-2)}.guide-photo-card img{display:block;width:100%;height:100%;min-height:calc(var(--space-7) * 3);object-fit:cover;border-radius:var(--radius-md);background:var(--color-border)}.guide-photo-card--focus-desk img{object-position:70% 35%}.guide-photo-card figcaption{font-size:var(--font-size-1);color:var(--color-muted);line-height:var(--line-height-tight)}.guide-photo-crops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gutter)}.guide-photo-crop{margin:0;display:grid;gap:var(--space-1)}.guide-photo-crop img{display:block;width:100%;object-fit:cover;border-radius:var(--radius-md);background:var(--color-border)}.guide-photo-crop--wide img{aspect-ratio:16 / 9}.guide-photo-crop--square img{aspect-ratio:1 / 1;object-position:60% 30%}.guide-photo-crop--portrait img{aspect-ratio:3 / 4;object-position:55% 25%}.guide-photo-crop figcaption{font-size:var(--font-size-0);color:var(--color-muted)}