#root{min-height:100vh}:root{font-family:Suisse Intl,Helvetica Neue,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#111;background-color:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f7f5;color:#111}a{color:#111}.page{min-height:100vh;padding:24px;background:#f7f7f5}.auth{display:grid;place-items:center}.content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:inherit}.brand--clickable{cursor:pointer}.brand-logo{width:42px;height:42px;object-fit:contain}.brand-copy{display:flex;align-items:center;gap:6px}.brand-label{font-size:18px;letter-spacing:.18em}.brand-auth{justify-content:center;margin-bottom:16px}.brand-auth .brand-copy{justify-content:center}.brand-auth .brand-logo{width:48px;height:48px}.mode-pill{margin-left:6px;font-size:12px;color:#333;background:#f3f3f3;border:1px solid #e3e3e3;border-radius:12px;padding:4px 8px}.topbar-right{display:flex;align-items:center;gap:10px}.panel{background:#fff;border:1px solid #e7e7e3;border-radius:16px;padding:20px;box-shadow:0 12px 30px #0000000a}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.title{margin:0;font-size:24px}.subtitle{margin:0 0 4px;font-size:16px}.muted{color:#707070}.small{font-size:13px}.strong{margin:0;font-weight:600}.label{font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:#444}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stack{display:flex;flex-direction:column}.gap{gap:10px}.space-top{margin-top:10px}.list{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #ececec;border-radius:12px}.input-block{display:flex;flex-direction:column;gap:6px}input{width:100%;padding:12px;border-radius:10px;border:1px solid #d9d9d9;background:#fbfbfb;font-family:inherit}button{border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;background:#111;color:#fff;transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000014}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.primary{background:#111;color:#fff}.secondary{background:#f3f3f1;color:#111;border:1px solid #e0e0de}.ghost{background:#fff;border:1px solid #e0e0de;color:#111}.danger{color:#b00020;border-color:#f0d5da}.wide{width:100%}.cta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0}.score{display:flex;gap:16px;padding:10px 12px;border:1px solid #e7e7e3;border-radius:12px;min-width:140px;justify-content:space-between}.callout{padding:12px;border-radius:12px;background:#f5f5f3;border:1px solid #ededeb}.error{color:#b00020}.modal-veil{position:fixed;inset:0;background:#0003;display:grid;place-items:center}.modal{background:#fff;padding:18px;border-radius:14px;border:1px solid #e7e7e3;min-width:260px;box-shadow:0 18px 40px #0000001f}.result-veil{position:fixed;inset:0;background:#0006;display:grid;place-items:center;padding:16px}.result-card{background:#fff;padding:28px 24px;border-radius:16px;border:1px solid #e7e7e3;text-align:center;max-width:360px;width:100%;box-shadow:0 18px 50px #0003}.result-heading{margin:0 0 12px;font-size:24px}.hot-corner{position:fixed;top:0;right:0;width:52px;height:52px;opacity:0}.dot{width:6px;height:6px;background:#111;border-radius:50%;position:fixed;bottom:12px;right:12px;opacity:.18}@media(max-width:640px){.page,.panel{padding:16px}.topbar{flex-direction:column;align-items:flex-start;gap:8px}}