@layer properties,theme,base;@layer components{.os-sp{flex:1}.os-tnum{font-variant-numeric:tabular-nums}.os-btn{height:var(--control-h);min-height:var(--touch-min);font:600 14px/1 var(--font-sans);letter-spacing:-.005em;border-radius:var(--radius-btn);white-space:nowrap;cursor:pointer;color:var(--ink);transition:background-color var(--dur-press) var(--ease-signal), border-color var(--dur-micro) var(--ease-signal), color var(--dur-micro) var(--ease-signal);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.os-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.os-btn-primary{background-color:var(--action);border-color:var(--action);color:var(--on-action)}.os-btn-primary:hover,.os-btn-primary:active{background-color:var(--action-hover);border-color:var(--action-hover)}.os-btn-ghost{border-color:var(--line-strong);color:var(--ink)}.os-btn-ghost:hover{border-color:var(--ink-dim)}.os-btn-ghost:active{background-color:var(--surface-raised)}.os-btn-quiet{color:var(--ink-muted);padding:0 10px}.os-btn-quiet:hover{color:var(--ink);background-color:var(--surface-raised)}.os-btn-sm{height:32px;padding:0 12px;font-size:12.5px}.os-btn-block{width:100%;display:flex}.os-btn-lean{transform:var(--lean-skew)}.os-btn-lean>.os-btn-label{transform:var(--lean-unskew)}.os-btn-label{align-items:center;gap:8px;display:inline-flex}.os-btn[disabled],.os-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.os-btn[aria-busy=true]{pointer-events:none}.os-btn-load{gap:var(--triad-gap);align-items:stretch;height:12px;display:inline-flex}.os-btn-load>i{width:var(--triad-bar);opacity:.25;animation:os-load var(--dur-enter) var(--ease-signal) infinite alternate;background-color:currentColor;display:block}.os-btn-load>i:nth-child(2){animation-delay:calc(var(--dur-enter) / 3)}.os-btn-load>i:nth-child(3){animation-delay:calc(var(--dur-enter) * 2 / 3)}@keyframes os-load{to{opacity:1}}.os-header{background-color:var(--chrome);color:var(--chrome-ink);padding:10px var(--page-pad-phone) 0;position:relative;overflow:hidden}.os-header:before{content:"";background-image:linear-gradient(var(--chrome-line) 1px, transparent 1px), linear-gradient(90deg, var(--chrome-line) 1px, transparent 1px);background-size:var(--grid-fine) var(--grid-fine);opacity:.35;pointer-events:none;position:absolute;inset:0}.os-header>*{position:relative}.shell-main>.os-header:first-child{margin:-1.5rem -1.25rem 0;padding-left:1.25rem;padding-right:1.25rem}@media (min-width:48rem){.shell-main>.os-header:first-child{margin:-1.5rem -1.75rem 0;padding-left:1.75rem;padding-right:1.75rem}}.os-header-top{min-height:var(--touch-min);align-items:center;gap:10px;display:flex}.os-header-back{min-height:var(--touch-min);color:var(--chrome-ink-muted);font:500 13px/1 var(--font-sans);align-items:center;gap:8px;margin-left:-10px;padding:0 10px;text-decoration:none;display:inline-flex}.os-header-back:hover{color:var(--chrome-ink);background-color:var(--chrome-raised)}.os-header-back:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.os-header-station{font:500 12px/1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--chrome-ink-dim);align-items:center;gap:10px;margin-top:6px;display:flex}.os-header h1{font:italic 900 30px/1 var(--font-sans);letter-spacing:-.03em;overflow-wrap:anywhere;margin:6px 0 0}@media (min-width:68.75rem){.os-header h1{font-size:38px}}.os-header-line{color:var(--chrome-ink-muted);max-width:60ch;margin:8px 0 0;font-size:14px;line-height:1.45}.os-header-readouts{background-color:var(--chrome-line);border:1px solid var(--chrome-line);gap:1px;margin-top:14px;display:flex}.os-readout{background-color:var(--chrome);flex:1;min-width:0;padding:10px 12px 9px}.os-readout b{font:700 26px/1.1 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--chrome-ink);display:block}.os-readout span{font:500 10.5px/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--chrome-ink-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.os-readout-act b{color:var(--signal-red)}.os-readout-wait b{color:var(--signal-amber)}.os-readout-motion b{color:var(--signal-blue-lift)}[data-theme=inverted] .os-readout-act b{color:var(--chrome-red-text)}[data-theme=inverted] .os-readout-wait b{color:var(--chrome-amber-text)}[data-theme=inverted] .os-readout-motion b{color:var(--chrome-blue-text)}.os-header-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.os-header-foot{height:16px;margin-top:14px;position:relative}.os-header-foot .ds-triad{--tall:4px;position:absolute;bottom:0;left:0}.os-header-foot .ds-triad>i{width:24px}.os-header-blue{background-color:var(--signal-blue);color:var(--on-blue)}.os-header-blue .os-header-line,.os-header-blue .os-header-station,.os-header-blue .os-readout span{color:var(--on-blue-muted)}.os-header-blue .os-readout{background-color:var(--signal-blue)}.os-header-blue .os-readout b{color:var(--on-blue)}.os-header-red{background-color:var(--signal-red);color:var(--on-red)}.os-header-red .os-header-line,.os-header-red .os-header-station,.os-header-red .os-readout span,.os-header-red .os-readout b{color:var(--on-red)}.os-header-red .os-readout{background-color:var(--signal-red)}.os-header-amber{background-color:var(--signal-amber);color:var(--on-amber)}.os-header-amber .os-header-line,.os-header-amber .os-header-station,.os-header-amber .os-readout span{color:var(--on-amber-muted)}.os-header-amber .os-readout{background-color:var(--signal-amber)}.os-header-amber .os-readout b{color:var(--on-amber)}.os-header-blue:before,.os-header-red:before,.os-header-amber:before{display:none}.os-header-blue .ds-triad>i,.os-header-red .ds-triad>i,.os-header-amber .ds-triad>i{background-color:currentColor}.os-bottom{background-color:var(--chrome);border-top:1px solid var(--chrome-line);padding-bottom:env(safe-area-inset-bottom,0px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.os-bottom>a,.os-bottom>span{min-width:0;min-height:var(--bottom-bar-row,60px);color:var(--chrome-ink-muted);font:500 11px/1 var(--font-sans);white-space:nowrap;align-content:center;place-items:center;gap:4px;padding:0 2px;text-decoration:none;display:grid}.os-bottom>span{color:var(--chrome-ink-dim)}.os-bottom>a:hover{color:var(--chrome-ink)}.os-bottom>a:active{background-color:var(--chrome-raised)}.os-bottom>a.on,.os-bottom>a.on:hover,.os-bottom>a.on:active{background-color:var(--signal-blue);color:var(--on-blue)}.os-bottom>a:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.os-bottom .ds-icon{vertical-align:0}.os-rail .ds-nav-on,.os-rail .ds-nav-on:hover{background-color:var(--signal-blue);color:var(--on-blue)}.os-rail .ds-nav-on:before{display:none}.os-rail .ds-nav-on .ds-nav-n{color:var(--on-blue-muted)}.os-band{min-height:52px;padding:0 var(--page-pad-phone);color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex;position:relative}.os-band-lbl{font:500 12px/1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.os-band-t{min-width:0;font:700 16px/1.2 var(--font-sans);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.os-band-n{font:600 14px/1 var(--font-mono);font-variant-numeric:tabular-nums}.os-band .ds-icon{flex:none}a.os-band:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.os-band-chrome{background-color:var(--chrome);color:var(--chrome-ink)}.os-band-chrome .os-band-lbl{color:var(--chrome-ink-dim)}.os-band-blue{background-color:var(--signal-blue);color:var(--on-blue)}.os-band-blue .os-band-lbl{color:var(--on-blue-muted)}.os-band-red{background-color:var(--signal-red);color:var(--on-red)}.os-band-red .os-band-lbl{color:var(--on-red)}.os-band-amber{background-color:var(--signal-amber);color:var(--on-amber)}.os-band-amber .os-band-lbl{color:var(--on-amber-muted)}.os-band-page{color:var(--ink);border-bottom:1px solid var(--line);background-color:#0000}.os-band-page .os-band-lbl{color:var(--ink-dim)}.os-band-lean{padding-right:calc(var(--page-pad-phone) + 12px);clip-path:polygon(0 0,100% 0,calc(100% - 13px) 100%,0 100%);margin-right:24px}@media (max-width:47.9375rem){.shell-main .os-bleed{margin-left:-1.25rem;margin-right:-1.25rem}.shell-main .os-band.os-bleed{padding-left:1.25rem}.shell-main .os-band-lean.os-bleed{margin-right:calc(24px - 1.25rem)}}.os-group{background-color:var(--surface);margin:12px 0 0}.os-band+.os-group{margin-top:0}.os-group-tint-red{background-color:var(--tint-red)}.os-group-tint-blue{background-color:var(--tint-blue)}.os-group-tint-amber{background-color:var(--tint-amber)}.os-group-tint-red .os-row,.os-group-tint-blue .os-row,.os-group-tint-amber .os-row,.os-group-tint-red .os-more,.os-group-tint-blue .os-more,.os-group-tint-amber .os-more{border-top-color:var(--tint-line)}.os-group-tint-red .os-more,.os-group-tint-blue .os-more,.os-group-tint-amber .os-more,.os-group-tint-red .os-group-h .os-fold,.os-group-tint-blue .os-group-h .os-fold,.os-group-tint-amber .os-group-h .os-fold{color:var(--ink)}.os-group-tint-red .os-group-meta,.os-group-tint-blue .os-group-meta,.os-group-tint-amber .os-group-meta,.os-group-tint-red .os-row-s,.os-group-tint-blue .os-row-s,.os-group-tint-amber .os-row-s,.os-group-tint-red .os-row-time,.os-group-tint-blue .os-row-time,.os-group-tint-amber .os-row-time{color:var(--ink-muted)}.os-group-h{align-items:center;gap:10px;min-height:40px;padding:0 14px;display:flex}.os-group-h b{font:700 13.5px/1.2 var(--font-sans);letter-spacing:-.01em}.os-group-meta{font:500 10.5px/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.os-group-tint-red .os-group-h b{color:var(--signal-red-text)}.os-group-tint-blue .os-group-h b{color:var(--ink)}.os-group-tint-amber .os-group-h b{color:var(--signal-amber-text)}.os-fold{min-height:var(--touch-min);min-width:var(--touch-min);color:var(--ink-muted);font:500 12px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-right:-14px;padding:0 10px;display:inline-flex}.os-fold:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.os-fold .ds-icon{transition:transform var(--dur-micro) var(--ease-signal)}.os-group-open>.os-group-h .os-fold .ds-icon{transform:rotate(180deg)}.os-group-body{transition:grid-template-rows var(--dur-exit) var(--ease-exit);grid-template-rows:0fr;display:grid}.os-group-open>.os-group-body{transition-duration:var(--dur-enter);transition-timing-function:var(--ease-signal);grid-template-rows:1fr}.os-group-body>div{min-height:0;overflow:hidden}.os-row{min-height:var(--row-h-phone);border-top:1px solid var(--line);color:var(--ink);transition:background-color var(--dur-press) var(--ease-signal);background-color:#0000;align-items:center;gap:12px;padding:8px 14px;text-decoration:none;display:flex;position:relative}@media (min-width:64rem){.os-row{min-height:var(--row-h)}}.os-row:first-child{border-top:0}a.os-row:active{background-color:var(--surface-raised)}a.os-row:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.os-row.on{background-color:var(--surface-raised)}.os-row.on:before{content:"";background-color:var(--interactive);width:3px;position:absolute;top:0;bottom:0;left:0}.os-row-lead{width:24px;color:var(--ink-dim);flex:none;place-items:center;display:grid}.os-row-main{flex:1;min-width:0;overflow:hidden}.os-row-t{font:600 15px/1.3 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;align-items:center;display:flex;overflow:hidden}.os-row-tt{text-overflow:ellipsis;min-width:0;overflow:hidden}.os-row-s{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;line-height:1.35;display:block;overflow:hidden}.os-row-s.mono{font:500 12px/1.35 var(--font-mono);letter-spacing:.02em}.os-row-end{color:var(--ink-dim);flex:none;align-items:center;gap:8px;display:flex}.os-row-time{font:500 12px/1 var(--font-mono);letter-spacing:.04em;color:var(--ink-muted);white-space:nowrap}.os-row-time.wait{color:var(--signal-amber-text)}.os-row-time.act{color:var(--signal-red-text)}.os-row-time.motion{color:var(--signal-blue-text)}.os-confirmed{background-color:var(--ink);width:14px;height:14px;color:var(--surface);flex:none;place-items:center;margin-right:6px;display:inline-grid}.os-confirmed svg{width:10px;height:10px}.os-row-unconfirmed .os-row-s{color:var(--ink-muted)}.os-chip{border:1px solid var(--line-strong);background-color:var(--surface);height:24px;font:500 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;vertical-align:middle;align-items:center;gap:6px;padding:0 8px 0 7px;display:inline-flex}.os-chip>i{box-sizing:border-box;flex:none;width:8px;height:8px;display:block}.os-chip-neutral>i{background-color:var(--ink-dim);width:5px;height:5px}.os-chip-act{border-color:var(--status-act);color:var(--signal-red-text)}.os-chip-act>i{background-color:var(--status-act)}.os-chip-wait{border-color:var(--status-wait);color:var(--signal-amber-text)}.os-chip-wait>i{border:2px solid var(--status-wait);background-color:#0000}.os-chip-motion{border-color:var(--status-motion);color:var(--signal-blue-text)}.os-chip-motion>i{background-color:var(--status-motion);width:6px;height:10px;transform:var(--lean-skew)}.os-chip-done{border-color:var(--ink);color:var(--ink)}.os-chip-done>i{place-items:center;width:10px;height:10px;display:grid}.os-chip-done>i>svg{width:10px;height:10px}.os-chip-solid{background-color:var(--ink);color:var(--surface);border-color:var(--ink)}.os-chip-solid>i,.os-band .os-chip,.os-header .os-chip{background-color:var(--surface)}.os-facts{background-color:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}@media (min-width:64rem){.os-facts-3{grid-template-columns:repeat(3,minmax(0,1fr))}.os-facts-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.os-facts>div{background-color:var(--surface);min-width:0;padding:10px 12px}.os-fact-l{font:500 10.5px/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0}.os-fact-v{font:600 14px/1.3 var(--font-sans);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;overflow:hidden}.os-fact-v.mono{font:600 13px/1.3 var(--font-mono);letter-spacing:.02em}.os-more{width:100%;min-height:var(--touch-min);border:0;border-top:1px solid var(--line);font:500 13px/1 var(--font-sans);color:var(--ink-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;display:flex}.os-more:active{background-color:var(--surface-raised)}.os-more:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.os-more .ds-icon{transition:transform var(--dur-micro) var(--ease-signal)}.os-open>.os-more .ds-icon{transform:rotate(180deg)}.os-fold-rest{transition:grid-template-rows var(--dur-exit) var(--ease-exit);grid-template-rows:0fr;display:grid}.os-open>.os-fold-rest{transition-duration:var(--dur-enter);transition-timing-function:var(--ease-signal);grid-template-rows:1fr}.os-fold-rest>div{min-height:0;overflow:hidden}.os-fold-rest>div>.os-row:first-child{border-top:1px solid var(--line)}.os-group-tint-red .os-fold-rest>div>.os-row:first-child,.os-group-tint-blue .os-fold-rest>div>.os-row:first-child,.os-group-tint-amber .os-fold-rest>div>.os-row:first-child{border-top-color:var(--tint-line)}.os-folded-instant .os-fold-rest,.os-folded-instant .os-group-body{transition:none}.os-tile{aspect-ratio:1;background-color:var(--chrome-raised);border:1px solid var(--chrome-line-strong);color:var(--chrome-ink);text-decoration:none;display:block;position:relative;overflow:hidden}a.os-tile:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.os-tile img{object-fit:cover;width:100%;height:100%;display:block}.os-tile-ph{text-align:center;color:var(--chrome-ink-muted);place-items:center;padding:12px;font-size:12px;line-height:1.35;display:grid;position:absolute;inset:0 0 24px}.os-tile-cap{background-color:var(--chrome);color:var(--chrome-ink);font:600 12px/1 var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.os-tile-cap span{min-width:0;color:var(--chrome-ink-dim);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.os-tile:before,.os-tile:after{content:"";border-color:var(--chrome-ink-dim);pointer-events:none;border-style:solid;width:10px;height:10px;position:absolute}.os-tile:before{border-width:1px 0 0 1px;top:6px;left:6px}.os-tile:after{border-width:1px 1px 0 0;top:6px;right:6px}.os-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (min-width:48rem){.os-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:68.75rem){.os-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}.os-draft{top:var(--shell-top,0px);z-index:3;min-height:var(--touch-min);padding:6px var(--page-pad-phone);background-color:var(--tint-amber);color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky}.os-draft>i{background-color:var(--signal-amber);width:8px;height:16px;transform:var(--lean-skew);flex:none}.os-draft-main{flex:1;min-width:0}.os-draft-main b{font:600 13px/1.2 var(--font-sans);display:block}.os-draft-main span{font:500 12px/1.3 var(--font-mono);letter-spacing:.04em;color:var(--signal-amber-text);margin-top:2px;display:block}.os-demo{min-height:36px;padding:0 var(--page-pad-phone);background-color:var(--chrome);color:var(--chrome-ink-muted);font:500 12px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.os-demo-pill{border:1px dashed var(--signal-amber);color:var(--chrome-amber-text);flex:none;padding:4px 7px}.os-demo-line{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.os-empty{text-align:center;color:var(--ink);padding:40px 24px}.os-empty>.ds-icon,.os-empty>.os-symbol{color:var(--ink-dim);margin:0 auto 10px;display:block}.os-empty h3{font:700 16px/1.3 var(--font-sans);letter-spacing:-.01em;margin:0}.os-empty p{max-width:40ch;color:var(--ink-muted);margin:6px auto 0;font-size:13.5px;line-height:1.45}.os-empty-act{margin-top:14px}.os-symbol{vertical-align:-5px;flex:none;display:inline-block}.os-symbol-word{align-items:center;gap:8px;display:inline-flex}@media (prefers-reduced-motion:reduce){.os-btn,.os-row,.os-fold .ds-icon,.os-more .ds-icon,.os-group-body,.os-fold-rest{transition:none}.os-btn-load>i{opacity:1;animation:none}}}@layer utilities;
