@layer components{.l9-page{gap:clamp(1.25rem,2.5vw,2rem);width:100%;max-width:62rem;margin-inline:auto;padding:clamp(1.25rem,3vw,2.5rem) 1rem 4rem;display:grid}.l9-page--narrow{max-width:45rem}.l9-page__head{gap:.375rem;display:grid}.l9-page__title{font-family:var(--font-display);font-size:var(--text-h1);line-height:1.1}.l9-page__lead{color:var(--ink-muted);max-width:38rem}.l9-section{gap:.875rem;display:grid}.l9-section__title{font-family:var(--font-display);font-size:var(--text-h3);line-height:1.2}.l9-muted{color:var(--ink-muted);font-size:var(--text-small)}.l9-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.l9-stack{gap:.625rem;display:grid}.l9-stack>.button,.l9-confirm>.button,.l9-section>.button{justify-self:start}.l9-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.875rem;display:grid}.l9-subnav ul{flex-wrap:wrap;gap:.375rem;padding:0;list-style:none;display:flex}.l9-subnav a{border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--surface);min-height:2.5rem;color:var(--ink);font-weight:600;font-size:var(--text-small);transition:background var(--duration-fast) var(--ease-tegel), border-color var(--duration-fast) var(--ease-tegel);align-items:center;padding:.375rem .875rem;text-decoration:none;display:inline-flex}.l9-subnav a:hover{border-color:var(--ink)}.l9-subnav a[aria-current=page]{background:var(--night);border-color:var(--night);color:#f9f9f5}.l9-offer{align-content:start;gap:.5rem;display:grid}.l9-offer__title{font-family:var(--font-display);font-size:var(--text-h3);line-height:1.2}.l9-offer__price{font-variant-numeric:lining-nums tabular-nums;font-size:1.5rem;font-weight:700}.l9-offer__meta{color:var(--ink-muted);font-size:var(--text-small)}.l9-picker{gap:1rem;display:grid}.l9-picker__nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.l9-picker__week{font-weight:700}.l9-day{border:0;border-block-start:1px solid var(--line);gap:.5rem;margin:0;padding:.875rem 0 0;display:grid}.l9-day__label{padding:0;font-weight:700}.l9-day__label:first-letter{text-transform:uppercase}.l9-day__slots{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem;display:grid}.l9-slot{position:relative}.l9-slot input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.l9-slot span{border:1.5px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);text-align:center;font-variant-numeric:tabular-nums;min-height:2.75rem;transition:transform var(--duration-fast) var(--ease-tegel), background var(--duration-fast) var(--ease-tegel), border-color var(--duration-fast) var(--ease-tegel);gap:.125rem;padding:.5rem .75rem;display:grid}.l9-slot strong{font-size:1.0625rem}.l9-slot small{color:var(--ink-muted);font-size:.75rem}.l9-slot:hover span{border-color:var(--ink);transform:translateY(-2px)}.l9-slot input:focus-visible+span{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.l9-slot input:checked+span{background:var(--action);border-color:var(--action);color:var(--on-action)}.l9-slot input:checked+span small{color:inherit}.l9-session{gap:.5rem;display:grid}.l9-session__when{font-size:1.0625rem;font-weight:700}.l9-status{border-radius:var(--radius-pill);background:var(--tile);min-height:1.75rem;font-size:var(--text-small);align-items:center;padding:.125rem .625rem;font-weight:600;display:inline-flex}.l9-status[data-tone=good]{background:color-mix(in oklab, var(--success) 18%, var(--surface))}.l9-status[data-tone=wait]{background:color-mix(in oklab, var(--warning) 22%, var(--surface));color:var(--warning-ink)}.l9-status[data-tone=stop]{background:color-mix(in oklab, var(--error) 12%, var(--surface))}.l9-join{border-radius:var(--radius-tile);background:var(--night);color:#f9f9f5;gap:.5rem;padding:1rem 1.25rem;display:grid}.l9-join a{color:inherit}.l9-form{gap:.875rem;display:grid}.l9-form>.button,.l9-form>.l9-row,.l9-form>.check{justify-self:start}.l9-form--inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.l9-form--inline .field__input,.l9-form--inline .l9-select{flex:9rem;width:auto;min-width:0}.l9-details>summary{cursor:pointer}.l9-details[open]>summary{margin-block-end:.75rem}.l9-form .field__input,.l9-select,.l9-textarea{width:100%;min-width:0}.l9-select,.l9-textarea{border:1.5px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);min-height:2.75rem;color:var(--ink);font:inherit;padding:.5rem .75rem}.l9-textarea{resize:vertical;min-height:6rem}.l9-fields{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.875rem;display:grid}.l9-result{border-radius:var(--radius-tile);font-size:var(--text-small);padding:.625rem .875rem;font-weight:600}.l9-result[data-tone=ok]{border-inline-start:4px solid var(--success);background:var(--tile)}.l9-result[data-tone=error]{border:1.5px solid var(--error);background:color-mix(in oklab, var(--error) 8%, var(--surface))}.l9-confirm{border-radius:var(--radius-tile);border:1.5px dashed var(--ink);gap:.75rem;padding:1rem;display:grid}.l9-button--quiet{min-height:2.5rem;padding:.375rem 1rem}.l9-table-wrap{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);overflow-x:auto}.l9-table{border-collapse:collapse;width:100%;font-size:var(--text-small);font-variant-numeric:tabular-nums}.l9-table th,.l9-table td{border-block-end:1px solid var(--line);text-align:start;vertical-align:top;padding:.625rem .75rem}.l9-table th{background:var(--tile);white-space:nowrap;font-weight:700}.l9-table tr:last-child td{border-block-end:0}.l9-flag{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--warning) 22%, var(--surface));color:var(--warning-ink);white-space:nowrap;margin:0 .25rem .25rem 0;padding:.0625rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.l9-metrics{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:.75rem;display:grid}.l9-metric{gap:.125rem;display:grid}.l9-metric strong{font-family:var(--font-display);font-size:1.75rem;line-height:1}.l9-sheet{padding:clamp(1.25rem,3vw,2rem)}.l9-demo{border-radius:var(--radius-tile);border-inline-start:4px solid var(--warning);background:var(--tile);padding:.75rem 1rem;font-weight:600}.l9-list{gap:.5rem;padding:0;list-style:none;display:grid}.l9-list>li{border-block-end:1px solid var(--line);padding-block:.5rem}.l9-list>li:last-child{border-block-end:0}}