.dcc-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0e0e0e;--foreground:#fafafa;--conversation-body-foreground:#eae8e6;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-border:#ffffff1a;--plan:#48968c;--dcc-accent-calm:#83cbb7;--dcc-accent-idea:#e8b65e;--dcc-radius-control:10px;--dcc-radius-surface:18px;--dcc-surface-edge:color-mix(in oklab,var(--border)80%,transparent);--dcc-shadow-card:0 2px 3px #00000006,0 8px 24px #0000000a;--dcc-shadow-dialog:0 24px 80px #00000080,0 4px 14px #0000004d;background:var(--background);height:560px;color:var(--foreground);text-align:left;-webkit-user-select:none;user-select:none;cursor:default;border-radius:12px;flex-direction:column;font-size:13px;line-height:1.5;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.dcc-app{--background:lab(4.05772% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1)}}@media (min-width:640px){.dcc-app{height:620px}}@media (min-width:1024px){.dcc-app{height:724px}}.dcc-app .dcc-project-sidebar{background:color-mix(in oklab,var(--sidebar)97%,var(--dcc-accent-idea)3%)}.dcc-app .dcc-sidebar-navigation{border:1px solid var(--dcc-surface-edge);border-radius:var(--dcc-radius-surface);background:color-mix(in oklab,var(--background)45%,transparent);margin:4px 8px 12px;padding:5px}.dcc-app .dcc-sidebar-navigation>div{border-radius:var(--dcc-radius-control);height:34px}.dcc-app .dcc-sidebar-navigation>div[data-current=true]{background:var(--popover);box-shadow:var(--dcc-shadow-card),inset 0 0 0 1px var(--dcc-surface-edge)}.dcc-app .dcc-sidebar-navigation>div:first-child>svg{color:var(--dcc-accent-calm)}.dcc-app .dcc-sidebar-navigation .dcc-notes-nav>svg{color:var(--dcc-accent-idea)}.dcc-app .dcc-task-card{background:color-mix(in oklab,var(--background)28%,transparent);box-shadow:inset 0 0 0 1px var(--dcc-surface-edge);border-radius:12px}.dcc-app .dcc-task-card[data-active=true]{background:color-mix(in oklab,var(--popover)94%,var(--dcc-accent-calm)6%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--dcc-accent-calm)28%,var(--border)),var(--dcc-shadow-card)}.dcc-app .dcc-task-selection{background:var(--dcc-accent-calm);left:1px}.dcc-app .dcc-running-panel{background:color-mix(in oklab,var(--muted)22%,transparent);border-color:var(--dcc-surface-edge);border-radius:14px}.dcc-app .dcc-sidebar-tools{border-top:1px solid var(--dcc-surface-edge);margin:0 10px}.dcc-app .dcc-composer-surface{border-radius:var(--dcc-radius-surface);border:1px solid var(--dcc-surface-edge);background:var(--sidebar);box-shadow:var(--dcc-shadow-card);transition:border-color .16s,box-shadow .16s}.dcc-app .dcc-composer-surface[data-focused=true]{border-color:color-mix(in oklab,var(--dcc-accent-calm)45%,var(--border));box-shadow:var(--dcc-shadow-card),0 0 0 3px color-mix(in oklab,var(--dcc-accent-calm)7%,transparent)}.dcc-app .dcc-caret{vertical-align:text-bottom;background:var(--foreground);width:1.5px;height:1.15em;margin-left:1px;animation:1s step-end infinite dcc-demo-caret;display:inline-block}.dcc-app .dcc-thread{-webkit-mask-image:linear-gradient(#0000 0,#000 44px);mask-image:linear-gradient(#0000 0,#000 44px)}.dcc-app .dcc-body-text{color:var(--conversation-body-foreground)}.dcc-app .dcc-inline-code{border:1px solid color-mix(in oklch,var(--muted)87%,var(--muted-foreground)13%);background:color-mix(in oklab,var(--muted)60%,transparent);font-family:var(--font-mono);border-radius:5px;padding:1px 5px;font-size:.88em}.dcc-app .dcc-activity{border:1px solid var(--dcc-surface-edge);background:color-mix(in oklab,var(--muted)22%,transparent);border-radius:14px;margin-bottom:12px;padding:12px}.dcc-app .dcc-activity[data-live=true]{border-color:color-mix(in oklab,var(--dcc-accent-idea)24%,var(--border));background:color-mix(in oklab,var(--dcc-accent-idea)4%,transparent)}.dcc-app .dcc-activity-mark{background:color-mix(in oklab,var(--dcc-accent-calm)9%,transparent);width:29px;height:29px;color:var(--dcc-accent-calm);border-radius:9px 9px 4px;flex-shrink:0;place-items:center;display:grid}.dcc-app .dcc-activity-mark[data-status=waiting]{color:var(--dcc-accent-idea);background:color-mix(in oklab,var(--dcc-accent-idea)10%,transparent)}.dcc-app .dcc-turn-review{border:1px solid var(--dcc-surface-edge);background:color-mix(in srgb,var(--card)55%,var(--background));border-radius:14px;margin-top:14px;font-size:12px;overflow:hidden}.dcc-app .dcc-review-heading-mark{background:color-mix(in srgb,var(--dcc-accent-calm)12%,transparent);width:27px;height:27px;color:var(--dcc-accent-calm);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.dcc-app .dcc-review-scopes{border:1px solid var(--dcc-surface-edge);background:color-mix(in srgb,var(--muted)55%,transparent);border-radius:11px;gap:3px;padding:3px;display:flex}.dcc-app .dcc-review-scopes>div{min-width:0;color:var(--muted-foreground);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:10px;transition:background .16s,color .16s;display:flex}.dcc-app .dcc-review-scopes>div[data-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 4px #00000014,0 0 0 1px var(--dcc-surface-edge)}.dcc-app .dcc-review-scopes>div[data-pressed=true] svg{color:var(--dcc-accent-calm)}.dcc-app .dcc-review-scopes small{font-variant-numeric:tabular-nums;opacity:.65;font-size:9px}.dcc-app .dcc-diff{font-family:var(--font-mono);white-space:pre;font-size:10.5px;line-height:18px}.dcc-app .dcc-diff>div{padding-right:12px;display:flex}.dcc-app .dcc-diff>div>span:first-child{text-align:right;width:30px;color:color-mix(in oklab,var(--muted-foreground)55%,transparent);flex-shrink:0;padding-right:8px}.dcc-app .dcc-diff>div[data-kind=add]{background:#3fb95024;background:lab(66.8032% -51.3851 42.1417/.14);box-shadow:inset 2px 0 #3fb950}.dcc-app .dcc-diff>div[data-kind=del]{background:#f8514921;background:lab(59.1477% 64.0727 42.2591/.13);box-shadow:inset 2px 0 #f85149}.dcc-app .skills-header{background:linear-gradient(125deg,color-mix(in srgb,var(--dcc-accent-calm)6%,var(--popover)),var(--popover)75%);padding:18px 20px 14px}.dcc-app .skills-mark{color:var(--dcc-accent-calm);background:color-mix(in srgb,var(--dcc-accent-calm)10%,transparent);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.dcc-app .skills-navigation{border-bottom:1px solid var(--dcc-surface-edge);background:var(--popover);flex-wrap:wrap;align-items:center;gap:5px;padding:0 20px 12px;display:flex}.dcc-app .skills-navigation>div{color:var(--muted-foreground);white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:7px 10px;font-size:11px}.dcc-app .skills-navigation>div[data-pressed=true]{color:var(--foreground);border-color:var(--dcc-surface-edge);background:color-mix(in srgb,var(--dcc-accent-calm)7%,var(--background))}.dcc-app .skills-navigation>div[data-pressed=true] svg{color:var(--dcc-accent-calm)}.dcc-app .skills-navigation>div>span{font-variant-numeric:tabular-nums;opacity:.65;font-size:9px}.dcc-app .skills-card{border:1px solid var(--dcc-surface-edge);border-radius:var(--dcc-radius-surface);background:var(--background);min-width:0;box-shadow:var(--dcc-shadow-card);gap:12px;padding:14px;display:flex}.dcc-app .dcc-enter{animation:.26s cubic-bezier(.22,1,.36,1) both dcc-demo-enter}.dcc-app .dcc-pop{animation:.2s cubic-bezier(.22,1,.36,1) both dcc-demo-pop}.dcc-app .dcc-slide-in{animation:.32s cubic-bezier(.22,1,.36,1) both dcc-demo-slide}.dcc-app .dcc-stream{animation:.9s ease-out both dcc-demo-stream}.dcc-app .dcc-pointer{z-index:60;pointer-events:none;filter:drop-shadow(0 2px 3px #0000008c);width:18px;height:18px;animation:.62s cubic-bezier(.22,1,.36,1) both dcc-demo-pointer;position:absolute;bottom:-9px;right:6px}.dcc-app [data-demo-pressed=true]{filter:brightness(1.25);transition:transform .12s,filter .12s;transform:scale(.97)}.dcc-demo-progress{transform-origin:0;animation-name:dcc-demo-progress;animation-timing-function:linear;animation-fill-mode:both}@keyframes dcc-demo-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dcc-demo-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes dcc-demo-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes dcc-demo-stream{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes dcc-demo-pointer{0%{opacity:0;transform:translate(26px,22px)}to{opacity:1;transform:translate(0)}}@keyframes dcc-demo-caret{50%{opacity:0}}@keyframes dcc-demo-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.dcc-app *,.dcc-app :before,.dcc-app :after{transition:none!important;animation:none!important}.dcc-demo-progress{transform:scaleX(1);animation:none!important}}.dcc-app .dcc-agent-working{animation:1.1s ease-in-out infinite dcc-agent-bob}.dcc-app .dcc-agent-float{animation:2.6s ease-in-out infinite dcc-agent-bob}.dcc-app .dcc-agent-thinking>span{background:var(--muted-foreground);border-radius:9999px;width:6px;height:6px;animation:1s ease-in-out infinite dcc-agent-thinking-dot}.dcc-app .dcc-agent-thinking>span:nth-child(2){animation-delay:.15s}.dcc-app .dcc-agent-thinking>span:nth-child(3){animation-delay:.3s}@keyframes dcc-agent-bob{0%,to{transform:translateY(6%)}50%{transform:translateY(-8%)}}@keyframes dcc-agent-thinking-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.dcc-app .dcc-robot-accent{fill:color-mix(in oklab,currentColor 50%,white)}.dcc-app .dcc-robot-move{visibility:hidden}.dcc-app .dcc-robot.is-active .dcc-robot-rest{animation:.9s step-end infinite dcc-robot-rest}.dcc-app .dcc-robot.is-active .dcc-robot-move{animation:.9s step-end infinite dcc-robot-move}@keyframes dcc-robot-rest{0%{visibility:visible}50%{visibility:hidden}}@keyframes dcc-robot-move{0%{visibility:hidden}50%{visibility:visible}}.dcc-app .dcc-report-fade{-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}
.dccs-scene{--dccs-t:9s;--dccs-ease:cubic-bezier(.22,1,.36,1);background:radial-gradient(120% 90% at 100% 0,#59c0a61a,#0000 60%),radial-gradient(90% 80% at 0 100%,#427cf01f,#0000 65%),#03080f;background:radial-gradient(120% 90% at 100% 0,#59c0a61a,#0000 60%),radial-gradient(90% 80% at 0 100%,#427cf01f,#0000 65%),lab(1.95972% -.491969 -3.43974);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:20px;height:380px;position:relative;overflow:hidden}@media (min-width:640px){.dccs-scene{height:420px}}@media (min-width:1024px){.dccs-scene{height:440px}}.dccs-scene[data-size=card]{border-radius:16px;height:288px}.dcc-app.dccs-panel{border:1px solid #ffffff1f;border:1px solid lab(100% 0 0/.12);flex-direction:column;height:auto;font-size:12px;display:flex;position:absolute;box-shadow:0 24px 60px -24px #000000bf,0 2px 8px #0000004d;container-type:inline-size}.dcc-app.dccs-panel[data-crop=bottom]{border-bottom:0;border-radius:12px 12px 0 0;inset:20px 16px 0}.dcc-app.dccs-panel[data-crop=top]{border-top:0;border-radius:0 0 12px 12px;inset:0 16px 20px}.dcc-app.dccs-panel[data-crop=flow]{flex-shrink:0;width:100%;max-width:460px;position:relative}.dccs-center{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 16px;display:flex;position:absolute;inset:0}.dcc-app.dccs-panel[data-crop=toast]{background:var(--popover);border-radius:10px;flex-direction:row;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 12px;bottom:12px;right:12px;container-type:normal}.dcc-app.dccs-panel[data-surface=popover]{background:var(--popover)}@media (min-width:640px){.dcc-app.dccs-panel[data-crop=bottom]{inset:28px 28px 0}.dcc-app.dccs-panel[data-crop=top]{inset:0 28px 28px}.dccs-center{padding:28px}.dccs-scene[data-size=card] .dcc-app.dccs-panel[data-crop=bottom]{inset:20px 20px 0}.dccs-scene[data-size=card] .dcc-app.dccs-panel[data-crop=top]{inset:0 20px 20px}.dccs-scene[data-size=card] .dccs-center{padding:20px}}.dccs-swap{min-width:0;display:inline-grid}.dccs-swap>*{grid-area:1/1;min-width:0}.dccs-stack{min-width:0;min-height:0;display:grid}.dccs-stack>*{grid-area:1/1;min-width:0;min-height:0}.dccs-mono{font-family:var(--font-mono)}.dccs-scene [class*=dccs-k-]{animation-duration:var(--dccs-t);animation-timing-function:var(--dccs-ease);animation-iteration-count:infinite;animation-fill-mode:both}.dccs-scene:not([data-play=true]) :is([class*=dccs-k-],.animate-spin){animation-play-state:paused}.dccs-k-in-10{animation-name:dccs-in-10}.dccs-k-in-25{animation-name:dccs-in-25}.dccs-k-in-40{animation-name:dccs-in-40}.dccs-k-in-55{animation-name:dccs-in-55}.dccs-k-in-70{animation-name:dccs-in-70}@keyframes dccs-in-10{0%,8%{opacity:0;transform:translateY(6px)}14%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes dccs-in-25{0%,23%{opacity:0;transform:translateY(6px)}29%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes dccs-in-40{0%,38%{opacity:0;transform:translateY(6px)}44%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes dccs-in-55{0%,53%{opacity:0;transform:translateY(6px)}59%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes dccs-in-70{0%,68%{opacity:0;transform:translateY(6px)}74%,94%{opacity:1;transform:none}to{opacity:0}}.dccs-k-on-25{animation-name:dccs-on-25}.dccs-k-on-40{animation-name:dccs-on-40}.dccs-k-on-55{animation-name:dccs-on-55}.dccs-k-on-70{animation-name:dccs-on-70}@keyframes dccs-on-25{0%,24%{opacity:0}27%,94%{opacity:1}to{opacity:0}}@keyframes dccs-on-40{0%,39%{opacity:0}42%,94%{opacity:1}to{opacity:0}}@keyframes dccs-on-55{0%,54%{opacity:0}57%,94%{opacity:1}to{opacity:0}}@keyframes dccs-on-70{0%,69%{opacity:0}72%,94%{opacity:1}to{opacity:0}}.dccs-k-until-25,.dccs-k-until-40,.dccs-k-until-55,.dccs-k-until-70,.dccs-k-between-25-40,.dccs-k-between-25-55,.dccs-k-between-25-70,.dccs-k-between-40-70,.dccs-k-between-55-90{opacity:0}.dccs-k-until-25{animation-name:dccs-until-25}.dccs-k-until-40{animation-name:dccs-until-40}.dccs-k-until-55{animation-name:dccs-until-55}.dccs-k-until-70{animation-name:dccs-until-70}.dccs-k-between-25-40{animation-name:dccs-between-25-40}.dccs-k-between-25-55{animation-name:dccs-between-25-55}.dccs-k-between-25-70{animation-name:dccs-between-25-70}.dccs-k-between-40-70{animation-name:dccs-between-40-70}.dccs-k-between-55-90{animation-name:dccs-between-55-90}@keyframes dccs-until-25{0%,24%{opacity:1}27%,96%{opacity:0}to{opacity:1}}@keyframes dccs-until-40{0%,39%{opacity:1}42%,96%{opacity:0}to{opacity:1}}@keyframes dccs-until-55{0%,54%{opacity:1}57%,96%{opacity:0}to{opacity:1}}@keyframes dccs-until-70{0%,69%{opacity:1}72%,96%{opacity:0}to{opacity:1}}@keyframes dccs-between-25-40{0%,24%{opacity:0}27%,39%{opacity:1}42%,to{opacity:0}}@keyframes dccs-between-25-55{0%,24%{opacity:0}27%,54%{opacity:1}57%,to{opacity:0}}@keyframes dccs-between-25-70{0%,26%{opacity:0;transform:scale(.97)}31%,69%{opacity:1;transform:none}72%,to{opacity:0;transform:none}}@keyframes dccs-between-40-70{0%,38%{opacity:0;transform:scale(.97)}43%,69%{opacity:1;transform:none}72%,to{opacity:0;transform:none}}@keyframes dccs-between-55-90{0%,54%{opacity:0;transform:translateY(-4px)}58%,88%{opacity:1;transform:none}92%,to{opacity:0;transform:none}}.dccs-k-press-25{animation-name:dccs-press-25}.dccs-k-press-40{animation-name:dccs-press-40}.dccs-k-press-55{animation-name:dccs-press-55}.dccs-k-press-70{animation-name:dccs-press-70}@keyframes dccs-press-25{0%,19%{filter:none;transform:none}22%{filter:brightness(1.3);transform:scale(.95)}25%,to{filter:none;transform:none}}@keyframes dccs-press-40{0%,34%{filter:none;transform:none}37%{filter:brightness(1.3);transform:scale(.95)}40%,to{filter:none;transform:none}}@keyframes dccs-press-55{0%,49%{filter:none;transform:none}52%{filter:brightness(1.3);transform:scale(.95)}55%,to{filter:none;transform:none}}@keyframes dccs-press-70{0%,64%{filter:none;transform:none}67%{filter:brightness(1.3);transform:scale(.95)}70%,to{filter:none;transform:none}}.dccs-k-enable-25{animation-name:dccs-enable-25}.dccs-k-enable-40{animation-name:dccs-enable-40}@keyframes dccs-enable-25{0%,24%{opacity:.45}27%,to{opacity:1}}@keyframes dccs-enable-40{0%,39%{opacity:.45}42%,to{opacity:1}}.dccs-k-fill-70{transform-origin:0;animation-name:dccs-fill-70}@keyframes dccs-fill-70{0%,68%{transform:scaleX(.5)}74%,to{transform:scaleX(1)}}.dccs-k-open-10{animation-name:dccs-open-10}@keyframes dccs-open-10{0%,6%{opacity:0;transform:scale(.96)translateY(8px)}13%,94%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.dccs-scene [class*=dccs-k-]{animation:none!important}}
.mobile-demo-stage{isolation:isolate;justify-content:center;padding:24px 0;display:flex;position:relative}.mobile-demo-stage:before{content:"";z-index:-1;background:radial-gradient(#34e2a010,#0000 68%);position:absolute;inset:12% -4%}.mobile-beta-link{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px;transition:background .15s;display:flex}.mobile-beta-link:hover{background:var(--muted)}.mobile-demo-control{min-height:36px;color:var(--muted-foreground);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.mobile-demo-control:hover{background:var(--muted);color:var(--foreground)}.dcc-phone{--p-bg:#0a0b0d;--p-panel:#111419;--p-border:#232834;--p-fg:#e9edf2;--p-mute:#7c8694;--p-faint:#565f6b;--p-accent:#34e2a0;--p-wait:#f5b13d;background:var(--p-bg);width:358px;max-width:100%;height:722px;color:var(--p-fg);border:6px solid #252830;border-radius:46px;outline:1px solid #505561;flex-direction:column;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.45;display:flex;overflow:hidden;box-shadow:0 28px 65px -25px #0008,inset 0 0 0 1px #000}.dcc-phone svg{flex-shrink:0}.dcc-phone small{color:var(--p-faint);font-family:Menlo,Consolas,monospace;font-size:9px;display:block}.dcc-phone-status{flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:12px 24px 8px;font-size:12px;font-weight:600;display:flex;position:relative}.dcc-phone-island{background:#000;border-radius:20px;width:96px;height:25px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.dcc-phone-home{flex:1;padding:12px 14px}.dcc-phone-top{color:var(--p-mute);align-items:center;gap:10px;padding-bottom:16px;display:flex}.dcc-phone-wordmark{flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-family:Menlo,Consolas,monospace;display:flex}.dcc-phone-wordmark strong{color:var(--p-fg);letter-spacing:2px;font-size:17px}.dcc-phone-wordmark small{letter-spacing:.4px;width:100%;font-size:8px}.dcc-phone-new{background:var(--p-accent);color:#04231b;border-radius:99px;align-items:center;gap:3px;padding:6px 9px;font-size:10px;font-weight:600;display:flex}.dcc-phone-search{border:1px solid var(--p-border);color:var(--p-faint);background:var(--p-panel);border-radius:12px;align-items:center;gap:8px;margin-bottom:18px;padding:10px;display:flex}.dcc-phone-dot{background:var(--p-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dcc-phone .is-waiting{color:var(--p-wait)}.dcc-phone-dot.is-waiting{background:var(--p-wait)}.dcc-phone-dot.is-idle{border:1px solid var(--p-faint);background:0 0}.dcc-phone .is-live{color:var(--p-accent)}.dcc-phone-section-label,.dcc-phone-eyebrow{text-transform:uppercase;letter-spacing:1.3px;color:var(--p-mute);align-items:center;gap:8px;font-family:Menlo,Consolas,monospace;font-size:9px;display:flex}.dcc-phone-section-label{margin:22px 0 9px}.dcc-phone-section-label b{background:var(--p-accent);color:#04231b;border-radius:5px;place-items:center;width:16px;height:16px;display:grid}.dcc-phone-section-label.is-waiting b{background:var(--p-wait);color:#241500}.dcc-phone-permission{background:#f5b13d0d;border:1px solid #f5b13d66;border-radius:16px;padding:12px}.dcc-phone-row-head{align-items:center;gap:9px;display:flex}.dcc-phone-row-head>div{flex:1;min-width:0}.dcc-phone-row-head strong{font-size:12px;font-weight:500;line-height:1.4;display:block}.dcc-phone-row-head small{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.dcc-phone-row-head>svg{color:var(--p-faint)}.dcc-phone-command{white-space:pre-line;margin:12px 0;font:11px/1.6 Menlo,Consolas,monospace}.dcc-phone-choices{gap:8px;display:flex}.dcc-phone-choices>span{border:1px solid var(--p-border);background:var(--p-bg);border-radius:12px;flex:1;justify-content:center;align-items:center;padding:10px 5px;font-size:12px;font-weight:600;display:flex;position:relative}.dcc-phone-choices>span:first-child{background:var(--p-wait);border-color:var(--p-wait);color:#241500}.dcc-phone-choices>span[data-tapped=true]{filter:brightness(.85);transform:scale(.97)}.dcc-phone-tap{background:#fff4;border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:2px;right:20px;box-shadow:0 0 0 5px #ffffff18}.dcc-phone-session{border:1px solid var(--p-border);background:var(--p-panel);border-radius:12px;padding:12px}.dcc-phone-tabs{border-top:1px solid var(--p-border);background:var(--p-panel);justify-content:space-around;padding:12px 16px 7px;display:flex}.dcc-phone-tabs>span{text-transform:uppercase;letter-spacing:1px;flex-direction:column;align-items:center;gap:4px;font:9px Menlo,Consolas,monospace;display:flex;position:relative}.dcc-phone-tabs>span:last-child{color:var(--p-faint)}.dcc-phone-tabs b{background:var(--p-wait);color:#241500;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;display:grid;position:absolute;top:-4px;right:2px}.dcc-phone-thread-head{border-bottom:1px solid var(--p-border);align-items:center;gap:10px;padding:12px;display:flex}.dcc-phone-thread-head>div{flex:1;min-width:0}.dcc-phone-thread-head strong{font-size:12px;font-weight:600;line-height:1.4;display:block}.dcc-phone-thread-head small{color:var(--p-mute);align-items:center;gap:5px;margin-top:5px;font-size:9px;display:flex}.dcc-phone-thread-head>svg{color:var(--p-mute)}.dcc-phone-conversation{flex:1;min-height:0;padding:14px 12px}.dcc-phone-divider{color:var(--p-faint);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:7px;margin:4px 0 14px;font:8px Menlo,Consolas,monospace;display:flex}.dcc-phone-divider:before,.dcc-phone-divider:after{content:"";background:var(--p-border);flex:1;height:1px}.dcc-phone-bubble{background:var(--p-accent);color:#04231b;border-radius:16px;margin-left:28px;padding:10px 12px;font-size:12px;line-height:1.5}.dcc-phone-agent{color:var(--p-mute);align-items:center;gap:7px;margin:14px 0 8px;font:10px Menlo,Consolas,monospace;display:flex}.dcc-phone-robot{color:#e8936f;background:#d977571f;border:1px solid #d977574d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.dcc-phone-robot[data-provider=codex]{color:#7aa5fa;background:#3b7bf61f;border-color:#3b7bf64d}.dcc-phone-robot[data-state=waiting]{color:var(--p-wait);border-color:var(--p-wait);background:#f5b13d26}.dcc-phone-trace{border:1px solid var(--p-border);background:#11141970;border-radius:12px;margin-bottom:12px;overflow:hidden}.dcc-phone-trace-head{border-bottom:1px solid var(--p-border);text-transform:uppercase;letter-spacing:1px;color:var(--p-mute);align-items:center;gap:7px;padding:9px 10px;font:9px Menlo,Consolas,monospace;display:flex}.dcc-phone-trace-head b{background:var(--p-panel);border-radius:10px;padding:1px 5px}.dcc-phone-trace-body{gap:6px;padding:8px 10px;display:grid}.dcc-phone-trace-body p{align-items:center;gap:7px;min-width:0;font-size:11px;display:flex}.dcc-phone-trace-body svg{width:11px;height:11px;color:var(--p-faint)}.dcc-phone-trace-body code{color:var(--p-faint);white-space:nowrap;text-overflow:ellipsis;font:9px Menlo,Consolas,monospace;overflow:hidden}.dcc-phone-spinner{border:1px solid var(--p-border);border-top-color:var(--p-accent);border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:1s linear infinite paused phone-spin}.mobile-demo-stage[data-playing=true] .dcc-phone-spinner{animation-play-state:running}.dcc-phone-stream{color:var(--p-mute);align-items:center;gap:8px;font-size:11px;display:flex}.dcc-phone-reply{font-size:12px;line-height:1.65}.dcc-phone-composer{border-top:1px solid var(--p-border);background:var(--p-panel);padding:10px 12px}.dcc-phone-access{color:var(--p-accent);align-items:center;gap:5px;margin-bottom:10px;font:9px Menlo,Consolas,monospace;display:flex}.dcc-phone-input{color:var(--p-faint);align-items:center;gap:6px;display:flex}.dcc-phone-input>span{border:1px solid var(--p-border);background:var(--p-bg);width:28px;height:28px;color:var(--p-mute);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.dcc-phone-input p{border:1px solid var(--p-border);white-space:nowrap;text-overflow:ellipsis;background:var(--p-bg);border-radius:10px;flex:1;min-width:0;padding:9px;font-size:10px;overflow:hidden}.dcc-phone-input>.is-stop{color:#f5604d;background:#f5604d1a;border-color:#f5604d80}.dcc-phone-home-indicator{background:var(--p-fg);border-radius:4px;flex-shrink:0;width:100px;height:4px;margin:8px auto}@keyframes phone-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dcc-phone-spinner{animation:none}}@media (max-width:380px){.dcc-phone{border-width:5px;height:704px}.dcc-phone-home,.dcc-phone-conversation{padding-inline:10px}.dcc-phone-permission{padding:10px}}