.dx-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:900;border:2px solid transparent;color:#fff;background:none;white-space:nowrap;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,color .15s,background .15s,opacity .15s}.dx-b:disabled{cursor:default}.dx-b-pri{background:var(--c-pink);box-shadow:5px 5px 0 var(--c-yel)}.dx-b-pri:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--c-yel)}.dx-b-gh{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);font-weight:700}.dx-b-done,.dx-b-gh:hover:not(:disabled){border-color:var(--c-cyan);color:var(--c-cyan)}.dx-b-done{background:rgba(34,211,238,.12)}.dx-b-done:hover:not(:disabled){background:var(--c-cyan);color:var(--c-bg);transform:rotate(-1.5deg) translate(-1px,-2px);box-shadow:4px 4px 0 var(--c-pink)}.dx-b-done .dx-sep{opacity:.5}.dx-b-done .dx-st{color:var(--c-yel)}.dx-b-done:hover:not(:disabled) .dx-st{color:var(--c-bg)}.dx-b-fav-on{background:rgba(236,72,153,.14);border-color:var(--c-pink);color:var(--c-pink)}.dx-b-fav-on:hover:not(:disabled){background:var(--c-pink);color:#fff}.dx-b-yel{background:var(--c-yel);color:var(--c-bg);box-shadow:3px 3px 0 var(--c-pink)}.dx-b-yel:hover:not(:disabled){transform:translate(-1px,-1px) rotate(-1deg);box-shadow:5px 5px 0 var(--c-pink)}.dx-b-txt{background:none;color:var(--c-orange);font-weight:800;padding:0 6px}.dx-b-txt:hover:not(:disabled){color:#fdba74;text-decoration:underline}.dx-b-dis,.dx-b:disabled.dx-b-dis{opacity:.45;box-shadow:none;pointer-events:none}.dx-b-sm{height:40px;padding:0 14px;font-size:13px;border-radius:10px}.dx-spin{width:16px;height:16px;border:2.5px solid;border-right:2.5px solid transparent;border-radius:50%;animation:dx-sp .7s linear infinite;flex-shrink:0}@keyframes dx-sp{to{transform:rotate(1turn)}}.dx-cc-acts{position:absolute;top:8px;left:8px;z-index:3;display:flex;gap:8px}.dx-ib{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;color:#fff;background:rgba(13,10,20,.85);border:1px solid rgba(255,255,255,.22);transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.dx-ib:before{content:"";position:absolute;inset:-4px}.dx-ib-ok:focus-visible,.dx-ib-ok:hover{background:var(--c-cyan);border-color:var(--c-cyan);color:var(--c-bg);box-shadow:3px 3px 0 var(--c-pink);transform:rotate(-8deg)}.dx-ib-x:focus-visible,.dx-ib-x:hover{background:var(--c-pink);border-color:var(--c-pink)}.dx-tip{position:absolute;top:calc(100% + 8px);left:-4px;background:var(--c-cyan);color:var(--c-bg);font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;white-space:nowrap;transform:rotate(-2deg);box-shadow:var(--shadow-sticker);opacity:0;pointer-events:none;transition:opacity .15s}.dx-ib-ok:focus-visible .dx-tip,.dx-ib-ok:hover .dx-tip{opacity:1}@media (hover:hover) and (min-width:640px){.dx-cc-acts{gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s}.dx-cc:focus-within .dx-cc-acts,.dx-cc:hover .dx-cc-acts{opacity:1;transform:none}.dx-ib{width:30px;height:30px}.dx-ib:before{inset:-7px}}.dx-cc-done{position:absolute;inset:0;z-index:4;background:rgba(13,10,20,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:14px;animation:dx-fade .15s ease-out}.dx-bub{width:56px;height:56px;border-radius:50%;background:var(--c-cyan);color:var(--c-bg);display:grid;place-items:center;box-shadow:4px 4px 0 var(--c-pink);transform:rotate(-8deg)}.dx-cc-leaving{overflow:hidden;width:0!important;min-width:0!important;margin-right:-16px;opacity:0;transition:width .25s ease,margin .25s ease,opacity .2s ease}.dx-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(6,4,9,.72);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:dx-fade .15s ease-out}.dx-md{width:520px;max-width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--c-card);border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:12px 12px 0 var(--c-pink);padding:28px;position:relative;display:flex;flex-direction:column;gap:22px;animation:dx-pop .2s ease-out}.dx-md-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:12px;background:var(--c-ghost);border:1px solid var(--c-line);color:var(--c-dim);display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s}.dx-md-x:hover{color:#fff;border-color:var(--c-cyan)}.dx-sheet-wrap{align-items:flex-end;padding:0}.dx-sheet{width:100%;max-height:92dvh;overflow-y:auto;background:var(--c-card);border-top:1px solid rgba(255,255,255,.16);border-radius:28px 28px 0 0;padding:10px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px;box-shadow:0 -6px 0 var(--c-pink);animation:dx-sheet-in .25s cubic-bezier(.2,.8,.2,1);touch-action:pan-y}.dx-handle{width:44px;height:5px;border-radius:9px;background:rgba(255,255,255,.25);margin:0 auto}.dx-stars{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dx-star{width:48px;height:48px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;color:rgba(255,255,255,.28);transition:transform .12s,color .12s}.dx-star svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;transition:fill .12s,filter .12s}.dx-star.on{color:var(--c-yel)}.dx-star.on svg{fill:var(--c-yel);filter:drop-shadow(2px 2px 0 var(--c-pink))}.dx-star.pv{color:var(--c-yel)}.dx-star.pv svg{fill:rgba(251,191,36,.35);filter:none}.dx-star.cur{transform:scale(1.18) rotate(-10deg)}.dx-star:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px;border-radius:10px}.dx-sheet .dx-stars{justify-content:space-between;gap:0}.dx-sheet .dx-star{width:52px;height:52px}.dx-sheet .dx-star svg{width:40px;height:40px}.dx-slab{margin-left:10px;font-size:12px;font-weight:800;padding:6px 12px;transform:rotate(-2deg);box-shadow:var(--shadow-sticker);white-space:nowrap}.dx-slab.l0{background:var(--c-ghost);color:var(--c-dim);box-shadow:none;transform:none;border:1px dashed rgba(255,255,255,.2)}.dx-slab.l1,.dx-slab.l2{background:var(--c-orange);color:var(--c-bg)}.dx-slab.l3{background:var(--c-cyan);color:var(--c-bg)}.dx-slab.l4{background:var(--c-yel);color:var(--c-bg)}.dx-slab.l5{background:var(--c-pink);color:#fff}.dx-slab.ghost{background:transparent;border:1px solid var(--c-yel);color:var(--c-yel);box-shadow:none}.dx-sheet .dx-slab{margin:8px 0 0}.dx-ta{position:relative}.dx-ta textarea{width:100%;height:76px;resize:none;background:rgba(13,10,20,.6);border:1.5px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;font:500 14px/1.5 var(--font-be-vietnam-pro),system-ui,sans-serif;padding:12px 14px 26px;outline:none;transition:border-color .15s,box-shadow .15s}.dx-ta textarea::placeholder{color:var(--c-faint)}.dx-ta textarea:focus{border-color:var(--c-cyan);box-shadow:3px 3px 0 var(--c-cyan)}.dx-cnt{position:absolute;right:12px;bottom:10px;font:700 11px var(--c-mono);color:var(--c-faint);pointer-events:none}.dx-cnt.warn{color:var(--c-orange)}.dx-err{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.5);color:#fed7aa;font-size:13px;line-height:1.45}.dx-dis{opacity:.5;pointer-events:none}.dx-toast-wrap{position:fixed;z-index:1100;left:12px;right:12px;bottom:calc(24px + env(safe-area-inset-bottom))}@media (min-width:640px){.dx-toast-wrap{left:32px;right:auto;bottom:32px;width:420px}}.dx-toast{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 14px 18px 16px;background:var(--c-card);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:5px 5px 0 var(--c-cyan);overflow:hidden;animation:dx-toast-in .2s ease-out;touch-action:pan-y}.dx-toast.del{box-shadow:5px 5px 0 var(--c-orange)}.dx-t-ic{width:36px;height:36px;border-radius:50%;background:var(--c-cyan);color:var(--c-bg);display:grid;place-items:center;flex-shrink:0;transform:rotate(-8deg)}.dx-toast.del .dx-t-ic{background:var(--c-orange)}.dx-t-undo{height:44px;padding:0 14px;border-radius:10px;border:1.5px solid var(--c-yel);background:none;color:var(--c-yel);font-size:13px;font-weight:900;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.dx-t-undo:focus-visible,.dx-t-undo:hover{background:var(--c-yel);color:var(--c-bg)}.dx-t-x{width:44px;height:44px;border:0;background:none;color:var(--c-faint);display:grid;place-items:center;padding:0;margin-left:-6px;cursor:pointer}.dx-t-x:hover{color:#fff}.dx-t-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--c-cyan);transform-origin:left;animation:dx-tm 5s linear forwards}.dx-toast.del .dx-t-bar{background:var(--c-orange)}.dx-toast:focus-within .dx-t-bar,.dx-toast:hover .dx-t-bar{animation-play-state:paused}.dx-bn{position:relative;background:var(--c-card);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:20px;color:#fff;animation:dx-toast-in .2s ease-out}.dx-bn h4{margin:10px 0 4px;font-size:22px;font-weight:900;letter-spacing:-.03em}.dx-bn p{margin:0 0 16px;font-size:13px;color:var(--c-dim);line-height:1.5;padding-right:24px}.dx-bn-x{width:36px;height:36px;top:12px;right:12px}.dx-bn-ov{position:absolute;right:32px;bottom:110px;z-index:30;width:400px;max-width:calc(100% - 64px);box-shadow:7px 7px 0 var(--c-yel);transform:rotate(-1deg)}.dx-bn-in{margin:16px;box-shadow:5px 5px 0 var(--c-yel)}.dx-bn-in .dx-b{flex:1}@media (max-width:1023px){.dx-bn-ov{display:none}}@media (min-width:1024px){.dx-bn-in{display:none}}@keyframes dx-fade{0%{opacity:0}to{opacity:1}}@keyframes dx-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dx-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dx-toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dx-tm{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.dx-b,.dx-cc-leaving,.dx-ib,.dx-star,.dx-tip{transition:none!important}.dx-b:hover,.dx-ib-ok:focus-visible,.dx-ib:hover,.dx-star.cur{transform:none!important}.dx-backdrop,.dx-bn,.dx-cc-done,.dx-md,.dx-sheet,.dx-toast{animation:none!important}.dx-bn-ov,.dx-bub,.dx-slab,.dx-t-ic,.dx-tip{transform:none!important}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);-ms-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}