/* Локальная проба темы «После заката». Базовые компоненты и их поведение сохранены. */
:root,.parchment{
  --bg:#141020;--bg2:#191326;--panel:#1d172b;--panel2:#272035;--panel3:#342943;
  --surface:rgba(27,21,41,.96);--surface2:rgba(207,182,242,.05);--field-bg:#191323;--hover:rgba(205,179,242,.1);
  --line:#382d48;--line2:#554064;--line3:#aa7dba;--text:#eee7f6;--head:#fff8ff;--muted:#c5b6d6;--dim:#ac99bf;
  --accent:#ff928b;--accent2:#ffb1a5;--on-accent:#281321;--link:#ffb1a5;--orn:#ff928b;
  --gold-grad:linear-gradient(110deg,#ffa38d,#ff8d96);--noise:none;
  --font:'Manrope',ui-sans-serif,system-ui,sans-serif;--font-d:var(--font);
  --shadow:0 16px 40px #09061233;--shadow-sm:0 6px 18px #09061222;--glow:none;
  --head-h:5rem;--gutter:clamp(1rem,3vw,2.6rem);--r:.8rem;--r-xl:1.25rem;
  --st-new:#bba9f1;--st-review:#ffd1a3;--st-acc:#cbb7ff;--st-plan:#ffa9d0;--st-done:#95efbf;--st-rej:#ffa0a0;
  --ok:#95efbf;--warn:#ffd1a3;--err:#ffa0a0;--cat-mix:100%;color-scheme:dark;
}
html{font-size:16px;scrollbar-color:#62506f var(--bg)}
body{font-weight:500;font-size:1rem;line-height:1.6}
.shell{width:min(1400px,calc(100% - 2 * var(--gutter)))}
.bg-scene{position:absolute;height:620px;background:var(--bg)}
.bg-img{inset:0;background:url(img/sunset-landscape.png) center -50px/100% auto no-repeat;opacity:1;filter:none;transform:none;will-change:auto}
.bg-scene::after{background:linear-gradient(180deg,#14102018 0%,#14102000 46%,#141020 100%)}
.bg-rays,.sky,.fx-canvas,.spark,.spark-ring,#fxToggle,.video-callout{display:none!important}
.topbar{height:var(--head-h);background:#1b142cba;backdrop-filter:blur(16px);border-bottom:1px solid #b49bc21a}
.topbar::after{display:none}
.topbar-row{flex-wrap:nowrap;gap:1.2rem}
.brand-text{font:800 1.7rem/1.1 var(--font);letter-spacing:-.06em}
.brand-text small{display:none}
.brand-bean{width:2.3rem;height:2.8rem;filter:none}
.nav{gap:.35rem}.nav-link{font-size:.95rem;padding:0 .8rem}
.nav-link.active,.nav-video,.nav-video.active{background:transparent;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.nav-video:not(.active){box-shadow:none;color:var(--muted)}
.nav-link>span{display:none}
.topbar .admin-contact{flex-basis:auto;order:0;min-height:2.4rem;font-size:.8rem;padding:0 .7rem}
.top-actions{gap:.5rem}.search{width:12rem;height:2.6rem;background:#21192d99}
.search:focus-within{width:14rem}.search input{font-size:.85rem}
.icon-btn{width:2.6rem;height:2.6rem;background:#21192d66;border-radius:.8rem}
.btn{font-size:.95rem;letter-spacing:0;font-weight:700}
.btn-grad,.btn-grad:hover:not(:disabled){border:0;box-shadow:none;text-shadow:none;background:var(--gold-grad);color:var(--on-accent)}
.btn-grad::after{display:none}.btn-donate{min-height:2.6rem;font-size:.8rem;padding:0 .8rem}
.btn-ghost,.mini-btn{box-shadow:none}
#page-ideas>.hero{display:block;padding:1.5rem 0 2rem;min-height:310px}
body.has-callout #page-ideas .hero{padding-top:1.5rem}
#page-ideas .hero-text{padding-left:clamp(0px,16vw,250px)}
#page-ideas .hero-title{display:block}
#page-ideas .mascot,#page-ideas .stats,#page-ideas .steps{display:none}
.live-pill{background:#21192d80;border-color:#c1a5dc44;color:#d5eacf;letter-spacing:.07em;font-size:.65rem;padding:.25rem .7rem}
.live-pill i{width:.4rem;height:.4rem;animation:none;box-shadow:none;background:#a7d6bb}
.hero h1{font:800 clamp(2.4rem,4vw,3.8rem)/1.13 var(--font);letter-spacing:-.045em;margin:.7rem 0 0;text-shadow:0 2px 25px #140d2944}
#page-ideas .hero .live-pill{position:absolute;right:0;top:0}
.grad-text{background:none;color:var(--accent);font-style:normal;filter:none;animation:none;padding:0}
.lead{font-size:1.2rem;line-height:1.5;margin-top:.7rem;color:#e1d0ea;text-shadow:none}
.sunset-cta{align-self:flex-start;margin-top:1.3rem;min-width:245px;min-height:3.1rem;font-size:1rem}
.sunset-content{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(350px,1fr);gap:1rem;align-items:start;padding-bottom:4rem}
#ideas{min-width:0;padding:1.8rem 2rem 2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}
.ornament{display:none}
.feed-head h2{font:800 2.6rem/1.2 var(--font);letter-spacing:-.04em;text-shadow:none}
.feed-head p{font-size:.9rem;margin-top:.5rem}
.feed-head{margin-bottom:1.2rem}
.feed-bar{gap:.75rem;margin-bottom:1rem}
.tabs{gap:.2rem;max-width:100%}.tab{padding:0 .6rem;font-size:.8rem;min-height:2.4rem;background:transparent;border-color:transparent;font-weight:600}
.tab.active{background:#35273e;border-color:#684a65;color:#ffc1b7;box-shadow:none}
.tab em{font-size:.7rem;background:transparent}
.seg{background:#221a30;border-color:var(--line);box-shadow:none}
.seg button{font-size:.83rem;font-weight:600;padding:0 .8rem}
.seg button.active{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none}
.seg-sort{margin-left:auto}.seg-sort button.active{background:var(--gold-grad);color:var(--on-accent);border-color:transparent}
#ideas .feed-bar{gap:.5rem;align-items:center}
#ideas .tab{padding:0 .4rem;font-size:.75rem;gap:.2rem}
#ideas .seg-sort button{padding:0 .5rem;font-size:.7rem}
.chip::before{display:none}
.chips{gap:.55rem;margin-bottom:.5rem}.chip{background:#241c32;border:1px solid var(--line);box-shadow:none;font-size:.8rem;font-weight:600;min-height:2.5rem;padding:0 1rem}
.chip.active{background:var(--gold-grad);color:var(--on-accent);border-color:transparent;box-shadow:none}
.chip.has-new{background:#38263f;box-shadow:none;border-color:#85566e}.chip.has-new.active{background:var(--gold-grad);color:var(--on-accent)}
.idea-grid{display:block}
.idea,.idea.mine{padding:1.1rem 0;gap:1.4rem;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;contain-intrinsic-size:auto 170px}
.idea:hover{background:#ffffff03;transform:none;border-color:var(--line);box-shadow:none}
.idea::before,.idea.unseen::after,.vcard.unseen::after,.featured.unseen .poster::after{display:none}
.idea h3{font:750 1.5rem/1.3 var(--font);letter-spacing:-.02em}
.idea-body{gap:.6rem}.idea-desc{font-size:1rem;line-height:1.65;-webkit-line-clamp:2}
.idea-meta{gap:.35rem}.cat,.status{font-size:.65rem;padding:.05rem .5rem;font-weight:600}
.new-badge,.mine-badge{font-size:.62rem;animation:none}.new-badge::before,.idea-foot .author::before{content:none}
.idea-foot{border:0;padding:0;font-size:.74rem;font-weight:500}.idea-foot .author{color:var(--muted)}
.vote{width:3.7rem;height:4.6rem;flex:none;border:1px solid #503c63;border-radius:.85rem;background:#2c223b;box-shadow:none;color:var(--accent)}
.vote b{font:800 1.5rem/1 var(--font);color:var(--accent)}
.vote:hover{transform:translateY(-2px);background:#3a2945;box-shadow:none}
.vote.on{background:var(--gold-grad);box-shadow:none;border-color:transparent}
.rank{box-shadow:none}
.card{background:var(--surface);border:1px solid var(--line);box-shadow:none;outline:0}
.card::before,.card::after,.modal::before,.modal::after{display:none!important}
.form-card{padding:1.7rem 2rem;gap:1rem}
#ideaForm{scroll-margin-top:calc(var(--head-h) + 1rem)}
#ideaForm .card-head h2{font-size:2.6rem;letter-spacing:-.04em}
.card-head h2{font:800 1.65rem/1.2 var(--font)}.card-head h2 span{display:none}
.field-label{font-size:.95rem;color:var(--text);text-transform:none;letter-spacing:0;font-weight:650}
.field{font-size:.95rem;min-height:2.8rem;padding:.65rem .9rem;background:var(--field-bg)}
.counter{font-size:.7rem;font-weight:500}.hint{font-size:.75rem;line-height:1.6;font-weight:500}
#ideaForm textarea{min-height:6.5rem}
#ideaForm .form-row{flex-direction:column;align-items:stretch;gap:1rem}
#ideaForm .btn-submit{min-height:3rem;width:100%}
.twitch-account{font-size:.8rem}.twitch-account .btn{width:100%;min-height:2.5rem;font-size:.8rem}
#privateFeedback{background:#332237;border-color:var(--accent);color:var(--text);box-shadow:none;font-size:.9rem}
#privateFeedback .feedback-title{font-size:1rem}
.conversation-dialog{background:var(--panel);border:1px solid var(--line2);color:var(--text)}
.conversation-message.from-admin{border-color:var(--accent);background:#ff928b12}
.modal,.modal.parchment{background:var(--panel);border:1px solid var(--line2);box-shadow:var(--shadow);color:var(--text)}
.modal.parchment[open]{animation:modalIn .2s ease}
.parchment .m-desc::first-letter{float:none;font:inherit;color:inherit;padding:0;text-shadow:none}
.parchment .vote-big,.parchment .vote-big:hover,.parchment .vote-big.on{background:var(--gold-grad);color:var(--on-accent);border-color:transparent;box-shadow:none}
.parchment select.field option{background:var(--panel);color:var(--text)}
.parchment .mine-badge{color:#ffc2dd}
.modal-head h2{font-size:1.6rem}.modal::backdrop{background:#0d081bcc}
.hero-videos{padding:2.5rem 0;gap:2rem}.hero-videos h1{font-size:2.8rem}.hero-videos .lead{font-size:1rem}
.vcard{background:var(--panel);box-shadow:none;border-color:var(--line)}
.vcard:hover{box-shadow:none;border-color:var(--line2)}
.announce{background:#382438;border-color:var(--line);box-shadow:none}.announce-row p{color:var(--text)}
.footer{border-color:var(--line);background:#110c1b}.tabbar{border-color:var(--line);background:#1b142cf5}
.tb-add{box-shadow:0 0 0 5px #1b142c;animation:none}
@media(min-width:1550px){.topbar-row{gap:1.8rem}.search{width:15rem}.search:focus-within{width:17rem}}
@media(max-width:1200px){.topbar .admin-contact{display:none}.search{width:10rem}.search:focus-within{width:11rem}.btn-donate{display:none}.topbar-row{gap:.7rem}.nav-link{font-size:.85rem;padding:0 .6rem}.sunset-content{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}#ideas,.form-card{padding:1.5rem}.hero h1{font-size:2.8rem}}
@media(max-width:960px){.nav button.nav-link{display:none}.sunset-content{grid-template-columns:minmax(0,1fr) 320px;gap:.8rem}#ideas,.form-card{padding:1.2rem}.feed-head h2,#ideaForm .card-head h2{font-size:1.7rem}#page-ideas .hero-text{padding-left:8vw}.hero-videos{grid-template-columns:1fr}.search{width:10rem}.search:focus-within{width:11rem}.brand-text{font-size:1.4rem}.idea{gap:.8rem}.idea h3{font-size:1.1rem}}
@media(max-width:760px){:root{--head-h:4.3rem}.topbar .admin-contact{display:inline-flex;margin-left:auto;font-size:.65rem;padding:0 .5rem}.top-actions{margin-left:0}.topbar-row{gap:.5rem}.brand-bean{width:1.7rem;height:2rem}.brand-text{font-size:1.1rem}.nav{display:none}.search{display:none;position:absolute;top:calc(var(--head-h) + .4rem);left:0;right:0;width:auto;background:var(--panel)}.search.open,.search.open:focus-within{display:flex;width:auto}.bg-scene{height:490px}.bg-img{background-position:59% top}.sunset-content{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.sunset-content>*{width:100%}#ideaForm{order:-1}#page-ideas>.hero,body.has-callout #page-ideas .hero{padding:2rem 0;min-height:300px}#page-ideas .hero-text{padding-left:0}.hero h1{font-size:clamp(2rem,6.6vw,3rem)}.lead{font-size:1rem}.sunset-cta{min-width:210px}.feed-bar{align-items:stretch}.tabs,.chips{margin-inline:0;padding-inline:0;max-width:100%}.seg-sort{margin-left:0}.seg-sort button{font-size:.75rem}.chip{min-height:2.3rem;padding:0 .8rem}.feed-head h2{font-size:1.9rem}.idea h3{font-size:1.1rem}.idea-desc{font-size:.85rem}.idea{gap:.8rem;padding:1.25rem 0}.vote{width:3rem;height:4rem}.form-card{padding:1.3rem}.hero-videos{padding-top:2rem}.modal-head h2{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.sunset-cta{transition:none}}
@media(min-width:761px) and (max-width:1200px){.topbar .admin-contact{display:inline-flex;font-size:.7rem}.nav button.nav-link{display:none}}
@media(max-width:760px){#page-ideas .hero .live-pill{position:static}.bg-img{background-size:auto 490px}}

/* Форма и выбор зрителей — одна строка под общим заголовком. */
.hero-videos>.hero-text{grid-column:1/-1;max-width:48rem}
.hero-videos>.form-card{margin-top:0}
.hero-videos>.featured{position:static;top:auto;animation:none;align-self:stretch}
.hero-videos>.form-card{align-self:stretch}
.hero-videos>.form-card .form-row-end{margin-top:auto}
.hero-videos>.featured>.reactions{margin-top:auto}

.brand-avatar{width:2.8rem;height:2.8rem;object-fit:contain;flex:none}
@media(max-width:760px){.brand-avatar{width:2.2rem;height:2.2rem}}