:root{--sidebar-width: 250px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--sidebar-width);flex-direction:column;padding:24px 16px;color:#fff;background:var(--color-ink)}.brand,.inline,.task-meta,.chat-head{display:flex;align-items:center;gap:10px}.brand{margin:0 8px 26px}.brand>span,.auth-logo{display:grid;width:40px;height:40px;place-items:center;color:var(--color-ink);border-radius:12px;background:var(--color-gold)}.brand div,.user-card div,.chat-head div,.bot-copy{display:flex;flex-direction:column}.brand small,.user-card small{color:#9ba4b3}.side-nav{display:grid;gap:3px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#aeb6c3;border-radius:var(--radius-sm);font-size:var(--type-sm);text-decoration:none;transition:.18s ease}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1a}.nav-link.active svg{color:var(--color-gold)}.user-card{display:flex;align-items:center;gap:10px;padding:16px 8px 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.12)}.avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--color-gold)}.avatar.dark{color:var(--color-ink)}.main-area{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:70px;align-items:center;gap:12px;padding:12px clamp(20px,4vw,48px);border-bottom:1px solid rgba(228,231,236,.9);background:#f4f6f8e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar div{display:flex;flex-direction:column}.topbar small{color:var(--color-muted);font-size:var(--type-xs)}.topbar .button{margin-left:auto}.page{width:min(1440px,100%);padding:42px clamp(20px,4vw,52px) 80px;margin:auto}.page.narrow{width:min(980px,100%)}.page-header{max-width:780px;margin-bottom:32px}.page-header h1{margin-top:8px;font-size:var(--type-display);line-height:1.05}.page-header p{max-width:650px;margin-top:12px;color:var(--color-muted);font-size:var(--type-lg);line-height:1.6}.hero-header{display:flex;max-width:none;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{color:var(--color-muted);font-size:var(--type-xs);font-style:normal;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel,.stats-grid article,.plan-card,.task-card,.market-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.panel{padding:24px}.section-heading,.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading{margin-bottom:18px}.section-heading h2,.section-heading h3{margin-top:4px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:0;border-radius:var(--radius-sm);font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button.primary{color:#fff;background:var(--color-ink)}.button.secondary{border:1px solid var(--color-line);background:#fff}.button.ghost{color:var(--color-muted);background:transparent}.button.compact{min-height:34px;padding:0 12px;font-size:var(--type-sm)}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:transparent}.menu-button,.mobile-close,.bottom-nav{display:none}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stats-grid article{display:flex;flex-direction:column;padding:22px}.stats-grid small{color:var(--color-muted)}.stats-grid b{margin:8px 0;font-family:Manrope,sans-serif;font-size:2rem}.stats-grid span{color:var(--color-inkSoft);font-size:var(--type-sm)}.date-card{display:flex;min-width:230px;flex-direction:column;padding:20px;border-radius:var(--radius-lg);background:var(--color-gold)}.date-card small,.date-card span{opacity:.7}.hq-grid,.chat-layout,.settings-grid,.website-grid,.inbox-grid,.files-grid{display:grid;gap:24px}.hq-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr)}.card-grid,.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.plan-card,.task-card{padding:18px}.plan-card h3,.task-card h4{margin:14px 0}.plan-card p,.plan-card small,.task-card small{display:flex;align-items:center;gap:6px;color:var(--color-muted);font-size:var(--type-xs)}.status{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:4px 8px;color:var(--color-inkSoft);border-radius:var(--radius-pill);background:var(--color-line);font-size:.7rem;font-weight:700;text-transform:capitalize}.status.approved,.status.done,.status.published,.status.triaged{color:#176653;background:#dff5ed}.status.draft,.status.review,.status.needs-reply{color:#805d10;background:#fff2c7}.status.doing{color:#315ca4;background:#e5edff}.task-list{display:grid;gap:10px}.task-meta{justify-content:space-between;margin-bottom:12px;color:var(--color-muted);font-size:var(--type-xs)}.task-meta span{display:flex;align-items:center;gap:5px}.top-gap{margin-top:32px}.activity-panel{margin-top:16px}.activity-panel h3{margin-bottom:18px}.activity-panel>div{display:flex;gap:12px;padding:10px 0}.activity-panel>div>span{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--color-mint)}.activity-panel p{display:flex;flex-direction:column;font-size:var(--type-sm)}.activity-panel small{color:var(--color-muted)}.chat-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr)}.chat-window{display:flex;min-height:650px;flex-direction:column;padding:0;overflow:hidden}.chat-head{justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--color-line)}.chat-head small{color:var(--color-muted)}.online{color:#176653;font-size:var(--type-xs);font-weight:700}.online:before{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--color-mint);content:""}.bot-avatar{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:#fff;border-radius:13px;font-weight:800}.bot-avatar.small{width:30px;height:30px;border-radius:9px;font-size:var(--type-xs)}.messages{display:flex;flex:1;flex-direction:column;gap:14px;padding:24px;overflow-y:auto;background:var(--color-surfaceAlt)}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-bubble{max-width:82%;padding:13px 15px;border:1px solid var(--color-line);border-radius:6px 16px 16px;background:#fff;line-height:1.55}.message-row.user .message-bubble{color:#fff;border:0;border-radius:16px 6px 16px 16px;background:var(--color-ink)}.consulted{display:flex;align-items:center;gap:6px;padding-top:10px;margin-top:10px;color:var(--color-muted);border-top:1px solid var(--color-line);font-size:var(--type-xs)}.consulting-state{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed var(--color-blue);border-radius:var(--radius-md);background:#f2f6ff}.consulting-state div{display:flex;flex-direction:column}.consulting-state small{color:var(--color-muted)}.pulse-ring{display:grid;width:40px;height:40px;place-items:center;color:#fff;border-radius:50%;animation:pulse 1.3s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #5b8def1f}}.save-plan{padding:11px;color:var(--color-ink);border:0;border-top:1px solid var(--color-line);background:#fff8df;font-weight:700}.pin-action{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;color:var(--color-muted);border:0;border-radius:var(--radius-pill);background:transparent;font-size:var(--type-xs);cursor:pointer}.pin-action:hover:not(:disabled){color:var(--color-ink);background:var(--color-surfaceAlt)}.pin-action:disabled{color:var(--color-blue);cursor:default}.ao-estimate{display:flex;align-items:center;gap:4px;padding:9px 16px;color:var(--color-inkSoft);border-top:1px solid var(--color-line);background:var(--color-surfaceAlt);font-size:var(--type-xs)}.plan-limit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--color-ink);border-top:1px solid var(--color-line);background:#fdf0ef;font-size:var(--type-sm)}.plan-limit p{margin:2px 0 0;color:var(--color-inkSoft);font-size:var(--type-xs)}.chat-error{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;color:var(--color-danger);border-top:1px solid var(--color-line);background:var(--color-surfaceAlt);font-size:var(--type-xs)}.chat-error svg{flex-shrink:0}.chat-input{display:flex;gap:10px;padding:16px;border-top:1px solid var(--color-line)}.chat-input input{flex:1;padding:12px;border:1px solid var(--color-line);border-radius:var(--radius-sm);outline:0}.chat-input input:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-blue);box-shadow:var(--shadow-focus)}.chat-input button{display:grid;width:44px;place-items:center;color:#fff;border:0;border-radius:var(--radius-sm);background:var(--color-ink)}.roster-list,.bot-picker{display:grid;gap:9px}.bot-card{position:relative;display:flex;width:100%;align-items:center;gap:11px;padding:11px;text-align:left;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-surfaceAlt)}.bot-card:hover,.bot-card.selected{border-color:var(--color-blue);background:#fff}.bot-copy{min-width:0;flex:1}.bot-copy small,.bot-copy em{overflow:hidden;color:var(--color-muted);font-size:var(--type-xs);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.status-dot{color:var(--color-muted)}.status-dot.on{color:var(--color-mint)}.lead-badge{position:absolute;right:8px;bottom:5px;display:flex;align-items:center;gap:3px;color:#805d10;font-size:.62rem;font-weight:700}.count{display:grid;min-width:28px;height:28px;place-items:center;border-radius:50%;background:var(--color-line);font-size:var(--type-xs)}.wizard{padding:32px}.step-row{display:flex;gap:8px;margin-bottom:32px}.step-row span{flex:1;padding:10px;color:var(--color-muted);border-bottom:3px solid var(--color-line);font-size:var(--type-sm)}.step-row span.active{color:var(--color-ink);border-color:var(--color-gold)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.auth-card label,.filter{display:flex;flex-direction:column;gap:7px;font-size:var(--type-sm);font-weight:700}input,textarea,select{width:100%;padding:12px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;outline:0}textarea{min-height:110px;resize:vertical}.wizard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.success-note{padding:12px;margin-top:18px;color:#176653;border-radius:var(--radius-sm);background:#dff5ed}.website-grid{grid-template-columns:250px 1fr}.page-list{align-self:start}.page-list>button{display:flex;width:100%;align-items:center;gap:11px;padding:12px;text-align:left;border:0;border-radius:var(--radius-sm);background:transparent}.page-list>button.active{background:var(--color-canvas)}.page-list>button span{display:flex;flex-direction:column}.page-list small{color:var(--color-muted)}.block-editor{padding:20px 0;border-top:1px solid var(--color-line)}.block-editor textarea{margin:16px 0}.block-editor b+.status{margin-left:8px}.approval-gate{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-sm);background:var(--color-surfaceAlt)}.approval-gate span{display:flex;flex-direction:column}.approval-gate small{color:var(--color-muted)}.task-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;overflow-x:auto}.board-column{min-height:420px;padding:14px;border-radius:var(--radius-lg);background:#eaedf1}.board-column .task-card{margin-bottom:10px}.filter{min-width:210px}.inbox-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.inbox-list{padding:8px}.inbox-list>button{display:grid;width:100%;grid-template-columns:auto 1fr auto;gap:12px;padding:14px;text-align:left;border:0;border-radius:var(--radius-md);background:transparent}.inbox-list>button.active{background:var(--color-canvas)}.inbox-list>button>span:nth-child(2){min-width:0}.inbox-list small,.inbox-list p{display:block;overflow:hidden;color:var(--color-muted);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap}.reply-preview h2{margin:8px 0 20px}.reply-preview>p{color:var(--color-muted);line-height:1.6}.reply-preview hr{margin:24px 0;border:0;border-top:1px solid var(--color-line)}.reply-preview textarea{min-height:190px;margin:12px 0}.draft-label{display:flex;align-items:center;gap:7px;color:var(--color-violet);font-weight:700}.files-grid{grid-template-columns:300px 1fr}.file-uploader{display:grid;min-height:280px;align-content:center;justify-items:center;padding:28px;text-align:center;border:2px dashed var(--color-line);border-radius:var(--radius-lg);background:#fff;cursor:pointer}.file-uploader svg{margin-bottom:12px;color:var(--color-blue);font-size:2rem}.file-uploader small{margin-top:6px;color:var(--color-muted)}.file-uploader input{display:none}.file-row{display:grid;grid-template-columns:auto 1fr minmax(140px,.5fr);gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--color-line)}.file-row>div{display:flex;min-width:0;flex-direction:column}.file-row small,.visibility{color:var(--color-muted);font-size:var(--type-xs)}.file-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#e9effd}.tag-row{display:flex;gap:5px;margin-top:5px}.tag-row span{color:var(--color-blue);font-size:var(--type-xs)}.visibility{display:flex;align-items:center;gap:6px}.settings-grid{grid-template-columns:300px 1fr}.bot-picker{align-content:start}.bot-settings h3{margin:28px 0 12px}.toggle{display:flex;align-items:center;gap:7px;font-size:var(--type-sm);font-weight:700}.toggle input{width:auto}.tier-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tier-card{position:relative;display:flex;gap:10px;padding:15px;text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}.tier-card.selected{border-color:var(--color-blue);box-shadow:var(--shadow-focus)}.tier-card>div{display:flex;flex-direction:column}.tier-card small,.tier-card span{margin-top:4px;color:var(--color-muted);font-size:var(--type-xs)}.tier-check{position:absolute;top:10px;right:10px;color:var(--color-blue)}.lead-config{padding:20px;margin-top:28px;border-radius:var(--radius-md);background:var(--color-surfaceAlt)}.lead-config h4{margin:20px 0 8px}.check-row{display:flex;align-items:center;gap:10px;padding:9px 0}.check-row input{width:18px;height:18px}.check-row span{display:flex;flex-direction:column}.check-row small{color:var(--color-muted)}.model-overview,.usage-table{margin-bottom:18px}.usage-summary{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.usage-summary small{color:var(--color-muted);font-size:var(--type-xs)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--color-line)}th{color:var(--color-muted);font-size:var(--type-xs);text-transform:uppercase}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-card{display:flex;min-height:330px;flex-direction:column;align-items:flex-start;padding:28px}.market-card.featured{color:#fff;border-color:var(--color-ink);background:var(--color-ink)}.market-card.featured .eyebrow,.market-card.featured p{color:#abb3c0}.market-card.featured .button{color:var(--color-ink);background:var(--color-gold)}.market-card h3{margin:12px 0;font-size:1.6rem}.market-card p{color:var(--color-muted);line-height:1.6}.market-card .button{margin-top:auto}.market-icon{display:grid;width:58px;height:58px;place-items:center;margin-bottom:22px;color:#fff;border-radius:16px;font-weight:800}.avatar-stack{display:flex;margin:20px 0}.avatar-stack span{display:grid;width:42px;height:42px;place-items:center;margin-right:-7px;color:#fff;border:3px solid var(--color-ink);border-radius:50%;font-size:.65rem;font-weight:800}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at top right,#fff1b9,transparent 35%),var(--color-canvas)}.auth-card{display:flex;width:min(440px,100%);flex-direction:column;gap:17px;padding:40px;border:1px solid var(--color-line);border-radius:24px;background:#fff;box-shadow:var(--shadow-md)}.auth-card h1{font-size:2.2rem}.auth-card>p,.auth-card>small{color:var(--color-muted);line-height:1.5}.auth-card form{display:grid;gap:16px}.auth-card a{color:var(--color-blue)}.progress{height:6px;overflow:hidden;border-radius:6px;background:var(--color-line)}.progress span{display:block;height:100%;background:var(--color-gold);transition:width .24s}@media (max-width: 1100px){.hq-grid,.chat-layout{grid-template-columns:1fr}.roster-panel .roster-list{grid-template-columns:repeat(2,1fr)}.task-board{grid-template-columns:repeat(4,270px)}.tier-selector{grid-template-columns:1fr}}@media (max-width: 820px){.sidebar{width:min(310px,88vw);transform:translate(-105%);transition:transform .22s ease}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-md)}.main-area{margin-left:0;padding-bottom:70px}.menu-button,.mobile-close{display:grid}.mobile-close{position:absolute;top:20px;right:12px;color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#1118277a}.bottom-nav{position:fixed;inset:auto 0 0;z-index:22;display:grid;grid-template-columns:repeat(5,1fr);padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid var(--color-line);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav .nav-link{flex-direction:column;gap:2px;padding:6px 2px;color:var(--color-muted);font-size:.62rem}.bottom-nav .nav-link.active{color:var(--color-ink);background:#fff4cc}.hero-header{align-items:stretch;flex-direction:column}.stats-grid,.website-grid,.inbox-grid,.files-grid,.settings-grid{grid-template-columns:1fr}.page-list{display:flex;overflow-x:auto}.page-list .section-heading{display:none}.page-list>button{min-width:150px}.bot-picker{max-height:330px;overflow-y:auto}}@media (max-width: 560px){.topbar{min-height:60px;padding:8px 14px}.page{padding:28px 14px 86px}.page-header{margin-bottom:24px}.page-header p{font-size:var(--type-base)}.stats-grid,.card-grid,.market-grid,.form-grid{grid-template-columns:1fr}.panel,.wizard{padding:18px}.chat-window{min-height:590px}.chat-window.panel{padding:0}.message-bubble{max-width:92%}.roster-panel .roster-list{grid-template-columns:1fr}.file-row{grid-template-columns:auto 1fr}.visibility{grid-column:2}.section-heading{align-items:flex-start}.block-editor .spread{align-items:flex-start;flex-direction:column}.auth-card{padding:28px 22px}.step-row span{padding:8px 2px;font-size:.68rem}}.soft-limit{margin-top:6px;font-size:var(--type-xs);color:var(--color-muted)}.picker-toggle{display:flex;gap:8px;margin-bottom:10px}.picker-actions{display:flex;gap:8px;margin-top:10px}.picker-form{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:14px;border:1px dashed var(--color-line);border-radius:var(--radius-md);background:var(--color-surfaceAlt)}.picker-form label{display:flex;flex-direction:column;gap:6px;font-size:var(--type-sm);font-weight:700}.picker-form textarea{min-height:80px}.picker-form .button{align-self:flex-start}.team-group{display:grid;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--color-line)}.team-group-head{display:flex;flex-direction:column;gap:2px;padding:6px 4px;text-align:left;background:none;border:0;cursor:pointer}.team-group-head b{font-size:var(--type-sm)}.team-group-head small{color:var(--color-muted);font-size:var(--type-xs)}.lead-picks h4,.member-row+.member-row{margin-top:8px}.member-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.transfer-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.transfer-list li{display:flex;flex-direction:column;gap:2px;font-size:var(--type-sm)}.transfer-list small{color:var(--color-muted);font-size:var(--type-xs)}.notice-success{padding:10px 14px;border:1px solid var(--color-positive, #62c5a7);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-positive, #62c5a7) 12%,transparent);color:var(--color-text);font-size:var(--type-sm)}.builder-entry h3{margin:4px 0}.builder-entry p{margin:0;max-width:52ch}.wizard .source-tabs{margin-bottom:14px}.wizard .picker-form{border-style:solid}.provider-panel{display:grid;gap:14px}.provider-list{display:grid;gap:10px}.provider-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--color-line);border-radius:var(--radius-md)}.provider-row>div:first-of-type{display:grid;gap:2px;min-width:0}.provider-row small{color:var(--color-muted);font-size:var(--type-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.provider-form{display:grid;gap:12px;padding:16px;border:1px dashed var(--color-line);border-radius:var(--radius-md);background:var(--color-surfaceAlt)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.form-grid label,.auth-card label{display:grid;gap:6px;color:var(--color-ink);font-size:var(--type-xs);font-weight:600}.form-grid .full{grid-column:1 / -1}.form-hint{color:var(--color-muted);font-size:var(--type-xs);line-height:1.5}.form-hint code{padding:1px 5px;border-radius:4px;background:var(--color-surfaceAlt);font-size:.9em}.form-error{color:var(--color-danger);font-size:var(--type-xs);line-height:1.45}.test-success{display:inline-flex;align-items:center;gap:5px;color:#0a7a3d;font-size:var(--type-xs);font-weight:600}.test-failure{display:inline-flex;align-items:center;gap:5px;color:var(--color-danger);font-size:var(--type-xs);font-weight:600}.provider-gate{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid var(--color-line);background:#fff8e6}.provider-gate b{font-size:var(--type-sm)}.provider-gate p{margin-top:3px;color:var(--color-muted);font-size:var(--type-xs);line-height:1.45}.boot-screen{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:12px;color:var(--color-muted)}.otp-sent{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--color-surfaceAlt);font-size:var(--type-sm);line-height:1.5}.otp-sent svg{flex-shrink:0;margin-top:2px}.logout-button{margin-left:auto;color:var(--color-muted)}.demo-badge{display:block;margin-top:10px;color:var(--color-muted);font-size:var(--type-xs);text-align:center}.ao-chip{margin-left:auto;padding:6px 12px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surfaceAlt);color:var(--color-inkSoft);font-size:var(--type-xs);font-weight:700;white-space:nowrap}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.block{display:block}.inline{display:inline}.table{display:table}.contents{display:contents}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box}html{min-width:320px;background:#f4f6f8}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-ink);background:var(--color-canvas);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em}a{color:inherit}#root{min-height:100vh}
