:root{--bg: #0b0b0f;--panel: #131119;--ink: #f5f0f2;--muted: #8b8391;--accent: #ff4d6d;--accent-soft: #ffb3c1;--line: color-mix(in srgb, var(--ink) 13%, transparent);--radius: 1.25rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow-x:clip}h1,h2,h3,p,button,label,li{word-break:keep-all;overflow-wrap:break-word}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.22}p{margin:0}a{color:var(--accent)}.wrap{width:min(100%,60rem);margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem)}.narrow{width:min(100%,34rem)}.section{padding-block:clamp(4rem,11vh,7.5rem)}.eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.lead{color:var(--muted);font-size:clamp(1rem,2.2vw,1.1rem);max-width:44ch}.stack{display:grid;gap:1rem;justify-items:center;text-align:center}.btn{font:inherit;font-weight:700;font-size:1rem;padding:.9rem 2.2rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;text-decoration:none;display:inline-block}.btn--primary{background:var(--accent);color:#1a0a10;box-shadow:0 .7rem 1.8rem -.8rem color-mix(in srgb,var(--accent) 85%,transparent)}.btn--primary:hover:not(:disabled){transform:translateY(-2px)}.btn--primary:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 32%,transparent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,4vw,2rem)}.field{display:grid;gap:.45rem;margin-bottom:1.1rem}.field>label{font-size:.85rem;font-weight:600;color:var(--muted)}.input{font:inherit;color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid var(--line);border-radius:.75rem;padding:.75rem .9rem;width:100%}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.hint{font-size:.8rem;color:var(--muted)}.slots{display:grid;gap:.6rem;padding:0;margin:0;list-style:none}.slot{display:flex;gap:.75rem;align-items:center}.slot .input{flex:1}.slot-pick{font:inherit;width:100%;text-align:left;padding:1rem 1.1rem;border-radius:.9rem;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.slot-pick:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-1px)}.slot-pick[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.center{min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,5vw,2rem)}.footer{padding:2.5rem 1rem 3.5rem;text-align:center;font-size:.8rem;color:color-mix(in srgb,var(--muted) 80%,transparent)}.linkbox{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.linkbox .input{flex:1 1 16rem;font-size:.9rem}.err{color:var(--accent-soft);font-size:.9rem}.steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:0;margin:0;list-style:none;counter-reset:step}.step{counter-increment:step;padding:1.6rem;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 4%,transparent);display:grid;gap:.55rem;align-content:start}.step:before{content:counter(step);width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#1a0a10;font-weight:800;font-size:.9rem}.step h3{font-size:1.1rem}.step p{font-size:.95rem;color:var(--muted)}.cta{width:min(100%,48rem);margin-inline:auto;padding:clamp(2.2rem,6vw,4rem) clamp(1.4rem,5vw,3rem);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%),var(--panel)}.cal{width:min(100%,30rem);margin-inline:auto;padding:clamp(1rem,4vw,1.5rem);border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)}.cal__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.cal__month{font-weight:700;font-size:1.05rem}.cal__none{font-weight:400;font-size:.8rem;color:var(--muted)}.cal__nav{font:inherit;font-size:1.4rem;line-height:1;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.cal__nav:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.cal__wd{text-align:center;font-size:.72rem;font-weight:700;color:var(--muted);padding-bottom:.35rem}.cal__wd[data-sun],.cal__day[data-sun]{color:color-mix(in srgb,var(--accent) 70%,var(--muted))}.cal__cell{aspect-ratio:1;display:grid;place-items:center}.cal__day{font-size:.9rem;color:color-mix(in srgb,var(--ink) 34%,transparent)}.cal__pick{font:inherit;width:100%;height:100%;display:grid;place-content:center;gap:.1rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink);cursor:pointer;transition:transform .14s ease,background .14s ease}.cal__pick:hover:not(:disabled){background:var(--accent);color:#1a0a10;transform:translateY(-2px)}.cal__pick:hover:not(:disabled) .cal__day,.cal__pick:hover:not(:disabled) .cal__time{color:#1a0a10}.cal__pick:disabled{opacity:.6;cursor:not-allowed}.cal__pick .cal__day{color:var(--ink);font-weight:700}.cal__time{font-size:.6rem;line-height:1.1;color:var(--accent-soft);white-space:nowrap}.cal__hint{margin-top:1rem;font-size:.8rem;color:var(--muted);text-align:center}.film{position:relative}.film__stage{position:sticky;top:0;height:100dvh;overflow:clip;display:grid;place-items:center}.film__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.film__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,color-mix(in srgb,var(--bg) 88%,transparent) 0%,color-mix(in srgb,var(--bg) 55%,transparent) 38%,transparent 68%)}.film__copy{position:relative;z-index:1;width:min(100%,60rem);margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem);justify-self:start;width:100%}.film__chapter[data-stacked]{position:absolute;inset-inline:clamp(1rem,5vw,2rem);top:50%;transform:translateY(-50%);max-width:30rem;opacity:0;transition:opacity .42s ease,transform .42s ease;pointer-events:none}.film__chapter[data-stacked][data-active]{opacity:1;transform:translateY(-50%);pointer-events:auto}.film__chapter[data-instant]{transition:none}.film__chapter[data-stacked]:not([data-active]){transform:translateY(-46%)}.film__title{font-size:clamp(1.9rem,4.4vw,3.4rem);margin-block:.6rem .75rem}.film__body{color:var(--muted);font-size:clamp(.98rem,1.9vw,1.1rem);line-height:1.75;max-width:26rem}.film__dots{position:absolute;z-index:2;right:clamp(1rem,5vw,2rem);top:50%;transform:translateY(-50%);display:grid;gap:.75rem;font-size:.75rem;font-weight:700;color:color-mix(in srgb,var(--ink) 35%,transparent);text-align:right}.film__dots [aria-current]{color:var(--accent)}@media(max-width:860px){.film__dots{display:none}.film__chapter[data-stacked]{top:auto;bottom:12dvh;transform:none;max-width:none}.film__chapter[data-stacked][data-active]{transform:none}.film__chapter[data-stacked]:not([data-active]){transform:translateY(1rem)}.film__stage:after{background:linear-gradient(to top,color-mix(in srgb,var(--bg) 92%,transparent) 0%,color-mix(in srgb,var(--bg) 55%,transparent) 42%,transparent 72%)}}.arena{position:relative;width:min(100%,46rem);margin-inline:auto;min-height:clamp(26rem,52vh,36rem);display:grid;place-content:center;justify-items:center;gap:1.25rem;padding:clamp(1rem,4vw,2.5rem);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 62%),var(--panel);overflow:clip;touch-action:manipulation;text-align:center}.arena__q{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;line-height:1.3}.arena__row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center}.arena__no{font:inherit;font-weight:700;font-size:1rem;padding:.9rem 2.2rem;border-radius:999px;background:transparent;color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 34%,transparent);cursor:pointer;will-change:transform}.arena__status{min-height:1.5em;font-size:.95rem;color:var(--muted)}@media(hover:none)and (pointer:coarse){.arena{min-height:clamp(28rem,58vh,38rem)}}.arena__no[data-caught]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);animation:caught-pulse 1.6s ease-in-out infinite}@keyframes caught-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 0 .55rem color-mix(in srgb,var(--accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.arena__no[data-caught]{animation:none}}.arena{touch-action:pan-y}.arena[data-chasing]{touch-action:none}