:root{--idea-ink:#1e293b;--idea-muted:#53647b;--idea-line:#dce5f1;--idea-blue:#2563eb}body{color:var(--idea-ink)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}.ideas-main{padding-block:24px 70px;min-height:70vh}.account-bar,.account-actions,.toolbar,.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.account-bar{font-size:14px;margin-bottom:36px;color:var(--idea-muted)}.account-actions{margin-left:auto}.account-actions .ideas-form{margin:0;width:auto}.account-actions .form-end{margin:0}.account-actions .button{padding:5px 10px;font-size:14px;background:#fff;color:var(--idea-ink);border-color:var(--idea-line)}.account-actions .form-status:empty{display:none}.account-settings{position:relative;border:0;padding:0}.account-settings form{position:absolute;right:0;top:35px;background:white;border:1px solid var(--idea-line);padding:20px;border-radius:16px;box-shadow:0 12px 40px #17294b22;z-index:4;width:290px!important}.page-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.page-heading h1{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-1px;line-height:1.14}.page-heading .eyebrow{margin:0 0 5px}.idea-symbol{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:72px;height:72px;background:#f0eaff;color:#7844c9;border:1px solid #e4d7fa;border-radius:22px;font-size:38px}.ideas-main>.lead{max-width:770px}.toolbar{margin:26px 0}.tab{padding:10px 16px;border-radius:12px;background:#f5f7fb;text-decoration:none;color:var(--idea-muted)}.tab.active{color:#2358bd;background:#eaf1ff}.list-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:24px 0 30px;padding:20px;border-radius:16px;background:#f7f9fc}.list-filters label{min-width:160px;flex:1}.list-filters label:first-child{flex:1.5}.list-filters .button{min-height:46px}.ideas-main label{display:grid;gap:7px;font-size:15px;font-weight:600;color:var(--idea-ink)}.ideas-main input:not([type=checkbox]):not([type=file]),.ideas-main select,.ideas-main textarea{width:100%;min-width:0;background:white;color:var(--idea-ink);border:1px solid #cbd6e6;padding:11px 13px;border-radius:10px;line-height:1.45}.ideas-main textarea{resize:vertical}.ideas-main input:focus,.ideas-main select:focus,.ideas-main textarea:focus{outline:3px solid #c7d8ff;border-color:#2563eb}.ideas-main label.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400}.check input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--idea-blue)}.idea-list{display:grid;gap:16px}.idea-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;border:1px solid var(--idea-line);border-radius:20px;padding:24px;background:linear-gradient(130deg,#fff,#fafcff)}.idea-card h2{font-size:22px;line-height:1.35;margin:10px 0;letter-spacing:-.4px;overflow-wrap:anywhere}.idea-card h2 a{color:var(--idea-ink);text-decoration:none}.idea-card h2 a:hover{color:var(--idea-blue)}.idea-card p{margin:0 0 12px;color:var(--idea-muted);overflow-wrap:anywhere}.vote-count{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:#eef4ff;color:#2458bb;height:78px;text-decoration:none;line-height:1.25}.vote-count span{font-size:24px}.vote-count strong{font-size:21px}.card-meta{gap:10px;font-size:13px;color:var(--idea-muted)}.badge{display:inline-flex;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:650;line-height:1.4;background:#eef2f8;color:#46566e}.badge-new{background:#eaf1ff;color:#2458b8}.badge-planned{background:#f0eaff;color:#7445b6}.badge-working,.badge-amber{background:#fff4d9;color:#8a610b}.badge-done{background:#e1f5ea;color:#186747}.badge-rejected{background:#fff0ec;color:#a44732}.badge-developer{background:#e5f4f1;color:#18756a}.small,.muted{color:var(--idea-muted);font-size:14px}.ideas-form{max-width:760px;display:grid;gap:18px;margin:24px 0}.ideas-form p{margin:0}.form-end{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:4px}.form-status{font-size:14px;max-width:580px}.ideas-form [aria-disabled=true]{opacity:.48}.ideas-form [aria-disabled=true]:hover{background:var(--idea-blue)}.ideas-form .is-sending{opacity:.8}.ideas-form .vote-toggle[aria-pressed=true]{background:#e6f4ec;color:#176643;border-color:#b8dec9}.vote-toggle{min-width:190px}.upload-box{border:1px dashed #b6c7de;background:#f7faff;border-radius:14px;padding:18px}.upload-box p{font-size:13px;color:var(--idea-muted);margin-top:8px}.upload-pick{display:inline-flex!important;position:relative;border:1px solid #ced9e9;background:#fff;padding:9px 14px;border-radius:9px;cursor:pointer;overflow:hidden}.upload-pick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.upload-pick:focus-within{outline:3px solid #bcd0fd}.is-dragging{background:#edf0ff;border-color:#6366f1}.upload-previews{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.upload-previews:empty{display:none}.upload-preview{position:relative}.upload-preview img{width:112px;height:90px;object-fit:contain;background:#fff;border:1px solid var(--idea-line);border-radius:10px}.upload-preview button{position:absolute;right:-6px;top:-8px;border:1px solid var(--idea-line);border-radius:50%;background:white;width:27px;height:27px;font-size:20px;line-height:1}.back-link{display:inline-block;margin-bottom:22px}.idea-detail{max-width:900px}.idea-detail h1,.ideas-main>h1,.auth-panel h1{font-size:clamp(28px,3.6vw,42px);line-height:1.18;letter-spacing:-1px;overflow-wrap:anywhere}.user-text{font-size:17px;line-height:1.7;overflow-wrap:anywhere;margin:18px 0}.attachments{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.attachment{width:180px;max-width:100%}.attachment>a{display:block;border:1px solid var(--idea-line);border-radius:12px;overflow:hidden;background:#f6f8fc}.attachment img{width:180px;height:128px;object-fit:contain}.attachment .ideas-form{font-size:12px;gap:8px}.attachment .button{padding:6px 10px;font-size:13px}.notice{padding:15px 18px;background:#f6f2ff;border:1px solid #e6dcfa;border-radius:12px;font-size:15px;margin-block:20px}.discussion{max-width:900px;margin-top:44px}.discussion>h2{font-size:28px}.comment{border:1px solid var(--idea-line);border-radius:16px;padding:22px;margin:16px 0;background:#fff}.developer-comment{border-color:#bfddd7;background:#f6fcfa}.comment .small{margin:6px 0}.is-hidden{opacity:.7}.admin-editor{max-width:900px;border:1px solid #e3d9f3;border-radius:14px;padding:16px 20px;margin:20px 0;background:#fbf9ff}.admin-editor summary{color:#634a86}.admin-editor .ideas-form{margin-bottom:4px}.auth-panel{max-width:520px;margin:40px auto}.auth-panel .idea-symbol{width:64px;height:64px;font-size:30px}.auth-panel h1{margin:20px 0}.text-button{border:0;padding:0;text-align:left;background:none;color:var(--idea-blue);text-decoration:underline}.empty-state{padding:48px 24px;text-align:center;border:1px dashed #d7e0ee;border-radius:18px;background:#fafcff}.empty-state>span{font-size:46px;color:#8964c9}.empty-state h2{font-size:25px;margin:12px 0}.empty-state p{color:var(--idea-muted)}.pagination{display:flex;gap:10px;justify-content:center;margin:30px 0}.pagination a{padding:8px 14px;border:1px solid var(--idea-line);border-radius:10px;text-decoration:none}.pagination [aria-current]{background:var(--idea-blue);color:#fff}.image-viewer{border:0;border-radius:16px;padding:46px 50px 35px;max-width:96vw;max-height:94vh;background:#182338;color:#fff}.image-viewer::backdrop{background:#071326dc}.image-viewer img{max-height:78vh;max-width:calc(96vw - 100px);object-fit:contain}.image-viewer button{position:absolute;border:0;border-radius:8px;width:38px;height:38px;color:white;background:#ffffff1f;font-size:28px}.image-viewer [data-image-close]{top:5px;right:7px}.image-viewer [data-image-prev]{left:5px;top:48%}.image-viewer [data-image-next]{right:5px;top:48%}.image-viewer p{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:13px;margin:0}.rules{max-width:800px}.rules h2{font-size:25px;margin-top:30px}.error-page{font:17px/1.5 system-ui;margin:80px auto;padding:24px;max-width:700px;color:#1e293b}
@media(max-width:640px){.ideas-main{padding-top:18px}.account-bar{margin-bottom:26px}.account-actions{gap:8px}.page-heading{gap:12px}.idea-symbol{width:58px;height:58px;border-radius:17px;font-size:31px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:11px}.list-filters{padding:16px}.list-filters label{min-width:130px}.list-filters label:first-child{flex-basis:100%}.idea-card{grid-template-columns:46px minmax(0,1fr);gap:13px;padding:18px 14px}.vote-count{height:64px;border-radius:11px}.idea-card h2{font-size:19px}.idea-card p{font-size:15px}.account-settings form{right:-45px}.attachment{width:calc(50% - 7px)}.attachment img{width:100%;height:120px}.comment{padding:17px}.form-end{align-items:stretch;flex-direction:column}.account-actions .form-end{display:block}.form-end .button{width:100%}.image-viewer{padding:42px 32px 30px}.image-viewer img{max-width:calc(96vw - 64px)}.image-viewer button{width:28px;height:34px}.auth-panel{margin-top:20px}.upload-box{padding:14px}.account-actions .form-status{max-width:150px}}
@media(prefers-reduced-motion:no-preference){.idea-card,.button{transition:background .15s,border-color .15s}.image-viewer[open]{animation:idea-appear .18s ease-out}@keyframes idea-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
