:root{--sans:'Sora',Arial,sans-serif;--serif:'Cormorant Garamond',Georgia,serif;--scene:var(--serif);--accent:#e6ba9b}
.screen{background:radial-gradient(ellipse at 50% 65%,#251a20,#08080b 65%)}.film video{filter:saturate(.94)}.shade{background:linear-gradient(0deg,#050509f2,transparent 35%,transparent 78%,#050509c9)}.words{transition:opacity .65s}.words.transitioning{opacity:0}.line{font-family:var(--scene);font-weight:500}.line em{font:inherit;font-style:italic;color:var(--accent)}.words.film-words .line{font-family:var(--scene);font-size:clamp(25px,3vw,43px);font-weight:500;line-height:1.25;letter-spacing:0;max-width:900px}.words.film-words .line em{font:inherit;font-style:italic}.whisper>span:first-child{font-family:var(--sans);font-size:12px;font-style:normal;line-height:1.8}.whisper>span:last-child{font-size:8px;max-width:180px;line-height:1.8}.words .overline{color:var(--accent)}
body[data-world=encuentro]{--accent:#d6b7e8;--scene:'Cormorant Garamond',Georgia,serif}body[data-world=encuentro] .film-words .line{font-size:clamp(30px,3.7vw,53px)}body[data-world=deseo]{--accent:#e2b69b;--scene:'Space Grotesk',Arial,sans-serif}body[data-world=deseo] .line em{font-style:normal;color:#edb4a7}body[data-world=hogar]{--accent:#e5c69a;--scene:'Oswald',Arial,sans-serif}body[data-world=hogar] .line{line-height:1.36;letter-spacing:.015em}body[data-world=hogar] .line em{font-style:normal}body[data-world=instante]{--accent:#d4a5ce;--scene:'Cinzel',Georgia,serif}body[data-world=instante] .film-words .line{font-size:clamp(22px,2.6vw,37px);line-height:1.45}body[data-world=instante] .line em{font-style:normal}body[data-world=luna]{--accent:#a1e4eb;--scene:'Rajdhani',Arial,sans-serif}body[data-world=luna] .film-words .line{font-size:clamp(30px,3.5vw,49px);line-height:1.15}body[data-world=luna] .line em{font-style:normal;color:#ecc9e1}
.entry{background:#08080b;isolation:isolate;overflow:hidden;transition:opacity 1.5s,visibility 1.5s}.projector-beam{position:absolute;z-index:-1;inset:-50%;background:conic-gradient(from 76deg at 9% 50%,transparent 0deg,#ae765017 9deg,#e9d4a624 16deg,transparent 27deg);filter:blur(20px);animation:projector 11s ease-in-out infinite alternate}.entry-coordinate{top:10%;font-size:8px;color:#baaa96;letter-spacing:.28em}.entry-center>p:first-child{font-family:var(--serif);font-style:normal;font-weight:500;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.035em;margin:0}.entry-subtitle{display:block;font-size:11px;color:#c3b6ad;letter-spacing:.02em;margin:24px 0 34px;animation:arrive 2.8s .2s both}.entry-bottom{bottom:8%;font-size:6px;letter-spacing:.3em;color:#958389}
.continue{position:fixed;z-index:16;right:4%;bottom:98px;width:40px;height:40px;border:1px solid #fff2;border-radius:50%;display:grid;place-items:center;opacity:.65;transition:opacity .3s,background .3s}.continue:hover{opacity:1;background:#ffffff12}.continue svg{width:14px;height:14px}.languages{bottom:20%;gap:9px}.languages button{min-height:46px;min-width:100px;padding:11px 18px;font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.7;border:1px solid #dcb9cc30;border-radius:30px;color:#e5d1df;background:linear-gradient(135deg,#b46e8812,#8e81b412);transition:background .3s,transform .3s,box-shadow .3s}.languages button:hover,.languages button[aria-pressed=true]{color:white;background:#c17b9e26;box-shadow:0 0 24px #c17b9e14;transform:translateY(-3px)}.languages button[lang=ja],.languages button[lang=ko]{font-family:var(--sans),'Yu Gothic','Malgun Gothic',sans-serif;font-size:12px}.letter-button{border-radius:30px;background:linear-gradient(135deg,#dc9baf15,#796f9412)}
.music-dock{left:4%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 12px));border-radius:9px;max-width:min(430px,70vw)}.cover-link{position:relative;display:block;width:46px;height:46px;padding:0;border-radius:3px;overflow:hidden}.cover-link>span{position:absolute;inset:0;background:#09081080;display:grid;place-items:center;opacity:0;transition:opacity .3s;font-size:20px}.cover-link:hover>span{opacity:1}.song-info>button{font-size:10px;text-align:left;line-height:1.5;max-width:230px;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-info>button:hover{color:var(--accent)}.song-info>span{line-height:1.6}.spotify-link{width:max-content}.global-controls{position:fixed;z-index:22;right:4%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 12px));display:flex;gap:3px;align-items:center;padding:4px;background:#0b090f90;border:1px solid #ffffff12;border-radius:30px;backdrop-filter:blur(14px)}.global-controls [aria-pressed=true]{color:#e6a3a7;background:#a45b761c}.credits-button{bottom:33px;right:calc(4% + 105px);font-size:11px}.global-controls .icon-button{width:38px;height:40px}.notice{border-radius:7px;z-index:110}
.photo{display:block;transform:none;translate:none}.photo.current{transform:none}.photo img{max-width:none;max-height:none;border:0;rotate:none!important}.photo-background{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(35px) brightness(.25) saturate(.65);scale:1.12}.memory-frame{position:absolute;inset:12% 15% 23%;display:flex;align-items:center;justify-content:center;gap:2vw;transform:scale(1.035);transition:transform 12s ease}.current .memory-frame{transform:scale(1)}.memory-frame>img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 22px 100px #000a;outline:1px solid #ffe7e21c;outline-offset:8px}.memory-frame .memory-echo{max-width:24%;max-height:68%;filter:brightness(.62);translate:0 8%;rotate:3deg!important}.photo:nth-child(even) .memory-echo{order:-1;rotate:-3deg!important;translate:0 -8%}.photo:after{content:'';position:absolute;inset:0;border:30px solid #09080a30}.memory-counter{bottom:auto;top:15%}body[data-world=recuerdos] .words{bottom:14%}body[data-world=recuerdos] .line{font-size:clamp(28px,3.3vw,46px)}body[data-world=nosotros] .words{top:39%}
.orientation{position:fixed;z-index:90;inset:0;background:radial-gradient(ellipse at 50% 40%,#30212b,#08080b 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.orientation p{font-family:var(--serif);font-size:45px;line-height:1.1;margin:35px 0 20px}.orientation p em{color:#e0b3bb;font-weight:500}.orientation>span{font-size:10px;line-height:1.8;color:#b5a9b7}.orientation .quiet-button{margin-top:28px;font-size:9px}.phone-turn{width:33px;height:58px;border:1px solid #e6c4bc99;border-radius:7px;position:relative;animation:turn 3.2s ease-in-out infinite}.phone-turn:after{content:'';width:8px;height:2px;position:absolute;left:11px;bottom:5px;background:#e6c4bc99;border-radius:4px}
dialog{border-radius:10px}dialog::backdrop{background:#050508de;backdrop-filter:blur(18px)}.close-dialog{z-index:3;background:#0e0a1080}.letter{width:1020px;padding:0;background:#151015;color:#ede1e7}.letter:before{display:none}.letter-portrait{position:absolute;left:0;top:0;width:34%;height:100%;overflow:hidden}.letter-portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:brightness(.55) saturate(.65)}.letter-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#151015,transparent 65%),linear-gradient(90deg,transparent 50%,#151015)}.letter-portrait span{position:absolute;z-index:1;left:28px;bottom:35px;font-size:8px;letter-spacing:.2em;line-height:2;color:#e6c2c5}.letter-body{position:relative;margin-left:34%;padding:48px 50px 40px}.letter-date{font-size:7px;line-height:1.9;letter-spacing:.17em;color:#bb919c}.letter h1{font-family:'Caveat',cursive;font-size:66px;font-weight:400;font-style:normal;line-height:1.1;margin:28px 0}.letter p{font-family:var(--sans);font-size:12px;line-height:2.1;font-weight:400;color:#d9c9ce;margin:20px 0}.letter p.letter-ending{font-family:var(--serif);font-size:25px;line-height:1.5;color:#efdbdc;margin-top:29px}.letter-ending em{color:#e5a9bd;font-size:37px}.letter-signature{font-family:'Caveat',cursive;font-size:30px;font-style:normal;color:#d8a8b7;margin:24px 0}.save-memory{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:9px;line-height:1.8;margin-top:32px;padding:15px 0;border-block:1px solid #d8a8b72b;color:#e3c3cd}.save-memory:hover{color:#fff}
.song-secret{width:850px;padding:0;display:grid;grid-template-columns:32% 1fr}.song-secret:not([open]){display:none}.secret-art{position:relative;background:#100d13;min-height:430px;overflow:hidden;display:flex;align-items:flex-start;padding:50px 25px}.secret-art>img{width:100%;height:auto;object-fit:contain;box-shadow:0 10px 70px #0009}.secret-art>span{position:absolute;left:26px;right:26px;bottom:30px;font-size:7px;letter-spacing:.17em;line-height:2;color:#b99ba9}.secret-body{padding:42px 38px 34px}.secret-body>.overline{font-size:7px;letter-spacing:.12em}.secret-body h2{font-family:var(--serif);font-weight:500;line-height:1.1;font-size:37px;margin:16px 0 8px}.secret-body>#secretArtist{font-size:9px;color:#b8a3b1}.secret-tabs{display:flex;gap:23px;border-bottom:1px solid #d1aac225;margin:27px 0 23px}.secret-tabs button{font-size:9px;padding:10px 0 13px;color:#aa91a6;border-bottom:1px solid transparent;margin-bottom:-1px}.secret-tabs button[aria-selected=true]{color:#ebc7d7;border-color:#ebc7d7}.secret-body h3{font-size:9px;letter-spacing:.12em;font-weight:400;text-transform:uppercase;color:#dfbacd;margin:0 0 14px}.secret-body p{font-size:11px;line-height:2;color:#cdbdc9;margin:0}.secret-body blockquote{font-family:var(--serif);font-size:28px;font-weight:500;font-style:italic;line-height:1.25;margin:24px 0;color:#e4bccd}.secret-body a{display:block;width:fit-content;font-size:8px;line-height:1.9;border-bottom:1px solid #cf9db244;padding:7px 0;color:#d4acbf}.original-note{display:block;font-size:7px;line-height:1.8;color:#9b8698;margin:-8px 0 15px}
@keyframes projector{to{rotate:5deg;opacity:.6;scale:1.1}}@keyframes turn{0%,15%{rotate:0deg}55%,85%{rotate:90deg}100%{rotate:0deg}}
@media(max-width:700px){.entry-center>p:first-child{font-size:58px}.entry-subtitle{font-size:10px}.entry-coordinate{font-size:6px}.words.film-words{bottom:22%}.words.film-words .line{font-size:22px;line-height:1.4;max-width:340px}body[data-world=encuentro] .film-words .line{font-size:29px}body[data-world=instante] .film-words .line{font-size:19px}body[data-world=luna] .film-words .line{font-size:29px}.film video{top:17svh;width:100%;height:43svh;aspect-ratio:auto;object-fit:contain;filter:saturate(.94)}.music-dock{left:14px;right:auto;bottom:max(16px,calc(env(safe-area-inset-bottom) + 9px));max-width:calc(100vw - 106px);gap:8px;padding:7px}.cover-link{width:37px;height:37px}.song-info>button{font-size:8px;max-width:154px}.music-buttons{padding-left:0}.global-controls{right:10px;bottom:20px;gap:0;padding:1px}.global-controls .icon-button{width:31px;height:34px}.credits-button{right:12px;bottom:61px;font-size:10px}.continue{right:15px;bottom:112px;width:34px;height:34px}.memory-frame{inset:18% 9% 31%;gap:10px}.memory-frame .memory-echo{display:none}.photo:after{border-width:15px}body[data-world=recuerdos] .words{bottom:22%}.memory-counter{right:9%;top:13%;font-size:6px}.languages{bottom:22%;gap:7px}.languages button{min-width:90px;min-height:41px;font-size:10px;padding:8px 12px}.languages button[lang=ja],.languages button[lang=ko]{font-size:11px}body[data-world=nosotros] .words{top:36%}body[data-world=nosotros] .line{font-size:44px}.letter-portrait{position:relative;width:100%;height:220px}.letter-portrait img{object-position:center 43%}.letter-portrait:after{background:linear-gradient(0deg,#151015,transparent 80%)}.letter-portrait span{left:25px;bottom:20px;font-size:6px}.letter-body{margin-left:0;padding:15px 27px 30px}.letter h1{font-size:60px;margin:25px 0}.letter p{font-size:11px;line-height:2}.letter-ending em{font-size:33px}.letter-signature{font-size:27px}.letter-date{font-size:6px}.song-secret{grid-template-columns:1fr}.secret-art{min-height:0;height:165px;align-items:center;padding:25px;gap:23px;background:linear-gradient(100deg,#30202e,#121017)}.secret-art>img{width:110px;height:110px}.secret-art>span{position:static;font-size:6px;max-width:100px;line-height:2.2}.secret-body{padding:26px}.secret-body h2{font-size:34px}.secret-body p{font-size:10px}.secret-body blockquote{font-size:26px}}
@media(orientation:landscape) and (max-height:580px){.frame-header{top:max(20px,env(safe-area-inset-top));left:5%;right:5%}.world-label{font-size:6px}.world-label small{font-size:5px}.frame-count{font-size:5px}.letterbox{border-block-width:7px}.entry-coordinate{top:9%;font-size:6px}.entry-center>p:first-child{font-size:46px;line-height:.98}.entry-subtitle{margin:14px 0 18px;font-size:9px}.begin{width:44px;height:44px;margin-bottom:17px}.entry-hint{font-size:7px}.entry-bottom{bottom:7%;font-size:5px}.quiet-button{min-height:30px;font-size:7px}.film video{position:static;width:100%;height:100%;max-height:none;object-fit:contain}.words{top:43%;left:10%;right:10%}.line{font-size:45px}.under-line{font-size:9px;margin-top:14px}.words.film-words{bottom:23%}.words.film-words .line{font-size:24px;max-width:650px;line-height:1.25}.words.film-words .overline{font-size:5px;margin-bottom:7px}.words.film-words .under-line{font-size:8px;margin-top:9px}.words.film-words .whisper{display:none}body[data-world=encuentro] .film-words .line{font-size:31px}body[data-world=instante] .film-words .line{font-size:21px}body[data-world=luna] .film-words .line{font-size:29px}.music-dock{bottom:max(12px,env(safe-area-inset-bottom));left:max(5%,env(safe-area-inset-left));padding:5px 8px 5px 5px;gap:8px;max-width:320px}.cover-link{width:32px;height:32px}.song-info{gap:2px}.song-info>button{font-size:8px;max-width:185px}.song-info>span{font-size:6px}.spotify-link{font-size:5px}.music-time{display:none}.icon-button{height:32px;width:33px}.icon-button svg{width:14px;height:14px}.global-controls{bottom:12px;right:5%;padding:1px;gap:0}.global-controls .icon-button{height:32px;width:33px}.credits-button{bottom:10px;right:calc(5% + 80px);font-size:9px}.continue{right:5%;bottom:64px;width:30px;height:30px}.trail{right:12px;gap:0}.trail button{height:21px;width:21px}.memory-frame{inset:13% 18% 27%;gap:3vw}.memory-frame .memory-echo{display:block;max-width:25%}body[data-world=recuerdos] .words{bottom:22%}body[data-world=recuerdos] .line{font-size:25px}.memory-counter{top:16%;right:10%;font-size:6px}.languages{bottom:19%;gap:8px;left:10%;right:10%}.languages button{min-height:34px;min-width:92px;padding:6px 12px;font-size:10px}.languages button[lang=ja],.languages button[lang=ko]{font-size:10px}body[data-world=nosotros] .words{top:35%}body[data-world=nosotros] .line{font-size:39px}body[data-world=nosotros] .under-line{font-size:8px;max-width:400px;margin-top:12px}.words .last-actions{margin-top:17px;flex-direction:row;gap:16px}.letter-button{min-height:36px;padding:9px 17px;font-size:8px}.letter{max-height:90svh}.letter-portrait{position:absolute;width:32%;height:100%}.letter-body{margin-left:32%;padding:28px 35px}.letter p{font-size:10px}.letter h1{font-size:54px;margin:20px 0}.song-secret{grid-template-columns:28% 1fr}.secret-art{height:auto;min-height:0;padding:45px 20px;align-items:flex-start;display:block}.secret-art>img{width:100%;height:auto}.secret-art>span{position:static;display:block;max-width:none;margin-top:25px}.secret-body{padding:28px}.secret-body h2{font-size:32px}.secret-body p{font-size:10px}.secret-body blockquote{font-size:24px}}
@media(prefers-reduced-motion:reduce){.memory-frame{transform:none}.projector-beam{animation:none}}
body[data-world=nosotros] .photographs{opacity:.2}body[data-world=nosotros] .memory-frame{opacity:0}
.memory-frame>img{min-width:0}