@import url('/static/base.css');
:root{--paper:#f6f3ec;--card:#fffefb;--ink:#27382f;--muted:#666a60;--line:#d9ddd2;--green:#304e3c;--pale:#e8eddf;--rust:#9e4b32;--soft:#f3e5d7;--radius:14px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b06e30;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(2.3rem,4vw,3.5rem);letter-spacing:-.04em;line-height:1.12;margin-bottom:14px}h2{font-size:1.8rem;letter-spacing:-.02em}h3{font-size:1rem}p{font-size:1rem;line-height:1.55}small,.small{font-size:.875rem;line-height:1.5}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;font-weight:700}.shell{max-width:1160px;padding:0 40px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:100px;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-family:Georgia,serif;font-weight:bold;font-size:2.1rem;letter-spacing:-.06em;text-decoration:none}.wordmark span{color:var(--rust);font-size:.55rem;vertical-align:middle;margin-left:6px}.brand{display:flex;align-items:center;gap:25px}.brand .small{border-left:1px solid var(--line);padding-left:25px;letter-spacing:.02em}.nav{display:flex;gap:26px;align-items:center;font-size:.875rem}.nav a{text-decoration:none;padding:12px 0}.nav a.active{border-bottom:2px solid var(--ink)}.intro{padding:45px 0 31px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.intro p{margin:0}.intro .eyebrow{margin-bottom:13px}.event-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.875rem}.status-pill,.tag{display:inline-flex;gap:6px;align-items:center;border-radius:5px;background:var(--pale);color:var(--green);font-size:.75rem;padding:6px 9px;line-height:1.2}.status-pill{font-size:.875rem;padding:9px 12px}.status-pill.closed,.tag.warm{background:var(--soft);color:#7e422b}.content-grid{display:grid;grid-template-columns:315px minmax(0,1fr);gap:35px;align-items:start}.personal{background:var(--green);color:var(--paper);padding:27px;border-radius:var(--radius)}.personal h2{margin:16px 0;font-size:2rem}.personal .muted{color:#d1ddce}.personal label{color:#e5ecdf}.personal input{background:#fffefb;color:var(--ink);border-color:transparent}.personal .button{background:var(--paper);color:var(--green);width:100%;border-color:var(--paper)}.personal .button.secondary{background:transparent;color:var(--paper);border-color:#8ea38c}.personal .eyebrow{color:#ccd9c4}.personal .assigned-time{font-family:Georgia,serif;font-size:2.7rem;margin:14px 0 8px}.personal .tag{background:#e4ebdc}.personal form p{margin:12px 0 0}.field{display:grid;gap:7px;margin-bottom:16px}label{font-size:.875rem;font-weight:600}input,select,textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #bfc6b8;border-radius:7px;background:var(--card);color:var(--ink)}input[type=checkbox]{width:20px;min-height:20px}textarea{min-height:75px;resize:vertical}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--green);border:1px solid var(--green);color:white;border-radius:7px;min-height:46px;padding:12px 18px;font-weight:600;font-size:.875rem;text-decoration:none}.button.secondary{background:transparent;color:var(--ink);border-color:#bfc6b8}.button.danger{background:var(--rust);border-color:var(--rust)}.button.small{min-height:40px;padding:9px 12px}.button.text{background:transparent;border-color:transparent;color:var(--ink);text-decoration:underline}.button+.button{margin-top:8px}.row-actions .button+.button{margin:0}.full{width:100%}.how{padding:27px 2px}.how h3{margin-bottom:17px}.rule{display:flex;gap:12px;margin:14px 0;align-items:flex-start}.rule .num{font-family:Georgia,serif;color:var(--rust);font-size:1.1rem}.rule p{font-size:.875rem;margin:0;color:var(--muted)}.side-note{border-top:1px solid var(--line);padding:20px 0;font-size:.875rem}.side-note a{font-weight:600}.timetable{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 25px;border-bottom:1px solid var(--line)}.section-head h2{font-size:1.65rem;margin:0}.live-label{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:6px}.live-label::before{content:'';width:6px;height:6px;background:#5d794a;border-radius:100%}.slot{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:89px;padding:18px 25px;border-bottom:1px solid #e9ebe3}.slot:last-child{border-bottom:none}.slot.now{background:var(--pale);border-left:3px solid var(--green);padding-left:22px}.slot.own{background:#f5eddf}.slot.past{opacity:.65}.slot-time{font-size:1rem;font-variant-numeric:tabular-nums}.slot-time span{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.slot-name{font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.slot-detail{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px;font-size:.875rem;color:var(--muted)}.slot .pick{color:var(--green);background:none;border:1px solid #c8d2bf;border-radius:6px;font-size:.875rem;min-height:42px;min-width:90px;padding:9px 12px}.slot .pick:hover{background:var(--pale)}.slot-name.available{font-weight:400;font-style:italic;color:var(--muted)}.table-foot{padding:19px 25px;background:#faf9f5;display:flex;justify-content:space-between;gap:15px;align-items:center}.table-foot p{margin:0;font-size:.875rem}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding:24px 0 30px;color:var(--muted);font-size:.75rem}.footer span:first-child{font-family:Georgia,serif;font-size:.9rem}.notice,.warning{padding:16px 18px;border:1px solid #d9c4a6;background:#f7ead8;border-radius:9px;margin:0 0 18px;font-size:.875rem;line-height:1.5}.notice{background:var(--card);border-color:var(--line)}.notice p{font-size:.875rem;margin:8px 0}.notice summary{cursor:pointer}.error{color:#942f24}.empty{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:50px 25px;text-align:center}.loading{display:grid;place-content:center;min-height:75vh;text-align:center;gap:20px}.mobile-note{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;background:var(--ink);color:#fff;padding:14px 22px;border-radius:9px;max-width:90vw;box-shadow:0 8px 35px #0002}#toast:empty{display:none}dialog{border:1px solid var(--line);padding:30px;border-radius:15px;width:min(560px,calc(100% - 28px));color:var(--ink);background:var(--card);max-height:85vh}dialog::backdrop{background:#17251ccb;backdrop-filter:blur(3px)}dialog h2{margin-bottom:10px}dialog ul{padding-left:20px}dialog li{line-height:1.6;margin-bottom:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:25px}.dialog-actions .button+.button{margin-top:0}.connection{background:#7f3d29;color:#fff;padding:14px 20px;text-align:center;font-size:.875rem}.host-layout{display:grid;gap:25px}.panel{padding:27px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.panel h2{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.row-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.host-toolbar{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.login{max-width:420px;margin:70px auto}.scroll-table{overflow:auto}.editor-table{border-collapse:collapse;width:100%;min-width:650px;font-size:.875rem}.editor-table th{text-align:left;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 10px;border-bottom:1px solid var(--line)}.editor-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.editor-table input,.editor-table select{min-width:90px}.editor-table td.name{min-width:130px}.editor-table input.priority{width:95px}.editor-table input.count{width:90px}.editor-table .sub{font-size:.75rem;color:var(--muted);margin-top:6px}.editor-note{margin:18px 0;font-size:.875rem;color:var(--muted)}details.host-section>summary{cursor:pointer;font-family:Georgia,serif;font-size:1.6rem;margin-bottom:14px}.audit{padding:15px 0;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.6}.audit summary{cursor:pointer}.countdown{font-variant-numeric:tabular-nums}.room{min-height:100vh;background:var(--green);color:var(--paper);padding:0 5vw 35px}.room .header{border-color:#69806a}.room .wordmark span{color:#e3b38c}.room .nav{color:#e7ecdf}.room-main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:7vw;padding:7vh 0}.room-current h1{font-size:clamp(4rem,10vw,9rem);margin:25px 0;overflow-wrap:anywhere}.room .eyebrow{color:#ccdcc2}.room .countdown{font-size:clamp(2rem,4vw,4rem);font-family:Georgia,serif}.room .room-time{font-size:1.2rem;color:#d2ddca}.room-next{padding-top:30px;border-top:1px solid #69806a;margin-top:40px}.room-next h2{font-size:2.4rem;margin:16px 0}.qr-panel{align-self:end;background:var(--paper);color:var(--ink);padding:27px;border-radius:var(--radius);text-align:center}.qr-panel img{width:220px;max-width:100%;height:auto;display:block;margin:auto}.qr-panel h2{font-size:1.8rem;margin:15px 0 10px}.qr-panel p{font-size:.875rem;margin:0}.room-queue{display:flex;gap:35px;flex-wrap:wrap;border-top:1px solid #69806a;padding-top:30px}.room-queue div{min-width:130px}.room-queue p{margin:8px 0;font-family:Georgia,serif;font-size:1.5rem}.check-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:400}.host-hint{margin-top:20px}.turn-count{font-size:2.1rem;font-family:Georgia,serif;margin-right:8px}.no-margin{margin:0}.state-line{display:flex;gap:10px;align-items:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.shell{padding:0 22px}.content-grid{grid-template-columns:260px minmax(0,1fr);gap:22px}.slot{grid-template-columns:80px minmax(0,1fr);padding:17px}.slot.now{padding-left:14px}.slot> :last-child{grid-column:2}.slot .pick{justify-self:start}.brand .small{display:none}.nav{gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-main{grid-template-columns:1fr 230px;gap:30px}}
@media(max-width:620px){.shell{padding:0 18px}.header{min-height:78px}.wordmark{font-size:1.85rem}.nav{gap:15px;font-size:.8rem}.intro{padding:29px 0 24px;align-items:flex-start}.intro h1{font-size:2.4rem}.intro .status-pill{padding:7px 8px;white-space:nowrap;margin-top:4px}.intro .eyebrow{font-size:.65rem}.content-grid{display:flex;flex-direction:column;gap:22px}.sidebar,.schedule-main{width:100%}.personal{padding:22px}.personal h2{font-size:1.65rem;margin:10px 0}.personal p{margin-bottom:15px}.how,.side-note{display:none}.personal form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.personal .field{flex:1;min-width:130px;margin:0}.personal form .button{width:auto}.personal form p{width:100%;font-size:.75rem}.section-head{padding:20px}.section-head h2{font-size:1.55rem}.slot{grid-template-columns:77px minmax(0,1fr) auto;gap:10px;padding:17px 15px;min-height:90px}.slot> :last-child{grid-column:auto}.slot.now{padding-left:12px}.slot-time{font-size:.95rem}.slot-name{font-size:1rem}.slot .pick{min-width:68px;font-size:.8rem;padding:9px}.slot-detail{font-size:.8rem}.tag{font-size:.7rem}.table-foot{padding:17px;align-items:flex-start}.table-foot .button{flex-shrink:0}.footer{margin-top:30px;font-size:.7rem;line-height:1.6;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.panel{padding:20px}.room{padding:0 22px 30px}.room-main{display:flex;flex-direction:column;padding:40px 0;gap:35px}.room-current h1{font-size:4.5rem}.room-next{margin-top:25px;padding-top:25px}.qr-panel{align-self:stretch;display:grid;grid-template-columns:110px 1fr;gap:0 18px;text-align:left;padding:18px}.qr-panel img{grid-row:1/3;width:110px}.qr-panel h2{font-size:1.5rem;margin:12px 0}.room-queue{gap:20px}.room-queue p{font-size:1.25rem}.mobile-note{display:block;margin:22px 4px 0;font-size:.875rem;color:var(--muted);line-height:1.6}.row-actions{gap:8px}dialog{padding:24px}.personal .assigned-time{font-size:2.4rem}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,opacity .15s}dialog[open]{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
.now-next{display:flex;flex-wrap:wrap;gap:12px 28px;padding:16px 25px;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.5}.now-next .muted{margin-right:7px}.full-message{padding:18px 25px;background:var(--soft)}.host-layout,.host-layout>.panel{min-width:0}.editor-table .button{white-space:nowrap}
.room .brand .muted{color:#d2ddca}.room .nav a.active{border-color:#d2ddca}
@media(max-width:360px){.header{flex-wrap:wrap;gap:0;padding:14px 0}.nav{width:100%;justify-content:space-between}.intro{flex-wrap:wrap}.slot{grid-template-columns:68px minmax(0,1fr)}.slot> :last-child{grid-column:2}.now-next{padding:15px}.table-foot{flex-wrap:wrap}}

.date-time-control{border:0;padding:0;margin:0 0 16px;min-width:0}
.date-time-control legend{font-size:.875rem;font-weight:600;padding:0;margin-bottom:7px}
.date-time-fields{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;gap:10px}
.date-time-fields>div{min-width:0}
.date-time-fields label{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-bottom:5px}
.date-time-fields input{min-width:0;font-variant-numeric:tabular-nums}
.editor-table .date-time-control{min-width:260px;margin:0}
.editor-table .date-time-control legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
