:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#173b60;background:#e8f1f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:28px 16px}main{max-width:520px;margin:auto;background:#f9fbfd;border:1px solid #d5e0e9;border-radius:24px;padding:26px;box-shadow:0 18px 60px #173b6010;min-height:710px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.brand{font-size:35px;font-weight:850;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.brand span{font-size:11px;letter-spacing:1.4px;line-height:1.6}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px}.badge{font-size:9px;letter-spacing:1px;border:1px solid #bacddc;border-radius:16px;padding:7px}.prototype{background:#e8f1f8;border-radius:8px;padding:10px;font-size:10px;letter-spacing:.65px;color:#395b77}nav{display:flex;justify-content:space-between;min-height:53px;padding-top:12px}button{font:inherit;cursor:pointer;touch-action:manipulation}nav button,#expire{border:0;background:transparent;color:#315e84;font-size:13px;padding:8px 0}button:focus-visible,summary:focus-visible{outline:3px solid #4a91cf;outline-offset:4px}[hidden]{display:none!important}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#53718c;margin:22px 0 10px}h1{font-size:30px;letter-spacing:-.8px;line-height:1.15;margin:0 0 12px}.intro{font-size:14px;color:#60768a;line-height:1.6;margin-bottom:25px}.tile{position:relative;display:block;width:100%;text-align:left;margin:10px 0;border:1px solid #d6e2ec;border-radius:13px;background:white;color:#173b60;padding:19px 40px 19px 18px;min-height:59px}.tile span{font-weight:650;font-size:16px}.tile small{display:block;font-size:12px;color:#678095;margin-top:6px;line-height:1.5}.tile i{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;font-style:normal;color:#7896ae}.tile:active{background:#e8f1f8}.tile:hover{border-color:#87a9c3}.data-card{padding:23px;border:1px dashed #90aac1;border-radius:14px;background:#eff5fa}.data-card h2{font-size:18px;margin:0 0 13px}.data-card p{font-size:14px;line-height:1.7}.data-card small{color:#526d83}footer{border-top:1px solid #dce6ee;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#60768a}details{font-size:12px;color:#60768a;line-height:1.7;margin-top:24px}summary{cursor:pointer}@media(max-width:560px){body{padding:0}main{border:0;border-radius:0;min-height:100dvh;padding:22px;padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){:root{background:#0d1b29;color:#dce9f4}main{background:#142535;border-color:#294357}.tile{background:#1c3346;color:#e0edf7;border-color:#345069}.prototype,.data-card,.tile:active{background:#1c3346;color:#c5d9ea}.intro,.eyebrow,footer,details,.tile small,.data-card small{color:#acc2d4}nav button,#expire{color:#a2cef2}}

.data-card{margin:12px 0;overflow-wrap:anywhere}.data-card p{white-space:pre-wrap}main{padding-top:max(22px,env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px))}
label{display:block;margin:18px 0 8px;font-size:14px}input:not([type=checkbox]){width:100%;padding:15px;border:1px solid #bacddc;border-radius:10px;font:inherit;background:transparent;color:inherit}input:focus-visible{outline:3px solid #4a91cf}.primary{width:100%;margin-top:20px;padding:16px;border:0;border-radius:12px;background:#173b60;color:white;font:inherit;font-weight:650}.remember{display:flex;gap:10px;align-items:center}.remember input{width:20px;height:20px}#logout,#linkTelegram,#install{border:0;background:transparent;color:inherit;padding:8px;cursor:pointer}.data-card{margin-top:12px}button:disabled{opacity:.6;cursor:wait}

#home{font-size:17px;font-weight:650;min-height:52px;padding:13px 19px;border:1px solid #87a9c3;border-radius:12px;background:#e8f1f8;color:#173b60}.back-bottom{min-height:60px;font-size:18px;font-weight:650;text-align:center;margin-top:24px;background:#e8f1f8;color:#173b60;border-color:#87a9c3}

/* Compact navigation, secondary to project options. */
#home{font-size:13px;font-weight:600;min-height:36px;padding:8px 12px;border:1px solid #c3d3df;border-radius:8px;background:#f0f5f9;color:#315675}
.back-bottom{display:block;width:auto;min-width:76px;min-height:44px;margin:18px auto 0;padding:10px 16px;font-size:13px;font-weight:500;text-align:center;border:1px solid #d5e0e9;border-radius:8px;background:transparent;color:#60768a}
.back-bottom:hover{background:#f0f5f9;border-color:#b8cad8}.back-bottom:active{background:#e8f1f8}
@media(prefers-color-scheme:dark){#home{background:#1c3346;border-color:#3c566b;color:#c1d3e1}.back-bottom{background:transparent;border-color:#345069;color:#a2b6c7}.back-bottom:hover{background:#1c3346}}

/* Navigation stays reachable on long task lists. */
nav{position:sticky;top:0;z-index:10;gap:8px;align-items:center;justify-content:flex-start;background:#f9fbfd;padding:10px 0;border-bottom:1px solid #dce6ee}#back{min-height:40px;padding:8px 12px;border:1px solid #d5e0e9;border-radius:8px;color:#60768a;font-size:13px}#logout{margin-left:auto;font-size:12px}#home{min-height:40px}.data-card p{white-space:pre-line}.data-meta{color:#60768a}.timeline{padding-left:20px;font-size:14px;line-height:1.7}.timeline li{margin:8px 0}@media(prefers-color-scheme:dark){nav{background:#142535;border-color:#294357}#back{color:#a2b6c7;border-color:#345069}}