:root{--midnight-dark: #090d16;--midnight-navy: #101726;--midnight-slate: #1a233a;--deep-charcoal: #12141b;--warm-amber: #e8a255;--warm-amber-glow: rgba(232, 162, 85, .25);--warm-candle: #f5c17b;--muted-wood: #3d2f26;--soft-cream: #f4efe6;--soft-cream-muted: #c9c2b5;--dusty-blue: #6d8ba6;--dusty-blue-glow: rgba(109, 139, 166, .2);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-handwriting: "Caveat", cursive;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--midnight-dark);color:var(--soft-cream);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#canvas-container canvas{width:100%!important;height:100%!important;outline:none;cursor:grab}#canvas-container canvas:active{cursor:grabbing}#cinematic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:radial-gradient(circle at center,transparent 40%,rgba(9,13,22,.5) 80%,rgba(5,8,14,.85) 100%);mix-blend-mode:multiply}#sanctuary-hud{position:absolute;top:1.5rem;right:1.75rem;z-index:20;pointer-events:auto}.minimal-settings-btn{background:#10172673;border:1px solid rgba(244,239,230,.08);color:var(--soft-cream-muted);width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.minimal-settings-btn:hover{background:#1a233abf;border-color:#e8a25566;color:var(--warm-candle);transform:scale(1.05);box-shadow:0 4px 15px #0006}.prompt-separator{color:var(--dusty-blue);font-size:.95rem;opacity:.75;margin:0 .1rem}.interaction-prompt{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:15;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.interaction-prompt.hidden{opacity:0;transform:translate(-50%,12px)}.prompt-pill{display:flex;align-items:center;gap:.8rem;background:#101726d9;backdrop-filter:blur(16px);border:1px solid rgba(232,162,85,.45);box-shadow:0 8px 30px #00000080,0 0 15px var(--warm-amber-glow);padding:.6rem 1.4rem;border-radius:999px;animation:promptGlow 3s infinite ease-in-out}@keyframes promptGlow{0%,to{border-color:#e8a25566}50%{border-color:#e8a255cc}}.prompt-key{background:var(--warm-amber);color:var(--midnight-dark);font-weight:700;font-size:.85rem;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0006}.prompt-action{font-family:var(--font-serif);font-size:1.15rem;letter-spacing:.03em;color:var(--soft-cream)}.controls-hint{position:absolute;bottom:1.5rem;left:2rem;display:flex;gap:1.25rem;z-index:10;pointer-events:none;opacity:.65;transition:opacity .4s ease}.controls-hint:hover{opacity:1}.hint-item{font-size:.78rem;color:var(--soft-cream-muted);display:flex;align-items:center;gap:.35rem}.hint-item kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.15rem .45rem;font-size:.72rem;color:var(--soft-cream)}.hint-look{display:flex;align-items:center;gap:.45rem}.hint-text{display:flex;flex-direction:column;line-height:1.25}.hint-main{font-size:.78rem;color:var(--soft-cream);font-weight:500;letter-spacing:.02em}.hint-sub{font-size:.65rem;color:var(--dusty-blue);opacity:.85;white-space:nowrap}@media (hover: none) and (pointer: coarse){.hint-main-desktop{display:none}.hint-main-touch{display:inline}.hint-sub{display:none}}@media (hover: hover){.hint-main-touch{display:none}}.exit-zone-btn{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:20;background:#101726e6;backdrop-filter:blur(16px);border:1px solid rgba(232,162,85,.4);color:var(--soft-cream);padding:.75rem 1.75rem;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-family:var(--font-serif);font-size:1.15rem;box-shadow:0 8px 30px #0009;transition:var(--transition-smooth)}.exit-zone-btn:hover{background:#1e2a44f2;border-color:var(--warm-amber);transform:translate(-50%,-2px)}.exit-zone-btn.hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.exit-zone-btn .key-tag{background:#ffffff1f;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-family:var(--font-sans)}.sanctuary-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.sanctuary-modal.hidden{opacity:0;visibility:hidden;pointer-events:none;display:none!important}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#090d16a6;backdrop-filter:blur(8px)}.modal-card{position:relative;background:#101726f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(244,239,230,.12);border-radius:20px;box-shadow:0 20px 60px #000000b3,0 0 30px #e8a25514;color:var(--soft-cream);z-index:2;overflow:hidden;animation:modalEnter .45s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn{background:none;border:none;color:var(--soft-cream-muted);font-size:1.6rem;cursor:pointer;line-height:1;padding:.2rem .5rem;border-radius:8px;transition:var(--transition-smooth)}.close-btn:hover{color:#fff;background:#ffffff1a}.journal-card{width:92vw;max-width:1020px;height:82vh;max-height:720px;display:flex}.journal-sidebar{width:320px;background:#0b101ccc;border-right:1px solid rgba(244,239,230,.08);display:flex;flex-direction:column;padding:1.75rem 1.25rem}.sidebar-header h3{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;color:var(--warm-candle)}.sidebar-sub{font-size:.85rem;color:var(--soft-cream-muted);margin-top:.2rem}.new-entry-btn{margin:1.25rem 0;background:#e8a2552e;color:var(--warm-candle);border:1px solid rgba(232,162,85,.35);padding:.65rem;border-radius:10px;font-family:var(--font-serif);font-size:1.05rem;cursor:pointer;transition:var(--transition-smooth)}.new-entry-btn:hover{background:#e8a2554d;border-color:var(--warm-amber)}.entry-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.3rem}.entry-list::-webkit-scrollbar{width:4px}.entry-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.entry-item{padding:.85rem;border-radius:10px;background:#ffffff08;border:1px solid transparent;cursor:pointer;transition:var(--transition-smooth)}.entry-item:hover{background:#ffffff12}.entry-item.active{background:#e8a2551f;border-color:#e8a25559}.entry-item-title{font-family:var(--font-serif);font-size:1.1rem;color:var(--soft-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-item-meta{font-size:.75rem;color:var(--dusty-blue);margin-top:.25rem;display:flex;justify-content:space-between}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.privacy-badge{font-size:.75rem;color:var(--soft-cream-muted)}.journal-editor-area{flex:1;display:flex;flex-direction:column;padding:2rem 2.5rem;background:radial-gradient(circle at 90% 10%,rgba(232,162,85,.04),transparent 50%)}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(244,239,230,.08)}.journal-title-input{flex:1;background:none;border:none;color:var(--warm-candle);font-family:var(--font-serif);font-size:1.8rem;outline:none;user-select:text}.journal-title-input::placeholder{color:#f4efe640;font-style:italic}.editor-actions{display:flex;align-items:center;gap:1rem}.save-status{font-size:.8rem;color:var(--dusty-blue)}.danger-subtle-btn{background:#ff50501a;border:1px solid rgba(255,80,80,.25);color:#ff9b9b;padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.82rem;display:flex;align-items:center;gap:.4rem;transition:var(--transition-smooth)}.danger-subtle-btn:hover{background:#ff505033;border-color:#ff7070}.editor-body{flex:1;padding:1.5rem 0}.journal-body-textarea{width:100%;height:100%;background:none;border:none;outline:none;color:var(--soft-cream);font-family:var(--font-serif);font-size:1.35rem;line-height:1.85;resize:none;user-select:text}.journal-body-textarea::placeholder{color:#f4efe638;font-style:italic}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(244,239,230,.08)}.tag-selector{display:flex;gap:.5rem}.tag-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--soft-cream-muted);padding:.35rem .75rem;border-radius:999px;font-size:.8rem;cursor:pointer;transition:var(--transition-smooth)}.tag-pill.active{background:#e8a25526;border-color:var(--warm-amber);color:var(--warm-candle)}.editor-reminder{font-size:.8rem;color:#f4efe666;font-style:italic;font-family:var(--font-serif)}.reading-card{width:90vw;max-width:820px;height:82vh;max-height:720px;background:#141b2b;border:1px solid rgba(232,162,85,.2);display:flex;flex-direction:column}.reading-book-frame{height:100%;display:flex;flex-direction:column;padding:2rem 2.75rem;background:radial-gradient(circle at center,rgba(244,239,230,.03),transparent 75%)}.reading-top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.15rem;border-bottom:1px solid rgba(244,239,230,.08);gap:1rem}.reading-collection-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.book-collection-name{font-family:var(--font-serif);font-size:1.15rem;color:var(--warm-candle);letter-spacing:.08em;text-transform:uppercase}.reading-story-dropdown{background:#101726b3;border:1px solid rgba(232,162,85,.25);color:var(--soft-cream);font-family:var(--font-serif);font-size:.92rem;padding:.35rem .8rem;border-radius:8px;cursor:pointer;outline:none;max-width:320px;transition:var(--transition-smooth)}.reading-story-dropdown:hover,.reading-story-dropdown:focus{border-color:var(--warm-amber);background:#1a233ad9}.reading-story-dropdown option,.reading-story-dropdown optgroup{background:#141b2b;color:var(--soft-cream);font-family:var(--font-sans);font-size:.88rem}.reading-controls{display:flex;align-items:center;gap:.75rem}.reading-util-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--soft-cream);padding:.35rem .65rem;border-radius:6px;font-family:var(--font-serif);font-size:.95rem;cursor:pointer}.reading-content-area{flex:1;overflow-y:auto;padding:2rem 1.5rem 1.5rem 1rem;display:flex;flex-direction:column;justify-content:flex-start}.reading-content-area.font-handwriting .reading-poem,.reading-content-area.font-handwriting .reading-body{font-family:var(--font-handwriting)!important;font-size:1.45rem!important;line-height:1.8!important}.reading-piece-title{font-family:var(--font-serif);font-size:1.85rem;font-weight:400;color:var(--warm-candle);margin-bottom:.5rem;letter-spacing:.02em;line-height:1.3}.reading-piece-author{font-size:.88rem;color:var(--dusty-blue);font-style:italic;margin-bottom:1.6rem}.reading-body{font-family:var(--font-serif);font-size:1.15rem;line-height:1.95;color:var(--soft-cream);white-space:pre-line;max-width:680px}.reading-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid rgba(244,239,230,.08)}.nav-page-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--soft-cream);padding:.5rem 1.2rem;border-radius:8px;font-family:var(--font-serif);font-size:1.05rem;cursor:pointer;transition:var(--transition-smooth)}.nav-page-btn:hover{background:#e8a25533;border-color:var(--warm-amber)}.page-counter{font-family:var(--font-serif);font-size:1rem;color:var(--soft-cream-muted)}.sound-card{width:90vw;max-width:680px;max-height:88vh;overflow-y:auto;padding:2.25rem}.sound-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.sound-title-wrap{display:flex;align-items:center;gap:1.25rem}.turntable-visual{position:relative;width:64px;height:64px;background:#171210;border-radius:12px;border:1px solid #3d2f26;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000080}.tonearm{position:absolute;top:7px;right:8px;width:4px;height:30px;background:#c8a265;border-radius:2px;transform-origin:top right;transform:rotate(-22deg);transition:transform .8s cubic-bezier(.4,0,.2,1);box-shadow:-1px 2px 4px #0006}.turntable-visual.playing .tonearm{transform:rotate(8deg)}.record-disc{width:48px;height:48px;border-radius:50%;background:#111;border:1px solid #333;display:flex;align-items:center;justify-content:center;transition:transform .5s ease}.record-disc.spinning{animation:spinRecord 3s linear infinite}@keyframes spinRecord{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.record-grooves{width:32px;height:32px;border-radius:50%;border:1px dashed rgba(255,255,255,.15)}.record-center{width:14px;height:14px;border-radius:50%;background:var(--warm-amber)}.sound-title-wrap h3{font-family:var(--font-serif);font-size:1.6rem;color:var(--warm-candle);font-weight:400}.sound-sub{font-size:.85rem;color:var(--soft-cream-muted);margin-top:.2rem}.vinyl-collection-deck{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.vinyl-player-card{background:#1017268c;border:1px solid rgba(232,162,85,.25);border-radius:14px;padding:1.15rem 1.35rem;backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000040}.vinyl-now-playing-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.vinyl-status-badge{display:flex;align-items:center;gap:.45rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.3rem .65rem;border-radius:999px}.vinyl-status-dot{width:7px;height:7px;border-radius:50%;background:var(--dusty-blue);transition:background .3s ease,box-shadow .3s ease}.vinyl-status-dot.active{background:var(--warm-amber);box-shadow:0 0 8px var(--warm-amber);animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.2)}}.vinyl-status-text{font-size:.72rem;color:var(--soft-cream-muted);letter-spacing:.04em;text-transform:uppercase}.vinyl-current-meta{flex:1;display:flex;flex-direction:column;overflow:hidden}.vinyl-current-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--warm-candle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vinyl-current-artist{font-size:.78rem;color:var(--dusty-blue)}.vinyl-controls-group{display:flex;align-items:center;gap:.45rem}.vinyl-icon-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--soft-cream);width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.vinyl-icon-btn:hover{background:#e8a25540;border-color:#e8a25573;color:#fff;transform:scale(1.06)}.vinyl-play-toggle-btn{background:#e8a25538;border:1px solid rgba(232,162,85,.5);color:var(--warm-candle);padding:.45rem 1rem;border-radius:999px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:var(--transition-smooth)}.vinyl-play-toggle-btn:hover{background:#e8a25561;border-color:var(--warm-amber);color:#fff;transform:scale(1.03);box-shadow:0 0 12px #e8a25559}.vinyl-scrubber-wrap{margin-bottom:.85rem}.vinyl-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden;cursor:pointer;position:relative;transition:height .15s ease}.vinyl-progress-bar:hover{height:8px}.vinyl-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--warm-amber),var(--warm-candle));border-radius:999px;transition:width .1s linear}.vinyl-time-row{display:flex;justify-content:space-between;font-size:.74rem;color:var(--soft-cream-muted);margin-top:.35rem;font-variant-numeric:tabular-nums}.vinyl-volume-row{display:flex;align-items:center;gap:1rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.06)}.vinyl-crate-section{display:flex;flex-direction:column;gap:.55rem}.vinyl-crate-heading{font-size:.78rem;color:var(--dusty-blue);letter-spacing:.04em;text-transform:uppercase}.vinyl-records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:.6rem}.vinyl-record-chip{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.55rem;transition:var(--transition-smooth);text-align:left}.vinyl-record-chip:hover{background:#e8a2551f;border-color:#e8a25559;transform:translateY(-2px)}.vinyl-record-chip.active{background:#e8a2552e;border-color:var(--warm-amber);box-shadow:0 0 10px #e8a25533}.vinyl-record-chip.playing .vinyl-chip-icon{animation:spinRecord 2.5s linear infinite;display:inline-block}.vinyl-chip-icon{font-size:1.15rem;opacity:.9}.vinyl-chip-info{display:flex;flex-direction:column;overflow:hidden}.vinyl-chip-title{font-family:var(--font-serif);font-size:.88rem;color:var(--soft-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-record-chip.active .vinyl-chip-title{color:var(--warm-candle)}.vinyl-chip-time{font-size:.72rem;color:var(--dusty-blue)}.preset-selector{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.8rem 1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.preset-label{font-size:.78rem;color:var(--dusty-blue);margin-right:.25rem}.preset-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--soft-cream);padding:.35rem .75rem;border-radius:999px;font-size:.78rem;cursor:pointer;transition:var(--transition-smooth)}.preset-chip:hover{background:#e8a25533;border-color:#e8a25566}.preset-chip.active{background:#e8a25540;border-color:var(--warm-amber);color:var(--warm-candle)}.sound-tracks-grid{display:flex;flex-direction:column;gap:.85rem;max-height:280px;overflow-y:auto;padding-right:.5rem}.sound-tracks-grid::-webkit-scrollbar{width:4px}.sound-tracks-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sound-track-row{display:flex;align-items:center;gap:1rem;padding:.65rem .9rem;background:#ffffff06;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:var(--transition-smooth)}.sound-track-row:hover{background:#ffffff0d}.track-info{display:flex;align-items:center;gap:.6rem;width:170px}.track-icon{font-size:1.15rem}.track-name{font-size:.88rem;color:var(--soft-cream)}.sound-slider{flex:1;-webkit-appearance:none;appearance:none;height:5px;border-radius:999px;background:#ffffff26;outline:none;cursor:pointer}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--warm-amber);box-shadow:0 0 8px var(--warm-amber);cursor:pointer;transition:transform .1s ease}.sound-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.track-mute-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--soft-cream-muted);font-size:.72rem;padding:.25rem .55rem;border-radius:6px;cursor:pointer;transition:var(--transition-smooth)}.track-mute-btn.muted{background:#ff505033;border-color:#ff505066;color:#f99}.sound-master-bar{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.master-volume-wrap{flex:1;display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--soft-cream-muted)}.primary-btn{background:#e8a25533;border:1px solid rgba(232,162,85,.4);color:var(--warm-candle);padding:.6rem 1.2rem;border-radius:10px;font-size:.88rem;cursor:pointer;transition:var(--transition-smooth)}.primary-btn:hover{background:#e8a25559;border-color:var(--warm-amber);color:#fff}.emotional-card{width:90vw;max-width:580px;padding:3rem 2.5rem;text-align:center}.emotional-moon{font-size:2.5rem;color:var(--warm-candle);margin-bottom:.5rem;animation:moonPulse 4s infinite ease-in-out}@keyframes moonPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.emotional-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:400;letter-spacing:.04em;color:var(--soft-cream);margin-bottom:.5rem}.emotional-quote{font-family:var(--font-serif);font-style:italic;font-size:1.15rem;color:var(--warm-candle);margin-bottom:1.75rem;opacity:.9}.emotional-question{font-size:.95rem;color:var(--soft-cream-muted);margin-bottom:1.5rem}.emotional-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2rem}.emotional-btn{background:#ffffff0a;border:1px solid rgba(244,239,230,.12);color:var(--soft-cream);padding:.9rem 1.1rem;border-radius:12px;font-family:var(--font-serif);font-size:1.1rem;cursor:pointer;transition:var(--transition-smooth);text-align:center}.emotional-btn:hover{background:#e8a25526;border-color:#e8a25573;transform:translateY(-2px);color:var(--warm-candle)}.emotional-footer{border-top:1px solid rgba(255,255,255,.06);padding-top:1.25rem}.skip-btn{background:none;border:none;color:var(--dusty-blue);font-size:.88rem;cursor:pointer;transition:var(--transition-smooth)}.skip-btn:hover{color:var(--soft-cream)}.settings-card{width:90vw;max-width:580px;max-height:85vh;overflow-y:auto;padding:2.25rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:.8rem;border-bottom:1px solid rgba(244,239,230,.08)}.settings-header h3{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;color:var(--warm-candle)}.settings-section{margin-bottom:1.75rem}.settings-section h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dusty-blue);margin-bottom:1rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.setting-title{font-size:.95rem;color:var(--soft-cream);font-weight:500}.setting-desc{font-size:.78rem;color:var(--soft-cream-muted);margin-top:.2rem;max-width:380px}.setting-action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--soft-cream);padding:.45rem .9rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:var(--transition-smooth)}.setting-action-btn:hover{background:#e8a25533;border-color:var(--warm-amber)}.switch{position:relative;display:inline-block;width:44px;height:24px}.embrace-invitation-card{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:50;transition:opacity .4s ease,transform .4s ease;pointer-events:auto}.embrace-invitation-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,15px)}.embrace-card-inner{background:#101726eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(232,162,85,.35);box-shadow:0 12px 36px #0009,0 0 20px var(--warm-amber-glow);padding:1.25rem 2rem;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;animation:embraceCardEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes embraceCardEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.embrace-prompt-text{font-family:var(--font-serif);font-size:1.35rem;color:var(--soft-cream);letter-spacing:.03em}.embrace-choices{display:flex;gap:.75rem}.embrace-btn{border-radius:999px;padding:.55rem 1.25rem;font-family:var(--font-serif);font-size:1.05rem;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent}.embrace-btn.primary{background:#e8a25538;border-color:#e8a25580;color:var(--warm-candle)}.embrace-btn.primary:hover{background:#e8a25561;border-color:var(--warm-amber);color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #e8a25533}.embrace-btn.secondary{background:#ffffff0d;border-color:#ffffff1f;color:var(--soft-cream-muted)}.embrace-btn.secondary:hover{background:#ffffff1a;color:var(--soft-cream)}.switch input{opacity:0;width:0;height:0}.slider.round{position:absolute;cursor:pointer;inset:0;background-color:#ffffff26;transition:.3s;border-radius:24px}.slider.round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--warm-amber)}input:checked+.slider:before{transform:translate(20px)}.settings-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.privacy-note{font-size:.78rem;color:var(--dusty-blue);font-style:italic;text-align:center}#pet-effect-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.floating-heart{position:absolute;color:var(--warm-candle);font-size:1.8rem;animation:floatUpFade 1.6s ease-out forwards;pointer-events:none}@keyframes floatUpFade{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:1;transform:translateY(-25px) scale(1.1)}to{opacity:0;transform:translateY(-70px) scale(.9)}}@media (max-width: 768px){#sanctuary-hud{top:1rem;right:1rem}.journal-card{flex-direction:column;height:90vh}.journal-sidebar{width:100%;height:180px}.emotional-options-grid{grid-template-columns:1fr}.controls-hint{display:none}}