@font-face{font-family:Druk;src:url('/assets/druk.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:Helios;src:url('/assets/helios.ttf') format('truetype');font-weight:300;font-display:swap}
:root{--bg:#efefec;--ink:#111;--muted:#686868;--line:#d4d4d0;--lime:#fff;--dark:#101010}body{background:var(--bg);color:var(--ink)}header{background:#fafaf7;height:100px;border-bottom:1px solid #ccc}.brand{gap:19px}.brandlogo{display:block;width:125px;height:76px;background:url('/assets/logo.png') 53% 52%/180% auto no-repeat}.brandcaption{font-size:9px;line-height:1.5;letter-spacing:1.5px;font-weight:500;border-left:1px solid #ccc;padding-left:18px}.role{border-radius:5px;background:#e5e5e1}.role button{border-radius:3px}.role .active{background:#111;color:white;box-shadow:none}.avatar{border:1px solid #bbb;background:transparent;border-radius:3px;font-size:11px}.demo{background:#dededa;color:#545454;font-size:10px;letter-spacing:.2px}main{max-width:1320px;padding-top:30px}.topline{background:#111;color:#fff;position:relative;min-height:238px;margin-bottom:32px;padding:32px;overflow:hidden;gap:12px}.topline .eyebrow{color:#aaa;font-size:9px;letter-spacing:2px}.topline h1{font-family:Druk,Arial,sans-serif;font-size:clamp(24px,2.8vw,38px);line-height:1.3;letter-spacing:-.8px;margin:17px 0 14px}.topline .sub{font-family:Helios,Arial,sans-serif;font-size:16px;color:#ddd}.topline>div:first-child{position:relative;z-index:1;flex:1}.heroart{flex:0 0 38%;height:210px;background:url('/assets/header.jpg') center/auto 180px no-repeat;opacity:.94}h2{font-family:Druk,Arial,sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.3px}h3{font-weight:650}.sectionhead span{font-family:monospace;color:#666;font-size:10px}.wallet,.panel,.room,dialog{border-radius:4px}.wallet{background:#111;padding:25px}.wallet:after{width:180px;height:140px;background:url('/assets/logo-outline.png') 53% 52%/180% auto no-repeat;filter:invert(1);opacity:.075;box-shadow:none;border:0;border-radius:0;top:12px;right:-22px}.wallet .eyebrow{color:#aaa;font-size:9px}.wallet p{color:#aaa}.balance{font-size:52px;letter-spacing:-2px}.balance small{color:#aaa}.meter{background:#363636}.primary{background:#111;color:#fff;border-radius:3px;padding:13px 18px}.primary:hover{background:#333}.wallet .primary{background:white;color:#111}.wallet .primary:hover{background:#ddd}.rooms{gap:12px}.room{border:1px solid #cececa}.room.selected{border:1px solid #111;box-shadow:0 0 0 2px #111}.roomart,.room:nth-child(2) .roomart,.room:nth-child(3) .roomart,.room:nth-child(4) .roomart{height:106px;background:#e2e2dd;isolation:isolate}.roomart:before{background:url('/assets/logo-outline.png') 53% 52%/180% auto no-repeat;opacity:.08;transform:rotate(-12deg) scale(1.1);inset:-15px}.roomart b{font-family:Druk,Arial,sans-serif;font-size:51px;color:#171717;letter-spacing:-4px}.room.selected .roomart{background:#111}.room.selected .roomart b{color:#fff}.room.selected .roomart:before{filter:invert(1);opacity:.13}.room:nth-child(3) .roomart b,.room:nth-child(4) .roomart b{font-size:32px;letter-spacing:-2px}.roomtext{padding:15px 12px}.roomtext small{color:#707070}.roomtext span{font-family:monospace;font-size:13px}.roomtext em{font-family:Arial,sans-serif}.panel{background:#fafaf7;padding:23px}.slot{background:#fafaf7;border-color:#d2d2cf;border-radius:3px;font-family:monospace}.slot.selected{background:#111;color:#fff}.slot:hover:not(:disabled):not(.selected){background:#e2e2dd}.slot:disabled{opacity:.35;background:repeating-linear-gradient(135deg,#e4e4df,#e4e4df 2px,#f6f6f1 2px,#f6f6f1 5px)}input,select{border-radius:3px;background:#f0f0ec}.outline{border-radius:3px;background:#f5f5f1}.pill{background:#e4e4dd;color:#333;border-radius:3px}.dot,.dot.green{background:#555}.asideinfo{padding-top:26px}.asideinfo h3{font-family:Druk,Arial,sans-serif;font-size:11px;line-height:1.7}.asideinfo p{font-size:12px;color:#666}.notice{border-radius:3px;background:#e7e7e1;color:#555}.tabs button{border-radius:3px;background:#e0e0da}.tabs button.active{background:#111;color:#fff}.package{border-radius:3px;background:#fafaf7}.package.selected{border:2px solid #111;background:#e9e9e2}.package strong{font-size:15px}.close{background:#deded8;color:#111;border-radius:3px}dialog{background:#f3f3ed}.toast{border-radius:4px;background:#111}.summary strong{font-family:Druk,Arial,sans-serif;font-size:14px;letter-spacing:-.4px}.adminstats strong{font-family:Druk,Arial,sans-serif;font-size:25px;margin-top:8px}.adminstats .quiet{font-size:10px}footer{font-family:monospace;letter-spacing:.8px}.brandlogo,.heroart,.roomart:before,.wallet:after{pointer-events:none}button:focus-visible{outline-color:#555}.bookingcontrols>*{min-width:0}input{min-width:0}
@media(max-width:1050px){.heroart{flex-basis:30%;background-size:auto 145px}.topline h1{font-size:27px}.layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:650px){header{height:80px;padding:0 18px}.brandlogo{width:91px;height:58px}.brandcaption{display:none}.role button{padding:9px 10px}.demo{font-size:9px;padding:7px 14px}main{padding:18px 16px 40px}.topline{padding:24px 20px;min-height:235px;margin-bottom:20px}.topline h1{font-size:clamp(20px,5.1vw,30px);line-height:1.4;letter-spacing:-.6px}.topline .eyebrow{font-size:8px;letter-spacing:1px}.topline .sub{font-size:14px;max-width:210px}.heroart{position:absolute;right:-55px;bottom:-20px;width:200px;height:130px;background-size:auto 100px;opacity:.14}.layout{gap:23px}.wallet{padding:20px}.wallet .balance{font-size:42px}.wallet button{position:static;width:100%;padding:12px 16px!important;margin-top:15px!important}.wallet p{max-width:100%}.wallet:after{width:180px;right:-20px;top:5px}.roomart,.room:nth-child(2) .roomart,.room:nth-child(3) .roomart,.room:nth-child(4) .roomart{height:80px}.panel{padding:17px}.sectionhead{gap:9px;align-items:flex-start}h2{font-size:12px}.sectionhead span{font-size:9px;white-space:nowrap;padding-top:3px}.summary{align-items:flex-start}.summary strong{font-size:11px}.summary .primary{font-size:12px;padding:12px 10px}.adminstats strong{font-size:17px}.adminstats .quiet{font-size:8px}.tabs{gap:5px;flex-wrap:wrap}.tabs button{font-size:11px;padding:9px 11px}dialog{padding:20px}dialog h2{font-size:13px}}