:root{color-scheme:light}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f5f5;margin:0;padding:16px;color:#111}.app{max-width:720px;margin:auto}.card{background:#fff;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 2px 12px rgba(0,0,0,.07)}h1{font-size:28px;margin:10px 0 18px}h2{font-size:20px;margin:0 0 10px}input,textarea,button{font:inherit}input[type=text],textarea{width:100%;padding:14px;border:1px solid #ccc;border-radius:12px;font-size:17px;background:#fff}textarea{resize:vertical}button{border:0;border-radius:12px;padding:14px 16px;font-weight:700;cursor:pointer}.primary{background:#111;color:#fff}.secondary{background:#e9e9e9;color:#111}.success{background:#087a42;color:#fff}.danger{background:#b42318;color:#fff}.row,.actions{display:flex;gap:10px;flex-wrap:wrap}.actions{margin-top:16px}.grow{flex:1;min-width:150px}.hidden{display:none!important}.small{font-size:13px;color:#666;line-height:1.4}.result{border:2px solid #111;border-radius:16px;padding:16px;margin-top:14px}.label{color:#666;font-size:13px;text-transform:uppercase;margin-top:10px}.value{font-size:24px;font-weight:800}.notes{white-space:pre-wrap;font-size:15px;line-height:1.4}.secret-code{font-size:10px;color:#c8c8c8;text-align:right;margin:5px 8px 0;letter-spacing:.08em}.status{margin-top:12px;padding:12px;border-radius:10px;background:#f0f0f0}.status.err{background:#fdebea;color:#8a1c13}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 6px;border-bottom:1px solid #eee}dialog{width:min(92vw,560px);border:0;border-radius:18px;padding:0}.dialog-body{padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between}.dot{width:10px;height:10px;border-radius:50%;background:#aaa;display:inline-block;margin-right:6px}.dot.on{background:#087a42}.dot.off{background:#b42318}.key-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.overlay{position:fixed;inset:0;background:#f5f5f5;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px}.setup{width:min(100%,600px)}.warning{border-left:4px solid #b42318;padding-left:12px}.syncnote{font-size:12px;color:#777;margin-top:8px}.loader-overlay{position:fixed;inset:0;background:rgba(245,245,245,.68);backdrop-filter:blur(2px);z-index:40;display:flex;align-items:center;justify-content:center}.loader-box{background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 8px 30px rgba(0,0,0,.12);display:flex;align-items:center;gap:14px}.spinner{width:28px;height:28px;border:3px solid #d8d8d8;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}