.oq{--oq-gold:#f7c96b;--oq-gold-line:#e3a33b;--oq-blue:#e1effa;--oq-blue-line:#8dbfe3;--oq-blue-ink:#24577f;--oq-pink:#fde4ea;--oq-pink-line:#f1a9bd;--oq-pink-ink:#8e2346;--oq-taupe:#efe5dd;--oq-taupe-line:#b9a79a;--oq-card:#fffaf6;--oq-card-line:#efdcd2;padding-block:var(--space-8) var(--space-16);position:relative;overflow-x:clip}.oq-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.oq svg{flex:none}.oq-star{width:1.6rem;height:1.6rem}.oq-star--gold{fill:var(--oq-gold);stroke:var(--oq-gold-line);stroke-width:1.2px}.oq-deco{z-index:-1;fill:none;stroke-width:1.5px;opacity:.75;width:26px;height:26px;position:absolute}.oq-deco--1{stroke:var(--oq-gold-line);top:2rem;left:4%}.oq-deco--2{stroke:var(--oq-pink-line);width:22px;height:22px;top:9rem;right:6%}.oq-deco--3{stroke:var(--oq-blue-line);width:20px;height:20px;top:26rem;left:2%}.oq-deco--4{stroke:var(--oq-gold-line);width:30px;height:30px;top:40rem;right:3%}.oq-head{gap:var(--space-6);align-items:center;display:grid}.oq.is-tracking .oq-head,.oq.is-tracking .oq-banner{display:none}.oq.is-tracking .oq-view{margin-top:0}@media (width>=900px){.oq-head{grid-template-columns:1fr minmax(320px,400px)}}.oq-title h1{margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:clamp(2.1rem,3.5vw + 1rem,3.25rem);display:flex}.oq-title h1 .oq-star{aspect-ratio:1;width:clamp(1.6rem,2vw + 1rem,2.4rem);height:auto}.oq-lead{color:var(--muted);max-width:46ch;margin:0;font-size:1.125rem}.oq-slots{background:var(--surface);border:2px solid var(--oq-pink);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-soft);gap:var(--space-3);display:grid}.oq-slots__count{font-family:var(--font-display);margin:0;font-size:1.125rem;font-weight:700}.oq-slots__count strong{color:var(--oq-pink-ink);font-size:2.25rem}.oq-slots__count span{font-size:1.5rem}.oq-slots__stars{gap:.35rem;display:flex}.oq-slots__stars svg{fill:#fff;width:2.1rem;height:2.1rem;stroke:var(--oq-taupe-line);stroke-width:1.3px;transition:fill var(--duration-base) ease, stroke var(--duration-base) ease}.oq-slots__stars svg.is-on{fill:var(--oq-pink-line);stroke:var(--oq-pink-ink)}.oq-slots__text{color:var(--text);margin:0;font-weight:600}.oq.is-full .oq-slots__text{color:var(--oq-pink-ink)}.oq-slots__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.oq-slots__actions .btn{flex:auto}.oq-noscript{padding:var(--space-4);background:var(--surface-rose);border-radius:var(--radius-md)}.oq-body{gap:var(--space-6);align-items:start;display:grid}.oq-main{min-width:0}.oq-art{margin:var(--space-6) auto 0;width:min(62vw,240px)}.oq-art img{width:100%;height:auto;display:block}@media (width>=900px){.oq-body{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(280px,400px)}.oq-art{width:100%;margin:var(--space-6) 0 0;grid-area:1/2;position:sticky;top:7rem}.oq-main{grid-area:1/1}}.oq.is-tracking .oq-art{display:none}.oq.is-tracking .oq-body{grid-template-columns:minmax(0,1fr)}.oq-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-4);background:var(--oq-blue);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.oq-banner[hidden]{display:none}.oq-banner p{margin:0;font-weight:700}.oq-view{margin-top:var(--space-8)}.oq-view:focus{outline:none}.oq-section+.oq-section{margin-top:var(--space-12)}.oq-section h2{margin-bottom:var(--space-1);font-size:clamp(1.5rem,1.5vw + 1rem,2rem)}.oq-hint{color:var(--muted);margin-bottom:var(--space-4)}.oq-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.oq-list[aria-busy=true]{background:repeating-linear-gradient(180deg, var(--surface) 0 3.5rem, transparent 3.5rem 4.25rem);border-radius:var(--radius-md);min-height:5rem}.oq-row{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--oq-card);border:1.5px solid var(--oq-card-line);border-radius:var(--radius-md);grid-template-columns:auto 1fr;align-items:center;display:grid}.oq-row__who{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-size:1.15rem;font-weight:700}.oq-row .oq-state{grid-column:1/-1;justify-self:start}.oq-row__go{grid-column:1/-1;justify-self:stretch}@media (width>=720px){.oq-row{grid-template-columns:4.5rem minmax(8rem,1fr) minmax(12rem,auto) auto}.oq-row .oq-state,.oq-row__go{grid-column:auto;justify-self:start}}.oq-turn{border-radius:var(--radius-pill);min-width:3.6rem;min-height:2.1rem;font-weight:800;font-family:var(--font-display);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 .6rem;font-size:1.05rem;display:inline-flex}.oq-turn--1{background:var(--oq-pink);color:var(--oq-pink-ink)}.oq-turn--2{background:var(--oq-blue);color:var(--oq-blue-ink)}.oq-turn--3{color:#9b2c22;background:#fbe2df}.oq-turn--4{color:#8a4a00;background:#fdebd3}.oq-turn--0{color:#276234;background:#e3f3e6}.oq-state{border-radius:var(--radius-pill);background:var(--oq-taupe);color:#5a4436;align-items:center;gap:.45rem;min-height:2rem;padding:.2rem .8rem;font-size:.9rem;font-weight:700;display:inline-flex}.oq-state__dot{background:currentColor;border-radius:50%;flex:none;width:.65rem;height:.65rem}.oq-state--queued .oq-state__dot{background:0 0;border:2px solid}.oq-state--in_progress{background:var(--oq-pink);color:var(--oq-pink-ink)}.oq-state--partly_done{background:var(--oq-blue);color:var(--oq-blue-ink)}.oq-state--partly_done .oq-state__dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:2px solid}.oq-state--ready,.oq-state--arranging{color:#276234;background:#e3f3e6}.oq-row__go{border:1.5px solid var(--oq-card-line);border-radius:var(--radius-pill);background:var(--surface);min-height:44px;color:var(--primary-deep);font:700 .95rem var(--font-body);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:.35rem;padding:0 1rem;display:inline-flex}.oq-row__go svg,.oq-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.oq-row__go:hover,.oq-row__go:focus-visible{background:var(--oq-pink);border-color:var(--oq-pink-line)}.oq-empty{padding:var(--space-6);background:var(--surface);border:1.5px dashed var(--oq-card-line);border-radius:var(--radius-md);color:var(--muted)}.oq-error{padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-rose)}.oq-error p{font-weight:700}.oq-help{margin-top:var(--space-16);max-width:860px}.oq-faq{gap:var(--space-2);display:grid}.oq-faq__item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md)}.oq-faq__item summary{cursor:pointer;padding:var(--space-4);justify-content:space-between;gap:var(--space-3);min-height:44px;font-weight:700;list-style:none;display:flex}.oq-faq__item summary::-webkit-details-marker{display:none}.oq-faq__item summary:after{content:"+";color:var(--secondary-deep);font-size:1.4rem;line-height:1}.oq-faq__item[open] summary:after{content:"–"}.oq-faq__item p{padding:0 var(--space-4) var(--space-4);color:var(--muted);margin:0}.oq-dialog,.oq-lightbox{border-radius:var(--radius-lg);background:var(--surface);color:var(--text);border:0;padding:0;box-shadow:0 24px 60px -16px #3b2e2673}.oq-dialog{width:min(440px,100vw - 2rem)}.oq-dialog::backdrop,.oq-lightbox::backdrop{background:#3b2e2680}.oq-dialog__form{gap:var(--space-4);padding:var(--space-12) var(--space-6) var(--space-6);text-align:center;background:linear-gradient(180deg, var(--oq-pink) 0 2.2rem, transparent 2.2rem);display:grid;position:relative}.oq-dialog__close{border:1.5px solid var(--oq-card-line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:inline-grid;position:absolute;top:.6rem;right:.6rem}.oq-dialog__close svg{fill:none;width:1.2rem;height:1.2rem;stroke:var(--text);stroke-width:2.2px;stroke-linecap:round}.oq-dialog__title{justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1.75rem;display:flex}.oq-dialog__text{color:var(--muted);margin:0}.oq-code{border:2px solid var(--oq-card-line);border-radius:var(--radius-md);background:#fff;align-items:center;gap:.6rem;padding:0 1rem;display:flex}.oq-code:focus-within{border-color:var(--focus)}.oq-code svg{fill:none;width:1.3rem;height:1.3rem;stroke:var(--muted);stroke-width:2px}.oq-code input{min-width:0;min-height:52px;font:700 1.1rem var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:0 0;border:0;outline:none;flex:1}.oq-code input::placeholder{color:#9b8b7e;letter-spacing:.04em;font-weight:600}.oq-dialog__error{color:#9b2c22;min-height:1.4em;margin:0;font-size:.95rem;font-weight:700}.oq-dialog__error:empty{min-height:0}.oq-dialog__submit{background:var(--oq-pink-line);color:#4a1022;width:100%}.oq-dialog__submit:hover,.oq-dialog__submit:focus-visible{background:#ec93ab;transform:translateY(-2px)}.oq-dialog__submit:disabled{opacity:.7;cursor:progress;transform:none}.oq-link{min-height:44px;color:var(--primary-deep);font:700 1rem var(--font-body);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.4rem;padding:0 .5rem;display:inline-flex}.oq-link:hover{text-decoration:underline}.oq-lightbox{background:#2b211b;max-width:min(96vw,1100px);max-height:92vh}.oq-lightbox img{object-fit:contain;max-width:min(96vw,1100px);max-height:92vh;display:block}.oq-lightbox .oq-dialog__close{z-index:1}.oq-track__top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.oq-ref{border-radius:var(--radius-pill);background:var(--oq-blue);color:var(--oq-blue-ink);padding:.35rem .9rem;font-size:.9rem;font-weight:700}.oq-track__title{margin:var(--space-4) 0 var(--space-2);justify-content:center;align-items:center;gap:.6rem;font-size:clamp(1.9rem,3vw + 1rem,2.75rem);display:flex}.oq-track__hello{text-align:center;color:var(--muted)}.oq-cards{gap:var(--space-3);margin-top:var(--space-4);display:grid}@media (width>=720px){.oq-cards{grid-template-columns:1fr 1fr;max-width:860px;margin-inline:auto}}.oq-info{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border:1.5px solid;align-items:center;display:flex}.oq-info p{margin:0}.oq-info__star{stroke-width:1.3px;width:2.6rem;height:2.6rem}.oq-info--blue{background:var(--oq-blue);border-color:var(--oq-blue-line)}.oq-info--blue .oq-info__star{fill:#fff;stroke:#3d8fcf}.oq-info--pink{background:var(--oq-pink);border-color:var(--oq-pink-line)}.oq-info--pink .oq-info__star{fill:#fbd0dc;stroke:#d96a8b}.oq-info__label{color:var(--muted);font-size:.9rem}.oq-info__value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.25}.oq-info__hint{font-size:.9rem}.oq-meta{margin:var(--space-4) 0 0;flex-wrap:wrap;justify-content:center;gap:.2rem 1.5rem;font-size:.95rem;display:flex}.oq-meta dt{color:var(--muted)}.oq-meta dt:after{content:":"}.oq-meta dd{margin:0 0 0 -1.1rem;font-weight:700}.oq-delivery{max-width:860px;margin:var(--space-6) auto 0;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);background:#e3f3e6;border:1.5px solid #a8d3b2}.oq-delivery h3{margin-bottom:var(--space-1);font-size:1.1rem}.oq-delivery p{margin:0}.oq-pieces-title{max-width:860px;margin:var(--space-8) auto var(--space-3);font-size:1.35rem}.oq-tabs{gap:var(--space-2);max-width:860px;margin:0 auto var(--space-4);flex-wrap:wrap;display:flex}.oq-tab{border:1.5px solid var(--oq-card-line);border-radius:var(--radius-md);background:var(--surface);min-height:44px;color:var(--text);font:700 1rem var(--font-body);cursor:pointer;text-align:left;justify-items:start;gap:.1rem;padding:.45rem 1rem;display:grid}.oq-tab[aria-selected=true]{background:var(--oq-pink-line);border-color:var(--oq-pink-line);color:#3f0d1d}.oq-tab__state{opacity:.85;font-size:.8rem;font-weight:600}.oq-piece{max-width:860px;margin-inline:auto}.oq-piece:focus-visible{outline-offset:6px;border-radius:var(--radius-sm)}.oq-piece__head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.oq-piece__title{align-items:center;gap:.5rem;margin:0;font-size:1.4rem;display:flex}.oq-piece__state{border-radius:var(--radius-pill);background:var(--oq-taupe);margin:0;padding:.25rem .8rem;font-size:.9rem;font-weight:700}.oq-piece__state--in_progress{background:var(--oq-blue);color:var(--oq-blue-ink)}.oq-piece__state--finished{color:#276234;background:#e3f3e6}.oq-piece__details{margin:var(--space-2) 0 0;color:var(--muted);white-space:pre-line}.oq-piece__note{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1.5px dashed var(--oq-card-line)}.oq-timeline{margin:var(--space-6) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.oq-step{gap:var(--space-3);grid-template-columns:3.25rem 1fr;align-items:start;display:grid;position:relative}.oq-step:not(:last-child):before{content:"";top:3.1rem;left:calc(1.625rem - 1.5px);bottom:calc(-1 * var(--space-3) - .1rem);background:var(--oq-taupe-line);opacity:.55;border-radius:3px;width:3px;position:absolute}.oq-step--done:not(:last-child):before{background:var(--oq-gold-line);opacity:.8}.oq-step__star{stroke-width:1.1px;width:3.25rem;height:3.25rem}.oq-step__star text{font:800 7.5px var(--font-display);fill:#5a4436;stroke:none}.oq-step--done .oq-step__star{fill:var(--oq-gold);stroke:var(--oq-gold-line)}.oq-step--done .oq-step__star text{fill:#7a4a00}.oq-step--current .oq-step__star{fill:#fff;stroke:#2f8ad0;stroke-width:1.6px}.oq-step--current .oq-step__star text{fill:#1f5f91}.oq-step--pending .oq-step__star{fill:var(--oq-taupe);stroke:var(--oq-taupe-line)}.oq-step__card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--oq-card);border:1.5px solid var(--oq-card-line);min-width:0}.oq-step--current .oq-step__card{background:var(--oq-blue);border-color:var(--oq-blue-line)}.oq-step--pending .oq-step__card{background:color-mix(in srgb, var(--oq-card) 60%, transparent)}.oq-step--pending .oq-step__title strong{color:var(--muted)}.oq-step__title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .8rem;margin:0;display:flex}.oq-step__title strong{font-size:1.05rem}.oq-step__tag{color:var(--muted);font-size:.8rem;font-weight:700}.oq-step--done .oq-step__tag{color:#7a4a00}.oq-step--current .oq-step__tag{color:var(--oq-blue-ink)}.oq-step__desc{color:var(--muted);margin:.2rem 0 0;font-size:.95rem}.oq-step--current .oq-step__desc{color:#2f3f4b}.oq-notes{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.oq-note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:3px solid var(--oq-pink-line);background:#ffffffbf}.oq-note__meta{color:var(--muted);margin:0;font-size:.8rem;font-weight:700}.oq-note__msg{white-space:pre-line;margin:.15rem 0 0}.oq-photos{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.oq-photo{border:1.5px solid var(--oq-card-line);border-radius:var(--radius-sm);cursor:zoom-in;background:#fff;padding:0;overflow:hidden}.oq-photo img{object-fit:cover;width:140px;height:140px}.oq-news{margin-top:var(--space-6)}.oq-news h4{margin-bottom:var(--space-2);font-size:1.05rem}.oq-fineprint{max-width:860px;margin:var(--space-8) auto var(--space-3);color:var(--muted);font-size:.9rem}.oq .oq-logout{width:fit-content;margin-inline:auto;display:flex}@media (width<=480px){.oq-step{gap:var(--space-2);grid-template-columns:2.6rem 1fr}.oq-step__star{width:2.6rem;height:2.6rem}.oq-step:not(:last-child):before{top:2.5rem;left:calc(1.3rem - 1.5px)}.oq-info{padding:var(--space-3) var(--space-4)}.oq-photo img{width:112px;height:112px}}
