body.gift-lab{--coral:#d87069;--cream:#f4e8ca;background:#171b21;color:#f4e8ca;min-height:100dvh;isolation:isolate}.gift-lab::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#68423844,transparent 65%),linear-gradient(180deg,#11161b00,#080c1380)}.room-backdrop{position:fixed;inset:-8px;z-index:-2;background:linear-gradient(#121822b8,#11131ce8),url('/room-assets/christmas-room-v2.jpg') center/cover;opacity:0;transition:opacity .5s}.lab-nav{max-width:1440px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c4b5aa}.lab-nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.lab-nav>span{letter-spacing:2px;color:#e9d9bc}.look-picker{display:flex;gap:5px;justify-content:center;margin:0 auto;width:max-content;max-width:calc(100% - 24px);padding:5px;border:1px solid #e7d0b42b;border-radius:30px;background:#0f131b9c}.look-picker button{border:0;border-radius:24px;color:#cbbdb5;background:transparent;padding:11px 20px;min-height:44px;font-size:12px;transition:background .2s,color .2s}.look-picker button span{margin-left:7px}.look-picker button[aria-pressed=true]{background:#efd9c0;color:#4c3334}.gift-lab main{max-width:1340px;margin:auto;padding:32px 40px 12px}.lab-heading{text-align:center;margin:0 0 38px}.lab-heading .eyebrow{color:#d9978e;font-size:10px;letter-spacing:3px}.lab-heading h1{font:clamp(30px,3.6vw,47px)/1.35 GiftHand,sans-serif;margin:13px 0}.lab-heading>p:last-child{font-size:14px;color:#c5b8b0;margin:0}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.choice{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #efcbb52e;border-radius:22px;background:linear-gradient(160deg,#303035,#242329);box-shadow:0 18px 40px #0004;text-decoration:none;color:#f4e8ca;padding:18px;transition:transform .28s,box-shadow .28s,border-color .28s,background .28s;animation:arrive .65s both;animation-delay:calc(var(--i,0)*85ms)}.choice:nth-child(2){--i:1}.choice:nth-child(3){--i:2}.choice:nth-child(4){--i:3}.choice-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.number{font-family:GiftHand,sans-serif;font-size:20px;color:#cf9b90}.difficulty{border:1px solid #dbb09c5c;border-radius:16px;padding:6px 10px;color:#eed3bc;font-size:11px;white-space:nowrap}.art{aspect-ratio:1;overflow:hidden;margin:18px 0 23px;background:#fbf6ea;border-radius:100px 100px 16px 16px;display:grid;place-items:center;box-shadow:0 0 30px #e6a16c13;transition:box-shadow .3s}.art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.copy{display:flex;flex-direction:column;flex:1}.category{font-size:8px;letter-spacing:1.5px;color:#d3a294}.choice h2{font:29px/1.3 GiftHand,sans-serif;margin:9px 0 11px}.choice p{font-size:12px;line-height:1.8;color:#d5c7bc;margin:0 0 16px}.difficulty-note{font-size:11px;color:#bfb0a9;line-height:1.7;margin-top:auto}.choose-action{display:flex;align-items:center;justify-content:space-between;color:#e6a198;font-size:12px;border-top:1px solid #ecd3bf26;margin-top:18px;padding-top:16px}.choose-action>span{font-size:22px;transition:transform .25s}.choice:focus-visible{outline:2px solid #f1c397;outline-offset:6px;transform:translateY(-9px);border-color:#e3a08b;box-shadow:0 20px 50px #0006,0 0 32px #d870692b}.choice:focus-visible .art img{transform:scale(1.035)}.choice:focus-visible .choose-action>span{transform:translateX(4px)}.difficulty-key{text-align:center;font-size:11px;line-height:1.8;color:#b9aba2;margin:25px 0 16px}.design-note{max-width:1100px;margin:0 auto;padding:16px 24px 24px;display:flex;gap:16px;justify-content:center;align-items:center;color:#c6b5ac;font-size:12px}.design-note strong{color:#e5a69b;white-space:nowrap}.design-note button{color:#f1dbc5;background:transparent;border:1px solid #a08b7e66;border-radius:20px;min-height:44px;padding:8px 16px;white-space:nowrap}.gift-lab a:focus-visible,.gift-lab button:focus-visible{outline-color:#ffd3a1}
/* B: a collection of cream cards, with printed borders and chapter labels. */
body[data-look=cards]{background:#231d22}body[data-look=cards]::before{background:radial-gradient(ellipse at 50% 55%,#70483e55,transparent 70%)}[data-look=cards] .choice{background:#f4e9d5;color:#3f414b;border-radius:8px;padding:21px 21px 17px;border:1px solid #dfb29c;box-shadow:0 7px 0 #97655c,0 22px 50px #0006;outline:1px solid #b5816d66;outline-offset:-9px}[data-look=cards] .choice-top{border-bottom:1px solid #bf9d8655;padding-bottom:12px}[data-look=cards] .difficulty{background:#e6c1ae66;border:0;color:#794c43}[data-look=cards] .number{color:#955b51}[data-look=cards] .art{border-radius:50%;margin:20px 0;background:#f5e8ca;box-shadow:none}[data-look=cards] .category{color:#9c665a}[data-look=cards] .choice h2{color:#263f58}[data-look=cards] .choice p{color:#6c625b}[data-look=cards] .difficulty-note{color:#7a685e;border-top:1px dashed #b9957e66;padding-top:13px}[data-look=cards] .choose-action{background:#9d574e;color:#fff4e3;border:0;border-radius:4px;margin-top:17px;padding:9px 12px}[data-look=cards] .choice:focus-visible{outline:3px solid #e7ae90;outline-offset:4px;box-shadow:0 7px 0 #b47364,0 25px 55px #0007}
/* C: room remains visible behind a compact set of landscape invitation cards. */
[data-look=room] .room-backdrop{opacity:1}[data-look=room] .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:auto}[data-look=room] .choice{display:grid;grid-template-columns:43% 1fr;column-gap:24px;padding:24px;background:#30272aeF;border-radius:18px;border-color:#e2bca54a;backdrop-filter:blur(8px)}[data-look=room] .choice-top{grid-column:1/-1;margin-bottom:15px}[data-look=room] .art{grid-column:1;margin:0;border-radius:12px;align-self:center}[data-look=room] .copy{grid-column:2;min-width:0;align-self:center}[data-look=room] .choice h2{font-size:30px;margin:8px 0}[data-look=room] .choice p{margin-bottom:10px}[data-look=room] .choose-action{margin-top:12px;padding-top:8px}[data-look=room] .lab-heading{margin-bottom:28px}[data-look=room] .category{font-size:8px;letter-spacing:1px}
@media(hover:hover){.choice:hover{transform:translateY(-9px);border-color:#e3a08b;box-shadow:0 24px 45px #0006,0 0 32px #d870692b}.choice:hover .art{box-shadow:0 0 35px #e6a16c30}.choice:hover .art img{transform:scale(1.035)}.choice:hover .choose-action>span{transform:translateX(4px)}[data-look=cards] .choice:hover{box-shadow:0 7px 0 #b47364,0 25px 55px #0007}[data-look=room] .choice:hover{background:#493433f2}}
@keyframes arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.choice-grid{gap:14px}.choice{padding:13px}.choice h2{font-size:25px}.difficulty{padding:5px 7px}.gift-lab main{padding:30px 24px 10px}[data-look=room] .choice{padding:18px;gap:14px}[data-look=room] .choice h2{font-size:25px}}
@media(max-width:760px){.lab-nav{padding:12px 18px;font-size:11px}.lab-nav>span{letter-spacing:0}.look-picker button{padding:9px 13px;font-size:11px}.gift-lab main{padding:26px 18px 10px}.lab-heading{margin-bottom:25px}.lab-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.lab-heading>p:last-child{font-size:12px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.choice{padding:11px;border-radius:15px}.choice-top{gap:3px}.number{font-size:15px}.difficulty{font-size:9px;padding:5px 6px}.art{margin:12px 0 16px;border-radius:60px 60px 10px 10px}.choice h2{font-size:24px}.choice p{font-size:11px;min-height:38px;margin-bottom:12px}.category{font-size:7px;letter-spacing:.4px}.difficulty-note{font-size:10px;min-height:34px}.choose-action{font-size:11px;margin-top:12px;padding-top:10px}.difficulty-key{font-size:10px}.design-note{flex-wrap:wrap;gap:8px;text-align:center;padding:10px 20px 24px;font-size:11px}.design-note>span{flex-basis:100%}[data-look=cards] .choice{padding:15px 12px}[data-look=cards] .art{margin:13px 0}[data-look=cards] .choose-action{padding:8px}[data-look=room] .choice-grid{grid-template-columns:1fr}[data-look=room] .choice{padding:17px;column-gap:17px}[data-look=room] .choice p{min-height:0}[data-look=room] .choice h2{font-size:27px}[data-look=room] .category{font-size:7px}}
@media(prefers-reduced-motion:reduce){.gift-lab *, .gift-lab *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gift-lab .choice:is(:hover,:focus-visible){transform:none}.gift-lab .choice:is(:hover,:focus-visible) img{transform:none}}
@media(min-width:761px) and (max-height:850px){.lab-nav{padding-top:8px;padding-bottom:8px}.gift-lab main{padding-top:18px}.lab-heading{margin-bottom:24px}.lab-heading h1{font-size:36px;margin:9px 0}.lab-heading .eyebrow{margin:6px 0}.art{height:clamp(135px,24vh,200px);aspect-ratio:auto;margin:12px 0 16px}.art img{max-height:100%;width:100%;min-height:0}.choice h2{font-size:26px;margin:6px 0 8px}.choice p{margin-bottom:10px}.choose-action{margin-top:12px;padding-top:11px}[data-look=cards] .art{margin:12px 0}[data-look=room] .art{height:155px}[data-look=room] .choice{padding:16px 20px}[data-look=room] .choice-top{margin-bottom:10px}.difficulty-key{margin:18px 0 6px}.design-note{padding-top:8px;padding-bottom:16px}}
@media(max-width:360px){.look-picker{gap:0;padding:4px}.look-picker button{padding:8px 9px;font-size:10px;white-space:nowrap}.look-picker button span{margin-left:4px}.choice-grid{grid-template-columns:1fr;max-width:260px;margin:auto}.choice{padding:18px}.choice h2{font-size:28px}.choice p{min-height:0}.difficulty{font-size:11px}.art{max-height:220px}.category{font-size:8px}.difficulty-note{min-height:0;font-size:11px}.choose-action{font-size:12px}.lab-heading h1{font-size:27px}[data-look=room] .choice-grid{max-width:none}[data-look=room] .choice{grid-template-columns:38% 1fr;padding:13px;gap:12px}[data-look=room] .choice h2{font-size:23px}}

/* Approved A: explicit creation link at the bottom right of each card. */
.gift-lab .choice .start-button{align-self:flex-end;display:inline-flex;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;margin-top:18px;border:1px solid #e29b8d;border-radius:10px;background:#d87069;color:#221b20;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s}
.gift-lab .choice .start-button>span{font-size:12px;font-weight:500;transform:none}
.gift-lab .choice .start-button:hover{background:#e68c80;box-shadow:0 3px 15px #d8706930}
.gift-lab .choice:focus-within{border-color:#e3a08b;box-shadow:0 20px 50px #0006,0 0 32px #d870692b}
.gift-gallery main{padding-top:36px}.gift-gallery .lab-heading{margin-bottom:32px}
@media(max-width:760px){.gift-lab .choice .start-button{gap:7px;padding:9px 10px;font-size:11px}.gift-lab .choice .start-button>span{font-size:10px}.gift-gallery main{padding-top:24px}}

.gift-lab .start-button .start-en{display:none}.gift-lab .start-button .start-zh{display:inline}html:lang(en) .gift-lab .start-button .start-en{display:inline}html:lang(en) .gift-lab .start-button .start-zh{display:none}.gift-lab .choice .start-button>span{font-size:inherit;font-weight:inherit}