:root{--ink:#51362f;--cream:#fff8ed;--pink:#efb7ad;--gold:#d7a93f;--sage:#758875;--sea:#7ec7c9}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff7ed;color:var(--ink);font-family:"Noto Serif TC","PingFang TC","Microsoft JhengHei",serif}
button,textarea{font:inherit}.brand{position:fixed;z-index:50;top:22px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em}.brand b{font-size:10px;letter-spacing:.3em}.brand small{font-size:12px}
.scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s ease;overflow:hidden;background:#fff8ee}.scene.active{opacity:1;pointer-events:auto}
#arrival{background:radial-gradient(circle at 70% 30%,#fff 0 10%,transparent 42%),linear-gradient(145deg,#fff9ef,#fae7df)}
#arrival:before,#garden:before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle at 10% 10%,rgba(238,169,165,.35),transparent 22%),radial-gradient(circle at 90% 12%,rgba(238,169,165,.32),transparent 22%),radial-gradient(circle at 15% 90%,rgba(255,207,183,.25),transparent 25%);filter:blur(8px)}
.arrival-copy{position:absolute;left:9vw;top:30vh;z-index:2}.arrival-copy h1{font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1.35;margin:.25em 0}.arrival-copy p,.arrival-copy small{letter-spacing:.12em}
.portal{position:absolute;right:12vw;top:17vh;width:min(31vw,430px);height:62vh;border:10px solid rgba(255,247,234,.9);border-radius:220px 220px 16px 16px;background:linear-gradient(#79c9d0 0 48%,#a5d9d2 49% 65%,#f2d8bd 66%);box-shadow:0 25px 80px rgba(102,68,55,.22),0 0 0 1px #d8bda8;cursor:pointer;overflow:visible;transition:.5s}
.portal:hover{transform:translateY(-7px);box-shadow:0 30px 100px rgba(102,68,55,.28),0 0 45px rgba(238,171,164,.65)}.portal .branch{position:absolute;top:5%;left:-12%;right:-10%;font-size:55px;color:#e9a6a4;text-shadow:50px 15px #f0b4b2,-35px 45px #f4c0bb}.portal i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent);transform-origin:left;transition:.8s}.portal:hover i{transform:perspective(700px) rotateY(-18deg)}.portal em{position:absolute;left:0;right:0;bottom:-52px;font-style:normal;color:var(--ink);font-size:16px}
#garden{background:linear-gradient(#b8dfe0 0 42%,#dce9d6 43% 64%,#f4d8bc 65%)}.sky{position:absolute;inset:0;background:radial-gradient(circle at 65% 20%,rgba(255,255,255,.85),transparent 25%),linear-gradient(170deg,transparent 58%,rgba(111,167,141,.28) 59% 70%,rgba(251,218,198,.3) 71%)}
.arch{position:absolute;right:8vw;top:14vh;width:42vw;height:62vh;border:18px solid rgba(255,239,221,.7);border-bottom:0;border-radius:50% 50% 0 0;box-shadow:0 0 60px rgba(255,255,255,.6)}
.garden-copy{position:absolute;z-index:3;left:7vw;top:16vh;width:36vw}.garden-copy h2{font-size:clamp(28px,3.2vw,48px);font-weight:500;line-height:1.5}.garden-copy p,.garden-copy small{line-height:1.8}
.world{position:absolute;inset:0}.hotspot{position:absolute;border:0;background:transparent;color:var(--ink);cursor:pointer;transition:.35s}.hotspot span{display:block;font-size:34px;filter:drop-shadow(0 4px 5px rgba(70,50,35,.16))}.hotspot b{display:block;opacity:0;background:rgba(255,249,238,.88);padding:5px 10px;border-radius:14px;transition:.3s;font-weight:500}.hotspot:hover{transform:translateY(-6px)}.hotspot:hover b,.hotspot.found b{opacity:1}.hotspot.found{filter:saturate(.6);opacity:.45;pointer-events:none}
.tea{left:57%;top:61%}.bench{left:72%;top:54%}.lamp{left:84%;top:42%}.flowers{left:45%;top:48%}.shells{left:80%;top:78%}.birds{left:68%;top:23%}.steps{left:56%;top:39%}.laugh{left:91%;top:63%}.courage{left:38%;top:70%}
.travel-table{position:absolute;z-index:4;left:7vw;bottom:5vh;width:38vw;min-height:145px;padding:20px 26px;background:rgba(255,248,235,.84);border:1px solid rgba(140,100,70,.18);border-radius:55% 45% 8% 8%/20% 20% 8% 8%;box-shadow:0 18px 50px rgba(74,53,35,.13)}.travel-table p{margin:0 0 10px;font-size:13px}.travel-table #tray{display:flex;gap:12px;min-height:45px}.token{padding:10px 15px;background:#fff4df;border-radius:50%;box-shadow:0 6px 14px rgba(80,55,30,.13);animation:land .45s ease}.travel-table button{float:right;border:0;background:transparent;color:inherit;cursor:pointer}.travel-table button:disabled{opacity:.2}
@keyframes land{from{transform:translateY(-25px) scale(.7);opacity:0}}
#choice{background:linear-gradient(155deg,#f9eadf,#fff9ef 52%,#e5eee5)}.choice-copy{position:absolute;left:9vw;top:28vh}.choice-copy h2{font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.45}.choice-table{position:absolute;right:8vw;top:32vh;width:44vw;height:36vh;display:flex;align-items:center;justify-content:center;gap:3vw;background:radial-gradient(ellipse,#e1cdb0 0 55%,transparent 57%)}.choice-token{border:0;background:#fff3dc;padding:24px 30px;border-radius:48% 52%;font-size:22px;color:inherit;box-shadow:0 14px 30px rgba(80,55,35,.14);cursor:pointer;transition:1s}.choice-token.keep{transform:scale(1.2);box-shadow:0 20px 40px rgba(80,55,35,.2)}.choice-token.release-left{transform:translate(-160px,-80px) rotate(-22deg);opacity:0}.choice-token.release-right{transform:translate(160px,70px) rotate(18deg);opacity:0}.choice-note{position:absolute;bottom:8vh;left:0;right:0;text-align:center;font-size:13px;color:#88766b}
#ritual{background:radial-gradient(circle at 30% 50%,#f4c6bc 0 2%,transparent 25%),linear-gradient(145deg,#fff8ec,#f4e9df)}.single-seed{position:absolute;left:20vw;top:43vh;width:110px;height:70px;border-radius:50%;background:#d9a845;display:grid;place-items:center;box-shadow:0 0 50px rgba(220,174,69,.32)}.single-seed span{position:absolute;top:85px;font-size:22px}.ritual-card{position:absolute;right:10vw;top:25vh;width:min(560px,48vw)}.ritual-card h2{font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.5}.ritual-card textarea{width:100%;height:130px;padding:20px;border:0;border-bottom:1px solid #bfae98;background:rgba(255,255,255,.45);resize:none;outline:none}.ritual-card button,.end-actions button{border:1px solid #68564a;background:#59473e;color:white;padding:13px 26px;border-radius:30px;margin-top:22px;cursor:pointer}.ritual-card button:disabled{opacity:.3}
#growth{background:linear-gradient(#fff8ee 0 45%,#f4d8d0 46% 48%,#e8d6bd 75%)}.growth-copy{position:absolute;top:11vh;left:0;right:0;text-align:center}.plant-svg{position:absolute;left:50%;bottom:-1vh;transform:translateX(-50%);width:min(1000px,96vw);height:75vh}.plant-svg path{fill:none;stroke:#71866f;stroke-width:7;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900}.plant-svg ellipse{fill:#809679;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.1)}#growth.active .stem{animation:draw 2.6s .7s ease forwards}#growth.active .twig{animation:draw 1.4s 2.2s ease forwards}#growth.active .leaf{animation:leaf .8s 3s ease forwards}#growth.active .bridge{animation:draw 1.2s 3.2s ease forwards}#growth.active .shared{animation:leaf 1s 4s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes leaf{to{opacity:1;transform:scale(1)}}
.new-word{position:absolute;left:0;right:0;top:28%;text-align:center;font-size:22px;opacity:0}#growth.active .new-word{animation:fade 1s 4.2s forwards}.growth-result{position:absolute;left:8vw;top:31vh;opacity:0}#growth.active .growth-result{animation:fade 1.2s 4.7s forwards}.growth-result h2{font-size:clamp(36px,4vw,58px);font-weight:500}.carry{position:absolute;right:8vw;bottom:8vh;border:0;background:transparent;font:inherit;color:inherit;opacity:0;cursor:pointer}#growth.active .carry{animation:fade 1s 5.3s forwards}@keyframes fade{to{opacity:1}}
#departure{background:radial-gradient(circle at 50% 35%,#fff 0 10%,transparent 42%),linear-gradient(145deg,#f8dcd3,#fff7e9)}.keepsake{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-1deg);width:min(470px,82vw);min-height:570px;padding:60px 42px;text-align:center;background:#fffaf0;border:1px solid #dfc7b7;box-shadow:0 30px 70px rgba(78,50,38,.18)}.keepsake h2{font-size:54px;font-weight:500;margin:40px 0 8px}.mini-plant{font-size:48px;color:#71866f}.keepsake blockquote{margin:34px 0;line-height:1.8}.keepsake small{line-height:1.8}.keepsake footer{margin-top:50px;font-size:11px;letter-spacing:.18em}.end-actions{position:absolute;right:8vw;bottom:7vh}.end-actions button+button{background:transparent;color:var(--ink)}
@media(max-width:760px){.brand{top:14px}.arrival-copy{left:7vw;top:16vh}.arrival-copy h1{font-size:38px}.portal{right:9vw;top:48vh;width:55vw;height:40vh}.garden-copy{left:6vw;top:10vh;width:75vw}.garden-copy h2{font-size:30px}.arch{right:-10vw;top:29vh;width:85vw;height:50vh}.travel-table{left:4vw;bottom:2vh;width:92vw}.hotspot span{font-size:27px}.tea{left:55%;top:59%}.bench{left:76%;top:54%}.lamp{left:87%;top:42%}.flowers{left:35%;top:51%}.shells{left:82%;top:72%}.birds{left:72%;top:31%}.steps{left:55%;top:42%}.laugh{left:90%;top:62%}.courage{left:25%;top:69%}.choice-copy{left:7vw;top:13vh}.choice-copy h2{font-size:34px}.choice-table{left:5vw;right:5vw;top:52vh;width:90vw;height:28vh;gap:3vw}.choice-token{font-size:18px;padding:18px}.ritual-card{left:7vw;right:7vw;top:42vh;width:auto}.single-seed{left:50%;transform:translateX(-50%);top:22vh}.growth-result{left:7vw;top:18vh}.plant-svg{height:68vh}.carry{bottom:4vh}.keepsake{min-height:62vh;padding:45px 25px}.end-actions{left:0;right:0;text-align:center;bottom:2vh}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* v3 — visual identity + clickability */
.brand-logo{width:132px;height:auto;display:block}.brand small{padding-top:6px}
#arrival,#garden,#choice,#ritual,#growth,#departure{
  background-color:#fff7ed;
}
#arrival:after,#garden:after,#choice:after,#ritual:after,#growth:after,#departure:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(rgba(255,248,239,.72),rgba(255,248,239,.72)),
    url("valentine-master-visual.png") center/cover no-repeat;
  opacity:.42;
}
#garden:after{opacity:.55;background:
  linear-gradient(90deg,rgba(255,247,236,.93) 0 32%,rgba(255,247,236,.34) 52%,rgba(255,247,236,.18) 100%),
  url("valentine-master-visual.png") center/cover no-repeat;
}
.scene>*{z-index:2}.scene:after{z-index:0}
#garden .sky,#garden .arch{display:none}
.memory-garden{
  position:absolute;z-index:4;right:4vw;top:14vh;width:57vw;height:64vh;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  padding:26px;border:1px solid rgba(121,83,59,.16);border-radius:38px;
  background:rgba(255,249,240,.72);backdrop-filter:blur(9px);
  box-shadow:0 25px 70px rgba(91,57,40,.12);
}
.memory-card{
  position:relative;border:1px solid rgba(123,83,59,.16);border-radius:24px;
  background:rgba(255,251,244,.9);color:var(--ink);padding:20px 16px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  text-align:left;cursor:pointer;min-height:128px;transition:.28s ease;
  box-shadow:0 8px 22px rgba(83,54,36,.08);
}
.memory-card:hover{transform:translateY(-5px);border-color:rgba(205,143,124,.65);box-shadow:0 15px 34px rgba(83,54,36,.14)}
.memory-card:focus-visible{outline:3px solid rgba(215,169,63,.45);outline-offset:3px}
.memory-card .card-icon{font-size:27px;margin-bottom:8px;color:#b57c69}
.memory-card b{font-size:22px;font-weight:500}.memory-card small{margin-top:7px;line-height:1.5;color:#7e6b61}
.memory-card.found{background:#f6e4dc;border-color:#d6a796;transform:scale(.97);opacity:.58;pointer-events:none}
.travel-table{z-index:6;width:34vw;background:rgba(255,250,242,.94)}
.card-logo{width:118px;height:auto;display:block;margin:0 auto 8px}.keepsake footer span{display:block}
@media(max-width:760px){
 .brand-logo{width:105px}.memory-garden{left:4vw;right:4vw;top:30vh;width:auto;height:50vh;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;border-radius:24px;overflow:auto}
 .memory-card{min-height:105px;padding:14px}.memory-card b{font-size:19px}.memory-card small{font-size:12px}
 .garden-copy{width:88vw}.travel-table{width:92vw;bottom:1vh;min-height:112px;padding:14px 18px}
}

/* v4 — scene-object discovery: visual exploration without tiny hit targets */
.memory-garden{display:none!important}
.memory-world{position:absolute;z-index:5;right:3vw;top:12vh;width:61vw;height:67vh}
.memory-object{position:absolute;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:0;min-width:112px;min-height:96px;transition:.28s ease}
.memory-object:before{content:"";position:absolute;inset:-18px;border-radius:50%;background:rgba(255,248,238,.01);transition:.28s}
.memory-object:hover:before,.memory-object:focus-visible:before{background:rgba(255,248,238,.68);box-shadow:0 8px 32px rgba(91,57,40,.13)}
.memory-object:hover{transform:translateY(-5px) scale(1.035)}.memory-object:focus-visible{outline:none}
.object-art{position:relative;z-index:2;display:block;min-height:48px;font-size:36px;color:#9a6b5c;filter:drop-shadow(0 4px 5px rgba(70,50,35,.12))}
.object-label{position:relative;z-index:3;display:block;margin-top:7px;padding:7px 11px;border-radius:16px;background:rgba(255,249,240,.88);box-shadow:0 5px 18px rgba(80,55,35,.08);opacity:.78;transition:.25s}
.object-label b{display:block;font-size:18px;font-weight:500}.object-label small{display:none;max-width:180px;margin-top:4px;line-height:1.45}
.memory-object:hover .object-label,.memory-object:focus-visible .object-label{opacity:1}.memory-object:hover .object-label small,.memory-object:focus-visible .object-label small{display:block}
.memory-object.found{opacity:.28;transform:scale(.92);pointer-events:none;filter:saturate(.4)}
.obj-tea{left:35%;top:58%}.obj-bench{left:63%;top:51%}.obj-flower{left:18%;top:46%}.obj-shell{left:74%;top:76%}.obj-birds{left:55%;top:10%}.obj-steps{left:40%;top:32%}.obj-stars{left:84%;top:48%}.obj-lamp{left:80%;top:23%}.obj-path{left:7%;top:70%}
.tea-art{height:48px}.tea-art i{display:inline-block;width:32px;height:24px;margin:9px 5px 0;border:3px solid #9a6b5c;border-radius:4px 4px 13px 13px;background:rgba(255,246,229,.8)}.tea-art i:after{content:"";display:block;width:9px;height:11px;border:2px solid #9a6b5c;border-left:0;border-radius:0 8px 8px 0;transform:translate(29px,3px)}
.bench-art{width:92px;height:34px;margin:auto;border-top:7px solid #a67b64;border-bottom:5px solid #a67b64}.bench-art:before,.bench-art:after{content:"";position:absolute;width:5px;height:27px;background:#8c6a58;bottom:0}.bench-art:before{left:28px}.bench-art:after{right:28px}
.flower-art{font-size:52px;color:#df9e9d}.shell-art{font-size:49px;color:#c49b76}.birds-art{font-size:32px}.stars-art{color:#d2a13e}.lamp-art{font-size:50px;color:#8c7d69}.path-art{font-size:48px;color:#b9876d}
#garden .travel-table{left:4vw;width:32vw;bottom:5vh}
@media(max-width:760px){
 .memory-world{left:2vw;right:2vw;top:29vh;width:96vw;height:51vh}
 .memory-object{min-width:88px;min-height:72px;transform:scale(.86)}
 .memory-object:hover{transform:translateY(-3px) scale(.9)}
 .object-label b{font-size:16px}.object-label small{display:none!important}
 .obj-tea{left:35%;top:55%}.obj-bench{left:65%;top:48%}.obj-flower{left:8%;top:42%}.obj-shell{left:73%;top:72%}.obj-birds{left:51%;top:4%}.obj-steps{left:36%;top:25%}.obj-stars{left:81%;top:35%}.obj-lamp{left:72%;top:10%}.obj-path{left:4%;top:68%}
 #garden .travel-table{left:4vw;width:92vw;bottom:1vh}
}

/* v5 — hard scene isolation: no ghost stacking */
.scene{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
  isolation:isolate;
}
.scene.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:10!important;
}
.scene:not(.active) *{pointer-events:none!important}

/* Valentine warm palette — sampled conceptually from master visual:
   warm ivory / blush peach / dusty rose / cocoa / muted gold / sage */
:root{
  --ink:#56382f;
  --cream:#fff8ef;
  --blush:#f3d2c8;
  --peach:#f5c7b6;
  --rose:#d99087;
  --rose-deep:#b96f69;
  --gold:#d7aa48;
  --sage:#9ba58b;
  --paper:#fffaf3;
}
body{background:#fff8ef;color:var(--ink)}
#arrival,#garden,#choice,#ritual,#growth,#departure{
  background:
    radial-gradient(circle at 78% 16%,rgba(255,255,255,.88),transparent 25%),
    radial-gradient(circle at 8% 12%,rgba(239,183,173,.34),transparent 24%),
    radial-gradient(circle at 92% 86%,rgba(245,199,182,.34),transparent 27%),
    linear-gradient(145deg,#fff9f0 0%,#f9e7df 48%,#f5d8ce 100%)!important;
}
/* Do NOT paste the poster itself behind every scene. Use its visual language only. */
#arrival:after,#garden:after,#choice:after,#ritual:after,#growth:after,#departure:after{
  background:
    radial-gradient(circle at 10% 12%,rgba(224,145,137,.18),transparent 17%),
    radial-gradient(circle at 90% 10%,rgba(239,183,173,.24),transparent 20%),
    radial-gradient(circle at 84% 82%,rgba(215,170,72,.09),transparent 18%)!important;
  opacity:1!important;
}
/* Warm seasonal portal — remove cold cyan */
.portal{
  background:
    radial-gradient(circle at 52% 23%,rgba(255,255,255,.86),transparent 22%),
    linear-gradient(180deg,#f7c8bc 0 30%,#efb5aa 31% 48%,#f4d6c1 49% 70%,#e7c59d 71% 100%)!important;
  border-color:#fff5e9!important;
  box-shadow:0 28px 80px rgba(125,76,62,.22),0 0 0 1px rgba(185,111,105,.35)!important;
}
.portal .branch{color:#cf817b!important;text-shadow:50px 15px #e7a59e,-35px 45px #f0beb4!important}
.portal:hover{box-shadow:0 34px 100px rgba(125,76,62,.28),0 0 48px rgba(217,144,135,.42)!important}

/* Garden: warm watercolor landscape rather than blue/green blocks */
#garden{
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.9),transparent 22%),
    linear-gradient(180deg,#f8ddd5 0 31%,#f3d5c5 32% 50%,#e7d8c0 51% 67%,#edcbb4 68% 100%)!important;
}
#garden:before{
  background:
    radial-gradient(circle at 88% 18%,rgba(217,144,135,.25),transparent 16%),
    radial-gradient(circle at 68% 28%,rgba(244,194,184,.32),transparent 20%),
    radial-gradient(circle at 92% 62%,rgba(215,170,72,.11),transparent 18%),
    radial-gradient(circle at 54% 72%,rgba(155,165,139,.13),transparent 24%)!important;
}
.memory-world{
  background:rgba(255,249,242,.25);
  border-radius:40px;
}
.object-label{background:rgba(255,249,241,.94)!important;color:#5a3a31!important}
.memory-object:hover:before,.memory-object:focus-visible:before{
  background:rgba(255,241,232,.78)!important;
  box-shadow:0 8px 34px rgba(134,83,66,.15)!important
}
.flower-art{color:#d98984!important}.stars-art{color:#d7aa48!important}
.travel-table{background:rgba(255,248,238,.95)!important;border-color:rgba(185,111,105,.18)!important}
.token{background:#f8e0d6!important;color:#67443a!important}
#choice{background:linear-gradient(150deg,#fff8ef,#f8e1d8 56%,#f3d3c8)!important}
.choice-table{background:radial-gradient(ellipse,#ead0bd 0 55%,transparent 57%)!important}
.choice-token{background:#f8dfd3!important;color:#5b3a31!important}
#ritual{background:radial-gradient(circle at 28% 48%,rgba(217,144,135,.27),transparent 25%),linear-gradient(145deg,#fff8ef,#f5ddd3)!important}
.single-seed{background:#d7aa48!important;box-shadow:0 0 52px rgba(215,170,72,.32)!important}
#growth{background:linear-gradient(#fff8ef 0 45%,#f3d0c6 46% 49%,#e7d3bb 76%)!important}
.plant-svg path{stroke:#8f9a80!important}.plant-svg ellipse{fill:#9aa38b!important}
#departure{background:radial-gradient(circle at 50% 35%,#fff 0 10%,transparent 42%),linear-gradient(145deg,#f3d1c8,#fff7eb)!important}
.keepsake{background:#fff9ef!important;border-color:#dfb6a7!important}

/* v6 — user-defined relationship value */
.custom-memory{position:absolute;z-index:7;right:5vw;bottom:5vh;width:22vw;text-align:right;color:#6d4b40}
.custom-memory p{font-size:13px;margin:0 0 7px}.custom-memory>button{border:0;background:transparent;color:#a56860;cursor:pointer;border-bottom:1px solid rgba(165,104,96,.35);padding:5px 0}
.custom-input{display:none;margin-top:10px;padding:12px;border-radius:18px;background:rgba(255,249,241,.94);box-shadow:0 10px 30px rgba(91,57,40,.12)}
.custom-input.open{display:flex;gap:8px}.custom-input input{min-width:0;flex:1;border:0;border-bottom:1px solid #d2b3a5;background:transparent;padding:8px;outline:none;color:#56382f}
.custom-input button{border:0;border-radius:16px;padding:7px 11px;background:#d99087;color:white;cursor:pointer}
.memory-object.custom-created{position:relative!important;left:auto!important;top:auto!important;display:inline-flex;align-items:center;gap:8px;min-width:auto;min-height:auto;margin-top:8px;padding:11px 15px;border-radius:22px;background:#f6dfd5}
@media(max-width:760px){.custom-memory{right:4vw;bottom:13vh;width:45vw}.custom-input.open{position:fixed;left:5vw;right:5vw;bottom:16vh;width:90vw}}

/* v7 — make custom answer a first-class choice, not a tiny utility link */
.custom-memory{
  right:4vw!important;bottom:4.5vh!important;width:27vw!important;
  padding:18px 20px!important;text-align:left!important;
  border:1px solid rgba(185,111,105,.28)!important;border-radius:24px!important;
  background:rgba(255,248,239,.96)!important;
  box-shadow:0 14px 40px rgba(100,61,48,.14)!important;
}
.custom-kicker{display:block;font-size:12px;letter-spacing:.08em;color:#a36c62;margin-bottom:5px}
.custom-memory p{font-size:15px!important;margin:0 0 11px!important;color:#63443b}
.custom-memory>button{
  width:100%;display:flex!important;align-items:center;gap:12px;
  padding:12px 14px!important;border:1px solid rgba(185,111,105,.35)!important;
  border-radius:18px!important;background:#f4d6cc!important;color:#5d3d35!important;
  text-align:left!important;box-shadow:0 5px 15px rgba(110,67,53,.08);
  transition:.25s!important
}
.custom-memory>button:hover{transform:translateY(-2px);background:#efc9bd!important;box-shadow:0 9px 20px rgba(110,67,53,.13)}
.custom-memory .plus{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#b97069;color:#fff;font-size:25px;line-height:1}
.custom-memory>button b{display:block;font-size:17px;font-weight:600}.custom-memory>button small{display:block;margin-top:3px;font-size:12px;color:#87675e}
.custom-input{margin-top:12px!important}
@media(max-width:760px){
 .custom-memory{left:4vw!important;right:4vw!important;bottom:12vh!important;width:auto!important;padding:13px 14px!important}
 .custom-kicker{font-size:11px}.custom-memory p{font-size:13px!important;margin-bottom:7px!important}
 .custom-memory>button{padding:9px 11px!important}.custom-memory .plus{width:32px;height:32px;flex-basis:32px;font-size:21px}
 .custom-memory>button b{font-size:15px}.custom-memory>button small{font-size:11px}
}

/* v8 — custom answer lives inside the basket */
.custom-memory{display:none!important}
#garden .travel-table.basket{
  left:5vw!important;bottom:4vh!important;width:35vw!important;min-height:172px!important;
  padding:20px 24px!important;border-radius:28px!important;
  background:rgba(255,249,240,.96)!important;
  box-shadow:0 16px 45px rgba(101,63,48,.13)!important;
}
.basket-title{font-size:14px!important;letter-spacing:.08em;color:#755248;margin-bottom:12px!important}
.basket-items{display:flex;flex-wrap:wrap;gap:9px;min-height:42px!important}
.basket-custom{margin-top:9px}
.basket-custom>button{
  border:1px dashed rgba(185,111,105,.48)!important;background:rgba(244,214,204,.42)!important;
  color:#9e655e!important;border-radius:18px!important;padding:8px 12px!important;
  cursor:pointer!important;float:none!important;font-size:14px
}
.basket-custom>button span{font-size:18px;vertical-align:-1px}
.basket-custom>button:hover{background:rgba(244,214,204,.75)!important}
.basket-custom.hidden{display:none}
.basket .custom-input{display:none!important;margin-top:9px!important;padding:9px 10px!important;background:#fffaf3!important;border-radius:15px!important}
.basket .custom-input.open{display:flex!important;gap:7px}
.basket .custom-input input{flex:1;min-width:0;border:0;border-bottom:1px solid #d5b4a8;background:transparent;padding:7px;outline:none;color:#56382f}
.basket .custom-input button{border:0;border-radius:14px;background:#c98279;color:#fff;padding:7px 10px;cursor:pointer}
.basket #look{position:absolute;right:22px;bottom:18px;float:none!important}
@media(max-width:760px){
 #garden .travel-table.basket{left:4vw!important;right:4vw!important;bottom:1.5vh!important;width:auto!important;min-height:145px!important;padding:14px 16px!important}
 .basket-custom>button{font-size:13px!important;padding:6px 9px!important}
 .basket #look{right:15px;bottom:12px}
}

/* integrated with BOJIAN lobby */
.brand-home{display:block}.room-nav{margin-left:auto;display:flex;gap:16px;align-items:center}.room-nav a,.end-link{color:#6d4b40;text-decoration:none;font-size:13px;border-bottom:1px solid rgba(109,75,64,.22);padding:4px 0}.room-nav a:hover,.end-link:hover{color:#b56f67}.end-actions{flex-wrap:wrap}.end-link{display:inline-flex;align-items:center;justify-content:center;margin:6px 8px}.line-link{color:#65735d}@media(max-width:760px){.room-nav{gap:10px}.room-nav a{font-size:11px}.brand small{display:none}}