.site-drawer{--dr-surface:#fff;--dr-ink:#17283d;--dr-muted:#748196;--dr-line:#e9edf2;--dr-soft:#f6f8fb;--dr-orange:#bd5017;background:#0e1c3280;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.site-drawer__panel{position:absolute;inset-block:10px;inset-inline-start:10px;width:min(390px,calc(100vw - 28px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff9c;border-radius:28px;background:var(--dr-surface);color:var(--dr-ink);box-shadow:-20px 0 80px #05142e40;transform:translateX(calc(100% + 20px));transition:transform .3s cubic-bezier(.22,.8,.25,1);text-align:right;padding-top:env(safe-area-inset-top,0px)}
.site-drawer.drawer-open .site-drawer__panel{transform:translateX(0)}.site-drawer *{box-sizing:border-box}.site-drawer a{text-decoration:none}.site-drawer p,.site-drawer h2{margin:0}.site-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 18px;border-bottom:1px solid var(--dr-line)}.site-drawer__brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--dr-ink)}.site-drawer__logo{display:grid;place-items:center;flex:none;width:58px;height:58px;padding:3px;border-radius:18px;background:#fff;border:1px solid #f2e5d9;box-shadow:0 6px 18px #20304806}.site-drawer__logo img{width:100%;height:100%;object-fit:contain}.site-drawer__brand strong{display:block;font-size:21px;font-weight:800}.site-drawer__brand small{display:block;color:var(--dr-muted);font-size:11px;margin-top:3px}.site-drawer__close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--dr-line);border-radius:14px;background:var(--dr-soft);color:var(--dr-muted);font-size:23px;cursor:pointer;transition:background .2s,color .2s}.site-drawer__close:hover{background:#fff0e3;color:var(--dr-orange)}
.site-drawer__body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:20px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.site-drawer__welcome{position:relative;isolation:isolate;padding:20px;border:1px solid #f6dfcb;border-radius:22px;background:radial-gradient(ellipse at 0 0,#ffdc9c66,transparent 65%),linear-gradient(135deg,#fffaf2,#fff3e7)}.site-drawer__welcome>span{font-size:11px;font-weight:700;color:var(--dr-orange)}.site-drawer__welcome h2{font-size:26px;font-weight:800;line-height:1.5;margin:8px 0 5px;letter-spacing:-.5px}.site-drawer__welcome h2 span{color:#f96b21}.site-drawer__welcome>p{font-size:12px;line-height:1.8;color:var(--dr-muted)}
.site-drawer__create{display:flex;align-items:center;gap:10px;padding:11px;margin-top:18px;border:1px solid #ffac65;border-radius:15px;background:linear-gradient(135deg,#ff9140,#f96b21);color:#fff;box-shadow:0 7px 18px #f96b2120}.site-drawer__plus{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ffffff26;font-size:25px}.site-drawer__create>span:nth-child(2){flex:1;font-size:14px;font-weight:800}.site-drawer__create small{display:block;font-size:10px;font-weight:500;margin-top:2px;color:#fff}.site-drawer__create>i{font-size:21px}
.site-drawer .site-drawer__caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--dr-muted);margin:22px 5px 10px}.site-drawer__caption>span{font-size:10px;font-weight:500;letter-spacing:1px;direction:ltr}.site-drawer__links{display:grid;gap:5px}.site-drawer__links>a{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:65px;border:1px solid transparent;border-radius:17px;color:var(--dr-ink);transition:background .18s,border-color .18s}.site-drawer__icon{display:grid;place-items:center;flex:none;width:41px;height:41px;border-radius:13px;background:var(--dr-soft);color:#697b91;font-size:22px}.site-drawer__text{flex:1;min-width:0}.site-drawer__text strong{display:block;font-size:14px;font-weight:700}.site-drawer__text small{display:block;font-size:10px;color:var(--dr-muted);margin-top:4px}.site-drawer__arrow{font-size:19px;color:#9aa8b8}.site-drawer__links>a:hover{background:var(--dr-soft)}.site-drawer__links>a[aria-current]{border-color:#f7d8be;background:#fff6eb}.site-drawer__links>a[aria-current] .site-drawer__icon{background:#ffe5ce;color:var(--dr-orange)}.site-drawer__links>a[aria-current] strong,.site-drawer__links>a[aria-current] .site-drawer__arrow{color:var(--dr-orange)}
.site-drawer__support{border-top:1px solid var(--dr-line);margin-top:16px;padding-top:2px}.site-drawer__support>a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:13px;color:var(--dr-muted);font-size:12px;min-height:44px}.site-drawer__support>a>i:first-child{font-size:19px}.site-drawer__support>a>span{flex:1}.site-drawer__support>a:hover,.site-drawer__support>a[aria-current]{background:var(--dr-soft);color:var(--dr-orange)}.site-drawer__footer{display:flex;align-items:center;gap:10px;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--dr-line);background:var(--dr-soft);font-size:11px;color:var(--dr-muted);flex:none}.site-drawer__footer strong{display:block;margin-top:3px;color:var(--dr-ink);font-weight:600}.site-drawer__footer>i{margin-inline-start:auto;font-size:25px;color:#13a299}.site-drawer__status{width:7px;height:7px;flex:none;border-radius:50%;background:#16ab9b;box-shadow:0 0 0 4px #16ab9b15}.site-drawer a:focus-visible,.site-drawer button:focus-visible{outline:3px solid #2583ff;outline-offset:2px}
.dark .site-drawer{--dr-surface:#122236;--dr-ink:#edf5ff;--dr-muted:#a5b5c7;--dr-line:#293a4e;--dr-soft:#192c43}.dark .site-drawer__panel{border-color:#34465c}.dark .site-drawer__welcome{border-color:#61432f;background:radial-gradient(ellipse at 0 0,#9a603526,transparent 70%),#2d281f}.dark .site-drawer__welcome>span{color:#ffb47d}.dark .site-drawer__links>a[aria-current]{background:#352b24;border-color:#61432f}.dark .site-drawer__links>a[aria-current] .site-drawer__icon{background:#4a3224;color:#ffb47d}.dark .site-drawer__links>a[aria-current] strong,.dark .site-drawer__links>a[aria-current] .site-drawer__arrow{color:#ffb47d}.dark .site-drawer__close:hover{background:#352b24;color:#ffb47d}
@media(max-height:760px){.site-drawer__header{padding:15px 20px}.site-drawer__body{padding:15px}.site-drawer__welcome{padding:16px}.site-drawer__welcome h2{font-size:23px}.site-drawer__welcome h2 br{display:none}.site-drawer__create{margin-top:12px}.site-drawer .site-drawer__caption{margin-top:16px}.site-drawer__links>a{min-height:59px;padding-block:8px}.site-drawer__footer{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}
@media(max-width:359px){.site-drawer__panel{inset-block:6px;inset-inline-start:6px;width:calc(100vw - 18px);border-radius:22px}.site-drawer__header{padding-inline:15px}.site-drawer__brand{gap:8px}.site-drawer__brand strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.site-drawer,.site-drawer__panel,.site-drawer__links>a,.site-drawer__close{transition:none}}