@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";:root{color:#17211c;font-synthesis:none;background:#f3f0e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#e5f3dd 0,#0000 34rem),#f3f0e8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{width:min(920px,100% - 32px);margin:0 auto;padding:64px 0}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:560px;min-height:100vh;display:flex}.brand-mark{color:#fff;background:#1c633f;border-radius:20px;place-items:center;width:68px;height:68px;font:40px DM Serif Display;display:grid;box-shadow:0 16px 35px #1c633f33}h1,h2,h3,p{margin-top:0}h1,h2{font-family:DM Serif Display,serif;font-weight:400}h1{margin:18px 0 10px;font-size:clamp(42px,8vw,64px)}h2{margin:6px 0 12px;font-size:30px}h3{margin-bottom:7px}.lead{color:#536159;max-width:490px;font-size:19px;line-height:1.6}.muted{color:#69756e}.eyebrow{color:#387653;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:700}.primary,.secondary,.danger,.text-button{border:0;border-radius:12px;padding:12px 18px;font-weight:700}.primary{color:#fff;background:#1c633f;box-shadow:0 8px 20px #1c633f2b}.primary:hover{background:#155333}.small{padding:10px 15px}.secondary{color:#29372f;background:#edf0eb}.danger{color:#a03b31;background:#fff0ed}.danger.solid{color:#fff;background:#a03b31}.text-button{color:#516058;background:0 0}header,.section-heading,.key-row,.actions{justify-content:space-between;align-items:center;gap:20px;display:flex}header{margin-bottom:34px}header h1{margin:3px 0 0;font-size:48px}.access-card,.keys-section{background:#fffdf8;border:1px solid #deddd3;border-radius:24px;padding:30px;box-shadow:0 20px 50px #384b3e12}.access-card.active{background:linear-gradient(135deg,#eef8e8,#fffdf8);border-color:#bed6b6}.access-card p{color:#56635c;margin-bottom:0}.keys-section{margin-top:22px}.section-heading{margin-bottom:20px}.section-heading h2{margin-bottom:0}.empty{text-align:center;color:#657169;border:1px dashed #ccd0c7;border-radius:16px;padding:36px 20px}.key-list{border-top:1px solid #e7e5dc}.key-row{border-bottom:1px solid #e7e5dc;padding:20px 0}.key-row code{color:#33704f}.key-row p{margin:8px 0 0;font-size:14px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17211c99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fffdf8;border-radius:22px;width:min(480px,100%);padding:28px;box-shadow:0 30px 80px #0004}.dialog label{margin:18px 0 8px;font-weight:700;display:block}.dialog input{border:1px solid #aeb8b0;border-radius:10px;width:100%;padding:13px}.actions{justify-content:flex-end;margin-top:24px}.secret{overflow-wrap:anywhere;background:#edf5ea;border:1px solid #c7d7c8;border-radius:10px;padding:16px;display:block}.warning,.notice{color:#744f10;background:#fff1d5;border-radius:10px;padding:13px 16px}.notice{max-width:580px;margin:0 auto 22px}.spinner{border:4px solid #c8d8cc;border-top-color:#1c633f;border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.shell{padding:34px 0}header,.section-heading,.key-row{align-items:flex-start}header h1{font-size:40px}.access-card,.keys-section{padding:22px}.key-row{flex-direction:column}}