.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--notion-bg-primary, #ffffff);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-screen.fade-out{animation:loadingExit .7s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes loadingExit{to{opacity:0;transform:scale(1.06);filter:blur(10px)}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:contentEntrance .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes contentEntrance{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-visual{position:relative;width:140px;height:140px}.loading-visual:before{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--notion-text-tertiary, #9b9a97) 0%,transparent 70%);border-radius:50%;opacity:.08;animation:ambientGlow 3s ease-in-out infinite}@keyframes ambientGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.08}50%{transform:translate(-50%,-50%) scale(1.8);opacity:.03}}.loading-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.loading-ring-track{fill:none;stroke:var(--notion-border-default, rgba(55, 53, 47, .09));stroke-width:1.5}.loading-ring-fill{fill:none;stroke:var(--notion-text-tertiary, #9b9a97);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .12s ease-out}.loading-brain{position:absolute;top:18%;left:18%;width:64%;height:64%;animation:brainBreathe 3s ease-in-out 2s infinite}@keyframes brainBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.loading-brain-path{stroke:var(--notion-text-secondary, #6b6b6b);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;fill:var(--notion-text-secondary, #6b6b6b);fill-opacity:0;animation:brainDraw 1.4s ease-out .2s forwards,brainFill .6s ease-in 1.4s forwards}@keyframes brainDraw{to{stroke-dashoffset:0}}@keyframes brainFill{to{fill-opacity:.7}}.loading-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.loading-particle{position:absolute;width:3px;height:3px;background:var(--notion-text-tertiary, #9b9a97);border-radius:50%;opacity:0;animation:particleFloat 4s ease-in-out infinite}.loading-particle:nth-child(1){left:8%;top:12%;animation-delay:0s}.loading-particle:nth-child(2){left:88%;top:18%;animation-delay:.7s}.loading-particle:nth-child(3){left:12%;top:78%;animation-delay:1.4s}.loading-particle:nth-child(4){left:82%;top:82%;animation-delay:2.1s}.loading-particle:nth-child(5){left:3%;top:48%;animation-delay:2.8s}.loading-particle:nth-child(6){left:93%;top:52%;animation-delay:3.5s}@keyframes particleFloat{0%{opacity:0;transform:translateY(8px) scale(0)}15%{opacity:.5;transform:translateY(0) scale(1)}85%{opacity:.3;transform:translateY(-20px) scale(.6)}to{opacity:0;transform:translateY(-28px) scale(0)}}.loading-text{font-family:var(--font-display, "Nunito", sans-serif);font-size:.95rem;font-weight:700;color:var(--notion-text-secondary, #6b6b6b);letter-spacing:.5px;opacity:0;animation:textSlideUp .5s ease-out .4s forwards}@keyframes textSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-progress-bar{width:180px;height:4px;background:var(--notion-border-default, rgba(55, 53, 47, .09));border-radius:var(--radius-pill, 100px);overflow:hidden;opacity:0;animation:textSlideUp .5s ease-out .6s forwards}.loading-progress-fill{height:100%;background:var(--notion-text-tertiary, #9b9a97);border-radius:var(--radius-pill, 100px);transition:width .15s ease-out}@media (max-width: 480px){.loading-visual{width:110px;height:110px}.loading-progress-bar{width:140px}.loading-text{font-size:.85rem}}.disclaimer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--notion-bg-secondary);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.disclaimer-tilt{position:relative;z-index:10;transform:perspective(1000px) rotateY(0) rotateX(0);transition:transform .15s ease-out;transform-style:preserve-3d}.disclaimer-content{max-width:460px;width:calc(100vw - 32px);padding:40px 36px;text-align:center;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1);background:var(--notion-bg-primary);border:none;border-radius:var(--radius-xl);box-shadow:0 12px 48px #0000001a,0 2px 8px #0000000a;overflow:hidden}.disclaimer-content.visible{opacity:1;transform:translateY(0) scale(1)}.disclaimer-step-emoji{font-size:56px;margin-bottom:20px;animation:emojiEntrance .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes emojiEntrance{0%{opacity:0;transform:scale(.3) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.disclaimer-step-body{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:stepSlideIn .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes stepSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.disclaimer-alpha-badge{display:inline-block;padding:4px 14px;background:var(--notion-accent-red-bg);border:1.5px solid rgba(224,62,62,.12);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--notion-accent-red);letter-spacing:1px;margin-bottom:16px}.disclaimer-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--notion-text-primary);letter-spacing:0;margin-bottom:16px}.disclaimer-step-text{font-size:var(--text-sm);font-weight:400;color:var(--notion-text-secondary);line-height:var(--leading-relaxed);text-align:center;margin:0}.disclaimer-step-card{padding:20px 24px;border-radius:var(--radius-md);width:100%}.disclaimer-step-card.accent{background:var(--notion-accent-amber-bg);border:1px solid rgba(203,145,47,.12)}.disclaimer-step-card.accent .disclaimer-step-text{color:var(--notion-accent-amber-text)}.disclaimer-helpline{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--notion-accent-red-bg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--notion-accent-red);text-align:left;margin-top:16px;width:100%}.disclaimer-helpline-icon{font-size:18px;flex-shrink:0}.disclaimer-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 8px}.disclaimer-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--notion-border-default, rgba(55, 53, 47, .09));transition:all .4s cubic-bezier(.34,1.56,.64,1)}.disclaimer-progress-dot.active{width:24px;border-radius:var(--radius-pill);background:var(--notion-text-primary)}.disclaimer-progress-dot.done{background:var(--notion-text-tertiary)}.disclaimer-button{width:100%;margin-top:16px;padding:14px;background:var(--notion-text-primary);border:none;border-bottom:4px solid rgba(0,0,0,.25);border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--transition-bounce)}.disclaimer-button.next-step{width:56px;height:56px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;margin:16px auto 0;border-bottom:4px solid rgba(0,0,0,.3)}.disclaimer-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.disclaimer-button:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:none}@media (max-width: 768px){.disclaimer-content{padding:32px 24px}.disclaimer-step-emoji{font-size:44px}.disclaimer-title{font-size:var(--text-lg)}.disclaimer-step-body{min-height:120px}.disclaimer-step-text,.disclaimer-helpline{font-size:var(--text-xs)}.disclaimer-button.next-step{width:48px;height:48px}}.experience-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;--overlay-bg: rgba(10, 14, 24, .78);--overlay-bg-subtle: rgba(10, 14, 24, .5);--overlay-border: rgba(255, 255, 255, .08);--notion-bg-primary: rgba(15, 20, 30, .88);--notion-bg-secondary: rgba(15, 20, 30, .6);--notion-bg-tertiary: rgba(255, 255, 255, .06);--notion-text-primary: rgba(255, 255, 255, .92);--notion-text-secondary: rgba(255, 255, 255, .65);--notion-text-tertiary: rgba(255, 255, 255, .4);--notion-text-disabled: rgba(255, 255, 255, .25);--notion-border-default: rgba(255, 255, 255, .08);--notion-border-strong: rgba(255, 255, 255, .15);--notion-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--notion-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--notion-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--notion-shadow-overlay: 0 12px 48px rgba(0, 0, 0, .6);--notion-accent-amber: #d4a043;--notion-accent-amber-text: #e8b560;--notion-accent-gray: #a0a0a0;--notion-accent-purple: #a87cc4;--notion-accent-red: #f07070;--notion-accent-red-bg: rgba(240, 112, 112, .12);--notion-accent-amber-bg: rgba(212, 160, 67, .12)}.narrative-overlay{position:fixed;bottom:120px;left:50%;transform:translate(-50%);max-width:560px;width:calc(100% - 48px);text-align:center;z-index:50;pointer-events:none}.narrative-text{font-family:var(--font-display);font-size:1rem;font-weight:400;line-height:1.75;padding:20px 28px;background:#080c16d1;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a;color:#ffffffe0;animation:narrativeFloat .5s cubic-bezier(.34,1.56,.64,1);position:relative}.narrative-text:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,67,.3),transparent);border-radius:1px}@keyframes narrativeFloat{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.narrative-text.style-normal{color:#ffffffe0}.narrative-text.style-emphasis{color:#fffffff2;font-weight:500;letter-spacing:.01em}.narrative-text.style-whisper{color:#fff6;font-style:italic;font-weight:300}.narrative-text.style-thought{color:#fff9;font-style:italic}.narrative-overlay.anxious .narrative-text{border-left:3px solid #d4a043}.narrative-overlay.anxious .narrative-text:before{background:linear-gradient(90deg,transparent,rgba(212,160,67,.4),transparent)}.narrative-overlay.depressive .narrative-text{border-left:3px solid #808080}.narrative-overlay.depressive .narrative-text:before{background:linear-gradient(90deg,transparent,rgba(160,160,160,.3),transparent)}.narrative-overlay.dissociative .narrative-text{border-left:3px solid #a87cc4}.narrative-overlay.dissociative .narrative-text:before{background:linear-gradient(90deg,transparent,rgba(168,124,196,.4),transparent)}.chapter-indicator{position:fixed;bottom:100px;left:24px;display:flex;align-items:center;gap:10px;z-index:50;background:#080c16b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.06);animation:hudSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.chapter-progress{display:flex;gap:4px}.chapter-dot{width:6px;height:6px;border-radius:50%;background:#ffffff1f;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.chapter-dot.active{width:18px;border-radius:3px;background:var(--chapter-color, rgba(255, 255, 255, .5));box-shadow:0 0 6px var(--chapter-color, rgba(255, 255, 255, .2))}.chapter-dot.completed{background:var(--chapter-color, rgba(255, 255, 255, .3));opacity:.5}.chapter-name{font-family:var(--font-display);font-size:.75rem;font-weight:500;color:#ffffff80;letter-spacing:.02em}.exp-controls{position:fixed;top:24px;right:24px;display:flex;gap:8px;z-index:50;animation:hudFadeIn .5s ease .2s both}.exp-ctrl-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#080c16a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0003}.exp-ctrl-btn:hover{background:#0f1423d9;border-color:#ffffff26;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.exp-ctrl-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #0000004d}.exp-ctrl-btn svg{width:18px;height:18px}.exp-ctrl-btn.primary:hover{border-color:#d4a0434d;color:#d4a043;box-shadow:0 6px 20px #d4a0431a}.exp-ctrl-btn.muted{color:#ffffff40}.exp-ctrl-btn.danger:hover{border-color:#f070704d;color:#f07070;box-shadow:0 6px 20px #f070701a}.experience-controls{display:contents}.control-btn{display:none}.key-moment-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.key-moment-overlay.anxious{animation:keyMomentPulse 3s ease forwards;background:radial-gradient(ellipse at center,rgba(212,160,67,.06) 0%,transparent 70%)}.key-moment-overlay.depressive{animation:keyMomentPulse 3s ease forwards;background:radial-gradient(ellipse at center,rgba(160,160,160,.04) 0%,transparent 70%)}.key-moment-overlay.dissociative{animation:keyMomentFlash .6s ease;background:radial-gradient(ellipse at center,rgba(168,124,196,.08) 0%,transparent 70%)}@keyframes keyMomentPulse{0%,to{opacity:0}50%{opacity:1}}@keyframes keyMomentFlash{0%,to{opacity:0}30%{opacity:1}60%{opacity:.3}}.exit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:modalBackdropIn .25s ease}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.exit-modal-content{background:#0f141eeb;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 40px;text-align:center;max-width:380px;width:calc(100% - 40px);box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0a;animation:modalCardIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalCardIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.exit-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#ffffffe6;margin-bottom:24px;line-height:1.4}.exit-modal-buttons{display:flex;gap:12px;justify-content:center}.exit-modal-btn{padding:12px 28px;border-radius:12px;font-family:var(--font-display);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);letter-spacing:.01em}.exit-modal-btn.continue{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.exit-modal-btn.continue:hover{background:#ffffff1a;border-color:#fff3;color:#fffffff2;transform:translateY(-1px)}.exit-modal-btn.continue:active{transform:translateY(1px)}.exit-modal-btn.exit{background:#f0707026;border:1px solid rgba(240,112,112,.25);color:#f07070}.exit-modal-btn.exit:hover{background:#f0707040;border-color:#f0707066;transform:translateY(-1px);box-shadow:0 4px 16px #f0707026}.exit-modal-btn.exit:active{transform:translateY(1px)}@media (max-width: 1024px){.mode-cards{gap:var(--space-4)}.mode-card{width:260px;padding:var(--space-6) var(--space-5)}}@media (max-width: 768px){.mode-selector{padding:var(--space-6) var(--space-5)}.mode-selector-title{font-size:var(--text-2xl);letter-spacing:2px}.mode-cards{flex-direction:column;align-items:center}.mode-card{width:100%;max-width:350px}.narrative-text{font-size:var(--text-base);padding:var(--space-4) var(--space-5)}}.age-card{position:fixed;top:24px;left:24px;z-index:50;pointer-events:none;animation:hudSlideIn .4s cubic-bezier(.34,1.56,.64,1) .1s both}.age-card-inner{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;background:#080c16b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0000004d}.age-circle{position:relative;width:44px;height:44px;flex-shrink:0}.age-ring{width:100%;height:100%}.age-circle-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:.875rem;font-weight:700;color:#ffffffe6}.age-info{display:flex;flex-direction:column;gap:2px}.age-info-text{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:#ffffffd9}.age-info-stage{font-family:var(--font-display);font-size:.6875rem;font-weight:400;color:#fff6;letter-spacing:.02em}.age-range-bar{display:flex;align-items:center;gap:6px;margin-left:auto}.age-range-label{font-family:var(--font-display);font-size:.625rem;font-weight:500;color:#ffffff40}.age-range-track{width:40px;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.age-range-fill{height:100%;background:#d4a04380;border-radius:2px;transition:width .3s ease}.health-indicator{position:fixed;bottom:24px;left:24px;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;background:#080c16b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0000004d;animation:hudSlideIn .4s cubic-bezier(.34,1.56,.64,1) .15s both}.health-ring-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}.health-ring-svg{width:100%;height:100%}.health-ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:.75rem;font-weight:700}.health-meta{display:flex;flex-direction:column;gap:2px}.health-meta-status{font-family:var(--font-display);font-size:.8125rem;font-weight:600;color:#fffc}.health-meta-label{font-family:var(--font-display);font-size:.625rem;font-weight:400;color:#ffffff4d;letter-spacing:.03em}.choice-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:60;animation:modalBackdropIn .3s ease}.choice-container{text-align:center;max-width:440px;width:calc(100% - 40px);padding:36px 32px;background:#0c101ce6;border-radius:20px;box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0a;border:1px solid rgba(255,255,255,.06);animation:modalCardIn .4s cubic-bezier(.34,1.56,.64,1)}.choice-question{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:#ffffffeb;margin-bottom:24px;line-height:1.5}.choice-options{display:flex;flex-direction:column;gap:10px}.choice-button{padding:16px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#ffffffd9;font-family:var(--font-display);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);animation:choiceOptionIn .4s cubic-bezier(.34,1.56,.64,1) backwards;text-align:left;position:relative;overflow:hidden}@keyframes choiceOptionIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.choice-button:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px);box-shadow:0 4px 16px #0003}.choice-button:active{transform:translate(2px);background:#ffffff0f}.choice-button.effect-positive:hover{border-color:#5cb87a59;background:#5cb87a14}.choice-button.effect-negative:hover{border-color:#f0707059;background:#f0707014}.choice-label{font-weight:400}.choice-hint{margin-top:20px;font-family:var(--font-display);font-size:.75rem;color:#ffffff40;font-style:italic;letter-spacing:.02em}.epilogue-fade{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(8,12,22,.95) 0%,rgba(8,12,22,.3) 50%,transparent 100%);pointer-events:none;z-index:45;transition:opacity .5s ease}.experience-container.life-experience .narrative-overlay{bottom:100px}.experience-container.life-experience .chapter-indicator{display:none}@media (max-width: 768px){.hud-bar{gap:14px;padding:10px 18px;border-radius:16px}.hud-year{font-size:1rem}.hud-timeline{width:120px}.hud-health-ring{width:30px;height:30px}.age-card-inner{padding:8px 12px 8px 8px;gap:10px}.age-circle{width:36px;height:36px}.age-circle-number{font-size:.75rem}.age-range-bar{display:none}.health-indicator{padding:8px 12px 8px 8px}.health-ring-wrapper{width:34px;height:34px}.exp-controls{top:16px;right:16px;gap:6px}.exp-ctrl-btn{width:38px;height:38px;border-radius:12px}.exp-ctrl-btn svg{width:16px;height:16px}.narrative-text{font-size:.875rem;padding:16px 20px;border-radius:14px}.chapter-indicator{bottom:80px;left:16px;padding:6px 12px}.choice-container{padding:28px 24px}.choice-question{font-size:1.125rem}.choice-button{padding:14px 16px;font-size:.875rem;border-radius:12px}}@media (max-width: 480px){.hud-bar{gap:10px;padding:8px 14px;border-radius:14px;bottom:16px}.hud-timeline{width:90px}.hud-year{font-size:.875rem}.hud-health-ring{width:26px;height:26px}.hud-health-label{display:none}.age-card{top:16px;left:12px}.age-info-stage{display:none}.health-indicator{bottom:16px;left:12px}.health-meta-label{display:none}.exp-controls{top:12px;right:12px}.exp-ctrl-btn{width:34px;height:34px;border-radius:10px}.narrative-overlay{bottom:80px;width:calc(100% - 24px)}.narrative-text{font-size:.8125rem;padding:14px 16px}}.life-experience-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a1814;overflow:hidden}.life-narrative{position:fixed;bottom:100px;left:50%;transform:translate(-50%);max-width:560px;width:calc(100% - 48px);text-align:center;z-index:50;pointer-events:none}.life-narrative-text{font-family:var(--font-display);font-size:1rem;font-weight:400;line-height:1.75;color:#ffffffe0;padding:20px 28px;background:#080c16d1;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-radius:16px;border:1px solid rgba(255,255,255,.06);border-left:3px solid #d4a043;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a;animation:narrativeFloat .5s cubic-bezier(.34,1.56,.64,1)}.year-timeline{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 24px;background:#080c16bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 40px #00000059}.timeline-progress-bar{width:240px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.timeline-progress-fill{height:100%;background:#d4a043;border-radius:2px;transition:width .2s linear;box-shadow:0 0 8px #d4a0434d}.timeline-years-container{width:280px;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.timeline-years{display:flex;justify-content:center;transition:transform .1s linear}.timeline-year{flex-shrink:0;width:56px;text-align:center;font-family:var(--font-display);font-size:.8125rem;color:#fff3;transition:all .3s ease}.timeline-year.active{color:#d4a043;font-weight:600;font-size:.9375rem}.timeline-age{display:flex;align-items:baseline;gap:4px}.timeline-age .age-number{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:#ffffffeb}.timeline-age .age-label{font-family:var(--font-display);font-size:.75rem;color:#ffffff59}.hud-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;z-index:100;padding:12px 24px;background:#080c16bf;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-radius:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff08;animation:hudBarIn .5s cubic-bezier(.34,1.56,.64,1) .3s both;transition:opacity .3s ease,border-color .3s ease}.hud-bar:hover{border-color:#ffffff1a}.hud-bar.paused{border-color:#d4a04333}@keyframes hudBarIn{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.hud-time{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:56px}.hud-year{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#ffffffeb;letter-spacing:1px;line-height:1}.hud-age{font-family:var(--font-display);font-size:.625rem;font-weight:500;color:#ffffff59;letter-spacing:.05em;text-transform:uppercase}.hud-timeline{position:relative;width:180px;display:flex;flex-direction:column;gap:6px}.hud-track{position:relative;height:4px;background:#ffffff14;border-radius:2px;overflow:visible}.hud-fill{height:100%;background:var(--fill-color, #d4a043);border-radius:2px;transition:width .4s ease;box-shadow:0 0 8px var(--fill-color, rgba(212, 160, 67, .3))}.hud-cursor{position:absolute;top:50%;width:10px;height:10px;background:var(--cursor-color, #d4a043);border-radius:50%;transform:translate(-50%,-50%);transition:left .4s ease;box-shadow:0 0 10px var(--cursor-color, rgba(212, 160, 67, .5))}.hud-milestones{position:relative;height:4px}.hud-milestone{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffffff1f;transform:translate(-50%);transition:all .3s ease}.hud-milestone.passed{background:#ffffff4d}.hud-health{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px}.hud-health-ring{position:relative;width:36px;height:36px}.hud-health-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hud-health-track{stroke:#ffffff0f}.hud-health-fill{transition:stroke-dasharray .6s ease,stroke .5s ease}.hud-health-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:.625rem;font-weight:700;color:#fffc}.hud-health-label{font-family:var(--font-display);font-size:.5625rem;font-weight:500;color:#ffffff4d;letter-spacing:.03em;text-transform:uppercase}.hud-pause{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;gap:4px;padding:3px 10px;background:#d4a04333;border:1px solid rgba(212,160,67,.3);border-radius:10px;color:#d4a043;font-family:var(--font-display);font-size:.5625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;animation:pauseBlink 2s ease-in-out infinite}@keyframes pauseBlink{0%,to{opacity:.7}50%{opacity:1}}@keyframes hudSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes hudFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.memory-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:80;animation:modalBackdropIn .3s ease}.memory-detail-card{max-width:380px;width:calc(100% - 40px);padding:32px;background:#0c101ce6;border:1px solid rgba(255,255,255,.06);border-radius:20px;text-align:center;box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0a;animation:modalCardIn .4s cubic-bezier(.34,1.56,.64,1)}.memory-year-badge{display:inline-block;padding:4px 14px;background:#d4a0431f;border:1px solid rgba(212,160,67,.2);border-radius:20px;font-family:var(--font-display);font-size:.8125rem;font-weight:700;color:#d4a043;margin-bottom:16px}.memory-word-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#ffffffeb;margin-bottom:12px}.memory-content{font-family:var(--font-display);font-size:.9375rem;font-weight:400;line-height:1.7;color:#fff9;margin-bottom:16px}.memory-close-hint{font-family:var(--font-display);font-size:.6875rem;color:#ffffff40;letter-spacing:.02em}.life-controls{position:fixed;top:24px;right:24px;display:flex;gap:8px;z-index:50;animation:hudFadeIn .5s ease .2s both}.life-control-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#080c16a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0003}.life-control-btn:hover{background:#0f1423d9;border-color:#ffffff26;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.life-control-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #0000004d}.life-control-btn svg{width:18px;height:18px}.life-control-btn.exit:hover{border-color:#f070704d;color:#f07070;box-shadow:0 6px 20px #f070701a}.life-complete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#080c16f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;animation:modalBackdropIn 2s ease}.life-complete-content{text-align:center;padding:48px;max-width:500px}.life-complete-content h2{font-family:var(--font-display);font-size:2rem;font-weight:300;color:#ffffffeb;margin-bottom:8px;letter-spacing:3px}.life-complete-content p{font-family:var(--font-display);font-size:1.125rem;color:#ffffff80;margin-bottom:24px}.life-complete-quote{font-family:var(--font-display);font-size:1.125rem;font-weight:300;font-style:italic;color:#ffffff59;line-height:1.75;margin-bottom:32px!important}.life-complete-btn{padding:14px 44px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#ffffffd9;font-family:var(--font-display);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);letter-spacing:.02em}.life-complete-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.life-complete-btn:active{transform:translateY(1px)}.life-instructions{position:fixed;bottom:120px;left:50%;transform:translate(-50%);text-align:center;z-index:50;animation:hudFadeIn 1s ease,fadeOut 1s ease 2s forwards;pointer-events:none}@keyframes fadeOut{to{opacity:0}}.life-instructions p{font-family:var(--font-display);font-size:.8125rem;color:#ffffff40;margin-bottom:4px;letter-spacing:.02em}@media (max-width: 768px){.life-narrative-text{font-size:.875rem;padding:16px 20px}.year-timeline{padding:8px 18px;border-radius:16px}.timeline-years-container{width:200px}.timeline-progress-bar{width:180px}.memory-detail-card{padding:24px}.memory-word-title{font-size:1.125rem}.life-complete-content h2{font-size:1.5rem}.life-controls{top:16px;right:16px;gap:6px}.life-control-btn{width:38px;height:38px;border-radius:12px}.life-control-btn svg{width:16px;height:16px}}@media (max-width: 480px){.mode-selector{padding:var(--space-5) var(--space-3)}.mode-selector-header{margin-bottom:var(--space-6)}.mode-selector-title{font-size:var(--text-xl);letter-spacing:2px}.mode-selector-subtitle{font-size:var(--text-sm)}.mode-card{width:100%;max-width:none;margin:0 10px;padding:var(--space-5) var(--space-4)}.mode-card-title{font-size:var(--text-lg)}.mode-card-description{font-size:var(--text-sm)}.mode-card-icon{width:40px;height:40px}.explore-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.mode-selector-footer{margin-top:var(--space-6)}.disclaimer-content{padding:var(--space-5) var(--space-4)}.disclaimer-title{font-size:var(--text-lg);letter-spacing:.5px}.disclaimer-text{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.disclaimer-helpline{font-size:var(--text-sm);padding:var(--space-3)}.disclaimer-button{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.narrative-text,.life-narrative-text,.depression-narrative-text,.dissociation-narrative-text{font-size:var(--text-base)!important;padding:var(--space-3) var(--space-4)!important;border-radius:var(--radius-lg)!important}.narrative-overlay{bottom:100px;width:calc(100% - 30px)}.exp-controls,.depression-controls,.dissociation-controls,.life-controls{top:12px!important;right:12px!important;gap:4px!important}.exp-ctrl-btn,.depression-control-btn,.dissociation-control-btn,.life-control-btn{width:34px!important;height:34px!important;border-radius:10px!important}.exp-ctrl-btn svg,.depression-control-btn svg,.dissociation-control-btn svg,.life-control-btn svg{width:14px!important;height:14px!important}.hud-bar{gap:10px!important;padding:8px 14px!important;border-radius:14px!important;bottom:12px!important}.hud-timeline{width:80px!important}.timeline-progress-bar{width:140px!important}.timeline-years-container{width:160px!important}.memory-detail-card{padding:20px!important;margin:10px!important;max-width:calc(100% - 20px)!important}.memory-word-title{font-size:1rem!important}.memory-detail-content{font-size:var(--text-base)!important}.choice-container,.narrative-choice-overlay{padding:var(--space-5) var(--space-4)!important}.choice-question,.choice-prompt{font-size:var(--text-md)!important}.choice-option,.choice-btn{padding:var(--space-3) var(--space-4)!important;font-size:var(--text-sm)!important}.anxiety-fragment,.depression-fragment,.dissociation-fragment{font-size:var(--text-xs)!important}.credits-name{font-size:2rem!important;letter-spacing:2px!important}.credits-years{font-size:var(--text-base)!important}.credits-quote{font-size:var(--text-md)!important;padding:0 15px!important}.credits-director,.suicide-choice-overlay h2{font-size:var(--text-xl)!important}.suicide-choice-overlay p{font-size:var(--text-sm)!important}.suicide-choice-overlay button{padding:.7rem 1.5rem!important;font-size:var(--text-base)!important}.exit-modal-content{padding:var(--space-6) var(--space-5)!important;margin:20px!important}.exit-modal-title{font-size:var(--text-md)!important}.exit-modal-btn{padding:var(--space-2) var(--space-5)!important;font-size:var(--text-sm)!important}}@media (max-height: 500px) and (orientation: landscape){.mode-selector{padding:15px}.mode-selector-header{margin-bottom:15px}.mode-selector-title{font-size:var(--text-xl)}.mode-cards{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:15px;padding:10px;max-width:100vw}.mode-card{min-width:200px;max-width:220px;padding:15px;flex-shrink:0}.mode-card-title{font-size:var(--text-md)}.mode-card-description{font-size:var(--text-xs);margin-bottom:10px}.mode-selector-footer{margin-top:15px}.narrative-overlay{bottom:60px}.narrative-text,.life-narrative-text,.depression-narrative-text,.dissociation-narrative-text{font-size:var(--text-sm)!important;padding:var(--space-2) var(--space-3)!important}.exp-controls,.depression-controls,.dissociation-controls,.life-controls{top:8px!important;right:8px!important}.hud-bar{bottom:8px!important}.timeline-progress-bar{width:120px!important}.memory-detail-overlay{padding:10px}.memory-detail-card{max-height:80vh;overflow-y:auto;padding:16px!important}.choice-container{padding:20px!important}.choice-options{flex-direction:row!important;gap:8px!important}.credits-name{font-size:2rem!important}.credits-quote{font-size:var(--text-base)!important}}@media (hover: none) and (pointer: coarse){.mode-card:hover{transform:none}.mode-card:active{transform:scale(.98)}.exp-ctrl-btn:hover,.depression-control-btn:hover,.dissociation-control-btn:hover,.life-control-btn:hover{transform:none}.exp-ctrl-btn:active,.depression-control-btn:active,.dissociation-control-btn:active,.life-control-btn:active{transform:scale(.95)}.choice-option:hover,.choice-btn:hover{transform:none}.choice-option:active,.choice-btn:active{transform:scale(.98)}.explore-btn:hover,.disclaimer-button:hover{transform:none}.explore-btn:active,.disclaimer-button:active{transform:scale(.98)}.memory-dot,.memory-orb{min-width:44px;min-height:44px}}@supports (padding: max(0px)){.mode-selector{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}.exp-controls,.depression-controls,.dissociation-controls,.life-controls{right:max(12px,env(safe-area-inset-right))!important;top:max(12px,env(safe-area-inset-top))!important}.hud-bar{bottom:max(12px,env(safe-area-inset-bottom))!important}.narrative-overlay{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}.disclaimer-content{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}:root{--notion-bg-primary: #ffffff;--notion-bg-secondary: #f7f6f3;--notion-bg-tertiary: #f1f0ed;--notion-bg-hover: rgba(55, 53, 47, .08);--notion-bg-active: rgba(55, 53, 47, .16);--notion-text-primary: #37352f;--notion-text-secondary: #6b6b6b;--notion-text-tertiary: #9b9a97;--notion-text-disabled: #c3c2bf;--notion-border-default: rgba(55, 53, 47, .09);--notion-border-strong: rgba(55, 53, 47, .16);--notion-border-focus: rgba(55, 53, 47, .35);--notion-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--notion-shadow-md: 0 4px 14px rgba(0, 0, 0, .1);--notion-shadow-lg: 0 8px 28px rgba(0, 0, 0, .14);--notion-shadow-overlay: 0 12px 40px rgba(0, 0, 0, .18);--notion-accent-amber: #cb912f;--notion-accent-amber-bg: rgba(203, 145, 47, .08);--notion-accent-amber-text: #9a6e22;--notion-accent-gray: #787774;--notion-accent-gray-bg: rgba(120, 119, 116, .08);--notion-accent-gray-text: #5a5a57;--notion-accent-purple: #9065b0;--notion-accent-purple-bg: rgba(144, 101, 176, .08);--notion-accent-purple-text: #6b4c8a;--notion-accent-red: #e03e3e;--notion-accent-red-bg: rgba(224, 62, 62, .08);--notion-accent-blue: #2383e2;--notion-accent-blue-bg: rgba(35, 131, 226, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-display: "Nunito", var(--font-sans);--font-serif: Lyon-Text, Georgia, ui-serif, serif;--font-mono: iawriter-mono, Nitti, Menlo, Courier, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 100px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1);--overlay-bg: rgba(255, 255, 255, .92);--overlay-bg-subtle: rgba(255, 255, 255, .85);--overlay-border: var(--notion-border-default);--overlay-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--notion-bg-secondary);min-height:100vh;overflow:hidden;color:var(--notion-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.ui-layer{position:fixed;z-index:10;width:100%;pointer-events:none}.search-container{top:40px;display:flex;justify-content:center;padding:0 20px}.search-box{pointer-events:all;display:flex;gap:var(--space-3);background:var(--notion-bg-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--notion-border-default);width:100%;max-width:500px;box-shadow:var(--notion-shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-box:focus-within{border-color:var(--notion-border-focus);box-shadow:var(--notion-shadow-md)}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--notion-text-primary);font-family:inherit;font-size:var(--text-base);font-weight:400;padding:var(--space-2)}.search-input::placeholder{color:var(--notion-text-tertiary)}.search-btn{background:var(--notion-bg-hover);border:1px solid var(--notion-border-default);border-bottom:3px solid rgba(55,53,47,.15);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);color:var(--notion-text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.search-btn:hover{background:var(--notion-bg-active);color:var(--notion-text-primary);transform:translateY(-1px);box-shadow:var(--notion-shadow-sm)}.search-btn:active{transform:translateY(1px);border-bottom-width:1px;box-shadow:none}.chat-container{position:fixed;bottom:30px;right:30px;z-index:50;display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:calc(100% - 60px);pointer-events:all}.chat-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);animation:slideIn .3s ease;font-family:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed)}.chat-bubble p{margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble-user{background:var(--notion-accent-blue);color:#fff;align-self:flex-end;border-bottom-right-radius:var(--radius-sm);max-width:85%}.chat-bubble-brain{background:var(--notion-bg-primary);color:var(--notion-text-primary);align-self:flex-start;border-bottom-left-radius:var(--radius-sm);display:flex;gap:var(--space-3);max-width:95%;border:1px solid var(--notion-border-default);box-shadow:var(--notion-shadow-sm);animation-delay:.15s}.chat-avatar{font-size:20px;flex-shrink:0;margin-top:2px}.chat-content{flex:1;line-height:var(--leading-relaxed)}.chat-bubble-error{background:var(--notion-bg-primary);color:var(--notion-text-tertiary);align-self:flex-start;border:1px solid var(--notion-border-default);font-style:italic}.title{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;pointer-events:none;opacity:.04}.title h1{font-family:var(--font-display);font-size:5rem;font-weight:200;letter-spacing:8px;text-transform:uppercase;color:var(--notion-text-tertiary)}.instructions{position:fixed;bottom:100px;left:50%;transform:translate(-50%);text-align:center;z-index:5;color:var(--notion-text-tertiary);font-family:inherit;font-size:var(--text-xs);font-weight:400;pointer-events:none}.audio-hint{position:fixed;top:110px;left:50%;transform:translate(-50%);background:var(--notion-bg-primary);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--notion-border-default);color:var(--notion-text-secondary);font-family:inherit;font-size:var(--text-xs);font-weight:400;z-index:20;animation:pulse 3s ease-in-out infinite;pointer-events:none;box-shadow:var(--notion-shadow-sm)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.canvas-container canvas{cursor:grab}.canvas-container canvas:active{cursor:grabbing}.ui-wrapper{transition:opacity .3s ease}.ui-wrapper.hidden{opacity:0;pointer-events:none}.fullscreen-btn{position:fixed;bottom:24px;right:24px;z-index:100;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--notion-border-default);border-bottom:3px solid rgba(55,53,47,.15);background:var(--notion-bg-primary);color:var(--notion-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-bounce);box-shadow:var(--notion-shadow-sm)}.fullscreen-btn:hover{background:var(--notion-bg-hover);border-color:var(--notion-border-strong);box-shadow:var(--notion-shadow-md);transform:translateY(-2px)}.fullscreen-btn:active{transform:translateY(1px);border-bottom-width:1px;box-shadow:none}.fullscreen-btn.active{background:var(--notion-text-primary);border-color:transparent;color:#fff}.fullscreen-btn svg{width:18px;height:18px}.fullscreen-hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--notion-text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:var(--text-xs);font-weight:400;z-index:100;animation:fadeInOut 4s ease forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0}}.cursor{display:inline-block;color:var(--notion-text-tertiary);animation:blink 1s infinite;margin-left:1px;font-weight:300}@keyframes blink{0%,45%{opacity:1}50%,to{opacity:0}}.back-btn{position:fixed;bottom:24px;left:24px;z-index:100;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--notion-border-default);border-bottom:3px solid rgba(55,53,47,.15);background:var(--notion-bg-primary);color:var(--notion-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-bounce);box-shadow:var(--notion-shadow-sm)}.back-btn:hover{background:var(--notion-bg-hover);border-color:var(--notion-border-strong);box-shadow:var(--notion-shadow-md);transform:translateY(-2px)}.back-btn:active{transform:translateY(1px);border-bottom-width:1px;box-shadow:none}.back-btn svg{width:18px;height:18px}.observer-mode{position:relative;width:100vw;height:100vh}.observer-title h1{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:4px;color:var(--notion-text-primary);font-weight:300}.observer-subtitle{font-family:var(--font-display);font-size:var(--text-sm);font-weight:300;letter-spacing:2px;color:var(--notion-text-tertiary);margin-top:.5rem;text-transform:uppercase}.observer-reflection{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none;text-align:center;max-width:80vw}.reflection-text{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:300;color:var(--notion-text-secondary);letter-spacing:.02em;line-height:var(--leading-relaxed);opacity:.7;animation:reflectionFade 8s ease-in-out infinite}@keyframes reflectionFade{0%,to{opacity:0}15%,85%{opacity:.7}}.observer-instructions{color:var(--notion-text-secondary);font-size:var(--text-sm)}.observer-legend{position:fixed;top:50%;right:24px;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:var(--space-4);background:var(--notion-bg-primary);padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--notion-border-default);box-shadow:var(--notion-shadow-md);transition:opacity var(--transition-slow)}.observer-legend.hidden{opacity:0;pointer-events:none}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-sm);color:var(--notion-text-primary)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-dot.anxiety{background:var(--notion-accent-amber)}.legend-dot.depression{background:var(--notion-accent-gray)}.legend-dot.dissociation{background:var(--notion-accent-purple)}.legend-condition{font-size:var(--text-xs);color:var(--notion-text-tertiary);font-weight:400;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.search-box{max-width:450px}.title h1{font-size:4rem;letter-spacing:6px}}@media (max-width: 768px){.search-container{top:20px;padding:0 16px}.search-box{padding:var(--space-2) var(--space-4);gap:var(--space-2);max-width:100%}.search-input{font-size:var(--text-base);padding:var(--space-1)}.search-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.title h1{font-size:2.5rem;letter-spacing:4px}.instructions{bottom:85px;font-size:var(--text-xs);max-width:90vw;line-height:var(--leading-normal)}.audio-hint{top:85px;font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.chat-container{bottom:15px;right:15px;left:15px;width:auto;max-width:none}.chat-bubble{padding:var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-lg)}.chat-avatar{font-size:18px}.fullscreen-btn,.back-btn{width:40px;height:40px;bottom:16px}.fullscreen-btn{right:16px}.back-btn{left:16px}.fullscreen-btn svg,.back-btn svg{width:20px;height:20px}.fullscreen-hint{bottom:16px;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.observer-legend{top:auto;bottom:75px;right:50%;transform:translate(50%);flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);max-width:90vw}.legend-item{font-size:var(--text-xs);gap:var(--space-1)}.legend-dot{width:6px;height:6px}.legend-condition{display:none}.observer-title h1{font-size:var(--text-2xl);letter-spacing:3px}.observer-subtitle{font-size:var(--text-xs);letter-spacing:1px}.reflection-text{font-size:.95rem;line-height:var(--leading-normal)}.observer-reflection{top:30%;max-width:90vw}.observer-instructions{font-size:var(--text-xs)}}@media (max-width: 480px){.search-container{top:12px}.search-box{padding:var(--space-2) var(--space-3)}.search-input{font-size:var(--text-sm)}.search-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.title h1{font-size:1.8rem;letter-spacing:3px}.instructions{bottom:80px;font-size:10px;padding:0 10px}.chat-container{bottom:10px;right:10px;left:10px}.chat-bubble{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.fullscreen-btn,.back-btn{width:36px;height:36px;bottom:12px}.fullscreen-btn{right:12px}.back-btn{left:12px}.observer-legend{bottom:70px;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.legend-item{font-size:10px}.observer-title h1{font-size:1.6rem;letter-spacing:2px}.reflection-text{font-size:.85rem}}@media (max-height: 500px) and (orientation: landscape){.search-container{top:10px}.search-box{padding:var(--space-1) var(--space-3)}.instructions{bottom:60px;font-size:10px}.chat-container{max-height:40vh;overflow-y:auto}.fullscreen-btn,.back-btn{width:34px;height:34px;bottom:10px}.observer-legend{bottom:10px;right:70px;transform:none;padding:var(--space-1) var(--space-2);gap:var(--space-1)}.observer-reflection{top:20%}.reflection-text{font-size:.8rem}}@media (hover: none) and (pointer: coarse){.search-btn:hover,.fullscreen-btn:hover,.back-btn:hover{transform:none}.fullscreen-btn:active,.back-btn:active{transform:scale(.95);background:var(--notion-bg-active)}.search-btn:active{transform:scale(.98)}}