.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth .card{background:var(--window);border:2px solid #000;width:100%;max-width:400px;display:flex;flex-direction:column;gap:13px;padding:0 0 22px}.auth .eyebrow{font-family:var(--font-pixel);font-size:8px;color:#fff;background:var(--accent);padding:7px 12px;border-bottom:2px solid #000}.auth h1{margin:0;padding:0 22px;font-size:13px;color:var(--heading);line-height:1.6}.auth p,.auth input,.auth button,.auth .error{margin-left:22px;margin-right:22px}.auth .quiet{font-size:12px;color:var(--ink-mute)}.auth p{margin-top:0;margin-bottom:0;font-family:var(--font-ui);font-size:13.5px;line-height:1.65}.auth button{padding:9px 14px}.auth button[type=submit]{background:var(--gold)}.auth button.ghost{background:var(--silver-light)}.auth button.switch{border:none;box-shadow:none;background:transparent;font-family:var(--font-ui);font-size:12.5px;color:var(--link);text-decoration:underline;padding:2px}.auth .error{font-family:var(--font-ui);font-size:12.5px;line-height:1.5;color:var(--error-text);background:var(--error-bg);border:2px solid var(--error-border);padding:8px 10px}@media (max-width: 640px){.auth{padding:12px}.auth .card{padding-bottom:18px}.auth h1{padding:0 16px;font-size:12px}.auth p,.auth input,.auth button,.auth .error{margin-left:16px;margin-right:16px}}.gridpage{display:grid;grid-template-columns:268px 1fr;gap:14px;align-items:start}@media (max-width: 940px){.gridpage{grid-template-columns:1fr}}.gridpage aside{display:flex;flex-direction:column;gap:12px}.layerbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.toggle{display:inline-flex;gap:4px}.toggle button{font-size:9px;padding:8px 14px}.toggle button.active{background:var(--paper);border-color:#fff;border-top-color:var(--bevel-dark);border-left-color:var(--bevel-dark);color:var(--heading)}.lockpill{font-family:var(--font-pixel);font-size:8px;color:#fff;background:var(--error-border);padding:6px 9px;border:2px solid #000}.layerbar .tip{font-family:var(--font-ui);font-size:12px;color:var(--ink-mute)}.grid-scroll{overflow:auto;max-height:70vh;background:var(--window);border:2px solid #000}table.grid{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}table.grid th,table.grid td{padding:0;border-bottom:1px solid var(--silver)}table.grid th.corner,table.grid th.rowhead{width:118px}table.grid thead th{width:58px}table.grid th.cover,table.grid td.cover{width:62px}table.grid thead th{position:sticky;top:0;z-index:3;background:var(--silver-light);color:var(--ink);font-family:var(--font-ui);font-size:12px;font-weight:700;padding:8px 7px;text-align:center;white-space:nowrap;border-bottom:2px solid #000;box-shadow:var(--raised)}table.grid thead th.self{color:var(--heading)}table.grid thead th em{font-style:normal;color:var(--error-border);margin-left:3px}table.grid th.corner{left:0;z-index:4;text-align:left;padding-left:10px;min-width:116px;font-family:var(--font-pixel);font-size:8px}table.grid th.corner,table.grid th.rowhead{position:sticky;left:0}th.rowhead{z-index:2;background:var(--paper);text-align:left;padding:7px 10px;min-width:116px;border-right:2px solid #000;box-shadow:var(--raised)}th.rowhead b{display:block;font-family:var(--font-ui);font-size:12.5px}th.rowhead span{font-family:var(--font-mono);font-size:11.5px;font-weight:700}th.rowhead.day span{color:var(--heading)}th.rowhead.night span{color:var(--link)}tr.weekend-break th,tr.weekend-break td{border-top:3px solid #000}.cell{display:block;width:100%;height:38px;overflow:hidden;border:none;background:transparent;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--ink-mute);position:relative;padding:0}.cell:disabled{cursor:default}.cell.free{background:var(--success-bg);color:var(--success-text)}.cell.unfree{background:transparent}.cell.candidate{background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--silver-light) 4px,var(--silver-light) 8px)}.cell.on{background:var(--info-bg);color:var(--info-text);box-shadow:var(--raised)}.cell.conflict{background:var(--error-bg);color:var(--error-text);box-shadow:0 0 0 2px var(--error-border) inset}.cell.mine{box-shadow:3px 0 0 var(--accent) inset}.cell.mine.on{box-shadow:3px 0 0 var(--accent) inset,var(--raised)}.cell.mine.conflict{box-shadow:0 0 0 2px var(--error-border) inset}.cell:not(:disabled):hover{filter:brightness(.94)}.cell .flag{position:absolute;top:1px;right:3px;font-size:11px}td.cover,th.cover{text-align:center;padding:0 9px;font-family:var(--font-mono);font-size:12.5px;font-weight:700}td.cover .short{color:var(--error-text)}td.cover .ok{color:var(--success-text)}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-family:var(--font-ui);font-size:12px;color:var(--ink);background:var(--warm-glow);border:2px solid #000;padding:8px 10px}.legend .sw{display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:-2px;border:1px solid var(--bevel-dark)}.legend .sw.free{background:var(--success-bg);border-color:var(--success-border)}.legend .sw.on{background:var(--info-bg);border-color:var(--link)}.legend .sw.conflict{background:var(--error-bg);border-color:var(--error-border)}.legend .codes{font-family:var(--font-mono);font-weight:700}.conflicts{margin:0 12px;padding-left:16px;font-family:var(--font-ui);font-size:12.5px;line-height:1.55;color:var(--error-text)}.conflicts li{margin-bottom:6px}.panel.hint p{font-size:12.5px}.calendar .week{margin-bottom:12px}.calendar .wklabel{font-family:var(--font-pixel);font-size:8px;color:var(--heading)}.calendar .days{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.calendar .day{background:var(--silver-light);padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:3px}.calendar .day.focus{background:var(--gold)}.calendar .day.working{background:var(--info-bg)}.calendar .dow{font-family:var(--font-pixel);font-size:7px;color:var(--ink-mute)}.calendar .num{font-family:var(--font-mono);font-size:17px;font-weight:700}.calendar .dots{display:flex;gap:4px}.calendar .dot{width:7px;height:7px;border:1px solid var(--bevel-dark);background:#fff}.calendar .dot.on.day{background:var(--gold);border-color:var(--heading)}.calendar .dot.on.night{background:var(--link);border-color:var(--link)}.calendar .dot.partial.day{background:linear-gradient(90deg,var(--gold) 50%,#fff 50%);border-color:var(--heading)}.calendar .dot.partial.night{background:linear-gradient(90deg,var(--link) 50%,#fff 50%);border-color:var(--link)}.calendar .calnote{font-family:var(--font-ui);font-size:11.5px;line-height:1.5;color:var(--ink-mute);margin-top:8px}@media (max-width: 640px){.gridpage{gap:10px}.grid-scroll{max-height:62vh}table.grid th.corner,table.grid th.rowhead{width:92px}table.grid thead th{width:50px}table.grid th.cover,table.grid td.cover{width:52px}table.grid thead th{font-size:11px;padding:7px 4px}table.grid th.corner{font-size:7px}th.rowhead{padding:6px 7px}th.rowhead b{font-size:11.5px}th.rowhead span{font-size:10.5px}.cell{height:42px;font-size:12px}.layerbar{gap:8px}.toggle{flex:1 1 100%}.toggle button{flex:1;padding:9px 8px}.layerbar .tip{display:none}.legend{gap:8px 12px;font-size:11.5px;padding:8px}.legend .codes{flex-basis:100%}.calendar .days{gap:4px}.calendar .num{font-size:15px}}.stationpage{max-width:1100px;margin:0 auto}.slotnav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:10px}.slotnav button{width:36px;height:34px;padding:0;font-size:12px}.slotlabel{text-align:center;min-width:230px}.slotlabel b{display:block;font-family:var(--font-pixel);font-size:11px;color:var(--heading)}.slotlabel span{font-family:var(--font-mono);font-size:13px;font-weight:700}.slotlabel span.day{color:var(--heading)}.slotlabel span.night{color:var(--link)}.slotlabel em{display:block;font-style:normal;font-family:var(--font-ui);font-size:11.5px;color:var(--ink-mute);margin-top:3px}.youare{text-align:center;margin:0 0 14px;font-family:var(--font-ui);font-size:13px;color:var(--info-text);background:var(--info-bg);border:2px solid var(--link);padding:8px}.stationlayout{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}@media (max-width: 880px){.stationlayout{grid-template-columns:1fr}}.mapwrap{background:var(--window);border:2px solid #000;padding:14px;overflow-x:auto}.maphint{text-align:center;font-family:var(--font-ui);font-size:12px;color:var(--ink-mute);margin:8px 0 0}svg.stationmap{display:block;width:100%;min-width:380px;max-width:560px;margin:0 auto;height:auto}svg.stationmap .furn{fill:var(--window);stroke:#000;stroke-width:2}svg.stationmap .tbl{fill:var(--heading)}svg.stationmap .ice{fill:var(--info-bg);stroke:var(--link);stroke-width:2}svg.stationmap .bkt{fill:var(--gold);stroke:var(--heading);stroke-width:2}svg.stationmap .vol{fill:var(--silver-light);stroke:var(--bevel-dark);stroke-width:2;stroke-dasharray:4 3}svg.stationmap .vol.filled{fill:var(--success-bg);stroke:var(--success-border);stroke-width:2.5;stroke-dasharray:none}svg.stationmap .vol.highlight{stroke:var(--accent);stroke-width:4}svg.stationmap .vname{font-family:var(--font-ui);font-size:12px;font-weight:700;fill:var(--ink)}svg.stationmap .lbl{font-family:var(--font-ui);font-size:11px;fill:var(--ink-mute)}svg.stationmap .tlbl{font-family:var(--font-pixel);font-size:9px;fill:#fff}svg.stationmap .ilbl{font-family:var(--font-pixel);font-size:7px;fill:var(--info-text)}svg.stationmap .flow{font-family:var(--font-pixel);font-size:7px;fill:var(--ink-mute)}svg.stationmap .fl{stroke:var(--ink-mute);stroke-width:1.5;fill:none}svg.stationmap .seat.clickable{cursor:pointer}svg.stationmap .seat.clickable:hover .vol{stroke-width:4}.brief{position:relative}.brief .close{position:absolute;top:4px;right:6px;width:20px;height:20px;padding:0;font-size:10px;line-height:1}.brief h3{padding-right:34px}.brief .summary{font-family:var(--font-ui);font-size:12.5px;color:var(--ink-mute);margin-bottom:8px!important}.brief .holder{font-family:var(--font-ui);font-size:13px;margin-bottom:10px!important}.brief ul,ul.flow{margin:0 12px;padding-left:17px;font-family:var(--font-ui);font-size:12.5px;line-height:1.6;color:var(--ink)}.brief li,ul.flow li{margin-bottom:6px}@media (max-width: 640px){.slotnav{gap:10px}.slotnav button{width:44px;height:44px}.slotlabel{min-width:0;flex:1}.slotlabel b{font-size:12px}.stationlayout{gap:10px}.mapwrap{padding:8px}svg.stationmap{min-width:300px}.brief ul,ul.flow{margin:0 10px;font-size:12.5px}.youare{font-size:12.5px}}.brief .role{font-family:var(--font-pixel);font-size:8px;color:var(--accent);margin:0 0 6px!important}.menupage{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.menubar{display:flex;gap:8px}.menubar input{flex:1;font-family:var(--font-ui);font-size:15px}.itemform{display:flex;flex-direction:column;gap:10px;padding-bottom:14px}.itemform .row{display:flex;gap:8px;flex-wrap:wrap}.itemform .row>label{flex:1 1 200px}.itemform .row>label.narrow{flex:0 1 120px}.itemform label,.itemform .formacts,.itemform .row{margin-left:12px;margin-right:12px}.itemform .row label{margin:0}.itemform label{display:flex;flex-direction:column;gap:4px;font-family:var(--font-pixel);font-size:8px;color:var(--ink-mute)}.itemform input,.itemform select,.itemform textarea{font-family:var(--font-ui);font-size:14px;padding:7px 9px;background:#fff;border:2px solid #fff;border-top-color:var(--bevel-dark);border-left-color:var(--bevel-dark)}.itemform textarea{resize:vertical}.itemform label.check{flex-direction:row;align-items:center;gap:8px;font-family:var(--font-ui);font-size:13px;color:var(--ink)}.itemform label.check input{width:auto}.formacts{display:flex;gap:8px}.formacts button.secondary{background:var(--silver-light)}.menugroup h2{font-size:10px;color:#fff;background:var(--heading);border:2px solid #000;padding:7px 10px;margin:0 0 10px}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.item{background:var(--window);border:2px solid #000;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.item.soldout{background:var(--silver-light)}.item.soldout header h3{text-decoration:line-through;color:var(--ink-mute)}.item header{display:flex;align-items:baseline;gap:10px}.item header h3{margin:0;font-size:11px;color:var(--heading);flex:1;line-height:1.5}.item .price{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--ink)}.item .soldflag{font-family:var(--font-pixel);font-size:8px;color:#fff;background:var(--error-border);padding:4px 7px;align-self:flex-start}.item .desc{font-family:var(--font-ui);font-size:13.5px;line-height:1.5;margin:0}.item .pitch{margin:0;padding:9px 11px;background:var(--warm-glow);border-left:4px solid var(--accent);font-family:var(--font-ui);font-size:13.5px;line-height:1.55;color:var(--ink)}.item .pitchlabel{display:block;margin-bottom:4px;font-family:var(--font-pixel);font-size:7px;color:var(--accent)}.item .notes{font-family:var(--font-ui);font-size:12.5px;line-height:1.45;color:var(--ink-mute);margin:0;padding-top:7px;border-top:1px dotted var(--silver)}.itemacts{display:flex;gap:6px;margin-top:2px}.itemacts button{padding:5px 9px;font-size:8px}.itemacts button.danger{color:var(--error-text)}@media (max-width: 640px){.menupage{gap:10px}.items{grid-template-columns:1fr}.menubar{flex-wrap:wrap}.menubar input{flex:1 1 100%;font-size:16px}.menubar button{width:100%}.itemform .row>label,.itemform .row>label.narrow{flex:1 1 100%}.item header h3{font-size:10px}}.adminpage{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.addform{display:flex;gap:7px;flex-wrap:wrap}.addform input{flex:1 1 170px}.addform button[type=submit]{background:var(--gold)}.addform button.secondary{background:var(--silver-light)}.formnote{font-family:var(--font-ui);font-size:12px;line-height:1.55;color:var(--ink-mute);margin-top:10px!important}.formnote b{color:var(--heading)}.adminpage .ok{font-family:var(--font-ui);font-size:12.5px;margin-top:10px!important;color:var(--success-text);background:var(--success-bg);border:2px solid var(--success-border);padding:8px 10px}.adminpage .err{font-family:var(--font-ui);font-size:12.5px;margin-top:10px!important;color:var(--error-text);background:var(--error-bg);border:2px solid var(--error-border);padding:8px 10px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.panelhead h3{margin:0 0 10px;flex:1}.acts{display:flex;gap:6px}table.roster{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:13px;table-layout:fixed}table.roster th:nth-child(1),table.roster td:nth-child(1){width:22%}table.roster th:nth-child(2),table.roster td:nth-child(2){width:32%}table.roster th:nth-child(3),table.roster td:nth-child(3){width:14%}table.roster th:nth-child(4),table.roster td:nth-child(4){width:32%}table.roster td:nth-child(2){overflow-wrap:anywhere}table.roster th{text-align:left;font-family:var(--font-pixel);font-size:8px;color:var(--ink);background:var(--silver-light);padding:8px 9px;border-bottom:2px solid #000;box-shadow:var(--raised)}table.roster td{padding:8px 9px;border-bottom:1px solid var(--silver)}table.roster td.mono{font-family:var(--font-mono);font-size:12px;color:var(--ink-mute)}.pill{display:inline-block;font-family:var(--font-pixel);font-size:7px;padding:4px 7px;border:1px solid var(--bevel-dark);background:var(--silver-light);color:var(--ink-mute)}.pill.active{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.pill.invited{background:var(--gold);color:var(--heading);border-color:var(--heading)}.pill.added{background:var(--silver-light);color:var(--ink-mute)}.rowacts{text-align:right}.rowacts>*{margin:2px 0 2px 4px}.rowacts button{padding:5px 8px;font-size:8px}.rowacts button.danger{color:var(--error-text)}.rowacts a.btn{display:inline-block;text-decoration:none;font-family:var(--font-pixel);font-size:8px;color:var(--ink);background:var(--silver-light);border:2px solid var(--bevel-dark);border-top-color:#fff;border-left-color:#fff;padding:5px 9px;margin-left:5px}.rowacts a.btn:active{border-color:#fff;border-top-color:var(--bevel-dark);border-left-color:var(--bevel-dark)}.preview{margin:0 12px 10px}.preview summary{font-family:var(--font-pixel);font-size:8px;color:var(--heading);cursor:pointer}.preview .subjline{font-family:var(--font-ui);font-size:12.5px;margin:10px 0 6px!important}.preview pre{font-family:var(--font-ui);font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word;margin:0;background:var(--warm-glow);border:2px solid #000;padding:12px;max-height:320px;overflow-y:auto}@media (max-width: 700px){.adminpage{gap:12px}.addform{flex-direction:column}.addform input,.addform button{width:100%}.panelhead{flex-wrap:wrap}.acts{width:100%}.acts button{flex:1}table.roster,table.roster tbody,table.roster tr,table.roster td{display:block;width:100%}table.roster thead{display:none}table.roster{table-layout:auto}table.roster tr{background:var(--window);border:2px solid #000;margin-bottom:10px;padding:4px 0}table.roster td{display:flex;align-items:baseline;gap:10px;border-bottom:1px dotted var(--silver);padding:7px 10px;width:auto!important}table.roster tr td:last-child{border-bottom:none}table.roster td:before{content:attr(data-label);flex:0 0 62px;font-family:var(--font-pixel);font-size:7px;color:var(--ink-mute)}.rowacts{text-align:left;flex-wrap:wrap}.rowacts>*{margin:3px 4px 3px 0}.rowacts button,.rowacts a.btn{padding:8px 10px}.preview pre{font-size:12px;max-height:240px}}:root{--accent: #eb5a40;--paper: #f7e6d4;--page-bg: #167e56;--heading: #800000;--cta: #197a4d;--link: #000080;--gold: #ffd76b;--warm-glow: #fff7ec;--window: #ffffff;--silver: #c0c0c0;--silver-light: #dfdfdf;--bevel-dark: #404040;--ink: #111111;--ink-mute: #4a4a4a;--success-bg: #ccffcc;--success-border:#00aa00;--success-text: #006600;--error-bg: #ffcccc;--error-border: #cc0000;--error-text: #cc0000;--info-bg: #c5e3f6;--info-text: #003399;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-ui: "MS Sans Serif", Tahoma, Geneva, Verdana, sans-serif;--font-mono: "Courier New", Courier, monospace;--raised: 1px 1px 0 #fff inset, -1px -1px 0 var(--bevel-dark) inset;--sunken: -1px -1px 0 #fff inset, 1px 1px 0 var(--bevel-dark) inset}*{box-sizing:border-box}body{margin:0;color:var(--ink);background-color:var(--page-bg);background-image:linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:16px 16px;font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}h1,h2,h3,.pixel{font-family:var(--font-pixel);font-weight:400;line-height:1.5}button{font-family:var(--font-pixel);cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px dotted var(--ink);outline-offset:1px}button{background:var(--silver-light);color:var(--ink);border:2px solid var(--bevel-dark);border-top-color:#fff;border-left-color:#fff;padding:7px 12px;font-size:9px;letter-spacing:.02em}button:not(:disabled):active{border-color:#fff;border-top-color:var(--bevel-dark);border-left-color:var(--bevel-dark)}button:disabled{color:var(--silver);cursor:not-allowed}input{font-family:var(--font-ui);font-size:14px;padding:7px 9px;background:#fff;border:2px solid #fff;border-top-color:var(--bevel-dark);border-left-color:var(--bevel-dark)}.boot,.gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;font-family:var(--font-pixel);font-size:10px;color:var(--paper)}.gate h1{font-size:14px;color:var(--gold);margin:0}.gate p{max-width:46ch;line-height:1.7;font-family:var(--font-ui);font-size:14px;color:var(--paper)}.gate .hint{color:var(--silver);font-size:13px}.gate code{font-family:var(--font-mono);font-size:13px;background:#00000047;padding:2px 6px}.app{padding:12px}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--accent);color:#fff;border:2px solid #000;border-bottom:none;padding:8px 12px}.brand{display:flex;align-items:baseline;gap:9px}.brand .mark{font-family:var(--font-pixel);font-size:12px}.brand .ctx{font-family:var(--font-pixel);font-size:8px;opacity:.9}.tabs{display:flex;gap:5px;margin-left:auto}.tabs a{font-family:var(--font-pixel);font-size:9px;text-decoration:none;color:var(--ink);background:var(--silver-light);border:2px solid var(--bevel-dark);border-top-color:#fff;border-left-color:#fff;padding:7px 11px}.tabs a.active{background:var(--paper);border-color:#fff;border-top-color:var(--bevel-dark);border-left-color:var(--bevel-dark)}.who{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:12px;color:#fff}.who em{font-style:normal;color:var(--gold)}main{background:var(--paper);border:2px solid #000;padding:16px}.panel{background:var(--window);border:2px solid #000;padding:0 0 12px}.panel h3{margin:0 0 10px;padding:6px 10px;font-family:var(--font-pixel);font-size:9px;background:var(--accent);color:#fff;border-bottom:2px solid #000}.panel h3.bad{background:var(--error-border)}.panel>p,.panel>ul,.panel>form,.panel>table,.panel>.addform,.panel>.formnote,.panel>.examples,.panel>.panelhead,.panel>.week,.panel>.calnote{margin-left:12px;margin-right:12px}.panel p{font-family:var(--font-ui);font-size:13px;line-height:1.6;margin:0}.panel p.warn{color:var(--error-text);font-weight:700}.panel p.good{color:var(--success-text);font-weight:700}.gate .bootstrap{background:var(--window);border:2px solid #000;padding:12px 14px;max-width:46ch;text-align:left}.gate .bootstrap summary{font-family:var(--font-pixel);font-size:9px;cursor:pointer;color:var(--heading)}.gate .bootstrap p{color:var(--ink);font-size:13px;margin:10px 0}.gate .bootstrap .uid{display:block;background:var(--info-bg);color:var(--info-text);padding:8px 10px;word-break:break-all;margin-bottom:8px;box-shadow:var(--sunken)}@media (max-width: 640px){body{font-size:13.5px}.app{padding:6px}main{padding:10px}.topbar{gap:8px;padding:8px 10px}.brand{flex:1 1 auto}.brand .mark{font-size:10px}.brand .ctx{font-size:7px}.who{order:2;font-size:11px;gap:7px}.who span{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who button{padding:6px 9px}.tabs{order:3;width:100%;margin-left:0;gap:4px}.tabs a{flex:1;text-align:center;padding:9px 4px;font-size:8px}.panel h3{font-size:8px;padding:6px 9px}.panel>p,.panel>ul,.panel>form,.panel>table,.panel>.addform,.panel>.formnote,.panel>.panelhead,.panel>.week,.panel>.calnote{margin-left:10px;margin-right:10px}.gate h1{font-size:12px}.gate p{font-size:13px}.gate .bootstrap{max-width:100%}button{padding:9px 12px}input{font-size:16px}}