#orders[hidden]{display:none}.orders-state{background:var(--linen-deep);border:1px dashed var(--line);color:var(--gray-warm);border-radius:12px;padding:26px 22px;font-size:15px;line-height:1.7}.orders-state strong{color:var(--brown);margin-bottom:4px;font-weight:700;display:block}.orders-state .btn-retry{border:1px solid var(--line);color:var(--gray-warm);transition:color .2s var(--ease), border-color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;margin-top:12px;padding:7px 16px;font-size:13.5px;font-weight:600}.orders-state .btn-retry:hover{color:var(--brown);background:#3b2f260d;border-color:#3b2f2652}.orders-skeleton{gap:14px;display:grid}.sk-card{background:linear-gradient(100deg, var(--linen-deep) 30%, #3b2f260f 50%, var(--linen-deep) 70%);height:132px;animation:sk-slide 1.3s var(--ease) infinite;background-size:240% 100%;border-radius:12px}@keyframes sk-slide{0%{background-position:140% 0}to{background-position:-40% 0}}.orders-list{gap:14px;display:grid}.order-card{background:var(--linen-deep);border:1px solid var(--line);border-radius:12px;padding:18px 20px 22px}.order-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.order-film{letter-spacing:-.02em;color:var(--brown);font-family:Gowun Batang,Pretendard Variable,serif;font-size:18px;font-weight:700;line-height:1.4}.order-date{color:var(--gray-soft);margin-top:4px;font-size:13px}.order-badge{background:var(--orange-deep);color:#fff;white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:5px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.order-badge.is-unknown{background:var(--gray-warm)}.steps{grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid}.step{text-align:center;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.step:before{content:"";background:var(--line);height:2px;position:absolute;top:7px;left:-50%;right:50%}.step:first-child:before{content:none}.step.is-done:before,.step.is-current:before{background:var(--orange-deep)}.step-dot{background:var(--linen);border:2px solid var(--line);z-index:1;border-radius:999px;width:16px;height:16px;position:relative}.step.is-done .step-dot{background:var(--orange-deep);border-color:var(--orange-deep)}.step.is-current .step-dot{background:var(--orange-deep);border-color:var(--orange-deep);box-shadow:0 0 0 5px #c96f2b33}.step-label{color:var(--gray-soft);word-break:keep-all;font-size:12.5px;font-weight:600;line-height:1.4}.step.is-done .step-label{color:var(--gray-warm)}.step.is-current .step-label{color:var(--orange-deep);font-weight:700}.order-unknown{color:var(--gray-soft);margin-top:14px;font-size:13px}@media (max-width:380px){.step-label{font-size:11.5px}.order-film{font-size:16.5px}}@media (prefers-reduced-motion:reduce){.sk-card{animation:none}.orders-state .btn-retry{transition:none}}