:root{--bg:#05070f;--panel:#ffffff08;--panel-solid:#0b0f1c;--border:#ffffff1a;--text:#eef1f6;--muted:#8b94a7;--orange:#fb923c;--blue:#38bdf8;--font-display:"Space Grotesk", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);background-image:radial-gradient(60% 40% at 15% 0,#fb923c21,#0000 60%),radial-gradient(60% 40% at 85% 100%,#38bdf81f,#0000 60%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;background-attachment:fixed;min-height:100vh}button{font:inherit;cursor:pointer}.menu-page{max-width:1000px;margin:0 auto;padding:72px 24px 56px}.hero{text-align:center;margin-bottom:64px}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:5px;color:var(--orange);text-shadow:0 0 18px #fb923c99;margin-bottom:16px;font-size:14px;font-weight:700}.hero-title{font-family:var(--font-display);letter-spacing:-2px;background:linear-gradient(100deg, #fdba74, var(--orange) 30%, var(--blue) 70%, #7dd3fc);color:#0000;filter:drop-shadow(0 0 26px #fb923c59)drop-shadow(0 0 60px #38bdf840);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:64px;font-weight:700;animation:8s ease-in-out infinite alternate gradient-drift}@keyframes gradient-drift{0%{background-position:0%}to{background-position:100%}}.hero-tagline{color:var(--muted);max-width:560px;margin:0 auto;font-size:18px;line-height:1.6}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.tile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);color:var(--text);background:linear-gradient(160deg,#ffffff0d,#ffffff03);border-radius:18px;padding:34px 30px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.tile:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 70%, transparent), transparent);height:1px;position:absolute;top:0;left:10%;right:10%}.tile-live{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 0 40px color-mix(in srgb, var(--accent) 5%, transparent);animation:3.2s ease-in-out infinite tile-pulse}@keyframes tile-pulse{0%,to{box-shadow:0 0 24px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 0 40px color-mix(in srgb, var(--accent) 5%, transparent)}50%{box-shadow:0 0 42px color-mix(in srgb, var(--accent) 26%, transparent), inset 0 0 40px color-mix(in srgb, var(--accent) 8%, transparent)}}.tile-live:hover{border-color:var(--accent);box-shadow:0 0 50px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 0 50px color-mix(in srgb, var(--accent) 10%, transparent);animation:none;transform:translateY(-5px)}.tile-icon{width:60px;height:60px;font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 16px color-mix(in srgb, var(--accent) 80%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--accent) 15%, transparent);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;font-size:28px;font-weight:700;display:flex}.tile-name{font-family:var(--font-display);margin-bottom:8px;font-size:23px;font-weight:700}.tile-desc{color:var(--muted);margin-bottom:22px;font-size:15px;line-height:1.55}.tile-cta{font-family:var(--font-mono);letter-spacing:3px;color:var(--accent);text-shadow:0 0 14px color-mix(in srgb, var(--accent) 70%, transparent);font-size:13px;font-weight:700;transition:letter-spacing .18s}.tile-live:hover .tile-cta{letter-spacing:5px}.tile-locked{opacity:.55;filter:saturate(.6);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:240px;display:flex}.tile-locked .tile-icon{width:68px;height:68px;margin-bottom:0;font-size:32px}.tile-badge{font-family:var(--font-mono);letter-spacing:3px;color:color-mix(in srgb, var(--accent) 75%, white);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.menu-footer{text-align:center;font-family:var(--font-mono);letter-spacing:4px;color:var(--muted);margin-top:56px;font-size:13px;font-weight:700}.cursor{color:var(--orange);animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.tool-page{max-width:1000px;margin:0 auto;padding:36px 24px}.tool-header{align-items:center;gap:20px;margin-bottom:30px;display:flex}.tool-header h1{font-family:var(--font-display);background:linear-gradient(100deg, #fdba74, var(--orange));color:#0000;filter:drop-shadow(0 0 18px #fb923c66);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700}.back-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:2px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s}.back-link:hover{color:var(--text);border-color:#ffffff4d;box-shadow:0 0 18px #ffffff14}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.project-picker{align-items:center;gap:10px;display:flex}select,input,textarea{background:var(--panel-solid);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:10px;padding:10px 13px;font-size:15px}select:focus,input:focus,textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 16px #fb923c40}.btn{font-size:14px;font-weight:700;font-family:var(--font-display);letter-spacing:.5px;border:1px solid #0000;border-radius:10px;padding:10px 18px;transition:all .15s}.btn-primary{background:linear-gradient(100deg, #f97316, var(--orange));color:#180d02;box-shadow:0 0 20px #fb923c59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px #fb923c8c}.btn-ghost{background:var(--panel);color:var(--text);border-color:var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:#ffffff4d;box-shadow:0 0 14px #ffffff12}.filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);letter-spacing:1px;background:0 0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .15s}.chip-active{border-color:var(--orange);color:var(--orange);text-shadow:0 0 12px #fb923c99;box-shadow:0 0 16px #fb923c33}.rfi-list{flex-direction:column;gap:9px;display:flex}.rfi-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text);text-align:left;background:linear-gradient(160deg,#ffffff0a,#ffffff03);border-radius:12px;grid-template-columns:96px 1fr 160px 170px 100px;align-items:center;gap:12px;padding:15px 18px;font-size:15px;transition:all .15s;display:grid}.rfi-row:hover{border-color:#fb923c99;transform:translateY(-1px);box-shadow:0 0 22px #fb923c2e}.rfi-overdue{border-color:#f8717166;box-shadow:0 0 18px #f871711f}.rfi-number{font-family:var(--font-mono);color:var(--orange);text-shadow:0 0 12px #fb923c80;font-size:13px;font-weight:700}.rfi-subject{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rfi-bic,.rfi-date{color:var(--muted);font-size:13px}.pill{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;text-align:center;border:1px solid #0000;border-radius:999px;padding:5px 0;font-size:11px;font-weight:700}.pill-draft{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa66;box-shadow:0 0 12px #a78bfa26}.pill-open{color:var(--orange);background:#fb923c14;border-color:#fb923c66;box-shadow:0 0 12px #fb923c26}.pill-answered{color:var(--blue);background:#38bdf814;border-color:#38bdf866;box-shadow:0 0 12px #38bdf826}.pill-closed{color:#4ade80;background:#4ade8014;border-color:#4ade8066;box-shadow:0 0 12px #4ade8026}.notice{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px dashed var(--border);text-align:center;border-radius:18px;padding:52px 32px}.notice h2{font-family:var(--font-display);margin-bottom:10px;font-size:21px}.notice p{color:var(--muted);font-size:15px}.notice code{font-family:var(--font-mono);color:var(--orange)}.capture-box{background:#fb923c0d;border:1px solid #fb923c40;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.capture-box input[type=file]{padding:8px;font-size:13px}.photo-preview{border:1px solid var(--border);object-fit:contain;border-radius:10px;align-self:flex-start;max-width:100%;max-height:220px}.hint{color:var(--muted);font-size:13px}.clarify-box{background:#38bdf80d;border:1px solid #38bdf84d;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.clarify-box h3{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--blue);text-shadow:0 0 12px #38bdf880;font-size:12px}.clarify-box label{font-family:var(--font-body);text-transform:none;letter-spacing:normal;color:var(--text);font-size:14px;font-weight:600}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-photos{flex-wrap:wrap;gap:10px;display:flex}.outcome-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.outcome-label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#02040abf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel-solid);border:1px solid #fb923c40;border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:440px;max-height:90vh;padding:30px;display:flex;overflow-y:auto;box-shadow:0 0 60px #fb923c1f}.modal-wide{max-width:620px}.modal h2{font-family:var(--font-display);font-size:20px}.modal label{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.modal label input,.modal label textarea{font-family:var(--font-body);letter-spacing:normal;text-transform:none}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.detail-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-head .pill{flex-shrink:0;padding:5px 14px}.detail-meta{color:var(--muted);font-size:13px;font-family:var(--font-mono);flex-wrap:wrap;gap:20px;display:flex}.detail-question h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:6px;font-size:12px}.detail-question p{white-space:pre-wrap;font-size:15px;line-height:1.6}@media (width<=720px){.hero-title{letter-spacing:-1px;font-size:40px}.rfi-row{grid-template-columns:80px 1fr 90px}.rfi-bic,.rfi-date{display:none}}
