@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f2f5f2;--card:#fff;--text:#192e2b;--muted:#71827b;--line:#e3eae5;--accent:#177d68;--soft:#e6f3ed;--input:#f7f9f7;--shadow:0 8px 28px #24433206}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:14px}main{max-width:650px;margin:auto;padding:26px 20px calc(var(--save-bar-height, 108px) + 14px)}header{padding:0 8px 18px}.brand{display:flex;align-items:center;gap:12px}.logo{display:block;width:48px;height:48px;object-fit:contain;border-radius:13px;flex-shrink:0}.brand-name{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.brand b{font-weight:800}h1{font-size:21px;font-weight:800;letter-spacing:-.5px;line-height:1.3;margin:3px 0 0}.identity{margin-top:16px;flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--accent)}#uid{font-family:monospace;color:var(--muted);white-space:nowrap}.card{padding:23px;background:var(--card);border:1px solid var(--line);border-radius:23px;margin:0 0 14px;box-shadow:var(--shadow)}.notification{background:var(--soft);border-color:transparent}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}h2{font-size:16px;font-weight:800;letter-spacing:-.4px;margin:0}.number{font-size:10px;color:var(--accent);font-weight:800;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.caption{margin-left:auto;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.hint{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0 14px}.section-actions{display:flex;gap:16px;margin:12px 0}.section-actions button,.text-button{background:none;border:0;padding:6px 0;font-size:11px;color:var(--accent);font-weight:700;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative}.chip input{position:absolute;opacity:0;width:1px;height:1px}.chip span{display:block;border:1px solid var(--line);border-radius:12px;padding:10px 13px;font-size:12px;background:var(--input);cursor:pointer;transition:.15s}.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.chip input:focus-visible+span{outline:3px solid #86bfae;outline-offset:2px}.rooms{margin-top:12px}.rooms .chip{flex:1 0 15%;text-align:center}.rooms .chip span{padding:11px 6px}.field-title{font-size:12px;font-weight:700}.field-title span{font-size:11px;color:var(--muted);font-weight:500;margin-left:5px}.spaced{margin-top:24px;margin-bottom:12px}.range{display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;gap:10px}.range>span{color:var(--muted);font-size:12px}.range label{padding:10px 13px;border-radius:13px;background:var(--input);border:1px solid var(--line);font-size:10px;color:var(--muted)}input[type=number]{width:100%;min-width:0;border:0;outline:none;background:none;color:var(--text);font:700 17px Manrope,system-ui;padding:4px 0 0}input::placeholder,textarea::placeholder{color:#99a69f;font-size:12px;font-weight:400}label:focus-within{border-color:var(--accent)}details{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--muted)}summary span{float:right;font-size:10px}details .range{margin-top:14px}.select-label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted);margin:18px 0}select,textarea{font:500 13px Manrope,system-ui;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px;width:100%}textarea{resize:vertical;line-height:1.7}.toggle-row{display:flex;align-items:center;gap:14px;cursor:pointer}.toggle-row>span{flex:1}.toggle-row strong{font-size:12px;display:block;font-weight:700}.toggle-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-row i{width:42px;height:25px;border-radius:20px;background:#ced8d2;position:relative;flex-shrink:0;transition:.15s}.toggle-row i:before{content:'';position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:.15s}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:before{transform:translateX(17px)}.toggle-row input:focus-visible+i{outline:3px solid #86bfae;outline-offset:2px}.divided{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.segmented{display:flex;background:var(--input);border:1px solid var(--line);padding:4px;border-radius:13px;margin-top:18px}.segmented label{flex:1;text-align:center;position:relative}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:10px 3px;font-size:12px;border-radius:9px;color:var(--muted);cursor:pointer}.segmented input:checked+span{background:var(--card);color:var(--accent);box-shadow:0 2px 6px #0001;font-weight:800}.outline{background:none;border:1px solid var(--line);border-radius:11px;padding:12px;font:600 11px Manrope,system-ui;color:var(--accent);cursor:pointer}.count{margin-left:auto;color:var(--muted);background:var(--input);border-radius:8px;padding:4px 9px;font-size:11px}fieldset>.card:last-child{margin-bottom:0}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.45}button:disabled{opacity:.5;cursor:default}footer{position:fixed;bottom:0;left:0;right:0;padding:10px 20px calc(16px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:3}.save-wrap{max-width:610px;margin:auto}#save{width:100%;border:0;border-radius:14px;background:var(--accent);color:white;padding:16px 20px;font:700 13px Manrope,system-ui;display:flex;align-items:center;justify-content:space-between;cursor:pointer}#save span{font-size:20px}#save-status{font-size:10px;color:var(--muted);margin:0 0 8px;text-align:center}.error{background:#ffe8e0;color:#923f29;border:1px solid #edbdaf;border-radius:14px;padding:15px;margin-bottom:16px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}body.dark{color-scheme:dark;--bg:#13201d;--card:#1b2b26;--text:#edf5f0;--muted:#a0b5ab;--line:#31433a;--accent:#66cbae;--soft:#223e32;--input:#17251f}.dark #save,.dark .chip input:checked+span{color:#102a20}@media(max-width:360px){main{padding:18px 12px calc(var(--save-bar-height, 108px) + 14px)}.card{padding:18px}.identity{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


