:root{--flow-primary: #4682B4;--flow-secondary: #FFD700;--flow-accent: #98FB98;--stress-primary: #FF6347;--stress-secondary: #DCDCDC;--stress-accent: #FFFFFF;--rumination-primary: #8B0000;--rumination-secondary: #696969;--rumination-accent: #000000;--daydream-primary: #DDA0DD;--daydream-secondary: #FFB6C1;--daydream-accent: #FFFACD;--bg-dark: #0a0e1a;--bg-mid: #1a1f35;--bg-light: #2a3050;--text-primary: #e8eaf0;--text-secondary: #a0a8c0;--border-subtle: rgba(255, 255, 255, .1);--font-primary: "Inter", sans-serif;--font-display: "Playfair Display", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--ease-fluid: cubic-bezier(.4, 0, .2, 1);--ease-swirl: cubic-bezier(.68, -.55, .265, 1.55);--ease-calm: cubic-bezier(.25, .1, .25, 1);--glass-bg: rgba(26, 31, 53, .7);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#vanGoghCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:radial-gradient(circle at 50% 50%,#1a1f35,#0a0e1a)}.evocation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000;z-index:1;pointer-events:none;transition:background .8s var(--ease-calm)}.evocation-overlay.active{background:#0009;animation:evocationPulse 3s ease-in-out infinite}@keyframes evocationPulse{0%,to{opacity:.6}50%{opacity:.7}}.app-container{position:relative;z-index:10;width:100vw;height:100vh;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);pointer-events:none}.app-container>*{pointer-events:auto}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:var(--space-xl);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all .3s var(--ease-fluid)}.glass-panel:hover{border-color:#ffffff40;box-shadow:0 12px 48px #0006}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-md)}h3{font-size:var(--text-xl);margin-bottom:var(--space-md)}p,small{line-height:1.6}.philosophy-text{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}.primary-btn{background:linear-gradient(135deg,var(--flow-primary),var(--flow-secondary));border:none;padding:var(--space-md) var(--space-xl);border-radius:8px;font-size:var(--text-base);font-weight:600;color:#fff;cursor:pointer;transition:all .3s var(--ease-swirl);box-shadow:0 4px 16px #4682b44d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4682b480}.primary-btn:active{transform:translateY(0)}.intention-input,.reflection-textarea{width:100%;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-md);font-size:var(--text-base);font-family:var(--font-primary);color:var(--text-primary);transition:all .3s var(--ease-fluid)}.intention-input:focus,.reflection-textarea:focus{outline:none;border-color:var(--flow-primary);background:#ffffff14;box-shadow:0 0 0 3px #4682b433}.reflection-textarea{resize:vertical;min-height:120px}.hidden{display:none!important}.fade-in{animation:fadeIn .5s var(--ease-fluid)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.privacy-notice{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:100;background:#0009;padding:var(--space-sm) var(--space-lg);border-radius:20px;backdrop-filter:blur(8px)}.privacy-notice small{color:var(--text-secondary);font-size:var(--text-xs)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-dark);display:flex;align-items:center;justify-content:center}.loading-content{text-align:center;max-width:400px}.loading-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:var(--space-lg) 0}.loading-progress{height:100%;background:linear-gradient(90deg,var(--flow-primary),var(--flow-secondary));width:0%;transition:width .3s ease}#loadingStatus{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-md)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(8px);animation:fadeIn .3s var(--ease-fluid)}.modal-content{max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.context-setter{position:fixed;top:var(--space-xl);left:30px;transform:none;max-width:400px;width:90%;z-index:100}@media (max-width: 768px){.context-setter{left:50%;transform:translate(-50%);max-width:600px}}.context-setter h2{color:var(--flow-secondary);margin-bottom:var(--space-md)}.context-setter .intention-input{margin-bottom:var(--space-md)}.state-viz{position:fixed;top:var(--space-xl);right:var(--space-xl);width:320px;z-index:50}.quadrant-graph{position:relative;width:100%;aspect-ratio:1;margin-bottom:var(--space-lg)}.axis-label{position:absolute;font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.axis-label.y-axis{top:-20px;left:50%;transform:translate(-50%)}.axis-label.x-axis{right:-20px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}.quadrant-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;border-radius:12px;overflow:hidden}.quadrant{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);font-size:var(--text-sm);font-weight:600;text-align:center;opacity:.3;transition:opacity .3s var(--ease-fluid)}.quadrant.active{opacity:1;box-shadow:inset 0 0 20px #fff3}.quadrant.flow{background:linear-gradient(135deg,var(--flow-primary),var(--flow-accent));grid-column:2;grid-row:1}.quadrant.stress{background:linear-gradient(135deg,var(--stress-primary),var(--stress-accent));grid-column:1;grid-row:1}.quadrant.daydream{background:linear-gradient(135deg,var(--daydream-primary),var(--daydream-accent));grid-column:2;grid-row:2}.quadrant.rumination{background:linear-gradient(135deg,var(--rumination-primary),var(--rumination-accent));grid-column:1;grid-row:2}.state-marker{position:absolute;width:16px;height:16px;background:#fff;border:3px solid var(--flow-secondary);border-radius:50%;box-shadow:0 0 20px #ffd70099;transform:translate(-50%,-50%);transition:all .5s var(--ease-swirl);z-index:10}.entropy-meter{display:flex;align-items:center;gap:var(--space-md)}.entropy-meter label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.entropy-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.entropy-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--flow-primary),var(--rumination-primary));transition:width .5s var(--ease-fluid)}#entropyValue{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);min-width:40px}.insight-panel{position:fixed;bottom:var(--space-xl);left:var(--space-xl);max-width:400px;z-index:50}.current-state-text{font-size:var(--text-lg);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:500}.intervention-box{background:#4682b426;border-left:4px solid var(--flow-primary);padding:var(--space-md);border-radius:8px;margin-bottom:var(--space-lg)}.intervention-box strong{display:block;color:var(--flow-secondary);margin-bottom:var(--space-sm)}.root-score{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.root-score span:first-child{color:var(--text-secondary);font-size:var(--text-sm)}#rootScoreValue{font-size:var(--text-2xl);font-weight:700;background:linear-gradient(135deg,var(--flow-primary),var(--flow-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.micro-phenom-prompt{color:var(--flow-secondary);font-style:italic}.prompt-suggestions{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0;padding:var(--space-md);background:#ffffff08;border-radius:8px}.prompt-suggestions small{color:var(--text-secondary);font-style:italic}.floating-checkin-btn{position:fixed;bottom:40px;right:var(--space-xl);z-index:100;background:linear-gradient(135deg,var(--flow-primary),var(--flow-secondary));border:none;padding:var(--space-lg) var(--space-xl);border-radius:50px;font-size:var(--text-lg);font-weight:700;color:#fff;cursor:pointer;box-shadow:0 8px 24px #4682b466;transition:all .3s var(--ease-swirl);animation:pulse 2s ease-in-out infinite}.floating-checkin-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #4682b499}.floating-checkin-btn:active{transform:translateY(-2px) scale(1.02)}@keyframes pulse{0%,to{box-shadow:0 8px 24px #4682b466}50%{box-shadow:0 8px 32px #ffd70099}}@media (max-width: 1024px){.state-viz{top:auto;bottom:var(--space-xl);right:var(--space-xl);width:280px}.insight-panel{max-width:320px}}@media (max-width: 768px){.app-container{padding:var(--space-md)}.context-setter,.state-viz,.insight-panel{position:static;width:100%;max-width:100%;transform:none}.app-container{justify-content:flex-end}}.intervention-card{background:linear-gradient(135deg,#1d9bf01a,#4682b41a);border-radius:12px;padding:16px;border-left:4px solid var(--flow-primary)}.intervention-card strong{display:block;font-size:16px;color:var(--flow-secondary);margin-bottom:12px}.intervention-card p{color:var(--text-primary);line-height:1.6;margin-bottom:12px;font-size:14px}.intervention-card .mechanism{display:block;color:var(--text-tertiary);font-style:italic;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){body>*{display:none!important}body{margin:0;padding:0;background:#0a1628!important;min-height:100vh;overflow-x:hidden;overflow-y:auto}#vanGoghCanvas{display:block!important;position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:0!important;opacity:.5!important}#app{display:block!important;position:relative;z-index:10;min-height:100vh;padding:20px 20px 100px}.mobile-nav-bar{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:72px;background:#0f1928fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:64px;height:56px;background:transparent;border:none;color:#fff9;font-size:24px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-nav-btn span{font-size:10px;margin-top:4px;font-weight:500}.mobile-nav-btn:active{transform:scale(.95);color:#ffd60a}.mobile-nav-btn.active{color:#ffd60a}.mobile-nav-btn.center{width:64px;height:64px;background:linear-gradient(135deg,#ffd60a,#ffc300);border-radius:50%;margin-top:-24px;color:#000;box-shadow:0 4px 20px #ffd60a66}.mobile-nav-btn.center span{display:none}.floating-action-buttons,.set-vector-btn,.privacy-notice,.dashboard-btn,.toggle-chat-btn,.check-in-btn,.floating-checkin-btn,.floating-dashboard-link,#manualCheckInBtn,#chatToggleBtn,.mobile-fab-container,.mobile-center-btn,.mobile-top-bar,.mobile-bottom-nav,.mobile-corner-btn{display:none!important}.temporal-widget,#temporalWidget{display:block!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:16px!important;background:#1e3a5f99!important;backdrop-filter:blur(10px);border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important}.widget-content{display:block!important;padding:0!important}.time-display{text-align:center;margin-bottom:12px}.current-time{font-size:2rem!important;font-weight:700;color:#ffd60a}.current-date{font-size:.75rem!important;color:#fff9}.session-timer{text-align:center;margin-bottom:12px}.timer-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.session-duration{font-size:1.5rem!important;font-weight:700;color:#00b4d8}.focus-stats{display:flex!important;justify-content:center;gap:24px;font-size:.8rem;color:#ffffffb3;margin-bottom:12px}.quick-distraction-btn,.end-session-btn{display:inline-block!important;padding:8px 16px!important;margin:4px!important;font-size:.8rem!important;min-height:36px!important;border-radius:8px!important}#toggleWidget{display:none!important}.context-setter,#contextSetter{display:block!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:20px!important;background:#1e3a5f99!important;backdrop-filter:blur(10px);border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important}.context-setter h2{font-size:1.25rem;margin:0 0 12px;color:#ffd60a}.intention-input{width:100%;padding:14px;font-size:16px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;margin-bottom:12px}.intention-input:focus{outline:none;border-color:#ffd60a}#startSession,.primary-btn{width:100%;padding:14px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#ffd60a,#ffc300);border:none;border-radius:12px;color:#000;cursor:pointer}#stateVisualization{display:block!important;position:relative!important;width:100%!important;padding:16px!important;margin-bottom:16px!important;background:#1e3a5f99!important;border-radius:16px!important}#insightDashboard{display:block!important;position:relative!important;width:100%!important;padding:16px!important;margin-bottom:16px!important}.modal{display:none;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;background:#000000e6!important;z-index:2000!important;align-items:center;justify-content:center;padding:20px}.modal:not(.hidden){display:flex!important}.modal-content{width:100%!important;max-width:none!important;max-height:80vh!important;margin:0!important;overflow-y:auto;background:#1e3a5ff2!important;border-radius:20px!important;padding:24px!important}#chatPanel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;z-index:2000!important}button,a,input[type=submit]{min-height:44px;min-width:44px}}@media (max-width: 896px) and (orientation: landscape){body{padding:0!important}#app{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px;padding:16px!important;overflow-x:auto;max-height:100vh}.temporal-widget,.context-setter,#stateVisualization{flex:0 0 280px!important;max-height:calc(100vh - 120px);overflow-y:auto}.mobile-nav-bar{bottom:0;height:56px!important}}