.na-star-picker{box-sizing:border-box;width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #4a4868;border-radius:20px;background:#171c30;color:#f2f3fc;box-shadow:0 24px 100px #0009;overflow:auto;color-scheme:dark}
.na-star-picker::backdrop{background:#080c19c9;backdrop-filter:blur(5px)}
.na-star-picker[open]{display:flex;flex-direction:column;gap:12px}
.na-star-picker [hidden]{display:none!important}
.na-star-picker header,.na-star-picker footer,.na-star-selection header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.na-star-picker h2{font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.25;margin:4px 0 0;font-weight:700}
.na-star-picker p{margin:0;color:#c7cce2;line-height:1.5}
.na-star-picker-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #555575;border-radius:50%;background:#252b45;color:#f2f3fc}
.na-star-picker-close svg{width:20px;height:20px}
.na-star-picker form>label{display:block;font-size:.875rem;color:#d7dbeb;margin-block-end:6px}
.na-star-picker form>div,.na-star-picker-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.na-star-picker input{flex:1;min-width:120px;min-height:44px;width:0;padding:10px 12px;border:1px solid #596080;border-radius:10px;background:#101529;color:#f2f3fc}
.na-star-picker-feedback{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:24px}
.na-star-picker-feedback p{font-size:.875rem}
.na-star-picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;min-height:80px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-width:0;padding:4px;margin:-4px}
.na-star-picker-results[aria-busy=true]{background:linear-gradient(110deg,#252b4533,#35354b55,#252b4533);border-radius:12px}
.na-star-choice{display:flex;align-items:center;gap:12px;min-width:0;width:100%;min-height:82px;padding:12px;text-align:start;border:1px solid #424966;border-radius:14px;background:#21273e;color:#f2f3fc;cursor:pointer;transition:background .12s,border-color .12s}
.na-star-choice:hover,.na-star-choice[aria-pressed=true]{border-color:#b7a5ef;background:#30304e}
.na-star-choice img{flex-shrink:0;object-fit:cover;border-radius:12px;background:#30364f}
.na-star-choice>span:not(.na-star-choice-mark){min-width:0;flex:1}
.na-star-choice strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.94rem;line-height:1.4;overflow-wrap:anywhere;font-weight:650}
.na-star-choice strong+span{display:block;font-size:.8rem;line-height:1.4;color:#bfc6e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-block-start:3px}
.na-star-choice-mark{font-size:1.5rem;color:#c8b6ff;flex-shrink:0}
.na-star-picker-empty{grid-column:1/-1;padding:18px;text-align:center;background:#21273e;border-radius:14px}
.na-star-picker-empty strong{display:block;font-weight:650;margin-block-end:6px}.na-star-picker-empty p{margin-block-end:12px}
.na-star-picker footer{flex-wrap:wrap;padding-block-start:8px;border-block-start:1px solid #424966;font-size:.85rem;color:#c7cce2}
.na-star-picker :focus-visible,.na-star-selection :focus-visible{outline:3px solid #c5b1ff;outline-offset:3px}
.na-star-picker .na-button{min-height:44px}.na-star-picker :disabled{opacity:.55;cursor:wait}
.na-star-selection{width:100%;padding:14px;border:1px solid #424966;border-radius:14px;background:#1d243b;margin-block:10px;box-sizing:border-box}
.na-star-selection h3{font-size:.875rem;font-weight:600;color:#c7cce2;margin:0}
#selectedStarDetails{display:flex;align-items:center;gap:12px;margin-block-start:10px;min-width:0}
#selectedStarDetails img{width:64px!important;height:64px!important;max-width:64px;object-fit:cover;border-radius:12px;background:#30364f;flex-shrink:0;margin:0}
#selectedStarDetails p{font-weight:600;overflow-wrap:anywhere;color:#f2f3fc;margin:0;min-width:0}
.na-star-selection-feedback{font-size:.875rem;color:#c7cce2;max-width:100%;overflow-wrap:anywhere}.na-star-selection-feedback:empty{display:none}
.na-star-picker-trigger{margin-block-end:12px}
@media(max-width:560px){.na-star-picker{padding:16px;border-radius:16px}.na-star-picker-results{grid-template-columns:1fr}.na-star-choice{min-height:80px}.na-star-picker footer{gap:10px}}
@media(prefers-reduced-motion:reduce){.na-star-choice{transition:none}}