/* Desktop preserved; mobile compatibility is a lower cascade layer. */
@layer legacy {
@media(min-width:761px) {
:root{--ot-pink:#f36b8b;--ot-strong:#f04f72;--ot-ink:#4d3943;--ot-muted:#a28f98;--ot-line:#f7dce5;--ot-bg:#fffafb}
*{box-sizing:border-box}html{background:var(--ot-bg)}body.order-thanks-page{margin:0;min-height:100dvh;color:var(--ot-ink);font-family:system-ui,sans-serif;background:radial-gradient(circle at 16% 23%,#ffecef 0,transparent 17%),radial-gradient(circle at 82% 20%,#fff2dd 0,transparent 18%),linear-gradient(#fff,#fff8fa 70%,#fff)}a{color:inherit;text-decoration:none}
.order-thanks-shell{width:min(100%,1680px);margin:auto;padding:24px 5% 56px}.order-thanks-topbar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.order-thanks-brand{color:var(--ot-strong);font-size:12px;font-weight:900;letter-spacing:.16em}.order-thanks-topbar nav{display:flex;gap:8px}.order-thanks-topbar nav a{padding:8px 14px;border:1px solid var(--ot-line);border-radius:999px;background:#fff9;color:var(--ot-muted);font-size:12px;font-weight:700}
.order-thanks-hero{position:relative;min-height:610px;padding-top:24px}.order-thanks-hero-copy{position:relative;z-index:4;text-align:center}.order-thanks-kicker{margin:0;color:var(--ot-pink);font-size:17px;font-weight:900;letter-spacing:.12em}.order-thanks-hero h1{margin:8px auto 0;color:#f45a78;font-size:clamp(46px,6vw,92px);font-weight:950;line-height:1.05;letter-spacing:.06em;text-shadow:0 3px 0 #fff,0 7px 0 #ffdfe8}.order-thanks-subtitle{margin:10px auto 0;color:#d79aaa;font-size:16px}.order-thanks-stage{position:absolute;inset:115px 0 0;overflow:hidden;border-radius:40% 40% 0 0;background:radial-gradient(ellipse at center 58%,#fff 0,#fff8fa 52%,transparent 73%)}.order-thanks-stage:before{content:"";position:absolute;left:-5%;right:-5%;bottom:4%;height:100px;border-top:7px solid #fbd8e3;border-radius:50%;transform:rotate(2deg);opacity:.9}.order-thanks-stage:after{content:"";position:absolute;z-index:1;bottom:5%;left:37%;width:27%;height:42px;border-radius:50%;background:#f8bbd0;filter:blur(7px);opacity:.75}.order-thanks-doll{position:absolute;z-index:3;left:50%;bottom:6%;width:min(535px,43vw);height:auto;transform:translateX(-50%);filter:drop-shadow(0 18px 26px #d65c7d24)}.order-thanks-danmu{position:absolute;z-index:4;inset:8% 0 17%;overflow:hidden;pointer-events:none}.order-thanks-bullet{position:absolute;right:-45%;display:flex;gap:8px;align-items:center;width:max-content;max-width:42%;padding:9px 18px;border:1px solid #fff;background:#fff9;border-radius:999px;box-shadow:0 8px 26px #d65c7d1c;color:#b17d8d;font-size:14px;font-weight:700;white-space:nowrap;animation:ot-bullet linear forwards}.order-thanks-bullet strong{color:var(--ot-pink)}@keyframes ot-bullet{from{transform:translateX(0)}to{transform:translateX(-205vw)}}.order-thanks-spark{position:absolute;z-index:2;color:#f8c555;font-size:34px;animation:ot-float 3s ease-in-out infinite}.spark-one{top:22%;left:20%}.spark-two{top:23%;right:20%;color:#f47b9c;animation-delay:.8s}.spark-three{bottom:24%;left:29%;animation-delay:1.4s}@keyframes ot-float{50%{transform:translateY(-12px) rotate(12deg);opacity:.7}}
.order-thanks-admin-panel{position:relative;z-index:8;width:min(1335px,100%);margin:-18px auto 42px;padding:20px 24px;border:1px solid #fff;border-radius:24px;background:#fff;box-shadow:0 12px 35px #d65c7d18}.order-thanks-form-head{display:none}.order-thanks-form{display:grid;grid-template-columns:1fr 1.8fr 190px;align-items:center;gap:20px}.order-thanks-form label{position:relative;display:block}.order-thanks-form label>span{position:absolute;left:18px;top:50%;z-index:2;transform:translateY(-50%);color:#f28ba5;font-size:0}.order-thanks-form label>span:before{font-size:24px}.order-thanks-form label:first-child>span:before{content:"♙"}.order-thanks-form label:nth-child(2)>span:before{content:"✎"}.order-thanks-form input,.order-thanks-form textarea{width:100%;height:58px;resize:none;border:1px solid #f9dce6;border-radius:999px;outline:0;background:#fffafd;color:var(--ot-ink);font:inherit;padding:0 64px 0 58px}.order-thanks-form textarea{padding-top:17px}.order-thanks-form input::placeholder,.order-thanks-form textarea::placeholder{color:#bdaab2}.order-thanks-form input:focus,.order-thanks-form textarea:focus{border-color:var(--ot-pink);box-shadow:0 0 0 3px #f05d8322}.order-thanks-form small{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#bdaab2;font-size:12px}.order-thanks-form small b{font-weight:700}.order-thanks-form button{height:58px;border:0;border-radius:999px;background:linear-gradient(100deg,#fa8ba5,#f05278);color:#fff;font:inherit;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 9px 18px #f0527830}.order-thanks-form button:disabled{opacity:.65;cursor:wait}.order-thanks-form-status{min-height:18px;margin:8px 0 0 58px;color:#62a37d;font-size:12px}.order-thanks-form-status.is-error,.order-thanks-list-status.is-error{color:#d34f6b}.order-thanks-login-note{display:flex;justify-content:center;gap:8px;margin:-22px auto 36px;color:#b89da9;font-size:13px}.order-thanks-login-note a{color:var(--ot-pink);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.order-thanks-batch{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--ot-line);font-size:12px;color:var(--ot-muted)}.order-thanks-batch label{display:flex;align-items:center;gap:8px}.order-thanks-batch input{max-width:230px;color:var(--ot-muted);font:inherit}.order-thanks-batch button{padding:8px 15px;border:1px solid var(--ot-line);border-radius:999px;background:#fff;color:var(--ot-pink);font:inherit;font-weight:800;cursor:pointer}.order-thanks-batch button:disabled{opacity:.6}.order-thanks-batch small{color:#b9a6af}
.order-thanks-latest{padding:0 1%}.order-thanks-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-thanks-section-head>div{display:flex;align-items:center;gap:10px}.order-thanks-section-head>div:before{content:"♥";color:#fa5e82;font-size:25px}.order-thanks-section-head p{display:none}.order-thanks-section-head h2{margin:0;color:#352630;font-size:21px}.order-thanks-live{display:flex;align-items:center;gap:8px;color:#f27996;font-size:14px}.order-thanks-live i{width:16px;height:16px;border:2px solid #f27996;border-radius:50%;position:relative}.order-thanks-live i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#f27996}.order-thanks-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.order-thanks-card{min-height:138px;padding:17px 18px;border:1px solid var(--ot-line);border-radius:17px;background:#fff;box-shadow:0 6px 18px #d65c7d0b;animation:ot-card-in .45s ease both}.order-thanks-card.is-new{border-color:#f49ab2;box-shadow:0 12px 30px #ed568c24}@keyframes ot-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.order-thanks-card-head{display:flex;align-items:center;gap:10px}.order-thanks-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dfeafa;color:#f06d8d;font-weight:900}.order-thanks-card-head strong{display:block;color:#33406d;font-size:15px}.order-thanks-card-head small{display:block;margin-top:3px;color:#a996aa;font-size:11px}.order-thanks-card p{margin:14px 0 0;color:#55434f;font-size:14px;line-height:1.65;word-break:break-word}.order-thanks-empty{grid-column:1/-1;padding:45px;text-align:center;color:var(--ot-muted)}.order-thanks-more{display:block;margin:24px auto 0;padding:10px 22px;border:1px solid var(--ot-line);border-radius:999px;background:#fff;color:var(--ot-pink);font:inherit;font-weight:800;cursor:pointer}.order-thanks-list-status{text-align:center;color:var(--ot-muted);font-size:13px}
@media(max-width:900px){.order-thanks-shell{width:calc(100% - 28px);padding-top:16px}.order-thanks-hero{min-height:540px}.order-thanks-stage{inset:110px 0 0}.order-thanks-doll{width:min(430px,60vw)}.order-thanks-admin-panel{margin-top:-10px}.order-thanks-form{grid-template-columns:1fr 1.5fr 150px;gap:10px}.order-thanks-form input,.order-thanks-form textarea,.order-thanks-form button{height:52px}.order-thanks-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.order-thanks-topbar nav a{padding:7px 9px;font-size:11px}.order-thanks-brand{font-size:9px}.order-thanks-hero{min-height:455px;padding-top:38px}.order-thanks-kicker{font-size:10px}.order-thanks-hero h1{font-size:38px;letter-spacing:.02em}.order-thanks-subtitle{font-size:13px}.order-thanks-stage{inset:112px 0 0;border-radius:30% 30% 0 0}.order-thanks-doll{width:min(310px,74vw);bottom:5%}.order-thanks-bullet{max-width:70%;font-size:11px;padding:7px 12px}.order-thanks-spark{font-size:24px}.order-thanks-admin-panel{padding:15px 12px;border-radius:20px}.order-thanks-form{grid-template-columns:1fr;gap:9px}.order-thanks-form input,.order-thanks-form textarea,.order-thanks-form button{height:48px}.order-thanks-form button{font-size:15px}.order-thanks-form-status{margin-left:8px}.order-thanks-batch{display:grid;align-items:start}.order-thanks-batch label{display:grid;gap:4px}.order-thanks-batch input{max-width:100%}.order-thanks-section-head{align-items:flex-start;gap:10px;flex-direction:column}.order-thanks-section-head h2{font-size:19px}.order-thanks-cards{grid-template-columns:1fr}.order-thanks-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.order-thanks-spark{animation:none}.order-thanks-bullet{animation:ot-fade 2.5s ease forwards}@keyframes ot-fade{0%,100%{opacity:0}15%,85%{opacity:1}}.order-thanks-card{animation:none}}

/* Keep the heading and the animated artwork in separate visual layers. */
.order-thanks-hero{min-height:710px}
.order-thanks-stage{inset:220px 0 0}
.order-thanks-hero h1{color:#f04f72}
.order-thanks-doll{padding:10px;border:8px solid #fff;border-radius:42px;box-shadow:0 0 0 2px #f8c7d5,0 18px 26px #d65c7d24;background:#fff}
@media(max-width:900px){.order-thanks-hero{min-height:610px}.order-thanks-stage{inset:190px 0 0}}
@media(max-width:560px){.order-thanks-hero{min-height:510px}.order-thanks-stage{inset:165px 0 0}}

/* The supplied animation contains its own top lettering; keep it below the page title. */
.order-thanks-hero{min-height:760px}
.order-thanks-stage{inset:270px 0 0}
.order-thanks-doll{width:min(460px,38vw)}
@media(max-width:900px){.order-thanks-hero{min-height:650px}.order-thanks-stage{inset:220px 0 0}.order-thanks-doll{width:min(410px,58vw)}}
@media(max-width:560px){.order-thanks-hero{min-height:540px}.order-thanks-stage{inset:185px 0 0}.order-thanks-doll{width:min(300px,76vw)}}

/* Desktop: leave a clear gap below the large heading so the artwork is never clipped. */
.order-thanks-hero{min-height:820px}
.order-thanks-stage{inset:330px 0 0}
.order-thanks-doll{width:min(430px,34vw)}
.order-thanks-tools{display:flex;align-items:center;gap:18px}
.order-thanks-search{display:flex;align-items:center;gap:6px}
.order-thanks-search input{width:190px;height:36px;padding:0 14px;border:1px solid var(--ot-line);border-radius:999px;outline:0;background:#fff;color:var(--ot-ink);font:inherit;font-size:13px}
.order-thanks-search input:focus{border-color:var(--ot-pink);box-shadow:0 0 0 3px #f05d8322}
.order-thanks-search button{height:36px;padding:0 14px;border:1px solid var(--ot-line);border-radius:999px;background:#fff;color:var(--ot-pink);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.order-thanks-search button[type="submit"]{background:var(--ot-pink);color:#fff;border-color:var(--ot-pink)}
@media(max-width:900px){.order-thanks-hero{min-height:700px}.order-thanks-stage{inset:250px 0 0}.order-thanks-doll{width:min(400px,56vw)}.order-thanks-tools{width:100%;justify-content:space-between}}
@media(max-width:560px){.order-thanks-hero{min-height:540px}.order-thanks-stage{inset:185px 0 0}.order-thanks-doll{width:min(300px,76vw)}.order-thanks-tools{align-items:stretch;flex-direction:column;gap:10px}.order-thanks-search{width:100%}.order-thanks-search input{flex:1;width:auto}}

}
@media(max-width:760px) {
:root{--ot-pink:#f36b8b;--ot-strong:#f04f72;--ot-ink:#4d3943;--ot-muted:#a28f98;--ot-line:#f7dce5;--ot-bg:#fffafb}
*{box-sizing:border-box}html{background:var(--ot-bg)}body.order-thanks-page{margin:0;min-height:100dvh;color:var(--ot-ink);font-family:system-ui,sans-serif;background:radial-gradient(circle at 16% 23%,#ffecef 0,transparent 17%),radial-gradient(circle at 82% 20%,#fff2dd 0,transparent 18%),linear-gradient(#fff,#fff8fa 70%,#fff)}a{color:inherit;text-decoration:none}
.order-thanks-shell{width:min(100%,1680px);margin:auto;padding:24px 5% 56px}.order-thanks-topbar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.order-thanks-brand{color:var(--ot-strong);font-size:12px;font-weight:900;letter-spacing:.16em}.order-thanks-topbar nav{display:flex;gap:8px}.order-thanks-topbar nav a{padding:8px 14px;border:1px solid var(--ot-line);border-radius:999px;background:#fff9;color:var(--ot-muted);font-size:12px;font-weight:700}
.order-thanks-hero{position:relative;min-height:610px;padding-top:24px}.order-thanks-hero-copy{position:relative;z-index:4;text-align:center}.order-thanks-kicker{margin:0;color:var(--ot-pink);font-size:17px;font-weight:900;letter-spacing:.12em}.order-thanks-hero h1{margin:8px auto 0;color:#f45a78;font-size:clamp(46px,6vw,92px);font-weight:950;line-height:1.05;letter-spacing:.06em;text-shadow:0 3px 0 #fff,0 7px 0 #ffdfe8}.order-thanks-subtitle{margin:10px auto 0;color:#d79aaa;font-size:16px}.order-thanks-stage{position:absolute;inset:115px 0 0;overflow:hidden;border-radius:40% 40% 0 0;background:radial-gradient(ellipse at center 58%,#fff 0,#fff8fa 52%,transparent 73%)}.order-thanks-stage:before{content:"";position:absolute;left:-5%;right:-5%;bottom:4%;height:100px;border-top:7px solid #fbd8e3;border-radius:50%;transform:rotate(2deg);opacity:.9}.order-thanks-stage:after{content:"";position:absolute;z-index:1;bottom:5%;left:37%;width:27%;height:42px;border-radius:50%;background:#f8bbd0;filter:blur(7px);opacity:.75}.order-thanks-doll{position:absolute;z-index:3;left:50%;bottom:6%;width:min(535px,43vw);height:auto;transform:translateX(-50%);filter:drop-shadow(0 18px 26px #d65c7d24)}.order-thanks-danmu{position:absolute;z-index:4;inset:8% 0 17%;overflow:hidden;pointer-events:none}.order-thanks-bullet{position:absolute;right:-45%;display:flex;gap:8px;align-items:center;width:max-content;max-width:42%;padding:9px 18px;border:1px solid #fff;background:#fff9;border-radius:999px;box-shadow:var(--dream-shadow-sm);color:#b17d8d;font-size:14px;font-weight:700;white-space:nowrap;animation:ot-bullet linear forwards}.order-thanks-bullet strong{color:var(--ot-pink)}@keyframes ot-bullet{from{transform:translateX(0)}to{transform:translateX(-205vw)}}.order-thanks-spark{position:absolute;z-index:2;color:#f8c555;font-size:34px;animation:ot-float 3s ease-in-out infinite}.spark-one{top:22%;left:20%}.spark-two{top:23%;right:20%;color:#f47b9c;animation-delay:.8s}.spark-three{bottom:24%;left:29%;animation-delay:1.4s}@keyframes ot-float{50%{transform:translateY(-12px) rotate(12deg);opacity:.7}}
.order-thanks-admin-panel{position:relative;z-index:8;width:min(1335px,100%);margin:-18px auto 42px;padding:20px 24px;border:1px solid #fff;border-radius:24px;background:#fff;box-shadow:var(--dream-shadow-sm)}.order-thanks-form-head{display:none}.order-thanks-form{display:grid;grid-template-columns:1fr 1.8fr 190px;align-items:center;gap:20px}.order-thanks-form label{position:relative;display:block}.order-thanks-form label>span{position:absolute;left:18px;top:50%;z-index:2;transform:translateY(-50%);color:#f28ba5;font-size:0}.order-thanks-form label>span:before{font-size:24px}.order-thanks-form label:first-child>span:before{content:"♙"}.order-thanks-form label:nth-child(2)>span:before{content:"✎"}.order-thanks-form input,.order-thanks-form textarea{width:100%;height:58px;resize:none;border:1px solid #f9dce6;border-radius:999px;outline:0;background:#fffafd;color:var(--ot-ink);font:inherit;padding:0 64px 0 58px}.order-thanks-form textarea{padding-top:17px}.order-thanks-form input::placeholder,.order-thanks-form textarea::placeholder{color:#bdaab2}.order-thanks-form input:focus,.order-thanks-form textarea:focus{border-color:var(--ot-pink);box-shadow:0 0 0 3px #f05d8322}.order-thanks-form small{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#bdaab2;font-size:12px}.order-thanks-form small b{font-weight:700}.order-thanks-form button{height:58px;border:0;border-radius:999px;background:linear-gradient(100deg,#fa8ba5,#f05278);color:#fff;font:inherit;font-size:17px;font-weight:900;cursor:pointer;box-shadow:var(--dream-shadow-sm)}.order-thanks-form button:disabled{opacity:.65;cursor:wait}.order-thanks-form-status{min-height:18px;margin:8px 0 0 58px;color:#62a37d;font-size:12px}.order-thanks-form-status.is-error,.order-thanks-list-status.is-error{color:#d34f6b}.order-thanks-login-note{display:flex;justify-content:center;gap:8px;margin:-22px auto 36px;color:#b89da9;font-size:13px}.order-thanks-login-note a{color:var(--ot-pink);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.order-thanks-batch{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--ot-line);font-size:12px;color:var(--ot-muted)}.order-thanks-batch label{display:flex;align-items:center;gap:8px}.order-thanks-batch input{max-width:230px;color:var(--ot-muted);font:inherit}.order-thanks-batch button{padding:8px 15px;border:1px solid var(--ot-line);border-radius:999px;background:#fff;color:var(--ot-pink);font:inherit;font-weight:800;cursor:pointer}.order-thanks-batch button:disabled{opacity:.6}.order-thanks-batch small{color:#b9a6af}
.order-thanks-latest{padding:0 1%}.order-thanks-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-thanks-section-head>div{display:flex;align-items:center;gap:10px}.order-thanks-section-head>div:before{content:"♥";color:#fa5e82;font-size:25px}.order-thanks-section-head p{display:none}.order-thanks-section-head h2{margin:0;color:#352630;font-size:21px}.order-thanks-live{display:flex;align-items:center;gap:8px;color:#f27996;font-size:14px}.order-thanks-live i{width:16px;height:16px;border:2px solid #f27996;border-radius:50%;position:relative}.order-thanks-live i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#f27996}.order-thanks-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.order-thanks-card{min-height:138px;padding:17px 18px;border:1px solid var(--ot-line);border-radius:17px;background:#fff;box-shadow:var(--dream-shadow-sm);animation:ot-card-in .45s ease both}.order-thanks-card.is-new{border-color:#f49ab2;box-shadow:var(--dream-shadow-sm)}@keyframes ot-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.order-thanks-card-head{display:flex;align-items:center;gap:10px}.order-thanks-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dfeafa;color:#f06d8d;font-weight:900}.order-thanks-card-head strong{display:block;color:#33406d;font-size:15px}.order-thanks-card-head small{display:block;margin-top:3px;color:#a996aa;font-size:11px}.order-thanks-card p{margin:14px 0 0;color:#55434f;font-size:14px;line-height:1.65;word-break:break-word}.order-thanks-empty{grid-column:1/-1;padding:45px;text-align:center;color:var(--ot-muted)}.order-thanks-more{display:block;margin:24px auto 0;padding:10px 22px;border:1px solid var(--ot-line);border-radius:999px;background:#fff;color:var(--ot-pink);font:inherit;font-weight:800;cursor:pointer}.order-thanks-list-status{text-align:center;color:var(--ot-muted);font-size:13px}
@media(max-width:900px){.order-thanks-shell{width:calc(100% - 28px);padding-top:16px}.order-thanks-hero{min-height:540px}.order-thanks-stage{inset:110px 0 0}.order-thanks-doll{width:min(430px,60vw)}.order-thanks-admin-panel{margin-top:-10px}.order-thanks-form{grid-template-columns:1fr 1.5fr 150px;gap:10px}.order-thanks-form input,.order-thanks-form textarea,.order-thanks-form button{height:52px}.order-thanks-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.order-thanks-topbar nav a{padding:7px 9px;font-size:11px}.order-thanks-brand{font-size:9px}.order-thanks-hero{min-height:455px;padding-top:38px}.order-thanks-kicker{font-size:10px}.order-thanks-hero h1{font-size:38px;letter-spacing:.02em}.order-thanks-subtitle{font-size:13px}.order-thanks-stage{inset:112px 0 0;border-radius:30% 30% 0 0}.order-thanks-doll{width:min(310px,74vw);bottom:5%}.order-thanks-bullet{max-width:70%;font-size:11px;padding:7px 12px}.order-thanks-spark{font-size:24px}.order-thanks-admin-panel{padding:15px 12px;border-radius:20px}.order-thanks-form{grid-template-columns:1fr;gap:9px}.order-thanks-form input,.order-thanks-form textarea,.order-thanks-form button{height:48px}.order-thanks-form button{font-size:15px}.order-thanks-form-status{margin-left:8px}.order-thanks-batch{display:grid;align-items:start}.order-thanks-batch label{display:grid;gap:4px}.order-thanks-batch input{max-width:100%}.order-thanks-section-head{align-items:flex-start;gap:10px;flex-direction:column}.order-thanks-section-head h2{font-size:19px}.order-thanks-cards{grid-template-columns:1fr}.order-thanks-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.order-thanks-spark{animation:none}.order-thanks-bullet{animation:ot-fade 2.5s ease forwards}@keyframes ot-fade{0%,100%{opacity:0}15%,85%{opacity:1}}.order-thanks-card{animation:none}}

/* Keep the heading and the animated artwork in separate visual layers. */
.order-thanks-hero{min-height:710px}
.order-thanks-stage{inset:220px 0 0}
.order-thanks-hero h1{color:#f04f72}
.order-thanks-doll{padding:10px;border:8px solid #fff;border-radius:42px;box-shadow:0 0 0 2px #f8c7d5,0 18px 26px #d65c7d24;background:#fff}
@media(max-width:900px){.order-thanks-hero{min-height:610px}.order-thanks-stage{inset:190px 0 0}}
@media(max-width:560px){.order-thanks-hero{min-height:510px}.order-thanks-stage{inset:165px 0 0}}

/* The supplied animation contains its own top lettering; keep it below the page title. */
.order-thanks-hero{min-height:760px}
.order-thanks-stage{inset:270px 0 0}
.order-thanks-doll{width:min(460px,38vw)}
@media(max-width:900px){.order-thanks-hero{min-height:650px}.order-thanks-stage{inset:220px 0 0}.order-thanks-doll{width:min(410px,58vw)}}
@media(max-width:560px){.order-thanks-hero{min-height:540px}.order-thanks-stage{inset:185px 0 0}.order-thanks-doll{width:min(300px,76vw)}}

/* Desktop: leave a clear gap below the large heading so the artwork is never clipped. */
.order-thanks-hero{min-height:820px}
.order-thanks-stage{inset:330px 0 0}
.order-thanks-doll{width:min(430px,34vw)}
.order-thanks-tools{display:flex;align-items:center;gap:18px}
.order-thanks-search{display:flex;align-items:center;gap:6px}
.order-thanks-search input{width:190px;height:36px;padding:0 14px;border:1px solid var(--ot-line);border-radius:999px;outline:0;background:#fff;color:var(--ot-ink);font:inherit;font-size:13px}
.order-thanks-search input:focus{border-color:var(--ot-pink);box-shadow:0 0 0 3px #f05d8322}
.order-thanks-search button{height:36px;padding:0 14px;border:1px solid var(--ot-line);border-radius:999px;background:#fff;color:var(--ot-pink);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.order-thanks-search button[type="submit"]{background:var(--ot-pink);color:#fff;border-color:var(--ot-pink)}
@media(max-width:900px){.order-thanks-hero{min-height:700px}.order-thanks-stage{inset:250px 0 0}.order-thanks-doll{width:min(400px,56vw)}.order-thanks-tools{width:100%;justify-content:space-between}}
@media(max-width:560px){.order-thanks-hero{min-height:540px}.order-thanks-stage{inset:185px 0 0}.order-thanks-doll{width:min(300px,76vw)}.order-thanks-tools{align-items:stretch;flex-direction:column;gap:10px}.order-thanks-search{width:100%}.order-thanks-search input{flex:1;width:auto}}

}
}

/* With the animated artwork removed, keep the thank-you page compact. */
.order-thanks-hero{min-height:0;padding:24px 0 28px}
.order-thanks-stage{display:none}
.order-thanks-admin-panel{margin-top:0}
@media(max-width:900px){.order-thanks-hero{min-height:0;padding:20px 0 22px}.order-thanks-admin-panel{margin-top:0}}
@media(max-width:560px){.order-thanks-hero{min-height:0;padding:18px 0}.order-thanks-admin-panel{margin-top:0}}
/* The shared mobile shell assigns this hero a large minimum height; remove that empty space. */
body.dream-page.order-thanks-page .order-thanks-hero{min-height:0!important;padding:0 0 16px!important}