:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg2: var(--tg-theme-secondary-bg-color, #f3f3f6);--text: var(--tg-theme-text-color, #1a1a1a);--hint: var(--tg-theme-hint-color, #8a8a8a);--accent: var(--tg-theme-button-color, #e64980);--accent-text: var(--tg-theme-button-text-color, #ffffff);--danger: #d6336c;--radius: 14px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: var(--tg-theme-bg-color, #17181c);--bg2: var(--tg-theme-secondary-bg-color, #24262c);--text: var(--tg-theme-text-color, #f1f1f1)}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:Vazirmatn,system-ui,sans-serif;line-height:1.8;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0 0 8px;font-weight:800;line-height:1.4}h2{font-size:1.25rem}h3{font-size:1rem}a{color:var(--accent)}main.with-nav{padding-bottom:76px}.center{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;gap:6px}.page{padding:16px;display:flex;flex-direction:column;gap:14px;max-width:560px;margin:0 auto}.muted,.hint{color:var(--hint)}.hint{font-size:.82rem}.error{color:var(--danger)}.big-emoji{font-size:52px}.spinner{width:34px;height:34px;border:3px solid var(--bg2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{min-height:44px;padding:0 20px;border:0;border-radius:var(--radius);background:var(--bg2);color:var(--text);font:inherit;font-weight:600;cursor:pointer}button.primary,.center>button:not(.ghost){background:var(--accent);color:var(--accent-text)}button.ghost{background:transparent;border:1px solid var(--bg2)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px}.label{font-weight:600;font-size:.92rem}input,select,textarea{width:100%;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius);background:var(--bg2);color:var(--text);font:inherit}textarea{resize:vertical}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row3{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:8px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:22px;min-height:22px;margin-top:4px;accent-color:var(--accent)}.confirm{background:var(--bg2);border-radius:var(--radius);padding:12px}.legal{background:var(--bg2);border-radius:var(--radius);padding:12px 14px;font-size:.9rem;max-height:50vh;overflow:auto}.legal ul{margin:0 0 8px;padding-inline-start:18px}.sticky{position:sticky;bottom:12px;display:grid;gap:10px}.with-nav .sticky{bottom:72px}.sticky .ghost{background:var(--bg);border-color:var(--hint)}.sticky button{width:100%;box-shadow:0 4px 18px #0000001f}.settings{border-top:1px solid var(--bg2);padding-top:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:36px;padding:0 14px;border-radius:999px;font-weight:400;background:var(--bg2);border:1px solid transparent}.chip.on{background:var(--accent);color:var(--accent-text)}.chip.static{display:inline-flex;align-items:center;font-size:.88rem}.progress{height:8px;background:var(--bg2);border-radius:99px;overflow:hidden}.progress div{height:100%;background:var(--accent);transition:width .3s}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.photo{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;background:var(--bg2);padding:0}.photo img,.ph-missing{width:100%;height:100%;object-fit:cover;display:block;background:var(--bg2)}.photo.add{display:flex;align-items:center;justify-content:center;border:2px dashed var(--hint);color:var(--hint)}.badge{position:absolute;top:6px;right:6px;background:var(--accent);color:var(--accent-text);font-size:.72rem;padding:0 8px;border-radius:99px}.badge.warn{background:#f59f00;top:auto;bottom:6px}.ph-actions{position:absolute;bottom:6px;left:6px;display:flex;gap:4px}.mini{min-height:30px;width:30px;padding:0;border-radius:50%;background:#0000008c;color:#fff}.discover{padding:12px 16px;display:flex;flex-direction:column;gap:16px;max-width:480px;margin:0 auto}.card{position:relative;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;background:var(--bg2);cursor:pointer;box-shadow:0 6px 24px #0000001f}.card img{width:100%;height:100%;object-fit:cover}.card-info{position:absolute;inset:auto 0 0 0;padding:48px 16px 14px;background:linear-gradient(transparent,#000000bf);color:#fff}.card-info p{margin:0}.shared{font-size:.88rem;opacity:.95}.actions{display:flex;justify-content:center;gap:32px}.round{width:64px;height:64px;border-radius:50%;font-size:26px;padding:0;box-shadow:0 4px 16px #0000001f}.round.like{background:var(--accent);color:var(--accent-text)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);overflow:auto;z-index:20;animation:up .2s ease-out}@keyframes up{0%{transform:translateY(24px);opacity:0}}.close{position:fixed;top:12px;left:12px;z-index:21;width:40px;padding:0;border-radius:50%;background:#0000007f;color:#fff}.gallery{position:relative;aspect-ratio:3 / 4;max-height:70vh;width:100%;background:var(--bg2)}.gallery img{width:100%;height:100%;object-fit:cover}.dots{position:absolute;top:10px;inset-inline:0;display:flex;justify-content:center;gap:4px}.dots span{width:22px;height:4px;border-radius:4px;background:#ffffff73}.dots span.on{background:#fff}.bio{white-space:pre-wrap;margin:0}.tabs{position:fixed;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);border-top:1px solid var(--bg2);padding-bottom:env(safe-area-inset-bottom);z-index:10}.tabs button{background:none;border-radius:0;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;font-size:.8rem;color:var(--hint)}.tabs button span{font-size:1.2rem}.tabs button.on{color:var(--accent)}.toast{position:fixed;bottom:90px;inset-inline:16px;margin:0 auto;max-width:420px;background:#222;color:#fff;padding:10px 16px;border-radius:var(--radius);text-align:center;z-index:30}
