:root{color-scheme:dark;--bg:#0c1525;--panel:#142137;--edge:#29394e;--text:#e6e7e7;--muted:#99abb9;--gold:#d5b278;--ink:#0e1c2d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 85% -25%,#243650 0,transparent 55%),var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh}header{max-width:1080px;margin:auto;padding:24px 24px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{color:var(--text);text-decoration:none;font:30px Georgia,serif;display:grid;grid-template-columns:36px auto;column-gap:10px}.moon{grid-row:span 2;color:var(--gold);font-size:40px}.brand small{font:8px system-ui;letter-spacing:2.5px;color:var(--muted);margin-top:4px}main{max-width:1000px;margin:auto;padding:4px 24px 38px}.pilot{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--gold);margin:8px 2px 22px;flex-wrap:wrap}.pilot>span:last-child{margin-left:auto;color:var(--muted)}.dot{width:5px;height:5px;background:var(--gold);border-radius:50%}.card{border:1px solid var(--edge);background:linear-gradient(145deg,#17273e,#122034);padding:26px;border-radius:20px;margin-bottom:18px}.welcome{max-width:480px;margin:32px auto 64px;text-align:center;padding:42px 32px;position:relative;overflow:hidden}.welcome:before{content:'';height:220px;width:380px;position:absolute;top:-200px;right:-150px;border-radius:50%;box-shadow:0 0 100px 90px #6c634a22;pointer-events:none}.orb{font-size:72px;color:var(--gold);line-height:1;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.17;margin:10px 0 16px}h1{font-size:36px}h2{font-size:26px}p{color:var(--muted);margin:12px 0 20px}.small{font-size:12px;color:var(--muted);margin:16px 0}button{font:inherit;cursor:pointer;border-radius:11px;min-height:44px;transition:background .15s,color .15s;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}.primary{background:var(--gold);color:var(--ink);border:1px solid var(--gold);font-weight:650;padding:12px 18px}.welcome .primary{width:100%;display:flex;justify-content:space-between;align-items:center}.secondary{background:#1f3149;color:var(--text);border:1px solid #3c4b5f;padding:10px 16px}.quiet{color:var(--text);border:1px solid var(--edge);background:#111d2e;padding:7px 14px}.text-button{border:0;background:transparent;color:var(--gold);font-size:13px;padding:8px 0}.danger{color:#dfb0a7;background:transparent;border:1px solid #72544e;font-size:12px;min-height:40px;padding:6px 10px}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}label{display:block;text-align:left;font-size:12px;color:var(--muted);margin:16px 0}input:not([type=checkbox]){margin-top:6px;padding:12px;width:100%;border:1px solid var(--edge);border-radius:9px;font:16px system-ui;background:#0c1829;color:var(--text);min-height:46px}.check{display:flex;gap:10px;align-items:center}.check input{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}.identity{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;background:radial-gradient(ellipse at 90% 5%,#34405233,transparent 60%),linear-gradient(145deg,#1c3047,#122035)}.identity h1{margin-bottom:8px}.seal{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--gold);background:radial-gradient(circle at 30% 20%,#33465f,#18263a);border:1px solid #7b704d;font:28px Georgia}.tag{font-size:10px;color:#b4c8bb;padding:4px 10px;border:1px solid #455849;border-radius:20px}.identity-note{grid-column:1/-1;color:var(--muted);font-size:12px;border-top:1px solid var(--edge);padding-top:15px}.tabs{display:flex;gap:4px;padding:0 0 18px}.tabs button{flex:1;border:0;background:none;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;font-size:13px}.tabs button.selected{border-color:var(--gold);color:var(--gold)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid>.card{min-width:0}.steps{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;margin-top:24px}.steps span{padding:5px 10px;border:1px solid var(--edge);border-radius:30px;color:var(--muted)}.steps .done{color:#b3c5b9}.steps .active{border-color:#9e8657;color:var(--gold)}.reauth{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:0 2px 18px}.reauth p{font-size:12px;margin:2px 0}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-title h2{margin:0}.row{padding:17px 0;border-top:1px solid var(--edge);display:flex;justify-content:space-between;gap:10px;align-items:center}.row strong{display:block;font-weight:600;font-size:14px;overflow-wrap:anywhere}.row small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.codes{background:#0b1828;padding:16px;border-radius:12px;display:grid;gap:8px;margin:18px 0;font:11px/1.5 monospace;overflow-wrap:anywhere}.notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#284039;border:1px solid #678679;border-radius:12px;color:#eff6ef;padding:14px 20px;width:max-content;max-width:calc(100% - 32px);box-shadow:0 8px 40px #0008;z-index:10}.notice.error{background:#422d31;border-color:#895e58}footer{display:flex;justify-content:space-between;color:#8293a3;font-size:10px;gap:16px;flex-wrap:wrap;margin-top:30px}body.busy button{pointer-events:none;opacity:.55}body.busy{cursor:progress}@media(max-width:680px){header{padding:18px 18px 10px}main{padding:4px 16px 32px}.brand{font-size:26px}.brand small{font-size:7px}.moon{font-size:33px}.pilot{margin:12px 0 16px;font-size:10px}.pilot>span:last-child{width:100%;margin-left:12px}.welcome{padding:34px 24px;margin:22px auto 38px}.card{padding:22px 20px;border-radius:17px}h1{font-size:31px}h2{font-size:24px}.grid{grid-template-columns:1fr;gap:0}.identity{grid-template-columns:50px 1fr;gap:14px}.seal{width:50px;height:50px;font-size:24px}.identity>.quiet{grid-column:1/-1;justify-self:end}.identity h1{font-size:30px}.reauth{align-items:flex-start;flex-direction:column}.reauth button{width:100%}footer span{width:100%}.section-title .quiet{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
textarea,select{font:16px/1.6 system-ui;background:#0c1829;color:var(--text);border:1px solid var(--edge);padding:12px;width:100%;margin-top:6px;border-radius:9px;resize:vertical}textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.small-orb{font-size:50px;margin-bottom:16px}.full{width:100%}.divider{font-size:12px;color:var(--muted);margin:14px 0}.identity-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}img.seal{object-fit:cover}.identity>.identity-actions{grid-column:auto}.fingerprint{font:12px/1.8 ui-monospace,monospace;word-break:break-word;background:#0c1829;padding:15px;border-radius:9px;color:var(--gold)}details{margin-top:18px}summary{cursor:pointer;min-height:44px;color:var(--gold);padding:10px 0}h3{font-size:15px;font-weight:600;margin-top:24px}hr{border:0;border-top:1px solid var(--edge);margin:28px 0}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.note-title{overflow-wrap:anywhere}.note-actions{display:flex;gap:8px;margin-top:16px}.empty{color:var(--muted);padding:20px 0}dialog{color:var(--text);max-width:440px;width:calc(100% - 32px);margin:auto}dialog::backdrop{background:#020711cb;backdrop-filter:blur(5px)}dialog button{margin:5px 0}body.busy dialog button{pointer-events:auto;opacity:1}body.obscured main,body.obscured header{visibility:hidden}body.obscured::after{content:'Dynamic is vergrendeld tijdens het wisselen van venster.';position:fixed;top:45%;left:10%;right:10%;text-align:center;color:var(--muted)}@media(max-width:680px){.identity>.identity-actions{grid-column:1/-1}.welcome{padding:25px 22px}.fingerprint{font-size:11px}.section-title{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}