*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#1a1a1a;background:#f8f5f1}main{max-width:720px;margin:0 auto;padding:3rem 1rem 4rem}a{color:#666}.back{display:inline-block;color:#666;text-decoration:none;margin-bottom:2rem}.back:hover{text-decoration:underline}h1{font-size:2.5rem;font-weight:400;color:#333;margin-bottom:1rem;line-height:1.15}h2{font-size:1.5rem;font-weight:400;color:#333;margin:2.5rem 0 1rem}h3{font-size:1.125rem;font-weight:400;color:#333;margin-bottom:.75rem}p{color:#666;margin-bottom:1rem}strong{color:#333;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:#999;margin-bottom:.5rem}.note{font-size:.875rem;color:#888}.notice{background:#efe8de;padding:.75rem 1rem;border-radius:4px}.error{color:#b4532a}ol.items{list-style:none}.item{border-top:1px solid #ddd;padding:1.25rem 0}fieldset{border:none;min-width:0}legend{color:#333;margin-bottom:.75rem}.item-no{color:#999;font-size:.875rem;margin-right:.75rem}.scale{display:grid;grid-template-columns:repeat(7,1fr);gap:.375rem}.scale label{cursor:pointer}.scale input{position:absolute;opacity:0;pointer-events:none}.scale span{display:flex;align-items:center;justify-content:center;height:2.5rem;border:1px solid #ccc;border-radius:4px;color:#666;background:#fff;transition:background .15s,color .15s}.scale label:hover span{border-color:#333}.scale input:checked+span{background:#333;border-color:#333;color:#fff}.scale input:focus-visible+span{outline:2px solid #333;outline-offset:2px}.anchors{display:flex;justify-content:space-between;font-size:.75rem;color:#999;margin-top:.375rem}.button{font:inherit;color:#fff;background:#333;border:1px solid #333;border-radius:4px;padding:.75rem 1.5rem;cursor:pointer;margin-top:1.5rem}.button:disabled{background:#bbb;border-color:#bbb;cursor:not-allowed}.button.secondary{background:#fff;color:#333;border-color:#ccc;margin:0;padding:.5rem 1rem}.button.secondary:hover:not(:disabled){border-color:#333}.button.small{margin:0;padding:.5rem 1rem;white-space:nowrap}.link-button{font:inherit;background:none;border:none;color:#666;text-decoration:underline;cursor:pointer;padding:.75rem 0;margin-top:1rem;display:block}.link-button.danger{color:#b4532a;margin-top:2.5rem}.progress{color:#999;font-size:.875rem;margin-left:1rem}.score{font-size:3rem;color:#333;line-height:1;margin-bottom:.5rem}.score small{font-size:1rem;color:#999}.bar{position:relative;height:.5rem;background:#e6e0d8;border-radius:4px;margin:.5rem 0 1.5rem}.bar div{position:absolute;inset:0 auto 0 0;background:#333;border-radius:4px}.breakdown{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.breakdown td{border-top:1px solid #ddd;padding:.625rem 0;color:#666;vertical-align:top}.breakdown td.num{text-align:right;padding-left:1rem;color:#333;white-space:nowrap}.breakdown tr.low td{color:#1a1a1a}.breakdown tr.low td.num:after{content:" ●";color:#b4532a}.dist{display:flex;align-items:flex-end;gap:3px;height:1.5rem;margin-top:.375rem;max-width:10rem}.dist span{flex:1;background:#b9b0a5;min-height:1px;border-radius:1px}.people{position:relative;height:1.25rem;margin:-.75rem 0 .75rem}.people span{position:absolute;top:.25rem;width:.75rem;height:.75rem;margin-left:-.375rem;border-radius:50%;background:#333;opacity:.45}.sources{padding-left:1.25rem}.sources li{color:#666;margin-bottom:.5rem;font-size:.875rem}.create{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0 .5rem}.create input,.share input{font:inherit;flex:1 1 14rem;min-width:0;padding:.625rem .75rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333}.create .button{margin:0}.groups{list-style:none}.groups li{border-top:1px solid #ddd;padding:1rem 0}.group-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:.5rem}.group-name{font:inherit;font-size:1.125rem;color:#333;background:none;border:none;cursor:pointer;padding:0;text-align:left}.group-name:hover{text-decoration:underline}.group-head .note{margin:0}.share{display:flex;gap:.5rem}.share input{font-size:.875rem;color:#666}.waiting{background:#efe8de;padding:1rem;border-radius:4px;color:#333}.downloads{border-top:1px solid #ddd;padding-top:1.5rem;margin-top:1rem}.download-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}@media(min-width:768px){h1{font-size:3rem}}
