:root{--bg:#0b1220;--panel:#131c2e;--panel-2:#1b2740;--text:#e8eefc;--muted:#93a2c4;--accent:#4c8dff;--danger:#ff6b6b;--ok:#35c28f;--border:#24324f;--nav-h:60px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;overflow-x:hidden}a{color:var(--accent);text-decoration:none}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:rgba(11,18,32,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar h1{font-size:1.1rem;margin:0}main{max-width:760px;margin:0 auto;padding:14px 14px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom))}h1{font-size:1.35rem;margin:0 0 6px}h2{font-size:1.05rem;margin:20px 0 8px}.muted{color:var(--muted);font-size:.9rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;margin:10px 0}label{display:block;font-size:.85rem;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;font-size:16px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;font-family:inherit}textarea{min-height:120px;resize:vertical}button{min-height:44px;padding:10px 16px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer}button:disabled{opacity:.55;cursor:default}button.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}button.danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}button.icon{min-height:44px;min-width:44px;padding:8px 10px}button.ghost{background:transparent;border:none;color:var(--muted);font-weight:500}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1 1 150px}.row.tight>*{flex:0 0 auto}.tabs{display:flex;gap:8px;margin:10px 0;overflow-x:auto}.tabs button{flex:0 0 auto}.tabs button.active{background:var(--accent)}.tabs button:not(.active){background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.error{color:var(--danger);margin-top:8px;word-break:break-word}.error,.ok{font-size:.9rem}.ok{color:var(--ok)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:.75rem}.badge.done{color:var(--ok)}.badge.overdue{color:var(--danger)}.item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.item:last-child{border-bottom:none}.item .grow{flex:1 1;min-width:0}.item .title{font-weight:600}.item .sub,.item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .sub{color:var(--muted);font-size:.85rem}.note-body{white-space:pre-wrap;word-wrap:break-word}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.check{width:22px;height:22px;flex:0 0 auto}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(19,28,46,.97);border-top:1px solid var(--border)}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;font-size:.72rem;color:var(--muted)}.bottom-nav a.active{color:var(--accent)}.bottom-nav .ico{font-size:1.2rem;line-height:1}.progress{height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent)}.heat{display:flex;flex-wrap:wrap;gap:3px}.heat i{width:12px;height:12px;border-radius:3px;background:var(--panel-2)}.heat i.on{background:var(--ok)}@media (min-width:769px){main{padding:20px 20px calc(var(--nav-h) + 24px)}h1{font-size:1.6rem}.bottom-nav{max-width:760px;margin:0 auto;border-radius:14px 14px 0 0;border:1px solid var(--border);border-bottom:none}}