/* Five surface directions, with a single unchanged timer / signup action. */
#drop-dock{isolation:isolate;--dock-ink:#f5eee3;--dock-muted:#c8c8c5;--dock-accent:#e2c386;color:var(--dock-ink)}
#drop-dock .dock-date{color:var(--dock-accent)}#drop-dock .dock-timer small{color:var(--dock-muted)}
#drop-dock[data-surface="navy"]{background:linear-gradient(180deg,#172330e0,#111c29f5);border-color:#e0d3b020;box-shadow:0 8px 30px #12233118;backdrop-filter:blur(18px)}
#drop-dock[data-surface="glass"]{--dock-ink:#263b43;--dock-muted:#5b6b6c;--dock-accent:#697367;background:#fffdf2bd;border-color:#fffaf3a0;box-shadow:0 4px 28px #2b3e4312;backdrop-filter:blur(22px) saturate(1.15)}
#drop-dock[data-surface="glass"] button{background:#263c43;color:#fff8e8}
#drop-dock[data-surface="smoke"]{background:#18303b9e;border-color:#eff6ef38;box-shadow:0 5px 25px #152f341c;backdrop-filter:blur(24px) saturate(.8)}
#drop-dock[data-surface="champagne"]{--dock-ink:#3e423a;--dock-muted:#707161;--dock-accent:#7b6945;background:linear-gradient(120deg,#f9efd9d9,#e7dfc8c7);border-color:#fff9e98c;box-shadow:0 4px 28px #61523712;backdrop-filter:blur(20px)}
#drop-dock[data-surface="champagne"] button{background:#34443f;color:#fff8e8}
#drop-dock[data-surface="floating"]{--dock-ink:#263b43;--dock-muted:#5b6b6c;--dock-accent:#697367;background:#fffdf1d1;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 5px 25px #1d333426;backdrop-filter:blur(24px) saturate(1.1)}
#drop-dock[data-surface="floating"] button{background:#263c43;color:#fff8e8;border-radius:8px}
@media(max-width:800px){
 #drop-dock[data-surface="navy"]{background:transparent;backdrop-filter:none;box-shadow:none;border:0}
 #drop-dock[data-surface="navy"]:before{content:'';position:absolute;z-index:-1;inset:-40px 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,#142230d9 40%,#142230f7 74%);backdrop-filter:blur(12px);mask-image:linear-gradient(transparent,#000 45%)}
 #drop-dock[data-surface="glass"],#drop-dock[data-surface="smoke"],#drop-dock[data-surface="champagne"]{border-top-color:#ffffff45}
 #drop-dock[data-surface="floating"]{left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));padding:11px 12px;gap:9px}
 #drop-dock[data-surface="floating"] button{font-size:10px;padding:10px;gap:7px}
 #drop-dock[data-surface="floating"] .dock-timer{gap:6px}
}
#dock-lab{position:fixed;z-index:70;top:100px;right:18px;width:265px;padding:12px;background:#12212ded;border:1px solid #dbcda34d;border-radius:10px;color:#f5eee3;font:11px/1.5 'DM Sans',sans-serif;box-shadow:0 8px 30px #0002;backdrop-filter:blur(18px)}
#dock-lab summary{cursor:pointer;letter-spacing:.06em;color:#e6ce99}#dock-lab select{display:block;width:100%;margin-top:10px;background:#263440;color:#fff4dd;border:1px solid #fff4;padding:8px;font:inherit;border-radius:5px}#dock-lab p{font-size:10px;color:#c6cdcc;line-height:1.6;margin:9px 0}#dock-lab .dock-lab-actions{display:flex;gap:7px;flex-wrap:wrap}#dock-lab button,#dock-lab a{font:10px 'DM Sans';padding:7px;color:#f5e0b4;border:1px solid #fff3;border-radius:4px;background:none}#dock-lab a{margin-left:auto}body.reveal-pending #dock-lab{visibility:hidden}
@media(max-width:800px){#dock-lab{top:76px;right:12px;width:245px;padding:9px 12px}}
@media(max-width:800px){#dock-lab:not([open]){top:12px;right:10px;width:235px}}