*{box-sizing:border-box}body{margin:0;background:#fff;color:#000;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.shell{max-width:620px;margin:auto;padding:28px 18px 50px}.brand-logo{display:block;width:min(100%,360px);height:auto;object-fit:contain}.date{margin-top:25px;color:#000;font-size:13px;font-weight:800;letter-spacing:.08em}header{margin-bottom:20px}.card{border:3px solid #000;border-radius:16px;overflow:hidden;background:#fff}.row{padding:22px 20px;border-bottom:3px solid #000}.row:last-child{border:0}h1,h2,h3,h4,h5,h6{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#000}h2{font-size:19px;margin:0;font-weight:800;letter-spacing:-.025em}p{color:#333}.row p{margin:6px 0 0;font-size:13px}.weight{display:flex;gap:12px;margin-top:16px;align-items:center}input{background:#fff;color:#000;border:3px solid #000;border-radius:10px;padding:12px;font:800 24px Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;width:140px;outline:none}input:focus{border-color:#000;box-shadow:0 0 0 4px #d6f81f}.units{display:flex;background:#fff;border:3px solid #000;border-radius:22px;padding:2px}.unit,.choice{color:#000;background:#fff;font-weight:800;cursor:pointer}.unit{border:0;padding:8px 12px;border-radius:18px}.unit.active,.choice.active,#finish{background:#d6f81f;color:#000}.question{display:flex;align-items:center;justify-content:space-between;gap:18px}.choices{display:flex;gap:8px;flex-shrink:0}.choice{border:3px solid #000;border-radius:8px;min-width:66px;padding:10px}.actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:16px}.actions button,#login button{min-height:50px;border-radius:10px;font-family:inherit;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.actions button:disabled{cursor:wait;opacity:.8}.outline{background:#fff;border:3px solid #000;color:#000}.outline.saved{background:#d6f81f;border-color:#000;color:#000;transform:translateY(-1px)}#finish,#login button{border:3px solid #000}.progress{display:grid;grid-template-columns:1fr 1fr;border:3px solid #000;border-radius:16px;margin-top:16px;overflow:hidden;background:#fff}.progress div{padding:20px}.progress div+div{border-left:3px solid #000}.progress strong{display:block;font-size:30px;color:#000}.progress span{font-size:11px;color:#000;font-weight:800;letter-spacing:.08em}.explore{width:100%;margin-top:10px;min-height:48px;background:#000;color:#fff;border:3px solid #000;border-radius:10px;font:800 13px inherit;letter-spacing:.05em;cursor:pointer}.explore:hover{background:#d6f81f;color:#000}.status{text-align:center;color:#000;font-size:12px;font-weight:800;letter-spacing:.05em;margin-top:22px;min-height:18px}.logout{display:block;margin:20px auto;background:#fff;border:0;color:#000;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline}.login{padding-top:70px}.login .brand-logo{width:min(100%,410px)}.login h1{font-size:48px;margin:70px 0 10px}.login form{display:flex;gap:8px;margin-top:25px}.login input{width:100%;font-size:16px}.login button{background:#d6f81f;color:#000;border:3px solid #000;padding:0 20px}.note{color:#000;font-size:12px;font-weight:800}.back{margin-top:22px;background:#fff;border:0;padding:0;color:#000;font:800 12px inherit;cursor:pointer;text-decoration:underline}.data-summary{display:grid;grid-template-columns:1fr 1fr;border:3px solid #000;border-radius:16px;overflow:hidden;margin-bottom:16px}.data-summary div{padding:20px}.data-summary div+div{border-left:3px solid #000}.data-summary strong{display:block;font-size:27px}.data-summary span{display:block;margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.08em}.history-list{display:grid;gap:12px}.history-card{border:3px solid #000;border-radius:14px;overflow:hidden;background:#fff}.history-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:3px solid #000}.history-head strong{font-size:14px}.history-head span{font-size:10px;font-weight:800;letter-spacing:.08em}.history-weight{padding:16px;font-size:28px;font-weight:800;background:#d6f81f;border-bottom:3px solid #000}.history-grid{display:grid;grid-template-columns:1fr 1fr}.history-grid span{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;font-size:12px;border-bottom:2px solid #000}.history-grid span:nth-child(odd){border-right:2px solid #000}.history-grid span:nth-last-child(-n+2){border-bottom:0}.history-grid b{font-size:11px}.empty-data,.data-loading{border:3px solid #000;border-radius:14px;padding:24px;text-align:center;font-weight:800}.data-shell{padding-bottom:70px}@media(max-width:500px){.brand-logo{width:min(100%,330px)}.question{align-items:flex-start;flex-direction:column}.choices{width:100%}.choice{flex:1}.actions{grid-template-columns:1fr}.login form{flex-direction:column}.progress strong{font-size:25px}.data-summary{grid-template-columns:1fr}.data-summary div+div{border-left:0;border-top:3px solid #000}.history-grid{grid-template-columns:1fr}.history-grid span:nth-child(odd){border-right:0}.history-grid span:nth-last-child(-n+2){border-bottom:2px solid #000}.history-grid span:last-child{border-bottom:0}}