/* PRISMA SPACE | AURORA DESIGN SYSTEM
   Unifies the existing product without replacing layouts, event handlers or logic.
   Site-wide tokens, view surfaces, accessible states and responsive finishing. */

/* 01. Foundations: dark Aurora and an independent, readable light theme. */
:root{
 --bg:#0e121d;--panel:#161d2b;--panel-2:#1c2535;--panel-3:#243146;
 --text:#f0f4fb;--muted:#a4aec1;--subtle:#78869e;
 --line:rgba(178,202,233,.11);--line-strong:rgba(178,202,233,.21);
 --accent:#91dbd5;--accent-2:#b1a2ee;--accent-dark:#1e3b45;
 --shadow:0 24px 76px rgba(2,7,19,.36);
 --aurora-cyan:#91dbd5;--aurora-blue:#84bce9;--aurora-violet:#b9a3f1;
 --aurora-surface:linear-gradient(145deg,rgba(26,39,56,.95),rgba(23,27,47,.95));
 --aurora-soft:linear-gradient(126deg,rgba(87,197,195,.09),rgba(118,151,219,.075) 56%,rgba(167,124,219,.08));
 --aurora-edge:rgba(145,191,220,.22);
 --aurora-focus:#9ee5df;
}
:root[data-theme="light"]{
 --bg:#f3f7fc;--panel:#fff;--panel-2:#f0f5fa;--panel-3:#e5edf6;
 --text:#1c293d;--muted:#53637b;--subtle:#66778e;
 --line:rgba(47,75,105,.12);--line-strong:rgba(47,75,105,.23);
 --accent:#247b78;--accent-2:#6957b0;--accent-dark:#dff3f1;
 --shadow:0 22px 66px rgba(34,70,111,.13);
 --aurora-cyan:#257b7a;--aurora-blue:#3b72ab;--aurora-violet:#725ab0;
 --aurora-surface:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,247,253,.97));
 --aurora-soft:linear-gradient(126deg,rgba(92,192,180,.11),rgba(110,159,221,.09) 56%,rgba(175,144,218,.09));
 --aurora-edge:rgba(78,119,155,.20);--aurora-focus:#167d84;
}
html{scrollbar-color:var(--line-strong) transparent}
body{background:
 radial-gradient(ellipse 50% 40% at 95% 3%,color-mix(in srgb,var(--aurora-blue) 7%,transparent),transparent 86%),
 var(--bg);}
:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--aurora-focus);outline-offset:3px}
::selection{background:color-mix(in srgb,var(--aurora-blue) 32%,transparent);color:var(--text)}

/* 02. Chrome and navigation: consistent across Core, Explore, lab and account. */
.sidebar{
 background:linear-gradient(165deg,var(--panel) 0%,color-mix(in srgb,var(--panel) 93%,var(--aurora-blue)) 61%,var(--panel) 100%);
 border-right-color:var(--aurora-edge);
}
.sidebar-header{border-color:var(--line)}
.brand-mark{color:var(--aurora-cyan);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--aurora-cyan) 24%,transparent))}
.brand-copy strong{letter-spacing:.135em}
.topbar{
 background:color-mix(in srgb,var(--bg) 91%,transparent);
 border-bottom-color:var(--aurora-edge);
}
.breadcrumb strong{color:var(--text)}
.nav-item,.category-item{border:1px solid transparent;border-radius:12px}
.nav-item.active,.category-item.active{
 color:var(--accent);
 background:var(--aurora-soft);
 border-color:var(--aurora-edge);
}
.nav-item:hover:not(.active),.category-item:hover:not(.active){
 background:color-mix(in srgb,var(--accent) 7%,var(--panel-2));
}
.sidebar-header-button,.icon-button,.view-button{transition:background-color .2s,border-color .2s,color .2s}
.sidebar-header-button:hover,.icon-button:hover,.view-button:hover{
 background:color-mix(in srgb,var(--aurora-blue) 11%,var(--panel-2));
 border-color:var(--aurora-edge);
}
.global-search,.explore-query-wrap,.explore-specialty,
.conversation-search-field-slot{border-color:var(--line-strong);background:var(--panel-2)}
.global-search:focus-within,.explore-query-wrap:focus-within,.explore-specialty:focus-within{
 border-color:var(--aurora-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--aurora-cyan) 12%,transparent);
}
.privacy-card,.pwa-banner{
 background:var(--aurora-soft);border-color:var(--aurora-edge);
}
.status-led{background:var(--aurora-cyan)}
.main-footer{border-top-color:var(--aurora-edge)}

