:root{--motion-fast:140ms;--motion-normal:280ms;--motion-slow:650ms;--ease-soft:cubic-bezier(.2,.7,.2,1);--ease-paper:cubic-bezier(.25,.8,.3,1);--ease-spring:cubic-bezier(.2,1.25,.4,1);--depth-environment:0;--depth-content:1;--depth-fx:70;--living-x:0px;--living-y:0px}
body[data-season=spring]{--world-accent:#b75270;--world-wash:#ffe4d5}body[data-season=summer]{--world-accent:#247e8d;--world-wash:#d9f5ed}body[data-season=autumn]{--world-accent:#9b573d;--world-wash:#ffe5c3}body[data-season=winter]{--world-accent:#65629c;--world-wash:#e8eafa}
.sun-rays{translate:var(--living-x) var(--living-y)}.cloud-one{translate:calc(var(--living-x)*-.5) calc(var(--living-y)*-.5)}
button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--world-accent,#9a547d);outline-offset:4px}
.btn{transition:box-shadow var(--motion-normal) var(--ease-soft),translate var(--motion-fast) var(--ease-soft)}.btn:active{translate:0 2px;box-shadow:inset 0 2px 5px #60445425}.collection-memory{transition:box-shadow var(--motion-normal),translate var(--motion-normal)}
@media(hover:hover){.collection-memory:hover{translate:0 -4px;box-shadow:0 16px 32px #845b7725}.atlas-chapter:hover{background:#fff8ef;translate:0 -2px}}
.theatre-controls{position:absolute;bottom:7px;left:12px;right:12px;display:flex;gap:6px;overflow:auto;scrollbar-width:thin;z-index:2;padding:5px}.theatre-controls button{flex:0 0 auto;min-height:36px;font:inherit;font-size:11px;padding:5px 10px;color:#463846;border:1px solid #fff5ebaa;border-radius:18px;background:#fff6e9e8;box-shadow:0 2px 7px #54354520}.theatre-controls button:focus-visible{outline-offset:-3px}
.chapter-keepsake{overflow:visible}.chapter-keepsake:after{/* [CHỮ / BIỂU TƯỢNG CSS] Chuỗi sau content là chữ vẽ thêm bằng ::before/::after của bộ chọn này; không phải nội dung album. Chuỗi rỗng tạo lớp trang trí trống. Chỉ đổi phần trong nháy nếu muốn đổi nhãn / biểu tượng. */content:'';position:absolute;inset:22%;pointer-events:none;border-radius:50%;opacity:0;background:radial-gradient(#fff8d3,transparent 70%)}.chapter-keepsake[data-kind=camera].craft-active:after{animation:keepsake-flash .6s ease-out}.chapter-keepsake[data-kind=projector].craft-active:after{opacity:.75;inset:25% -40% 25% 60%;clip-path:polygon(0 45%,100% 0,100% 100%,0 55%)}.chapter-keepsake[data-kind=cup].craft-active:after{opacity:.5;translate:0 -45px}
@keyframes keepsake-flash{0%{opacity:.8;scale:.5}100%{opacity:0;scale:1.4}}
.world-atlas{width:min(880px,94vw)}.atlas-regions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.atlas-region{padding:20px;border:1px solid #b37d6e44;border-radius:24px 12px 26px 10px;background:#ffedf0;box-shadow:3px 6px 0 #886c7220}.atlas-region[data-season=summer]{background:#dff1e9}.atlas-region[data-season=autumn]{background:#f8e5ce}.atlas-region[data-season=winter]{background:#e9e5f5}.atlas-region nav{display:grid;gap:7px}.atlas-chapter{display:block;padding:10px 12px;border-bottom:1px dashed #83607466;transition:translate var(--motion-normal);color:#513b52}.atlas-chapter[aria-current]{font-weight:800;background:#fff9ef;border-radius:9px}.atlas-chapter[data-visited]:after{/* [CHỮ / BIỂU TƯỢNG CSS] Chuỗi sau content là chữ vẽ thêm bằng ::before/::after của bộ chọn này; không phải nội dung album. Chuỗi rỗng tạo lớp trang trí trống. Chỉ đổi phần trong nháy nếu muốn đổi nhãn / biểu tượng. */content:' ✿';color:#a25073}
.story-journey{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:36px auto 10px;padding:20px;border-block:1px dashed #b88c9b66}.story-journey span{font-size:12px}.story-journey>a,.story-journey>span{display:none}body[data-world-mode=story] .story-journey>a,body[data-world-mode=story] .story-journey>span{display:inline-flex}body[data-world-mode=story] .chapter-ribbon,body[data-world-mode=story] .odyssey-mascot{display:none}
.finale-reel{text-align:center;padding:28px;margin:24px auto;max-width:650px;background:var(--world-wash);border:1px dashed #b18196;border-radius:20px}.memory-montage{width:min(800px,94vw)}.montage-media{display:grid;place-items:center;min-height:100px}.montage-media img,.montage-media video{max-width:100%;height:min(46vh,460px);object-fit:contain;border:10px solid #fff7e8;box-shadow:0 8px 28px #70506726}.montage-controls{display:flex;gap:10px;flex-wrap:wrap}.montage-controls button{min-height:44px;padding:8px 14px}.voice-memory{display:grid;gap:8px;width:100%;padding:14px}.voice-memory audio,.montage-media audio{max-width:100%;width:100%;margin-top:10px}.inspect-note{white-space:pre-line}
.chapter-transition[data-style=film]{background:repeating-linear-gradient(90deg,#5d4561 0 12%,#4b3955 12% 14%);color:#fff4de}.chapter-transition[data-style=flash]{background:#fff5de}.chapter-transition[data-style=paper]{background:linear-gradient(110deg,#efd1cd,#fff4df 48%,#d5b3c5 50%,#fff4df 52%)}.chapter-transition[data-style=petals]{background:radial-gradient(ellipse at 20% 70%,#efb9cd,transparent 55%),#fff0e8}
@media(max-width:600px){.atlas-regions{grid-template-columns:1fr}.atlas-region{padding:16px}.theatre-controls button{min-height:44px;font-size:10px}.theatre-controls{left:5px;right:5px;bottom:2px}.story-journey{padding:14px 4px;gap:8px}.story-journey .btn{font-size:12px;padding:10px}.montage-media img,.montage-media video{height:36vh}.memory-montage{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){.sun-rays,.cloud-one{translate:none}.chapter-keepsake:after{animation:none!important}.btn,.collection-memory,.atlas-chapter{transition:none}}
.motion-paused .sun-rays,.motion-paused .cloud-one{translate:none}.motion-paused .chapter-keepsake:after{animation:none!important}

.memory-bloomed .charm-icon{color:#b54673;filter:drop-shadow(0 0 10px #f2c070);scale:1.18}.small-note{touch-action:pan-y;cursor:grab}.small-note:active{cursor:grabbing}.small-note:focus-visible{outline:3px solid var(--world-accent);outline-offset:4px;z-index:2}.travel-passport,.favorite-showcase{padding:24px;margin:20px 0 30px;border:1px dashed #ac7d6e;border-radius:12px;background:#fff4df}.travel-stamp{margin:8px;padding:15px;min-height:48px;background:transparent;color:#8e4d51;border:2px double currentColor;border-radius:50% 40%;rotate:var(--stamp-turn);font:inherit}.travel-stamp.stamped{background:#f5d5ce;box-shadow:0 2px 0 #92556d33}.favorite-showcase{text-align:center;background:#f6e6ee}

.sun-rays{filter:brightness(calc(1 + var(--audio-glow,0)*.16))}

.wand-cursor[data-state=hover]{filter:drop-shadow(0 0 4px #d9a5c4)}.wand-cursor[data-state=drag]{rotate:-18deg}.wand-cursor[data-state=media]{color:#aa708d}.wand-cursor,.cursor-tail{pointer-events:none!important}