@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Black+Han+Sans&family=Gaegu:wght@400;700&family=Jua&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Patrick+Hand&family=Poppins:wght@400;600;800&display=swap";
.wonom{--concrete:#eae7e0;--concrete2:#e1ddd4;--ink:#17161a;--sub:#6e6a62;--hair:#cfcabe;--card:#fcfbf8;--neon:#ff2e88;--line:#e4a800;--cyan:#22e0ff;--glow-neon:0 0 18px #ff2e88bf;--glow-cyan:0 0 18px #22e0ffb3;--maxw:1180px;--ease:cubic-bezier(.16,.84,.44,1);--fd:"Black Han Sans",sans-serif;--fr:"Jua",sans-serif;--fh:"Gaegu",cursive;--fb:"Poppins","Noto Sans KR",sans-serif;background:var(--concrete);color:var(--ink);font-family:var(--fb);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}.wonom.lang-vi{--fd:"Baloo 2","Be Vietnam Pro",sans-serif;--fr:"Baloo 2","Be Vietnam Pro",sans-serif;--fh:"Patrick Hand","Be Vietnam Pro",cursive;--fb:"Be Vietnam Pro",sans-serif}.wonom.lang-vi .serif,.wonom.lang-vi .logo .kr,.wonom.lang-vi .fbrand,.wonom.lang-vi .card .meta div b,.wonom.lang-vi .hotline-num,.wonom.lang-vi .ev .ev-t{font-weight:800}.wonom.lang-vi .eyebrow,.wonom.lang-vi nav.menu a,.wonom.lang-vi .book-top,.wonom.lang-vi .member-cta,.wonom.lang-vi .card .cbtn,.wonom.lang-vi .bookbox .go,.wonom.lang-vi .fab,.wonom.lang-vi .floor .tags span,.wonom.lang-vi .fnum,.wonom.lang-vi .ev .ev-tag{font-weight:600}.wonom *{box-sizing:border-box;margin:0;padding:0}.wonom ::selection{background:var(--neon);color:#fff}.wonom img{max-width:100%;display:block}.wonom a{color:inherit;text-decoration:none}.wonom .serif{font-family:var(--fd);letter-spacing:.01em;font-weight:400}.wonom .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.wonom .eyebrow{font-family:var(--fr);letter-spacing:.14em;text-transform:uppercase;color:var(--sub);font-size:14px}.wonom .eyebrow b{color:var(--neon);font-weight:400}.wonom header{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid var(--ink);background:#eae7e0d9;position:sticky;top:0}.wonom .bar{justify-content:space-between;align-items:center;gap:16px;height:66px;display:flex}.wonom .logo{flex-shrink:0;align-items:baseline;gap:10px;display:flex}.wonom .logo .kr{font-family:var(--fd);letter-spacing:0;color:var(--neon);text-shadow:var(--glow-neon);font-size:24px}.wonom .logo .en{font-family:var(--fr);letter-spacing:.18em;color:var(--sub);text-transform:uppercase;font-size:12px}.wonom nav.menu{align-items:center;gap:24px;margin-left:auto;display:flex}.wonom nav.menu a{font-family:var(--fr);color:var(--sub);white-space:nowrap;font-size:15px;transition:color .2s;position:relative}.wonom nav.menu a:hover{color:var(--ink)}.wonom nav.menu a:after{content:"";background:var(--neon);width:0;height:3px;transition:width .25s var(--ease);position:absolute;bottom:-6px;left:0}.wonom nav.menu a:hover:after{width:100%}.wonom .right{flex-shrink:0;align-items:center;gap:12px;display:flex}.wonom .lang{border:2px solid var(--ink);border-radius:100px;align-items:center;gap:1px;padding:2px;display:flex}.wonom .lang button{font-family:var(--fr);letter-spacing:.04em;color:var(--sub);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:6px 10px;font-size:12px;transition:all .2s}.wonom .lang button.active{color:#fff;background:var(--ink)}.wonom .book-top{font-family:var(--fr);letter-spacing:.04em;border:2.5px solid var(--ink);color:var(--ink);background:var(--sun,#ffcf1b);box-shadow:3px 3px 0 var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .2s;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#fff;border-radius:100px;padding:9px 20px;font-size:14px}.wonom .book-top:hover{background:var(--neon);color:#fff;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.wonom .member-cta{font-family:var(--fr);letter-spacing:.04em;border:2.5px solid var(--ink);color:#fff;background:var(--neon);box-shadow:3px 3px 0 var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease);text-transform:uppercase;white-space:nowrap;cursor:pointer;animation:w-cta 2.4s var(--ease) infinite;border-radius:100px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;display:inline-flex}.wonom .member-cta:hover{color:#fff;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}@keyframes w-cta{0%,to{box-shadow:3px 3px 0 var(--ink)}50%{box-shadow:3px 3px 0 var(--ink),0 0 0 5px #ff2e8838}}.wonom .menu-toggle{cursor:pointer;background:0 0;border:none;font-size:26px;display:none}@media (max-width:960px){.wonom nav.menu{display:none}}@media (max-width:560px){.wonom .bar{gap:8px;height:60px}.wonom .bar .book-top,.wonom .logo .en{display:none}.wonom .logo .kr{font-size:19px}.wonom .member-cta{gap:4px;padding:8px 13px;font-size:12.5px}.wonom .lang button{padding:5px 7px;font-size:11px}}.wonom .hero{align-items:flex-end;min-height:92vh;display:flex;position:relative;overflow:hidden}.wonom .hero .bg{position:absolute;inset:0}.wonom .hero .bg img{object-fit:cover;filter:saturate(1.03);width:100%;height:100%}.wonom .hero .bg:after{content:"";background:linear-gradient(#0a090e2e 0%,#0a090e0f 38%,#0a090ed1 100%);position:absolute;inset:0}.wonom .hero .inner{z-index:2;width:100%;padding-bottom:9vh;position:relative}.wonom .hero .kicker{color:#fff;opacity:.9;margin-bottom:22px}.wonom .hero .kicker b{color:var(--neon)}.wonom .hero h1{font-family:var(--fd);color:#fff;letter-spacing:0;text-shadow:6px 6px #17161a4d,0 3px 30px #00000059;font-size:clamp(56px,10vw,132px);line-height:.9}.wonom .hero h1 em{font-style:normal;font-family:var(--fh);color:#fff;text-shadow:0 0 8px #fff, var(--glow-neon), 0 0 35px #ff2e8880;font-weight:700}.wonom .hero .kr-sub{font-family:var(--fb);color:#fff;opacity:.94;max-width:620px;margin-top:24px;font-size:clamp(15px,2.4vw,20px);font-weight:300;line-height:1.7}.wonom .hero .scroll-cue{z-index:3;color:#fff;font-family:var(--fr);letter-spacing:.24em;opacity:.75;text-transform:uppercase;animation:w-bob 2.4s var(--ease) infinite;font-size:12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes w-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.wonom h2.serif{text-shadow:3px 3px #ff2e881f,0 0 12px #ff2e8833}.wonom .mission{border-bottom:3px solid var(--ink);padding:96px 0 84px}.wonom .mission .grid{grid-template-columns:1fr 1.15fr;align-items:start;gap:56px;display:grid}.wonom .mission .lead{font-family:var(--fd);letter-spacing:0;text-shadow:3px 3px #ff2e882e;font-size:clamp(28px,3.8vw,44px);line-height:1.18}.wonom .mission .lead b{background:linear-gradient(#0000 60%,#ff2e8852 60%)}.wonom .mission p{color:var(--sub);font-size:15.5px}.wonom .mission p+p{margin-top:16px}.wonom .mission .give{font-family:var(--fr);letter-spacing:.02em;color:var(--ink);border-left:4px solid var(--neon);align-items:center;gap:10px;margin-top:22px;padding:6px 0 6px 14px;font-size:14px;display:inline-flex}@media (max-width:820px){.wonom .mission .grid{grid-template-columns:1fr;gap:30px}}.wonom .floors{padding:90px 0 40px;position:relative}.wonom .floors .head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.wonom .floors .head h2{font-family:var(--fd);letter-spacing:0;font-size:clamp(34px,4.8vw,58px);line-height:1}.wonom .floors .head p{font-family:var(--fh);color:var(--sub);max-width:380px;font-size:17px;font-weight:700}.wonom .course{margin-top:56px;padding-left:38px;position:relative}.wonom .course:before{content:"";background:linear-gradient(180deg,var(--line),var(--line) 82%,transparent);width:3px;position:absolute;top:6px;bottom:120px;left:10px}.wonom .floor{border-bottom:2px solid var(--hair);grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:46px 0;display:grid;position:relative}.wonom .floor:last-child{border-bottom:none}.wonom .floor .node{background:var(--concrete);border:3px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:54px;left:-35px}.wonom .floor .node:after{content:"";background:var(--line);border-radius:50%;width:7px;height:7px}.wonom .floor .txt .fnum{font-family:var(--fr);letter-spacing:.08em;color:var(--neon);font-size:14px}.wonom .floor .txt h3{font-family:var(--fd);letter-spacing:0;text-shadow:3px 3px #ff2e8814,0 0 8px #ff2e8826;margin:10px 0 4px;font-size:clamp(30px,4vw,46px);line-height:1}.wonom .floor .txt .krname{font-family:var(--fh);color:var(--sub);font-size:18px;font-weight:700}.wonom .floor .txt .desc{color:#4b4842;max-width:440px;margin-top:16px;font-size:15px}.wonom .floor .tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.wonom .floor .tags span{font-family:var(--fr);letter-spacing:.02em;border:2px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:100px;padding:5px 13px;font-size:13px}.wonom .floor .ph{aspect-ratio:4/3;position:relative}.wonom .floor .ph-inner{background:var(--concrete2);border:3px solid var(--ink);width:100%;height:100%;box-shadow:8px 8px 0 var(--ink);border-radius:14px;overflow:hidden}.wonom .floor .ph-inner img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--ease)}.wonom .floor .ph:hover .ph-inner img{transform:scale(1.05)}.wonom .floor.rev .ph{order:-1}@media (max-width:820px){.wonom .floor,.wonom .floor.rev{grid-template-columns:1fr;gap:22px}.wonom .floor.rev .ph{order:0}.wonom .course{padding-left:30px}.wonom .course:before{left:7px}.wonom .floor .node{left:-28px}}.wonom .exp{background:var(--concrete2);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:96px 0}.wonom .exp h2{font-family:var(--fd);letter-spacing:0;font-size:clamp(32px,4.4vw,50px)}.wonom .exp .sub{color:var(--sub);margin-top:10px;margin-bottom:40px;font-size:15px}.wonom .cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.wonom .card{background:var(--card);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease);border-radius:18px;flex-direction:column;padding:26px;display:flex}.wonom .card:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.wonom .card .ci{font-family:var(--fr);letter-spacing:.06em;color:var(--neon);font-size:13px}.wonom .card h4{font-family:var(--fd);letter-spacing:0;text-shadow:0 0 8px #ff2e881f;margin:10px 0 8px;font-size:26px;font-weight:400}.wonom .card .cd{color:var(--sub);flex:1;font-size:14px}.wonom .card .meta{gap:18px;margin:18px 0;display:flex}.wonom .card .meta div span{font-family:var(--fr);letter-spacing:.04em;color:var(--sub);text-transform:uppercase;font-size:11px;display:block}.wonom .card .meta div b{font-family:var(--fd);font-size:17px;font-weight:400}.wonom .card .cbtn{font-family:var(--fr);letter-spacing:.02em;text-align:center;border:2.5px solid var(--ink);transition:all .18s var(--ease);cursor:pointer;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:100px;padding:12px;font-size:15px}.wonom .card .cbtn:hover{background:var(--neon);color:#fff;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}@media (max-width:820px){.wonom .cards{grid-template-columns:1fr}}.wonom .menu-sec{padding:96px 0}.wonom .menu-sec .head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:36px;display:flex}.wonom .menu-sec h2{font-family:var(--fd);letter-spacing:0;font-size:clamp(32px,4.4vw,50px)}.wonom .menu-sec .head p{color:var(--sub);max-width:340px;font-size:14px}.wonom .menu-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:48px;display:grid}.wonom .mlist .mrow{border-bottom:2px solid var(--hair);justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;display:flex}.wonom .mlist .mrow .mn{font-family:var(--fr);font-size:17px}.wonom .mlist .mrow .mn small{font-family:var(--fb);color:var(--sub);margin-top:3px;font-size:12.5px;font-weight:400;display:block}.wonom .mlist .mrow .mp{font-family:var(--fd);white-space:nowrap;color:var(--ink);font-size:16px;font-weight:400}.wonom .mlist .mrow .mp b{color:var(--neon)}.wonom .menu-photo{aspect-ratio:3/4;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:14px;overflow:hidden}.wonom .menu-photo img{object-fit:cover;width:100%;height:100%}@media (max-width:820px){.wonom .menu-grid{grid-template-columns:1fr;gap:26px}.wonom .menu-photo{aspect-ratio:16/10;order:-1}}.wonom .gallery{padding:20px 0 96px}.wonom .gallery h2{font-family:var(--fd);letter-spacing:0;margin-bottom:6px;font-size:clamp(32px,4.4vw,50px)}.wonom .gallery .sub{color:var(--sub);margin-bottom:30px;font-size:14px}.wonom .masonry{column-count:3;column-gap:16px}.wonom .masonry figure{break-inside:avoid;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:12px;margin:0 0 16px;position:relative;overflow:hidden}.wonom .masonry img{width:100%;transition:transform .8s var(--ease)}.wonom .masonry figure:hover img{transform:scale(1.06)}.wonom .masonry figcaption{color:#fff;font-family:var(--fr);letter-spacing:.04em;text-shadow:0 1px 8px #000000b3;font-size:13px;position:absolute;bottom:10px;left:12px}@media (max-width:820px){.wonom .masonry{column-count:2}}@media (max-width:520px){.wonom .masonry{column-count:1}}.wonom .events{background:var(--ink);color:var(--concrete);padding:90px 0}.wonom .events h2{font-family:var(--fd);letter-spacing:0;color:#fff;text-shadow:var(--glow-neon);font-size:clamp(32px,4.4vw,50px)}.wonom .events .sub{color:#9c988e;margin:12px 0 36px;font-size:14px}.wonom .ev{border-bottom:2px solid #ffffff24;grid-template-columns:170px 1fr auto;align-items:center;gap:24px;padding:22px 0;display:grid}.wonom .ev .date{font-family:var(--fr);color:var(--neon);letter-spacing:.02em;text-shadow:var(--glow-neon);font-size:15px}.wonom .ev .ev-t{font-family:var(--fd);color:#fff;text-shadow:0 0 10px #ff2e8859;font-size:22px;font-weight:400}.wonom .ev .ev-t small{font-family:var(--fb);color:#9c988e;margin-top:4px;font-size:13px;font-weight:400;display:block}.wonom .ev .ev-tag{font-family:var(--fr);letter-spacing:.06em;color:var(--concrete);border:2px solid #fff6;border-radius:100px;padding:6px 13px;font-size:12px}@media (max-width:640px){.wonom .ev{grid-template-columns:1fr;gap:6px}.wonom .ev .ev-tag{justify-self:start;margin-top:6px}}.wonom .info{padding:96px 0}.wonom .info .grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;display:grid}.wonom .info h2{font-family:var(--fd);letter-spacing:0;font-size:clamp(34px,5vw,60px);line-height:1}.wonom .info h2 em{font-style:normal;font-family:var(--fh);color:var(--neon);font-weight:700}.wonom .info .idetails{grid-template-columns:1fr 1fr;gap:22px 30px;margin-top:28px;display:grid}.wonom .info .idetails .it .k{font-family:var(--fr);letter-spacing:.08em;color:var(--sub);text-transform:uppercase;margin-bottom:6px;font-size:12px}.wonom .info .idetails .it .v{font-size:15px}.wonom .bookbox{background:var(--card);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--neon);border-radius:20px;padding:30px}.wonom .bookbox h3{font-family:var(--fd);letter-spacing:0;margin-bottom:4px;font-size:27px;font-weight:400}.wonom .bookbox p{color:var(--sub);margin-bottom:20px;font-size:13.5px}.wonom .field{margin-bottom:14px}.wonom .field label{font-family:var(--fr);letter-spacing:.04em;color:var(--sub);text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.wonom .field select,.wonom .field input{border:2px solid var(--ink);width:100%;font-family:var(--fb);color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;font-size:14px}.wonom .field select:focus,.wonom .field input:focus{outline:2px solid var(--neon);outline-offset:1px}.wonom .bookbox .go{background:var(--ink);color:#fff;width:100%;font-family:var(--fr);letter-spacing:.04em;cursor:pointer;text-transform:uppercase;box-shadow:4px 4px 0 var(--neon);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .2s;border:none;border-radius:100px;margin-top:8px;padding:15px;font-size:15px}.wonom .bookbox .go:hover{background:var(--neon);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.wonom .hotline-num{font-family:var(--fd);letter-spacing:.01em;color:var(--ink);text-shadow:3px 3px 0 #ff2e881f, var(--glow-neon);margin:8px 0 16px;font-size:clamp(30px,6vw,44px)}.wonom .bookbox .zalo-link{text-align:center;font-family:var(--fr);color:var(--sub);margin-top:14px;font-size:14px;display:block}.wonom .bookbox .zalo-link:hover{color:var(--neon)}@media (max-width:820px){.wonom .info .grid{grid-template-columns:1fr;gap:34px}}.wonom footer{border-top:3px solid var(--ink);color:var(--sub);padding:44px 0 60px;font-size:13px}.wonom footer .frow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.wonom footer .fbrand{font-family:var(--fd);color:var(--ink);font-size:24px}.wonom footer .fbrand span{color:var(--neon)}.wonom footer .note{font-family:var(--fr);letter-spacing:.02em;font-size:12px}.wonom .fsocial{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.wonom .fsocial a{border:2.5px solid var(--ink);width:46px;height:46px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .2s,color .2s;background:#fff;border-radius:12px;place-items:center;display:grid}.wonom .fsocial a:hover{background:var(--sc,var(--neon));color:#fff;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.wonom .disc{font-family:var(--fr);color:var(--sub);margin-top:14px;font-size:12px}.wonom .fab{z-index:70;background:var(--neon);color:#fff;font-family:var(--fr);letter-spacing:.04em;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;text-transform:uppercase;transition:transform .18s var(--ease),box-shadow .18s var(--ease);border-radius:100px;padding:15px 24px;font-size:15px;position:fixed;bottom:22px;right:22px}.wonom .fab:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.wonom .to-top{z-index:70;background:var(--concrete);width:52px;height:52px;color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .22s var(--ease),transform .22s var(--ease),box-shadow .18s var(--ease);border-radius:100px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:fixed;bottom:82px;right:22px;transform:translateY(12px)}.wonom .to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.wonom .to-top:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.wonom .modal{z-index:100;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.wonom .modal.on{display:flex}.wonom .modal .ov{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17161a99;position:absolute;inset:0}.wonom .modal .box{background:var(--concrete);border:4px solid var(--ink);z-index:2;width:100%;max-width:440px;box-shadow:10px 10px 0 var(--neon);border-radius:20px;padding:34px;position:relative}.wonom .modal .box h3{font-family:var(--fd);letter-spacing:0;margin-bottom:6px;font-size:27px;font-weight:400}.wonom .modal .box p{color:var(--sub);margin-bottom:22px;font-size:14px}.wonom .modal .close{cursor:pointer;color:var(--sub);font-size:22px;font-family:var(--fr);background:0 0;border:none;position:absolute;top:16px;right:18px}.wonom .modal .mok{background:var(--ink);color:#fff;width:100%;font-family:var(--fr);letter-spacing:.04em;cursor:pointer;text-transform:uppercase;box-shadow:4px 4px 0 var(--neon);transition:transform .15s var(--ease),box-shadow .15s var(--ease);border:none;border-radius:100px;padding:14px}.wonom .modal .mok:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.wonom .reveal{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transform:translateY(26px)}.wonom .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.wonom *{scroll-behavior:auto!important;animation:none!important}.wonom .reveal{opacity:1;transition:none;transform:none}}.wonom :focus-visible{outline:3px solid var(--neon);outline-offset:2px}.wonom.admin{background:var(--concrete);min-height:100vh}.admin-shell{align-items:stretch;min-height:100vh;display:flex}.admin-side{background:var(--card);border-right:3px solid var(--ink);flex-direction:column;flex:0 0 240px;width:240px;height:100vh;display:flex;position:sticky;top:0}.admin-brand{border-bottom:3px solid var(--ink);flex-shrink:0;padding:22px 20px}.admin-brand .kr{font-family:var(--fd);color:var(--ink);font-size:20px;line-height:1.1;display:block}.admin-brand .en{font-family:var(--fr);letter-spacing:.18em;color:var(--sub);text-transform:uppercase;margin-top:4px;font-size:11px;display:block}.admin-nav{flex-direction:column;flex:1;gap:6px;min-height:0;padding:16px 12px;display:flex;overflow-y:auto}.admin-nav a{font-family:var(--fr);color:var(--ink);transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .14s var(--ease);border:2px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:12px 14px;font-size:15px;display:flex}.admin-nav a .ic{text-align:center;width:22px;font-size:18px;line-height:1}.admin-nav a:hover{background:var(--concrete)}.admin-nav a.active{background:var(--neon);color:#fff;border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.admin-foot{border-top:3px solid var(--ink);flex-shrink:0;padding:14px 16px}.admin-foot .who{color:var(--sub);margin-bottom:10px;font-size:12px}.admin-logout{background:var(--ink);color:#fff;width:100%;font-family:var(--fr);cursor:pointer;box-shadow:3px 3px 0 var(--neon);transition:transform .15s var(--ease),box-shadow .15s var(--ease);border:none;border-radius:100px;padding:11px;font-size:14px}.admin-logout:hover{box-shadow:1px 1px 0 var(--neon);transform:translate(2px,2px)}.admin-main{flex:1;min-width:0;padding:30px clamp(18px,4vw,46px) 70px}.admin-head{margin-bottom:22px}.admin-head .eyebrow{margin-bottom:6px}.admin-head h1{font-family:var(--fd);letter-spacing:0;font-size:clamp(26px,4vw,38px);font-weight:400;line-height:1.05}.admin-head p{color:var(--sub);margin-top:6px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:16px;padding:20px}.stat-card .lab{font-family:var(--fr);letter-spacing:.06em;color:var(--sub);text-transform:uppercase;font-size:13px}.stat-card .num{font-family:var(--fd);color:var(--ink);margin-top:8px;font-size:44px;line-height:1}.stat-card.neon{background:var(--neon)}.stat-card.neon .num,.stat-card.neon .lab{color:#fff}.info-card{background:var(--card);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:16px;padding:22px}.info-card .irow{border-top:1px solid var(--hair);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.info-card .irow:first-of-type{border-top:none}.info-card .irow .k{font-family:var(--fr);color:var(--sub);font-size:14px}.info-card .irow .v{text-align:right;word-break:break-word;font-weight:600}@media (max-width:820px){.admin-shell{flex-direction:column}.admin-side{border-right:none;border-bottom:3px solid var(--ink);flex-flow:wrap;flex:none;align-items:center;width:100%;height:auto;position:static}.admin-brand{border-bottom:none;border-right:3px solid var(--ink);flex:1;min-width:150px;padding:14px 16px}.admin-nav{border-top:2px solid var(--hair);flex-flow:wrap;flex:none;order:3;gap:8px;width:100%;padding:10px}.admin-nav a{padding:9px 13px;font-size:14px}.admin-nav a.active{box-shadow:3px 3px 0 var(--ink)}.admin-foot{border-top:none;padding:12px 16px}.admin-foot .who{display:none}.admin-logout{width:auto;padding:10px 18px}}.wonom{overflow-x:clip}.wonom section,.wonom footer{position:relative}.wonom footer{overflow:hidden}.wonom .sticker{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:4;filter:drop-shadow(2px 3px 2px #17161a38);height:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s;position:absolute}.wonom .sticker:hover{filter:drop-shadow(4px 8px 6px #17161a52)}.wonom .sticker.stuck{transform:rotate(var(--rot,0deg))}.wonom .sticker.stuck:hover{transform:scale(1.18) rotate(calc(var(--rot,0deg) + 6deg))!important}.wonom .sticker.float{animation:w-float 6s var(--ease) infinite}.wonom .sticker.float.d1{animation-duration:7.2s;animation-delay:-1.5s}.wonom .sticker.float.d2{animation-duration:5.4s;animation-delay:-3s}.wonom .sticker.float.d3{animation-duration:6.6s;animation-delay:-4.4s}.wonom .sticker.float.d4{animation-duration:8s;animation-delay:-2.2s}.wonom .sticker.float:hover{animation-play-state:paused;transform:scale(1.18) rotate(calc(var(--rot,0deg) - 6deg))!important}@keyframes w-float{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-16px) rotate(calc(var(--rot,0deg) + 4deg))}}.wonom .hero-stickers{z-index:2;pointer-events:none;position:absolute;inset:0}.wonom .hero-stickers .sticker{z-index:2}@media (max-width:820px){.wonom .sticker.hide-md{display:none}}@media (max-width:560px){.wonom .sticker{display:none}.wonom .sticker.keep-sm{display:block}}@media (prefers-reduced-motion:reduce){.wonom .sticker.float{animation:none}}.wonom .sticker-book-btn{z-index:70;background:var(--ink);color:#fff;border:3px solid var(--ink);width:52px;height:52px;box-shadow:4px 4px 0 var(--neon);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:100px;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;bottom:142px;right:22px}.wonom .sticker-book-btn:hover{box-shadow:2px 2px 0 var(--neon);transform:translate(2px,2px)}.wonom .sticker-book-hint{z-index:69;background:var(--card);border:2px solid var(--ink);font-family:var(--fh);box-shadow:3px 3px 0 var(--ink);pointer-events:none;border-radius:8px;padding:6px 12px;font-size:15px;font-weight:700;animation:4s ease-in-out infinite alternate hint-fade;position:fixed;bottom:150px;right:84px}@keyframes hint-fade{0%,80%{opacity:1;transform:translate(0)}90%,to{opacity:0;transform:translate(10px)}}.wonom .sticker-drawer{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:4px solid var(--ink);background:#fcfbf8f5;flex-direction:column;width:340px;height:100vh;transition:right .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-360px;box-shadow:-8px 0 #17161a1f}.wonom .sticker-drawer.open{right:0}.wonom .sticker-drawer-header{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;padding:20px;display:flex}.wonom .sticker-drawer-header h3{font-family:var(--fd);color:var(--ink);font-size:20px}.wonom .sticker-drawer-close{border:2px solid var(--ink);width:32px;height:32px;font-family:var(--fr);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.wonom .sticker-drawer-close:hover{background:var(--neon);color:#fff}.wonom .sticker-drawer-tabs{border-bottom:2px solid var(--hair);scrollbar-width:none;gap:6px;padding:12px;display:flex;overflow-x:auto}.wonom .sticker-drawer-tabs::-webkit-scrollbar{display:none}.wonom .sticker-drawer-tab{border:2px solid var(--ink);font-family:var(--fr);white-space:nowrap;cursor:pointer;background:#fff;border-radius:100px;padding:6px 12px;font-size:11px;transition:all .15s}.wonom .sticker-drawer-tab.active{background:var(--neon);color:#fff;box-shadow:2px 2px 0 var(--ink)}.wonom .sticker-drawer-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid;overflow-y:auto}.wonom .sticker-drawer-item{border:2px solid var(--hair);cursor:pointer;aspect-ratio:1;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.wonom .sticker-drawer-item:hover{border-color:var(--neon);transform:scale(1.08)rotate(4deg);box-shadow:3px 3px #17161a14}.wonom .sticker-drawer-item img{object-fit:contain;max-width:100%;max-height:100%}.wonom .placed-sticker-wrapper{touch-action:none;z-index:50;-webkit-user-select:none;user-select:none;display:inline-block;position:absolute}.wonom .placed-sticker-wrapper.dragging{z-index:60}.wonom .placed-sticker-img{cursor:grab;filter:drop-shadow(3px 4px 3px #17161a40);width:100%;height:auto;transition:transform .1s;display:block}.wonom .placed-sticker-wrapper.dragging .placed-sticker-img{cursor:grabbing;filter:drop-shadow(6px 12px 8px #17161a59)}.wonom .placed-sticker-wrapper.selected .placed-sticker-img{outline:2px dashed var(--neon);outline-offset:4px}.wonom .sticker-toolbar{background:var(--ink);z-index:100;pointer-events:auto;border-radius:8px;gap:4px;padding:4px 8px;display:flex;position:absolute;top:-46px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.wonom .sticker-toolbar:after{content:"";border-style:solid;border-width:6px 6px 0;border-color:var(--ink) transparent;width:0;display:block;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.wonom .sticker-toolbar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .15s,color .15s;display:flex}.wonom .sticker-toolbar button:hover{color:var(--neon);background:#ffffff26}.wonom .sticker-toolbar button.del:hover{color:#fff;background:#ff4d4d}@media (max-width:768px){.wonom .sticker-drawer{border-left:none;border-top:4px solid var(--ink);width:100%;height:45vh;transition:bottom .35s cubic-bezier(.16,1,.3,1);inset:auto 0 -45vh;box-shadow:0 -8px #17161a1f}.wonom .sticker-drawer.open{bottom:0}.wonom .sticker-drawer:before{content:"";background:var(--hair);border-radius:2px;width:40px;height:4px;margin:8px auto 0;display:block}.wonom .sticker-drawer-header{border-bottom:2px solid var(--ink);padding:10px 20px 14px}.wonom .sticker-drawer-tabs{gap:8px;padding:8px 12px}.wonom .sticker-drawer-tab{padding:8px 14px;font-size:12px}.wonom .sticker-drawer-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.wonom .sticker-drawer-item{border-radius:8px;padding:6px}.wonom .sticker-toolbar{gap:6px;padding:6px 8px;top:-58px}.wonom .sticker-toolbar:after{bottom:-6px}.wonom .sticker-toolbar button{width:38px;height:38px;font-size:16px}.wonom .fab{padding:12px 20px;font-size:14px;bottom:16px;right:16px}.wonom .to-top{width:48px;height:48px;font-size:18px;bottom:78px;right:16px}.wonom .sticker-book-btn{width:48px;height:48px;font-size:22px;bottom:134px;right:16px}.wonom .sticker-book-hint{padding:4px 10px;font-size:14px;bottom:142px;right:72px}}.wonom-piano-wrapper{position:relative}.wonom .piano-sidebar-container{pointer-events:none;z-index:80;width:60px;position:absolute;top:0;bottom:0;left:0}.wonom .piano-keyboard{pointer-events:auto;flex-direction:column;gap:6px;padding:16px 0;display:flex;position:sticky;top:120px}.wonom .piano-key{background:var(--key-color);border:3px solid var(--ink);cursor:pointer;width:88px;height:46px;box-shadow:3px 3px 0 var(--ink);border-left:none;border-radius:0 8px 8px 0;outline:none;justify-content:flex-end;align-items:center;padding-right:10px;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s,filter .15s;display:flex;position:relative;transform:translate(0)}.wonom .piano-key:hover{box-shadow:1px 2px 0 var(--ink), 0 0 16px var(--key-color);transform:translate(8px)}.wonom .piano-key:active{box-shadow:1px 1px 0 var(--ink), 0 0 8px var(--key-color);filter:brightness(1.2);transform:translate(3px)}.wonom .piano-note-name{font-family:var(--fr);color:#fff;text-shadow:1px 1px 2px var(--ink);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.wonom .wonom-piano-wrapper .wrap{padding-left:112px}@media (max-width:768px){.wonom .wonom-piano-wrapper .wrap{padding-left:84px}.wonom .piano-sidebar-container{width:72px}.wonom .piano-keyboard{gap:4px;top:90px}.wonom .piano-key{width:72px;height:40px;box-shadow:2px 2px 0 var(--ink);border-width:2px;border-radius:0 6px 6px 0;padding-right:6px}.wonom .piano-key:hover{transform:translate(4px)}.wonom .piano-key:active{transform:translate(1px)}.wonom .piano-note-name{font-size:10px}}