:root{--phi: 1.618033988749;--phi-inverse: .618033988749;--base-unit: 1rem;--golden-xs: .382rem;--golden-sm: .618rem;--golden-md: 1rem;--golden-lg: 1.618rem;--golden-xl: 2.618rem;--golden-2xl: 4.236rem;--golden-3xl: 6.854rem;--golden-4xl: 11.089rem;--space-phi-5: var(--golden-xs);--space-phi-4: var(--golden-sm);--space-phi-3: var(--base-unit);--space-phi-2: var(--golden-lg);--space-phi-1: var(--golden-xl);--space-phi-0: var(--golden-2xl);--space-phi1: var(--golden-3xl);--space-phi2: var(--golden-4xl);--font-phi-xs: calc(var(--base-unit) * var(--phi-inverse) * var(--phi-inverse));--font-phi-sm: calc(var(--base-unit) * var(--phi-inverse));--font-phi-base: var(--base-unit);--font-phi-lg: calc(var(--base-unit) * var(--phi));--font-phi-xl: calc(var(--base-unit) * var(--phi) * var(--phi));--font-phi-2xl: calc(var(--base-unit) * var(--phi) * var(--phi) * var(--phi));--color-gentle: #6B9BD1;--color-gentle-rgb: 107, 155, 209;--color-crisis: #E67E47;--color-crisis-rgb: 230, 126, 71;--color-flow: #7BB77B;--color-flow-rgb: 123, 183, 123;--color-social: #F4A261;--color-social-rgb: 244, 162, 97;--color-recovery: #A67BC4;--color-recovery-rgb: 166, 123, 196;--color-bg-primary: #FEFEFE;--color-bg-secondary: #F7F7F7;--color-bg-tertiary: #FFFFFF;--color-bg-accent: #F5F5F5;--color-text-primary: #2C2C2C;--color-text-secondary: #707070;--color-text-tertiary: #9E9E9E;--color-border-light: rgba(44, 44, 44, .089);--color-border-medium: rgba(44, 44, 44, .146);--color-border-strong: rgba(44, 44, 44, .236);--anim-phi-fast: calc(.1s * var(--phi-inverse));--anim-phi-normal: calc(.1s * var(--phi));--anim-phi-slow: calc(.1s * var(--phi) * var(--phi));--anim-phi-slower: calc(.1s * var(--phi) * var(--phi) * var(--phi));--ease-phi-out: cubic-bezier(.236, 0, .236, 1);--ease-phi-in: cubic-bezier(.764, 0, .764, 1);--ease-phi-inout: cubic-bezier(.236, 0, .764, 1);--shadow-phi-xs: 0 calc(var(--golden-xs) * .618) calc(var(--golden-sm) * .618) rgba(0, 0, 0, .05);--shadow-phi-sm: 0 var(--golden-xs) var(--golden-sm) rgba(0, 0, 0, .089);--shadow-phi-md: 0 var(--golden-sm) var(--golden-md) rgba(0, 0, 0, .146);--shadow-phi-lg: 0 var(--golden-md) var(--golden-lg) rgba(0, 0, 0, .236);--shadow-phi-xl: 0 var(--golden-lg) var(--golden-xl) rgba(0, 0, 0, .382);--radius-phi-xs: calc(var(--golden-xs) * .5);--radius-phi-sm: calc(var(--golden-sm) * .5);--radius-phi-md: calc(var(--golden-md) * .5);--radius-phi-lg: calc(var(--golden-lg) * .5);--radius-phi-xl: calc(var(--golden-xl) * .5);--radius-phi-2xl: calc(var(--golden-2xl) * .5);--touch-phi-sm: 44px;--touch-phi-md: calc(44px * var(--phi));--touch-phi-lg: calc(44px * var(--phi) * var(--phi))}@keyframes breathe-gentle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.025);opacity:.95}}@keyframes flow-gentle{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(calc(-1 * var(--golden-xs))) scale(1.008)}66%{transform:translateY(calc(-1 * var(--golden-xs) * .618)) scale(.995)}}@keyframes spring-phi{0%{transform:scale(1)}20%{transform:scale(.95)}40%{transform:scale(1.02)}60%{transform:scale(.998)}80%{transform:scale(1.005)}to{transform:scale(1)}}@keyframes expand-phi{0%{opacity:0;transform:translateY(calc(-1 * var(--golden-sm))) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes collapse-phi{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(calc(-1 * var(--golden-xs))) scale(.98)}}.stagger-phi-1{animation-delay:var(--anim-phi-fast);will-change:transform,opacity}.stagger-phi-2{animation-delay:calc(var(--anim-phi-fast) * var(--phi));will-change:transform,opacity}.stagger-phi-3{animation-delay:calc(var(--anim-phi-fast) * var(--phi) * var(--phi));will-change:transform,opacity}.stagger-phi-4{animation-delay:calc(var(--anim-phi-fast) * var(--phi) * var(--phi) * var(--phi));will-change:transform,opacity}.space-phi-xs{gap:var(--space-phi-5)}.space-phi-sm{gap:var(--space-phi-4)}.space-phi-md{gap:var(--space-phi-3)}.space-phi-lg{gap:var(--space-phi-2)}.space-phi-xl{gap:var(--space-phi-1)}.p-phi-xs{padding:var(--space-phi-5)}.p-phi-sm{padding:var(--space-phi-4)}.p-phi-md{padding:var(--space-phi-3)}.p-phi-lg{padding:var(--space-phi-2)}.p-phi-xl{padding:var(--space-phi-1)}.m-phi-xs{margin:var(--space-phi-5)}.m-phi-sm{margin:var(--space-phi-4)}.m-phi-md{margin:var(--space-phi-3)}.m-phi-lg{margin:var(--space-phi-2)}.m-phi-xl{margin:var(--space-phi-1)}.text-phi-xs{font-size:var(--font-phi-xs)}.text-phi-sm{font-size:var(--font-phi-sm)}.text-phi-base{font-size:var(--font-phi-base)}.text-phi-lg{font-size:var(--font-phi-lg)}.text-phi-xl{font-size:var(--font-phi-xl)}.text-phi-2xl{font-size:var(--font-phi-2xl)}.rounded-phi-xs{border-radius:var(--radius-phi-xs)}.rounded-phi-sm{border-radius:var(--radius-phi-sm)}.rounded-phi-md{border-radius:var(--radius-phi-md)}.rounded-phi-lg{border-radius:var(--radius-phi-lg)}.rounded-phi-xl{border-radius:var(--radius-phi-xl)}.shadow-phi-xs{box-shadow:var(--shadow-phi-xs)}.shadow-phi-sm{box-shadow:var(--shadow-phi-sm)}.shadow-phi-md{box-shadow:var(--shadow-phi-md)}.shadow-phi-lg{box-shadow:var(--shadow-phi-lg)}.shadow-phi-xl{box-shadow:var(--shadow-phi-xl)}.animate-breathe{animation:breathe-gentle calc(var(--anim-phi-slower) * 6) ease-in-out infinite;will-change:transform,opacity;backface-visibility:hidden}.animate-flow{animation:flow-gentle calc(var(--anim-phi-slower) * 4) var(--ease-phi-inout) infinite;will-change:transform;backface-visibility:hidden}.animate-spring{animation:spring-phi var(--anim-phi-slow) var(--ease-phi-out);will-change:transform;backface-visibility:hidden}.animate-expand{animation:expand-phi var(--anim-phi-normal) var(--ease-phi-out);will-change:transform,opacity;backface-visibility:hidden}.animate-collapse{animation:collapse-phi var(--anim-phi-fast) var(--ease-phi-in);will-change:transform,opacity;backface-visibility:hidden}.micro-hover{transition:all var(--anim-phi-fast) var(--ease-phi-out);will-change:transform,box-shadow}.micro-hover:hover{transform:translateY(calc(-1 * var(--golden-xs) * var(--phi-inverse)));box-shadow:var(--shadow-phi-md)}.magnetic-button{position:relative;transition:all var(--anim-phi-normal) var(--ease-phi-out);will-change:transform}.magnetic-button:before{content:"";position:absolute;inset:calc(-1 * var(--golden-sm));border-radius:inherit;opacity:0;background:radial-gradient(circle,rgba(var(--color-gentle-rgb),.1) 0%,transparent 70%);transition:opacity var(--anim-phi-fast) var(--ease-phi-out);pointer-events:none;z-index:-1}.magnetic-button:hover:before{opacity:1}.magnetic-button:hover{transform:scale(1.025)}.attention-pulse{animation:phi-pulse calc(var(--anim-phi-slower) * 2) var(--ease-phi-inout) infinite;will-change:transform,box-shadow}@keyframes phi-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-phi-sm)}50%{transform:scale(calc(1 + var(--phi-inverse) * .05));box-shadow:var(--shadow-phi-lg)}}.focus-phi{outline:none;position:relative}.focus-phi:focus-visible:after{content:"";position:absolute;inset:calc(-1 * var(--golden-xs));border:calc(var(--golden-xs) * .5) solid rgba(var(--color-gentle-rgb),.6);border-radius:calc(var(--radius-phi-md) + var(--golden-xs));animation:focus-emerge var(--anim-phi-normal) var(--ease-phi-out);will-change:transform,opacity}@keyframes focus-emerge{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){:root{--anim-phi-fast: 0ms;--anim-phi-normal: 0ms;--anim-phi-slow: 0ms;--anim-phi-slower: 0ms}.animate-breathe,.animate-flow,.animate-spring,.animate-expand,.animate-collapse,.micro-hover,.magnetic-button,.attention-pulse{animation:none;transition:none}.micro-hover:hover,.magnetic-button:hover{transform:none}}:root{--breakpoint-mobile: 429px;--breakpoint-tablet: 767px;--breakpoint-desktop: 1023px;--color-bg: var(--color-bg-primary);--color-surface: var(--color-bg-tertiary);--color-border: var(--color-border-light);--color-accent: var(--color-bg-accent);--color-text: var(--color-text-primary);--color-text-soft: var(--color-text-secondary);--color-text-light: var(--color-text-tertiary);--space-1: var(--space-phi-5);--space-2: var(--space-phi-4);--space-3: var(--space-phi-3);--space-4: var(--space-phi-2);--space-5: var(--space-phi-1);--space-6: var(--space-phi-0);--space-8: var(--space-phi1);--space-10: var(--space-phi2);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: var(--font-phi-sm);--font-size-base: var(--font-phi-base);--font-size-lg: var(--font-phi-lg);--font-size-xl: var(--font-phi-xl);--font-size-2xl: var(--font-phi-2xl);--touch-sm: var(--touch-phi-sm);--touch-md: var(--touch-phi-md);--touch-lg: var(--touch-phi-lg);--shadow-sm: var(--shadow-phi-sm);--shadow-md: var(--shadow-phi-md);--shadow-lg: var(--shadow-phi-lg);--shadow-xl: var(--shadow-phi-xl);--transition-fast: var(--anim-phi-fast);--transition-normal: var(--anim-phi-normal);--transition-slow: var(--anim-phi-slow)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background:var(--color-bg)}.reality-app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.reality-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4);position:sticky;top:0;z-index:100}.reality-main{flex:1;display:flex;flex-direction:column}.reality-content{flex:1;padding:var(--space-4)}@media (max-width: 429px){.reality-content{padding:var(--space-4) var(--space-4);max-width:100%}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}.touch-target{min-height:var(--touch-md);min-width:var(--touch-md);padding:var(--space-3) var(--space-4)}.mobile-text-sm{font-size:var(--font-size-sm)}.mobile-text-base{font-size:var(--font-size-base)}.mobile-text-lg{font-size:var(--font-size-lg)}}@media (min-width: 430px) and (max-width: 767px){.reality-content{padding:var(--space-6);max-width:100%}.mobile-only{display:none}.tablet-only{display:block}.desktop-only{display:none}.tablet-two-col{display:grid;grid-template-columns:1fr 280px;gap:var(--space-6)}.tablet-main-col{min-width:0}.tablet-side-col{background:var(--color-surface);padding:var(--space-5);border-radius:var(--space-2);border:1px solid var(--color-border)}}@media (min-width: 768px){.reality-app{display:grid;grid-template-columns:280px 1fr 240px;grid-template-rows:auto 1fr;grid-template-areas:"header header header" "sidebar main context"}.reality-header{grid-area:header;padding:var(--space-4) var(--space-6)}.reality-sidebar{grid-area:sidebar;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6);overflow-y:auto}.reality-main{grid-area:main}.reality-content{padding:var(--space-8);max-width:800px}.reality-context{grid-area:context;background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-6);overflow-y:auto}.mobile-only,.tablet-only{display:none}.desktop-only{display:block}.desktop-text-lg{font-size:var(--font-size-xl)}.desktop-text-xl{font-size:var(--font-size-2xl)}}.show-mobile{display:block}.show-tablet,.show-desktop{display:none}@media (min-width: 430px){.show-mobile{display:none}.show-tablet{display:block}}@media (min-width: 768px){.show-tablet{display:none}.show-desktop{display:block}}.text-center-mobile{text-align:center}@media (min-width: 430px){.text-left-tablet,.text-center-mobile{text-align:left}}.gap-mobile{gap:var(--space-4)}.gap-tablet{gap:var(--space-6)}.gap-desktop{gap:var(--space-8)}@media (min-width: 430px){.gap-mobile{gap:var(--space-6)}}@media (min-width: 768px){.gap-mobile,.gap-tablet{gap:var(--space-8)}}*:focus{outline:2px solid var(--color-gentle);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-border: #000000;--color-text-soft: #000000}}@media print{.reality-sidebar,.reality-context,.mobile-only,.tablet-only{display:none!important}.reality-content{max-width:none!important;padding:0!important}}.reality-app-fullscreen{position:fixed!important;inset:0!important;z-index:1000;background:var(--color-bg-primary);overflow:hidden;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;grid-template-rows:none!important;grid-template-columns:none!important}.reality-app-fullscreen *,.reality-app-fullscreen *:before,.reality-app-fullscreen *:after{box-sizing:border-box}.reality-header-full{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);width:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-start}.reality-app-fullscreen .reality-app{width:100%;height:100%;max-width:none;margin:0;padding:0}.reality-app-fullscreen .reality-main{width:100%;height:calc(100vh - 140px);overflow-y:auto;padding:0;margin:0}.reality-app-fullscreen .reality-content{max-width:1200px;margin:0 auto;padding:var(--space-phi-2);width:100%}@media (max-width: 768px){.reality-app-fullscreen .reality-content{padding:var(--space-4)}.reality-app-fullscreen .tunnel-tab{min-width:80px;max-width:140px;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.reality-app-fullscreen .reality-main{height:calc(100vh - 120px)}}@media (max-width: 480px){.reality-app-fullscreen .tunnel-switcher{gap:var(--space-1);padding:var(--space-2) var(--space-4) var(--space-3)}.reality-app-fullscreen .tunnel-tab{min-width:60px;max-width:100px;padding:var(--space-2)}.reality-app-fullscreen .reality-main{height:calc(100vh - 100px)}}.tunnel-switcher{display:flex;gap:var(--space-1);background:var(--color-surface);padding:var(--space-2);border-radius:var(--space-2);border:1px solid var(--color-border);margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;justify-content:center;flex-wrap:wrap}.reality-app-fullscreen .tunnel-switcher{margin:0;padding:var(--space-3) var(--space-6) var(--space-4);gap:var(--space-2);justify-content:center;width:100%;display:flex;flex-wrap:wrap;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.reality-app-fullscreen .tunnel-tab{flex:1;min-width:100px;max-width:180px;justify-content:center;text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);margin:0;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.reality-app-fullscreen .tunnel-tab.active{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tunnel-tab{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--space-1);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:var(--touch-md);font-family:inherit}.tunnel-tab:hover:not(.active){background:var(--color-accent);color:var(--color-text);border-color:var(--color-border)}.tunnel-tab:disabled{opacity:.6;cursor:not-allowed}.tunnel-tab.loading{position:relative;overflow:hidden}.tunnel-tab.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading-shimmer var(--anim-phi-slower) ease-in-out infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.tunnel-tab.active{background:var(--color-gentle);color:#fff;border-color:var(--color-gentle);font-weight:600;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.tunnel-tab.active.crisis{background:var(--color-crisis);border-color:var(--color-crisis)}.tunnel-tab.active.flow{background:var(--color-flow);border-color:var(--color-flow)}.tunnel-tab.active.social{background:var(--color-social);border-color:var(--color-social)}.tunnel-tab.active.recovery{background:var(--color-recovery);border-color:var(--color-recovery)}.tunnel-tab.active:hover{background:var(--color-gentle);color:#fff;border-color:var(--color-gentle)}.tunnel-tab.active.crisis:hover{background:var(--color-crisis);border-color:var(--color-crisis)}.tunnel-tab.active.flow:hover{background:var(--color-flow);border-color:var(--color-flow)}.tunnel-tab.active.social:hover{background:var(--color-social);border-color:var(--color-social)}.tunnel-tab.active.recovery:hover{background:var(--color-recovery);border-color:var(--color-recovery)}@media (max-width: 429px){.tunnel-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-width:60px}.tunnel-tab-text{display:none}.tunnel-tab-short{display:inline}}@media (min-width: 430px){.tunnel-tab{padding:var(--space-3) var(--space-5)}.tunnel-tab-text{display:inline}.tunnel-tab-short{display:none}}.vertical-flow{display:flex;flex-direction:column;gap:var(--space-8)}.flow-section{display:flex;flex-direction:column;gap:var(--space-4)}.flow-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2)}.flow-section-content{display:flex;flex-direction:column;gap:var(--space-4)}.disclosure-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--space-2);overflow:hidden;transition:all var(--transition-normal)}.disclosure-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text)}.disclosure-header:hover{background:var(--color-accent)}.disclosure-title{font-weight:600;display:flex;align-items:center;gap:var(--space-3)}.disclosure-summary{color:var(--color-text-soft);font-size:var(--font-size-sm);margin-left:var(--space-2)}.disclosure-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-light);transition:transform var(--transition-fast)}.disclosure-toggle.expanded{transform:rotate(180deg)}.disclosure-content{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg)}.disclosure-content.collapsed{display:none}.disclosure-content.expanded{display:block;animation:slideDown var(--transition-normal) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tunnel-insight{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-accent) 100%);border:1px solid var(--color-border);border-left:4px solid var(--color-gentle);border-radius:var(--space-2);padding:var(--space-5);margin:var(--space-4) 0;position:relative;box-shadow:var(--shadow-sm);transition:all var(--anim-phi-normal) var(--ease-phi-out)}.tunnel-insight.loading{opacity:.7;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(var(--color-gentle-rgb),.05) 100%)}.tunnel-insight.crisis{border-left-color:var(--color-crisis)}.tunnel-insight.flow{border-left-color:var(--color-flow)}.tunnel-insight.social{border-left-color:var(--color-social)}.tunnel-insight.recovery{border-left-color:var(--color-recovery)}.tunnel-insight-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.5px}.tunnel-insight-icon{width:16px;height:16px;border-radius:50%;background:var(--color-gentle)}.tunnel-insight-icon.crisis{background:var(--color-crisis)}.tunnel-insight-icon.flow{background:var(--color-flow)}.tunnel-insight-icon.social{background:var(--color-social)}.tunnel-insight-icon.recovery{background:var(--color-recovery)}.tunnel-insight-content{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);font-style:italic}.tunnel-insight-content p{margin:0}.tunnel-insight-content p+p{margin-top:var(--space-3)}.action-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--space-2);color:var(--color-text);text-decoration:none;font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);cursor:pointer;font-family:inherit;min-height:var(--touch-md)}.action-button:hover{background:var(--color-accent);border-color:var(--color-gentle);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-button:active{transform:translateY(0)}.action-button.primary{background:var(--color-gentle);color:#fff;border-color:var(--color-gentle)}.action-button.primary:hover{background:color-mix(in srgb,var(--color-gentle) 90%,black)}.action-button.crisis{background:var(--color-crisis);color:#fff;border-color:var(--color-crisis);font-weight:600}.action-button.crisis:hover{background:color-mix(in srgb,var(--color-crisis) 90%,black);box-shadow:var(--shadow-lg)}.task-list{display:flex;flex-direction:column;gap:var(--space-2)}.task-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--space-1);border:1px solid transparent;transition:all var(--transition-fast)}.task-item:hover{border-color:var(--color-border);background:var(--color-accent)}.task-item.completed{opacity:.7;color:var(--color-text-soft)}.task-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--space-1);display:flex;align-items:center;justify-content:center;background:var(--color-surface);flex-shrink:0}.task-checkbox.completed{background:var(--color-gentle);border-color:var(--color-gentle);color:#fff}.task-text{flex:1;font-size:var(--font-size-base);line-height:1.4}.task-text.completed{text-decoration:line-through}@media (max-width: 429px){.tunnel-insight{padding:var(--space-4);margin:var(--space-3) 0}.tunnel-insight-header{font-size:12px}.tunnel-insight-content{font-size:var(--font-size-sm)}.action-button{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.disclosure-header{padding:var(--space-3) var(--space-4)}.disclosure-content{padding:0 var(--space-4) var(--space-4)}}@media (min-width: 430px) and (max-width: 767px){.vertical-flow{gap:var(--space-6)}.flow-section{gap:var(--space-5)}}@media (min-width: 768px){.tunnel-insight-content{font-size:var(--font-size-lg)}.action-button{font-size:var(--font-size-base)}}.text-complete{color:var(--color-gentle);font-weight:600}.text-pending{color:var(--color-text-soft)}.text-crisis{color:var(--color-crisis);font-weight:600}.bg-gentle{background-color:var(--color-gentle);color:#fff}.bg-crisis{background-color:var(--color-crisis);color:#fff}.border-gentle{border-color:var(--color-gentle)}.border-crisis{border-color:var(--color-crisis)}.loading-indicator{display:inline-block;animation:loading-spin var(--anim-phi-slow) linear infinite;transform-origin:center;will-change:transform;backface-visibility:hidden}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insight-skeleton{animation:skeleton-pulse calc(var(--anim-phi-slower) * 2) ease-in-out infinite alternate}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.6}}.skeleton-line{animation:skeleton-wave calc(var(--anim-phi-slower) * 3) ease-in-out infinite;background:linear-gradient(90deg,var(--color-border-light) 25%,rgba(var(--color-gentle-rgb),.1) 50%,var(--color-border-light) 75%)!important;background-size:200% 100%!important;will-change:background-position;contain:layout style paint}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.reality-transition{position:relative}.reality-transition:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(var(--color-gentle-rgb),.1) 0%,transparent 70%);opacity:0;animation:reality-shift var(--anim-phi-slow) var(--ease-phi-out);pointer-events:none}@keyframes reality-shift{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.touch-enabled{position:relative;overflow:hidden;cursor:pointer;transition:transform var(--anim-phi-fast) var(--ease-phi-out)}.touch-enabled:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(0);transition:all var(--anim-phi-fast) var(--ease-phi-out);pointer-events:none;z-index:1}.touch-enabled:active{transform:scale(.97)}.touch-enabled:active:before{opacity:1;transform:scale(1.2);animation:ripple-phi var(--anim-phi-normal) var(--ease-phi-out)}@keyframes ripple-phi{0%{opacity:1;transform:scale(0)}50%{opacity:.6;transform:scale(var(--phi))}to{opacity:0;transform:scale(calc(var(--phi) * var(--phi)))}}.tunnel-tab.touch-enabled:active{transform:scale(.95);background:radial-gradient(ellipse at center,rgba(var(--color-gentle-rgb),.2) 0%,transparent 60%)}.tunnel-tab.touch-enabled.crisis:active{background:radial-gradient(ellipse at center,rgba(var(--color-crisis-rgb),.2) 0%,transparent 60%)}.tunnel-tab.touch-enabled.flow:active{background:radial-gradient(ellipse at center,rgba(var(--color-flow-rgb),.2) 0%,transparent 60%)}.tunnel-tab.touch-enabled.social:active{background:radial-gradient(ellipse at center,rgba(var(--color-social-rgb),.2) 0%,transparent 60%)}.tunnel-tab.touch-enabled.recovery:active{background:radial-gradient(ellipse at center,rgba(var(--color-recovery-rgb),.2) 0%,transparent 60%)}.action-button.touch-enabled:active{transform:translateY(calc(var(--golden-xs) * .5)) scale(.98);box-shadow:var(--shadow-phi-xs)}.action-button.primary.touch-enabled:active{background:linear-gradient(135deg,rgba(var(--color-gentle-rgb),.9),rgba(var(--color-gentle-rgb),.8))}.action-button.crisis.touch-enabled:active{background:linear-gradient(135deg,rgba(var(--color-crisis-rgb),.9),rgba(var(--color-crisis-rgb),.8));transform:translateY(0) scale(.96)}.disclosure-header.touch-enabled:active{transform:scale(.995);background:linear-gradient(135deg,var(--color-bg-accent) 0%,rgba(var(--color-gentle-rgb),.05) 100%)}.task-item.touch-enabled:active{transform:scale(.98);background:linear-gradient(90deg,var(--color-bg-accent) 0%,rgba(var(--color-gentle-rgb),.08) 100%)}.task-item.completed.touch-enabled:active{background:linear-gradient(90deg,rgba(var(--color-gentle-rgb),.1) 0%,var(--color-bg-accent) 100%)}.keyboard-aware{transition:padding-bottom var(--anim-phi-normal) var(--ease-phi-out);will-change:padding-bottom}.keyboard-aware-viewport{min-height:100vh;min-height:100dvh}.input-focused-ancestor .keyboard-aware{padding-bottom:50vh}.form-input:focus,.form-textarea:focus{scroll-margin-bottom:40vh}.nav-bottom-tabs.keyboard-aware{transform:translateY(0);transition:transform var(--anim-phi-normal) var(--ease-phi-out)}.input-focused-ancestor .nav-bottom-tabs.keyboard-aware{transform:translateY(100%)}@supports (padding-bottom: env(keyboard-inset-height)){.keyboard-aware{padding-bottom:calc(var(--space-4) + env(keyboard-inset-height,0px))}.nav-bottom-tabs.keyboard-aware{bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px) + env(keyboard-inset-height,0px))}}.keyboard-visible-indicator{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);padding:var(--space-2) var(--space-4);background:rgba(var(--color-text-primary-rgb, 44, 44, 44),.8);color:#fff;border-radius:var(--radius-phi-lg) var(--radius-phi-lg) 0 0;font-size:var(--font-phi-sm);transition:transform var(--anim-phi-normal) var(--ease-phi-out);pointer-events:none;z-index:1000}.input-focused-ancestor .keyboard-visible-indicator{transform:translate(-50%) translateY(0)}.feedback-success{animation:success-bounce var(--anim-phi-slow) var(--ease-phi-out)}@keyframes success-bounce{0%,to{transform:scale(1)}20%{transform:scale(1.05)}40%{transform:scale(.98)}60%{transform:scale(1.02)}80%{transform:scale(.995)}}.feedback-error{animation:gentle-shake var(--anim-phi-normal) var(--ease-phi-out)}@keyframes gentle-shake{0%,to{transform:translate(0)}20%{transform:translate(calc(-1 * var(--golden-xs)))}40%{transform:translate(var(--golden-xs))}60%{transform:translate(calc(-1 * var(--golden-xs) * .618))}80%{transform:translate(calc(var(--golden-xs) * .618))}}.feedback-focus{animation:gentle-glow calc(var(--anim-phi-slower) * 2) ease-in-out infinite alternate}@keyframes gentle-glow{0%{box-shadow:var(--shadow-phi-sm),0 0 rgba(var(--color-gentle-rgb),.4)}to{box-shadow:var(--shadow-phi-md),0 0 0 calc(var(--golden-xs) * .5) rgba(var(--color-gentle-rgb),.1)}}@media (max-width: 429px){.touch-enabled:active{transform:scale(.95)}.action-button.touch-enabled:active{transform:translateY(var(--golden-xs)) scale(.96)}.input-focused-ancestor .keyboard-aware{padding-bottom:60vh}}@media (min-width: 768px){.touch-enabled:active{transform:scale(.99)}.input-focused-ancestor .keyboard-aware{padding-bottom:20vh}}@media (prefers-reduced-motion: reduce){.touch-enabled{transition:none}.touch-enabled:active{transform:none}.touch-enabled:before,.feedback-success,.feedback-error,.feedback-focus{animation:none}.keyboard-aware{transition:none}}@media (prefers-contrast: high){.touch-enabled:before{background:radial-gradient(circle,rgba(0,0,0,.2) 0%,transparent 70%)}.touch-enabled:active{outline:2px solid currentColor}}.touch-enabled:focus-visible{outline:2px solid rgba(var(--color-gentle-rgb),.6);outline-offset:calc(var(--golden-xs) * .5);border-radius:var(--radius-phi-md)}.touch-enabled:focus-within{background:linear-gradient(135deg,transparent 0%,rgba(var(--color-gentle-rgb),.02) 100%)}.touch-device .hover\\:scale-105:hover{transform:none}.no-touch .touch-enabled:hover{transform:translateY(calc(-1 * var(--golden-xs) * .5))}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-text-secondary: #1a1a1a;--color-text-tertiary: #333333;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f8f8;--color-bg-tertiary: #ffffff;--color-gentle: #0066cc;--color-crisis: #cc3300;--color-flow: #006633;--color-social: #cc6600;--color-recovery: #6600cc;--color-border-light: rgba(0, 0, 0, .3);--color-border-medium: rgba(0, 0, 0, .5);--color-border-strong: rgba(0, 0, 0, .7)}.tunnel-tab,.action-button,.disclosure-header,.task-item{border:2px solid var(--color-border-medium)!important}.tunnel-tab:focus-visible,.action-button:focus-visible,.disclosure-header:focus-visible{outline:4px solid var(--color-text-primary)!important;outline-offset:2px!important}.tunnel-insight{border:3px solid var(--color-border-strong)!important;background:var(--color-bg-secondary)!important}.tunnel-insight-content{font-weight:600!important}}@media (min-resolution: 2dppx) and (prefers-contrast: high),(min-resolution: 192dpi) and (prefers-contrast: high){:root{--font-phi-xs: calc(var(--font-phi-xs) * 1.2);--font-phi-sm: calc(var(--font-phi-sm) * 1.2);--font-phi-base: calc(var(--font-phi-base) * 1.2);--font-phi-lg: calc(var(--font-phi-lg) * 1.2);--font-phi-xl: calc(var(--font-phi-xl) * 1.2);--font-phi-2xl: calc(var(--font-phi-2xl) * 1.2)}.touch-enabled{min-height:calc(var(--touch-phi-sm) * 1.3);min-width:calc(var(--touch-phi-sm) * 1.3)}.tunnel-switcher{gap:calc(var(--space-2) * 1.2)}.vertical-flow{gap:calc(var(--space-4) * 1.2)}}.tunnel-tab:before{content:"";position:absolute;top:50%;left:var(--space-2);transform:translateY(-50%);width:var(--golden-xs);height:var(--golden-xs);border-radius:var(--radius-phi-sm);background:currentColor;opacity:.6}.tunnel-tab.gentle:before{clip-path:circle(50%)}.tunnel-tab.crisis:before{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.tunnel-tab.flow:before{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.tunnel-tab.social:before{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.tunnel-tab.recovery:before{border-radius:0;transform:translateY(-50%) rotate(45deg)}.tunnel-tab .sr-only-shape{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.skip-link{position:absolute;top:-40px;left:var(--space-3);background:var(--color-gentle);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-phi-md);z-index:1000;font-weight:600;transition:top var(--anim-phi-normal) var(--ease-phi-out)}.skip-link:focus{top:var(--space-3)}.disclosure-content[aria-expanded=true]{position:relative;z-index:10}.disclosure-content[aria-expanded=true]:before{content:"";position:fixed;inset:0;background:#0000000d;z-index:-1;pointer-events:none}.focus-enhanced:focus-visible{outline:calc(var(--golden-xs) * .5) solid rgba(var(--color-gentle-rgb),.8);outline-offset:var(--golden-xs);border-radius:var(--radius-phi-md);position:relative;z-index:1}.tunnel-tab.gentle:focus-visible{outline-color:rgba(var(--color-gentle-rgb),.8)}.tunnel-tab.crisis:focus-visible{outline-color:rgba(var(--color-crisis-rgb),.8)}.tunnel-tab.flow:focus-visible{outline-color:rgba(var(--color-flow-rgb),.8)}.tunnel-tab.social:focus-visible{outline-color:rgba(var(--color-social-rgb),.8)}.tunnel-tab.recovery:focus-visible{outline-color:rgba(var(--color-recovery-rgb),.8)}.keyboard-navigation-active .focusable-element{position:relative}.keyboard-navigation-active .focusable-element:after{content:attr(data-tab-order);position:absolute;top:calc(-1 * var(--space-3));right:calc(-1 * var(--space-3));width:calc(var(--space-4));height:calc(var(--space-4));background:var(--color-gentle);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-phi-xs);font-weight:600;opacity:.8}.arrow-navigation-active .tunnel-switcher:before{content:"← → Arrow keys to switch tunnels";position:absolute;bottom:calc(-1 * var(--space-5));left:50%;transform:translate(-50%);font-size:var(--font-phi-xs);color:var(--color-text-light);white-space:nowrap;pointer-events:none}.sr-live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.tunnel-insight[role=complementary]:before{content:"Philosophical insight for current reality tunnel: ";position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.action-button:before{content:attr(aria-label);position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.task-progress[aria-describedby]:after{content:" - " attr(aria-valuenow) " of " attr(aria-valuemax) " completed";position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.voice-landmark{position:relative}.voice-landmark:before{content:attr(data-voice-command);position:absolute;top:0;left:0;font-size:0;opacity:0;pointer-events:none}.tunnel-tab[data-voice-command]:after{content:attr(data-voice-command);position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cognitive-clear h1{font-size:var(--font-phi-2xl);margin-bottom:var(--space-5);font-weight:700}.cognitive-clear h2{font-size:var(--font-phi-xl);margin-bottom:var(--space-4);font-weight:600}.cognitive-clear h3{font-size:var(--font-phi-lg);margin-bottom:var(--space-3);font-weight:600}.reading-flow p{max-width:65ch;line-height:calc(1 + var(--phi-inverse));margin-bottom:var(--space-4)}.cognitive-simple .complex-hide{display:none}.cognitive-simple .simple-show{display:block}.dyslexia-friendly{font-family:OpenDyslexic,Comic Sans MS,cursive,sans-serif;letter-spacing:.05em;word-spacing:.1em;line-height:1.8}.dyslexia-friendly .tunnel-insight-content{font-size:var(--font-phi-lg);line-height:2;letter-spacing:.08em}.reduce-motion-seizure *{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}.reduce-motion-seizure .animate-breathe,.reduce-motion-seizure .animate-flow{animation:none!important}.crisis-accessible .tunnel-tab.crisis{animation:gentle-attention calc(var(--anim-phi-slower) * 3) ease-in-out infinite}@keyframes gentle-attention{0%,90%,to{box-shadow:var(--shadow-phi-sm)}45%{box-shadow:var(--shadow-phi-md),0 0 0 calc(var(--golden-xs) * .5) rgba(var(--color-crisis-rgb),.2)}}.anxiety-mode .focus-enhanced:focus-visible{outline-color:rgba(var(--color-recovery-rgb),.6);animation:calm-breathe calc(var(--anim-phi-slower) * 4) ease-in-out infinite}@keyframes calm-breathe{0%,to{outline-width:calc(var(--golden-xs) * .5)}50%{outline-width:var(--golden-xs)}}@media (max-width: 429px){.touch-enabled{min-height:calc(var(--touch-phi-md));min-width:calc(var(--touch-phi-md))}.accessibility-enhanced{font-size:calc(var(--font-phi-base) * 1.1)}.accessibility-enhanced .tunnel-switcher{gap:calc(var(--space-3))}}@media (min-width: 768px){.accessibility-enhanced .tunnel-tab:hover{background:linear-gradient(135deg,rgba(var(--color-gentle-rgb),.1) 0%,transparent 100%)}.desktop-shortcuts-visible .tunnel-tab:after{content:"Alt+" attr(data-shortcut-key);position:absolute;bottom:calc(-1 * var(--space-4));left:50%;transform:translate(-50%);font-size:var(--font-phi-xs);color:var(--color-text-light);opacity:0;transition:opacity var(--anim-phi-normal)}.desktop-shortcuts-visible .tunnel-tab:hover:after,.desktop-shortcuts-visible .tunnel-tab:focus:after{opacity:1}}@media print{.tunnel-insight{border:2px solid #000!important;background:#fff!important;color:#000!important;page-break-inside:avoid}.tunnel-insight-content{font-weight:700!important;font-size:14pt!important}.action-button.crisis:after{content:" (EMERGENCY: Call 988)";font-weight:700}.tunnel-switcher,.touch-enabled,.disclosure-toggle{display:none!important}.disclosure-content{display:block!important}}body{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:calc(1 + var(--phi-inverse));margin-bottom:var(--space-phi-2);color:var(--color-text-primary)}h1{font-size:var(--font-phi-2xl)}h2{font-size:var(--font-phi-xl)}h3{font-size:var(--font-phi-lg)}h4{font-size:var(--font-phi-base)}h5,h6{font-size:var(--font-phi-sm)}p{margin-bottom:var(--space-phi-2);line-height:calc(1 + var(--phi-inverse));color:var(--color-text-primary);max-width:65ch}a{color:var(--color-gentle);text-decoration:none;transition:color var(--anim-phi-fast) var(--ease-phi-out)}a:hover{color:color-mix(in srgb,var(--color-gentle) 80%,black);text-decoration:underline}ul,ol{margin-bottom:var(--space-phi-2);padding-left:var(--space-phi-1)}li{margin-bottom:var(--space-phi-4);line-height:calc(1 + var(--phi-inverse))}.card,.card-content,.card-header,.btn,.btn-primary,.btn-secondary,.layout-page{all:unset;display:block}.text-simple-xs{font-size:var(--font-phi-xs)}.text-simple-sm{font-size:var(--font-phi-sm)}.text-simple-base{font-size:var(--font-phi-base)}.text-simple-lg{font-size:var(--font-phi-lg)}.text-simple-xl{font-size:var(--font-phi-xl)}.weight-normal{font-weight:400}.weight-medium{font-weight:500}.weight-semibold{font-weight:600}.text-main{color:var(--color-text-primary)}.text-soft{color:var(--color-text-secondary)}.text-light{color:var(--color-text-tertiary)}.space-y-xs>*+*{margin-top:var(--space-phi-5)}.space-y-sm>*+*{margin-top:var(--space-phi-4)}.space-y-md>*+*{margin-top:var(--space-phi-3)}.space-y-lg>*+*{margin-top:var(--space-phi-2)}.space-y-xl>*+*{margin-top:var(--space-phi-1)}.space-x-xs>*+*{margin-left:var(--space-phi-5)}.space-x-sm>*+*{margin-left:var(--space-phi-4)}.space-x-md>*+*{margin-left:var(--space-phi-3)}.space-x-lg>*+*{margin-left:var(--space-phi-2)}.space-x-xl>*+*{margin-left:var(--space-phi-1)}@media print{.tunnel-switcher,.tunnel-insight,.action-button{break-inside:avoid}.disclosure-content{display:block!important}.tunnel-insight{border:1px solid #000;background:#fff}}