@font-face{font-family:ShiftatCairo;src:url('/cairo.woff2') format('woff2');font-display:swap}
:root{--bg:#061329;--surface:#0b1b35;--surface-2:#102441;--text:#f5f8fc;--muted:#aab5c8;--line:#283b57;--teal:#37c4c8;--teal-dark:#052333;--amber:#f2ae42;--blue:#4fb3ee;--green:#69c28c;--red:#ff7c85;--radius:10px;--shadow:0 -16px 44px rgba(0,0,0,.38)}
*{box-sizing:border-box}[hidden]{display:none!important}
html{color-scheme:dark;background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:ShiftatCairo,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;inset-inline-start:16px;top:-80px;background:var(--teal);color:var(--teal-dark);padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid rgba(55,196,200,.38);outline-offset:3px}
.site-header{min-height:68px;padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--bg);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:20px;font-weight:800}.brand-section{font-weight:500;padding-inline-start:10px;margin-inline-start:2px;border-inline-start:1px solid #68758a}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:var(--teal);color:var(--teal-dark);font-size:19px;font-weight:900;font-style:italic}.header-actions{display:flex;align-items:center;gap:5px}.language-button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 10px;color:var(--text);font-weight:800;display:inline-flex;align-items:center;gap:6px}.language-button:hover{border-color:var(--teal);color:var(--teal)}.button{min-height:44px;border-radius:9px;border:1px solid transparent;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:background .15s,border-color .15s,transform .15s}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--teal);color:var(--teal-dark)}.button-primary:hover{background:#5bd2d5}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.button-secondary:hover{border-color:var(--teal)}.button-wide{width:100%}
.site-header .button-primary{width:44px;padding:0}.site-header .button-primary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.public-main{width:min(100%,720px);margin:0 auto;padding:32px 18px 112px}.intro{margin-bottom:26px}.intro h1{font-size:clamp(32px,9vw,42px);line-height:1.12;letter-spacing:-.025em;color:var(--text);margin:0 0 10px}.intro p{font-size:16px;color:var(--muted);margin:0;max-width:620px}
.board-controls{display:flex;flex-direction:column;gap:14px;padding:0 0 12px;border-bottom:1px solid var(--line)}.query-controls{display:grid;grid-template-columns:1fr;gap:9px;order:-1}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;inset-inline-start:13px;color:var(--muted)}.search-field input{width:100%;height:48px;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px 0 43px;background:var(--surface);color:var(--text)}[dir="rtl"] .search-field input{padding:0 43px 0 12px}.search-field input::placeholder{color:#8795ab}.sort-field select{height:48px;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:0 10px;background:var(--surface);color:var(--text)}.search-field input:focus,.sort-field select:focus{border-color:var(--teal);outline:2px solid rgba(55,196,200,.18)}.sort-field{display:none}.status-tabs{display:flex;gap:4px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.status-tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:transparent;padding:9px 13px;font-weight:700;color:var(--muted);white-space:nowrap}.tab:hover{color:var(--text)}.tab.is-active{border-color:var(--teal);color:var(--teal);background:rgba(55,196,200,.07)}
.notice{margin:14px 0;padding:11px 13px;border:1px solid var(--teal);border-radius:8px;background:var(--surface);color:var(--teal)}.notice.is-error{border-color:var(--red);color:var(--red)}.ideas-list{min-height:150px}.idea-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.vote-button{align-self:start;width:66px;min-height:84px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:800;transition:background .15s,border-color .15s,transform .15s}.vote-button svg{color:var(--teal);font-size:19px}.vote-button strong{font-size:19px;line-height:1.2}.vote-button .vote-label{max-width:60px;font-size:11px;line-height:1.25;white-space:normal}.vote-button:hover{border-color:var(--teal);background:rgba(55,196,200,.07)}.vote-button:active{transform:translateY(1px)}.vote-button.is-voted{background:var(--teal);border-color:var(--teal);color:var(--teal-dark)}.vote-button.is-voted svg{color:var(--teal-dark)}.idea-content{min-width:0}.idea-heading{display:block}.idea-heading h2{font-size:18px;line-height:1.35;margin:0;color:var(--text);overflow-wrap:anywhere}.idea-description{margin:4px 0 8px;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.idea-image{display:block;width:min(100%,520px);height:auto;max-height:420px;object-fit:contain;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;margin:12px 0}.idea-meta{display:none}.status{display:inline-flex;padding:0;border-radius:0;font-weight:750;font-size:13px}.status-under_review{color:var(--amber)}.status-planned{color:var(--teal)}.status-in_progress{color:var(--blue)}.status-shipped{color:var(--green)}.status-declined{color:var(--muted)}.official-response{margin-top:12px;border-inline-start:2px solid var(--teal);padding:7px 11px;background:var(--surface)}.official-response strong{display:block;color:var(--teal);font-size:12px}.official-response p{margin:2px 0;color:var(--muted);font-size:13px;white-space:pre-wrap}.idea-skeleton{height:112px;border-bottom:1px solid var(--line);background:var(--surface);animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.45}}.empty-state{text-align:center;padding:64px 18px}.empty-state h2{color:var(--text);margin:0}.empty-state p{color:var(--muted);margin:7px 0 20px}.load-more{display:flex;margin:24px auto 0}
.suggestion-dialog{position:fixed;inset:auto 0 0 0;width:min(100%,680px);max-width:none;height:min(88dvh,760px);max-height:none;margin:0 auto;border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:auto}.suggestion-dialog[open]{animation:sheet-in .2s ease-out}.suggestion-dialog::backdrop{background:rgba(0,6,17,.72)}@keyframes sheet-in{from{transform:translateY(28px);opacity:.7}}.suggestion-dialog::before{content:'';display:block;position:absolute;top:10px;left:50%;width:48px;height:4px;border-radius:4px;background:#64738b;transform:translateX(-50%)}.dialog-close-form{position:absolute;top:18px;inset-inline-end:16px}.icon-button{width:40px;height:40px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center}.icon-button:hover{background:var(--surface-2)}.suggestion-form{padding:48px 20px 30px;display:grid;gap:19px}.suggestion-form header{padding-inline-end:38px}.suggestion-form header h2{font-size:25px;color:var(--text);margin:0}.suggestion-form header p{margin:4px 0 0;color:var(--muted);font-size:14px}.suggestion-form label{display:grid;gap:6px;font-weight:750;color:var(--text)}.suggestion-form input,.suggestion-form textarea,.suggestion-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--bg);font-weight:400;resize:vertical}.suggestion-form input:focus,.suggestion-form textarea:focus,.suggestion-form select:focus{border-color:var(--teal);outline:2px solid rgba(55,196,200,.18)}.suggestion-form small{text-align:end;color:var(--muted);font-weight:400}.image-field{display:grid;gap:6px}.image-field>label{font-weight:750}.image-field input[type="file"]{padding:9px}.image-preview{display:grid;gap:8px}.image-preview img{display:block;max-width:100%;max-height:260px;border:1px solid var(--line);border-radius:9px;object-fit:contain;background:var(--surface-2)}.image-preview .button{justify-self:start}.honeypot{position:absolute!important;left:-10000px!important}.review-note{display:flex;gap:9px;padding:11px;background:var(--surface-2);border-radius:8px;color:var(--muted);font-size:13px}.review-note svg{flex:0 0 auto}.form-error{padding:10px;border:1px solid var(--red);border-radius:8px;color:var(--red)}.submission-success{text-align:center;padding:120px 28px}.success-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:var(--teal-dark);font-size:28px}.submission-success h2{font-size:28px;margin:0}.submission-success p{color:var(--muted);margin:7px 0 22px}
.mobile-action-bar{position:fixed;z-index:15;inset:auto 0 0;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.mobile-action-bar .button{width:min(100%,684px);margin:0 auto;display:flex}
@media(min-width:720px){.site-header{padding-inline:28px}.public-main{padding-top:44px;padding-bottom:70px}.query-controls{grid-template-columns:1fr 130px}.sort-field{display:block}.idea-row{grid-template-columns:72px 1fr;gap:20px}.vote-button{width:68px}.suggestion-form{padding-inline:34px}.site-header .button-primary{width:auto;padding:10px 16px}.site-header .button-primary span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.mobile-action-bar{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}