@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F7;--bg-tertiary: #F0F0F2;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-tertiary: #86868B;--accent-orange: #FF5722;--accent-green: #34C759;--border-primary: #E5E5EA;--border-subtle: rgba(0, 0, 0, .06);--radius-card: 12px;--radius-bubble: 20px;--radius-input: 24px;--shadow-card: 0 2px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-card-hover: 0 8px 24px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06);--chat-bg: #FFFFFF;--chat-bubble-user: #FF5722;--chat-bubble-user-text: #FFFFFF;--chat-bubble-ai: #F0F0F2;--chat-bubble-ai-text: #1D1D1F;--input-bg: #FFFFFF;--input-border: #e0e0e3;--input-text: #1D1D1F;--input-placeholder: #86868B;--input-icon-bg: #f0f0f2;--input-icon-color: #6e6e73;--card-bg: #FFFFFF;--card-border: #f4f4f5;--card-muted-bg: #fafafa;--card-muted-border: #e4e4e7;--user-avatar-bg: #18181b;--user-text: #18181b;--ai-text: #27272a;--ai-text-secondary: #71717a;--chip-bg: #FFFFFF;--chip-border: #e4e4e7;--chip-text: #3f3f46;--whisper-bg: #eef2ff;--whisper-text: #818cf8;--swarm-bg: #fafafa;--swarm-border: #f4f4f5;--page-bg: #FFFFFF;--toggle-off-bg: #dadce0;--group-card-bg: #f8f9fa;--connector-icon-bg: #f1f3f4;--tab-active-bg: #202124;--tab-active-text: #fff}[data-theme=dark]{--bg-primary: #030712;--bg-secondary: #0a0f1a;--bg-tertiary: #111827;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.55);--text-tertiary: rgba(255,255,255,.35);--border-primary: rgba(255,255,255,.08);--border-subtle: rgba(255,255,255,.04);--shadow-card: 0 2px 12px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-card-hover: 0 8px 24px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);--chat-bg: #030712;--chat-bubble-user: #FF5722;--chat-bubble-user-text: #FFFFFF;--chat-bubble-ai: rgba(255,255,255,.06);--chat-bubble-ai-text: #FFFFFF;--input-bg: rgba(255,255,255,.06);--input-border: rgba(255,255,255,.08);--input-text: #FFFFFF;--input-placeholder: rgba(255,255,255,.35);--input-icon-bg: rgba(255,255,255,.06);--input-icon-color: rgba(255,255,255,.4);--card-bg: rgba(255,255,255,.04);--card-border: rgba(255,255,255,.06);--card-muted-bg: rgba(255,255,255,.03);--card-muted-border: rgba(255,255,255,.06);--user-avatar-bg: rgba(255,255,255,.1);--user-text: #FFFFFF;--ai-text: rgba(255,255,255,.9);--ai-text-secondary: rgba(255,255,255,.5);--chip-bg: rgba(255,255,255,.06);--chip-border: rgba(255,255,255,.08);--chip-text: rgba(255,255,255,.7);--whisper-bg: rgba(99,102,241,.1);--whisper-text: rgba(129,140,248,.8);--swarm-bg: rgba(255,255,255,.03);--swarm-border: rgba(255,255,255,.06);--page-bg: #030712;--toggle-off-bg: rgba(255,255,255,.15);--group-card-bg: rgba(255,255,255,.04);--connector-icon-bg: rgba(255,255,255,.06);--tab-active-bg: #FFFFFF;--tab-active-text: #202124}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-size:16px}body{@apply antialiased selection:bg-tomo-orange/20;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.011em;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overscroll-behavior-y:none}h1,h2,h3,h4,h5,h6{@apply font-semibold tracking-tight;color:var(--text-primary);letter-spacing:-.02em}}@layer components{.skeuo-glass{background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-card)}.skeuo-card{background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-card);transition:box-shadow .2s}.skeuo-card:hover{box-shadow:var(--shadow-card-hover)}.skeuo-button-orange{@apply bg-tomo-orange text-white font-semibold rounded-xl px-6 py-3 shadow-subtle hover:shadow-card active:scale-[.98] transition-all duration-150;}.skeuo-button-green{@apply bg-tomo-green text-white font-semibold rounded-xl px-6 py-3 shadow-subtle hover:shadow-card active:scale-[.98] transition-all duration-150;}.input-stark{@apply bg-zinc-50 border border-zinc-200 text-zinc-900 placeholder-zinc-400 rounded-input px-5 py-3 focus:bg-white focus:border-zinc-300 focus:ring-2 focus:ring-tomo-orange/10 transition-all duration-150 outline-none;}.domain-header{@apply flex items-center gap-3 px-5 py-4 border-b border-zinc-100 shrink-0;}.domain-back-btn{@apply w-9 h-9 rounded-xl bg-zinc-50 border border-zinc-100 text-zinc-500 flex items-center justify-center hover:bg-zinc-100 hover:text-zinc-900 transition-colors cursor-pointer;}.domain-title{@apply text-[16px] font-semibold text-zinc-900 tracking-tight;}.domain-subtitle{@apply text-[11px] font-medium text-zinc-400;}.domain-tab-bar{@apply flex gap-1 px-5 py-2 border-b border-zinc-50 overflow-x-auto;}.domain-tab{@apply flex-1 px-3 py-2 rounded-lg text-[11px] font-semibold text-zinc-400 bg-transparent border border-transparent text-center cursor-pointer transition-colors whitespace-nowrap flex items-center justify-center gap-1.5;}.domain-tab-active{@apply bg-zinc-900 text-white border-zinc-900;}.domain-card{@apply bg-white border border-zinc-100 rounded-xl overflow-hidden transition-all duration-150;}.domain-card:hover{@apply border-zinc-200 shadow-card;}.domain-list-item{@apply flex items-center gap-3 px-4 py-3 bg-white border border-zinc-100 rounded-xl cursor-pointer transition-colors hover:bg-zinc-50;}.domain-section-label{@apply text-[13px] font-semibold text-zinc-900 mb-3;}.domain-search-bar{@apply flex items-center gap-2 px-4 py-2.5 rounded-xl bg-zinc-50 border border-zinc-100;}.domain-search-input{@apply flex-1 bg-transparent border-none outline-none text-[13px] font-medium text-zinc-900 placeholder-zinc-400;}.domain-cta-primary{@apply w-full py-3 rounded-xl bg-zinc-900 text-white text-[14px] font-semibold text-center cursor-pointer transition-all duration-150 hover:bg-zinc-800 active:scale-[.98] flex items-center justify-center gap-2;}}.domain-split-container{flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.domain-left-panel{width:100%!important;min-width:unset!important;max-width:unset!important;border-right:none!important;overflow:visible!important}.domain-right-panel{width:100%!important;height:180px!important;min-height:160px!important;max-height:200px!important;flex-shrink:0!important;order:-1}[style*="overflowX: auto"]::-webkit-scrollbar,.domain-tab-bar::-webkit-scrollbar{display:none}.scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000014;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000026}.skeleton{background:linear-gradient(90deg,#f0f0f2 25%,#e8e8ed,#f0f0f2 75%);background-size:200% 100%;animation:shimmerSweep 1.5s ease-in-out infinite;border-radius:8px}.skeleton-text{height:12px;border-radius:4px}.skeleton-title{height:16px;width:60%;border-radius:4px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px;border-radius:12px}.stagger-item{opacity:0;animation:staggerIn .35s cubic-bezier(.16,1,.3,1) forwards}.view-enter{animation:viewEnter .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes staggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes viewEnter{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes auraPulse{0%{transform:scale(1);opacity:.15}50%{transform:scale(1.05);opacity:.3}to{transform:scale(1);opacity:.15}}@keyframes auraRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-aura{animation:auraPulse 6s ease-in-out infinite}.animate-aura-slow{animation:auraPulse 8s ease-in-out infinite reverse}.animate-rotate-slow{animation:auraRotate 20s linear infinite}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hudSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-2px);opacity:1}}.domain-card-premium{@apply bg-white rounded-2xl overflow-hidden;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000a;border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.domain-card-premium:hover{box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;transform:translateY(-1px)}.photo-overlay{position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.35) 55%,transparent 100%);pointer-events:none}@keyframes sosPulse{0%{box-shadow:0 0 #dc262680}70%{box-shadow:0 0 0 20px #dc262600}to{box-shadow:0 0 #dc262600}}.sos-pulse{animation:sosPulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes accentGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){html{font-size:18px}button,[role=button]{min-height:44px}.sticky button svg,nav button svg,[class*="fixed top"] button svg{width:1.5rem!important;height:1.5rem!important}}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}input,textarea,select{font-size:16px!important}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body,#root{height:auto!important;overflow:visible!important;margin:0!important;padding:0!important}#root>div,.h-screen{height:auto!important;overflow:visible!important;display:block!important}.overflow-y-auto,.overflow-hidden,.overflow-x-hidden,.scroll-container{overflow:visible!important;height:auto!important;max-height:none!important}aside{display:none!important}.print\:hidden,[class*="print:hidden"]{display:none!important}#root>div>main>header{display:none!important}main{width:100%!important;position:static!important;flex:none!important;overflow:visible!important}#architecture-view,#architecture-view-content{width:100%!important;max-width:100%!important;overflow:visible!important;height:auto!important}table{border-collapse:collapse!important;page-break-inside:auto!important}tr{page-break-inside:avoid!important}th,td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}img,svg,canvas{max-width:100%!important;page-break-inside:avoid!important}.animate-in,.animate-pulse,.animate-aura,.animate-aura-slow,.animate-rotate-slow{animation:none!important}h1,h2,h3{page-break-after:avoid!important}section,.space-y-16>*{page-break-inside:avoid!important}.sticky,.fixed{position:static!important}.backdrop-blur-xl,.backdrop-blur-md,.backdrop-blur-sm{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}