.demo-frame{flex-direction:column;height:100%;min-height:0;display:flex}.demo-frame__app{flex:1;min-height:0}.demo-bar{align-items:center;gap:var(--space-3);box-sizing:border-box;background:var(--ink-strong);color:#fff;height:40px;font-size:var(--text-secondary);flex:none;padding:0 16px;display:flex}.demo-bar__tag{font-size:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;border-radius:4px;flex:none;padding:3px 7px;font-weight:500}.demo-bar__note{white-space:nowrap;text-overflow:ellipsis;color:#ffffffb8;flex:1;min-width:0;overflow:hidden}.demo-bar__btn{color:#fff;font:inherit;font-size:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff52;border-radius:6px;flex:none;margin-left:auto;padding:4px 9px}.demo-bar__btn:hover{border-color:#fff9}.demo-bar__btn:focus-visible,.demo-bar__link{color:#fff;text-underline-offset:3px;flex:none;text-decoration:underline}.demo-bar__link:hover{text-decoration-thickness:2px}@media (width<=700px){.demo-bar__note{display:none}}.explore-cta{z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.explore-cta__scrim{background:#0f172a8c;position:fixed;inset:0}.explore-cta__card{box-sizing:border-box;background:var(--surface);gap:var(--space-2);border-radius:12px;flex-direction:column;width:420px;max-width:calc(100vw - 32px);padding:20px;display:flex;position:relative;box-shadow:0 18px 44px #0f172a47}.explore-cta__title{font-size:var(--text-display);font-weight:var(--weight-name);color:var(--ink-strong);margin:0}.explore-cta__body{font-size:var(--text-secondary);color:var(--ink);margin:0}.explore-cta__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.explore-cta__btn{border:1px solid var(--line);background:var(--surface);color:#334155;font:inherit;font-size:var(--text-secondary);cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:500;text-decoration:none}.explore-cta__btn:hover{border-color:var(--ink-faint)}.explore-cta__btn--primary{background:var(--action);border-color:var(--action);color:#fff}.explore-cta__btn--primary:hover{background:var(--action-hover);border-color:var(--action-hover)}.explore-cta__btn:focus-visible{outline:2px solid var(--action);outline-offset:1px}@media (width<=700px){.explore-cta__btn{text-align:center;flex:1;min-height:44px}}.muted-control{z-index:65;pointer-events:auto;cursor:not-allowed;background:var(--surface);opacity:.72;border-radius:8px;position:fixed}.guided{z-index:70;pointer-events:none;position:fixed;inset:0}.guided__block{pointer-events:auto;position:fixed}.guided__block--dim{background:#0f172a8c}.guided__ring{pointer-events:none;border:2px solid var(--action);border-radius:9px;animation:2.4s ease-in-out infinite guided-ring-breathe;position:fixed}@keyframes guided-ring-breathe{0%,to{opacity:1}50%{opacity:.45}}.guided__panel{box-sizing:border-box;pointer-events:auto;background:var(--surface);gap:var(--space-2);border-radius:12px;flex-direction:column;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:16px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 18px 44px #0f172a47}.guided__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.guided__badge{font-size:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-weight:500}.guided__progress{font-size:var(--text-tertiary);color:var(--ink-faint);font-variant-numeric:tabular-nums}.guided__title{font-size:var(--text-primary);font-weight:var(--weight-name);color:var(--ink-strong);margin:0}.guided__body{font-size:var(--text-secondary);color:var(--ink);margin:0;font-weight:400}.guided__note{font-size:var(--text-tertiary);color:var(--ink-faint);margin:0}.guided__swatches{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.guided__swatch{font-size:var(--text-tertiary);border:1px solid;border-left-width:3px;border-radius:6px;flex:1;padding:6px 8px}.guided__swatch--event{background:var(--event-tint);border-color:var(--event-border);border-left-color:var(--event-accent);color:var(--event-text)}.guided__swatch--task{background:var(--task-tint);border-color:var(--task-border);border-left-color:var(--task-accent);color:var(--task-text)}.guided__swatch--goal{background:var(--goal-tint);border-color:var(--goal-border);border-left-color:var(--goal-accent);color:var(--goal-text)}.guided__foot{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.guided__btn--quiet{color:var(--ink-muted);border-color:#0000;margin-right:auto;font-weight:400}.guided__btn--quiet:hover{border-color:var(--line);color:var(--ink)}.guided__turn{font-size:var(--text-tertiary);color:var(--action);font-weight:500}.guided__btn{border:1px solid var(--line);background:var(--surface);color:#334155;font:inherit;font-size:var(--text-secondary);cursor:pointer;border-radius:8px;padding:7px 12px;font-weight:500;text-decoration:none}.guided__btn:hover{border-color:var(--ink-faint)}.guided__btn--primary{background:var(--action);border-color:var(--action);color:#fff}.guided__btn--primary:hover{background:var(--action-hover);border-color:var(--action-hover)}.guided__btn:focus-visible{outline:2px solid var(--action);outline-offset:1px}@media (width<=700px){.guided__panel{max-height:50vh}.guided__btn{min-height:40px}}@media (prefers-reduced-motion:reduce){.guided__ring{opacity:1;animation:none}}.try-unavailable{max-width:62ch;color:var(--ink);font-size:var(--text-primary);margin:15vh auto 0;padding:0 24px}.try-unavailable a{color:var(--action)}