:root{color:#173e35;font-synthesis:none;-webkit-text-size-adjust:100%;background:#f1f5f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}a,button,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#fff;background:#143e35;border:0;border-radius:10px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}button:hover{background:#225b4d}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline-offset:4px;outline:3px solid #33876d}.shell{max-width:1104px;padding:calc(30px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));margin:auto}.brand,.footer,.hero-footer,.note-actions,.section-heading,.server-check,.topbar{justify-content:space-between;align-items:center;display:flex}.topbar{margin-bottom:30px}.brand{color:#143e35;letter-spacing:-.7px;justify-content:flex-start;gap:10px;font-size:21px;font-weight:700;text-decoration:none}.brand img{border-radius:10px}.brand-light{color:#74847c;font-weight:400}.domain,.eyebrow,.footer,.small-tag,.status-label,.step,.version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.version{color:#6b7c73;letter-spacing:1px;font-size:10px}.hero{color:#fff;background:#143e35;border-radius:24px;padding:40px 42px 28px;overflow:hidden}.eyebrow{letter-spacing:1.6px;color:#adccbe;align-items:center;gap:9px;margin:0 0 24px;font-size:10px;display:flex}.dot,.signal{background:#adf0a8;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}h1{letter-spacing:-2.3px;margin:0 0 22px;font-size:calc(clamp(36px,5.3vw,59px));font-weight:600;line-height:1.12}h1 span{color:#b9d8c6}.intro{color:#c8dbd1;max-width:510px;margin:0 0 34px;font-size:15px;line-height:1.75}.hero-footer{border-top:1px solid #3a5d50;gap:16px;padding-top:20px}.domain{color:#d6e7dc;font-size:12px}.hero-caption{color:#aac8b8;font-size:11px}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 30px;display:grid}.status-card{background:#f9fbf8;border:1px solid #dce5dd;border-radius:13px;padding:18px 16px}.status-label{letter-spacing:.8px;color:#728176;margin-bottom:11px;font-size:9px;display:block}.status-card strong{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.signal{background:#398460}.signal.muted{background:#9a9382}.content-grid{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #dce5dd;border-radius:18px;padding:28px}.section-heading{gap:10px;margin-bottom:25px}.step{letter-spacing:1px;color:#5e7567;font-size:10px}.small-tag{letter-spacing:.6px;color:#78857c;white-space:nowrap;border:1px solid #dce5dd;border-radius:5px;padding:5px 7px;font-size:8px}h2{letter-spacing:-.7px;margin:0 0 12px;font-size:23px;font-weight:600}.panel>p{color:#65776a;margin-top:0;font-size:13px;line-height:1.7}textarea{resize:vertical;color:#173e35;background:#f8faf7;border:1px solid #dce5dd;border-radius:10px;width:100%;min-height:144px;margin:22px 0 14px;padding:15px;font-size:16px;line-height:1.6;display:block}textarea::placeholder{color:#98a398}.note-actions{gap:10px}.character-count{color:#819083;white-space:nowrap;font-size:10px}.panel>.feedback{min-height:20px;margin:12px 0 0;font-size:11px}.install-steps{gap:16px;margin:20px 0;padding:0;list-style:none;display:grid}.install-steps li{align-items:flex-start;gap:12px;display:flex}.step-number{color:#496f56;background:#edf3ec;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.install-steps p{color:#65776a;margin:1px 0 0;font-size:12px;line-height:1.65}.install-steps strong{color:#2d4d3c;font-weight:600}.offline-tip{color:#6c7f6e;border-top:1px solid #e6ece4;gap:10px;padding-top:17px;display:flex}.offline-tip p{margin:0;font-size:11px;line-height:1.7}.server-check{background:#e7eee5;border:1px solid #dce5d8;border-radius:16px;gap:22px;margin-top:18px;padding:25px 28px}.server-check h2{letter-spacing:-.3px;margin-bottom:7px;font-size:16px}.server-check p{color:#65776a;margin:0;font-size:12px;line-height:1.6}.secondary-button{color:#214b38;background:0 0;border:1px solid #b6c6b5;flex-shrink:0}.secondary-button:hover{background:#d6e4d3}.footer{color:#879387;letter-spacing:1px;gap:16px;margin-top:28px;font-size:9px}.footer span span{padding:0 6px}.update-banner{background:#e3efdc;border:1px solid #9ebe9f;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:18px 22px;font-size:13px;display:flex}.update-banner p{margin:0;line-height:1.5}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.shell{padding-top:calc(20px + env(safe-area-inset-top))}.hero{border-radius:19px;padding:30px 26px 24px}.hero-caption{display:none}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.content-grid{grid-template-columns:1fr}.panel{padding:24px}.server-check{gap:16px;padding:24px}.server-check,.update-banner{flex-direction:column;align-items:flex-start}}@media (width<=400px){.shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.version{letter-spacing:.2px;font-size:8px}.hero{padding:28px 22px 22px}h1{letter-spacing:-1.5px;font-size:34px}.eyebrow{letter-spacing:1px;font-size:8px}.status-card{padding:16px 12px}.status-card strong{font-size:12px}.status-label{font-size:8px}.panel{padding:22px}.note-actions{flex-direction:column;align-items:flex-start}}