.design-system-preview{--light-l0:#eaeaea;--light-l1:#ddd;--light-l2:#cdcdcd;--light-l3:#b8b8b8;--light-text:#0e0e10;--light-text-soft:#f1f1f1;--light-text-secondary:#0e0e10b8;--light-text-tertiary:#0e0e107a;--light-tint:#1a6fa8;--dark-l0:#000;--dark-l1:#1c1c1c;--dark-l2:#2e2e2e;--dark-l3:#414744;--dark-text:#eaeaea;--dark-text-on-light-action:#151517;--dark-text-secondary:#eaeaeab8;--dark-text-tertiary:#eaeaea7a;--dark-tint:#2e95d6;--selection-day:#d41ba9;--special-text-on-light:#b1128d;--special-text-on-dark:#ff78dd;--selection-foreground-light:#0e5a8a;--selection-foreground-dark:#2e95d6;--completed:#27db36;--upcoming:#009ddc;--missed:#cc4b27;--graph-over:#ffc243;--radius-card:16px;--radius-capsule:16px;--radius-compact-action:12px;--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--shadow:0 2px 8px #0000000a;color:var(--light-text);background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.design-system-preview *{box-sizing:border-box}.design-system-preview button{appearance:none;font:inherit;cursor:pointer;transition:transform .12s ease-out,opacity .12s ease-out,background-color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.design-system-preview button:disabled,.design-system-preview button[aria-disabled=true]{cursor:default}.design-system-preview button.is-pressed,.design-system-preview button:active{opacity:.84;transform:scale(.97)}.design-system-preview{margin:0;padding:32px;line-height:1.35}.design-system-preview header{max-width:1120px;margin:0 auto 24px}.design-system-preview h1,.design-system-preview h2,.design-system-preview h3,.design-system-preview p{margin:0}.design-system-preview h1{margin-bottom:8px;font-size:28px;line-height:1.12}.design-system-preview h2{margin-bottom:12px;font-size:22px}.design-system-preview h3{font-size:20px;font-weight:400}.design-system-preview .note{color:#0e0e10a8;max-width:760px;font-size:15px}.design-system-preview main{gap:24px;max-width:1120px;margin:0 auto;display:grid}.design-system-preview .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.design-system-preview .panel{border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid #00000014;overflow:hidden}.design-system-preview .toolbar{background:#ffffff59;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.design-system-preview .surface-stack{gap:16px;padding:20px;display:grid}.design-system-preview .light{background:var(--light-l0);color:var(--light-text)}.design-system-preview .dark{background:var(--dark-l0);color:var(--dark-text)}.design-system-preview .surface{border-radius:var(--radius-card);border:1px solid #00000014;gap:12px;padding:16px;display:grid}.design-system-preview .light .l1{background:var(--light-l1)}.design-system-preview .light .l2{background:var(--light-l2)}.design-system-preview .light .l3{background:var(--light-l3)}.design-system-preview .dark .l1{background:var(--dark-l1);border-color:#ffffff17}.design-system-preview .dark .l2{background:var(--dark-l2);border-color:#ffffff1a}.design-system-preview .dark .l3{background:var(--dark-l3);border-color:#ffffff1f}.design-system-preview .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.design-system-preview .label{letter-spacing:.03em;text-transform:uppercase;color:var(--light-text-secondary);font-size:12px;font-weight:700}.design-system-preview .dark .label,.design-system-preview .dark-card .label,.design-system-preview .dark-action .label{color:var(--dark-text-secondary)}.design-system-preview .caption{color:var(--light-text-secondary);font-size:13px}.design-system-preview .dark .caption{color:var(--dark-text-secondary)}.design-system-preview .tertiary{color:var(--light-text-tertiary)}.design-system-preview .dark .tertiary{color:var(--dark-text-tertiary)}.design-system-preview .capsule{border-radius:var(--radius-capsule);background:var(--light-l2);min-height:44px;color:var(--light-text);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:20px;display:inline-flex}.design-system-preview .light .surface .capsule{background:var(--light-l2)}.design-system-preview .light .l2 .capsule{background:var(--light-l3)}.design-system-preview .dark .capsule{background:var(--dark-l2);color:var(--dark-text)}.design-system-preview .dark .l2 .capsule{background:var(--dark-l3)}.design-system-preview .capsule.active{color:var(--light-text);border-color:var(--light-tint);box-shadow:inset 0 0 0 1px var(--light-tint)}.design-system-preview .dark .capsule.active{color:var(--dark-text);border-color:var(--dark-tint);box-shadow:inset 0 0 0 1px var(--dark-tint)}.design-system-preview .action-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.design-system-preview .action-surface{border-radius:var(--radius-card);gap:16px;padding:18px;display:grid}.design-system-preview .action-surface.light-action{background:var(--light-l1);color:var(--light-text)}.design-system-preview .action-surface.dark-action{background:var(--dark-l0);color:var(--dark-text)}.design-system-preview .app-bar{grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr);align-items:center;gap:12px;min-height:52px;display:grid}.design-system-preview .app-bar-title{text-align:center;font-size:22px;font-weight:700}.design-system-preview .app-bar-left{justify-self:start}.design-system-preview .app-bar-right{justify-self:end}.design-system-preview .action-capsule{border-radius:var(--radius-compact-action);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:6px 14px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.design-system-preview .action-capsule.quiet{background:var(--light-l2);color:var(--light-text)}.design-system-preview .dark-action .action-capsule.quiet,.design-system-preview .dark-card .action-capsule.quiet{background:var(--dark-l2);color:var(--dark-text)}.design-system-preview .action-capsule.primary{background:var(--light-text);color:var(--light-text-soft)}.design-system-preview .dark-action .action-capsule.primary,.design-system-preview .dark-card .action-capsule.primary{background:var(--dark-text);color:var(--dark-text-on-light-action)}.design-system-preview .action-capsule.selected{background:var(--light-l2);color:var(--light-text);border-color:var(--light-tint);box-shadow:inset 0 0 0 1px var(--light-tint)}.design-system-preview .dark-action .action-capsule.selected,.design-system-preview .dark-card .action-capsule.selected{background:var(--dark-l2);color:var(--dark-text);border-color:var(--dark-tint);box-shadow:inset 0 0 0 1px var(--dark-tint)}.design-system-preview .action-capsule.pressed{opacity:.82;transform:scale(.97)}.design-system-preview .action-capsule.loading{opacity:.78;min-width:82px}.design-system-preview .action-capsule.disabled{opacity:.38}.design-system-preview .action-capsule.destructive{color:var(--light-text);border-color:var(--missed);background:#cc4b272e}.design-system-preview .dark-action .action-capsule.destructive,.design-system-preview .dark-card .action-capsule.destructive{color:var(--dark-text);border-color:var(--missed);background:#cc4b2747}.design-system-preview .action-icon{font-size:17px;line-height:0}.design-system-preview .icon-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.design-system-preview .icon-card{border-radius:var(--radius-card);background:var(--light-l1);min-height:132px;color:var(--light-text);align-content:center;justify-items:center;gap:12px;padding:16px;display:grid}.design-system-preview .dark-action .icon-card{background:var(--dark-l1);color:var(--dark-text)}.design-system-preview .object-icon{width:44px;height:44px;color:var(--light-text);background:currentColor;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.design-system-preview .dark-action .object-icon{color:var(--dark-text)}.design-system-preview .object-icon:before,.design-system-preview .object-icon:after,.design-system-preview .object-icon span{content:"";background:var(--light-l1);position:absolute}.design-system-preview .dark-action .object-icon:before,.design-system-preview .dark-action .object-icon:after,.design-system-preview .dark-action .object-icon span{background:var(--dark-l1)}.design-system-preview .object-icon.add:before{border-radius:999px;width:24px;height:6px}.design-system-preview .object-icon.add:after{border-radius:999px;width:6px;height:24px}.design-system-preview .object-icon.copy:before,.design-system-preview .object-icon.copy:after{border:3px solid var(--light-l1);background:0 0;border-radius:3px;width:14px;height:17px}.design-system-preview .dark-action .object-icon.copy:before,.design-system-preview .dark-action .object-icon.copy:after{border-color:var(--dark-l1);background:0 0}.design-system-preview .object-icon.copy:before{transform:translate(-3px,-3px)}.design-system-preview .object-icon.copy:after{transform:translate(4px,4px)}.design-system-preview .object-icon.drag:before,.design-system-preview .object-icon.drag:after,.design-system-preview .object-icon.drag span{border-radius:999px;width:21px;height:3px}.design-system-preview .object-icon.drag:before{transform:translateY(-9px)}.design-system-preview .object-icon.drag:after{transform:translateY(9px)}.design-system-preview .object-icon.remove{color:var(--missed)}.design-system-preview .object-icon.remove:before{border-radius:999px;width:24px;height:6px}.design-system-preview .icon-rule-list{color:var(--light-text-secondary);margin:0;padding-left:18px;font-size:15px}.design-system-preview .structure-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.design-system-preview .structure-card{border-radius:var(--radius-card);background:var(--light-l1);color:var(--light-text);align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.design-system-preview .dark-action .structure-card{background:var(--dark-l1);color:var(--dark-text)}.design-system-preview .structure-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.design-system-preview .structure-step{border-radius:var(--radius-capsule);background:var(--light-l2);min-height:56px;color:var(--light-text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.design-system-preview .dark-action .structure-step{background:var(--dark-l2);color:var(--dark-text)}.design-system-preview .structure-step-title{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.design-system-preview .structure-step-meta{color:var(--light-text-secondary);white-space:nowrap;font-size:15px}.design-system-preview .dark-action .structure-step-meta{color:var(--dark-text-secondary)}.design-system-preview .swipe-reveal{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;overflow:hidden}.design-system-preview .swipe-reveal .structure-step{transform:translate(-28px)}.design-system-preview .swipe-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.design-system-preview .edit-step-row{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.design-system-preview .edit-step-row .object-icon:before,.design-system-preview .edit-step-row .object-icon:after,.design-system-preview .edit-step-row .object-icon span{background:var(--light-l1)}.design-system-preview .dark-action .edit-step-row .object-icon:before,.design-system-preview .dark-action .edit-step-row .object-icon:after,.design-system-preview .dark-action .edit-step-row .object-icon span{background:var(--dark-l1)}.design-system-preview .filter-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.design-system-preview .filter-pill{border-radius:var(--radius-compact-action);background:var(--light-l1);min-height:36px;color:var(--light-text);border:1px solid #0000;font-size:13px;font-weight:700}.design-system-preview .filter-pill.selected{border-color:var(--light-tint);box-shadow:inset 0 0 0 1px var(--light-tint)}.design-system-preview .dark-action .filter-pill{background:var(--dark-l2);color:var(--dark-text);border-color:#0000}.design-system-preview .dark-action .filter-pill.selected{border-color:var(--dark-tint);box-shadow:inset 0 0 0 1px var(--dark-tint)}.design-system-preview .mechanics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.design-system-preview .mechanic-card{border-radius:var(--radius-card);background:var(--light-l1);border:1px solid #00000014;align-content:space-between;gap:12px;min-height:112px;padding:14px;display:grid}.design-system-preview .mechanic-card.dark-card{background:var(--dark-l1);color:var(--dark-text);border-color:#ffffff1f}.design-system-preview .interactive-layout{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:20px;display:grid}.design-system-preview .interactive-stage{border-radius:var(--radius-capsule);background:var(--light-l1);border:1px solid #27db3680;gap:12px;padding:16px;display:grid;overflow:hidden}.design-system-preview .interactive-stage.dark{background:var(--dark-l0);color:var(--dark-text);border-color:#27db36ad}.design-system-preview .stage-header-row{grid-template-columns:minmax(90px,1fr) 44px minmax(90px,1fr);align-items:center;gap:8px;display:grid}.design-system-preview .stage-center-button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;font-size:24px;display:grid}.design-system-preview .stage-panel{opacity:0;max-height:0;transition:max-height .24s ease-out,opacity .18s ease-out,transform .18s ease-out;overflow:hidden;transform:translateY(-4px)}.design-system-preview .stage-panel.is-open{opacity:1;max-height:340px;transform:translateY(0)}.design-system-preview .wheel-picker{border-radius:var(--radius-card);place-items:center;min-height:148px;display:grid;position:relative;overflow:hidden}.design-system-preview .wheel-picker:before,.design-system-preview .wheel-picker:after{content:"";z-index:1;pointer-events:none;height:42px;position:absolute;inset-inline:0}.design-system-preview .wheel-picker:before{background:linear-gradient(to bottom, var(--light-l1), #ddd0);top:0}.design-system-preview .wheel-picker:after{background:linear-gradient(to top, var(--light-l1), #ddd0);bottom:0}.design-system-preview .dark .wheel-picker:before{background:linear-gradient(to bottom, var(--dark-l0), #0000)}.design-system-preview .dark .wheel-picker:after{background:linear-gradient(to top, var(--dark-l0), #0000)}.design-system-preview .wheel-list{text-align:center;gap:4px;width:min(240px,100%);font-size:20px;display:grid}.design-system-preview .wheel-item{min-height:34px;color:var(--light-text-tertiary);place-items:center;display:grid}.design-system-preview .dark .wheel-item{color:var(--dark-text-tertiary)}.design-system-preview .wheel-item.selected{color:var(--light-text);background:#0e0e100f;border-radius:10px;font-weight:700}.design-system-preview .dark .wheel-item.selected{color:var(--dark-text);background:#eaeaea14}.design-system-preview .details-list{gap:10px;padding-block:4px;display:grid}.design-system-preview .details-row{grid-template-columns:minmax(110px,1fr) auto;align-items:center;gap:12px;display:grid}.design-system-preview .date-time-row-demo{border-radius:var(--radius-capsule);background:var(--light-l1);gap:10px;padding:16px;display:grid}.design-system-preview .date-time-row-demo.dark{background:var(--dark-l0);color:var(--dark-text)}.design-system-preview .chip{flex-direction:column;align-items:flex-start;min-width:96px;min-height:56px;font-size:17px}.design-system-preview .chip .label{line-height:1}.design-system-preview .status{color:var(--light-text);border-color:currentColor;font-size:17px}.design-system-preview .status.completed{border-color:var(--completed);background:#27db366b}.design-system-preview .status.upcoming{border-color:var(--upcoming);background:#009ddc57}.design-system-preview .status.missed{border-color:var(--missed);background:#cc4b2747}.design-system-preview .role-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.design-system-preview .role-card{border-radius:var(--radius-card);background:var(--light-l2);border:2px solid #0000;align-content:space-between;gap:10px;min-height:96px;padding:14px;display:grid}.design-system-preview .role-card strong{font-size:17px;font-weight:600}.design-system-preview .role-card span{color:var(--light-text-secondary);font-size:13px}.design-system-preview .role-selected{border-color:var(--light-tint)}.design-system-preview .role-upcoming{border-color:var(--upcoming);background:#009ddc2e}.design-system-preview .role-completed{border-color:var(--completed);background:#27db3638}.design-system-preview .role-calendar{border-color:var(--selection-day);background:#d41ba924}.design-system-preview .role-special{border-color:var(--selection-day);background:linear-gradient(135deg,#d41ba92e,#d41ba90f)}.design-system-preview .role-warning{border-color:var(--graph-over);background:#ffc2433d}.design-system-preview .decision-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.design-system-preview .decision-card{border-radius:var(--radius-card);background:var(--light-l1);border:1px solid #00000014;align-content:start;gap:12px;min-height:168px;padding:16px;display:grid}.design-system-preview .decision-card.dark-card{background:var(--dark-l1);color:var(--dark-text);border-color:#ffffff1f}.design-system-preview .mini-nav{align-items:center;gap:12px;display:flex}.design-system-preview .nav-item{min-width:72px;color:var(--light-text-secondary);justify-items:center;gap:6px;font-size:13px;display:grid}.design-system-preview .nav-dot{border:2px solid;border-radius:50%;width:24px;height:24px}.design-system-preview .nav-item.selected{color:var(--selection-foreground-light);font-weight:700}.design-system-preview .dark-card .nav-item{color:var(--dark-text-secondary)}.design-system-preview .dark-card .nav-item.selected{color:var(--selection-foreground-dark)}.design-system-preview .chrome-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.design-system-preview .phone-preview{background:var(--light-l0);height:560px;color:var(--light-text);border:1px solid #0000001f;border-radius:28px;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.design-system-preview .phone-preview.dark-phone{background:var(--dark-l0);color:var(--dark-text);border-color:#ffffff24}.design-system-preview .top-chrome{background:var(--light-l0);z-index:4;grid-template-columns:44px 1fr 44px;align-items:end;gap:12px;min-height:92px;padding:18px 20px 12px;display:grid;position:relative}.design-system-preview .dark-phone .top-chrome{background:var(--dark-l0)}.design-system-preview .top-chrome.underlay-fade:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--light-l0), #eaeaea8f, #eaeaea00);z-index:-1;height:72px;position:absolute;bottom:-56px;left:0;right:0}.design-system-preview .dark-phone .top-chrome.underlay-fade:after{background:linear-gradient(to bottom, var(--dark-l0), #0000008f, #0000)}.design-system-preview .chrome-title{text-align:center;font-size:24px;font-weight:700;line-height:1}.design-system-preview .chrome-icon-button{color:currentColor;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;font-weight:700;display:grid}.design-system-preview .chrome-content{align-content:start;gap:16px;padding:28px 20px 104px;display:grid}.design-system-preview .chrome-content-card{border-radius:var(--radius-card);background:var(--light-l1);align-content:center;gap:8px;min-height:112px;padding:16px;display:grid}.design-system-preview .dark-phone .chrome-content-card{background:var(--dark-l2)}.design-system-preview .bottom-chrome{background:var(--light-l1);grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:8px;height:92px;padding:22px 18px 12px;display:grid;position:relative}.design-system-preview .dark-phone .bottom-chrome{background:var(--dark-l3)}.design-system-preview .bottom-tab{color:var(--light-text-secondary);justify-items:center;gap:4px;font-size:12px;font-weight:600;display:grid}.design-system-preview .bottom-tab.selected{color:var(--selection-foreground-light)}.design-system-preview .dark-phone .bottom-tab{color:var(--dark-text-secondary)}.design-system-preview .dark-phone .bottom-tab.selected{color:var(--selection-foreground-dark)}.design-system-preview .bottom-tab-symbol{font-size:25px;line-height:1}.design-system-preview .ai-dock{background:var(--light-l2);min-height:44px;color:var(--light-text);z-index:5;border-radius:22px 22px 0 0;align-items:center;gap:8px;padding:8px 18px;font-size:15px;display:inline-flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.design-system-preview .dark-phone .ai-dock{background:var(--dark-l3);color:var(--dark-text)}.design-system-preview .ai-dock:after{content:"";background:inherit;pointer-events:none;height:22px;position:absolute;bottom:-22px;left:0;right:0}.design-system-preview .calendar-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.design-system-preview .date-cell{min-height:42px;color:var(--light-text);background:0 0;border:2px solid #0000;border-radius:12px;place-items:center;font-size:17px;display:grid}.design-system-preview .date-cell.selected{border-color:var(--selection-day);color:var(--light-text)}.design-system-preview .date-cell.today{border-color:var(--light-l3);color:var(--light-text)}.design-system-preview .calendar-preview{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:20px;display:grid}.design-system-preview .calendar-month{background:var(--light-l1);border-radius:var(--radius-card);border:1px solid #00000014;gap:12px;padding:16px;display:grid}.design-system-preview .calendar-weekdays{color:var(--light-text-secondary);text-align:center;text-transform:uppercase;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;font-size:12px;font-weight:700;display:grid}.design-system-preview .calendar-activity-list{gap:12px;display:grid}.design-system-preview .activity-status-row{border-radius:var(--radius-card);min-height:64px;color:var(--light-text);border:1px solid #0000;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.design-system-preview .activity-status-row.completed{border-color:var(--completed);background:#27db3647}.design-system-preview .activity-status-row.upcoming{border-color:var(--upcoming);background:#009ddc3d}.design-system-preview .activity-status-row.missed{border-color:var(--missed);background:#cc4b2738}.design-system-preview .status-icon{width:34px;height:34px;color:var(--light-text);border:2px solid;border-radius:50%;place-items:center;font-size:17px;font-weight:800;display:grid}.design-system-preview .bad-icon-row .status-icon{color:#fff}.design-system-preview .calendar-note-grid{gap:10px;display:grid}.design-system-preview .calendar-home-preview{background:var(--dark-l0);color:var(--dark-text);border-radius:var(--radius-card);border:1px solid #ffffff1a;gap:28px;padding:42px 32px 36px;display:grid}.design-system-preview .calendar-home-preview.light-calendar{background:var(--light-l0);color:var(--light-text);border-color:#00000014}.design-system-preview .calendar-title{text-align:center;font-size:30px;font-weight:700}.design-system-preview .calendar-week-component{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:10px;display:grid}.design-system-preview .week-day{min-height:74px;color:var(--dark-text);justify-items:center;gap:8px;font-size:22px;display:grid}.design-system-preview .light-calendar .week-day{color:var(--light-text)}.design-system-preview .week-day span:first-child{font-size:22px;line-height:1}.design-system-preview .week-day span:last-child{font-size:24px;line-height:1}.design-system-preview .week-day.selected{border:3px solid var(--selection-day);min-height:78px;color:var(--dark-text);border-radius:14px;padding:8px 12px}.design-system-preview .light-calendar .week-day.selected{color:var(--light-text)}.design-system-preview .activity-icon-row{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:10px;min-height:112px;display:grid}.design-system-preview .activity-dot{width:48px;height:48px;color:var(--light-text);border:2px solid #0000;border-radius:50%;justify-self:center;place-items:center;font-size:24px;font-weight:800;display:grid}.design-system-preview .activity-dot.large{width:76px;height:76px;font-size:34px}.design-system-preview .status-marker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.design-system-preview .status-marker-card{border-radius:var(--radius-card);background:var(--light-l1);text-align:center;border:1px solid #00000014;align-content:center;justify-items:center;gap:12px;min-height:168px;padding:16px;display:grid}.design-system-preview .status-marker-card.dark-card{background:var(--dark-l1);color:var(--dark-text);border-color:#ffffff1f}.design-system-preview .card-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.design-system-preview .card-stack-demo{border-radius:var(--radius-card);gap:16px;padding:24px;display:grid}.design-system-preview .card-stack-demo.light-demo{background:var(--light-l0);color:var(--light-text)}.design-system-preview .card-stack-demo.dark-demo{background:var(--dark-l0);color:var(--dark-text)}.design-system-preview .demo-card{border-radius:var(--radius-card);gap:14px;padding:18px;display:grid}.design-system-preview .light-demo .demo-card{background:var(--light-l1)}.design-system-preview .dark-demo .demo-card{background:var(--dark-l1)}.design-system-preview .demo-nested{border-radius:var(--radius-card);padding:14px}.design-system-preview .light-demo .demo-nested{background:var(--light-l2)}.design-system-preview .dark-demo .demo-nested{background:var(--dark-l2)}.design-system-preview .border-shadow-avoid{border:2px solid #081f3438;box-shadow:0 10px 30px #081f342e}.design-system-preview .selected-card{box-shadow:inset 0 0 0 2px var(--light-tint)}.design-system-preview .external-section{gap:8px;display:grid}.design-system-preview .external-section-header{align-items:center;min-height:44px;padding-inline:4px;display:flex}.design-system-preview .external-section-title-button{min-height:44px;color:var(--light-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:22px;font-weight:600;line-height:1}.design-system-preview .external-section .demo-card{background:var(--light-l1)}.design-system-preview .home-plan-surface{gap:8px;display:grid}.design-system-preview .home-plan-section-label{color:var(--light-text-secondary);font-size:12px;font-weight:650}.design-system-preview .home-plan-capsule{border-radius:var(--radius-capsule);background:var(--light-l2);width:100%;min-height:44px;color:var(--light-text);text-align:left;border:0;padding:0 8px;overflow:hidden}.design-system-preview .home-plan-capsule.is-expanded{padding-bottom:8px}.design-system-preview .home-plan-header,.design-system-preview .home-plan-action-row,.design-system-preview .home-plan-empty{align-items:center;gap:12px;display:flex}.design-system-preview .home-plan-header{min-height:44px}.design-system-preview .home-plan-header span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:650;overflow:hidden}.design-system-preview .home-plan-header span:last-child{color:var(--light-text-secondary);white-space:nowrap;margin-left:auto;font-size:13px}.design-system-preview .home-plan-overview{max-height:0;color:var(--light-text-secondary);opacity:0;border-top:1px solid #0e0e101f;gap:8px;margin-top:0;padding-top:0;font-size:13px;transition:max-height .18s ease-out,opacity .12s ease-out,margin-top .18s ease-out,padding-top .18s ease-out;display:grid}.design-system-preview .home-plan-capsule.is-expanded .home-plan-overview{opacity:1;max-height:180px;margin-top:10px;padding-top:10px}.design-system-preview .home-plan-action-row span{color:var(--light-text)}.design-system-preview .home-plan-action-row .compact-action{margin-left:auto}.design-system-preview .compact-action{border-radius:var(--radius-compact-action);background:var(--light-l0);min-height:32px;color:var(--light-text);white-space:nowrap;justify-content:center;align-items:center;padding-inline:14px;font-size:13px;font-weight:700;display:inline-flex}.design-system-preview .circle-action{background:var(--light-text);width:44px;height:44px;color:var(--light-l0);border-radius:999px;justify-content:center;align-items:center;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.design-system-preview .home-plan-empty{justify-content:space-between;width:100%}.design-system-preview .home-plan-empty strong{font-size:16px;display:block}.design-system-preview .home-plan-empty span{color:var(--light-text-secondary);font-size:13px}.design-system-preview .activity-dot.completed{background:var(--completed);border-color:var(--completed)}.design-system-preview .activity-dot.missed{background:#f25322;border-color:#f25322}.design-system-preview .activity-dot.bad-contrast{color:#fff}.design-system-preview .calendar-context-card{background:var(--dark-l3);text-align:center;border-radius:20px;padding:20px 24px;font-size:18px}.design-system-preview .light-calendar .calendar-context-card{background:var(--light-l1);color:var(--light-text);border:1px solid #00000014}.design-system-preview .capsule.special-on-light,.design-system-preview .light .surface .capsule.special-on-light{color:var(--special-text-on-light);border-color:var(--selection-day);box-shadow:inset 0 0 0 1px var(--selection-day)}.design-system-preview .capsule.special-on-dark,.design-system-preview .dark .surface .capsule.special-on-dark,.design-system-preview .dark-card .capsule.special-on-dark{color:var(--special-text-on-dark);background:var(--dark-l2);border-color:var(--special-text-on-dark);box-shadow:inset 0 0 0 1px var(--special-text-on-dark)}.design-system-preview .bad-special-text{color:var(--special-text-on-dark);border-color:var(--special-text-on-dark);box-shadow:inset 0 0 0 1px var(--special-text-on-dark)}.design-system-preview .contrast-warning{border-radius:var(--radius-card);border:1px solid var(--graph-over);color:var(--light-text);background:#ffc24338;padding:12px;font-size:13px}.design-system-preview .capsule.bad-example,.design-system-preview .light .surface .capsule.bad-example,.design-system-preview .light .l2 .capsule.bad-example,.design-system-preview .dark .surface .capsule.bad-example,.design-system-preview .dark .l2 .capsule.bad-example{background:var(--upcoming);color:#fff;border-color:var(--upcoming)}.design-system-preview .avoid-label{color:#7b260f;letter-spacing:.03em;text-transform:uppercase;background:#cc4b2729;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.design-system-preview .type-sample{background:var(--light-l1);border-radius:var(--radius-card);gap:14px;padding:20px;display:grid}.design-system-preview .type-row{border-bottom:1px solid #00000014;grid-template-columns:120px 1fr;align-items:baseline;gap:16px;padding-bottom:10px;display:grid}.design-system-preview .font-h1{font-size:28px;font-weight:700}.design-system-preview .font-h2{font-size:22px;font-weight:600}.design-system-preview .font-h3{font-size:20px;font-weight:400}.design-system-preview .font-body,.design-system-preview .font-control{font-size:17px;font-weight:400}.design-system-preview .font-action{font-size:16px;font-weight:600}.design-system-preview .font-caption{font-size:13px;font-weight:400}.design-system-preview .font-label-s{letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700}.design-system-preview .font-value-xl{font-size:24px;font-weight:600}.design-system-preview .activity-mock{background:var(--light-l0);border-radius:var(--radius-card);border:1px solid #00000014;gap:16px;padding:20px;display:grid}.design-system-preview .activity-card{background:var(--light-l2);border-radius:var(--radius-card);box-shadow:var(--shadow);gap:20px;padding:16px;display:grid}.design-system-preview .activity-card .capsule:not(.status){background:var(--light-l3);font-size:17px}.design-system-preview .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.design-system-preview .group-divider{color:var(--light-tint);grid-template-columns:1fr 44px 1fr;align-items:center;gap:4px;display:grid}.design-system-preview .group-divider-half{align-items:center;gap:4px;min-width:0;display:flex}.design-system-preview .group-divider-half.right{justify-content:flex-end}.design-system-preview .group-divider-line{background:currentColor;flex:1;min-width:32px;height:2px}.design-system-preview .group-divider-title,.design-system-preview .group-divider-repeat{white-space:nowrap;font-size:17px;font-weight:400}.design-system-preview .group-divider-chevron{place-items:center;min-width:44px;min-height:44px;font-size:18px;display:grid}.design-system-preview .full-width-add{border-radius:var(--radius-capsule);background:var(--light-l1);width:100%;min-height:44px;color:var(--light-text);border:0;font-size:16px;font-weight:600}.design-system-preview .activity-card .full-width-add{background:var(--light-l3);width:calc(100% - 16px);margin-inline:8px}.design-system-preview .full-width-add.stage{width:calc(100% - 64px);margin-inline:32px}@media (width<=760px){.design-system-preview{padding:16px}.design-system-preview .grid,.design-system-preview .metric-grid,.design-system-preview .role-strip,.design-system-preview .decision-grid,.design-system-preview .status-marker-grid,.design-system-preview .card-rule-grid,.design-system-preview .action-demo-grid,.design-system-preview .icon-preview-grid,.design-system-preview .structure-edit-grid,.design-system-preview .chrome-preview-grid,.design-system-preview .mechanics-grid,.design-system-preview .interactive-layout,.design-system-preview .calendar-preview{grid-template-columns:1fr}.design-system-preview .type-row{grid-template-columns:1fr;gap:4px}}:root{--brand-sand:#e1dfd9;--brand-ink:#000;--brand-lime:#cfff81;--brand-navy:#081f34;--brand-white:#fff;--brand-ios-green:#27db36;--brand-ios-blue:#009ddc;--brand-ios-blue-soft:#ffc243;--brand-ios-purple:#d41ba9;--brand-ios-surface:#d7e1dc;--brand-ios-bg:#eaeaea;--brand-ios-dark-surface:#414744;--bg-default:var(--brand-sand);--text-default:var(--brand-ink);--surface-default:var(--brand-white);--surface-muted:#f3f1eb;--border-default:#c9c6bf;--link-default:var(--brand-navy);--action-primary-bg:var(--brand-navy);--action-primary-text:var(--brand-white);--action-highlight-bg:var(--brand-ios-green);--action-highlight-text:var(--brand-ink);--action-info-bg:var(--brand-ios-blue);--action-info-text:var(--brand-ink);--calendar-today-accent:var(--brand-ios-purple);--surface-app:var(--brand-ios-surface);--bg-app:var(--brand-ios-bg);--theme-dark-1-bg:var(--brand-navy);--theme-dark-1-text:var(--brand-white);--theme-dark-2-bg:var(--brand-navy);--theme-dark-2-text:var(--brand-lime);--theme-darkest-1-bg:var(--brand-ink);--theme-darkest-1-text:var(--brand-white);--theme-darkest-2-bg:var(--brand-ink);--theme-darkest-2-text:var(--brand-lime);--color-base:var(--brand-sand);--color-contrast:var(--brand-ink);--color-accent-1:var(--brand-lime);--color-accent-2:var(--brand-navy);--color-accent-3:var(--brand-white);--color-bg:var(--bg-default);--color-text:var(--text-default);--color-surface:var(--surface-default);--color-surface-muted:var(--surface-muted);--color-border:var(--border-default);--color-primary:var(--action-primary-bg);--color-primary-contrast:var(--action-primary-text);--color-highlight:var(--action-highlight-bg);--color-dark-1-bg:var(--theme-dark-1-bg);--color-dark-1-text:var(--theme-dark-1-text);--color-dark-2-bg:var(--theme-dark-2-bg);--color-dark-2-text:var(--theme-dark-2-text);--color-darkest-1-bg:var(--theme-darkest-1-bg);--color-darkest-1-text:var(--theme-darkest-1-text);--color-darkest-2-bg:var(--theme-darkest-2-bg);--color-darkest-2-text:var(--theme-darkest-2-text);--font-heading:"Proxima Nova", "Montserrat", "Roboto", sans-serif;--font-body:"Montserrat", "Roboto", sans-serif;--font-ui:"Roboto", "Montserrat", sans-serif;--text-sm:.9rem;--text-md:1.1rem;--text-lg:1.4rem;--text-h1:4rem;--text-h2:2.5rem;--text-h3:2.1rem;--text-h4:1.4rem;--line-tight:1.125;--line-body:1.3;--tracking-body:-.02em;--tracking-heading:-.1px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-section:3.75rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #081f341f;--shadow-md:0 8px 24px #081f341f}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Light.ttf)format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top right, #009ddc2e, transparent 45%), var(--bg-app);color:var(--text-default);font-family:var(--font-body);font-size:var(--text-md);letter-spacing:var(--tracking-body);font-weight:300;line-height:var(--line-body)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:var(--tracking-heading);font-weight:400;line-height:var(--line-tight);margin:0}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}p{margin:0}a{color:var(--link-default)}.page-shell{max-width:1100px;padding:var(--space-6);margin:0 auto}.surface-card{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.btn{border-radius:var(--radius-sm);font-family:var(--font-ui);padding:var(--space-2) var(--space-4);cursor:pointer;border:1px solid #0000;font-size:1rem}.btn-primary{background:var(--action-primary-bg);color:var(--action-primary-text)}.btn-highlight{background:var(--action-highlight-bg);color:var(--action-highlight-text)}.btn-info{background:var(--action-info-bg);color:var(--action-info-text)}.btn-secondary{background:var(--surface-muted);color:var(--text-default);border-color:var(--border-default)}.input{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font:inherit;width:100%}.theme-dark-1{background:var(--theme-dark-1-bg);color:var(--theme-dark-1-text)}.theme-dark-2{background:var(--theme-dark-2-bg);color:var(--theme-dark-2-text)}.theme-darkest-1{background:var(--theme-darkest-1-bg);color:var(--theme-darkest-1-text)}.theme-darkest-2{background:var(--theme-darkest-2-bg);color:var(--theme-darkest-2-text)}