:root{--ink:#14201c;--muted:#66736d;--paper:#f5f7f5;--card:#fff;--line:#dce4df;--green:#12644f}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 85% 0,#dff1e7 0,transparent 30rem),var(--paper);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}.shell{width:min(100% - 32px,1000px);margin:auto;padding:25px 0 50px}.masthead{display:flex;justify-content:space-between;align-items:center}.masthead a{color:var(--ink);font-size:22px;font-weight:850;letter-spacing:-.04em;text-decoration:none}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.connection i{width:9px;height:9px;border-radius:50%;background:#b98a26}.connection.online i{background:#18a36c;box-shadow:0 0 0 4px #18a36c1c}.hero{padding:70px 0 34px}.hero p,.eyebrow{margin:0 0 10px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero h1{max-width:800px;margin:0;font-size:clamp(38px,7vw,64px);line-height:1.04;letter-spacing:-.055em}.hero>span{display:block;max-width:700px;margin-top:19px;color:var(--muted);font-size:18px}.panel,.ticket{margin-top:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 35px #14201c0b}.panel{padding:24px}.panel h2{margin:0 0 8px}.access>p:not(.eyebrow){color:var(--muted)}.access form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:20px}.access label,.composer label,.follow label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.access input,.follow input,.composer textarea{width:100%;border:1px solid #c5d1ca;border-radius:9px;background:#fff;padding:12px;color:var(--ink);outline:none}.access input:focus,.follow input:focus,.composer textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #12644f18}.composer textarea{display:block;min-height:145px;resize:vertical;font-size:16px}.actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:13px}.actions span{color:var(--muted);font-size:13px}button{border:0;border-radius:9px;padding:11px 17px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.hidden{display:none!important}.ticket{overflow:hidden;background:linear-gradient(145deg,#f0faf5,#e5f3eb);border-color:#b8d8c9}.ticket-head,.ticket footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 19px}.ticket-head{border-bottom:1px solid #c9e0d3}.ticket-head p,.ticket-head h2{margin:0}.ticket-head p{color:var(--green);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.ticket-head h2{font-size:23px}.ticket-head b{border-radius:99px;padding:5px 10px;background:var(--green);color:#fff;font-size:11px;text-transform:uppercase}.ticket ol{list-style:none;margin:0;padding:0 19px}.ticket li{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #d2e6dc}.ticket li:last-child{border-bottom:0}.ticket li>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #afd1c0;border-radius:50%;background:#fff;color:var(--green);font-size:12px;font-weight:850}.ticket li strong,.ticket li small{display:block}.ticket li small{margin-top:3px;color:var(--muted)}.ticket footer{border-top:1px solid #c9e0d3;font-size:13px}.ticket footer span{color:var(--muted)}.data h2{margin-bottom:15px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.summary>div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#f7f9f7}.summary span,.summary strong{display:block}.summary span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.summary strong{margin-top:3px;overflow-wrap:anywhere}.data pre{max-height:650px;overflow:auto;margin:0;border:1px solid var(--line);border-radius:9px;background:#f4f7f5;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.55 Consolas,monospace}.follow form>div{display:flex;gap:9px;margin-top:7px}.follow input{flex:1;min-width:0}.site-footer{margin-top:58px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;text-align:center}@media(max-width:700px){.hero{padding-top:52px}.access form{grid-template-columns:1fr}.actions,.ticket-head,.ticket footer,.follow form>div{align-items:stretch;flex-direction:column}.actions button,.follow button{width:100%}.summary{grid-template-columns:1fr}.panel{padding:18px}.shell{width:min(100% - 22px,1000px)}}