:root{--glow:#f2a93b;--glow-soft:#fcebd0;--glow-ink:#6b4210;--dusk:#14213d;--dusk-2:#22325a;--porch:#fbf7f0;--card:#fff;--line:#e4dacb;--muted:#4b5563;--door:#2f5d66;--brick:#a33a1f;--brick-soft:#fbe5df;--green:#1e6b3f;--green-soft:#e3f0ea;--amber-ink:#7a4a00;--radius:20px;--font-body:"Atkinson Hyperlegible", system-ui, sans-serif;--font-head:"Nunito", "Atkinson Hyperlegible", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--porch);color:var(--dusk);font-family:var(--font-body);font-size:18px;line-height:1.5}a{color:var(--door)}a:hover{color:#1f4249}h1,h2,h3{font-family:var(--font-head);margin:0;font-weight:900;line-height:1.1}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--glow);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.wordmark{font-family:var(--font-head);letter-spacing:-.01em;white-space:nowrap;padding-top:.45em;font-weight:900;line-height:1;display:inline-block}.wordmark .i{display:inline-block;position:relative}.wordmark svg{width:.5em;height:.75em;position:absolute;bottom:.7em;left:50%;overflow:visible;transform:translate(-50%)}.btn{background:var(--card);min-height:48px;color:var(--dusk);border:2px solid #0000;border-color:var(--dusk);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{color:var(--dusk);background:#f6efe3}.btn-glow{background:var(--glow);border-color:var(--glow);color:var(--dusk)}.btn-glow:hover{color:var(--dusk);background:#f5b84e}.btn-dusk{background:var(--dusk);border-color:var(--dusk);color:var(--porch)}.btn-dusk:hover{background:var(--dusk-2);color:var(--porch)}.btn-brick{background:var(--brick);border-color:var(--brick);color:#fff}.btn-brick:hover{color:#fff;background:#8a3019}.btn-ghost{border-color:var(--line)}.btn-sm{border-radius:10px;min-height:40px;padding:6px 14px;font-size:15px}.btn[disabled]{opacity:.55;cursor:not-allowed}.sev{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;font-weight:700;display:inline-flex}.sev-red{background:var(--brick-soft);color:var(--brick)}.sev-amber{background:var(--glow-soft);color:var(--amber-ink)}.sev-green{background:var(--green-soft);color:var(--green)}.pill{color:#3d4756;white-space:nowrap;background:#eef0f3;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:15px;font-weight:700;display:inline-flex}.fam{min-height:100vh;font-size:20px}.fam-header{background:var(--dusk);color:var(--porch)}.fam-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:14px 24px;display:flex}.fam-header .wordmark{color:var(--porch);font-size:32px}.fam-who{color:#e6e9f0;align-items:center;gap:10px;font-size:18px;display:flex}.avatar{background:var(--glow);width:44px;height:44px;color:var(--dusk);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.fam-main{flex-direction:column;gap:36px;max-width:1080px;margin:0 auto;padding:32px 24px 64px;display:flex}.hero{background:var(--dusk);color:var(--porch);border-radius:28px;flex-direction:column;gap:24px;padding:40px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f2a93b52,#f2a93b00 65%);border-radius:50%;width:480px;height:480px;position:absolute;top:-140px;right:-120px}.hero>*{position:relative}.hero h1{font-size:clamp(38px,6vw,54px)}.hero .btn{border-radius:18px;min-height:64px;padding:16px 28px;font-size:22px}.hero .btn:not(.btn-glow){color:var(--porch);border-color:var(--porch);background:0 0}.hero .btn:not(.btn-glow):hover{background:var(--dusk-2)}.hero .btn-glow{font-size:26px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.req h3{font-family:var(--font-body);font-size:22px;font-weight:700}.status-pill{border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:17px;font-weight:700;display:inline-flex}.status-new,.status-in_progress{background:var(--glow-soft);color:var(--glow-ink)}.status-waiting{color:#1f4249;background:#e2ecee}.status-fixed{background:var(--green-soft);color:var(--green)}.dot{background:currentColor;border-radius:50%;width:10px;height:10px;display:inline-block}.reply{background:var(--porch);border-radius:14px;padding:14px 16px;font-size:19px}.quickfix{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--dusk);align-items:center;gap:16px;min-height:72px;padding:18px 20px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.quickfix:hover{border-color:var(--glow);color:var(--dusk)}.icon-tile{background:var(--glow-soft);width:52px;height:52px;color:var(--glow-ink);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.safety{background:var(--card);border:2px solid var(--brick);border-radius:24px;flex-wrap:wrap;align-items:center;gap:20px;padding:24px 28px;display:flex}.flow{flex-direction:column;gap:24px;max-width:640px;margin:0 auto;padding:24px 20px 64px;display:flex}.flow h1{font-size:36px}.back{min-height:44px;color:var(--door);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tile{background:var(--card);border:2px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;padding:18px 12px;font-size:20px;font-weight:700;display:flex}.tile:hover{border-color:var(--glow)}.tile[aria-pressed=true]{border:3px solid var(--dusk);background:var(--glow-soft)}.tile-scam{border-color:#e7b8aa}.choices{flex-direction:column;gap:12px;display:flex}.choice{text-align:left;background:var(--card);border:2px solid var(--line);border-radius:18px;align-items:center;gap:14px;min-height:72px;padding:18px 20px;font-size:22px;font-weight:700;display:flex}.choice:hover{border-color:var(--glow)}.field label{margin-bottom:8px;font-weight:700;display:block}.field textarea{border:2px solid var(--line);background:var(--card);resize:vertical;border-radius:14px;width:100%;min-height:120px;padding:14px;font-size:20px}.photo-preview{border:1px solid var(--line);border-radius:14px;max-width:100%}.big-send{width:100%;min-height:72px;font-size:24px}.looking{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:64px 0;display:flex}.lantern-pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.lantern-pulse{animation:none}}.steps-bar{gap:6px;display:grid}.steps-bar span{background:var(--line);border-radius:4px;height:8px}.steps-bar span.on{background:var(--glow)}.allow{z-index:50;background:#14213deb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.allow .card{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px;padding:36px 28px;display:flex}.allow .avatar{width:96px;height:96px;font-size:40px}.con{background:#f6f3ee;flex-wrap:wrap;min-height:100vh;font-size:16px;display:flex}.con-side{background:var(--dusk);max-width:100%;color:var(--porch);flex-direction:column;flex:220px;gap:20px;padding:20px 14px;display:flex}.con-side .wordmark{color:var(--porch);padding-left:8px;font-size:26px}.con-nav{flex-direction:column;gap:4px;display:flex}.con-nav a{color:#c9cfdb;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.con-nav a:hover{background:var(--dusk-2);color:var(--porch)}.con-nav a.active{background:var(--dusk-2);color:var(--porch);box-shadow:inset 3px 0 0 var(--glow)}.badge{background:var(--glow);color:var(--dusk);border-radius:999px;padding:1px 9px;font-size:13px;font-weight:700}.con-main{flex-direction:column;flex:999 640px;gap:24px;min-width:0;padding:28px 32px 48px;display:flex}.con-main h1{font-size:30px}.con-main h2{font-size:20px}.attention{border:2px solid var(--brick);background:#fff;border-radius:16px;overflow:hidden}.attention-head{background:var(--brick);color:#fff;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:flex}.attention-item{border-top:1px solid #f0d5cc;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.attention-item:first-of-type{border-top:0}.attention-empty{color:var(--green);align-items:center;gap:8px;padding:16px 18px;font-weight:700;display:flex}.hh-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.hh{border:1px solid var(--line);color:var(--dusk);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hh:before{content:"";height:5px;position:absolute;top:0;left:0;right:0}.hh-red:before{background:var(--brick)}.hh-amber:before{background:var(--glow)}.hh-green:before{background:#2f8a55}.hh h3{font-family:var(--font-body);font-size:18px;font-weight:700}.hh small{color:var(--muted)}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:12px 14px;font-size:12px}td{vertical-align:top;border-top:1px solid #efe8dc;padding:12px 14px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#fdf8ef}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:40px;padding:6px 14px;font-weight:700}.tabs button[aria-pressed=true]{background:var(--dusk);color:var(--porch);border-color:var(--dusk)}.split{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.split>.main{flex-direction:column;flex:999 480px;gap:16px;min-width:0;display:flex}.split>.side{flex-direction:column;flex:300px;gap:16px;min-width:0;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.msg{background:#f6f3ee;border-radius:12px;padding:10px 14px}.msg-tech{background:#e8eef7}.msg-system{border:1px dashed var(--line);color:var(--muted);background:0 0;font-size:14px}.msg-meta{color:var(--muted);margin-bottom:2px;font-size:12px}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kv div{background:#f6f3ee;border-radius:10px;padding:8px 10px}.kv span{color:var(--muted);font-size:12px;display:block}.seen{background:var(--glow-soft);border:1px solid #efd3a3}textarea.input,input.input,select.input{background:#fff;border:1px solid #c9bfae;border-radius:10px;width:100%;padding:9px 11px}.toast{background:var(--dusk);color:var(--porch);z-index:60;border-radius:12px;padding:12px 20px;font-weight:700;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.demo-bar{background:var(--glow);color:var(--dusk);text-align:center;padding:6px 12px;font-size:15px;font-weight:700}.demo-bar a{color:var(--dusk)}
