.proposal-hero { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:6px 0 30px; }
.proposal-hero h1 { font-size:32px; margin:10px 0 12px; letter-spacing:-.7px; }
.proposal-hero > div > p:last-of-type { color:var(--muted); font-size:14px; margin-bottom:18px; }
.proposal-eyebrow { display:flex; align-items:center; gap:7px; color:var(--blue); font-size:12px; margin:0; }
.proposal-eyebrow .ico { width:15px; height:15px; }
.proposal-hero .hero-promo { position:static; flex:none; }
.proposal-stats { display:flex; gap:30px; align-items:center; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:24px; color:var(--muted); font-size:12px; }
.proposal-stats > span { display:flex; align-items:center; gap:8px; }
.proposal-stats b { font-size:18px; color:var(--ink); font-weight:600; }
.proposal-stats .ico { color:var(--blue); width:16px; height:16px; }
.proposal-stats small { margin-left:auto; font-size:11px; }
.proposal-layout { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:28px; align-items:start; }
.proposal-feed { min-width:0; }
.proposal-tabs { display:flex; gap:22px; border-bottom:1px solid var(--line); overflow:auto; scrollbar-width:thin; }
.proposal-tabs a { white-space:nowrap; padding:0 0 16px; color:var(--muted); font-size:13px; border-bottom:2px solid transparent; }
.proposal-tabs a.active { color:var(--blue); border-color:var(--blue); font-weight:600; }
.proposal-toolbar { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:18px 0; }
.proposal-search { display:flex; gap:8px; align-items:center; border:1px solid var(--line); border-radius:9px; background:var(--card); padding:0 12px; width:310px; max-width:100%; }
.proposal-search .ico { width:16px; color:var(--muted); flex:none; }
.proposal-search input { border:0; outline:0; background:transparent; color:var(--ink); padding:11px 0; font:inherit; font-size:12px; min-width:0; width:100%; }
.proposal-search:focus-within { border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft); }
.proposal-sort { display:flex; gap:14px; flex:none; font-size:12px; }
.proposal-sort a { color:var(--muted); }
.proposal-sort a.active { color:var(--blue); }
.proposal-card { display:flex; gap:20px; padding:24px; margin-bottom:14px; border:1px solid var(--line); border-radius:13px; background:var(--card); transition:border-color .15s; }
.proposal-card:hover { border-color:var(--blue-line); }
.proposal-vote { align-self:flex-start; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:60px; min-height:86px; border:1px solid var(--line); border-radius:9px; color:var(--muted); background:var(--card); cursor:pointer; padding:8px; }
.proposal-vote > span { font-size:23px; line-height:1; }
.proposal-vote b { color:var(--ink); font-size:20px; line-height:1.25; font-weight:600; }
.proposal-vote small { font-size:10px; white-space:nowrap; }
.proposal-vote:hover, .proposal-vote.supported { color:var(--blue); border-color:var(--blue-line); background:var(--blue-soft); }
.proposal-vote.supported b { color:var(--blue); }
.proposal-vote:disabled { opacity:.6; cursor:wait; }
.proposal-vote:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.proposal-card-main { min-width:0; flex:1; }
.proposal-card-title { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.proposal-card h2 { font-size:17px; margin:0 0 8px; overflow-wrap:anywhere; }
.proposal-card h2 a { color:var(--ink); }
.proposal-card h2 a:hover { color:var(--blue); }
.proposal-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.proposal-avatar { width:38px; height:38px; background:var(--blue-soft); color:var(--blue); border-radius:10px; display:grid; place-items:center; font-size:18px; flex:none; }
.proposal-visit { display:inline-flex; align-items:center; gap:7px; color:var(--ink-2); font-size:11px; background:var(--soft); border:1px solid var(--line); border-radius:5px; padding:5px 8px; overflow-wrap:anywhere; }
.proposal-visit strong { color:var(--ink); font-weight:500; word-break:break-all; }
.proposal-visit .ico { width:12px; height:12px; flex:none; }
.proposal-status, .proposal-pin { display:inline-block; padding:4px 7px; border-radius:5px; font-size:10px; white-space:nowrap; background:var(--soft); color:var(--muted); }
.proposal-status.collecting { background:var(--blue-soft); color:var(--blue); }
.proposal-status.testing { background:var(--orange-bg); color:var(--orange); }
.proposal-status.scheduled { background:var(--blue-soft); color:var(--blue); }
.proposal-status.completed { background:var(--green-bg); color:var(--green); }
.proposal-pin { margin-right:5px; color:var(--blue); }
.proposal-description { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink-2); line-height:1.85; font-size:13px; margin:18px 0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.proposal-description.expanded { display:block; }
.proposal-models, .proposal-tests { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:12px 0; }
.proposal-models > span, .proposal-tests > span:first-child { font-size:11px; color:var(--muted); margin-right:3px; }
.proposal-models code { border:1px solid var(--line); border-radius:5px; background:var(--soft); color:var(--ink-2); padding:3px 6px; font-size:11px; max-width:100%; overflow-wrap:anywhere; }
.proposal-test { display:inline-flex; gap:5px; align-items:center; border:1px solid var(--blue-line); background:var(--blue-soft); color:var(--blue); border-radius:5px; padding:5px 8px; font-size:11px; }
.proposal-test .ico { width:13px; height:13px; }
.proposal-card footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; padding-top:13px; border-top:1px solid var(--line); font-size:11px; color:var(--muted); }
.proposal-card footer a { color:var(--muted); display:flex; align-items:center; gap:5px; }
.proposal-card footer .ico { width:12px; height:12px; }
.proposal-submit, .proposal-progress { padding:22px; position:sticky; top:85px; border-radius:13px; box-shadow:none; }
.proposal-submit { position:static; }
.proposal-submit-title { display:flex; gap:12px; align-items:center; margin-bottom:24px; }
.proposal-submit-title > span { width:34px; height:34px; border-radius:8px; display:grid; place-items:center; font-size:23px; color:var(--blue); background:var(--blue-soft); flex:none; }
.proposal-submit h2, .proposal-progress h2 { margin:0; font-size:15px; }
.proposal-submit-title p { margin:5px 0 0; color:var(--muted); font-size:11px; }
#proposal-form > label { display:flex; flex-direction:column; gap:9px; font-size:12px; color:var(--ink-2); margin-bottom:18px; }
.proposal-submit input:not([type=checkbox]), .proposal-submit textarea, .proposal-discussion input, .proposal-discussion textarea { width:100%; border:1px solid var(--line); border-radius:7px; background:var(--card); color:var(--ink); padding:10px 12px; font:inherit; font-size:12px; line-height:1.7; min-width:0; }
.proposal-submit textarea, .proposal-discussion textarea { resize:vertical; }
.proposal-submit input:focus, .proposal-submit textarea:focus, .proposal-discussion input:focus, .proposal-discussion textarea:focus { outline:2px solid var(--blue-line); border-color:var(--blue); }
.proposal-submit input::placeholder, .proposal-submit textarea::placeholder, .proposal-discussion input::placeholder, .proposal-discussion textarea::placeholder { color:var(--faint); }
.proposal-submit fieldset { border:0; padding:0; margin:0 0 18px; min-width:0; }
.proposal-submit legend { font-size:12px; color:var(--ink-2); margin-bottom:10px; }
.proposal-test-options { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.proposal-test-options label { display:flex; align-items:center; gap:7px; padding:9px 8px; border:1px solid var(--line); border-radius:6px; cursor:pointer; color:var(--ink-2); font-size:11px; }
.proposal-test-options label:has(:checked) { border-color:var(--blue-line); background:var(--blue-soft); color:var(--blue); }
.proposal-test-options input { accent-color:var(--blue); margin:0; }
.proposal-test-options .ico { width:13px; height:13px; flex:none; }
.proposal-form-note, .proposal-vote-note { font-size:11px; color:var(--muted); line-height:1.8; }
.proposal-error { color:var(--red); font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.proposal-error:empty { display:none; }
.proposal-empty { padding:56px 20px; text-align:center; color:var(--muted); }
.proposal-empty > .ico { width:30px; height:30px; color:var(--blue); }
.proposal-empty h2 { color:var(--ink); font-size:17px; margin:15px 0; }
.proposal-empty p { font-size:13px; }
.proposal-pagination { display:flex; align-items:center; justify-content:flex-end; gap:10px; font-size:11px; color:var(--muted); margin:20px 0; }
.proposal-pagination > span { margin-right:auto; }
.proposal-back { display:inline-block; margin:0 0 20px; font-size:13px; }
.proposal-update { background:var(--soft); border-radius:7px; padding:12px; margin:16px 0 5px; font-size:12px; }
.proposal-update strong { color:var(--blue); font-size:11px; }
.proposal-update p { margin:7px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink-2); line-height:1.8; }
.proposal-report { display:flex; align-items:center; gap:6px; margin:15px 0; font-size:12px; }
.proposal-report .ico { width:15px; height:15px; }
.proposal-progress p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; color:var(--ink-2); font-size:13px; }
.proposal-current { padding-top:22px; }
.proposal-progress hr { border:0; border-top:1px solid var(--line); margin:22px 0; }
.proposal-progress > small { color:var(--muted); font-size:11px; line-height:1.9; }
.proposal-discussion { padding:24px; margin-top:24px; border-radius:13px; box-shadow:none; scroll-margin-top:85px; }
.proposal-discussion > h2 { display:flex; align-items:center; gap:8px; font-size:17px; margin:0 0 22px; }
.proposal-discussion h2 .ico { width:18px; height:18px; color:var(--blue); }
.proposal-discussion h2 small { color:var(--muted); font-size:12px; font-weight:400; }
#proposal-comment-form > div { display:flex; align-items:center; gap:15px; margin-bottom:10px; }
#proposal-comment-form input { width:180px; }
#proposal-comment-form > div span { color:var(--muted); font-size:11px; }
#proposal-comment-form > button { margin-top:10px; }
.proposal-comments { margin-top:28px; }
.proposal-comments article { display:flex; gap:12px; padding:18px 0; border-top:1px solid var(--line); }
.proposal-comment-avatar { display:grid; place-items:center; background:var(--soft); border-radius:50%; width:32px; height:32px; color:var(--blue); flex:none; }
.proposal-comment-avatar .ico { width:17px; height:17px; }
.proposal-comments article > div { flex:1; min-width:0; }
.proposal-comments header { display:flex; align-items:center; gap:8px; font-size:12px; }
.proposal-comments time { color:var(--muted); margin-left:auto; font-size:11px; }
.proposal-comments p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; color:var(--ink-2); font-size:13px; margin:10px 0 0; }
.proposal-official { color:var(--blue); background:var(--blue-soft); padding:2px 6px; border-radius:4px; font-size:10px; }
.proposal-no-comments { text-align:center; padding:20px; color:var(--muted); }
#submit-proposal { scroll-margin-top:85px; }
.proposal-model-field { margin-bottom:18px; min-width:0; }
.proposal-model-field > span { display:block; color:var(--ink-2); font-size:12px; margin-bottom:9px; }
.proposal-model-picker { position:relative; }
.proposal-model-picker > summary { list-style:none; display:flex; align-items:center; gap:8px; padding:12px; border:1px solid var(--line); border-radius:7px; cursor:pointer; color:var(--muted); font-size:12px; background:var(--card); }
.proposal-model-picker > summary::-webkit-details-marker { display:none; }
.proposal-model-picker > summary > .ico { width:16px; height:16px; color:var(--blue); flex:none; }
.proposal-model-picker > summary > .ico:last-child { margin-left:auto; transition:transform .15s; }
.proposal-model-picker[open] > summary { border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft); }
.proposal-model-picker[open] > summary > .ico:last-child { transform:rotate(180deg); }
.proposal-model-picker summary:focus-visible, .proposal-model-field button:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.proposal-model-panel { position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:45; border:1px solid var(--line); border-radius:11px; background:var(--card); box-shadow:0 12px 35px rgba(25,45,85,.14); overflow:hidden; }
.proposal-model-search { display:flex; align-items:center; gap:7px; padding:10px; border-bottom:1px solid var(--line); }
.proposal-model-search > .ico { flex:none; color:var(--muted); width:15px; height:15px; }
.proposal-submit .proposal-model-search input { border:0; padding:3px 0; background:transparent; outline:none; font-size:11px; }
.proposal-model-search:focus-within { box-shadow:inset 0 -2px var(--blue); }
.proposal-model-options { max-height:260px; max-height:min(260px,40dvh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:0 6px 6px; }
.proposal-model-group h3 { position:sticky; top:0; z-index:1; margin:0; padding:10px 7px 7px; background:var(--card); color:var(--muted); font-size:10px; font-weight:600; }
.proposal-model-option { display:flex; align-items:center; gap:9px; border-radius:6px; padding:8px 7px; cursor:pointer; }
.proposal-model-option:hover, .proposal-model-option:has(:checked) { background:var(--blue-soft); }
.proposal-model-option > span:not(.m-dot) { flex:1; min-width:0; }
.proposal-model-option strong, .proposal-model-option small { display:block; font-weight:400; overflow-wrap:anywhere; }
.proposal-model-option strong { color:var(--ink); font-size:12px; }
.proposal-model-option small { font-size:10px; color:var(--muted); margin-top:3px; }
.proposal-model-option input { flex:none; accent-color:var(--blue); width:14px; height:14px; }
.proposal-model-chip .m-dot { width:18px; height:18px; }
.proposal-model-chip .m-dot svg { width:12px; height:12px; }
.proposal-model-selected { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.proposal-model-selected:empty { display:none; }
.proposal-model-chip { display:inline-flex; align-items:center; gap:5px; min-width:0; max-width:100%; padding:5px 6px; border:1px solid var(--blue-line); border-radius:6px; background:var(--blue-soft); color:var(--blue); font-size:10px; }
.proposal-model-chip > span:not(.m-dot) { min-width:0; overflow-wrap:anywhere; }
.proposal-model-chip button { display:grid; place-items:center; background:none; border:0; color:var(--muted); font-size:16px; line-height:1; padding:1px 3px; flex:none; }
.proposal-model-custom { display:block; width:100%; background:var(--blue-soft); color:var(--blue); border:0; border-top:1px solid var(--line); padding:11px; text-align:left; font-size:11px; overflow-wrap:anywhere; }
.proposal-model-custom[hidden] { display:none; }
.proposal-model-panel-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 12px; border-top:1px solid var(--line); font-size:10px; color:var(--muted); }
.proposal-model-panel-footer button { background:var(--blue); border:0; color:#fff; border-radius:5px; padding:5px 12px; font-size:11px; }
.proposal-model-empty { padding:16px 10px; color:var(--muted); font-size:11px; line-height:1.8; }
.proposal-models code { display:inline-flex; align-items:center; gap:5px; }
.proposal-models code .m-dot { width:17px; height:17px; }
.proposal-models code .m-dot svg { width:11px; height:11px; }
@media(min-width:1500px) { .proposal-layout { grid-template-columns:minmax(0,1fr) 380px; gap:30px; } .proposal-hero { padding-bottom:34px; } }
@media(max-width:1000px) { .proposal-layout { grid-template-columns:minmax(0,1fr) 310px; gap:18px; } .proposal-card { padding:18px; gap:14px; } .proposal-test-options { grid-template-columns:1fr; } .proposal-stats { gap:18px; } .proposal-stats small { display:none; } .proposal-hero .hero-promo { max-width:340px; } }
@media(max-width:760px) { .proposal-layout { grid-template-columns:1fr; } .proposal-submit,.proposal-progress { position:static; } .proposal-hero { display:block; } .proposal-hero .hero-promo { margin-top:22px; max-width:none; width:100%; } .proposal-hero h1 { font-size:28px; } .proposal-toolbar { align-items:stretch; flex-wrap:wrap; } .proposal-search { width:100%; } .proposal-sort { margin-left:auto; } .proposal-stats { gap:15px; flex-wrap:wrap; font-size:11px; } .proposal-stats b { font-size:16px; } .proposal-tabs { gap:18px; } .proposal-test-options { grid-template-columns:1fr 1fr; } .proposal-card { padding:16px 12px; gap:12px; } .proposal-avatar { display:none; } .proposal-vote { min-width:49px; min-height:80px; padding:7px 4px; } .proposal-card-title { gap:7px; } .proposal-card h2 { font-size:16px; } .proposal-visit { flex-wrap:wrap; font-size:10px; gap:5px; } .proposal-discussion { padding:18px; } #proposal-comment-form > div { flex-wrap:wrap; } .proposal-card footer { align-items:flex-start; } }