.setup-success{text-align:center;padding:32px 24px}.success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:34px}.setup-success h2{font-size:24px;margin:0 0 14px}.setup-success p{line-height:1.7;color:var(--muted);font-size:14px;margin:0 0 26px}.setup-success button{display:block;width:100%;margin-top:12px;min-height:48px}.success-primary{background:var(--accent);color:white;border:0;border-radius:12px;font:700 14px Manrope,system-ui;cursor:pointer}.dark .success-primary{color:#102a20}.setup-success h2:focus{outline:none}

.hidden-ad{border-top:1px solid var(--line);padding:20px 0;overflow-wrap:anywhere}.hidden-ad img{width:100%;max-height:260px;object-fit:cover;border-radius:12px}.hidden-ad h3{font-size:15px;line-height:1.5;margin:12px 0 6px}.hidden-ad .outline{display:block;width:100%;margin-top:14px}.hidden-ad a{display:inline-block;margin-top:12px}.hidden-description{white-space:pre-wrap;font-size:13px;line-height:1.7}#clear-hidden{display:block;margin-top:18px}#hidden-more{width:100%}

.hidden-actions{display:flex;flex-wrap:wrap;gap:10px}

.blocked-entry { padding:18px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }.blocked-entry p { margin:0 0 12px; }.blocked-entry button { min-height:44px; }

.blacklist-tabs { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:13px; background:var(--input); margin:16px 0; }
.blacklist-tabs button { flex:1; border:0; background:transparent; color:var(--muted); border-radius:10px; padding:12px 6px; font:600 12px Manrope,system-ui; cursor:pointer; }
.blacklist-tabs button[aria-pressed="true"] { background:var(--card); color:var(--accent); box-shadow:0 2px 6px #0001; }
#blacklist-header .hint { margin-bottom:0; }

.unit-price { margin:2px 0 0; font-size:13px; color:var(--muted); }
.listing-specs { display:flex; gap:8px; margin:18px 0 14px; }
.listing-specs>div { flex:1; min-width:0; background:var(--input); border-radius:12px; padding:10px; }
.listing-specs dt { font-size:11px; color:var(--muted); margin-bottom:5px; }
.listing-specs dd { margin:0; color:var(--text); font-size:14px; font-weight:700; overflow-wrap:anywhere; }
.listing-district { display:flex; align-items:flex-start; gap:8px; color:var(--text); font-size:13px; line-height:1.5; margin:12px 0 18px; }
.listing-district svg { width:17px; height:17px; color:var(--muted); margin-top:1px; }

.listing-title-link { color:inherit; text-decoration:none; }.listing-title-link:hover { color:var(--accent); text-decoration:underline; }.listing-title-link:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }

.hidden-ad { border:1px solid var(--line); border-radius:20px; padding:20px; margin:14px 0; background:var(--card); }
.hidden-ad img { display:block; max-height:320px; object-fit:contain; margin-bottom:16px; }
.hidden-price { font-size:22px; font-weight:700; margin:0; }
.hidden-ad h3 { font-size:16px; font-weight:600; margin:8px 0 0; line-height:1.35; }
.hidden-ad .listing-title-link { display:inline; margin:0; }
.hidden-ad .outline { background:var(--soft); color:var(--accent); border:0; min-height:46px; font-size:12px; }
#hidden-browser { background:transparent; border:0; box-shadow:none; padding:0; }
#hidden-browser>p { padding:0 4px; }
.listing-district svg { flex-shrink:0; }

.ui-arrow { display:inline-block; width:20px; height:20px; flex-shrink:0; vertical-align:middle; }.with-arrow { display:inline-flex; align-items:center; justify-content:center; gap:7px; }

#save.with-arrow>span { font-size:inherit; }

.text-button.with-arrow { min-height:44px; gap:8px; padding:10px 0; font:600 14px/20px Manrope,system-ui,sans-serif; text-decoration:none; text-align:left; justify-content:flex-start; border-radius:8px; }
.text-button.with-arrow .ui-arrow { width:18px; height:18px; display:block; }
.text-button.with-arrow>span { font:inherit; }
.text-button.with-arrow:hover { color:var(--text); }
.text-button.with-arrow:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }

