@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap";:root{font-family:Archivo,system-ui,sans-serif;color-scheme:light;--bg:#f3f2f2;--surface:#eae9e9;--elev:#fff;--text:#201e1d;--muted:#605d5d;--divider:rgba(32,30,29,.4);--accent:#ec3013;--good:#198754;--flag:#b45309;--win:#2fb344;--change:#f59f00;--bye:#17a2b8;--shadow:0 12px 32px rgba(45,43,43,.22)}:root[data-theme=dark]{color-scheme:dark;--bg:#171615;--surface:#201e1d;--elev:#262422;--text:#eceae8;--muted:#c0bcb8;--divider:#3a3735;--good:#22c55e;--flag:#f59e0b;--shadow:0 8px 24px rgba(0,0,0,.6)}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.2}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.1}.app-page,.login-page{min-height:100vh;background:var(--bg)}.nav{min-height:62px;display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:2px solid var(--divider)}.nav-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:18px;font-weight:800}.brand-mark{width:14px;height:14px;background:var(--accent);display:inline-block;flex:none}.nav-links{display:flex;gap:18px;margin-right:auto}.nav-links a{padding:4px 0;color:inherit;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.04em}.nav-links a.active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.app-nav-actions{display:flex;align-items:center;gap:8px}.signed-user{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}.signed-user i{width:8px;height:8px;background:var(--good)}.btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:0;padding:8px 14px;background:transparent;color:var(--text);cursor:pointer;text-decoration:none;font-weight:800;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{border-color:var(--divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}.btn-ghost{color:var(--accent);padding-inline:6px}.btn-icon{width:36px;padding:0}.btn-block{width:100%}.danger{color:var(--accent);border-color:var(--accent)}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.input{width:100%;min-height:36px;padding:6px 10px;background:var(--surface);color:var(--text);border:1px solid var(--divider);border-radius:0}.input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px}.kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}.error-message,.error-banner{color:var(--flag)}.error-banner{padding:10px 24px;border-bottom:1px solid var(--divider);background:var(--surface)}.loading,.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--muted)}.center-page{flex-direction:column;gap:12px}.dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#00000094}.dialog{width:min(460px,100%);display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--elev);box-shadow:var(--shadow);border:2px solid var(--divider)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-title{font-size:20px}.dialog-body{font-size:14px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions.split .danger{margin-right:auto}.copy-row{display:flex;gap:8px}.login-grid{min-height:calc(100vh - 62px);display:grid;grid-template-columns:minmax(360px,560px) 1fr}.login-form{padding:56px 48px;border-right:2px solid var(--divider);display:flex;flex-direction:column;gap:24px}.login-form h1{font-size:40px;margin-top:6px}.intro{max-width:400px;margin-top:10px;color:var(--muted);font-size:14px}.login-fields{max-width:400px;display:flex;flex-direction:column;gap:14px}.login-fields small{color:var(--muted)}.message-panel{max-width:400px;display:flex;flex-direction:column;gap:8px;padding:20px;border:2px solid var(--divider)}.login-aside{padding:56px 48px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:var(--surface);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.state-demo{display:flex;gap:2px}.state-demo b{width:40px;height:40px;display:grid;place-items:center;color:#0d2111}.state-demo b:nth-child(1){background:var(--win)}.state-demo b:nth-child(2){background:var(--change)}.state-demo b:nth-child(3){background:var(--bye)}.stats-band{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;border-bottom:2px solid var(--divider)}.stat,.rule-card{min-height:108px;padding:18px 24px}.stat+.stat,.rule-card{border-left:1px solid var(--divider)}.stat span,.rule-card b{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat strong{display:block;font-size:44px;line-height:1.05}.good{color:var(--good)!important}.flag{color:var(--flag)!important}.empty{color:var(--muted)!important}.rule-card{display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:13px}.rule-card b{color:var(--accent)}.matrix-tools{display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--divider)}.seg{display:inline-flex;border:1px solid var(--divider)}.seg button{min-height:34px;padding:7px 13px;border:0;border-right:1px solid var(--divider);background:transparent;font-size:12px;font-weight:600;letter-spacing:.05em;cursor:pointer}.seg button:last-child{border-right:0}.seg button.active{background:var(--accent);color:#fff}.legend{display:flex;gap:14px;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:12px;height:12px}.legend .w{background:var(--win)}.legend .c{background:var(--change)}.legend .b{background:var(--bye)}.matrix-tools small{margin-left:auto;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.empty-state{min-height:420px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:48px}.empty-state p{color:var(--muted)}.matrix-scroll{--day-width:180px;--score-width:70px;--op-width:46px;overflow:auto;padding:0 24px 32px;scroll-padding-left:calc(var(--day-width) + var(--score-width));scroll-snap-type:x proximity}.matrix-grid{width:max-content;min-width:100%;display:grid;align-items:stretch}.matrix-heading{height:130px;display:flex;align-items:flex-end;padding:10px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);position:sticky;top:0;z-index:4;background:var(--bg);border-bottom:2px solid var(--divider)}.day-head{left:0;z-index:7}.score-head{left:var(--day-width);z-index:7;justify-content:flex-end;box-shadow:1px 0 0 var(--divider)}.op-heading{height:130px;position:sticky;top:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:8px 0 10px;border:0;border-left:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-bottom:2px solid var(--divider);background:var(--bg);cursor:pointer;scroll-snap-align:start}.op-heading span{max-height:88px;writing-mode:vertical-rl;transform:rotate(180deg);overflow:hidden;font-size:12px;font-weight:600}.op-heading i{width:8px;height:8px}.add-op-heading{border-left:1px dashed color-mix(in srgb,var(--text) 35%,transparent);color:var(--muted);font-size:20px}.add-op-heading:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.average-label,.average-total,.average-cell{height:34px;position:sticky;top:130px;z-index:3;display:flex;align-items:center;background:var(--surface);border-bottom:2px solid var(--divider);font-size:12px;font-weight:600}.average-label{left:0;z-index:6;padding-left:10px}.average-total{left:var(--day-width);z-index:6;justify-content:flex-end;padding-right:12px;font-size:14px;font-weight:800;box-shadow:1px 0 0 var(--divider)}.average-cell{justify-content:center;border-left:1px solid color-mix(in srgb,var(--text) 8%,transparent);font-size:13px;font-weight:800}.add-op-spacer{scroll-snap-align:none}.day-row{grid-column:1/-1;height:36px;display:grid;background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.day-row:nth-of-type(2n){background:color-mix(in srgb,var(--surface) 42%,var(--bg))}.day-row.today{box-shadow:inset 3px 0 0 var(--accent)}.day-row.future{opacity:.76}.day-label{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:8px;padding:0 10px;background:inherit;overflow:hidden;white-space:nowrap;font-size:12px}.day-label b{width:34px;flex:none}.day-label span{color:var(--muted)}.day-label em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--accent)}.day-score{position:sticky;left:var(--day-width);z-index:2;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;background:inherit;box-shadow:1px 0 0 var(--divider);font-size:14px;font-weight:800}.cell-wrap{padding:3px;border-left:1px solid color-mix(in srgb,var(--text) 8%,transparent);scroll-snap-align:start}.state-cell{width:100%;height:100%;display:grid;place-items:center;border:0;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 22%,transparent);font-size:12px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.state-cell.w{background:var(--win);color:#0c2a12;box-shadow:none}.state-cell.c{background:var(--change);color:#231803;box-shadow:none}.state-cell.b{background:var(--bye);color:#062a30;box-shadow:none}.state-cell:disabled{opacity:.18;cursor:not-allowed}.archived-list{display:flex;align-items:center;gap:10px;padding:14px 0;color:var(--muted);font-size:11px;text-transform:uppercase}.share-depth{align-self:flex-start}.page-intro{display:flex;align-items:baseline;gap:20px;padding:16px 24px;border-bottom:2px solid var(--divider)}.page-intro h2{font-size:26px}.page-intro p{max-width:650px;color:var(--muted);font-size:13px}.composer-grid{display:grid;grid-template-columns:minmax(660px,1fr) minmax(420px,1fr);align-items:start}.board-list{border-right:2px solid var(--divider)}.board-row{display:grid;grid-template-columns:18px 88px 88px 1fr auto;gap:10px 14px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--divider)}.board-row.dim{opacity:.5}.check{width:18px;height:18px;display:grid;place-items:center;padding:0;border:1.5px solid var(--divider);background:transparent;cursor:pointer}.check.checked{background:var(--accent);color:#fff}.board-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-row small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.element-chips{display:grid;grid-template-columns:repeat(4,104px);gap:6px}.element-chips button,.row-actions button,.ops-mode button{padding:5px 9px;border:1px solid var(--divider);background:transparent;font-size:10px;font-weight:600;letter-spacing:.06em;cursor:pointer}.element-chips button.active,.ops-mode button.active{background:var(--accent);color:#fff}.element-chips button:disabled{opacity:.35;cursor:not-allowed}.row-actions{display:flex;gap:4px}.row-actions button.featured{color:var(--accent);border-color:var(--accent)}.ops-mode{grid-column:2/5;display:flex;align-items:center;gap:6px}.ops-mode span{margin-right:auto;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.access-note{max-width:500px;padding:14px 24px;color:var(--muted);font-size:12px}.preview-panel{position:sticky;top:0;padding:24px}.preview-panel>.kicker{margin-bottom:10px;color:var(--muted)}.preview-panel>p{margin-top:10px;color:var(--muted);font-size:12px}.board-preview{aspect-ratio:16/9;display:grid;gap:2px;border:2px solid var(--divider);background:var(--divider)}.preview-tile{display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px;background:var(--bg);overflow:hidden}.preview-tile>b{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.preview-tile>strong{font-size:clamp(22px,4vw,44px);line-height:1}.preview-empty{display:grid;place-items:center;background:var(--bg);color:var(--muted)}.wall{--wall-scale:1;height:100vh;display:grid;gap:2px;border:2px solid var(--divider);background:var(--divider);overflow:hidden;-webkit-user-select:none;user-select:none}.wall-tile{display:flex;flex-direction:column;min-width:0;min-height:0;padding:calc(28px * var(--wall-scale));background:var(--bg);color:var(--text);overflow:hidden}.wall-tile.xl{padding:calc(48px * var(--wall-scale))}.wall-tile.sm{padding:calc(20px * var(--wall-scale))}.wall-tile>header{display:flex;align-items:center;gap:12px}.wall-tile>header i{width:10px;height:10px;background:var(--accent)}.wall-tile>header b{font-size:calc(15px * var(--wall-scale));letter-spacing:.14em;text-transform:uppercase}.wall-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.wall-main>span{font-size:calc(13px * var(--wall-scale));letter-spacing:.16em;color:var(--muted)}.wall-main>strong{font-size:calc(110px * var(--wall-scale));line-height:.95;letter-spacing:-.03em}.wall-tile.xl .wall-main>strong{font-size:calc(250px * var(--wall-scale))}.wall-tile.lg .wall-main>strong{font-size:calc(160px * var(--wall-scale))}.wall-tile.sm .wall-main>strong{font-size:calc(74px * var(--wall-scale))}.wall-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;margin-top:calc(12px * var(--wall-scale));overflow:hidden}.wall-ops>div{display:flex;align-items:center;gap:8px;min-width:0}.wall-ops span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(14px * var(--wall-scale))}.wall-ops i{width:calc(24px * var(--wall-scale));height:calc(24px * var(--wall-scale));display:grid;place-items:center;flex:none;font-style:normal;font-weight:800}.wall-ops i.w{background:var(--win);color:#0c2a12}.wall-ops i.c{background:var(--change);color:#231803}.wall-ops i.b{background:var(--bye);color:#062a30}.wall-ops i.blank{box-shadow:inset 0 0 0 1px var(--divider)}.wall-tile>footer{display:flex;flex-direction:column;gap:calc(12px * var(--wall-scale))}.wall-averages{display:flex;gap:32px}.wall-averages span{display:flex;align-items:baseline;gap:10px;color:var(--muted);font-size:calc(13px * var(--wall-scale));letter-spacing:.12em}.wall-averages b{font-size:calc(24px * var(--wall-scale))}.wall-days{display:flex;gap:2px}.wall-days>span{width:calc(42px * var(--wall-scale));padding:5px 0;display:flex;flex-direction:column;align-items:center;background:var(--surface)}.wall-days small{color:var(--muted)}.wall-days b{font-size:calc(13px * var(--wall-scale))}.wall-controls,.compose-link{position:fixed;z-index:60;bottom:28px;background:var(--elev);border:1px solid var(--divider);box-shadow:var(--shadow)}.wall-controls{left:50%;transform:translate(-50%);display:flex;padding:4px}.wall-controls button,.wall-controls span{height:36px;min-width:44px;display:grid;place-items:center;padding:0 12px;border:0;border-left:1px solid var(--divider);background:transparent;font-size:11px;font-weight:600}.wall-controls button{cursor:pointer}.wall-controls span{border-left:0;color:var(--muted)}.compose-link{right:20px;height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:600}.compose-link i{width:8px;height:8px;background:var(--accent)}.wall-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px;gap:8px;background:var(--bg)}.account-button{border:0;background:transparent;cursor:pointer}.account-scrim{position:fixed;inset:0;z-index:40;border:0;background:transparent}.account-panel{position:fixed;z-index:41;right:16px;top:60px;width:290px;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--elev);border:2px solid var(--divider);box-shadow:var(--shadow)}.account-panel>small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.average-label.second,.average-total.second,.average-cell.second{top:164px;border-bottom:2px solid var(--divider)}.swatches{display:flex;gap:8px}.swatches button{width:28px;height:28px;border:0;cursor:pointer}.swatches button.selected{outline:2px solid var(--accent);outline-offset:2px}.move-row{display:flex;align-items:center;gap:8px}.move-row span{margin-right:auto;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.composer-grid{grid-template-columns:repeat(auto-fit,minmax(660px,1fr))}.board-list{overflow-x:auto}.element-chips button,.ops-mode button{display:flex;justify-content:flex-start;text-align:left}.row-actions .icon-control{width:28px;height:28px;display:grid;place-items:center;padding:0}.row-actions button:disabled{opacity:.35;cursor:not-allowed}.preview-tile>strong{font-size:var(--preview-number)}.wall{height:100dvh}.wall.wall-phone{height:auto;min-height:100dvh;overflow-y:auto}.wall-phone .wall-tile-slot{min-height:170px}.wall-tile{outline:3px solid transparent;outline-offset:-3px}.wall-tile.live{outline-color:var(--accent)}.wall-tile>header{justify-content:center;text-align:center}.wall-tile>header .wall-mark{width:10px;height:10px;background:var(--accent)}.wall-tile>header .wall-live-dot{width:9px;height:9px;background:var(--accent);animation:livepulse 1.2s infinite}.wall-main{align-items:center;text-align:center}.wall-ops-block{max-width:100%;display:flex;flex-direction:column;align-items:center;gap:calc(4px * var(--wall-scale));margin-top:calc(12px * var(--wall-scale));overflow:hidden}.wall-ops{align-self:center;margin-top:0;max-width:100%}.wall-ops>div{justify-content:flex-start;text-align:left}.wall-ops-more{font-size:calc(11px * var(--wall-scale));letter-spacing:.08em;color:var(--muted);text-align:center}.wall-tile>footer{align-items:center;text-align:center}.wall-averages,.wall-days{justify-content:center}.wall-tile-slot{display:flex;min-width:0;min-height:0}.wall-tile-slot>.wall-tile{flex:1}.public-scoreboard{border:0}.public-scoreboard>.wall-tile{height:100%}.public-scoreboard-state{min-height:100dvh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:48px;background:var(--bg)}.public-scoreboard-state p{color:var(--muted)}.dialog:has(.sharing-stack){width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto}.sharing-stack{display:flex;flex-direction:column;gap:18px}.sharing-pause{display:flex;align-items:center;gap:18px;padding:14px;border:2px solid var(--divider)}.sharing-pause.paused{border-color:var(--accent)}.sharing-pause>div:first-child{display:flex;flex:1;flex-direction:column;gap:3px}.sharing-pause b{font-size:14px}.sharing-pause span{color:var(--muted);font-size:12px}.sharing-link{display:flex;flex-direction:column;gap:8px}.sharing-link>small,.sharing-people>small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sharing-link ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px}.sharing-people{transition:opacity .15s}.sharing-people.dim{opacity:.45}.sharing-person{display:grid;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--divider)}.sharing-person.public{border-top:2px solid var(--divider)}.sharing-person.off>div:first-child{opacity:.5}.sharing-person>div:first-child{display:flex;min-width:0;flex-direction:column}.sharing-person>div:first-child span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sharing-person .share-depth button{min-width:72px;padding-inline:9px}.sharing-empty{padding:16px 0;color:var(--muted);font-size:12px}@media(prefers-reduced-motion:reduce){.wall-live-dot{animation:none!important}}@media(max-width:1320px){.composer-grid{grid-template-columns:1fr}.board-list{border-right:0}.preview-panel{position:static}}@media(max-width:900px){.composer-grid{grid-template-columns:1fr}.board-list{border-right:0}.preview-panel{position:static}.board-row{grid-template-columns:18px 1fr auto}.element-chips,.row-actions{grid-column:1/-1}}@media(max-width:640px){.login-grid{grid-template-columns:1fr}.login-form{padding:32px 20px;border-right:0;border-bottom:2px solid var(--divider)}.login-aside{display:flex;padding:24px 20px}.app-nav{gap:12px;row-gap:10px;padding:10px 12px;flex-wrap:wrap}.app-nav-actions{width:100%;justify-content:flex-end}.account-panel{top:116px;right:12px;width:calc(100% - 24px)}.stats-band{grid-template-columns:repeat(3,1fr)}.stat,.rule-card{min-height:0;padding:14px 16px}.stat strong{font-size:30px}.rule-card{grid-column:1/-1;border-left:0;border-top:1px solid var(--divider)}.matrix-tools{gap:12px;padding:10px 12px;flex-wrap:wrap}.matrix-tools small{display:none}.matrix-scroll{--day-width:100px;--score-width:48px;--op-width:44px;padding:0 12px 32px}.day-row{height:44px}.cell-wrap{padding:0}.day-label{gap:4px;padding-inline:8px}.wall-controls{bottom:12px}.compose-link{right:12px;bottom:64px}}