html:has(#gl),html:has(#gl) body{height:100%;overflow:hidden}body:has(#gl){background:radial-gradient(120% 90% at 50% 45%,#fff 0%,#fafafa 55%,#efefef 100%)}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.headline{z-index:3;pointer-events:none;padding:0 var(--gutter);left:0;right:0;top:calc(env(safe-area-inset-top) + 104px);max-width:calc(36ch + 2 * var(--gutter));text-align:center;font-size:clamp(28px,3.1vw,60px);line-height:calc(1.12 * var(--lh-k));letter-spacing:var(--ls-4);--d:.45s;margin:0 auto;font-weight:400;transition:opacity .4s;position:fixed}.headline[lang=ko]{font-size:calc(clamp(28px, 3.1vw, 60px) * var(--ko-scale))}@media (width<=720px){.headline{top:calc(env(safe-area-inset-top) + 118px)}}.caption{z-index:3;pointer-events:none;left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + 24px);text-align:center;opacity:0;transition:opacity 1.1s var(--ease-out), transform 1.4s var(--ease-out);position:fixed;transform:translateY(10px)}body.ready .caption.on{opacity:1;transform:none}.cap-index{font-family:var(--sans);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:8px;font-size:12px}.cap-title{box-sizing:content-box;max-width:900px;height:1.18em;letter-spacing:var(--ls-3);margin:0 auto -.25em;padding-bottom:.25em;font-size:clamp(22px,2.2vw,36px);font-weight:400;line-height:1.18;position:relative;overflow:hidden}.cap-title .line{white-space:nowrap;text-overflow:ellipsis;opacity:0;filter:blur(6px);transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), filter .7s var(--ease-out);position:absolute;inset:0;overflow:hidden;transform:translateY(.35em)}.cap-title .line.cur{opacity:1;filter:none;transform:none}.cap-title .line.out{opacity:0;filter:blur(6px);transform:translateY(-.35em)}.cap-meta{min-height:calc(1.3em * var(--lh-k));line-height:calc(1.3 * var(--lh-k));letter-spacing:var(--ls-2);color:var(--text-3);margin-top:6px;font-size:16px;transition:opacity .35s}.cap-meta.swap{opacity:0}.cap-hint{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);opacity:.7;margin-top:14px;font-size:11px}.hint-touch{display:none}@media (hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}.flick-hint{z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom) + 150px);color:#fff;font-family:var(--sans);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out), transform .8s var(--ease-out);background:#111111db;border-radius:999px;padding:7px 14px;font-size:12px;position:fixed;transform:translate(-50%,8px)}.flick-hint.show{opacity:1;transform:translate(-50%)}.flick-hint i{animation:flick-nudge 1.8s var(--ease-out) infinite;margin-right:4px;font-style:normal;display:inline-block}@keyframes flick-nudge{0%,40%{opacity:1;transform:translateY(0)}70%{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.card-up{--up-hit:36px;--up-icon:16px;--up-gap:18px;--up-rise:6px;--up-in:.55s;--up-out:.3s;z-index:4;width:var(--up-hit);height:var(--up-hit);margin:calc(var(--up-hit) / -2 - var(--up-gap)) 0 0 calc(var(--up-hit) / -2);cursor:pointer;pointer-events:none;will-change:transform;background:0 0;border:0;padding:0;position:fixed;top:0;left:0}.card-up.show{pointer-events:auto}.card-up-in{width:100%;height:100%;color:var(--text-3);opacity:0;transform:translateY(var(--up-rise));transition:opacity var(--up-out) ease, transform var(--up-out) ease, color .3s;place-items:center;display:grid}.card-up.show .card-up-in{opacity:1;transition:opacity var(--up-in) var(--ease-out), transform var(--up-in) var(--ease-out), color .3s;transform:none}.card-up:hover .card-up-in{color:var(--ink)}.card-up svg{width:var(--up-icon);height:var(--up-icon);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.card-up.show svg{animation:card-up-drift 2.2s var(--ease-out) .5s infinite}@keyframes card-up-drift{0%,45%{transform:none}70%{opacity:.55;transform:translateY(-3px)}to{transform:none}}.card-up:active .card-up-in{transform:scale(var(--press));transition:transform var(--press-in) ease-out}@media (prefers-reduced-motion:reduce){.card-up.show svg{animation:none}}.card-down{--up-rise:-6px;margin-top:calc(var(--up-hit) / -2 + var(--up-gap))}.card-left,.card-right{--up-rise:0px;margin-top:calc(var(--up-hit) / -2)}.card-left{margin-left:calc(var(--up-hit) / -2 - var(--up-gap))}.card-right{margin-left:calc(var(--up-hit) / -2 + var(--up-gap))}.card-left .card-up-in,.card-right .card-up-in{color:var(--ink);filter:drop-shadow(0 0 4px #fffffff2)drop-shadow(0 0 10px #fffc)}.card-left.show svg{animation-name:card-left-drift}.card-right.show svg{animation-name:card-right-drift}@keyframes card-left-drift{0%,45%{transform:none}70%{opacity:.55;transform:translate(-3px)}to{transform:none}}@keyframes card-right-drift{0%,45%{transform:none}70%{opacity:.55;transform:translate(3px)}to{transform:none}}.card-down.show svg{animation-name:card-down-drift}@keyframes card-down-drift{0%,45%{transform:none}70%{opacity:.55;transform:translateY(3px)}to{transform:none}}.egg{--egg-in:1.1s;--egg-wait:.7s;--egg-step:.35s;z-index:4;padding:0 var(--gutter);text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.egg-line{font-size:clamp(30px,3.4vw,64px);line-height:calc(1.12 * var(--lh-k));letter-spacing:var(--ls-4);display:grid}.egg-line span,.egg-hi{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.egg-hi{letter-spacing:var(--ls-3);color:var(--text-3);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:clamp(20px,1.6vw,26px)}.egg-hi:hover{color:var(--ink)}body.egg-on .egg{pointer-events:auto}body.egg-on .egg-line span,body.egg-on .egg-hi{opacity:1;transition:opacity var(--egg-in) var(--ease-out), transform var(--egg-in) var(--ease-out);transform:none}body.egg-on .egg-line span:first-child{transition-delay:var(--egg-wait)}body.egg-on .egg-line span:nth-child(2){transition-delay:calc(var(--egg-wait) + var(--egg-step))}body.egg-on .egg-hi{transition-delay:calc(var(--egg-wait) + 2 * var(--egg-step))}body.egg-on .headline,body.egg-on .caption,body.egg-on .flick-hint{transition:opacity .6s;opacity:0!important}body.egg-on .card-up{display:none}.saved{z-index:6;left:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + 24px);font-family:var(--sans);position:fixed}.saved-btn{width:52px;height:52px;color:var(--ink);cursor:pointer;box-shadow:0 6px 22px #1111111a, 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease-out), transform .6s var(--ease-out), background-color .35s, color .35s;background:#ffffffe6;border-radius:999px;place-items:center;display:grid;position:relative;transform:translateY(10px)}.saved.has .saved-btn,.saved.target .saved-btn{opacity:1;pointer-events:auto;transform:none}.saved.target .saved-btn{background:var(--ink);color:#fff}.saved-btn:active{transform:scale(var(--press));transition:transform var(--press-in) ease-out}.saved-btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;width:20px;height:20px}.saved-n{background:var(--ink);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:500;line-height:20px;transition:opacity .3s;position:absolute;top:-2px;right:-2px}.saved:not(.has) .saved-n{opacity:0}.saved.got .saved-n{animation:saved-got .9s var(--ease-out)}@keyframes saved-got{0%{background:#4951f0}to{background:var(--ink)}}.saved-panel{width:min(320px, calc(100vw - 2 * var(--gutter)));color:var(--ink);box-shadow:0 14px 40px #11111124, 0 0 0 1px var(--line);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out), transform .5s var(--ease-out);background:#fff;border-radius:14px;padding:14px;position:absolute;bottom:64px;left:0;transform:translateY(8px)}.saved.open .saved-panel{opacity:1;pointer-events:auto;transform:none}.saved-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.saved-head b{font-weight:500}.saved-head button,.saved-list button{width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:6px;font-size:16px;line-height:1}.saved-head button:hover,.saved-list button:hover{background:var(--bg-2);color:var(--ink)}.saved-list{max-height:min(320px,50vh);list-style:none;overflow-y:auto}.saved-list li{border-top:1px solid var(--line);align-items:center;gap:6px;padding:6px 0;display:flex}.saved-list a{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.saved-list img{object-fit:cover;background:var(--bg-2);border-radius:4px;flex:none;width:56px;height:36px}.saved-list span{min-width:0;display:grid}.saved-list b{font-family:var(--serif);letter-spacing:var(--ls-2);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.saved-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.saved-acts{gap:6px;margin-top:10px;display:flex}.saved-send{background:var(--ink);color:#fff;text-align:center;border-radius:10px;flex:1;padding:10px 12px;font-size:13px;transition:opacity .25s}.saved-send:hover{opacity:.85}.saved-clear{color:var(--text-3);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:13px}.saved-clear:hover{background:var(--bg-2)}.loader{z-index:10;pointer-events:none;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}body.ready .loader{opacity:0}.loader-in{justify-items:center;gap:18px;display:grid}.loader-logo{--k:1.1;width:calc(195px * var(--k));height:calc(42px * var(--k));position:relative}@media (width<=720px){.loader-logo{--k:.9}}.loader-lottie{left:50%;top:calc(50% - 1.5px * var(--k));width:calc(524px * var(--k));height:calc(144px * var(--k));position:absolute;transform:translate(-50%,-50%)}.loader-lottie>svg{display:block;overflow:visible}.loader-lottie.fallback{width:calc(195px * var(--k));height:calc(55px * var(--k));background:url(/brand/logo.png) no-repeat calc(-34px * var(--k)) calc(-100px * var(--k)) / calc(256px * var(--k)) auto}.loader em{font-style:normal;font-family:var(--sans);letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;transition:opacity .3s}.loader.out em{opacity:0}.tune-btn{z-index:9;bottom:calc(env(safe-area-inset-bottom) + 20px);left:var(--gutter);font-family:var(--sans);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#ffffffb3;border-radius:999px;padding:7px 12px;font-size:12px;transition:opacity .4s;position:fixed}.tune-btn[hidden]{display:none}.tune{z-index:11;right:var(--gutter);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);width:300px;max-height:calc(100dvh - 150px);font-family:var(--sans);background:#ffffffe6;border-radius:14px;padding:16px;font-size:12px;display:none;position:fixed;top:70px;overflow:auto}.tune.show{display:block}.tune h3{justify-content:space-between;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.tune .fps{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.tune p{color:var(--muted);margin-bottom:12px;line-height:1.45}.tune .row{grid-template-columns:1fr auto;gap:2px 8px;margin-bottom:10px;display:grid}.tune .row input{width:100%;accent-color:var(--ink);grid-column:1/-1}.tune .row select{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;grid-column:1/-1;padding:6px 8px}.tune hr{border:0;border-top:1px solid var(--line);margin:4px 0 12px}.tune .val{font-variant-numeric:tabular-nums;color:var(--muted)}.tune .btns{gap:8px;margin-top:6px;display:flex}.tune .btns button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;padding:8px}.tune pre{white-space:pre-wrap;word-break:break-all;color:var(--muted);margin-top:10px;font-size:11px}@media (width<=640px){.tune{width:auto;max-height:52dvh;inset:auto 12px 12px}}.nogl{text-align:center;color:var(--muted);place-items:center;padding:24px;display:none;position:fixed;inset:0}.nogl a{text-decoration:underline}body.no-gl .nogl{display:grid}