/* 03. Cohesive buttons, pills and search affordances. */
.button-primary,.auth-submit:not(:disabled),.pwa-banner-install{
 background:linear-gradient(110deg,#8ddcd3 0%,#8bc3e9 56%,#b3a7ef 100%);
 color:#11202e;border-color:transparent;font-weight:750;
 box-shadow:0 8px 24px rgba(88,162,199,.10);
}
.button-primary:hover:not(:disabled),.auth-submit:hover:not(:disabled){
 filter:brightness(1.05);box-shadow:0 9px 28px rgba(85,158,200,.19);
}
.button-quiet,.mini-button{
 border-color:var(--line-strong);color:var(--text);
}
.button-quiet:hover,.mini-button:hover{border-color:var(--aurora-edge);background:var(--aurora-soft)}
.button:disabled,.auth-submit:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}
.status-pill,.provider-connection-status,.provider-stage,.tool-status{
 border-radius:999px;
}
.eyebrow{color:var(--accent);letter-spacing:.15em}

/* 04. Landing: Aurora prism remains triangular, clear and inviting. */
body:not(.is-core-view) .hero-section{
 border-color:var(--aurora-edge);
 background:
 radial-gradient(ellipse 56% 72% at 78% 50%,rgba(64,148,199,.20),transparent 84%),
 radial-gradient(ellipse 60% 75% at 92% 92%,rgba(140,103,209,.16),transparent 82%),
 linear-gradient(145deg,#101728,#122a40 58%,#24203c);
 box-shadow:0 22px 70px rgba(6,15,33,.11);
}
body:not(.is-core-view) .hero-copy h1 em{
 background:linear-gradient(100deg,#94e4d8,#8bbdf2 52%,#c2a4f5);
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
body:not(.is-core-view) .hero-art{transform:translateZ(0)}
body:not(.is-core-view) .hero-prism{filter:drop-shadow(0 0 27px rgba(115,193,232,.25))}
body:not(.is-core-view) .art-tag{backdrop-filter:blur(12px)}
body:not(.is-core-view) .metric-strip{border-bottom-color:var(--aurora-edge)}
body:not(.is-core-view) .metric strong{color:var(--text)}
body:not(.is-core-view) .metric-note{color:var(--muted)}

/* 05. Discover: goal cards, workflows, recents, catalog, filtering. */
.home-dashboard-heading h2,.section-heading h2,.ai-section h2{
 letter-spacing:-.05em;line-height:1.18;
}
.home-local-pill,.workflow-hub-note,.tool-tag{
 border-color:var(--aurora-edge);background:var(--aurora-soft);
}
.workflow-hub,.home-panel,.goal-card,.mini-tool-card,
.tool-card,.ai-principles > div,.provider-card,.provider-connect-card{
 border-color:var(--line-strong);
 background:var(--aurora-surface);
 box-shadow:0 8px 28px rgba(0,0,0,.025);
}
.workflow-hub,.home-panel{border-radius:20px}
.workflow-card,.goal-card,.tool-card,.mini-tool-card{
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.workflow-card:hover,.goal-card:hover,.tool-card:hover:not(.is-disabled),.mini-tool-card:hover{
 border-color:var(--aurora-edge);
 box-shadow:0 13px 30px color-mix(in srgb,var(--aurora-blue) 9%,transparent);
}
.workflow-card-icon,.goal-icon,.tool-icon,.mini-tool-icon{
 background:var(--aurora-soft);
 border:1px solid var(--aurora-edge);
 color:var(--accent);
}
.workflow-card-copy strong,.goal-card strong,.mini-tool-copy strong,.tool-card h3{
 color:var(--text);
}
.workflow-card-copy small,.goal-card small,.mini-tool-copy small,.tool-card p{
 color:var(--muted);
}
.tool-card{overflow:hidden}
.tool-card::before{
 content:"";position:absolute;top:0;left:15px;right:15px;height:1px;
 background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--aurora-cyan) 24%,transparent),transparent);
 pointer-events:none;
}
.tool-card:hover::before{background:linear-gradient(90deg,transparent,var(--aurora-cyan),var(--aurora-violet),transparent)}
.tool-favorite.active{color:var(--aurora-violet)}
.tool-card-launch:focus-visible{outline:2px solid var(--aurora-focus);outline-offset:4px;border-radius:7px}
.explore-query-wrap,.explore-specialty{border-radius:14px}
.explore-query-wrap input,.explore-specialty select{color:var(--text)}
.filter-chip,.quick-tool-actions button{
 border-color:var(--line-strong);
 background:var(--panel);border-radius:999px;
}
.filter-chip.active,.filter-chip:hover,.quick-tool-actions button:hover{
 border-color:var(--aurora-edge);background:var(--aurora-soft);color:var(--accent);
}
.view-switch{border-color:var(--line-strong);background:var(--panel-2)}
.view-button.active{background:var(--aurora-soft);color:var(--accent)}
.empty-state{border:1px dashed var(--aurora-edge);border-radius:18px;background:var(--aurora-soft)}
.result-count{color:var(--muted)}

/* 06. AI laboratory and provider connections: different content, same design. */
.ai-section .ai-intro{color:var(--muted);max-width:760px}
.ai-principles > div,.provider-card{border-radius:17px}
.ai-principles > div > span{color:var(--accent)}
.ai-connection-card{
 border-color:var(--aurora-edge);border-radius:21px;
 background:var(--aurora-soft);
 box-shadow:0 10px 34px rgba(0,0,0,.04);
}
.provider-connect-grid > *{min-width:0}
.ai-feature-card{
 background:radial-gradient(ellipse at 82% 47%,color-mix(in srgb,var(--aurora-violet) 17%,transparent),transparent 68%),
 var(--aurora-surface);
 border-color:var(--aurora-edge);border-radius:22px;
}
.ai-orb{box-shadow:0 0 35px color-mix(in srgb,var(--aurora-violet) 18%,transparent)}
.provider-heading{border-color:var(--line)}
.provider-kind,.provider-note,.provider-connection-detail{color:var(--muted)}
.provider-tags span,.provider-stage{border-color:var(--aurora-edge);background:var(--aurora-soft)}
.notice-panel{
 border-color:var(--aurora-edge);border-radius:15px;
 background:var(--aurora-soft);color:var(--accent);
}

/* 07. Prisma Core: conversation, history, top actions and composer.
   Size, scroll, keyboard and PWA safe-area rules stay untouched. */
body.is-core-view .core-message.assistant{
 background:transparent;
 border:0;
 box-shadow:none;
}
body.is-core-view .core-message.user{
 background:color-mix(in srgb,var(--aurora-blue) 10%,var(--panel-2));
 border-color:var(--aurora-edge);
}
body.is-core-view .core-message{border-radius:17px}
body.is-core-view .core-message-engine{color:var(--subtle)}
body.is-core-view .core-history,body.is-core-view .core-side-card{
 border-color:var(--aurora-edge);background:var(--aurora-surface);
}
body.is-core-view .core-composer{
 border-color:var(--aurora-edge);
}
body.is-core-view .core-voice-button{
 background:var(--aurora-soft);border-color:var(--aurora-edge);
}
body.is-core-view .core-welcome-gradient{
 background:linear-gradient(105deg,#92ded5,#88c3ed 53%,#bca5f2);
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
body.is-core-view .core-prism-scene{
 filter:drop-shadow(0 0 25px rgba(98,179,224,.20));
}
body.is-core-view #core-messages.is-empty .core-examples button{
 border-color:var(--aurora-edge);
}
body.is-core-view .core-sidebar-conversation.active{
 border-color:var(--aurora-edge);background:var(--aurora-soft);
}

/* 08. Dialogs, editors, voice, authentication, account, notifications. */
.tool-modal,.auth-panel,.voice-panel,.core-editor-panel,
.conversation-search-panel,.pwa-instructions > section{
 border-color:var(--aurora-edge);
 background:var(--panel);
 box-shadow:0 30px 88px rgba(4,9,22,.37);
}
.tool-modal,.auth-panel,.voice-panel,.core-editor-panel{background-image:
 radial-gradient(ellipse 70% 22% at 90% 0%,color-mix(in srgb,var(--aurora-blue) 8%,transparent),transparent 85%)}
.modal-header,.modal-footer,.conversation-search-header{
 border-color:var(--aurora-edge);
 background:color-mix(in srgb,var(--panel) 91%,var(--aurora-blue));
}
.modal-kicker{color:var(--accent)}
.modal-icon{background:var(--aurora-soft);color:var(--accent);border-color:var(--aurora-edge)}
.modal-body :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select),
.auth-panel :is(input,select),.core-editor-controls :is(input:not([type="checkbox"]),select){
 background:var(--panel-2);border-color:var(--line-strong);
 color:var(--text);border-radius:11px;
}
.modal-body :is(input,textarea,select):focus,
.auth-panel :is(input,select):focus,.core-editor-controls :is(input,select):focus{
 border-color:var(--aurora-cyan);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--aurora-cyan) 12%,transparent);
}
.auth-identity{
 border-color:var(--aurora-edge);
}
.auth-identity img{filter:drop-shadow(0 0 11px color-mix(in srgb,var(--aurora-cyan) 22%,transparent))}
.auth-tabs,.auth-provider-grid button,.auth-email-choice,.auth-account-actions button{
 border-color:var(--line-strong);
}
.auth-tabs .active,.auth-provider-grid button:hover:not(:disabled),.auth-email-choice:hover{
 background:var(--aurora-soft);border-color:var(--aurora-edge);
}
.auth-account-avatar{
 background:linear-gradient(135deg,var(--aurora-cyan),var(--aurora-blue),var(--aurora-violet));
 color:#0c1a2b;
}
.voice-orb,.ai-art-spark{color:var(--aurora-violet)}
.conversation-search-results button:hover{background:var(--aurora-soft)}
.toast{border-color:var(--aurora-edge);background:var(--panel-2);border-radius:12px}
.pwa-banner-install{border-radius:12px}