.blocked-preview { display:flex; gap:12px; margin:12px 0; color:var(--text); text-decoration:none; }.blocked-preview img { width:88px; height:88px; object-fit:cover; border-radius:12px; flex-shrink:0; }.blocked-preview > div { display:flex; flex-direction:column; gap:6px; min-width:0; }.blocked-preview strong { font-size:14px; line-height:1.5; }.blocked-preview span { font-size:13px; }.blocked-preview:hover strong { color:var(--accent); }

.clear-dialog { box-sizing:border-box; width:min(420px,calc(100% - 32px)); padding:24px; border:1px solid var(--line); border-radius:24px; background:var(--card); color:var(--text); max-height:85dvh; overflow:auto; box-shadow:0 20px 60px #0003; }
.clear-dialog::backdrop { background:#10251e80; }
.clear-dialog h2 { margin:0 0 12px; font-size:19px; line-height:1.4; }
.clear-dialog p { font-size:14px; line-height:1.6; margin:0 0 24px; }
.clear-dialog-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.clear-dialog-actions button { min-height:48px; border-radius:12px; font:600 14px Manrope,system-ui; cursor:pointer; }
.clear-dialog-submit { border:0; background:var(--accent); color:white; }
.clear-dialog-error { color:#bc4230; }
.clear-dialog-actions button:disabled { opacity:.6; cursor:wait; }

/* Compact section headers inside Telegram. */
main:has(> header) { padding-top:16px; }
main > header { padding:0 2px 14px; }
header .brand { gap:10px; }
header .logo { width:32px; height:32px; border-radius:9px; }
header .brand > div { min-width:0; }
header h1 { margin:0; font-size:20px; line-height:1.3; }
header .identity { margin-top:10px; }
@media(max-width:360px) { header h1 { font-size:18px; } }

.bottom-nav { position:fixed; inset:auto 0 0; z-index:5; display:flex; justify-content:center; gap:8px; padding:8px 16px calc(8px + env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--card); }
.bottom-nav a { display:flex; flex:1; max-width:290px; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:48px; padding:4px 8px; border-radius:12px; text-decoration:none; color:var(--muted); font-size:11px; font-weight:600; }
.bottom-nav svg { width:23px; height:23px; }
.bottom-nav a[aria-current=page] { color:var(--accent); background:var(--soft); font-weight:800; }
.bottom-nav a:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
body.has-bottom-nav main { padding-bottom:calc(var(--bottom-nav-height, 74px) + 24px); }
body.has-bottom-nav:has(#form:not([hidden])) main { padding-bottom:calc(var(--bottom-nav-height, 74px) + var(--save-bar-height, 108px) + 24px); }
body.has-bottom-nav footer { bottom:var(--bottom-nav-height, 74px); padding-bottom:12px; }
body.hide-bottom-nav .bottom-nav { display:none; }

.required-mark, .field-title .required-mark, .section-title .required-mark { color:#c63737; font-size:inherit; font-weight:800; margin-left:2px; }

.dark .required-mark { color:#ff8585; }

.identity #premium{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.identity #premium:hover{text-decoration-color:currentColor}.identity #premium:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
