:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242825;background:#f3f3ed;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:52px 24px}main{max-width:850px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:24px;letter-spacing:-1px;margin-bottom:38px}.brand-mark{background:#242825;color:#fff;border-radius:9px;padding:1px 9px 5px;font-size:26px}.brand-label{font-size:10px;letter-spacing:1.6px;color:#747970;margin-left:auto;font-weight:600}.panel{background:#fff;border:1px solid #e0e2d9;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #30352406;display:grid;grid-template-columns:1fr 310px}.intro{padding:44px 0 8px 44px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7a7f73;font-weight:700}h1{font-size:43px;line-height:1.09;letter-spacing:-1.8px;margin:21px 0 17px;max-width:340px}p{font-size:14px;line-height:1.75;color:#6b7067;margin:0 0 22px}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}.intro p{max-width:330px}.controls{grid-column:1/-1;margin:0 44px 36px;padding-top:28px;border-top:1px solid #eceee7}.controls>p{max-width:590px}.device-scene{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:215px;height:215px;border-radius:50%;background:radial-gradient(circle,#fee3df 0,#fdf5f2 55%,transparent 72%)}.device{width:115px;height:151px;background:linear-gradient(90deg,#deded8,#fafaf7 38%,#e4e5de 88%);border-radius:50% / 16%;position:relative;box-shadow:9px 25px 24px -17px #55583d70;transform:rotate(-9deg)}.device-top{position:absolute;top:0;width:115px;height:38px;border-radius:50%;background:linear-gradient(140deg,#fffffc,#e9eae4);border:1px solid #e3e4dd}.device-ring{position:absolute;top:32px;height:32px;width:115px;border-radius:0 0 50% 50% / 0 0 38% 38%;background:linear-gradient(90deg,#db2929,#ff7c68 45%,#dc2426);box-shadow:0 2px 11px #f03d3952}.device>span{position:absolute;bottom:27px;left:34px;font-size:12px;color:#9a9d92;font-weight:650;letter-spacing:-.6px}.scene-caption{position:absolute;bottom:22px;font-size:9px;color:#969b8c;letter-spacing:2px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title h2{margin:0}.step{display:grid;place-items:center;width:25px;height:25px;border:1px solid #dfe2d8;border-radius:50%;font-size:12px;color:#777e6b}a{color:#414c3e;text-underline-offset:3px}a:hover{color:#aa2020}label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}input[type=password]{display:block;width:100%;border:1px solid #d7ddd0;border-radius:10px;padding:15px;font-size:15px;background:#fafbf8;color:#242825}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #819974;outline-offset:3px}.hint{font-size:12px;line-height:1.65;margin:10px 0 19px;color:#7b8075}button{font:inherit;cursor:pointer;min-height:52px;border-radius:10px;font-size:14px;font-weight:650;transition:background .15s,transform .15s}button:hover{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.6;transform:none}.primary{background:#d83b32;color:white;border:1px solid #c92e26;padding:15px 21px;display:flex;align-items:center;justify-content:center;gap:11px;min-width:210px}.primary:hover{background:#c92e26}.primary>span:last-child{margin-left:auto}.button-dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff25}.secondary{padding:15px 24px;background:white;border:1px solid #d9ddd3;color:#555d4e}.secondary:hover{background:#f4f5f0}.actions{display:flex;gap:12px}.ready{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#647853;margin-bottom:16px}.ready>span{width:6px;height:6px;background:#84996f;border-radius:50%}.notice{font-size:13px;line-height:1.65;padding:15px 18px;border:1px solid;border-radius:10px;margin-bottom:24px;overflow-wrap:anywhere}.success{background:#f3f7ee;border-color:#d6e4c8;color:#42602e}.error{background:#fff3f1;border-color:#f1c4be;color:#a02d24}.panel-footer{grid-column:1/-1;background:#fafbf7;border-top:1px solid #eceee7;padding:19px 44px;color:#818775;font-size:11px}.panel-footer>span{margin-right:6px}.page-footer{display:flex;justify-content:space-between;margin:22px 4px;font-size:11px;color:#868b7e}.page-footer a{color:#737a69;text-decoration:none}details{border-top:1px solid #eceee7;margin-top:25px;padding-top:18px}summary{font-size:12px;color:#737a69;cursor:pointer}code{overflow-wrap:anywhere}.text-button{border:0;padding:0;background:transparent;color:#8a554f;font-size:12px;min-height:34px;text-decoration:underline;text-underline-offset:3px}@media(max-width:620px){body{padding:26px 16px}.brand{margin-bottom:24px}.brand-label{font-size:8px}.panel{grid-template-columns:1fr}.intro{padding:30px 26px 0}h1{font-size:38px;max-width:none}.intro p{max-width:none}.device-scene{min-height:210px}.device{transform:rotate(-9deg) scale(.85)}.scene-caption{bottom:8px}.controls{margin:20px 26px 26px;padding-top:24px}.actions{flex-direction:column}.actions button,.primary{width:100%}.panel-footer{padding:18px 26px;line-height:1.6}.page-footer{gap:18px;font-size:10px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){button{transition:none;transform:none!important}}