dialog.class-store{width:min(92vw,680px);max-height:min(90dvh,850px);padding:0;border:3px solid #9c7249;border-radius:24px;background:#f9f1d8;color:#3b4c37;box-shadow:0 22px 0 #5d452d,0 35px 80px #1b342b88;overflow:auto;font:15px/1.5 "Pretendard","Noto Sans KR",system-ui,sans-serif}
.class-store::backdrop{background:#1b3029b5;backdrop-filter:blur(3px)}
.class-store *{box-sizing:border-box}.class-store-shell{border:6px solid #d4a873;border-radius:20px;background:#fff9e9;min-height:100%}
.class-store-head{display:block;position:relative;margin:0;padding:28px 24px 24px;text-align:center;background:linear-gradient(#c8e7de,#e1f1d4);border-bottom:5px solid #a4c78d;overflow:hidden}
.class-store-head:before,.class-store-head:after{content:"";position:absolute;bottom:0;width:180px;height:36px;background:#9cc58a;clip-path:polygon(0 100%,15% 40%,30% 100%,45% 25%,60% 100%,75% 55%,100% 100%)}.class-store-head:before{left:-35px}.class-store-head:after{right:-35px;transform:scaleX(-1)}
.class-store-eyebrow{display:inline-block;padding:3px 11px;border:1px solid #7da898;border-radius:99px;background:#ffffffbb;color:#52736b;font-size:11px;font-weight:900;letter-spacing:.08em}
.class-store-close{position:absolute;right:12px;top:10px;z-index:2;width:42px;height:42px;border:2px solid #a37b53;border-radius:12px;background:#fff5dd;color:#805632;font-size:27px;line-height:1;cursor:pointer}
.class-store-illustration{position:relative;width:88px;height:66px;margin:10px auto 3px;background:linear-gradient(90deg,#bd8754 0 16%,#e9bd7e 16% 84%,#ac7848 84%);border:4px solid #865d38;border-bottom:7px solid #764e31;box-shadow:6px 6px 0 #698b684d;image-rendering:pixelated}
.class-store-roof{position:absolute;left:-13px;right:-13px;top:-9px;height:17px;border:3px solid #855b3a;background:repeating-linear-gradient(90deg,#b9634b 0 11px,#cd7656 11px 22px);transform:skew(-12deg)}
.class-store-doors{position:absolute;left:24px;bottom:0;width:32px;height:43px;border:3px solid #855b3a;background:linear-gradient(90deg,#8f6748 0 48%,#6c4b36 49% 51%,#a17851 52%)}
.class-store-illustration i{position:absolute;right:-20px;top:19px;color:#ffde71;font-style:normal;font-size:26px;text-shadow:0 2px #9d774d}
.class-store-head h2{position:relative;margin:7px 0 0;font-size:26px;letter-spacing:-.04em;color:#365b4a}.class-store-head p{position:relative;margin:3px 0 0;color:#4f6e60;font-size:13px;font-weight:650}
.class-store-body{display:grid;gap:18px;padding:20px 24px 24px}.class-store-next{position:relative;padding:17px 20px;border:3px solid #d3a967;border-radius:18px;background:#fff1c9;box-shadow:4px 5px 0 #e2cca0}
.class-store-next:after{content:"✦";position:absolute;right:16px;top:13px;color:#dea654;font-size:25px}.class-store-kicker{color:#a2693b;font-size:11px;font-weight:900;letter-spacing:.07em}.class-store-next h3{margin:5px 0 1px;color:#6c4d32;font-size:23px}.class-store-next-detail{margin:0;color:#816749;font-size:12px}.class-store-next[data-empty="true"]{background:#e6f2e1;border-color:#a2c59a}.class-store-next[data-empty="true"] h3{color:#426b4e}
.class-store-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.class-store-section-head h3{margin:0;font-size:17px;color:#365848}.class-store-section-head span{padding:4px 9px;border-radius:99px;background:#ebead5;color:#6c664a;font-size:11px;font-weight:900}
.class-store-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:9px;max-height:190px;overflow:auto}.class-store-empty{grid-column:1/-1;margin:0;padding:22px;border:2px dashed #bbd1ad;border-radius:13px;color:#6e806a;background:#f1f5e9;text-align:center;font-size:12px}
.class-store-item{display:grid;grid-template-columns:33px 1fr;gap:0 8px;align-items:center;min-height:59px;padding:8px;border:2px solid #d4dfc8;border-radius:12px;background:#f3f7e8}.class-store-item-icon{grid-row:1/3;display:grid;place-items:center;width:33px;height:33px;border:2px solid #9fb990;border-radius:9px;background:#e1edd6;color:#5c8057;font-size:20px}.class-store-item strong{font-size:12px}.class-store-item small{font-size:10px;color:#71806c}
.class-store-give{padding:16px 18px 18px;border:2px solid #bcd5bc;border-radius:17px;background:linear-gradient(135deg,#f2faed,#e9f4eb)}.class-store-give p{margin:0 0 11px;color:#5d725e;font-size:12px}.class-store-picks{display:flex;gap:8px;margin-bottom:4px}.class-store-picks button{flex:1;min-height:44px;border:2px solid #8fb58b;border-radius:11px;background:#fffdf1;color:#426844;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.class-store-picks button:hover:not(:disabled){background:#d9eccf}.class-store-picks button[aria-pressed="true"]{border-color:#507b51;background:#d7ebce;box-shadow:inset 0 0 0 2px #ffffffaa,0 0 0 2px #507b51;color:#294c32}.class-store-picks button:disabled{opacity:.45;cursor:default}.class-store-picks button[aria-pressed="true"]:disabled{opacity:.65}.class-store-pick-help{margin:0 0 11px!important;color:#667a63!important;font-size:11px!important}
.class-store-form label{display:block;margin-bottom:6px;color:#526e58;font-size:11px;font-weight:900}.class-store-form>div{display:flex;gap:7px}.class-store-form input{min-width:0;flex:1;min-height:45px;padding:8px 11px;border:2px solid #aec9a5;border-radius:10px;background:#fff;font:inherit}.class-store-form button{min-height:45px;padding:7px 16px;border:2px solid #507b51;border-radius:10px;background:#507b51;color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.class-store-form button:disabled{opacity:.5;cursor:default}.class-store .class-store-status{min-height:18px;margin:8px 0 0;color:#775236;font-size:12px;font-weight:800}
.class-store button:focus-visible,.class-store input:focus-visible{outline:3px solid #e4a244;outline-offset:2px}
@media(max-width:560px){dialog.class-store{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);box-shadow:0 12px 0 #5d452d,0 20px 40px #1b342b88}.class-store-head{padding:20px 16px}.class-store-body{padding:14px;gap:15px}.class-store-give{padding:13px}.class-store-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.class-store-form button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.class-store *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}