:root{--bg: var(--tg-theme-bg-color, #fff);--bg2: var(--tg-theme-secondary-bg-color, #eef3f8);--text: var(--tg-theme-text-color, #1f2b38);--hint: var(--tg-theme-hint-color, #5d6d7d);--link: var(--tg-theme-link-color, #2481cc);--button: var(--tg-theme-button-color, #2481cc);--button-text: var(--tg-theme-button-text-color, #fff);--destructive: var(--tg-theme-destructive-text-color, #d14343);--line: color-mix(in srgb, var(--hint) 18%, transparent);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04);--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--bg2);color:var(--text);font:16px/1.5 -apple-system,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.page{padding:18px 16px 100px;max-width:640px;margin:0 auto}.page h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:6px 0 4px;text-wrap:balance}.page .sub{color:var(--hint);font-size:14px;margin:0 0 18px}.section-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hint);margin:22px 0 10px}.card{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;margin-bottom:12px}.card h3{margin:0 0 8px;font-size:16.5px;font-weight:700;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.card .row{display:flex;justify-content:space-between;gap:12px;margin:5px 0;font-size:14px}.card .row .k{color:var(--hint);flex-shrink:0}.card .row .v{text-align:right;overflow-wrap:anywhere}.card.tap{cursor:pointer;transition:transform .08s ease,opacity .08s ease}.card.tap:active{transform:scale(.985);opacity:.85}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{font-size:12.5px;font-weight:500;color:var(--hint);background:var(--bg2);border-radius:999px;padding:4px 10px;white-space:nowrap}.chip.value{color:var(--button);background:color-mix(in srgb,var(--button) 12%,transparent);font-weight:650}.badge{display:inline-block;font-size:12px;font-weight:650;border-radius:999px;padding:3px 10px;background:var(--bg2);color:var(--hint)}.badge.ok{color:#2e9e5b;background:#2e9e5b21}.badge.warn{color:#c7830a;background:#c7830a21}.badge.bad{color:var(--destructive);background:#d143431c}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:600;color:var(--hint);margin:0 2px 6px}.field input,.field textarea,.field select,.socials-grid input{width:100%;border:1.5px solid transparent;border-radius:12px;background:var(--bg);color:var(--text);padding:12px 14px;font:inherit;box-shadow:var(--shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .12s ease}.field select{background-image:linear-gradient(45deg,transparent 50%,var(--hint) 50%),linear-gradient(135deg,var(--hint) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}.field select:invalid,.field select option[value=""]{color:var(--hint)}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.socials-grid input:focus{outline:none;border-color:var(--button)}.field input::placeholder,.field textarea::placeholder,.socials-grid input::placeholder{color:color-mix(in srgb,var(--hint) 65%,transparent)}.socials-grid{display:grid;gap:8px}.btn{display:block;width:100%;border:none;border-radius:12px;background:var(--button);color:var(--button-text);font:650 16px/1 inherit;padding:15px;cursor:pointer;margin-top:8px;transition:transform .08s ease,opacity .08s ease}.btn.secondary{background:var(--bg);color:var(--link);box-shadow:var(--shadow)}.btn:disabled{opacity:.5}.btn:active{transform:scale(.985);opacity:.9}.filters{display:flex;gap:8px;margin-bottom:14px}.filters input{flex:1;min-width:0;border:1.5px solid transparent;border-radius:999px;background:var(--bg);color:var(--text);padding:10px 16px;font-size:14px;box-shadow:var(--shadow);transition:border-color .12s ease}.filters input:focus{outline:none;border-color:var(--button)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:9px 0 7px;color:var(--hint);text-decoration:none;font-size:11px;font-weight:550;transition:color .12s ease}.tabbar a.active{color:var(--button)}.tabbar a .ico{display:block;font-size:22px;line-height:1.25}.socials-row{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}.socials-row a,.socials-row span{font-size:13.5px;overflow-wrap:anywhere}.socials-row a{color:var(--link);text-decoration:none}.socials-row a:active{opacity:.7}.skeleton{pointer-events:none}.skeleton .sk-line{height:13px;border-radius:7px;margin:9px 0;background:linear-gradient(90deg,var(--bg2) 25%,color-mix(in srgb,var(--hint) 14%,var(--bg2)) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton .sk-line.w60{width:60%}.skeleton .sk-line.w40{width:40%}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton .sk-line{animation:none}.card.tap,.btn{transition:none}}.empty{text-align:center;color:var(--hint);padding:44px 24px}.empty .emoji{display:block;font-size:40px;margin-bottom:10px}.error{color:var(--destructive);font-size:14px;margin:8px 2px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72vh;text-align:center;padding:24px}.center .emoji{font-size:56px;margin-bottom:12px}.center h1{font-size:22px;font-weight:800;margin:0 0 6px}.center .btn{max-width:320px}
