.cdd-order{font-family:var(--font-body);color:var(--text-primary);min-height:100vh;min-height:100dvh;background:var(--gradient-glow);display:flex;flex-direction:column;align-items:center;padding:clamp(8px,2.5vw,28px) 16px calc(clamp(8px, 2.5vw, 28px) + env(safe-area-inset-bottom));gap:16px;-webkit-font-smoothing:antialiased}.cdd-order *,.cdd-order :after,.cdd-order :before{box-sizing:border-box}.cdd-order button{touch-action:manipulation}@media (max-width:480px){.cdd-order{padding-left:10px;padding-right:10px;padding-top:8px;gap:12px}.cdd-order .of-panel{border-radius:var(--radius-lg)}}.cdd-order .of-panel{width:100%;max-width:468px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:clip;display:flex;flex-direction:column}.cdd-order .of-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;min-height:44px;padding:6px 12px 6px 0;transition:color var(--dur-base) var(--ease-soft)}.cdd-order .of-back:hover{color:var(--brand)}.cdd-order .of-field{width:100%;background:var(--surface-raised);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:13px 15px;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);outline:none;line-height:1.5;transition:border-color var(--dur-base) var(--ease-soft),box-shadow var(--dur-base) var(--ease-soft)}.cdd-order .of-field::placeholder{color:var(--text-faint)}.cdd-order .of-field:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.cdd-order textarea.of-field{resize:vertical;font-family:var(--font-serif);font-style:italic}.cdd-order .of-select-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-lg);background:var(--surface-card);border:2px solid var(--border-subtle);box-shadow:var(--shadow-xs);min-height:72px;color:var(--text-primary);transition:all var(--dur-base) var(--ease-soft)}.cdd-order .of-select-card:hover{border-color:var(--sage-300)}.cdd-order .of-select-card:focus-visible{box-shadow:0 0 0 4px var(--ring)}.cdd-order .of-select-card[data-active=true]{background:var(--surface-tint);border-color:var(--brand);box-shadow:var(--shadow-sm)}.cdd-order .of-icon-bubble{width:38px;height:38px;flex:none;border-radius:999px;display:grid;place-items:center;background:var(--sage-100);color:var(--sage-700);box-shadow:inset 0 0 0 1px var(--sage-200);transition:all var(--dur-base) var(--ease-soft)}.cdd-order .of-select-card:hover .of-icon-bubble{background:var(--sage-200);color:var(--sage-800)}.cdd-order .of-select-card__copy{min-width:0;display:flex;flex-direction:column;gap:4px;justify-content:center}.cdd-order .of-select-card__label{font-weight:600;font-size:var(--text-body-sm);line-height:1.25;text-align:left}.cdd-order .of-select-card__hint{color:var(--text-muted);font-size:var(--text-caption);line-height:1.25;text-align:left}.cdd-order .of-select-card[data-active=true] .of-icon-bubble{background:var(--brand);color:var(--cream-50);box-shadow:none}.cdd-order .of-select-card--compact{min-height:0;padding:10px 12px}.cdd-order .of-step--entry .of-select-card{flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:14px 8px 12px;gap:8px}.cdd-order .of-step--entry .of-select-card__copy{align-items:center;width:100%}.cdd-order .of-step--entry .of-select-card__hint,.cdd-order .of-step--entry .of-select-card__label{text-align:center}.cdd-order .of-step--entry .of-select-card:hover{border-color:var(--sage-400);background:var(--sage-50)}.cdd-order .of-step--entry .of-select-card[data-active=true]{background:linear-gradient(155deg,var(--sage-50) 0,var(--sage-100) 100%);border-color:var(--brand)}.cdd-order .of-progress{height:6px;border-radius:999px;background:var(--sage-100);margin-top:12px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--sage-200)}.cdd-order .of-progress__fill{height:100%;background:var(--brand);border-radius:999px;transition:width var(--dur-slow) var(--ease-out)}.cdd-order .of-chip{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:10px 16px;border-radius:var(--radius-pill);font-size:var(--text-body-sm);font-weight:600;background:var(--surface-card);color:var(--text-secondary);border:1.5px solid var(--border-default);transition:all var(--dur-base) var(--ease-soft)}.cdd-order .of-chip:hover{border-color:var(--brand)}.cdd-order .of-chip[data-active=true]{background:var(--brand);color:var(--cream-50);border-color:var(--brand)}@media (max-width:480px){.cdd-order .of-chip{min-height:40px;padding:8px 14px;font-size:.85rem;flex:1 1 auto}}.cdd-order .of-checkbox{flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;margin-top:1px;background:var(--surface-card);border:2px solid var(--border-default);transition:all var(--dur-base) var(--ease-soft)}.cdd-order .of-checkbox[data-on=true]{background:var(--brand);border-color:var(--brand)}.cdd-order .of-bump{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:var(--radius-md);background:var(--surface-card);border:1.5px solid var(--border-subtle);transition:all var(--dur-base) var(--ease-soft)}.cdd-order .of-bump:hover{border-color:var(--border-default)}.cdd-order .of-bump[data-active=true]{background:var(--surface-tint);border-color:var(--brand)}.cdd-order .of-tier{text-align:left;cursor:pointer;border-radius:var(--radius-lg);transition:transform var(--dur-fast) var(--ease-soft),border-color var(--dur-base) var(--ease-soft),background var(--dur-base) var(--ease-soft)}.cdd-order .of-tier:active{transform:scale(.99)}.cdd-order .of-tier--dark{position:relative;background:var(--gradient-dark);color:var(--text-on-dark);border:1.5px solid var(--border-on-dark);padding:22px 20px 20px;box-shadow:var(--shadow-md)}.cdd-order .of-tier--light{background:var(--surface-card);border:1.5px solid var(--border-default);padding:20px}.cdd-order .of-tier--light:hover{border-color:var(--brand);background:var(--surface-tint)}.cdd-order .of-tier--featured{position:relative;background:var(--surface-raised);border:1.5px solid var(--brand);padding:20px;box-shadow:var(--shadow-sm)}.cdd-order .of-tier--featured:hover{background:var(--surface-tint)}.cdd-order .of-upload{width:100%;cursor:pointer;background:var(--surface-card);border:1.5px dashed var(--border-default);border-radius:var(--radius-md);padding:18px;display:flex;align-items:center;gap:12px;text-align:left;font-family:var(--font-body);transition:all var(--dur-base) var(--ease-soft)}.cdd-order .of-upload:hover{border-color:var(--brand);background:var(--surface-tint)}.cdd-order .of-pay{width:100%;min-height:54px;border:none;border-radius:var(--radius-pill);cursor:pointer;background:var(--brand);color:var(--cream-50);font-family:var(--font-body);font-size:var(--text-lead);font-weight:600;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:10px;transition:background var(--dur-base) var(--ease-soft),transform var(--dur-fast) var(--ease-soft)}.cdd-order .of-pay:hover{background:var(--brand-hover)}.cdd-order .of-pay:active{transform:scale(.98)}.cdd-order .of-footer{position:sticky;bottom:0;z-index:var(--z-sticky);padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--surface-raised)}.cdd-order .of-cta{width:100%;min-height:54px;border:none;border-radius:var(--radius-pill);cursor:pointer;background:var(--brand);color:var(--cream-50);font-family:var(--font-body);font-size:var(--text-lead);font-weight:var(--fw-semibold);display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--shadow-sm);transition:background var(--dur-base) var(--ease-soft),transform var(--dur-fast) var(--ease-soft)}.cdd-order .of-cta:hover:not(:disabled){background:var(--brand-hover)}.cdd-order .of-cta:active:not(:disabled){transform:scale(.98)}.cdd-order .of-cta:disabled{cursor:not-allowed;background:var(--cream-300);color:var(--text-faint);box-shadow:none}.cdd-order .of-play{flex:none;width:42px;height:42px;border-radius:999px;border:none;cursor:pointer;background:var(--brand);color:var(--cream-50);display:grid;place-items:center;box-shadow:var(--shadow-glow);transition:background var(--dur-base) var(--ease-soft),transform var(--dur-fast) var(--ease-soft)}.cdd-order .of-play:hover{background:var(--brand-hover)}.cdd-order .of-play:active{transform:scale(.94)}.cdd-order .of-linkbtn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;min-height:44px;padding:8px 12px;text-decoration:underline;text-underline-offset:3px;transition:color var(--dur-base) var(--ease-soft)}.cdd-order .of-linkbtn:hover{color:var(--brand)}.cdd-order .of-anticipation{display:inline-block;animation:of-breathe 2.8s var(--ease-in-out) infinite}@keyframes of-breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.07);opacity:1}}.cdd-order .of-review-carousel{margin-top:28px;text-align:left}.cdd-order .of-review-carousel__kicker{margin:0 0 10px;font-size:var(--text-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;font-weight:700;color:var(--sage-700);text-align:center}.cdd-order .of-review-carousel__card{background:linear-gradient(155deg,var(--sage-50) 0,var(--sage-100) 100%);border:1px solid var(--sage-300);border-left:3px solid var(--brand);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:0 6px 20px rgba(92,106,74,.1);opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease-soft),transform .45s var(--ease-soft)}.cdd-order .of-review-carousel__card.is-visible{opacity:1;transform:none}.cdd-order .of-review-carousel__stars{font-size:.82rem;letter-spacing:.12em;color:var(--sage-600);margin-bottom:10px}.cdd-order .of-review-carousel__quote{margin:0;font-family:var(--font-serif);font-style:italic;font-size:1.02rem;line-height:1.55;color:var(--sage-800)}.cdd-order .of-review-carousel__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:var(--text-caption);color:var(--sage-600)}.cdd-order .of-review-carousel__who{font-weight:700;color:var(--sage-800)}.cdd-order .of-review-carousel__dot{opacity:.45}.cdd-order .of-review-carousel__dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}.cdd-order .of-review-carousel__dot-btn{width:7px;height:7px;padding:0;border:none;border-radius:999px;cursor:pointer;background:var(--sage-200);transition:background var(--dur-base) var(--ease-soft),transform var(--dur-base) var(--ease-soft)}.cdd-order .of-review-carousel__dot-btn.is-active{background:var(--brand);transform:scale(1.15)}.cdd-order .of-review-carousel__dot-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cdd-order .of-bonus-card{position:relative;margin-top:10px;padding:14px 16px 12px;border-radius:var(--radius-lg);background:var(--gradient-dark);color:var(--text-on-dark);overflow:hidden;box-shadow:var(--shadow-sm)}.cdd-order .of-bonus-card__script{position:absolute;right:-8px;top:-6px;font-family:var(--font-script);font-size:3rem;color:rgba(255,253,249,.08);line-height:1;pointer-events:none}.cdd-order .of-bonus-card__head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.cdd-order .of-bonus-card__thumb{flex:none;width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;background:rgba(255,253,249,.12);color:var(--cream-50);box-shadow:var(--shadow-xs)}.cdd-order .of-bonus-card__meta{min-width:0}.cdd-order .of-bonus-card__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.25;color:var(--cream-50)}.cdd-order .of-bonus-card__sub{margin-top:3px;font-size:.72rem;line-height:1.35;color:var(--text-on-dark-muted)}.cdd-order .of-bonus-card__player{display:flex;align-items:center;gap:11px}.cdd-order .of-bonus-card__play{flex:none;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(255,253,249,.14);color:var(--cream-50)}.cdd-order .of-bonus-card__bar{flex:1;min-width:0;height:4px;border-radius:999px;background:rgba(255,253,249,.16);overflow:hidden}.cdd-order .of-bonus-card__bar-fill{width:0;height:100%;border-radius:999px;background:rgba(255,253,249,.35)}@keyframes of-wave-progress{0%{width:0}to{width:95%}}.cdd-order .of-wave-fill{position:absolute;top:0;left:0;bottom:0;overflow:hidden;animation:of-wave-progress 120s cubic-bezier(.1,.8,.3,1) forwards;white-space:nowrap}.cdd-order .of-example-pill{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 14px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);font-size:var(--text-caption);font-weight:700;color:var(--sage-700);background:var(--surface-card);border:1.5px solid var(--border-default);transition:all var(--dur-base) var(--ease-soft)}.cdd-order .of-example-pill:hover{border-color:var(--brand);color:var(--brand)}.cdd-order .of-example-pill:active{transform:scale(.97)}.cdd-order .of-example-pill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cdd-order .of-example-pill--dark{color:var(--cream-50);background:rgba(255,253,249,.12);border-color:rgba(255,253,249,.28)}.cdd-order .of-example-pill--dark:hover{background:rgba(255,253,249,.2);border-color:var(--cream-50);color:var(--cream-50)}.cdd-order .of-modal-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(42,38,32,.78);display:flex;align-items:center;justify-content:center;padding:20px 20px calc(20px + env(safe-area-inset-bottom));animation:of-fade var(--dur-base) var(--ease-out) both}.cdd-order .of-modal{position:relative;display:flex;max-width:100%}.cdd-order .of-modal--page .of-modal__frame{display:block;width:min(420px,92vw);height:min(82vh,880px);border:none;border-radius:var(--radius-lg);background:var(--cream-100);box-shadow:var(--shadow-lg)}.cdd-order .of-modal__close{position:absolute;top:-14px;right:-8px;width:38px;height:38px;border:none;border-radius:999px;cursor:pointer;display:grid;place-items:center;background:var(--cream-50);color:var(--ink-900);box-shadow:var(--shadow-md);transition:transform var(--dur-fast) var(--ease-soft)}.cdd-order .of-modal__close:hover{transform:scale(1.06)}.cdd-order .of-modal__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:none;border-radius:999px;cursor:pointer;display:grid;place-items:center;background:var(--brand);color:var(--cream-50);box-shadow:var(--shadow-glow);transition:transform var(--dur-fast) var(--ease-soft)}.cdd-order .of-modal__play:active{transform:translate(-50%,-50%) scale(.94)}@keyframes of-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cdd-order .of-step{animation:of-fade var(--dur-slow) var(--ease-out) both}@media (prefers-reduced-motion:reduce){.cdd-order *,.cdd-order :after,.cdd-order :before{animation:none!important;transition-duration:1ms!important}}