:root{--pink:#ff7eb6;--pink-soft:#ffd6e8;--pink-bg:#fff0f7;--purple:#b388ff;--purple-soft:#ece3ff;--mint:#4cd4a8;--mint-soft:#d9f7ec;--text:#6b4a5a;--text-light:#b08fa0;--cream:#fffafc;--radius:22px;--shadow:0 10px 30px #ff7eb62e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 12% 15%,#ffb6d666,#0000 45%),radial-gradient(circle at 88% 10%,#cbb9ff66,#0000 45%),radial-gradient(circle at 70% 95%,#a3f0d266,#0000 45%),linear-gradient(160deg,#fff5fb 0%,#fdf1ff 40%,#f0fff8 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;padding-bottom:96px;font-family:Mali,Comic Sans MS,Segoe UI,cursive,sans-serif;overflow-x:hidden}.floaties{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floaty{opacity:.32;font-size:26px;animation:9s ease-in-out infinite floaty;position:absolute}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-26px)rotate(12deg)}}header{z-index:1;text-align:center;padding:22px 16px 4px;position:relative}header h1{color:var(--pink);text-shadow:2px 2px #fff,0 6px 18px #ff7eb640;justify-content:center;align-items:center;gap:10px;font-size:clamp(24px,4.5vw,38px);display:flex}header p{color:var(--text-light);margin-top:4px;font-size:14px}.layout{z-index:1;flex-direction:column;gap:14px;max-width:1200px;margin:0 auto;padding:14px 14px 20px;display:flex;position:relative}@media (min-width:960px){.layout{flex-direction:column;gap:22px;max-width:900px;padding:20px 24px 40px;display:flex}.bracelet{justify-content:center}body{padding-bottom:0}.panel{padding:20px}.panel h2{margin-bottom:14px;font-size:18px}header{padding:34px 16px 10px}header h1{font-size:44px}header p{margin-top:8px;font-size:16px}.bracelet-wrap{margin:6px 0 16px;padding:36px 24px}.slot{max-width:84px;font-size:28px}.charm-img-box{height:54px}.charm-img{width:52px;height:52px}.charm-name{font-size:12.5px}.charm-price{font-size:12px}.hint{font-size:13.5px}}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffd6;border:2px solid #ffe3f0;padding:14px}.panel h2{color:var(--purple);justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;display:flex}.palette-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (min-width:600px){.palette-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:960px){.palette-grid{grid-template-columns:repeat(6,1fr)}}.charm-card{text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fff,#fff2f9);border:2px solid #ffd9ea;border-radius:16px;padding:10px 4px;transition:transform .15s,box-shadow .15s,border-color .15s}.charm-card:hover{border-color:var(--pink);transform:translateY(-4px)scale(1.04);box-shadow:0 8px 18px #ff7eb640}.charm-card.dragging{opacity:.45;transform:scale(.95)}.charm-card:active{cursor:grabbing}.charm-emoji{font-size:30px;line-height:1.2}.charm-name{margin-top:2px;font-size:11.5px;font-weight:600}.charm-price{color:var(--pink);font-size:11px;font-weight:700}.hint{color:var(--text-light);text-align:center;margin-top:8px;font-size:12.5px}.center-panel{text-align:center}.bracelet-wrap{background:linear-gradient(#fff6fb,#fdf0ff);border:2px dashed #eec6dc;border-radius:999px;margin:4px 0 10px;padding:22px 14px}.bracelet{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0;padding:12px 8px;display:flex}.bracelet-scroll{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.bracelet-scroll::-webkit-scrollbar{display:none}.scroll-hint{display:none}@media (max-width:959px){.scroll-hint{display:block}}.slot-count{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sc-label{color:var(--text-light);font-size:13.5px;font-weight:600}.sc-btn{width:34px;height:34px;color:var(--pink);cursor:pointer;background:#fff;border:2px solid #ffd9ea;border-radius:50%;font-family:inherit;font-size:18px;font-weight:700;transition:all .15s}.sc-btn:hover:not(:disabled){border-color:var(--pink);background:var(--pink-bg)}.sc-btn:disabled{opacity:.4;cursor:not-allowed}.sc-value{text-align:center;min-width:44px;color:var(--pink);background:var(--pink-bg);border-radius:999px;padding:4px 10px;font-size:20px;font-weight:700}.status-hint{margin-top:4px}.status-hint.ok{color:var(--mint);font-weight:700}.charm-card.selected{border-color:var(--pink);animation:1.6s ease-in-out infinite pulse-ring;transform:translateY(-3px)}.slot.can-place{border-style:solid;border-color:var(--pink);animation:1.6s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 3px #ff7eb647}50%{box-shadow:0 0 0 8px #ff7eb61f}}.slot-x{color:#fff;z-index:3;pointer-events:none;background:#ff6b95;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #ff6b9566}.slot{aspect-ratio:1;scroll-snap-align:center;color:#f3c4d8;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;touch-action:manipulation;background:#fff;border:2px dashed #eab8cf;border-radius:16px;flex:1 1 0;justify-content:center;align-items:center;min-width:56px;max-width:78px;font-size:24px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;overflow:hidden}.slot.filled{color:var(--text);background:linear-gradient(145deg,#fff,#fff3f9);border:2px solid #ffd1e4;box-shadow:0 4px 10px #ff7eb640}.slot.filled:hover:after{content:"✕";color:#fff;background:#ff78a073;border-radius:14px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.slot.drag-over{border-color:var(--pink);background:var(--pink-soft);box-shadow:0 0 0 5px #ff7eb64d}.bracelet-ring{aspect-ratio:1;width:min(320px,88vw);margin:0 auto;position:relative}.bracelet-center{opacity:.5;pointer-events:none;font-size:40px;animation:2.5s ease-in-out infinite bounce;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.summary-row{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.summary-row.total{color:var(--pink);border-top:2px dashed #ffd9ea;margin-top:6px;padding-top:10px;font-size:18px;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--pink), #ff9ec4);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:12px;padding:13px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 6px 16px #ff7eb659}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #ff7eb666}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{width:100%;color:var(--text-light);cursor:pointer;background:0 0;border:2px solid #ffd9ea;border-radius:999px;margin-top:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.btn-ghost:hover{border-color:var(--pink);color:var(--pink)}.summary-panel{display:none}@media (min-width:960px){.summary-panel{display:block}}.summary-bar{z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-top:2px solid #ffe3f0;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #ff7eb626}.summary-bar .sb-info{flex:1;min-width:0}.summary-bar .sb-label{color:var(--text-light);font-size:11px}.summary-bar .sb-total{color:var(--pink);font-size:18px;font-weight:700}.summary-bar .btn-primary{white-space:nowrap;width:auto;margin-top:0;padding:12px 22px}@media (min-width:960px){.summary-bar{display:none}}.modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6b4a5a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:26px;width:100%;max-width:420px;max-height:90vh;padding:24px;animation:.25s pop;position:relative;overflow-y:auto;box-shadow:0 24px 60px #783c644d}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-card h3{color:var(--pink);text-align:center;margin-bottom:10px;font-size:20px}.modal-close{background:var(--pink-bg);color:var(--text-light);cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:12px;right:14px}.order-list{margin:8px 0;list-style:none}.order-list li{background:var(--pink-bg);border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;font-size:14px;display:flex}.li-emoji{font-size:22px}.li-name{flex:1;font-weight:600}.li-price{color:var(--pink);font-weight:700}.modal-card input{background:#fffafc;border:2px solid #ffd9ea;border-radius:999px;outline:none;width:100%;margin-top:10px;padding:12px 14px;font-family:inherit;font-size:14px}.modal-card input:focus{border-color:var(--pink)}.success-card{text-align:center}.big-emoji{font-size:64px;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-card p{color:var(--text-light);margin:8px 0 4px;font-size:14px;line-height:1.6}.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.skeleton{background:linear-gradient(90deg,#ffeef6,#fff,#ffeef6) 0 0/200% 100%;border-radius:12px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-box{color:#c05a5a;text-align:center;background:#fff0f0;border:2px solid #ffc9c9;border-radius:16px;margin:8px 0;padding:14px;font-size:13.5px}footer{z-index:1;text-align:center;color:var(--text-light);padding:10px 0 24px;font-size:12px;position:relative}.charm-img-box{justify-content:center;align-items:center;height:48px;display:flex}.charm-img{object-fit:contain;filter:drop-shadow(0 3px 6px #ff7eb64d);border-radius:16px;width:46px;height:46px;display:block}.slot{overflow:hidden}.slot-img{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.li-img{object-fit:contain;border-radius:10px;width:30px;height:30px;display:block}.steps{color:var(--text-light);justify-content:center;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;display:flex}.steps .on{color:var(--pink);font-weight:700}.steps .done{color:var(--mint);font-weight:700}.steps .line{background:#ffd9ea;border-radius:2px;width:26px;height:2px}.pay-options{flex-direction:column;gap:8px;margin:6px 0 12px;display:flex}.pay-option{cursor:pointer;text-align:left;background:#fffafc;border:2px solid #ffd9ea;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:all .15s;display:flex}.pay-option .po-emoji{font-size:26px}.pay-option .po-name{color:var(--text);flex:1;font-size:15px;font-weight:700}.pay-option .po-desc{color:var(--text-light);font-size:11.5px}.pay-option:hover{border-color:var(--pink);transform:translateY(-1px)}.pay-option.active{border-color:var(--pink);background:var(--pink-bg);box-shadow:0 4px 14px #ff7eb62e}.pay-detail{background:var(--pink-bg);text-align:center;border-radius:16px;margin-bottom:4px;padding:14px}.qr-img{background:#fff;border-radius:14px;width:200px;height:200px;padding:6px;box-shadow:0 4px 12px #ff7eb633}.pay-note{color:var(--text);margin-top:10px;font-size:13px;line-height:1.6}.bank-box p{margin:3px 0;font-size:14px}.order-id{background:#fff;border-radius:999px;margin-top:4px;padding:8px 16px;font-size:14px;display:inline-block;box-shadow:0 2px 8px #ff7eb626}.admin-layout{z-index:1;gap:18px;max-width:1280px;margin:0 auto;padding:18px 14px 40px;display:flex;position:relative}.admin-side{flex-shrink:0;width:215px}.admin-side .panel{position:sticky;top:16px}.admin-nav{flex-direction:column;gap:6px;display:flex}.admin-nav a{color:var(--text);border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.admin-nav a:hover{background:var(--pink-bg)}.admin-nav a.active{background:linear-gradient(135deg, var(--pink), #ff9ec4);color:#fff;box-shadow:0 4px 12px #ff7eb64d}.admin-main{flex:1;min-width:0}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-head h1{color:var(--pink);font-size:22px}.admin-head .back-link{color:var(--text-light);font-size:13px;text-decoration:none}@media (max-width:860px){.admin-layout{flex-direction:column}.admin-side{width:100%}.admin-side .panel{position:static}.admin-nav{flex-direction:row;padding-bottom:2px;overflow-x:auto}.admin-nav a{white-space:nowrap}}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:760px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{color:#fff;box-shadow:var(--shadow);border-radius:20px;padding:16px}.stat-card .sc-emoji{font-size:26px}.stat-card .sc-value{margin-top:2px;font-size:24px;font-weight:700}.stat-card .sc-label{opacity:.92;font-size:12.5px}.sc-pink{background:linear-gradient(135deg,#ff7eb6,#ff9ec4)}.sc-purple{background:linear-gradient(135deg,#b388ff,#c9a8ff)}.sc-mint{background:linear-gradient(135deg,#4cd4a8,#7ee3c4)}.sc-peach{background:linear-gradient(135deg,#ffb37e,#ffce9e)}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;font-size:12px}.data-table td{vertical-align:middle;border-top:2px dashed #ffe3f0;padding:10px 12px}.data-table tr:hover td{background:#fffafc}.table-scroll{overflow-x:auto}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.st-new{color:#e0557f;background:#ffe8ef}.st-confirmed{color:#c98a1b;background:#fff3d6}.st-paid{color:#1c9b6e;background:#d9f7ec}.st-shipped{color:#4a6fd6;background:#e3ecff}.st-completed{color:#7c5cd6;background:#e9e4ff}.st-cancelled{color:#9a9aa5;background:#f0f0f2}.status-select{color:var(--text);cursor:pointer;background:#fff;border:2px solid #ffd9ea;border-radius:12px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.pm-tag{background:var(--purple-soft);color:var(--purple);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.field{margin-bottom:10px}.field label{color:var(--text-light);margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}.field input,.field select{background:#fffafc;border:2px solid #ffd9ea;border-radius:14px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.field input:focus,.field select:focus{border-color:var(--pink)}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-small{cursor:pointer;border:none;border-radius:12px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .12s}.btn-pink{background:linear-gradient(135deg, var(--pink), #ff9ec4);color:#fff;box-shadow:0 4px 10px #ff7eb64d}.btn-ghost2{color:var(--text-light);background:0 0;border:2px solid #ffd9ea}.btn-danger{color:#d14b4b;background:#ffe4e4}.charm-preview{object-fit:cover;border-radius:12px;width:40px;height:40px;display:block}.toggle{color:var(--text-light);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{display:none}.toggle .track{background:#e8d3de;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle input:checked+.track{background:var(--mint)}.toggle input:checked+.track:after{left:21px}.empty-note{text-align:center;color:var(--text-light);padding:24px 0;font-size:13.5px}.admin-actions{flex-wrap:wrap;gap:6px;display:flex}.toast{z-index:100;border:2px solid var(--mint-soft);color:var(--text);background:#fff;border-radius:999px;padding:10px 20px;font-size:13.5px;font-weight:600;animation:.25s pop;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}.mini-list{flex-direction:column;gap:6px;max-height:230px;margin:4px 0 2px;display:flex;overflow-y:auto}.mini-item{background:var(--pink-bg);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-size:13.5px;display:flex}.mini-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.mini-price{color:var(--pink);font-weight:700}.mini-empty{color:var(--text-light);text-align:center;padding:12px 0;font-size:13px}.logo-img{filter:drop-shadow(0 3px 8px #ff7eb659);width:300px;display:inline-block}.logo-sm{width:30px;height:30px;display:inline-block}.login-logo{filter:drop-shadow(0 4px 10px #ff7eb64d);width:84px;height:84px;margin-bottom:10px}.cat-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px;display:flex}.cat-chip{color:var(--text-light);cursor:pointer;background:#fffafc;border:2px solid #ffd9ea;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.cat-chip:hover{border-color:var(--pink);color:var(--pink)}.cat-chip.active{background:linear-gradient(135deg, var(--pink), #ff9ec4);color:#fff;border-color:#0000;box-shadow:0 4px 10px #ff7eb64d}.login-wrap{z-index:1;justify-content:center;align-items:center;min-height:75vh;padding:16px;display:flex;position:relative}.login-card{max-width:380px}.nav-logout{color:var(--text-light);cursor:pointer;text-align:left;background:0 0;border:2px dashed #ffd9ea;border-radius:14px;align-items:center;gap:10px;width:100%;margin-top:4px;padding:11px 14px;font-family:inherit;font-size:14.5px;font-weight:600;transition:all .15s;display:flex}.nav-logout:hover{color:#d14b4b;background:#fff0f0;border-color:#ffb3c4}.upload-box{position:relative}.upload-box input[type=file]{display:none}.upload-label{background:var(--pink-bg);cursor:pointer;text-align:center;border:2px dashed #ffb9d2;border-radius:18px;justify-content:center;align-items:center;min-height:150px;transition:all .15s;display:flex;overflow:hidden}.upload-label:hover{border-color:var(--pink);background:#ffeef6}.upload-hint{color:var(--pink);flex-direction:column;gap:4px;padding:16px;font-size:15px;font-weight:600;display:flex}.upload-hint small{color:var(--text-light);font-size:11.5px;font-weight:400}.upload-preview{object-fit:contain;background:#fff;border-radius:16px;max-width:130px;max-height:130px;padding:4px;box-shadow:0 4px 12px #ff7eb640}.upload-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.upload-url{min-width:0;color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:12px;overflow:hidden}.btn-preview{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b388ff,#c9a8ff);border:none;border-radius:999px;width:100%;margin-top:10px;padding:12px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 6px 16px #b388ff4d}.btn-preview:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #b388ff66}.btn-preview:disabled{opacity:.45;cursor:not-allowed}.summary-bar .btn-preview{white-space:nowrap;width:auto;margin-top:0;padding:12px 18px}.bracelet:before,.bracelet:after{content:"💎";background:#fff;border:2px solid #f7cfe1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;box-shadow:inset 0 2px 4px #b46e8c33}.chain-connector{z-index:1;background:linear-gradient(#f7cfe1,#e89fb9);border:2px solid #fff;border-radius:8px;flex-shrink:0;width:16px;height:20px;margin:0 -4px;position:relative;box-shadow:inset 0 2px 3px #b46e8c59,0 1px 3px #b46e8c40}.reveal-overlay{z-index:200;background:radial-gradient(circle at 50% 40%,#ff9ec466,#0000 60%),radial-gradient(circle at 15% 80%,#b388ff66,#0000 55%),linear-gradient(160deg,#fff5fb,#f4e9ff,#fff);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.reveal-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffe6;border:2px solid #ffe3f0;border-radius:32px;width:100%;max-width:430px;padding:28px 22px 22px;animation:.35s pop;position:relative;box-shadow:0 30px 70px #9650824d}.reveal-title{color:var(--pink);text-shadow:2px 2px #fff;margin-bottom:4px;font-size:22px}.reveal-scene{aspect-ratio:1;perspective:1100px;width:min(330px,84vw);margin:10px auto 6px;position:relative}.reveal-stage3d{transform-style:preserve-3d;position:absolute;inset:0}.ring3d{transform-style:preserve-3d;animation:14s linear infinite ring3d-spin;position:absolute;inset:0}.floor-shadow{filter:blur(2px);background:radial-gradient(#b46e8c52,#0000 70%);border-radius:50%;width:72%;height:30px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.link3d{width:68px;height:68px;transform-style:preserve-3d;margin:-34px 0 0 -34px;position:absolute;top:50%;left:50%}.link-front,.link-back{backface-visibility:hidden;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.link-front{background:#fff;border:2px solid #ffd1e4;font-size:30px;animation:.55s cubic-bezier(.34,1.56,.64,1) both face-in;overflow:hidden;transform:translateZ(7px);box-shadow:0 4px 14px #ff7eb659}.link-front img{object-fit:cover;width:100%;height:100%}.link-back{background:linear-gradient(145deg,#f7cfe1,#e89fb9);border:2px solid #e8a8c0;transform:rotateY(180deg)translateZ(7px)}.reveal-bow{z-index:2;filter:drop-shadow(0 4px 8px #ff7eb64d);font-size:38px;animation:.6s .6s both pop,2s 1.2s infinite bounce;position:absolute;top:0;left:50%;transform:translate(-50%)}.reveal-shine{pointer-events:none;opacity:0;background:linear-gradient(120deg,#0000 42%,#ffffffbf 50%,#0000 58%);border-radius:50%;animation:2.8s ease-in-out 1.3s infinite shine;position:absolute;inset:0}.reveal-count{color:var(--text);margin-top:6px;font-size:15px;font-weight:600}.reveal-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.reveal-confetti{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.9;font-size:20px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-12vh}@keyframes face-in{0%{opacity:0;transform:translateZ(7px)scale(0)rotate(-90deg)}to{opacity:1;transform:translateZ(7px)scale(1)rotate(0)}}@keyframes ring3d-spin{0%{transform:rotateX(14deg)rotateY(0)}to{transform:rotateX(14deg)rotateY(360deg)}}@keyframes shine{0%{opacity:0;transform:rotate(0)}12%{opacity:1}45%{opacity:0;transform:rotate(160deg)}to{opacity:0;transform:rotate(360deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-12vh)rotate(0)}to{opacity:0;transform:translateY(112vh)rotate(360deg)}}