/* Shared action system: consistent targets, hierarchy and interaction states. */
:root{--action-border:#46404f;--action-text:#e8e2f1;--action-accent:#c7afff;--action-radius:10px;--action-glow:0 0 0 1px #c6a8ff28,0 0 26px #ad79ff25,inset 0 1px 0 #ffffff12}
body button:not(.rail-scrim){min-height:44px;touch-action:manipulation;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;}
body :is(.primary,.secondary,.console-button,.plan-cta,.account-primary,.account-small-button,.account-open-chat,.site-account,.new-conversation,.prompt-suggestions button,.text-button){min-height:46px;border-radius:var(--action-radius);font-size:13px;line-height:1.4;letter-spacing:0;font-weight:500;padding:12px 18px;}
body :is(a.primary,a.secondary,.console-button,.account-open-chat,.site-account){display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;}
body :is(.primary,.plan-cta:not(.secondary-cta),.account-primary){color:#1b1427;background:linear-gradient(120deg,#f1eafb,#c8aff6);border:1px solid #e5d2ff;box-shadow:inset 0 1px 0 #fff9,0 2px 12px #b092ed0e;font-weight:600;}
body :is(.secondary,.console-button,.account-small-button,.account-open-chat,.site-account,.secondary-cta,.prompt-suggestions button){color:var(--action-text);background:#17141c;border:1px solid var(--action-border);}
body .primary span{margin-left:12px;font-size:18px;}
body .hero-actions :is(.primary,.secondary){min-height:52px;padding:14px 22px;font-size:14px;}
body .hero-actions{gap:12px;}
body .topnav-links{gap:6px;}
body .topnav-links .nav{min-height:44px;width:auto;padding:11px 14px;font-size:13px;border:1px solid transparent;border-radius:8px;color:#b2adbc;justify-content:center;}
body .topnav-links .nav.active{background:#211b2c!important;border-color:#44354f;color:#e4d3ff;}
body #consoleNew{width:46px;height:46px;min-width:46px;padding:0;font-size:22px;}
body .site-nav>div{gap:8px;}
body .site-nav>div a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;font-size:13px;border-radius:8px;border:1px solid transparent;color:#b2adbc;}
body .site-nav>div a.active{color:#e4d3ff;background:#211b2c;border-color:#44354f;}
body :is(.hero-bottom a,.site-footer a:last-child,.subscription-actions a,.rail-platform,.chat-header-right>a){min-height:44px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;}
body .hero-bottom a{font-size:10px;}
body .site-footer a:last-child,body .subscription-actions a{font-size:12px;}
body .launch-routes{gap:14px;border:0;}
body .launch-routes .route-card{border:1px solid #35303e!important;border-radius:14px;padding:26px!important;min-height:318px;background:linear-gradient(145deg,#18141f,#0d0d12 80%);color:#eee8f7;isolation:isolate;}
body .route-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 0,#bc89ff1f,transparent 65%);opacity:.4;transition:opacity .25s;}
body .route-card .route-number{font:11px var(--mono);color:#b3a3c7;min-height:0;margin:0 0 28px;display:flex;align-items:center;justify-content:space-between;}
body .route-number svg{width:34px;height:34px;color:#c2a8ea;stroke-width:1.25;}
body .route-card strong{font-size:24px;line-height:1.2;letter-spacing:-.7px;}
body .route-card>span:not(.route-top):not(.route-bottom):not(.route-number){color:#aba2b7;font-size:14px;line-height:1.7;min-height:0;margin-top:18px;}
body .route-bottom{font-size:11px;letter-spacing:.2px;color:#decbfc;gap:14px;width:100%;margin-top:auto;padding-top:28px;}
body .route-bottom i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #584367;border-radius:50%;font-size:20px;flex-shrink:0;transition:background .2s,box-shadow .2s;}
body .route-card:hover .route-bottom i{transform:none;}
body button.project-card{padding:23px 16px;border-radius:9px;border:1px solid #2c2734;margin-bottom:8px;background:#100e15;}
body button.project-card:hover{padding-left:16px;transform:none;}
body .project-card .meta{font-size:10px;color:#a499b0;}
body .project-card p{color:#a499b0;}
body .workflow{gap:8px;}
body .workflow button{padding:12px;font-size:12px;line-height:1.4;border-radius:8px;}
body .text-button{border:1px solid #43364f;color:#cab9df;background:#19141f;}
body .output-bar{height:auto;min-height:64px;gap:12px;flex-wrap:wrap;}
body .output-bar>div{display:flex;gap:8px;flex-wrap:wrap;}
body .editor-heading{gap:18px;flex-wrap:wrap;}
body .action-panel{gap:18px;}
body .action-panel>.primary{flex-shrink:0;}
body .new-conversation{color:#eadbff;background:linear-gradient(120deg,#2e223e,#1c1626);border-color:#615073;padding:12px;gap:8px;}
body .new-conversation kbd{display:none;}
body .history-item{min-height:44px;font-size:13px;}
body .rail-platform{margin-top:8px;margin-bottom:12px;}
body .rail-upgrade strong{font-size:12px;}
body .rail-upgrade small{font-size:11px;line-height:1.5;}
body .prompt-suggestions button{padding:12px 16px;min-height:48px;}
body .mode-controls{gap:4px;}
body .mode-controls button{min-height:44px;font-size:12px;padding:10px;border:1px solid transparent;color:#b6a7c5;}
body .mode-controls button.selected{color:#eedfff;border-color:#765b8d;background:#362543;box-shadow:inset 0 1px 0 #ffffff09;}
body .send-button{width:44px;height:44px;min-width:44px;border-radius:10px;border:1px solid #d8baf4;background:#ceb2ec;color:#21132c;}
body .message-actions{gap:8px;}
body .message-actions button,body .code-toolbar button{min-height:44px;padding:10px 12px;font-size:12px;color:#c8b8d5;background:#1c1722;border:1px solid #3f324b;border-radius:8px;}
body .code-toolbar{min-height:60px;gap:12px;padding:7px 14px;}
body .message-actions small{font-size:11px;color:#a392ae;}
body .icon-button{width:44px;height:44px;padding:0;border-radius:8px;}
body button.provider-status{min-height:44px;font-size:11px;padding:8px 10px;border:1px solid #34303d;border-radius:8px;color:#afa5bd;}
body button.provider-status.connected{color:#add9ba;}
body .chat-notice button{min-height:44px;font-size:12px;padding:10px 12px;}
body .chat-plan-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;border-radius:8px;padding:10px 14px;}
body .auth-tabs button{font-size:13px;min-height:44px;}
body .social-logins button{min-height:50px;border-radius:9px;font-size:13px;}
body .social-logins small{font-size:10px;}
body .auth-card input{min-height:48px;font-size:14px;border-radius:8px;}
body .password-field button{min-width:44px;min-height:44px;top:2px;right:4px;padding:8px;font-size:12px;border-radius:6px;}
body .forgot-password{min-height:44px;font-size:12px;padding:10px 0;margin-bottom:16px;}
body .account-stats article>a,body .account-stats article>button{min-height:44px;padding:10px 0 0;margin-top:14px;font-size:12px;color:#d7bbee;gap:8px;border-radius:6px;}
body .dialog-top button{min-width:44px;min-height:44px;border-radius:8px;}
body .topup-amounts span{min-height:50px;display:grid;place-items:center;}
body .pricing-faq details{padding:8px 0;}
body .pricing-faq summary{min-height:48px;align-content:center;padding:10px 0;font-size:14px;color:#e1d4eb;}
body .pricing-faq summary:focus-visible{outline:2px solid var(--action-accent);outline-offset:5px;border-radius:6px;}
body :is(button,a,input,textarea,select):focus-visible{outline:2px solid #d5b5ff;outline-offset:4px;}
body button:not(.rail-scrim):disabled,body [aria-disabled=true]{opacity:.58;cursor:not-allowed;box-shadow:none!important;transform:none!important;}
body :is(.primary,.plan-cta:not(.secondary-cta),.account-primary):disabled{background:linear-gradient(120deg,#f1eafb,#c8aff6);border-color:#e5d2ff;color:#1b1427;}
body .send-button:disabled{background:#ceb2ec;border-color:#d8baf4;color:#21132c;}
body .social-logins button:disabled:hover{background:#1e1824;border-color:#3b2e45;color:#d2c2dd;}
body .access-method button:disabled{opacity:1;background:#19161e;color:#b4a7c0;border-color:#41364b;}
body .access-method.connected button:disabled{color:#b4d3ba;}
@media(hover:hover){
 body :is(.primary,.plan-cta:not(.secondary-cta),.account-primary):not(:disabled):not([aria-disabled=true]):hover{background:linear-gradient(120deg,#fff,#dbc3ff);border-color:#f3e7ff;box-shadow:0 0 0 1px #d6b4ff55,0 0 32px #b881ff50,inset 0 1px 0 #fff;transform:none;}
 body :is(.secondary,.console-button,.account-small-button,.account-open-chat,.site-account,.secondary-cta,.new-conversation,.prompt-suggestions button,.text-button,.social-logins button,.message-actions button,.code-toolbar button,.send-button,.chat-plan-bottom a):not(:disabled):not([aria-disabled=true]):hover{background:#2c203a;border-color:#b493d5;color:#f1e6ff;box-shadow:var(--action-glow);transform:none;}
 body .topnav-links .nav:hover,body .site-nav>div a:hover{background:#251d31!important;color:#f4eaff;border-color:#634876;box-shadow:0 0 22px #ae75ec18;}
 body .route-card:hover{background:#16111f;border-color:#a086c0!important;box-shadow:0 0 35px #a779df1a,inset 0 1px 0 #ffffff15;transform:none;}
 body .route-card:hover:before{opacity:1;}
 body .route-card:hover .route-bottom i{background:#79559e45;box-shadow:0 0 20px #bd89fd35;}
 body :is(button.project-card,.workflow button,.history-item,.mode-controls button,.auth-tabs button,button.provider-status,.icon-button,.dialog-top button):not(:disabled):hover{border-color:#87649f;background-color:#27202f;box-shadow:0 0 20px #a776db18;color:#f0e4fb;}
 body :is(.hero-bottom a,.site-footer a:last-child,.subscription-actions a,.rail-platform,.chat-header-right>a,.forgot-password,.password-field button,.account-stats article>a,.account-stats article>button):not(:disabled):hover{color:#eedcff;text-shadow:0 0 16px #c5a5ff7a;}
}
body :is(.primary,.secondary,.plan-cta,.console-button,.send-button):not(:disabled):active{filter:brightness(.92);}
@media(max-width:1150px){body .topnav-links .nav{font-size:12px;padding:10px;}body .launch-routes .route-card{padding:22px!important;}body .route-card strong{font-size:22px;}body .route-card>span:not(.route-top):not(.route-bottom):not(.route-number){font-size:13px;}}
@media(max-width:880px){body .topnav{gap:12px;padding-top:14px;padding-bottom:10px;}body .topnav-account .console-button{font-size:12px;}body .topnav-links{gap:4px;}body .topnav-links .nav{flex:1;}body .route-card{min-height:310px;}}
@media(max-width:700px){
 body .topnav{padding-left:20px;padding-right:20px;}
 body .topnav-links .nav{font-size:11px;padding:10px 7px;}
 body .topnav-account .console-button{font-size:12px;padding:10px 12px;}
 body .site-nav{gap:12px;padding-top:16px;padding-bottom:12px;}
 body .site-nav>div{gap:4px;justify-content:space-between;}
 body .site-nav>div a{font-size:12px;padding:10px;}
 body .site-account{font-size:12px;padding:10px 12px;}
 body .hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:360px;}
 body .hero-actions :is(.primary,.secondary){justify-content:center;min-height:50px;font-size:14px;width:100%;}
 body .launch-routes{gap:12px;}
 body .launch-routes .route-card{min-height:320px;padding:18px!important;}
 body .route-card strong{font-size:21px;}
 body .route-bottom{font-size:10px;flex-wrap:wrap;}
 body .route-number svg{width:28px;height:28px;}
 body button.project-card{grid-template-columns:30px 1fr;gap:12px;padding:18px 12px;}
 body button.project-card:hover{padding-left:12px;}
 body .project-card .meta{grid-column:2;text-align:left;flex-direction:row;flex-wrap:wrap;}
 body .composer-controls{flex-wrap:wrap;gap:6px;}
 body .mode-controls{gap:2px;}
 body .mode-controls button{padding:9px 7px;font-size:11px;}
 body .chat-composer{padding:12px;}
 body .chat-header{padding-left:16px;padding-right:16px;gap:10px;}
 body .chat-header-right{gap:8px;}
 body .chat-header-right>a{font-size:12px;}
 body .prompt-suggestions{gap:8px;}
 body .prompt-suggestions button{font-size:12px;padding:12px;}
 body .account-open-chat{font-size:13px;}
 body .subscription-actions{gap:8px 16px;}
 body .account-stats article>a,body .account-stats article>button{font-size:12px;}
 body .output-bar{padding:10px;}
 body .output-bar>div{width:100%;}
 body .output-bar .text-button{font-size:12px;padding:10px;}
 body .action-panel{align-items:flex-start;flex-direction:column;}
 body .workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:460px){body .launch-routes{grid-template-columns:1fr;}body .launch-routes .route-card{min-height:280px;padding:24px!important;}body .route-card strong{font-size:25px;}body .route-card>span:not(.route-top):not(.route-bottom):not(.route-number){font-size:14px;}body .route-bottom{font-size:11px;flex-wrap:nowrap;}body .route-card .route-number{margin-bottom:20px;}}
@media(max-width:380px){
 body .composer-controls .send-controls{margin-left:auto;}
 body .auth-card{padding:20px;}
 body .topnav .logo{font-size:20px;}
 body .topnav-links{flex-wrap:wrap;gap:6px;}
 body .topnav-links .nav{flex:1 1 28%;padding:10px 5px;font-size:12px;}
 body .hero-copy h1{font-size:clamp(48px,16.3vw,60px);letter-spacing:-3px;}
 body .hero-bottom>span{display:none;}
 body .hero-bottom>a{width:100%;justify-content:space-between;}
 body .account-stats{grid-template-columns:1fr;}
}
@media(max-width:700px){body #usageMonth{flex-basis:100%;font-size:11px;}}
@media(prefers-reduced-motion:reduce){body button,body a,body .route-card:before,body .route-bottom i{transition:none!important;}html{scroll-behavior:auto;}}