@font-face{font-family:HDMicrobic;src:url(/assets/HDMicrobic-Condensed-NcDKMl2S.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}body{margin:0;padding:0;overflow:hidden;background-color:#000;font-family:HDMicrobic,sans-serif;padding-bottom:env(safe-area-inset-bottom)}.bg-image{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:opacity .3s ease}.overlay{position:relative;width:100vw;height:100vh;overflow:hidden;z-index:1;padding-bottom:env(safe-area-inset-bottom)}.title-top{position:absolute;top:10px;font-size:7rem;color:#000;z-index:10;pointer-events:none;font-family:HDMicrobic,sans-serif}.title-left{left:25px}.title-right{right:25px}@media (max-width: 768px){.title-top{font-size:5rem}}.heart-popup{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:20px;z-index:20;display:flex;align-items:flex-end;justify-content:flex-start}.heart{font-size:7rem;background:transparent;border:none;color:#fff0;cursor:pointer;-webkit-text-stroke:3px black;display:inline-block;text-align:left;padding:0;margin:0;line-height:1}.heart-open{color:#000;border-radius:none}@media (max-width: 768px){.heart{font-size:4rem;-webkit-text-stroke:2px black}}.popup{position:absolute;bottom:120px;left:0;right:0;margin:0 auto;background:#000;color:#fff;border:2px solid white;padding:20px;width:800px;font-size:34px;line-height:1.3;font-family:HDMicrobic,sans-serif;mix-blend-mode:normal;z-index:21;white-space:pre-line}@media (max-width: 768px){.popup{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));left:5%;right:5%;width:90%;max-width:none;padding:16px;font-size:18px;line-height:1.5;box-sizing:border-box;z-index:21}}.progress-bar{position:fixed;bottom:0;left:0;width:100%;height:10px;background:#000;border-top:2px solid white;border-bottom:2px solid white;z-index:19;cursor:pointer;padding-bottom:env(safe-area-inset-bottom)}.progress{height:100%;background:#fff;width:0%;transition:width .3s ease}.player-controls{position:fixed;bottom:calc(30px + env(safe-area-inset-bottom));right:20px;background:#000;border:1px solid white;padding:10px 15px;border-radius:8px;z-index:15;display:flex;align-items:center;gap:10px;transition:opacity .3s ease-in-out}.player-controls.hidden{opacity:0;pointer-events:none}.player-controls button{background:#000;color:#fff;border:1px solid white;font-size:16px;padding:4px 8px;cursor:pointer}.player-controls input[type=range]{accent-color:white;cursor:pointer}.slide-in-right{animation:pushInFromRight .6s forwards;position:absolute;top:0;left:0}.slide-out-left{animation:pushOutToLeft .6s forwards;position:absolute;top:0;left:0}.slide-in-left{animation:pushInFromLeft .6s forwards;position:absolute;top:0;left:0}.slide-out-right{animation:pushOutToRight .6s forwards;position:absolute;top:0;left:0}@keyframes pushInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pushOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pushInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pushOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}