@font-face{font-family:LocalFallback;src:local("Segoe UI")}*{box-sizing:border-box} :root{font-family:LocalFallback,Arial,sans-serif;color:#263322;background:#f4f3ec;font-synthesis:none}body{margin:0}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #819c56;outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:720px;padding:34px 42px 20px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:54px}.brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:750;letter-spacing:1.7px}.brand small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:6px;color:#7b8272}.sun{font-size:38px;font-weight:400;color:#65794b;line-height:1}.text-button{background:none;border:0;color:#4c6340;padding:10px 0;font-size:14px;font-weight:600}.text-button span{margin-left:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#7c846f;margin:0 0 16px}h1{font-size:48px;font-weight:500;letter-spacing:-2px;line-height:1.05;margin:0 0 22px}h2{font-size:22px;letter-spacing:-.5px;font-weight:550;margin:0 0 10px}p{font-size:15px;line-height:1.65;color:#72796a}main{flex:1}.heading-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.heading-row h1{font-size:40px;margin-bottom:18px}.heading-row .eyebrow{font-size:9px;margin-bottom:10px}.badge{font-size:11px;white-space:nowrap;background:#e8e4d4;border:1px solid #ded8c2;color:#756539;padding:8px 11px;border-radius:30px;margin-top:3px}.gate-card{border:1px solid #dde1d0;background:#fbfcf6;border-radius:22px;padding:25px 28px 17px;box-shadow:0 12px 35px #343e2305}.card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.small-label{font-size:9px;font-weight:700;letter-spacing:1.7px}.connection-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#7a816c}.connection-label i{height:5px;width:5px;background:#a5aa99;border-radius:50%;flex-shrink:0}.gate-scene{max-width:450px;margin:10px auto 3px}.gate-scene svg{display:block;width:100%;height:auto}.gate-copy{text-align:center;margin:3px 0 26px}.gate-copy p{font-size:13px;margin:0;line-height:1.65}.gate-copy h2{font-size:23px}.primary{border:0;background:#34482b;color:#fffdf4;min-height:55px;border-radius:12px;padding:16px 22px;display:flex;justify-content:center;align-items:center;gap:12px;font-weight:550;font-size:16px;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#435b37}.primary:active:not(:disabled){transform:translateY(1px)}.open-button{width:100%;justify-content:space-between;font-size:18px;padding:19px 25px;min-height:63px}.open-button span:last-child{font-size:25px;font-weight:400}.button-note{text-align:center;font-size:10px;color:#929786;margin:11px 0 0}.details-row{display:flex;gap:13px;align-items:flex-start;padding:24px 6px 23px;border-bottom:1px solid #dfe2d5}.details-row p{font-size:12px;line-height:1.65;margin:0;color:#555f4c}.details-row p span{color:#909784;font-size:11px}.detail-icon{font-size:23px;color:#849571}.install{font-size:12px;color:#64715a;padding:20px 6px}.install summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:25px}.install summary::-webkit-details-marker{display:none}.install summary span{font-size:19px}.install p{font-size:12px;margin:10px 0 0}.panel{max-width:440px;margin:24px auto 50px}.panel h1{font-size:56px}.panel .intro{margin-bottom:32px}.lock-mark{width:48px;height:48px;border-radius:14px;background:#e7eadb;display:grid;place-items:center;font-size:26px;margin-bottom:30px}.panel form label{font-size:12px;display:block;margin-bottom:10px;font-weight:600}.panel input{width:100%;background:#fcfcf6;border:1px solid #cdd3c0;border-radius:10px;padding:16px 15px;font-size:16px;outline:0;color:#263322}.panel input:focus{border-color:#657d4e;box-shadow:0 0 0 3px #657d4e18}.panel form .primary{width:100%;justify-content:space-between;margin-top:14px}.fineprint{font-size:11px;color:#929786;margin-top:24px}.status-message{font-size:13px;min-height:20px;color:#9b443c}.preview-note{padding:10px 14px;border:1px dashed #b0b79e;border-radius:10px;font-size:11px;text-align:center;margin-bottom:24px;color:#6d765e}.result-panel{background:#e9eedf;border:1px solid #d4dec3;border-radius:15px;margin-top:15px;padding:19px 20px;display:flex;gap:14px}.result-panel>span{font-size:22px;color:#5e7847}.result-panel h2{font-size:16px;margin:0 0 4px;letter-spacing:0}.result-panel p{font-size:12px;margin:0;line-height:1.6}.result-panel.uncertain{background:#f1eadd;border-color:#e2d6bc}.result-panel.error{background:#f2e6df;border-color:#e7d6cc}.result-actions{display:flex;gap:24px}.result-actions .text-button{font-size:12px;padding-bottom:0}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dfe2d5;margin-top:50px;padding-top:19px;font-size:9px;color:#a1a68f}footer span:first-child{font-size:8px;letter-spacing:1.8px}dialog{border:1px solid #dce1cf;border-radius:22px;background:#fbfcf6;color:#263322;padding:30px;width:calc(100% - 40px);max-width:440px;box-shadow:0 30px 100px #1a271c35}dialog::backdrop{background:#1e2b2270;backdrop-filter:blur(4px)}dialog h2{font-size:27px;line-height:1.2}dialog p:not(.eyebrow){font-size:14px}.dialog-actions{display:flex;gap:12px;margin-top:28px}.dialog-actions button{flex:1;font-size:14px}.secondary{border:1px solid #d4dbc9;background:#f2f4eb;border-radius:12px;color:#536348;padding:14px 18px;min-height:52px}.busy .gate-scene{opacity:.55}.busy .open-button span:last-child{width:19px;height:19px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;font-size:0;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.shell{padding:24px 22px 20px}.header{margin-bottom:42px}.heading-row{align-items:flex-start}.heading-row h1{font-size:35px;letter-spacing:-1.7px}.badge{font-size:10px;padding:7px 9px;margin-top:26px}.gate-card{padding:20px 19px 16px}.card-top{align-items:flex-start}.small-label{font-size:8px;letter-spacing:1px}.connection-label{font-size:9px;max-width:137px;line-height:1.4}.gate-copy h2{font-size:20px}.gate-scene{margin-top:12px}.gate-copy{margin-top:8px;margin-bottom:24px}.gate-copy p{font-size:12px}.panel{margin-top:5px}.panel h1{font-size:49px}.open-button{min-height:62px;font-size:17px}footer{margin-top:32px}.brand{font-size:12px}.brand small{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}dialog::backdrop{backdrop-filter:none}}
