.keepsake-panel{border:1px solid var(--scene-line);border-radius:26px;background:linear-gradient(145deg,#fffefa,#fff 75%);box-shadow:0 12px 40px #3c412a04;position:relative;scroll-margin-top:100px}
.keepsake-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 34px 0}
.keepsake-heading .eyebrow{font-size:8px;letter-spacing:2.2px;color:#a7a08e}
.keepsake-heading h2{font-size:24px;font-weight:500;letter-spacing:-.6px;color:var(--scene-ink);margin:11px 0 0;line-height:1.6}
.person-peach{--person-color:#cc907b;--person-light:#f4d6b5;--person-dark:#b37b67}
.person-sage{--person-color:#89a88e;--person-light:#ccdbba;--person-dark:#648673}
.keepsake-people{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;color:#9c9685}
.keepsake-people>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.keepsake-people i{width:8px;height:8px;background:var(--person-color);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--person-color) 10%,transparent)}
.keepsake-people small{font-size:10px;color:#b1ab9b;font-variant-numeric:tabular-nums}
.jar-scene{position:relative;min-height:525px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 10px 30px}
.jar-aura{position:absolute;inset:6% 12% 3%;background:radial-gradient(ellipse,#f2ead675,transparent 66%);pointer-events:none}
.jar-stage{position:relative;width:min(100%,540px);aspect-ratio:600/620;isolation:isolate}
.jar-glass{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.jar-back{z-index:0}.jar-front{z-index:3}
.jar-stars{position:absolute;inset:0;z-index:2;clip-path:polygon(33% 12%,67% 12%,67% 26%,82% 31%,87% 39%,87% 86%,83% 93%,17% 93%,13% 86%,13% 39%,18% 31%,33% 26%)}
.lucky-star{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;border:0;padding:0;background:none;cursor:pointer;transition:filter .18s;isolation:isolate;border-radius:50%}
.star-drop,.star-drop>span{display:block;width:100%;height:100%}.star-drop>span{transform:rotate(var(--star-angle,0deg))}
.star-art{width:100%;height:100%;filter:drop-shadow(0 3px 2px #79694a23);transition:filter .2s}
.lucky-star:hover{z-index:6;filter:brightness(1.09)}.lucky-star:focus-visible{outline:2px solid #b49c6a;outline-offset:3px;z-index:6}
.lucky-star.is-withdrawn .star-art{opacity:.35;filter:saturate(.35)}
.jar-empty{position:absolute;top:55%;left:20%;right:20%;text-align:center;color:#a8ad9a;font-size:14px;line-height:1.9;letter-spacing:1px;pointer-events:none}
.jar-empty span{display:block}
.jar-count{position:absolute;right:7%;bottom:18%;display:flex;align-items:baseline;gap:8px;color:#a59b85}
.jar-count strong{font-size:38px;font-weight:400;letter-spacing:-1px;color:#8e8167;font-variant-numeric:tabular-nums}.jar-count span{font-size:11px}
.keepsake-pages{display:flex;align-items:center;gap:13px;justify-content:center;color:#a49d8b;font-size:10px;padding:4px 0 15px}
.keepsake-pages .icon-btn{color:#a69a7d;width:32px;height:32px;min-width:32px;min-height:32px}
.keepsake-pages .icon-btn:first-child svg{transform:rotate(180deg)}.keepsake-pages svg{width:15px;height:15px}.keepsake-pages button:disabled{opacity:.25;cursor:default}
.receipt-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:22px 0 30px;border:1px solid var(--scene-line);border-radius:18px;background:#ffffff78}
.receipt-total{padding:20px 27px}.receipt-total+.receipt-total{border-left:1px solid var(--scene-line)}
.receipt-total>span{display:block;color:#a09b8c;font-size:10px;margin-bottom:9px}.receipt-total strong{font-size:24px;font-weight:500;color:var(--scene-ink);font-variant-numeric:tabular-nums}.receipt-total small{font-size:10px;font-weight:400;margin-left:7px;color:#a59f8e}
.receipt-list-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 17px}.receipt-list-heading h2{font-size:17px;font-weight:500;color:var(--scene-ink);margin:0}
.preference-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 23px}
.preference-category{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.preference-category .filter{display:flex;gap:7px;align-items:center;min-height:42px;padding:8px 13px;font-size:12px}
.preference-category .leaf-art{width:21px;height:22px;filter:none}
.preference-category .leaf-fill{fill:#a1b395}.preference-category .leaf-veins{opacity:.6}
.preference-subject{display:flex;gap:12px;align-items:center}.preference-subject select{border:1px solid #e1e5da;background:#ffffffd9;border-radius:10px;min-height:41px;padding:8px 29px 8px 11px;font-family:inherit;color:#617156;font-size:12px;max-width:160px}
.preference-view-switch{display:flex;align-items:center;gap:4px;border:1px solid #e4e7df;border-radius:12px;background:#f0f1eaa6;padding:4px}
.preference-view-switch button{border:0;border-radius:8px;padding:8px 12px;font-size:11px;color:#8e9781;background:transparent;min-height:33px;cursor:pointer}
.preference-view-switch button[aria-pressed=true]{background:#fff;color:var(--scene-ink);box-shadow:0 2px 6px #59432708}
.tree-stage{position:relative;width:min(100%,900px);aspect-ratio:900/640;margin:2px auto 0;isolation:isolate}
.tree-stage.is-small{aspect-ratio:740/640}
.tree-wood,.tree-leaves{position:absolute;inset:0;width:100%;height:100%}.tree-wood{pointer-events:none}.tree-leaves{pointer-events:none}
.preference-leaf{position:absolute;width:53px;height:53px;transform:translate(-50%,-90%) rotate(var(--leaf-angle,0deg));transform-origin:50% 90%;background:none;border:0;padding:0;pointer-events:auto;cursor:pointer;transition:filter .2s;will-change:filter}
.leaf-art{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 2px 2px #5c6a3720);transform-origin:50% 90%}
.leaf-fill{fill:var(--person-color,#89a88e);stroke:var(--person-dark,#648673);stroke-opacity:.28;stroke-width:.65}
.leaf-veins{stroke:#fffce9;stroke-width:.8;fill:none;opacity:.5}.leaf-stem{stroke:#ad9c7e;stroke-width:1.2;fill:none}
.preference-leaf:hover{filter:brightness(1.13);z-index:3}.preference-leaf:focus-visible{outline:1px solid #b69b67;outline-offset:2px;border-radius:50%;z-index:3}
.preference-leaf.is-selected .leaf-fill{stroke:#aa8b4c;stroke-width:2}.preference-leaf.is-selected{z-index:3}
.tree-empty{position:absolute;top:45%;left:0;right:0;text-align:center;font-size:13px;color:#a6ae98;letter-spacing:1px;pointer-events:none;background:radial-gradient(ellipse,#fffefaee,transparent 65%);padding:20px}
.tree-footer{display:flex;justify-content:space-between;align-items:center;min-height:57px;border-top:1px solid #ece7dc;margin:0 34px;padding:12px 0 18px;color:#a69e89;font-size:11px}
.tree-footer .keepsake-pages{padding:0}
.preference-detail{position:absolute;z-index:10;width:336px;border:1px solid #e5decc;border-radius:19px;background:#fffdf8f7;backdrop-filter:blur(16px);box-shadow:0 18px 55px #5b452721;overflow:auto;overscroll-behavior:contain;animation:keepsake-open .28s cubic-bezier(.2,.8,.2,1)}
.preference-detail-header{padding:20px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee6d8}
.preference-detail-header>span{display:flex;align-items:center;gap:8px;color:#9c8b6e;font-size:11px}.preference-detail-header .leaf-art{width:25px;height:25px}.preference-detail-header .icon-btn{width:30px;height:30px;min-width:30px;min-height:30px;color:#a79c84}
.preference-detail-body{padding:20px 22px}.preference-detail h3,.preference-detail-dialog h3{font-size:21px;font-weight:500;line-height:1.6;color:var(--scene-ink);margin:0 0 9px;overflow-wrap:anywhere}.preference-about{font-size:11px;color:#a29b87;margin:0 0 18px}.preference-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#7e826e;font-size:13px;line-height:1.95;margin:0}
.preference-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid #eee8dc;font-size:10px;color:#aca28b}.preference-detail-footer>div{display:flex;gap:14px}.preference-detail-footer .link-btn{font-size:11px;color:#a08763}.preference-detail-footer svg{width:14px;height:14px}
.preference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preference-card{padding:22px;border:1px solid var(--scene-line);border-radius:18px;background:#fffefac9;cursor:pointer;transition:box-shadow .2s,border-color .2s}.preference-card:hover{border-color:#bdc7b1;box-shadow:0 10px 22px #4d583807}.preference-card>header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9e9c88}.preference-card .leaf-art{width:38px;height:38px}.preference-card h3{font-size:17px;color:var(--scene-ink);font-weight:500;margin:18px 0 11px;overflow-wrap:anywhere}.preference-card p{font-size:12px;color:#949983;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.preference-card footer{font-size:10px;color:#aca591;margin-top:20px}
.preference-recycle{margin-top:25px;color:#a5a995;font-size:11px}.preference-recycle>summary{cursor:pointer;padding:12px 0;width:fit-content}.preference-recycle-list{padding:8px 20px;border:1px solid var(--scene-line);border-radius:15px;background:#fffefa99}.preference-recycle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0}.preference-recycle-row+.preference-recycle-row{border-top:1px solid #ececde}.preference-recycle-row .link-btn{font-size:11px}
.preference-type-choice{display:flex;gap:9px;margin-bottom:23px}.preference-type-choice label{position:relative;flex:1;cursor:pointer}.preference-type-choice input{position:absolute;width:1px;height:1px;opacity:0}.preference-type-choice label>span{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:1px solid #e5e8dc;border-radius:12px;color:#8b967b;font-size:12px;background:#fff}.preference-type-choice .leaf-art{width:27px;height:27px}.preference-type-choice input:checked+span{border-color:#b3c39f;background:#f0f4e9;color:#657a4f}.preference-type-choice input:focus-visible+span{outline:2px solid var(--scene-accent);outline-offset:3px}
.preferences-intro .btn{white-space:nowrap}
@keyframes keepsake-open{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:950px){.keepsake-heading{padding:26px 26px 0}.keepsake-heading h2{font-size:21px}.keepsake-people{font-size:10px;gap:12px}.jar-count{right:4%}.preference-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.keepsake-heading{flex-wrap:wrap;gap:17px}.keepsake-heading>div:first-child{width:100%}.jar-count{right:4%;bottom:10%;display:block}.jar-count strong{font-size:27px}.jar-count span{display:block;margin-top:5px;font-size:9px}.preference-detail{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 30px)!important;max-height:none!important;margin:0 15px 22px}.tree-stage:has(.preference-detail){aspect-ratio:auto;padding-top:72%}.tree-stage.is-small:has(.preference-detail){padding-top:86.5%}.tree-wood,.tree-leaves{height:auto;aspect-ratio:900/640}.tree-stage.is-small .tree-wood,.tree-stage.is-small .tree-leaves{aspect-ratio:740/640}.tree-wood{object-fit:fill}.tree-empty{top:35%}.bottom-nav .nav-link{flex:1;min-width:0;padding:8px 4px 7px;font-size:10px}.receipt-total{padding:18px 18px}.receipt-total strong{font-size:21px}}
@media(max-width:600px){.keepsake-panel{border-radius:21px}.keepsake-heading{padding:25px 22px 0;gap:16px}.keepsake-heading .eyebrow{font-size:7px;letter-spacing:1.8px}.keepsake-heading h2{font-size:19px;margin-top:10px}.keepsake-people{font-size:10px;gap:17px}.jar-scene{min-height:0;padding:0 0 23px}.jar-stage{width:100%;max-width:420px}.lucky-star{width:32px;height:32px}.jar-count{right:8%;bottom:3%;display:flex;gap:5px;align-items:baseline}.jar-count strong{font-size:22px}.jar-count span{font-size:9px}.jar-empty{font-size:11px}.receipt-totals{border-radius:15px;margin:18px 0 24px}.receipt-total{padding:16px 10px}.receipt-total>span{font-size:9px;margin-bottom:8px}.receipt-total strong{font-size:17px}.receipt-total small{font-size:8px;margin-left:3px}.receipt-list-heading{margin-top:24px}.receipt-list-heading h2{font-size:15px}.preference-toolbar{gap:14px;margin-bottom:19px}.preference-category{gap:4px;width:100%}.preference-category .filter{font-size:11px;padding:8px 10px;gap:4px;min-height:39px}.preference-category .leaf-art{width:18px;height:19px}.preference-subject{width:100%;justify-content:space-between}.preference-subject select{max-width:175px;font-size:16px}.preference-view-switch button{font-size:11px;padding:7px 11px}.preference-leaf{width:34px;height:34px}.tree-footer{margin:0 22px;font-size:10px}.preference-detail h3{font-size:19px}.preference-detail-body{padding:18px 20px}.preference-cards{grid-template-columns:1fr;gap:13px}.preferences-intro{align-items:flex-start}.preferences-intro .btn{padding:11px 15px;font-size:12px}.preference-type-choice{gap:6px}.preference-type-choice label>span{font-size:11px;padding:9px 6px}}
@media(prefers-reduced-motion:reduce){.preference-detail{animation:none}}
:root[data-scene-motion=off] .preference-detail{animation:none}