body{margin:0}.app-header{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;letter-spacing:.015em;background-color:#2b2d31db;justify-content:space-between;align-items:center;min-height:44px;padding-inline:16px 4px;font:500 1rem/1.25 system-ui,sans-serif;display:flex;position:sticky;top:0}.header-actions{align-items:center;display:flex}.header-action{min-block-size:44px;inline-size:44px;color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.header-action:active:not(:disabled),.header-action[aria-expanded=true]{background-color:#41444a}.header-action:focus-visible{outline-offset:-4px;outline:2px solid #fff}.header-action:disabled{opacity:.4}.group-menu{box-sizing:border-box;color:#202020;letter-spacing:normal;background-color:#fff;border:1px solid #d9dde2;border-radius:10px;max-block-size:min(50dvh,24rem);inline-size:min(14rem,100% - 24px);padding:6px;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:12px;overflow:auto;box-shadow:0 6px 20px #2020201f}.group-menu-label{color:#59616b;margin:6px 10px 4px;font-size:.8125rem}.group-menu-option{min-block-size:44px;inline-size:100%;color:inherit;font:inherit;text-align:start;overflow-wrap:anywhere;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.group-menu-option[aria-pressed=true]{background-color:#eef0f3;font-weight:600}.group-menu-option[aria-pressed=true]:after{content:"";border-block-end:1.5px solid;border-inline-start:1.5px solid;flex:none;block-size:5px;inline-size:9px;margin-block-start:-3px;transform:rotate(-45deg)}.assessment{color:#202020;padding:28px 16px 16px;font:1rem/1.5 system-ui,sans-serif}.assessment h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 22px;font-size:1.875rem;font-weight:650;line-height:1.12}.assessment-picker{gap:4px;margin-bottom:16px;display:grid}.assessment-picker select{box-sizing:border-box;width:100%;min-height:44px;font:inherit;padding-inline:12px}.participant-field{gap:4px;font-weight:500;display:grid}.assessment-names{gap:14px;display:grid}.assessment-names .participant-field,.scale-fieldset legend{color:#454950;font-size:.875rem;font-weight:600}.assessment-names .participant-field{gap:6px}.participant-field input,.rating-number-input,.criterion-note{box-sizing:border-box;width:100%;min-height:44px;color:inherit;font:inherit;background-color:#fff;border:1px solid #b9b9b9;border-radius:8px;padding:8px 12px;font-weight:400}.assessment-names input{color:#202020;border-color:#d0d4da;border-radius:10px;min-height:48px;font-size:1rem}.assessment-names input:focus{outline-offset:1px;border-color:#687487;outline:2px solid #687487}.draft-storage-error{color:#9f2121;margin:12px 0 0;font-size:.875rem}.rating-scales{margin-top:24px}.scale-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.scale-fieldset legend{margin-bottom:8px;padding:0}.scale-options{flex-wrap:wrap;gap:6px;display:flex}.scale-option{max-width:100%;position:relative}.scale-option input{opacity:0;width:1px;height:1px;position:absolute}.scale-chip{box-sizing:border-box;min-width:44px;max-width:100%;min-height:44px;color:inherit;font:inherit;overflow-wrap:anywhere;background:#fff;border:1px solid #b9b9b9;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-weight:500;display:inline-flex}.scale-options .scale-chip{background-color:#f0f1f3;border-color:#0000;border-radius:999px}.scale-option input:checked+.scale-chip{color:#fff;background-color:#2b2d31;border-color:#2b2d31}.scale-save{color:#fff;background:#202020;border-color:#202020}.scale-option input:focus-visible+.scale-chip{outline-offset:2px;outline:2px solid #202020}.scale-options .scale-add{background-color:#fff;border-color:#e0e2e6;padding:0}@media (width<=360px){.scale-options{gap:4px}.scale-option .scale-chip{padding-inline:8px}}.custom-scale-form{border:1px solid #e5e7eb;border-radius:10px;gap:12px;margin-top:12px;padding:12px;display:grid}.custom-scale-form h2{margin:0;font-size:1rem;font-weight:600}.custom-scale-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scale-error{color:#9f2121;margin:0}.scale-save{justify-self:start}.assessment-criteria{margin-top:28px}.dance-group+.dance-group{margin-top:24px}.dance-group h2{color:#59616b;margin:0 0 8px;font-size:.875rem;font-weight:650}.dance-list{display:grid}.dance{scroll-margin-top:52px}.dance>summary{-webkit-tap-highlight-color:transparent;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding-inline:0 4px;list-style:none;display:grid}.dance>summary::-webkit-details-marker{display:none}.dance>summary:after{content:"";border-bottom:1.5px solid #68717e;border-right:1.5px solid #68717e;width:7px;height:7px;margin-inline:2px;transform:translateY(-2px)rotate(45deg)}.dance[open]>summary:after{transform:translateY(2px)rotate(225deg)}.dance-name{font-size:1.25rem;font-weight:700;line-height:1.25}.dance .criterion-list{margin-block:8px 12px;padding-inline-start:14px}.rating-criterion{grid-template-columns:minmax(0,1fr) 3.75rem;align-items:center;column-gap:12px;padding-block:8px 4px;display:grid}.criterion-title{overflow-wrap:anywhere;grid-column:1;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.criterion-options{grid-column:1/-1;grid-template-columns:repeat(var(--rating-columns), minmax(0, 1fr));gap:4px;margin-top:4px;display:grid}.criterion-star{min-height:44px;color:inherit;font:inherit;background:0 0;border:0;border-radius:8px;padding:4px;font-size:1.25rem;line-height:1}.criterion-star[aria-pressed=true]{background-color:#eef0f3}.rating-number-input{min-inline-size:0;text-align:center;font-variant-numeric:tabular-nums;border-color:#d0d4da;border-radius:7px;grid-area:1/2;min-height:38px;padding:4px 6px}.rating-number-error{color:#9f2121;text-align:end;grid-column:1/-1;margin:4px 0 0;font-size:.8125rem}.rating-number-input[aria-invalid=true]{border-color:#9f2121}.criterion-note{resize:vertical;border-color:#d0d4da;grid-column:1/-1;min-block-size:64px;margin-block:6px 4px}.share-result{gap:12px;margin-top:24px;padding-block-end:8px;display:grid}.share-result-button{color:#fff;min-height:48px;font:inherit;background-color:#2b2d31;border:0;border-radius:10px;padding:10px 16px;font-weight:600}.share-result-button:disabled{color:#59616b;background-color:#eef0f3}.share-result-copy{border:1px solid #d9dde2;border-radius:8px;justify-items:start;gap:8px;padding:12px;display:grid}.share-result-label{place-self:start stretch;gap:4px;font-weight:500;display:grid}.share-result-label textarea{box-sizing:border-box;inline-size:100%;color:inherit;font:inherit;background:#fff;border:1px solid #b9b9b9;border-radius:8px;padding:8px 12px;font-weight:400}.share-result-copy [role=status]:empty{display:none}