.sp-review{margin:10px 0;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--background));overflow:hidden}
.sp-review>summary{min-height:48px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:hsl(var(--foreground));font-size:13px}
.sp-review>summary::after{content:'⌄';font-size:18px;color:hsl(var(--muted-foreground))}
.sp-review[open]>summary::after{transform:rotate(180deg)}
.sp-review>summary>span{font-size:12px;color:hsl(var(--muted-foreground));margin-left:auto}
.sp-review-list{max-height:320px;max-height:min(42dvh,320px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid hsl(var(--border))}
.sp-review-list>button{display:flex;align-items:flex-start;gap:10px;min-height:64px;width:100%;padding:12px 14px;text-align:left;background:transparent;border:0;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));touch-action:manipulation}
.sp-review-list>button:last-child{border-bottom:0}
.sp-review-list>button:hover{background:hsl(var(--muted)/.5)}
.sp-review-list>button:focus-visible,.sp-outcome button:focus-visible,.sp-outcome>summary:focus-visible,.sp-review>summary:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-3px}
.sp-review-number{width:22px;flex:none;font-size:12px;color:hsl(var(--muted-foreground));padding-top:2px}
.sp-review-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;font-size:13px;overflow-wrap:anywhere}
.sp-review-body strong{font-weight:600;text-transform:none}.sp-review-body small{font-size:11px;color:hsl(var(--muted-foreground));line-height:1.4}
.sp-review-state{flex:none;max-width:95px;font-size:10px;line-height:1.4;border:1px solid hsl(var(--border));border-radius:20px;padding:3px 7px;color:hsl(var(--muted-foreground))}
.sp-review-state[data-outcome=filled]{color:hsl(var(--primary));background:hsl(var(--primary)/.07);border-color:hsl(var(--primary)/.2)}
.spw .spw-descriptive-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1023px){.spw .spw-descriptive-choices{grid-template-columns:minmax(0,1fr)}}
.sp-outcome{position:relative;margin-left:auto;font-size:12px;color:hsl(var(--muted-foreground))}
.sp-outcome>summary{display:flex;align-items:center;min-height:44px;padding:8px;cursor:pointer;list-style:none;white-space:nowrap}
.sp-outcome>summary::after{content:'⌄';margin-left:5px}.sp-outcome[open]>summary{color:hsl(var(--foreground))}
.sp-outcome>div{position:absolute;bottom:100%;right:0;min-width:190px;padding:6px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:10px;box-shadow:0 6px 24px #0002;z-index:30}
.sp-outcome button{display:block;min-height:44px;width:100%;padding:10px;text-align:left;border:0;border-radius:6px;background:transparent;color:hsl(var(--foreground));font-size:13px}
.sp-outcome button:hover{background:hsl(var(--muted))}.sp-outcome+.spw-skip{margin-left:0!important}
.spw-preview>.sp-review{flex-shrink:0;margin:8px 0;max-height:40%;overflow:auto}.spw-preview>.sp-review .sp-review-list{max-height:none;overflow:visible}
@media(max-width:540px){.sp-review>summary{flex-wrap:wrap;gap:3px 10px}.sp-review>summary>span{font-size:11px;margin-left:0}.sp-review>summary::after{margin-left:auto}.sp-review-state{max-width:74px}.sp-outcome>summary{padding:8px 4px;font-size:11px}}