:root{--bg:#f4f5f7;--panel:#fff;--line:#e2e6ea;--line2:#eef1f4;--tx:#15181b;--tx2:#5d6670;--tx3:#8b949e;--wed-bg:#e4f6ea;--wed-li:#2e9c5b;--wed-tx:#12603a;--tra-bg:#e6f0fd;--tra-li:#2f6fd0;--tra-tx:#14477f;--act-bg:#f1e9fd;--act-li:#7a4fd0;--act-tx:#472a86;--taak-bg:#fff6d3;--taak-li:#e0bb3c;--taak-tx:#5b4708;--r:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--tx);-webkit-font-smoothing:antialiased;max-width:620px;margin:0 auto;padding:0 0 152px;font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}header.top{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f4f5f7f0;padding:12px 16px;position:sticky;top:0}.toprow{align-items:center;gap:11px;display:flex}.crest{flex:none;width:40px;height:40px}.team{flex:1;min-width:0}.team b{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;display:block;overflow:hidden}.team small{color:var(--tx3);letter-spacing:.4px;text-transform:uppercase;font-size:11.5px;display:block}.nav{align-items:center;gap:8px;margin-top:13px;display:flex}.nav>button{background:var(--panel);border:1px solid var(--line);color:var(--tx);cursor:pointer;border-radius:11px;flex:none;width:38px;height:38px;font-size:17px;box-shadow:0 1px 2px #1018280a}.weeklabel{text-align:center;flex:1;line-height:1.2}.weeklabel b{font-size:15px;display:block}.weeklabel span{color:var(--tx3);font-size:12px}.btn{background:var(--panel);border:1px solid var(--line);color:var(--tx);cursor:pointer;border-radius:11px;padding:9px 12px;font-size:13px;font-weight:600;box-shadow:0 1px 2px #1018280a}.btn.primary{color:#fff;background:#15181b;border-color:#15181b}.btn.ghost{box-shadow:none;background:0 0}.btn:disabled{opacity:.45;cursor:default}main{padding:6px 12px 0}.leeg{color:var(--tx3);border-radius:8px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.leeg b{text-transform:capitalize;color:var(--tx3);min-width:34px;font-weight:600}.leeg.vandaag b{color:var(--tx);font-weight:800}.leeg.vandaag em{color:var(--tx2);font-weight:600}.leeg span{background:var(--line);flex:1;height:1px}.dag{margin:14px 0 4px}.dagkop{align-items:center;gap:9px;margin:0 4px 8px;display:flex}.dagkop b{letter-spacing:-.2px;text-transform:capitalize;font-size:15px;font-weight:700}.dagkop span{color:var(--tx3);font-size:12.5px}.dagkop .vandaag{color:#fff;letter-spacing:.5px;background:#15181b;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.card{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--tx3);border-radius:var(--r);margin-top:10px;padding:14px 15px;position:relative;box-shadow:0 1px 3px #1018280f}.card.wedstrijd,.card.toernooi{background:var(--wed-bg);border-color:#cbe9d6;border-left-color:var(--wed-li)}.card.training{background:var(--tra-bg);border-color:#cfe0f8;border-left-color:var(--tra-li)}.card.activiteit{background:var(--act-bg);border-color:#e0d2f7;border-left-color:var(--act-li)}.card.cancelled{border-color:var(--line);background:#f3f4f6;border-left-color:#b6bcc4}.card.cancelled .ctitle{color:var(--tx2);text-decoration:line-through}.ctype{letter-spacing:1px;text-transform:uppercase;color:var(--tx3);font-size:10.5px;font-weight:800}.card.wedstrijd .ctype,.card.toernooi .ctype{color:var(--wed-tx)}.card.training .ctype{color:var(--tra-tx)}.card.activiteit .ctype{color:var(--act-tx)}.badge{color:#fff;letter-spacing:.6px;background:#15181b;border-radius:5px;margin-left:8px;padding:1px 7px;font-size:10px;display:inline-block}.ctitle{letter-spacing:-.3px;margin:3px 0 10px;padding-right:44px;font-size:17px;font-weight:700}.lines{flex-direction:column;gap:6px;display:flex}.line{align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.line .k{color:var(--tx2);flex:none;min-width:86px;padding-top:1px;font-size:13px}.line.hi .v{font-weight:700}.note{color:var(--tx2);white-space:pre-wrap;border-top:1px solid #00000012;margin-top:11px;padding-top:10px;font-size:13.5px}.adres{color:var(--tx3);margin-top:3px;font-size:12px;line-height:1.35}.rij{border-top:1px solid #00000012;margin-top:11px;padding-top:10px}.rij .rt{letter-spacing:1px;text-transform:uppercase;color:var(--tx2);margin-bottom:7px;font-size:10.5px;font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#ffffffbf;border:1px solid #00000017;border-radius:999px;padding:4px 11px;font-size:12.5px}.chip i{color:var(--tx2);font-style:normal}.chip.mij{color:#fff;background:#15181b;border-color:#15181b}.chip.mij i{color:#cfd4da}.cardactions{gap:6px;display:flex;position:absolute;top:11px;right:11px}.icobtn{color:var(--tx2);cursor:pointer;background:#fffc;border:1px solid #0000001a;border-radius:8px;width:28px;height:28px;font-size:13px;line-height:1}.addday{margin-top:10px}.addday button{border:1px dashed var(--line);width:100%;color:var(--tx3);cursor:pointer;background:0 0;border-radius:12px;padding:9px;font-size:13px}.taken{left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:19;background:var(--taak-bg);border-top:1px solid var(--taak-li);position:fixed}.taken .inner{cursor:pointer;align-items:center;gap:10px;max-width:620px;margin:0 auto;padding:9px 14px;display:flex}.taken .kop{letter-spacing:1px;text-transform:uppercase;color:var(--taak-tx);opacity:.75;font-size:10.5px;font-weight:800}.taken .lijst{min-width:0;color:var(--taak-tx);flex:1}.taken .rij1{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;overflow:hidden}.taken .meer{opacity:.75;font-size:12px}.taken .pijl{color:var(--taak-tx);opacity:.6;font-size:18px}.taakitem{background:var(--taak-bg);border:1px solid var(--taak-li);color:var(--taak-tx);border-radius:12px;margin-top:9px;padding:11px 13px}.taakitem b{font-size:14.5px;display:block}.taakitem span{opacity:.8;font-size:12.5px}footer.bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:#fffffff5;position:fixed;bottom:0;left:0;right:0}.frow{gap:8px;max-width:620px;margin:0 auto;display:flex}.frow .btn{text-align:center;flex:1;padding:9px 4px}.ov{z-index:50;background:#14181c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);width:100%;max-width:620px;max-height:92vh;padding:18px 16px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow:auto}.sheet h2{letter-spacing:-.3px;margin:0 0 14px;font-size:18px}label{color:var(--tx2);margin:14px 0 5px;font-size:12px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--tx);font:inherit;background:#fff;border-radius:11px;padding:11px 12px;font-size:15px}input:focus,textarea:focus{outline-offset:-1px;outline:2px solid #15181b}textarea{resize:vertical;min-height:72px}.two{gap:10px;display:flex}.two>div{flex:1}.segs{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.segs button{border:1px solid var(--line);min-width:calc(50% - 3px);color:var(--tx2);cursor:pointer;background:#fff;border-radius:11px;flex:1;padding:10px 4px;font-size:13.5px;font-weight:650}.segs button.on{color:#fff;background:#15181b;border-color:#15181b}.sheetbtns{gap:9px;margin-top:20px;display:flex}.sheetbtns .btn{flex:1;padding:13px;font-size:15px}.rijrow{gap:8px;margin-top:7px;display:flex}.rijrow input:first-child{flex:2}.rijrow input:nth-child(2){flex:1}.rijrow button{border:1px solid var(--line);width:42px;color:var(--tx2);cursor:pointer;background:#fff;border-radius:11px;flex:none}.snel{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.snel button{background:var(--taak-bg);border:1px solid var(--taak-li);color:var(--taak-tx);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.hint{color:var(--tx3);margin-top:7px;font-size:12px;line-height:1.55}.hint b{color:var(--tx2)}.check{color:var(--tx2);align-items:center;gap:9px;margin-top:16px;font-size:14px;display:flex}.check input{width:auto}.toast{color:#fff;z-index:60;background:#15181b;border-radius:999px;padding:11px 17px;font-size:13.5px;font-weight:650;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #10182840}.wrap{padding:24px 18px}.wrap h1{margin:0 0 8px;font-size:22px}.wrap p{color:var(--tx2);line-height:1.6}code{border:1px solid var(--line);background:#eef1f4;border-radius:6px;padding:2px 6px;font-size:13px}.personen{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.personen button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:9px 15px;font-size:14px}.personen button.on{color:#fff;background:#15181b;border-color:#15181b}