:root{--bg: var(--tg-theme-bg-color, #0d1120);--bg2: var(--tg-theme-secondary-bg-color, #181e2e);--ink: var(--tg-theme-text-color, #eef1f8);--hint: var(--tg-theme-hint-color, #8d97ad);--accent: var(--tg-theme-button-color, #6f7dff);--accent-ink: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, #8fa0ff);--danger: var(--tg-theme-destructive-text-color, #ff6b6b);--line: color-mix(in srgb, var(--ink) 12%, transparent);--glass: color-mix(in srgb, var(--bg2) 52%, transparent);--glass-soft: color-mix(in srgb, var(--bg) 38%, transparent);--rim: color-mix(in srgb, #fff 16%, var(--line));--shine: inset 0 1px 0 color-mix(in srgb, #fff 22%, transparent);--lift: 0 10px 30px -12px color-mix(in srgb, #000 45%, transparent);--blur: blur(18px) saturate(160%);color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh;isolation:isolate}body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(38% 30% at 12% 8%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%),radial-gradient(34% 28% at 92% 22%,color-mix(in srgb,#c46bff 42%,transparent),transparent 70%),radial-gradient(40% 32% at 70% 88%,color-mix(in srgb,#2fd3c4 34%,transparent),transparent 70%),radial-gradient(30% 24% at 8% 72%,color-mix(in srgb,#ff7aa8 26%,transparent),transparent 70%);filter:blur(30px)}button,input{font:inherit;color:inherit}.app{max-width:720px;margin:0 auto;padding:0 16px 40px}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.langs{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--glass-soft);border:1px solid var(--rim);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.langs button{background:none;border:0;border-radius:999px;padding:2px 10px;color:var(--hint);cursor:pointer}.langs button.on{color:var(--ink);background:color-mix(in srgb,#fff 14%,transparent);box-shadow:var(--shine)}h1{font-size:24px;margin:6px 0 8px}h2{font-size:15px;margin:0 0 10px;color:var(--hint);font-weight:600;text-transform:uppercase;letter-spacing:.04em}h3{font-size:13px;margin:14px 0 6px;color:var(--hint);font-weight:600}.screen{display:flex;flex-direction:column;gap:12px}.screen.center{align-items:center;padding-top:60px;text-align:center}.muted{color:var(--hint)}.small{font-size:13px}.privacy,.card,.tile,.note{background:var(--glass);border:1px solid var(--rim);box-shadow:var(--shine),var(--lift);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.privacy{border-radius:16px;padding:10px 12px;font-size:14px;margin:0}.card{border-radius:20px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:8px}.card.action{cursor:pointer;color:var(--ink);transition:transform .15s,border-color .15s}.card.action:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--rim))}.card.action:not(:disabled):active{transform:scale(.985)}.card.action:disabled{opacity:.5;cursor:default}.card.action span{color:var(--hint);font-size:14px}.card.action .btn{color:var(--accent-ink);align-self:flex-start}.btn{background:var(--glass-soft);border:1px solid var(--rim);border-radius:12px;padding:10px 16px;cursor:pointer;text-align:center;box-shadow:var(--shine)}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,#fff 18%,var(--accent)),var(--accent));color:var(--accent-ink);border:1px solid color-mix(in srgb,#fff 25%,var(--accent));font-weight:600;box-shadow:var(--shine),0 8px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.btn.small{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.btn.sticky{position:sticky;bottom:12px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.link{background:none;border:0;padding:0;color:var(--link);cursor:pointer;align-self:flex-start}.link.danger{color:var(--danger)}.field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--hint)}.field input,input.search,.search input{background:var(--glass-soft);border:1px solid var(--rim);border-radius:12px;padding:10px 12px;color:var(--ink);width:100%;box-shadow:inset 0 1px 3px color-mix(in srgb,#000 18%,transparent);outline:none}.field input:focus,input.search:focus,.search input:focus{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.note{border-radius:14px;padding:10px 12px;font-size:14px;margin-bottom:10px;cursor:pointer}.note.err{background:color-mix(in srgb,var(--danger) 18%,var(--glass));border-color:color-mix(in srgb,var(--danger) 40%,var(--rim))}.note.ok{background:color-mix(in srgb,var(--accent) 18%,var(--glass));border-color:color-mix(in srgb,var(--accent) 40%,var(--rim))}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite;align-self:center;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 60%,transparent))}@keyframes spin{to{transform:rotate(360deg)}}.chat-list{display:flex;flex-direction:column;max-height:55vh;overflow-y:auto;margin:4px -4px}.chat-item{display:flex;gap:10px;align-items:center;padding:8px 6px;border-radius:10px;cursor:pointer;border:1px solid transparent}.chat-item.on{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.chat-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.segmented button{background:var(--glass-soft);border:1px solid var(--rim);border-radius:999px;padding:5px 12px;cursor:pointer}.segmented button.on{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--ink);box-shadow:var(--shine)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{border-radius:16px;padding:10px 12px;display:flex;flex-direction:column}.tile b{font-size:22px;background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--accent) 60%,var(--ink)));-webkit-background-clip:text;background-clip:text;color:transparent}.tile span{font-size:12px;color:var(--hint)}@media(max-width:480px){.tiles{grid-template-columns:repeat(2,1fr)}}.bars{display:flex;flex-direction:column;gap:6px}.bar-row{display:grid;grid-template-columns:minmax(70px,34%) 1fr auto;gap:8px;align-items:center;font-size:14px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px color-mix(in srgb,#000 20%,transparent)}.bar-fill{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#c46bff),var(--accent));border-radius:6px;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}.bar-value{color:var(--hint);font-variant-numeric:tabular-nums;font-size:13px}.columns svg{width:100%;height:90px;display:block}.columns .col{fill:var(--accent)}.col-labels{display:flex;font-size:11px;color:var(--hint)}.col-labels span{text-align:center;overflow:hidden;white-space:nowrap}.heatmap{display:flex;flex-direction:column;gap:3px}.heat-row{display:grid;grid-template-columns:28px repeat(24,1fr);gap:2px;align-items:center}.heat-day,.heat-hour{font-size:11px;color:var(--hint)}.heat-cell{aspect-ratio:1;border-radius:3px;background:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--glass-soft);border:1px solid var(--rim);border-radius:999px;padding:3px 10px;font-size:14px}.chip.emoji{font-size:18px}.chip small{color:var(--hint);font-size:12px}.card.share{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.check{display:flex;gap:6px;align-items:center;font-size:14px}.promo{text-decoration:none;color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent),var(--glass))}.promo b{color:var(--link)}.promo-line{display:block;margin-top:18px;text-align:center;font-size:13px;color:var(--hint);text-decoration:none}.promo-line b{color:var(--link);font-weight:600}.compare-head{display:flex;justify-content:space-between;align-items:center}.compare-grid{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--hint)}.bottom{margin-top:28px;text-align:center}.bottom .link{align-self:center}form.search{display:flex;gap:8px}form.search input{flex:1;min-width:0;padding:9px 12px;width:auto}.banner{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.note-x{flex:none;background:none;border:0;color:inherit;font-size:20px;line-height:1;padding:0 2px;cursor:pointer;opacity:.7}.qr{display:block;width:240px;max-width:100%;margin:6px auto 12px;border-radius:14px;image-rendering:pixelated;background:#fff;box-shadow:var(--lift)}