/* 09. Light mode: the previous dark-only landing and Core welcome now adapt. */
:root[data-theme="light"] body:not(.is-core-view) .hero-section{
 background:radial-gradient(ellipse 55% 85% at 76% 50%,rgba(106,176,227,.23),transparent 80%),
 radial-gradient(ellipse 53% 75% at 90% 90%,rgba(166,136,220,.18),transparent 82%),
 linear-gradient(145deg,#f8fcff,#e5f2fa 55%,#eeeafa);
 border-color:var(--aurora-edge);box-shadow:0 18px 48px rgba(65,99,153,.07);
}
:root[data-theme="light"] body:not(.is-core-view) .hero-copy h1{color:#1c2b43}
:root[data-theme="light"] body:not(.is-core-view) .hero-copy h1 em{
 background:linear-gradient(105deg,#197e83,#346ea8 52%,#785db0);
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
:root[data-theme="light"] body:not(.is-core-view) .hero-description,
:root[data-theme="light"] body:not(.is-core-view) .art-tag{color:#425b77}
:root[data-theme="light"] body:not(.is-core-view) .hero-copy .eyebrow{color:#237d7c}
:root[data-theme="light"] body:not(.is-core-view) .art-tag{background:rgba(255,255,255,.85);border-color:var(--line-strong)}
:root[data-theme="light"] body:not(.is-core-view) .hero-section::before{opacity:.28}
:root[data-theme="light"] body.is-core-view .core-welcome-gradient{
 background:linear-gradient(105deg,#147f83,#3f80ae 50%,#785eaf);
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
:root[data-theme="light"] body.is-core-view .main-area > .core-welcome-ambient{
 background:radial-gradient(ellipse 75% 75% at 50% 45%,rgba(104,183,217,.12),transparent 80%)!important;
}
:root[data-theme="light"] body.is-core-view #core-messages.is-empty .core-examples button{
 background:#fff;color:#24334d;
}

/* 10. Consistent smaller screens and accessibility; do not override safe areas. */
@media(max-width:850px){
 .sidebar{background:var(--panel)}
 .workflow-hub,.ai-connection-card,.ai-feature-card{border-radius:17px}
 .tool-modal,.core-editor-panel{border-radius:0}
}
@media(max-width:620px){
 body:not(.is-core-view) .hero-section{padding:27px 17px 22px}
 body:not(.is-core-view) .hero-copy h1{font-size:clamp(33px,9.1vw,43px)}
 body:not(.is-core-view) .hero-actions .button{min-height:45px}
 body:not(.is-core-view) .hero-art{height:245px}
 .workflow-card,.goal-card,.tool-card,.mini-tool-card{border-radius:14px}
 .tool-grid{gap:9px}
 .section-heading{gap:12px}
 .ai-connection-card{padding:15px}
 .auth-panel{border-radius:22px}
 .modal-footer{gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .workflow-card,.goal-card,.tool-card,.mini-tool-card,
 .button,.icon-button,.nav-item{transition:none!important}
}

/* 11. Mobile readability: workflows should be useful cards, not tiny columns. */
@media(max-width:480px){
 body:not(.is-core-view) .workflow-grid{grid-template-columns:minmax(0,1fr);gap:9px}
 body:not(.is-core-view) .workflow-card{
  min-height:70px;padding:12px 13px;align-items:center;gap:12px;
 }
 body:not(.is-core-view) .workflow-card-icon{
  width:40px;height:40px;flex:0 0 40px;border-radius:12px;
 }
 body:not(.is-core-view) .workflow-card-copy strong{font-size:12px;line-height:1.32}
 body:not(.is-core-view) .workflow-card-copy small{font-size:10px;line-height:1.45}
 body:not(.is-core-view) .goal-card strong{font-size:12px;line-height:1.4}
 body:not(.is-core-view) .goal-card small{font-size:10px;line-height:1.45}
 body:not(.is-core-view) .tool-card{padding:13px;min-height:165px}
 body:not(.is-core-view) .tool-card h3{font-size:12px;line-height:1.3}
 body:not(.is-core-view) .tool-card p{font-size:10px;line-height:1.45}
 body:not(.is-core-view) .tool-card .tool-tag{font-size:9px;line-height:1.25}
 body:not(.is-core-view) .mini-tool-copy strong{font-size:11px}
 body:not(.is-core-view) .mini-tool-copy small{font-size:9px}
 body:not(.is-core-view) .filter-chip{font-size:10px;padding:8px 11px}
 body:not(.is-core-view) .quick-tool-actions button{font-size:10px}
}


/* 12. AURORA 2 — visible, cohesive redesign across the entire product.
   Presentation-only: existing routes, tools, handlers and provider controls stay intact. */
:root{
 --aurora-night:#0b1222;--aurora-ink:#121c30;--aurora-deep:#1b2440;
 --aurora-glow:linear-gradient(110deg,#91e5d7 0%,#8bbfea 53%,#b7a1f2 100%);
}
body:not(.is-core-view) .page-content{
 background:radial-gradient(ellipse 64% 16% at 90% 0%,rgba(82,142,225,.075),transparent 85%);
}
.sidebar{
 background:radial-gradient(ellipse 140% 46% at 0% 0%,rgba(70,124,190,.19),transparent 74%),
 linear-gradient(170deg,#111a2b 0%,#12172a 53%,#111827 100%);
 border-right:1px solid rgba(151,193,237,.19);
 box-shadow:14px 0 44px rgba(3,7,18,.13);
}
.sidebar .brand-mark{
 color:#9bdfdc;
 filter:drop-shadow(0 0 11px rgba(116,206,221,.29));
}
.sidebar .brand-copy strong{
 background:var(--aurora-glow);background-clip:text;-webkit-background-clip:text;
 color:transparent;letter-spacing:-.025em;
}
.sidebar .side-label{color:#8297b4;letter-spacing:.17em}
.sidebar .nav-item,.sidebar .category-item{
 border:1px solid transparent;border-radius:13px;
 min-height:43px;transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.sidebar .nav-item:hover,.sidebar .category-item:hover{
 background:rgba(137,180,231,.075);border-color:rgba(142,186,235,.14);
}
.sidebar .nav-item.active,.sidebar .category-item.active{
 background:linear-gradient(110deg,rgba(77,172,180,.22),rgba(91,133,210,.16) 60%,rgba(166,122,221,.13));
 border-color:rgba(131,209,219,.25);color:#c4f0ed;
 box-shadow:inset 3px 0 #91e5d7,0 7px 20px rgba(4,11,25,.13);
}
.sidebar .nav-item.active .nav-icon{color:#9fe7df}
.sidebar .core-nav-badge,.sidebar .nav-count,.sidebar .nav-item kbd{
 border:1px solid rgba(149,193,226,.15);background:rgba(125,157,207,.10);color:#a7bcd7;
}
.sidebar .privacy-card{
 background:linear-gradient(125deg,rgba(96,198,190,.13),rgba(118,137,225,.09),rgba(164,116,211,.07));
 border:1px solid rgba(146,201,224,.22);border-radius:16px;
}
.sidebar .sidebar-bottom{background:transparent}
.sidebar .sidebar-header-button{border-radius:11px}
.topbar{
 background:linear-gradient(95deg,rgba(14,20,34,.96),rgba(20,24,42,.95));
 border-bottom:1px solid rgba(145,194,231,.16);
 box-shadow:0 8px 26px rgba(3,8,20,.13);
}
.topbar .breadcrumb strong{font-weight:750}
.topbar .breadcrumb span:first-child{letter-spacing:.11em}
body:not(.is-core-view) .hero-section{
 border:1px solid rgba(145,201,238,.22);
 border-radius:27px;padding:clamp(22px,4vw,54px);
 margin:24px 0 0;overflow:hidden;position:relative;
 background:radial-gradient(ellipse 65% 95% at 80% 62%,rgba(52,138,222,.42),transparent 80%),
 radial-gradient(ellipse 65% 65% at 28% 100%,rgba(122,102,210,.20),transparent 85%),
 linear-gradient(132deg,#111c30,#142b48 59%,#24213d);
 box-shadow:0 22px 58px rgba(4,12,31,.24),inset 0 1px rgba(192,232,255,.12);
}
body:not(.is-core-view) .hero-section:before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
 background-image:radial-gradient(circle,rgba(157,213,241,.7) 1px,transparent 1.5px);
 background-size:23px 23px;mask-image:linear-gradient(90deg,transparent 12%,black 100%);
}
body:not(.is-core-view) .hero-section>*{position:relative;z-index:1}
body:not(.is-core-view) .hero-copy h1{
 letter-spacing:-.055em;line-height:1.11;text-wrap:balance;
}
body:not(.is-core-view) .hero-description{color:#c2d1e6;max-width:610px}
body:not(.is-core-view) .metric-strip{
 border:1px solid rgba(145,190,234,.15);border-radius:19px;
 padding:17px 19px;margin:18px 0 0;
 background:linear-gradient(115deg,rgba(30,43,67,.64),rgba(22,28,47,.46));
}
body:not(.is-core-view) .metric strong{
 background:linear-gradient(110deg,#eaf8ff,#9edce2);background-clip:text;
 -webkit-background-clip:text;color:transparent;
}
body:not(.is-core-view) .home-dashboard{padding-top:27px}
body:not(.is-core-view) .workflow-hub{
 border:1px solid rgba(142,191,231,.21);border-radius:24px;
 padding:clamp(16px,2.6vw,27px);
 background:radial-gradient(ellipse at 100% 0%,rgba(89,143,221,.14),transparent 65%),
 linear-gradient(155deg,#17243a,#1a2036 78%);
 box-shadow:0 14px 40px rgba(4,10,25,.15);
}
body:not(.is-core-view) .workflow-hub-heading h3{font-size:clamp(17px,2.2vw,23px)}
body:not(.is-core-view) .workflow-card{
 position:relative;border-radius:17px;padding:16px;min-height:96px;
 border:1px solid rgba(158,192,229,.17);
 background:linear-gradient(135deg,rgba(25,38,57,.95),rgba(29,32,53,.93));
 box-shadow:inset 0 1px rgba(210,231,255,.045);
}
body:not(.is-core-view) .workflow-card-icon,body:not(.is-core-view) .goal-icon{
 background:linear-gradient(140deg,rgba(72,179,175,.24),rgba(99,132,205,.17));
 border:1px solid rgba(136,220,214,.14);color:#9ce5df;
}
body:not(.is-core-view) .workflow-card:hover,body:not(.is-core-view) .goal-card:hover,
body:not(.is-core-view) .tool-card:hover{
 transform:translateY(-2px);border-color:rgba(151,214,230,.48);
 box-shadow:0 13px 34px rgba(4,12,30,.18);
}
body:not(.is-core-view) .home-goals{gap:13px}
body:not(.is-core-view) .goal-card{
 min-height:126px;border-radius:19px;padding:18px;
 background:linear-gradient(145deg,#192438,#1b2133);
 border:1px solid rgba(151,191,227,.18);
}
body:not(.is-core-view) .goal-card:nth-child(3n+2){
 background:linear-gradient(145deg,#1b253c,#22213c);
}
body:not(.is-core-view) .goal-card:nth-child(3n+3){
 background:linear-gradient(145deg,#172b38,#1d243a);
}
body:not(.is-core-view) .mini-tool-card,
body:not(.is-core-view) .recent-panel,
body:not(.is-core-view) .recommended-panel{
 border-radius:19px;border-color:rgba(155,193,230,.16);
}
body:not(.is-core-view) .tools-section{padding-top:48px}
body:not(.is-core-view) .section-heading h2{
 font-size:clamp(26px,3.1vw,38px);letter-spacing:-.055em;
}
body:not(.is-core-view) .filter-row{gap:13px}
body:not(.is-core-view) .filter-chip{
 border-radius:999px;border-color:rgba(143,188,224,.2);
}
body:not(.is-core-view) .filter-chip.active{
 background:linear-gradient(115deg,rgba(68,165,170,.27),rgba(104,126,212,.18));
 border-color:rgba(143,217,219,.44);color:#b2ece7;
}
body:not(.is-core-view) .tool-grid{gap:14px}
body:not(.is-core-view) .tool-card{
 border-radius:20px;padding:19px;min-height:190px;
 border:1px solid rgba(158,192,229,.17);
 background:linear-gradient(145deg,#182338,#1b2032);
 box-shadow:inset 0 1px rgba(217,237,255,.035);
}
body:not(.is-core-view) .tool-card:nth-child(3n+2){
 background:linear-gradient(145deg,#19273b,#222239);
}
body:not(.is-core-view) .tool-card:nth-child(3n+3){
 background:linear-gradient(145deg,#18293a,#1c2236);
}
body:not(.is-core-view) .tool-card:before{
 left:0;right:0;height:2px;opacity:.7;
 background:linear-gradient(90deg,#78d6cf,#82b4eb,#b39bf1);
}
body:not(.is-core-view) .tool-icon{
 border-radius:14px;background:linear-gradient(145deg,rgba(70,174,174,.2),rgba(119,146,222,.15));
 border:1px solid rgba(150,210,222,.16);color:#a0e3df;
}
body:not(.is-core-view) .tool-card h3{font-size:15px;letter-spacing:-.025em}
body:not(.is-core-view) .tool-card p{line-height:1.55}
body:not(.is-core-view) .ai-section{padding-top:34px}
body:not(.is-core-view) .ai-principles{gap:14px;margin-bottom:32px}
body:not(.is-core-view) .ai-principles>div{
 border:1px solid rgba(154,193,233,.19);border-radius:19px;
 background:linear-gradient(145deg,#19263b,#202137);
 padding:21px;
}
body:not(.is-core-view) .ai-connection-card{
 background:radial-gradient(ellipse at 100% 0%,rgba(92,148,229,.15),transparent 70%),
 linear-gradient(145deg,#17253a,#1d2238);
 border:1px solid rgba(148,199,230,.26);border-radius:24px;
}
body:not(.is-core-view) .provider-card,
body:not(.is-core-view) .provider-connect-grid>*{
 background:linear-gradient(145deg,#111a2b,#1a2135);
 border:1px solid rgba(148,185,229,.18);border-radius:17px;
}
body:not(.is-core-view) .ai-feature-card{
 border-radius:24px;background:radial-gradient(ellipse at 80% 55%,rgba(109,123,224,.23),transparent 68%),
 linear-gradient(130deg,#162c39,#1e223c);
}
body:not(.is-core-view) .main-footer{margin-top:40px;border-top-color:rgba(146,189,228,.16)}
:root[data-theme="light"] .sidebar{
 background:linear-gradient(165deg,#edf5fc,#e9eff9);
 border-right-color:rgba(70,115,163,.18);
}
:root[data-theme="light"] .sidebar .brand-copy strong{
 background:linear-gradient(100deg,#247b78,#4d70ae,#7863b5);
 background-clip:text;-webkit-background-clip:text;color:transparent;
}
:root[data-theme="light"] .sidebar .side-label{color:#60718a}
:root[data-theme="light"] .sidebar .nav-item.active,
:root[data-theme="light"] .sidebar .category-item.active{
 color:#1c646c;background:linear-gradient(115deg,#d9f0ed,#e4e8fa);
}
:root[data-theme="light"] .topbar{background:rgba(245,249,254,.95)}
:root[data-theme="light"] body:not(.is-core-view) .metric-strip,
:root[data-theme="light"] body:not(.is-core-view) .workflow-hub,
:root[data-theme="light"] body:not(.is-core-view) .workflow-card,
:root[data-theme="light"] body:not(.is-core-view) .goal-card,
:root[data-theme="light"] body:not(.is-core-view) .tool-card,
:root[data-theme="light"] body:not(.is-core-view) .ai-principles>div,
:root[data-theme="light"] body:not(.is-core-view) .ai-connection-card,
:root[data-theme="light"] body:not(.is-core-view) .provider-card,
:root[data-theme="light"] body:not(.is-core-view) .provider-connect-grid>*{
 background:linear-gradient(145deg,#ffffff,#edf4fb);
 border-color:rgba(74,116,161,.18);box-shadow:0 7px 25px rgba(32,71,116,.055);
}
:root[data-theme="light"] body:not(.is-core-view) .tool-card:nth-child(3n+2),
:root[data-theme="light"] body:not(.is-core-view) .goal-card:nth-child(3n+2){background:linear-gradient(145deg,#fff,#f0effb)}
:root[data-theme="light"] body:not(.is-core-view) .tool-card:nth-child(3n+3),
:root[data-theme="light"] body:not(.is-core-view) .goal-card:nth-child(3n+3){background:linear-gradient(145deg,#fff,#eaf8f7)}
:root[data-theme="light"] body:not(.is-core-view) .metric strong{color:#225f7c;background:none}
:root[data-theme="light"] body:not(.is-core-view) .filter-chip.active{color:#216c73}
@media(max-width:850px){
 .sidebar{background:radial-gradient(ellipse at 0 0,rgba(78,140,201,.22),transparent 62%),linear-gradient(165deg,#111b2c,#161929)}
 .topbar{min-height:68px}
}
@media(max-width:620px){
 .topbar{height:64px;min-height:64px;padding-inline:17px}
 .topbar .breadcrumb{font-size:11px}
 body:not(.is-core-view) .page-content{padding-left:17px;padding-right:17px;padding-bottom:max(26px,env(safe-area-inset-bottom))}
 body:not(.is-core-view) .hero-section{
  margin:13px 0 0;border-radius:22px;padding:26px 20px;
  box-shadow:0 12px 32px rgba(4,12,31,.19);
 }
 body:not(.is-core-view) .hero-section:before{background-size:19px 19px}
 body:not(.is-core-view) .metric-strip{border-radius:15px;padding:14px 11px}
 body:not(.is-core-view) .workflow-hub{border-radius:20px;padding:17px}
 body:not(.is-core-view) .workflow-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 body:not(.is-core-view) .workflow-card{
  min-height:76px;border-radius:14px;padding:13px 14px;
 }
 body:not(.is-core-view) .workflow-card-copy strong{font-size:13px}
 body:not(.is-core-view) .workflow-card-copy small{font-size:11px}
 body:not(.is-core-view) .home-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body:not(.is-core-view) .goal-card{min-height:114px;border-radius:16px;padding:14px}
 body:not(.is-core-view) .tools-section{padding-top:31px}
 body:not(.is-core-view) .tool-grid{gap:10px}
 body:not(.is-core-view) .tool-card{min-height:180px;border-radius:16px;padding:14px}
 body:not(.is-core-view) .tool-card h3{font-size:13px}
 body:not(.is-core-view) .tool-card p{font-size:11px;line-height:1.48}
 body:not(.is-core-view) .ai-section{padding-top:24px}
 body:not(.is-core-view) .ai-principles>div{padding:16px;border-radius:15px}
 body:not(.is-core-view) .ai-connection-card{padding:16px;border-radius:18px}
 body:not(.is-core-view) .provider-card{border-radius:15px}
 .sidebar{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .sidebar .sidebar-bottom{padding-bottom:4px}
}
@media(max-width:370px){
 body:not(.is-core-view) .tool-grid{grid-template-columns:minmax(0,1fr)}
}


/* Light-mode continuity: Explore hero and Prisma Core welcome use the same
   cyan / sky / lavender design language. Dark mode remains unchanged. */
:root[data-theme="light"] body:not(.is-core-view) .hero-section{
 background:
  radial-gradient(ellipse 64% 75% at 77% 52%,rgba(84,174,219,.16),transparent 84%),
  radial-gradient(ellipse 60% 76% at 93% 86%,rgba(158,135,215,.13),transparent 85%),
  linear-gradient(145deg,#f9fcff 0%,#eaf5fc 54%,#f2edfb 100%);
 border-color:rgba(69,129,162,.22);
 box-shadow:0 14px 42px rgba(43,92,142,.09),inset 0 1px rgba(255,255,255,.94);
}
:root[data-theme="light"] body:not(.is-core-view) .hero-copy h1{
 color:#1c293d;
}
:root[data-theme="light"] body:not(.is-core-view) .hero-copy h1 em{
 background:linear-gradient(100deg,#167c79 0%,#367cb0 51%,#755cb2 100%);
 background-clip:text;-webkit-background-clip:text;
 color:transparent;-webkit-text-fill-color:transparent;
}
:root[data-theme="light"] body:not(.is-core-view) .hero-actions .button-quiet{
 background:rgba(255,255,255,.78);
 color:#28526f;
 border-color:rgba(71,126,164,.25);
}
:root[data-theme="light"] body:not(.is-core-view) .hero-actions .button-quiet:hover{
 background:#fff;
 border-color:#5c9cb2;
}
:root[data-theme="light"] body:not(.is-core-view) .orbit{
 border-color:rgba(65,119,171,.24);
}
:root[data-theme="light"] body:not(.is-core-view) .hero-aurora-particles{
 opacity:.18;
}
:root[data-theme="light"] body.is-core-view #core-messages.is-empty .core-welcome-eyebrow{
 color:#277e82;
}
:root[data-theme="light"] body.is-core-view #core-messages.is-empty .core-welcome-gradient{
 background:linear-gradient(105deg,#188380,#397faf 52%,#7661b3);
 background-clip:text;-webkit-background-clip:text;
 color:transparent;-webkit-text-fill-color:transparent;
}
:root[data-theme="light"] body.is-core-view #core-messages.is-empty .core-examples button{
 background:linear-gradient(125deg,rgba(255,255,255,.94),rgba(239,247,252,.94));
 color:#29415b;
 border:1px solid rgba(79,128,163,.24);
 box-shadow:0 3px 12px rgba(55,106,153,.065);
}
:root[data-theme="light"] body.is-core-view #core-messages.is-empty .core-examples button:hover{
 background:linear-gradient(125deg,#fff,#e5f4f5);
 color:#1d696c;
 border-color:rgba(38,135,133,.42);
}