:root{color-scheme:light dark;--bg:var(--tg-theme-bg-color,#f4f5f7);--card:var(--tg-theme-secondary-bg-color,#fff);--text:var(--tg-theme-text-color,#15171a);--muted:var(--tg-theme-hint-color,#737982);--accent:var(--tg-theme-button-color,#2481cc);--accent-text:var(--tg-theme-button-text-color,#fff);--danger:#d64343;--success:#19945b;--line:color-mix(in srgb,var(--text) 12%,transparent);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{padding:env(safe-area-inset-top) 0 calc(78px + env(safe-area-inset-bottom));font-size:15px}.shell{width:min(100%,900px);margin:auto}.topbar{height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px}.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#277bd8,#47b6dc);font-weight:900}.pill{font-size:12px;font-weight:700;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.pill.muted{background:color-mix(in srgb,var(--muted) 13%,transparent);color:var(--muted)}main{padding:16px 14px 30px}.loading{min-height:55vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{padding:22px;border-radius:22px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 90%,#17498d),color-mix(in srgb,var(--accent) 58%,#59c1cf));color:#fff;box-shadow:0 16px 38px color-mix(in srgb,var(--accent) 20%,transparent);margin-bottom:14px}.hero .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.78;font-weight:800}.hero h1{font-size:28px;line-height:1.1;margin:8px 0}.hero p{margin:0;opacity:.88;line-height:1.45}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.metric,.card{background:var(--card);border:1px solid var(--line);box-shadow:0 7px 24px color-mix(in srgb,#000 5%,transparent)}.metric{border-radius:16px;padding:14px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.metric strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.card{border-radius:19px;padding:18px;margin:12px 0}.card-head,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card h2{font-size:18px;margin:0}.card h3{font-size:16px;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.stack{display:grid;gap:10px}.section-title{font-size:23px;margin:7px 3px 15px}.button,button{font:inherit}.button{border:0;border-radius:12px;background:var(--accent);color:var(--accent-text);padding:11px 15px;font-weight:750;cursor:pointer;text-align:center}.button.secondary{background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent)}.button.danger{background:color-mix(in srgb,var(--danger) 12%,var(--card));color:var(--danger)}.button.ghost{background:transparent;color:var(--muted);padding:8px}.button:disabled{opacity:.48;cursor:not-allowed}.wide{width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.actions .button{flex:1}.nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,900px);height:calc(70px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--card) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.nav button{border:0;background:transparent;color:var(--muted);display:grid;place-content:center;gap:2px;font-size:11px;font-weight:700}.nav button span{font-size:21px;line-height:1}.nav button.active{color:var(--accent)}label{display:grid;gap:7px;font-weight:700;font-size:13px}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:12px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}textarea{resize:vertical;min-height:90px}.form{display:grid;gap:14px}.toggle{position:relative;width:46px;height:28px;display:inline-block;flex:none}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;background:color-mix(in srgb,var(--muted) 30%,transparent);border-radius:999px;transition:.2s}.toggle span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 7px #0003;transition:.2s}.toggle input:checked+span{background:var(--success)}.toggle input:checked+span:after{transform:translateX(18px)}.watch{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.watch-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-size:12px;padding:5px 8px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);max-width:100%;overflow:hidden;text-overflow:ellipsis}.source{padding:12px 0;border-bottom:1px solid var(--line)}.source:last-child{border-bottom:0}.source-title{font-weight:700}.search{margin-bottom:10px}.operation{border:1px solid var(--line);background:var(--bg);padding:10px;border-radius:13px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.operation-actions{display:flex}.operation-actions .button{padding:7px}.ignored{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.ignored:last-child{border:0}.empty{text-align:center;padding:30px 12px;color:var(--muted)}.notice{padding:12px 13px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);line-height:1.45}.notice.warning{background:color-mix(in srgb,#e8a31b 15%,transparent)}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,20px);background:#202327;color:#fff;padding:11px 15px;border-radius:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 28px);box-shadow:0 12px 30px #0004}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#0007;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal[hidden]{display:none}.sheet{background:var(--card);width:min(100%,700px);max-height:94vh;overflow:auto;border-radius:24px 24px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0004}.sheet-head{position:sticky;top:-18px;background:var(--card);z-index:2;padding:4px 0 13px;margin-bottom:10px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0}.icon-button{border:0;background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--text);width:34px;height:34px;border-radius:50%;font-size:20px}.error{color:var(--danger)}@media(min-width:700px){main{padding:22px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sheet{border-radius:24px;margin-bottom:3vh}.modal{align-items:center}.hero{padding:28px}.hero h1{font-size:34px}}
