.od{padding-top:clamp(40px,6vw,80px)}.demo{border-left:2px solid var(--gold);background:var(--wall-2);margin-bottom:22px;padding:12px 16px}.tabs{border:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:24px;display:inline-grid}.tabs button{letter-spacing:.1em;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:46px;padding:0 clamp(14px,3vw,24px)}.tabs button[aria-selected=true]{background:var(--paper);color:var(--wall)}[data-view][hidden]{display:none}.of{background:var(--wall-2);border:1px solid var(--line);gap:22px;max-width:900px;padding:clamp(18px,3vw,32px);display:grid}.of[hidden]{display:none}.of fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.fields label{gap:4px;display:grid}.fields .full{grid-column:1/-1}.fields input,.fields select{background:var(--wall);border:1px solid var(--line);width:100%;min-height:50px;color:var(--paper);border-radius:0;padding:8px 12px;font-size:16px}.fields input:focus,.fields select:focus{border-color:var(--paper);outline:0}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.days button,.slots button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:8px 2px;line-height:1.35}.days small{color:var(--muted);font-size:.68rem;display:block}.days b{font-family:var(--latin);font-size:1.4rem;font-weight:500}.days button[aria-pressed=true],.slots button[aria-pressed=true]{background:var(--paper);color:var(--wall);border-color:var(--paper)}.days button[aria-pressed=true] small{color:var(--wall)}.days button:disabled,.slots button:disabled{color:#4c554e;cursor:not-allowed;text-decoration:line-through}.slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.slots>p{grid-column:1/-1}.err{min-height:1.4em;color:var(--rose)}.of>.btn{justify-self:start}.done{background:var(--wall-2);border:1px solid var(--gold);justify-items:start;gap:14px;max-width:900px;padding:clamp(20px,3vw,36px);display:grid}.done[hidden]{display:none}.done dl{border-block:1px solid var(--line);grid-template-columns:7em minmax(0,1fr);gap:6px 14px;width:100%;padding-block:12px;display:grid}.done dt{color:var(--gold)}.s-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.s-top p{max-width:46em}.s-g{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start;gap:22px;display:grid}.s-h{margin-bottom:10px}.orders{gap:8px;display:grid}.ord{background:var(--wall-2);border:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:14px 16px;display:grid}.ord.mine{border-color:var(--gold);animation:in .8s var(--ease)}@keyframes in{0%{opacity:0;transform:translateY(-8px)}}.ord b{font-family:var(--mincho);letter-spacing:.06em;font-size:1.05rem;font-weight:400}.ord .nw{background:var(--gold);color:var(--wall);font-family:var(--sans);margin-left:8px;padding:0 8px;font-size:.66rem}.ord .meta{grid-column:1}.ord .card-l{font-family:var(--card);color:var(--paper-2);grid-column:1}.ord .st{grid-area:1/2/4;align-content:center;justify-items:end;gap:6px;display:grid}.ord .stage{border:1px solid var(--line);white-space:nowrap;padding:0 10px;font-size:.74rem}.ord .stage.s1{border-color:var(--gold);color:var(--gold)}.ord .stage.s2{background:var(--paper);color:var(--wall)}.ord button{border:1px solid var(--paper);cursor:pointer;white-space:nowrap;background:0 0;min-height:34px;padding:0 14px;font-size:.76rem}.buy{background:var(--wall-2);border:1px solid var(--line);padding:18px;position:sticky;top:90px}.buy-t{border-collapse:collapse;width:100%;margin-bottom:10px}.buy-t th,.buy-t td{border-bottom:1px solid var(--line);text-align:left;padding:8px 4px;font-size:.86rem}.buy-t th{color:var(--muted);font-size:.74rem;font-weight:400}.buy-t td:last-child{text-align:right;font-family:var(--latin);font-size:1.15rem}.buy-t tr.up td{color:var(--gold)}@media (width<=860px){.s-g{grid-template-columns:minmax(0,1fr)}.buy{position:static}}@media (width<=560px){.fields{grid-template-columns:minmax(0,1fr)}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.ord{grid-template-columns:minmax(0,1fr)}.ord .st{grid-area:auto/1;grid-auto-flow:column;justify-content:space-between;justify-items:start}}