@keyframes login-rise{0%{opacity:0;filter:blur(8px);translate:0 .6em}}html:has(.login){font-size:clamp(15px,.8vw + 7px,22px)}.login{--ease:cubic-bezier(.16, 1, .3, 1);word-break:keep-all;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);height:100dvh;line-height:1.6;display:grid}.login .hi{color:var(--violet-hi)}.login .logo{width:auto;height:20px}.login .left{grid-template-rows:auto 1fr;padding:1.5rem clamp(1.5rem,4vw,4rem);display:grid;overflow-y:auto}.login .form{place-self:center;width:min(22rem,100%);padding-block:1.5rem}.login .right{background:var(--bg-2);border-left:1px solid var(--color-line);grid-template-rows:auto auto minmax(0,1fr);gap:1.75rem;padding:clamp(2rem,8vh,5rem) 0 0 clamp(2rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.login .right:before{content:"";background:radial-gradient(60% 50% at 70% 60%,#6d4aff4d,#0000 70%);position:absolute;inset:0}.login .right>*{position:relative}.login .right h2{letter-spacing:-.04em;padding-right:2rem;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:800;line-height:1.25}.login .pills{flex-wrap:wrap;gap:.5rem;padding-right:2rem;display:flex}.login .pills li{border:1px solid var(--color-line);background:var(--color-ticket);border-radius:999px;padding:.1rem .7rem;font-size:.78rem;font-weight:600}.login .window{background:var(--color-ticket);border:1px solid var(--color-line);border-width:1px 0 0 1px;border-radius:14px 0 0;grid-template-rows:auto minmax(0,1fr);width:calc(100% + 6rem);display:grid;overflow:hidden;box-shadow:0 30px 80px -24px #6d4aff80,0 30px 60px -30px #000}.login .window .bar{border-bottom:1px solid var(--color-line);background:var(--color-paper);align-items:center;gap:.4rem;height:2rem;padding:0 .8rem;display:flex}.login .window .bar i{background:var(--color-line);border-radius:50%;width:.55rem;height:.55rem}.login .window .bar span{color:var(--color-ink-3);margin-left:.6rem;font-size:.68rem}.login .orders{align-content:start;gap:.6rem;padding:1.2rem 7.4rem 1.2rem 1.4rem;display:grid}.login .orders-top{align-items:baseline;gap:.6rem;margin-bottom:.2rem;display:flex}.login .orders-top b{letter-spacing:-.03em;font-size:1.05rem;font-weight:800}.login .orders-top span{color:var(--color-ink-3);font-size:.68rem}.login .order{border:1px solid var(--color-line);background:var(--color-ticket);border-radius:12px;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.7rem .9rem;display:grid}.login .order .no{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1}.login .order .items{color:var(--color-ink-2);font-size:.8rem}.login .order .state{color:var(--color-ink);font-size:.72rem;font-weight:700;display:block}.login .order .state.packed{color:var(--violet-hi)}.login .order .act{background:var(--violet);color:#fff;white-space:nowrap;border-radius:8px;padding:.35rem .75rem;font-size:.74rem;font-weight:700}.login .order.done{opacity:.5}.login .submit{background:var(--violet);color:#fff}.login .submit:hover,.login .submit:active{background:var(--violet-press)}@media (prefers-reduced-motion:no-preference){.login .rise{animation:login-rise .9s var(--ease) both;animation-delay:var(--t,.2s)}}@media (max-width:860px){.login{grid-template-columns:minmax(0,1fr)}.login .left{padding:1.5rem}.login .form{width:min(26rem,100%)}.login .right{display:none}}