.cabinet-layout{max-width:1440px;margin:auto;padding:0 48px 28px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:36px;align-items:center}
.cabinet-scene{position:relative;isolation:isolate;min-width:0;min-height:670px;background:#191919;border:1px solid #ffffff1c;padding:26px 32px 20px;display:flex;flex-direction:column;overflow:hidden}
.cabinet-office{position:absolute;inset:60px 0 105px;width:100%;height:calc(100% - 165px);z-index:-2;opacity:.26;pointer-events:none}.cabinet-scene:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#171717 8%,#17171744 48%,#171717 89%)}
.cabinet-scene-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.15em;color:#888;border-bottom:1px solid #ffffff14;padding-bottom:21px}
.cabinet-composition{display:grid;grid-template-columns:minmax(0,1fr) 202px;gap:40px;align-items:start;flex:1;padding:34px 0 100px}.cabinet-wall{padding-top:7px;min-width:0}.cabinet-insignia,.vp-star{display:none}.wall-eyebrow{font-size:9px;color:#888;letter-spacing:.2em;margin:0 0 12px}.cabinet-wall h2{font-size:30px;font-weight:400;letter-spacing:-.045em;margin:0;color:#eee}.wall-subtitle{font-size:11px;color:#888;margin:10px 0 25px}
.cabinet-plaques{list-style:none;padding:0;margin:0;display:grid;gap:10px;text-align:left}.cabinet-plaques li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 18px;min-height:75px;background:#202020df;border:1px solid #ffffff18;transition:border-color .35s,background .35s}.plaque-number{font-size:10px;color:#777}.cabinet-plaques strong{font-size:14px;font-weight:400;display:block;overflow-wrap:anywhere;color:#ddd}.cabinet-plaques small{display:block;font-size:10px;color:#999;margin-top:7px}.plaque-gift{font-size:9px;color:#888}.cabinet-plaques li.new-member{background:#e3e3e3;color:#161616;border-color:#eee;animation:member-arrival .7s ease both}.new-member strong{color:#181818}.new-member small,.new-member .plaque-gift,.new-member .plaque-number{color:#555}
.vp-frame{border:1px solid #999;padding:23px 17px 20px;text-align:center;background:#1d1d1df5;box-shadow:0 0 0 5px #161616,0 0 0 6px #ffffff18;transition:background .5s,border-color .5s}.vp-frame p{font-size:10px;line-height:1.7;letter-spacing:.13em;margin:0 0 20px;color:#ccc}.vp-avatar{height:90px;width:90px;margin:0 auto 20px;border-radius:50%;border:1px solid #ffffff24;background:#303030;display:grid;place-items:center;font-size:27px;font-weight:400;color:#ddd;letter-spacing:-.05em}.vp-frame strong{display:block;font-size:15px;font-weight:400;overflow-wrap:anywhere}.vp-frame>span{display:block;font-size:10px;color:#999;margin-top:9px;line-height:1.5}.vp-frame>small{display:block;border-top:1px solid #ffffff18;padding-top:15px;margin-top:20px;font-size:7px;letter-spacing:.09em;color:#888;line-height:1.6}.vp-frame.updated{background:#e3e3e3;border-color:#fff;color:#171717;animation:vp-arrival .7s ease both}.vp-frame.updated p,.vp-frame.updated>span,.vp-frame.updated>small{color:#555}.vp-frame.updated .vp-avatar{background:#d0d0d0;color:#222;border-color:#aaa}.vp-frame.updated>small{border-color:#0002}
.gift-arrival{position:absolute;left:32px;bottom:165px;display:flex;gap:15px;align-items:center;min-width:280px;padding:17px 21px;background:#e9e9e9;color:#191919;border:1px solid #fff;box-shadow:0 10px 35px #0006;opacity:0;transform:translateY(24px);transition:opacity .45s,transform .65s;pointer-events:none;z-index:3}.gift-arrival.show{opacity:1;transform:translateY(0)}.gift-symbol{font-size:32px;line-height:1;width:37px;text-align:center}.gift-arrival strong{font-size:13px;font-weight:500;display:block}.gift-arrival div>span{font-size:10px;color:#666;display:block;margin-top:6px}.gift-arrival b{font-weight:500;color:#222}.gift-count{font-size:18px;margin-left:13px}
.promotion-flight{position:absolute;left:calc(100% - 133px);top:calc(50% - 17px);z-index:4;opacity:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;transform:translate(-50%,90px) scale(.65)}.promotion-flight>span{height:70px;width:70px;border-radius:50%;display:grid;place-items:center;background:#eee;color:#181818;border:1px solid #fff;font-size:22px;box-shadow:0 8px 30px #0007}.promotion-flight small{background:#eee;color:#222;white-space:nowrap;padding:6px 8px;margin-top:7px;font-size:7px;letter-spacing:.08em}.promotion-flight.flying{animation:promotion-to-frame 1.4s cubic-bezier(.2,.7,.2,1) both}
.cabinet-event{border-top:1px solid #ffffff19;padding-top:17px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;min-height:55px}.event-label{font-size:8px;letter-spacing:.15em;color:#888}.cabinet-event p{font-size:11px;line-height:1.6;margin:0;color:#ccc;min-height:36px;display:flex;align-items:center}.event-badge{border:1px solid #ffffff25;font-size:8px;letter-spacing:.1em;padding:7px 9px;color:#bbb;white-space:nowrap}
.cabinet-playback{display:flex;gap:17px;align-items:center;margin-top:18px}.cabinet-playback button{min-width:118px;padding:10px 13px;font-size:10px;border:1px solid #ffffff30;background:#eee;color:#181818}.cabinet-timeline{height:2px;flex:1;background:#ffffff20}.cabinet-timeline span{height:100%;display:block;width:0;background:#ddd}.cabinet-playback>span{font-size:9px;font-variant-numeric:tabular-nums;color:#999}.cabinet-disclaimer{font-size:8px;color:#777;margin:19px 0 0;text-align:center;line-height:1.5;letter-spacing:.04em}
.cabinet-controls h2{font-size:20px;font-weight:400;margin:0 0 20px;letter-spacing:-.03em}.cabinet-example-label{margin-top:27px}.cabinet-gifts{display:grid;gap:8px}.cabinet-gifts button{display:grid;grid-template-columns:1fr auto;text-align:left;padding:14px 15px;gap:6px;border:1px solid #ffffff20;background:transparent;color:#ddd}.cabinet-gifts button>span:first-child{font-size:12px}.cabinet-gifts small{font-size:9px;color:#888;grid-row:2}.cabinet-gifts button>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#888}.cabinet-gifts button[aria-pressed=true]{border-color:#ccc;background:#e2e2e2;color:#181818}.cabinet-gifts button[aria-pressed=true] small{color:#555}.cabinet-reset{margin-top:11px;width:100%;font-size:10px}.cabinet-controls .note{margin-top:20px}.slide-nav a{white-space:nowrap}
@keyframes member-arrival{from{opacity:.2;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}@keyframes promotion-to-frame{0%{opacity:0;transform:translate(-50%,90px) scale(.65)}20%{opacity:1}75%{opacity:1;transform:translate(-50%,-120px) scale(1)}100%{opacity:0;transform:translate(-50%,-130px) scale(.8)}}@keyframes vp-arrival{from{opacity:.5;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:1150px){.cabinet-layout{padding:0 24px 28px;gap:25px;grid-template-columns:minmax(0,1fr) 210px}.cabinet-scene{padding:23px}.cabinet-composition{grid-template-columns:minmax(0,1fr) 170px;gap:24px}.cabinet-plaques li{padding:16px 12px;gap:8px}.plaque-gift{display:none}.promotion-flight{left:calc(100% - 108px)}.gift-arrival{left:23px}}
@media(max-width:800px){.cabinet-layout{grid-template-columns:1fr;padding:0 20px 30px}.cabinet-scene{min-height:660px}.cabinet-controls{padding-top:8px}.cabinet-gifts{grid-template-columns:repeat(3,minmax(0,1fr))}.cabinet-gifts button{padding:13px 10px}.cabinet-gifts button>span:last-child{display:none}.slide-nav{right:12px;max-width:calc(100vw - 24px);overflow-x:auto}.slide-nav a{font-size:9px;padding:9px 7px}}
@media(max-width:480px){.cabinet-scene{padding:18px 14px;min-height:740px}.cabinet-composition{grid-template-columns:minmax(0,1fr) 118px;gap:12px;padding-top:26px}.cabinet-wall h2{font-size:22px}.wall-eyebrow{font-size:7px}.wall-subtitle{font-size:9px;line-height:1.5}.cabinet-plaques li{grid-template-columns:1fr;padding:12px 9px;gap:5px;min-height:86px}.cabinet-plaques strong{font-size:11px}.cabinet-plaques small{font-size:8px;line-height:1.4}.plaque-number{font-size:8px}.vp-frame{padding:16px 9px}.vp-frame p{font-size:7px}.vp-avatar{width:64px;height:64px;font-size:20px}.vp-frame strong{font-size:11px}.vp-frame>span{font-size:8px}.vp-frame>small{font-size:6px}.cabinet-scene-top{font-size:7px}.gift-arrival{left:14px;right:14px;min-width:0;padding:14px;bottom:185px}.promotion-flight{left:calc(100% - 73px)}.cabinet-event{grid-template-columns:1fr auto}.event-label{grid-column:1/-1}.cabinet-playback{gap:10px}.cabinet-playback button{min-width:104px;font-size:9px}.cabinet-playback>span{font-size:8px}.cabinet-gifts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cabinet-plaques li,.vp-frame,.gift-arrival{transition:none}.cabinet-plaques li.new-member,.vp-frame.updated{animation:none}.promotion-flight.flying{animation:none}}
.promotion-flight{left:0;top:0;transform:translate(var(--from-x,70px),var(--from-y,500px)) translate(-50%,-50%) scale(.8)}
@keyframes promotion-to-frame{0%{opacity:0;transform:translate(var(--from-x),var(--from-y)) translate(-50%,-50%) scale(.8)}15%{opacity:1}80%{opacity:1;transform:translate(var(--to-x),var(--to-y)) translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(var(--to-x),var(--to-y)) translate(-50%,-50%) scale(1.1)}}