:root{--bg:#fafaf7;--fg:#1d1d1b;--muted:#5c5c57;--ok:#1f7a3a;--fail:#b3261e;--card:#fff;--line:#e3e2dc;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#161615;--fg:#ecebe6;--muted:#a3a29c;--ok:#5fcf80;--fail:#ff8a80;--card:#222220;--line:#34342f}}body{background:var(--bg);margin:0}main{max-width:40rem;margin:0 auto;padding:2rem 1rem}h1{margin:0 0 .5rem}.lede,.environment{color:var(--muted)}.checks{gap:.75rem;padding:0;list-style:none;display:grid}.check{background:var(--card);border:1px solid var(--line);border-radius:8px;grid-template-columns:6rem 8rem 1fr;align-items:baseline;gap:.5rem;padding:.75rem 1rem;display:grid}.check .label{font-weight:600}.check.ok .status{color:var(--ok)}.check.fail,.check.fail .status{color:var(--fail)}.check .detail{color:var(--muted)}@media (width<=30rem){.check{grid-template-columns:1fr 1fr}.check .detail{grid-column:1/-1}}:root{--accent:#1f5f9f;--accent-fg:#fff}@media (prefers-color-scheme:dark){:root{--accent:#7db3ea;--accent-fg:#0d1b29}}a{color:var(--accent)}header.top{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;max-width:48rem;margin:0 auto;padding:1rem 1rem 0;display:flex}header.top h1{margin:0;font-size:1.4rem}header.top h1 a{color:inherit;text-decoration:none}header.top nav{align-items:baseline;gap:1rem;display:flex}header.top .org{font-weight:600}header.top .who{color:var(--muted);overflow-wrap:anywhere;align-items:baseline;gap:.75rem;margin-left:auto;display:flex}main{max-width:48rem}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:1rem}.card.narrow{max-width:26rem}.card h2,.card h3{margin-top:0}.stack{gap:.75rem;display:grid}form.inline{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:1rem;display:flex}label{gap:.25rem;font-weight:600;display:grid}input,select,button{font:inherit;font-size:1rem}input[type=email],input[type=password],input[type=date],select{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;min-width:0;max-width:100%;padding:.6rem}button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer;border-radius:6px;min-height:44px;padding:.6rem 1rem}button:disabled{opacity:.6}button.secondary{color:var(--accent);background:0 0}button.danger{border-color:var(--fail);color:var(--fail);background:0 0}button.link{white-space:nowrap;min-height:0;color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.error{color:var(--fail)}.field{gap:.25rem;display:grid}.field label{font-weight:600}.password{min-width:0;display:flex}.password input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.password input[type=text]{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;padding:.6rem}button.eye{border:1px solid var(--line);background:var(--card);min-width:44px;color:var(--muted);border-left:none;border-radius:0 6px 6px 0;place-items:center;padding:0 .6rem;display:grid}button.eye[aria-pressed=true]{color:var(--accent)}label.tick{align-items:center;gap:.5rem;font-weight:400;display:flex}label.tick input{width:1.25rem;height:1.25rem}.links{flex-wrap:wrap;gap:.5rem 1.25rem;margin:1rem 0 0;display:flex}.notice{border-left:4px solid var(--ok);background:var(--card);padding:.75rem 1rem}.list,.members{gap:.5rem;padding:0;list-style:none;display:grid}.list li{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.75rem 1rem;display:flex}.list li a{font-weight:600}.pill{border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.85rem}.pill.ready{color:var(--ok);border-color:var(--ok)}.members .card{gap:.75rem;display:grid}.member-head{overflow-wrap:anywhere;gap:.15rem;display:grid}fieldset{border:1px solid var(--line);border-radius:6px;gap:.4rem;display:grid}.check-row{align-items:center;gap:.5rem;font-weight:400;display:flex}.check-row input{width:1.2rem;height:1.2rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}body.wide main,body.wide header.top{max-width:100rem;padding-left:clamp(1rem,2.5vw,2.5rem);padding-right:clamp(1rem,2.5vw,2.5rem)}@media (width>=90rem){body.wide .picks .pool,body.wide .entries,body.wide .headlines{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));column-gap:.75rem}body.wide .round-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.prose{max-width:60rem}body.wide main{padding-bottom:6rem}input[type=text],input[type=search],input[type=number],textarea{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);box-sizing:border-box;border-radius:6px;width:100%;min-width:0;padding:.55rem .6rem;font-size:1rem}textarea{resize:vertical}label{font-weight:600}.small{font-size:.85rem}button.small,a.button.small{min-height:38px;padding:.35rem .75rem;font-size:.95rem}button.icon{min-width:40px;min-height:40px;padding:.25rem .5rem}a.button{border:1px solid var(--accent);border-radius:6px;align-items:center;text-decoration:none;display:inline-flex}a.button.secondary{color:var(--accent)}.danger-text{color:var(--fail)!important}.week-head{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.week-head h2{margin:0}.week-head .pill{margin-left:0}.week-head .save-state{color:var(--muted);margin-left:auto;font-size:.9rem}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;padding-top:7px;display:flex}.tab{background:var(--card);color:var(--fg);border:1px solid var(--line);border-bottom:4px solid var(--round);white-space:nowrap;border-radius:8px;flex:none;padding:.55rem .8rem;font-size:1rem;position:relative}.tab.on{background:var(--round);color:#111;font-weight:600}.tick{color:var(--ok);font-weight:700}.tab-done{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:-7px;right:-5px}.tab-body{border-top:4px solid var(--round);padding-top:1rem}.notice-bar{bottom:max(1rem, env(safe-area-inset-bottom));box-sizing:border-box;z-index:15;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--ok);border-radius:8px;align-items:center;gap:.75rem;width:min(48rem,100% - 2rem);margin-bottom:.75rem;padding:.6rem .9rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.notice-bar span{flex:1}.notice-bar.error{border-left-color:var(--fail)}.notice-bar.conflict{background:color-mix(in srgb, #f59e0b 12%, var(--card));border-left-color:#f59e0b}.round-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=52rem){.round-grid{grid-template-columns:minmax(0,1fr)}}.round-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.round-head h3,.round-head h4{margin:0}.card h4{margin:0 0 .4rem}.topic{gap:.25rem;display:grid}.inline{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.inline input{flex:1;width:auto}.two{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}details>summary{cursor:pointer;list-style:revert}details>summary h4{display:inline}details[open]>summary{margin-bottom:.5rem}details .actions,details textarea,details label{margin-top:.5rem}.overall-head{justify-content:space-between;align-items:baseline;display:flex}.overall h3{margin:0 0 .5rem}.bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.bar>div{height:100%}.dashboard{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.dashboard .card{border-left:6px solid var(--round);gap:.5rem;display:grid}.dash-open{text-align:left;color:var(--fg);background:0 0;border:none;gap:.2rem;min-height:0;padding:0;display:grid}.dash-name{font-size:1.05rem;font-weight:600}.songs-tick{font-weight:400}.in-quiz,.typed{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.in-quiz li{border:1px solid var(--line);background:var(--bg);border-radius:6px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.4rem .5rem;display:grid}.in-quiz li.dragging{opacity:.6;z-index:3;position:relative;box-shadow:0 4px 16px #0003}.handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--muted);padding:.5rem .4rem;font-size:1.3rem}.num{min-width:2rem;font-weight:700}.qa{gap:.1rem;display:grid}.q{font-weight:500}.a{color:var(--ok);font-weight:500}.row-buttons{align-items:center;gap:.3rem;display:flex}.typed-row{grid-template-columns:2.4rem minmax(0,3fr) minmax(0,2fr) auto;align-items:start;gap:.4rem;display:grid}.typed-row.songs{grid-template-columns:2.4rem minmax(0,2fr) minmax(0,3fr) auto}.typed-row .num{padding-top:.6rem}.typed-row .song{grid-column:2/-1}.dot{background:var(--ok);border-radius:50%;width:10px;height:10px;display:inline-block}.dot.pending{background:#f59e0b}@media (width<=40rem){.typed-row{grid-template-columns:2rem minmax(0,1fr)}.typed-row>input,.typed-row>.row-buttons{grid-column:2}}.pool,.headlines,.ideas,.ideas-list,.entries,.drafts,.suggest-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pool-card{border:1px solid var(--line);background:var(--bg);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:6px;gap:.25rem;padding:.6rem .7rem;display:grid}.pool-card.never{border-left:4px solid var(--round)}.pool-card .actions{margin-top:.25rem}.picks .inline{margin-bottom:.5rem}.headlines li,.entries li,.ideas-list li,.drafts li{border-bottom:1px solid var(--line);gap:.3rem;padding:.5rem 0;display:grid}.drafts li.duplicate{opacity:.75}.ideas li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.clue{grid-template-columns:2.2rem minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.points{text-align:center;background:var(--round,var(--line));color:#111;border-radius:6px;padding-top:.5rem;font-size:1.1rem;font-weight:700}.conversation,.used{white-space:pre-wrap;margin:0;font-family:inherit}.letters{grid-template-columns:repeat(auto-fill,minmax(3.4rem,1fr));gap:.35rem;display:grid}.letter{background:var(--bg);min-height:52px;color:var(--fg);border:1px solid var(--line);justify-items:center;gap:.1rem;padding:.3rem;display:grid}.letter.on{border:2px solid var(--accent)}.letter.week{background:var(--round);color:#111}.preview{margin:.5rem 0}.menu-backdrop,.modal-backdrop{z-index:20;position:fixed;inset:0}.modal-backdrop{background:#0006;place-items:start center;padding:2rem 1rem;display:grid;overflow-y:auto}.modal{width:min(36rem,100%)}.modal.wide{width:min(52rem,100%)}.menu{background:var(--card);border:1px solid var(--line);border-radius:8px;min-width:12rem;padding:.3rem;display:grid;position:fixed;box-shadow:0 8px 24px #00000040}.menu button{color:var(--fg);text-align:left;background:0 0;border:none}.menu hr{border:none;border-top:1px solid var(--line);margin:.2rem 0}.token-box{border:2px solid var(--accent);border-radius:8px;gap:.5rem;padding:.75rem;display:grid}.token-box code{overflow-wrap:anywhere;font-size:1rem}.token-box button{justify-self:start}.steps li{margin:.4rem 0}.prose code{overflow-wrap:anywhere}.tile-frame{container-type:inline-size}.tile{aspect-ratio:143.2/143;box-sizing:border-box;color:#111827;background:#fff;border:max(1px,.63cqw) solid #3a3f47;border-radius:4.2cqw;grid-template-rows:1fr 14.7cqw;margin:0;padding:3.2cqw 3.2cqw 0;display:grid;overflow:hidden}.tile-picture{--margin:0px;border-radius:2.4cqw;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.tile-picture img{inset:var(--margin);width:auto;height:auto;max-width:calc(100% - 2 * var(--margin));max-height:calc(100% - 2 * var(--margin));margin:auto;display:block;position:absolute}.tile-picture.fill img{object-fit:cover;object-position:50% 30%;width:100%;max-width:none;height:100%;max-height:none;inset:0}.tile-picture.mat img{object-fit:contain;width:100%;height:100%}.tile-picture.on-white{--margin:3.6cqw;background:#fff}.tile-picture.mat{background:#eff1f4}.tile-picture.flag{--margin:5cqw;background:#eff1f4}.tile-picture.flag img{outline:.5px solid #b8bdc4}.tile-picture.empty{color:#6b7280;background:#f3f4f6;font-size:7cqw}.tile figcaption{align-items:center;gap:2.8cqw;min-width:0;display:flex}.tile .disc{color:#fff;text-align:center;background:#1f2937;border-radius:50%;flex:none;width:10cqw;height:10cqw;font:700 5.6cqw/10cqw Helvetica Neue,Helvetica,Arial,sans-serif}.tile .caption{white-space:nowrap;text-overflow:ellipsis;font:700 6.6cqw Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.picture-row{margin-bottom:1.25rem}.picture-row-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.5rem;display:flex}.picture-row-head h4{min-width:7.5rem;margin:0}.picture-row-head select{flex:18rem;max-width:28rem}.picture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-width:52rem;display:grid}.picture-cell{align-content:start;gap:.3rem;min-width:0;display:grid}.picture-cell .answer{text-align:center;overflow-wrap:anywhere;font-weight:600}.picture-cell .used{color:var(--muted);text-align:center;font-size:.8rem}.picture-cell .used.recent{color:var(--fail)}.picture-cell .cell-buttons{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.picture-cell .cell-buttons button{min-height:36px;padding:.3rem .7rem}.picture-cell input{box-sizing:border-box;width:100%}.library-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem;display:grid}.toolbar{flex-wrap:wrap;align-items:end;gap:.5rem .75rem;margin-bottom:1rem;display:flex}.toolbar label{font-weight:600}.toolbar input[type=search],.toolbar input[type=text],.add-fields input[type=text],.picture-cell input[type=text],.add-list input[type=text]{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;padding:.5rem}.add-fields{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.add-list{gap:.5rem;margin:.75rem 0;padding:0;list-style:none;display:grid}.add-list li{grid-template-columns:5rem 1fr auto;align-items:center;gap:.75rem;display:grid}.add-list li.wide{grid-template-columns:5rem 1fr 1fr auto}.add-list img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:5rem;height:5rem}.add-list .dup{color:var(--muted);font-size:.85rem}.picture-tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.draw-help code{white-space:nowrap}@media (width<=700px){.picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.add-list li,.add-list li.wide{grid-template-columns:4rem 1fr}}
