:root{--pink-50:#fff6fa;--pink-100:#ffe6f3;--pink-200:#ffcde5;--pink-300:#ff9ec9;--pink-400:#ff7db6;--pink-500:#ff5fa2;--pink-600:#ee3d87;--pink-700:#c22468;--lilac:#c9a7ff;--mint:#7fe3d4;--ink:#5c1f3d;--ink-soft:#8a4a68;--cream:#fffafc;--font-display:"Fredoka", "Trebuchet MS", sans-serif;--font-body:"Quicksand", system-ui, sans-serif;--font-mono:"Silkscreen", "Courier New", monospace;--radius:26px;--shadow-soft:0 18px 40px -22px #d62e778c;--shadow-lift:0 26px 60px -26px #d62e77b3}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#ffdcee;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff,#0000 100%),radial-gradient(1.4px 1.4px at 78% 12%,#fff,#0000 100%),radial-gradient(1.8px 1.8px at 62% 74%,#fff,#0000 100%),radial-gradient(1.3px 1.3px at 24% 62%,#fff,#0000 100%),radial-gradient(1.5px 1.5px at 88% 52%,#fff,#0000 100%),radial-gradient(1.2px 1.2px at 40% 34%,#fff,#0000 100%),radial-gradient(900px 620px at 50% 38%,#fff3f9 0%,#fff3f900 70%),linear-gradient(170deg,#ffe9f4 0%,#ffd3e9 42%,#f9c7f0 78%,#efc2f5 100%);background-attachment:fixed;margin:0;font-weight:500;line-height:1.6}::selection{background:var(--pink-300);color:#fff}:focus-visible{outline:3px solid var(--pink-500);outline-offset:3px}.panel:focus-visible{outline:none}.scene{z-index:0;pointer-events:none;position:fixed;inset:0}.scene canvas{display:block}.crt-overlay{z-index:3;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#781e500e 0 1px,#0000 1px 3px),linear-gradient(90deg,#ffffff1a,#0000 12% 88%,#ffffff1a);position:fixed;inset:0}.deck{z-index:2;grid-template-rows:auto minmax(0,1fr) auto auto auto;height:100svh;display:grid;position:relative;overflow:hidden}.mono{font-family:var(--font-mono);letter-spacing:.02em}.marquee{text-align:center;justify-items:center;gap:.2rem;padding:clamp(.75rem,2.5svh,1.75rem) 1.25rem 0;display:grid}.pill{border:2px solid var(--pink-300);box-shadow:var(--shadow-soft);font-family:var(--font-mono);text-transform:lowercase;color:var(--pink-700);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .9rem;font-size:.68rem;display:inline-flex}.pill .dot{background:var(--mint);border-radius:50%;width:.55rem;height:.55rem;animation:2.4s ease-in-out infinite breathe;box-shadow:0 0 0 3px #7fe3d459}.name{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(175deg, #ffeaf4 4%, var(--pink-400) 46%, var(--pink-700) 97%);color:#0000;filter:drop-shadow(0 6px #ffffff8c)drop-shadow(0 18px 34px #d62e7759);-webkit-background-clip:text;background-clip:text;margin:.4rem 0 0;font-size:clamp(2.8rem,9svh,5rem);font-weight:700;line-height:.95;transition:font-size .45s cubic-bezier(.22,1,.36,1);position:relative}.name:after{content:attr(data-text);background:linear-gradient(175deg, #fff 8%, var(--lilac) 60%, var(--mint) 100%);color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;animation:7s step-end infinite tear;position:absolute;inset:0}.tagline{font-family:var(--font-display);color:var(--pink-700);margin:.2rem 0 0;font-size:clamp(1rem,2vw,1.35rem)}.intro{text-shadow:0 1px #ffffffb3;max-width:34rem;margin:.35rem 0 0;font-size:.98rem}.deck.is-open .name{font-size:clamp(1.7rem,4.5svh,2.4rem)}.deck.is-open .pill,.deck.is-open .tagline,.deck.is-open .intro{display:none}@media (width>=1000px){.deck.is-open .marquee{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.deck.is-open .marquee>*{grid-column:1}}.stage{grid-template-rows:minmax(0,1fr);min-height:0;padding:clamp(.5rem,1.5svh,1.25rem) clamp(1rem,4vw,2.5rem);display:grid;position:relative}.deck.is-open .stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.panel,.card,.step,.link-chip,.dial-btn,.sound,.panel-close{isolation:isolate;border:1px solid #ffffff8c;position:relative}.panel,.dial-btn,.sound,.pill{-webkit-backdrop-filter:blur(16px)saturate(1.45);backdrop-filter:blur(16px)saturate(1.45)}.panel{--pane:46rem}.panel-hello,.panel-hi{--pane:34rem}.panel-music{--pane:38rem}.panel{background-image:linear-gradient(152deg,#ffffffe0 0%,#ffffff9e 45%,#ffeef7b8 100%);box-shadow:0 30px 64px -34px #d62e779e,inset 0 1.5px #fffffff2,inset 1px 0 #fff9,inset -1px 0 #ffffff73,inset 0 -1.5px #ffadd48c,inset 0 -18px 30px -24px #ff79b780}.card,.step{background-image:linear-gradient(150deg,#ffffffdb 0%,#ffffff85 52%,#fff2f9a8 100%);border-color:#ffffffb8;box-shadow:0 16px 28px -18px #d62e7780,inset 0 1px #fff,inset 0 -1px #ffb4d780}.link-chip,.dial-btn,.sound,.panel-close{box-shadow:var(--shadow-soft), inset 0 1px 0 #fffffff2, inset 0 -1px 0 #ffb2d673;background-image:linear-gradient(150deg,#ffffffd9 0%,#ffffff8c 55%,#ffeef7ad 100%)}.panel:after,.card:after,.step:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(118% 88% at 12% -12%,#ffffffb8,#fff0 60%),radial-gradient(90% 60% at 88% 108%,#ffd6ec73,#fff0 70%);position:absolute;inset:0}.panel{width:min(var(--pane), 100%);border-radius:var(--radius);flex-direction:column;grid-column:2;place-self:center start;max-height:100%;padding:clamp(1rem,2.2svh,1.5rem);display:flex;position:relative}.panel-head{flex:none;padding-right:2.75rem}.panel-head h2{font-family:var(--font-display);color:var(--pink-700);margin:.25rem 0 0;font-size:clamp(1.5rem,3.6svh,2.1rem);font-weight:700;line-height:1.05}.eyebrow{text-transform:lowercase;color:var(--pink-600);opacity:.9;font-size:.7rem;display:inline-block}.lede{color:var(--ink-soft);margin:.4rem 0 0;font-size:.98rem}.panel-body{min-height:0;margin-top:.9rem;overflow:hidden}.panel-body.can-scroll{scrollbar-width:thin;overflow:auto}.panel-close{width:2.1rem;height:2.1rem;color:var(--pink-700);cursor:pointer;border-radius:50%;place-items:center;font-size:.7rem;transition:transform .18s,background .18s;display:grid;position:absolute;top:.9rem;right:.9rem}.panel-close:hover{background-color:#ffffff8c;transform:rotate(90deg)}.prose{margin:0 0 .9rem;font-size:1.02rem}.prose:last-child{margin-bottom:0}.prose em{color:var(--pink-600);font-style:normal;font-weight:700}.grid{gap:.8rem;display:grid}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.card{border-radius:20px;height:100%;padding:.9rem 1rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)rotate(-.5deg)}.card-top{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.card-icon{background:linear-gradient(160deg, var(--pink-200), var(--pink-400));color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1rem;display:grid;box-shadow:inset 0 2px #ffffff80}.card h3{font-family:var(--font-display);color:var(--pink-700);margin:0 0 .25rem;font-size:1.02rem;line-height:1.25}.card p{color:var(--ink);margin:0;font-size:.87rem;line-height:1.45}.chip,.tag{text-transform:lowercase;color:var(--pink-700);white-space:nowrap;background:#ff9ec940;border:1px solid #ff5fa259;border-radius:999px;padding:.26rem .55rem;font-size:.58rem}.tags{flex-wrap:wrap;gap:.35rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.includes{flex-wrap:wrap;gap:.1rem .6rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.includes li{color:var(--ink-soft);align-items:baseline;gap:.35rem;font-size:.78rem;line-height:1.45;display:inline-flex}.includes span{color:var(--pink-400)}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:20px;height:100%;padding:1.1rem 1.15rem}.step-n{color:var(--pink-300);font-size:1.3rem}.step h3{font-family:var(--font-display);color:var(--pink-700);margin:.2rem 0 .3rem;font-size:1.02rem}.step p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.5}.music{align-items:center;gap:1.5rem;display:flex}.disc-slot{width:7rem;height:7rem;box-shadow:var(--shadow-soft);border-radius:50%;flex:none;overflow:hidden}.disc{background:radial-gradient(circle at 50% 50%, #fff6fa 0 17%, transparent 17.5%), radial-gradient(circle at 50% 50%, var(--pink-300) 18%, transparent 34%), repeating-radial-gradient(circle at 50% 50%, #fff6 0 2px, #d62e7738 2px 4px), conic-gradient(from 0deg, var(--pink-300), var(--lilac), var(--pink-500), var(--pink-300));border-radius:50%;place-items:center;width:100%;height:100%;animation:11s linear infinite spin;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffffbf}.disc i{color:var(--pink-600);font-size:.85rem;font-style:normal}.music-name{font-family:"Noto Sans KR", var(--font-display), sans-serif;color:var(--pink-600);margin:0;font-size:1.75rem;font-weight:600;line-height:1.2}.music-copy .lede{margin-bottom:1rem}.music-meta{color:var(--pink-700);opacity:.75;margin-left:.9rem;font-size:.62rem}.btn{font-family:var(--font-display);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn-primary{background:linear-gradient(160deg, var(--pink-400), var(--pink-600));color:#fff;box-shadow:var(--shadow-soft), inset 0 2px 0 #ffffff73}.btn:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)rotate(-.6deg)}.link-row{flex-wrap:wrap;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.link-chip{color:var(--pink-700);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.7rem 1.1rem;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.link-chip b{font-size:.78rem;font-weight:400}.chip-platform{color:var(--pink-400);font-size:.6rem;font-style:normal}.link-chip small{color:var(--pink-400);border-left:1px solid #ff5fa259;padding-left:.5rem;font-size:.6rem}.link-chip:hover{box-shadow:var(--shadow-lift);background-color:#ffffff8c;transform:translateY(-3px)}.dial{justify-items:center;gap:.4rem;padding:.4rem 1rem .6rem;display:grid}.dial-hint{text-transform:lowercase;color:var(--pink-700);opacity:.7;margin:0;font-size:.6rem;animation:3.2s ease-in-out infinite breathe-soft}.deck.is-open .dial-hint{visibility:hidden}.dial ul{flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.dial-btn{color:var(--pink-700);font:inherit;cursor:pointer;border-radius:999px;align-items:baseline;gap:.45rem;padding:.5rem .95rem;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.dial-btn b{color:var(--pink-400);font-size:.6rem;font-weight:400}.dial-btn span{font-family:var(--font-display);font-size:.95rem;font-weight:600}.dial-btn:hover{box-shadow:var(--shadow-lift);background-color:#ffffff8c;transform:translateY(-3px)}.dial-btn.is-on{background:linear-gradient(160deg, var(--pink-400), var(--pink-600));color:#fff;box-shadow:var(--shadow-soft), inset 0 2px 0 #ffffff73;border-color:#ffffffe6}.dial-btn.is-on b{color:#fffc}.sound{color:var(--pink-700);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:fixed;top:clamp(.75rem,2.4svh,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.sound b{text-transform:lowercase;font-size:.6rem;font-weight:400}.sound:hover{box-shadow:var(--shadow-lift);background-color:#ffffff8c;transform:translateY(-2px)}.sound.is-on{background-image:linear-gradient(160deg, var(--pink-400), var(--pink-600));color:#fff;box-shadow:var(--shadow-soft), inset 0 2px 0 #ffffff73;border-color:#ffffffe6}.sound.is-waiting{cursor:progress;animation:1.4s ease-in-out infinite breathe-soft}.sound-player{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden}.ticker{box-shadow:var(--shadow-soft);background:linear-gradient(90deg,#ff5fa2eb,#c9a7ffeb);border-block:2px solid #fffc;overflow:hidden}.ticker-track{will-change:transform;width:max-content;padding:.5rem 0;animation:42s linear infinite slide;display:flex}.ticker-item{font-family:var(--font-mono);text-transform:lowercase;color:#fff;white-space:nowrap;align-items:center;gap:.75rem;padding-right:2.5rem;font-size:.7rem;display:inline-flex}.ticker-item b{color:#ffe0ef}.footer{text-align:center;color:var(--pink-700);opacity:.75;margin:0;padding:.5rem 1rem .6rem;font-size:.6rem}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.25)}}@keyframes breathe-soft{0%,to{opacity:.7}50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slide{to{transform:translate(-33.3333%)}}@keyframes tear{0%,92%{opacity:0;clip-path:inset(0);transform:translate(0)}93%{opacity:.9;clip-path:inset(22% 0 58%);transform:translate(-6px,2px)}95%{opacity:.85;clip-path:inset(62% 0 14%);transform:translate(5px,-2px)}97%{opacity:.9;clip-path:inset(8% 0 82%);transform:translate(-3px,1px)}98%{opacity:0}}@media (width<=999px){.deck.is-open .stage{grid-template-columns:minmax(0,1fr)}.panel{grid-column:1;justify-self:center;width:100%}.deck.is-open .stage{padding-top:8svh}.card p,.step p{font-size:.85rem;line-height:1.4}.panel-head .lede{font-size:.92rem}.panel-body{margin-top:.8rem}.panel-head{padding-right:2.25rem}.footer{padding:.35rem 1rem .5rem;line-height:1.5}.name{font-size:clamp(2.6rem,14vw,4rem)}.dial-btn{padding:.45rem .8rem}.dial-btn span{font-size:.88rem}.music{gap:1rem}.disc-slot{width:5rem;height:5rem}}@media (width<=999px) and (height>=720px){.deck.is-open .panel{align-self:end}.deck.is-open .stage{padding-top:10svh}}@media (width<=560px){.sound{justify-content:center;gap:0;width:2.2rem;height:2.2rem;padding:0}.sound b{display:none}}@media (width<=999px),(width>=1000px) and (width<=1199px) and (height<=800px){.grid-cards,.steps{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(84%,20rem);grid-auto-flow:column;padding-bottom:.35rem;overflow-x:auto}.grid-cards>*,.steps>*{scroll-snap-align:start}}@media (width>=1200px) and (height<=800px){.deck.is-open .stage,.deck.is-open .marquee{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr)}.panel-skills,.panel-offers,.panel-how{--pane:58rem}.grid-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card p{font-size:.84rem;line-height:1.4}.tags{margin-top:.6rem}}@media (height<=700px){.intro{display:none}}@media (height<=600px){.tagline,.dial-hint,.footer{display:none}.deck.is-open .marquee{padding-top:.5rem}}@media (prefers-reduced-motion:reduce){.ticker-track,.pill .dot,.dial-hint,.name:after,.sound.is-waiting,.disc{animation:none}.name{transition:none}.btn:hover,.card:hover,.link-chip:hover,.dial-btn:hover,.panel-close:hover{transform:none}}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pink-300);background-clip:padding-box;border:3px solid #0000;border-radius:999px}}