/* Demo pages (guest and owner): the slim demo bar, notes and the arrival veil.
   Self-contained colours: the owner page loads the dashboard's own app.css, not site.css. */
.cw-bar{position:relative;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));padding-top:max(10px,env(safe-area-inset-top,0px));background:#050504;border-bottom:1px solid rgba(201,164,92,.35);color:#F2ECE0;font:13px/1.3 'Instrument Sans',system-ui,sans-serif}
.cw-tag{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#C9A45C}
.cw-tag i{width:7px;height:7px;border-radius:50%;background:#C9A45C;animation:cwp 1.6s ease-in-out infinite}
@keyframes cwp{50%{opacity:.3}}
.cw-bar .sp{flex:1}
.cw-bar a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(242,236,224,.18);color:#F2ECE0;text-decoration:none;white-space:nowrap}
.cw-bar a:hover{border-color:#C9A45C}
.cw-bar a.gold{background:#C9A45C;border-color:#C9A45C;color:#0A0907;font-weight:600}
.cw-msg{color:#A39C8E}
@media (max-width:720px){.cw-msg{display:none}.cw-bar a{min-height:34px;padding:0 12px;font-size:12px}}
.cw-try{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:40;width:min(300px,calc(100vw - 32px));padding:18px 18px 14px;border-radius:18px;background:#0B0A08;border:1px solid rgba(201,164,92,.4);box-shadow:0 30px 70px rgba(0,0,0,.5);color:#F2ECE0;font:14px/1.45 'Instrument Sans',system-ui,sans-serif;animation:cwin .7s cubic-bezier(.2,.8,.1,1) both .8s}
@keyframes cwin{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.cw-try b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#C9A45C;margin-bottom:8px}
.cw-try ol{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px}
.cw-try a{color:#F2ECE0}
.cw-try a:hover{color:#E8D3A2}
.cw-try .x{position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#A39C8E;font-size:20px;cursor:pointer}
.cw-try.min{width:auto;padding:0;border-radius:999px;animation:none}
.cw-try.min > :not(.open){display:none}
.cw-try .open{display:none}
.cw-try.min .open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#C9A45C;font:600 13px 'Instrument Sans',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
@media (max-width:860px){.cw-try{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
.cw-note{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:60;transform:translate(-50%,30px);opacity:0;max-width:min(460px,calc(100vw - 32px));padding:12px 18px;border-radius:14px;background:#C9A45C;color:#0A0907;font:600 14px/1.4 'Instrument Sans',system-ui,sans-serif;transition:opacity .3s,transform .5s cubic-bezier(.2,.8,.1,1);pointer-events:none}
.cw-note.on{opacity:1;transform:translate(-50%,0)}
.cw-veil{position:fixed;inset:0;z-index:100;background:#0A0907;display:grid;place-items:center;transition:transform .8s cubic-bezier(.76,0,.24,1) .1s}
.cw-veil.off{transform:translateY(-100%)}
.cw-veil svg{width:56px;height:56px}
@media (max-width:620px){.cw-bar .hide-s{display:none}}