:root{
  --deep:#0A1A6E; --deeper:#07134F; --blue:#1E37B0;
  --yellow:#FFCB2E; --yellow-d:#D9A400; --ink:#0B1033; --paper:#FFFFFF; --mint:#B9F3E4;
  --soft:rgba(255,255,255,.08); --line:rgba(255,255,255,.16); --muted:#B9C3EE;
  --ttl:'Do Hyeon',sans-serif;
  --body:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;   
  --latin:'Sora',-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --t1:13px; --t2:15px; --t3:17px; --t4:20px; --t5:28px; --t6:clamp(34px,7vw,48px); --t7:clamp(44px,9vw,76px);
  --r1:12px; --r2:16px; --r3:24px;
  --wrap:1080px; --gut:20px;
  --press:0 5px 0 var(--yellow-d);
}
@media (min-width:900px){:root{--gut:32px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--deep);color:var(--paper);font-family:var(--body);font-size:var(--t2);line-height:1.7;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word}
@media (min-width:900px){body{font-size:16px}}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p{margin:0}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.num,.lat{font-family:var(--latin);font-weight:800;font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
section[id]{scroll-margin-top:72px}
 
main{overflow-x:clip}
.flip{overflow:clip}

 
.demo-tag{background:var(--yellow);color:var(--ink);font-size:var(--t1);font-weight:700;text-align:center;padding:6px var(--gut)}

 
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:var(--r2);border:0;font-family:var(--ttl);font-size:var(--t4);letter-spacing:0;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .18s ease}
.btn-y{background:var(--yellow);color:var(--ink);box-shadow:var(--press)}
.btn-y:active{transform:translateY(4px);box-shadow:0 1px 0 var(--yellow-d)}
.btn-w{background:var(--paper);color:var(--ink);box-shadow:0 5px 0 rgba(0,0,0,.28)}
.btn-w:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(0,0,0,.28)}
.btn-o{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2px var(--paper)}
.btn-o:hover{background:var(--soft)}
.btn-ink{background:var(--ink);color:var(--paper);box-shadow:0 5px 0 rgba(11,16,51,.35)}
.btn-ink:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(11,16,51,.35)}
.btn:disabled{background:rgba(255,255,255,.14);color:rgba(255,255,255,.45);box-shadow:none;cursor:not-allowed;transform:none}
.btn-big{min-height:60px;padding:0 32px;font-size:24px}
.btns{display:flex;flex-wrap:wrap;gap:12px}

 
.top{position:sticky;top:0;z-index:50;background:var(--deep);view-transition-name:top}
.top.on-scroll{box-shadow:0 1px 0 var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{display:block;width:112px;flex:none}
.nav{display:none;gap:4px}
.nav a{padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:700;font-size:var(--t2);color:var(--muted);transition:color .18s ease,background .18s ease}
.nav a:hover{color:var(--paper);background:var(--soft)}
.nav a[aria-current="page"]{color:var(--ink);background:var(--yellow)}
@media (min-width:960px){.nav{display:flex}}
.top-r{display:flex;align-items:center;gap:8px}
.pill{min-height:40px;padding:0 16px;border-radius:999px;font-size:var(--t3)}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--r1);background:var(--soft);color:var(--paper);cursor:pointer}
@media (min-width:960px){.menu-btn{display:none}}
.drawer{position:absolute;left:var(--gut);right:var(--gut);top:calc(100% + 8px);padding:8px;border-radius:var(--r3);background:var(--paper);color:var(--ink);box-shadow:0 24px 48px -12px rgba(0,0,0,.5);view-transition-name:drawer;transform-origin:top right;animation:pop .22s cubic-bezier(.2,1.4,.4,1)}
.drawer a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--r2);text-decoration:none;font-family:var(--ttl);font-size:22px}
.drawer a:hover{background:#F1F3FA}
.drawer a::after{content:"";width:10px;height:10px;border-right:3px solid var(--blue);border-top:3px solid var(--blue);transform:rotate(45deg)}
@keyframes pop{from{opacity:0;transform:scale(.92)}}

 
.sec{padding:64px 0}
@media (min-width:900px){.sec{padding:96px 0}}
.kick{font-family:var(--latin);font-weight:800;font-size:var(--t1);letter-spacing:.14em;color:var(--yellow)}
.h2{font-family:var(--ttl);font-size:var(--t6);line-height:1.1;margin-top:6px}
.lede{margin-top:12px;font-size:var(--t3);color:var(--muted);max-width:34em}
.head{margin-bottom:28px}
 
.flip{background:var(--yellow);color:var(--ink);clip-path:polygon(0 48px,100% 0,100% calc(100% - 48px),0 100%);padding:112px 0}
@media (min-width:900px){.flip{clip-path:polygon(0 80px,100% 0,100% calc(100% - 80px),0 100%);padding:150px 0}}
.flip .kick{color:var(--blue)}
.flip .lede{color:#3A3F5C}

 
.hero{position:relative;overflow:hidden;padding:12px 0 40px}
.hero .wrap{display:grid;gap:8px;align-items:center}
@media (min-width:900px){.hero{padding:40px 0 72px}.hero .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px}.hero .art{order:2}}
.hero h1{font-family:var(--ttl);font-weight:400;font-size:var(--t7);line-height:1.06;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero .sub{margin-top:16px;font-size:var(--t3);color:var(--muted)}
.hero .btns{margin-top:28px}
.art{position:relative;aspect-ratio:36/25;max-width:560px;width:100%;margin:0 auto}
.art svg{width:100%;height:100%;overflow:visible}
.bob{animation:bob 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.bob.d2{animation-duration:4s;animation-delay:-1.2s}.bob.d3{animation-duration:3s;animation-delay:-.6s}
@keyframes bob{50%{transform:translateY(-10px) rotate(4deg)}}
.tw{animation:tw 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.tw.d2{animation-delay:-1s}.tw.d3{animation-delay:-1.8s}
@keyframes tw{50%{opacity:.3;transform:scale(.7)}}
.door{transform-box:fill-box;transform-origin:left center;animation:door 1.1s cubic-bezier(.3,1.3,.5,1) .3s both}
@keyframes door{from{transform:scaleX(1.9)}}

 
.cards{display:grid;gap:28px}
@media (min-width:760px){.cards{grid-template-columns:1fr 1fr;gap:32px}}
.card{position:relative;display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:var(--r3);padding:16px;box-shadow:8px 8px 0 var(--ink);transition:transform .2s cubic-bezier(.2,1.4,.4,1),box-shadow .2s ease}
.card:nth-child(odd){transform:rotate(-1.4deg)}
.card:nth-child(even){transform:rotate(1.4deg)}
.card:hover,.card:focus-visible{transform:rotate(0) translateY(-4px);box-shadow:10px 12px 0 var(--ink)}
.card:active{transform:translateY(2px);box-shadow:4px 4px 0 var(--ink)}
.card .ph{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:16px;align-items:start}
@media (min-width:900px){.card .ph{grid-template-columns:150px minmax(0,1fr)}}
.poster{border-radius:var(--r1);overflow:hidden;border:2.5px solid var(--ink);aspect-ratio:25/32;background:#000}
.poster img{width:100%;height:100%;object-fit:cover}
.card .nm{font-family:var(--latin);font-weight:800;font-size:34px;line-height:1;margin:4px 0 10px;letter-spacing:.01em}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:var(--t1);font-weight:700;border-radius:999px;padding:3px 10px;background:var(--mint);color:var(--ink);border:1.5px solid var(--ink);white-space:nowrap}
.card .hook{font-family:var(--ttl);font-size:var(--t4);line-height:1.3;margin-top:12px}
.card .go{margin-top:16px;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 18px;border-radius:var(--r2);background:var(--blue);color:var(--paper);font-family:var(--ttl);font-size:var(--t4)}
.card .go::after{content:"";width:10px;height:10px;border-right:3px solid var(--yellow);border-top:3px solid var(--yellow);transform:rotate(45deg)}
 

 
.steps3{display:grid;gap:12px;counter-reset:s}
@media (min-width:900px){.steps3{grid-template-columns:repeat(3,1fr);gap:16px}}
.steps3 li{list-style:none;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:var(--r3);background:var(--soft)}
@media (min-width:900px){.steps3 li{grid-template-columns:1fr;padding:28px}}
.steps3 li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r2);background:var(--yellow);color:var(--ink);font-family:var(--latin);font-weight:800;font-size:24px;box-shadow:var(--press)}
.steps3 b{display:block;font-family:var(--ttl);font-weight:400;font-size:var(--t4);line-height:1.3}
.steps3 p{margin-top:6px;color:var(--muted)}
ol.steps3{padding:0;margin:0}

 
.tiles{display:grid;gap:12px;padding:0;margin:0}
@media (min-width:640px){.tiles{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.tiles.four{grid-template-columns:repeat(4,1fr)}}
.tiles li{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 14px;align-content:start;padding:18px;border-radius:var(--r3);background:var(--soft)}
.tiles .ico{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--yellow);color:var(--ink)}
.tiles svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tiles b{font-family:var(--ttl);font-weight:400;font-size:var(--t4);line-height:1.3}
.tiles span{color:var(--muted);font-size:var(--t2);line-height:1.6}
.flip .tiles li{background:rgba(11,16,51,.07)}
.flip .tiles span{color:#3A3F5C}
.flip .tiles .ico{background:var(--ink);color:var(--yellow)}

 
 
.way{display:grid;gap:24px;padding:28px;border-radius:var(--r3);background:var(--soft)}
@media (min-width:900px){.way{grid-template-columns:1.2fr 1fr;align-items:end;padding:48px}}
.way .addr{font-family:var(--ttl);font-size:var(--t6);line-height:1.15;margin-top:8px}
 
.way-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.way-btns .btn{width:100%;padding:0 12px;font-size:var(--t4);white-space:nowrap}
.way-btns svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:900px){.way-btns{align-self:end}}
@media (max-width:400px){.way-btns{gap:8px}.way-btns .btn{font-size:18px;padding:0 8px;gap:6px}.way-btns svg{width:19px;height:19px}}
@media (max-width:330px){.way-btns{grid-template-columns:1fr}}

 
.phead{padding:40px 0 24px}
@media (min-width:900px){.phead{padding:72px 0 32px}}
.phead h1{font-family:var(--ttl);font-weight:400;font-size:var(--t7);line-height:1.05}
.phead p{margin-top:12px;font-size:var(--t3);color:var(--muted);max-width:36em}

 
.theme{padding:48px 0 64px}
.theme .wrap{display:grid;gap:28px}
@media (min-width:900px){.theme{padding:72px 0 96px}.theme .wrap{grid-template-columns:360px minmax(0,1fr);gap:56px;align-items:start}}
.theme .big-poster{border-radius:var(--r3);overflow:hidden;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--yellow);transform:rotate(-1.5deg);max-width:340px;background:#000}
.theme.wish .big-poster{transform:rotate(1.5deg)}
.theme.claim .big-poster{view-transition-name:poster-claim}
.theme.wish .big-poster{view-transition-name:poster-wish}
@keyframes popin{from{opacity:0;transform:translateY(16px) scale(.96)}}
.theme .no,.theme .tn,.theme .quote,.theme .tags{animation:popin .6s cubic-bezier(.2,1.4,.4,1) both}
.theme .tn{animation-delay:.08s}.theme .quote{animation-delay:.16s}.theme .tags{animation-delay:.24s}
.theme .no{font-weight:700;color:var(--yellow);font-size:var(--t2)}
.theme .tn{font-family:var(--latin);font-weight:800;font-size:clamp(56px,12vw,96px);line-height:.95;margin-top:4px}
.theme .quote{font-family:var(--ttl);font-size:var(--t5);line-height:1.25;color:var(--yellow);margin-top:16px}
.theme .story{white-space:pre-line;margin-top:20px;font-size:var(--t3);line-height:1.85}
.theme .tags{margin-top:20px}
.theme .tag{font-size:var(--t2);padding:6px 14px}
.theme .note{margin-top:20px;padding:14px 16px;border-radius:var(--r2);background:var(--mint);color:var(--ink);font-size:var(--t2)}
.theme .btns{margin-top:28px}
.tt{margin-top:28px;border-radius:var(--r3);background:var(--paper);color:var(--ink);padding:20px}
.tt h3{font-family:var(--ttl);font-weight:400;font-size:var(--t4)}
.tt dl{margin:12px 0 0;display:grid;gap:10px}
.tt div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding-top:10px;border-top:2px dashed #DDE1EE}
.tt dt{font-weight:700}
.tt dd{margin:0;font-family:var(--latin);font-weight:800;font-size:var(--t2);line-height:1.6;font-variant-numeric:tabular-nums}
.tt .small{margin-top:12px;font-size:var(--t1);color:#5B6178}
.divider{height:6px;background:repeating-linear-gradient(90deg,var(--yellow) 0 18px,transparent 18px 30px);opacity:.9}

 
.rules{display:grid;gap:10px;padding:0;margin:0}
.rules li{list-style:none;position:relative;padding:16px 16px 16px 52px;border-radius:var(--r2);background:var(--soft);font-size:var(--t3);line-height:1.6}
.rules li::before{content:"";position:absolute;left:16px;top:19px;width:22px;height:22px;border-radius:50%;background:var(--yellow);box-shadow:inset 0 0 0 6px var(--yellow),inset 0 0 0 11px var(--ink)}
.rules b{color:var(--yellow)}
.rules a{color:var(--yellow)}
.flip .rules li{background:rgba(11,16,51,.07)}
.flip .rules b{color:var(--blue)}
.flip .rules a{color:var(--blue)}
.flip .rules li::before{background:var(--ink);box-shadow:inset 0 0 0 6px var(--ink),inset 0 0 0 11px var(--yellow)}

 
.qs{display:grid;gap:10px}
.q{border-radius:var(--r2);background:var(--paper);color:var(--ink);overflow:hidden}
.q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;font-family:var(--ttl);font-size:var(--t4)}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);font-family:var(--latin);font-weight:800;font-size:20px;transition:transform .2s cubic-bezier(.2,1.4,.4,1)}
.q[open] summary::after{transform:rotate(45deg)}
.q .a{padding:0 20px 18px;color:#3A3F5C}
.q .a a{color:var(--blue);font-weight:700}

 
.foot{background:var(--deeper);color:var(--muted);font-size:var(--t1);padding:48px 0 calc(48px + 76px + env(safe-area-inset-bottom))}
@media (min-width:960px){.foot{padding-bottom:48px}}
.foot .logo{width:104px;margin-bottom:20px}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:16px}
.foot nav a{color:var(--paper);font-weight:700;font-size:var(--t2);text-decoration:none}
.foot p{line-height:1.8}
.foot .legal{display:flex;gap:16px;margin:8px 0}
.foot .legal a{color:var(--paper)}
.sr:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;padding:10px 14px;border-radius:var(--r1);background:var(--yellow);color:var(--ink);font-weight:700}
.phead.nf{padding:96px 0 120px}
.foot .nw{white-space:nowrap}
 
.bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:var(--deeper);box-shadow:0 -1px 0 var(--line);view-transition-name:bar}
.bar .btn{min-height:52px}
.bar .btn-o{flex:0 0 auto;padding:0 22px}
.bar .btn-y{flex:1}
@media (min-width:960px){.bar{display:none}}
body.no-bar .bar{display:none}
body.no-bar .foot{padding-bottom:48px}

 
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.3,1.2,.4,1)}
 
::view-transition-group(top),::view-transition-group(bar){animation:none}
::view-transition-old(top),::view-transition-old(bar){display:none}
::view-transition-new(top),::view-transition-new(bar){animation:none}
::view-transition-old(root){animation:.12s ease-in both vt-out}
::view-transition-new(root){animation:.2s ease-out .1s both vt-fade}
@keyframes vt-fade{from{opacity:0}}
@keyframes vt-fade{from{opacity:0}}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}
::view-transition-old(*):only-child,::view-transition-new(*):only-child{animation-duration:.22s}

@media (prefers-reduced-motion:reduce){
  .bob,.tw,.door,.drawer{animation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}

 
.curtain{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.spray{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}
.gate-open .curtain,.gate-open .spray,.curtain.done{display:none}
.tide{position:absolute;top:0;bottom:0;width:62%;animation:tideOut 1.1s cubic-bezier(.5,.05,.2,1) .15s both;will-change:transform}
.tide svg{position:absolute;inset:0;width:100%;height:100%}
.tide.l{left:0}
.tide.r{right:0;transform:scaleX(-1);animation-name:tideOutR}
@keyframes tideOut{from{transform:translateX(0)}to{transform:translateX(-118%)}}
@keyframes tideOutR{from{transform:scaleX(-1) translateX(0)}to{transform:scaleX(-1) translateX(-118%)}}
@keyframes surface{from{opacity:0;transform:translateY(12px)}}
html:not(.gate-open) .hero h1,html:not(.gate-open) .hero .sub,html:not(.gate-open) .hero .btns{animation:surface .6s cubic-bezier(.2,1.2,.4,1) 1.05s both}
html:not(.gate-open) .hero .door{animation-delay:1.2s}

.fx{position:absolute;pointer-events:none}
.card.claim,.card.wish{isolation:isolate}
.card .ph,.card .go{position:relative;z-index:2}
.theme.claim,.theme.wish{position:relative;overflow:hidden;isolation:isolate}
.theme .wrap{position:relative;z-index:2}
.poster,.big-poster{position:relative;overflow:hidden}
.lamp{z-index:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,203,46,.5),rgba(255,203,46,.14) 55%,rgba(255,203,46,0));opacity:0;transition:opacity 1.6s ease}
.is-lit .lamp{opacity:1}
.lamp.settled{opacity:.45}
.claim .poster::after,.claim .big-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,236,190,0) 35%,rgba(255,236,190,.6) 50%,rgba(255,236,190,0) 65%);transform:translateX(-130%);pointer-events:none}
.claim.is-lit .poster::after,.claim.is-lit .big-poster::after{animation:sweep 1.25s cubic-bezier(.4,0,.2,1) .2s}
@keyframes sweep{to{transform:translateX(130%)}}
@keyframes glint{from{background-position:100% 0}to{background-position:0 0}}
.theme.claim.is-lit .tn{background:linear-gradient(105deg,#fff 0,#fff 40%,#FFE08A 50%,#fff 60%,#fff 100%) 100% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glint 1.25s cubic-bezier(.4,0,.2,1) .35s both}
.card.claim.is-lit .nm{background:linear-gradient(105deg,#0B1033 0,#0B1033 40%,#D9A400 50%,#0B1033 60%,#0B1033 100%) 100% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glint 1.25s cubic-bezier(.4,0,.2,1) .35s both}
.mote{z-index:3;border-radius:50%;background:#FFE08A;box-shadow:0 0 8px 2px rgba(255,203,46,.85);opacity:0}
.star{z-index:0;border-radius:50%;background:#E6F9FF;opacity:.15;animation:twinkle var(--d,4s) ease-in-out var(--l,0s) infinite alternate}
@keyframes twinkle{from{opacity:.08}to{opacity:var(--o,.6)}}
.meteor{z-index:3;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(143,227,240,0),rgba(190,240,255,.6) 70%,#fff);transform-origin:100% 50%;opacity:0}
.meteor::after{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 4px rgba(143,227,240,.9)}
.card .meteor{height:3px;background:linear-gradient(90deg,rgba(30,55,176,0),rgba(30,55,176,.55) 70%,#1E37B0)}
.card .meteor::after{background:#FFCB2E;box-shadow:0 0 10px 3px rgba(255,203,46,.9)}
.wish.is-hit .poster,.wish.is-hit .big-poster{animation:posterHit 1.4s ease-out}
 
.meteor.big{height:5px;border-radius:5px;background:linear-gradient(90deg,rgba(255,203,46,0),rgba(255,224,138,.55) 45%,rgba(255,246,201,.95) 85%,#fff)}
.meteor.big::after{width:18px;height:18px;right:-8px;top:-7px;background:#FFF6C9;box-shadow:0 0 18px 8px rgba(255,203,46,.95),0 0 46px 18px rgba(143,227,240,.45)}
.spark{z-index:3;border-radius:50%;background:#FFF1B8;box-shadow:0 0 8px 2px rgba(255,203,46,.9);opacity:0}
.ring{z-index:3;width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,230,140,.9);box-shadow:0 0 24px rgba(255,203,46,.7),inset 0 0 18px rgba(143,227,240,.5);opacity:0}
.theme.wish.is-hit .big-poster{animation:posterHitBig 1.6s ease-out}
@keyframes posterHitBig{20%{filter:drop-shadow(0 0 34px rgba(143,227,240,1)) drop-shadow(0 0 12px rgba(255,230,140,.9)) brightness(1.25)}}
@keyframes posterHit{25%{filter:drop-shadow(0 0 22px rgba(143,227,240,.95)) brightness(1.15)}}
.theme.wish.is-hit .tn{background:linear-gradient(105deg,#fff 0,#fff 40%,#BFF4FB 50%,#fff 60%,#fff 100%) 100% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glint 1.1s cubic-bezier(.4,0,.2,1) .1s both}
.card.wish.is-hit .nm{background:linear-gradient(105deg,#0B1033 0,#0B1033 40%,#1E37B0 50%,#0B1033 60%,#0B1033 100%) 100% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glint 1.1s cubic-bezier(.4,0,.2,1) .1s both}
@media (prefers-reduced-motion:reduce){.theme .no,.theme .tn,.theme .quote,.theme .tags{animation:none}.curtain,.spray{display:none}.hero h1,.hero .sub,.hero .btns{animation:none!important}.star{animation:none}.claim .poster::after,.claim .big-poster::after,.meteor,.mote,.spark,.ring{display:none}}

 
input,select,textarea{max-width:100%;min-width:0;box-sizing:border-box}

 
.fee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.fee{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
.fee div{display:grid;gap:2px;padding:18px 16px;border-radius:var(--r3);background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.fee span{font-size:var(--t2);font-weight:700;color:#3A3F5C}
.fee b{font-family:var(--ttl);font-weight:400;font-size:var(--t5);line-height:1.2;color:var(--blue)}
.fee .no{background:var(--ink)}
.fee .no span{color:var(--muted)}
.fee .no b{color:var(--yellow)}

 
.nt{background:var(--yellow);color:var(--ink)}
.nt-row{display:flex;align-items:center;gap:8px;min-height:44px}
.nt-head{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:0;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer;padding:10px 0}
.nt-badge{flex:none;background:var(--ink);color:var(--yellow);font-size:12px;line-height:1;padding:5px 9px;border-radius:999px}
.nt-subj{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt-more{flex:none;font-weight:500;font-size:13px;opacity:.75}
.nt-chev{flex:none;transition:transform .2s}
.nt.open .nt-chev{transform:rotate(180deg)}
.nt-fold{flex:none;width:40px;height:40px;border:0;background:none;color:inherit;font-size:22px;line-height:1;cursor:pointer}
.nt-panel{padding-bottom:14px}
.nt-item{background:var(--paper);color:var(--ink);border-radius:12px;padding:14px 16px;margin-top:10px}
.nt-item h3{font-size:16px;margin:0 0 4px;word-break:keep-all}
.nt-when{font-size:12px;opacity:.6;margin-bottom:8px}
.nt-body{white-space:pre-wrap;margin:0;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}
.nt-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:8px;margin-top:10px}
.nt-shots img{width:100%;height:auto;border-radius:8px;display:block}
.nt-peek{display:block;margin-top:8px;background:none;border:0;color:var(--yellow);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:right}
.nt[hidden],.nt-panel[hidden],.nt-peek[hidden]{display:none}