:root{--ground:#0a1f3d;--panel:#0e2d5b;--cream:#f6efe4;--dim:rgba(246,239,228,0.72);--faint:rgba(246,239,228,0.45);--rule:rgba(246,239,228,0.14);--free:#3bbfad;--booked:#ffb548;--private:#fdbbcb;--private-2:#f3adbf;--serif:"Lora",Georgia,serif;--sans:"Noto Sans",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--ground);color:var(--cream);overflow:hidden}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:none}.viewport{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.stage{width:1920px;height:1080px;flex:none;transform-origin:center center;display:flex;flex-direction:column;background:var(--ground)}.head{display:flex;align-items:center;gap:48px;padding:44px 80px 28px}.logo{height:140px;width:auto}.titles{flex:1 1}.eyebrow{font-weight:600;font-size:22px;letter-spacing:.22em;text-transform:uppercase;color:var(--booked);margin-bottom:10px}.headline{font-family:var(--serif);font-style:italic;font-weight:500;font-size:64px;line-height:1.05}.clock{text-align:right}.time{font-family:var(--serif);font-size:104px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.date{font-size:20px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:10px}.board{flex:1 1;display:flex;flex-direction:column;padding:0 80px;min-height:0}.axis,.lane{display:grid;grid-template-columns:460px 1fr}.axis{height:40px;border-bottom:1px solid var(--rule)}.axis-track{position:relative}.tick{position:absolute;bottom:10px;transform:translateX(-50%);font-size:18px;letter-spacing:.08em;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lane{flex:1 1;border-bottom:1px solid var(--rule);min-height:0}.lane-label{display:flex;align-items:center;gap:22px;padding-right:28px}.icon{color:var(--cream);opacity:.9;display:inline-flex}.name{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.15}.status{font-size:20px;margin-top:4px;letter-spacing:.02em}.status-free{color:var(--free);font-style:italic;font-weight:500}.status-booked,.status-full{color:var(--booked)}.status-private{color:var(--private)}.status-closed{color:var(--faint)}.track{position:relative;margin:14px 0}.gridline{width:1px;background:var(--rule)}.gridline,.past{position:absolute;top:-14px;bottom:-14px}.past{left:0;background:rgba(10,31,61,.55);z-index:2}.block{position:absolute;top:0;bottom:0;border-radius:6px;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:0 14px;overflow:hidden;white-space:nowrap;border:2px solid var(--ground)}.block-free{background:transparent;border:2px dashed var(--free);color:var(--free)}.block-free .block-title{font-family:var(--serif);font-style:italic;font-weight:500}.block-title{font-size:21px;font-weight:700;line-height:1.15}.block-time{font-size:17px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;opacity:.85}.now-tag{position:absolute;bottom:8px;transform:translateX(-50%);z-index:4;background:var(--cream);color:var(--ground);padding:2px 8px;border-radius:3px;font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.block-booked{background:var(--booked);color:var(--ground)}.block-private{color:var(--ground);background:repeating-linear-gradient(135deg,var(--private) 0 12px,var(--private-2) 12px 24px)}.now{position:absolute;top:-14px;bottom:-14px;width:3px;margin-left:-1.5px;background:var(--cream);z-index:3}.legend{display:flex;align-items:center;gap:14px;height:54px;font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.key{width:34px;height:18px;border-radius:4px;display:inline-block;margin-left:18px}.key:first-child{margin-left:0}.key-free{border:2px dashed var(--free)}.key-booked{background:var(--booked)}.key-private{background:repeating-linear-gradient(135deg,var(--private) 0 6px,var(--private-2) 6px 12px)}.demo{margin-left:auto;font-family:var(--serif);text-transform:none;letter-spacing:0;color:var(--faint)}.freelist{flex:1 1;padding:20px 80px;display:flex;align-items:center}.freelist ul{list-style:none;width:100%;column-count:2;column-gap:80px}.freelist li{page-break-inside:avoid;break-inside:avoid;display:flex;align-items:center;gap:26px;padding:26px 0;border-bottom:1px solid var(--rule)}.freelist .name{font-size:48px;flex:1 1}.freelist .until{font-size:24px;color:var(--free);font-style:italic}.freelist .none{font-family:var(--serif);font-style:italic;font-size:56px;color:var(--dim)}.foot{height:140px;flex:none;background:var(--cream);color:var(--ground);display:flex;align-items:center;justify-content:space-between;padding:0 80px}.cta{font-family:var(--serif);font-style:italic;font-size:46px;font-weight:500}.tagline{margin-top:10px;font-size:18px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.qr-wrap{display:flex;align-items:center;gap:26px}.qr-text{display:flex;flex-direction:column;align-items:flex-end}.qr-eyebrow{font-family:var(--serif);font-style:italic;font-size:36px;font-weight:500}.qr-sub{font-size:16px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-top:6px}.qr{width:104px;height:104px;padding:11px;background:#fff;border:2px solid var(--ground);border-radius:6px}.qr svg{width:100%;height:100%;display:block}