:root{--bg-color:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--card-bg:#fff;--border-color:#e2e8f0;--hover-bg:#f8fafc;--accent:#0f172a;--tag-bg:#f1f5f9;--tag-text:#334155;--focus-ring:#2563eb;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.8rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-3xl:2.25rem}@media (prefers-color-scheme:dark){:root{--bg-color:#15181c;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--card-bg:#1c2126;--border-color:#2d333b;--hover-bg:#20262d;--accent:#7dd3fc;--tag-bg:#232a31;--tag-text:#cbd5e1;--focus-ring:#7dd3fc}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6}#app{max-width:880px;margin:0 auto;padding:3.5rem 1.5rem 4rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}header{margin-bottom:2rem}h1{font-family:var(--font-heading);font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:800}.title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.subtitle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.site-subtitle{color:var(--text-secondary);margin:0;font-size:1.05rem}.icon-link{width:2rem;height:2rem;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:inline-flex}.roars-link:before{content:"";background:currentColor;width:1.45rem;height:1.45rem;-webkit-mask:url(https://cspicks.roars.dev/roars-dino.png) 50%/contain no-repeat;mask:url(https://cspicks.roars.dev/roars-dino.png) 50%/contain no-repeat}.icon-link svg{stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.icon-link:hover,.icon-link:focus-visible{color:var(--text-primary);background:var(--hover-bg)}.icon-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.criteria{color:var(--text-muted);font-size:var(--text-sm);max-width:62ch;margin-top:.85rem}.term{cursor:help;-webkit-text-decoration:underline dotted var(--text-muted);text-decoration:underline dotted var(--text-muted);text-underline-offset:2px;position:relative}.term:after{content:attr(data-tooltip);background:var(--text-primary);width:max-content;max-width:260px;color:var(--bg-color);font-size:var(--text-xs);opacity:0;visibility:hidden;z-index:10;pointer-events:none;border-radius:6px;padding:.5rem .65rem;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + .4rem);left:0;transform:translateY(2px)}.term:hover:after,.term:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:2rem 0 .75rem;display:grid;position:relative}.search-suggestion-panel{z-index:10;border:1px solid var(--border-color);background:var(--card-bg);border-radius:8px;width:100%;position:absolute;top:3.25rem;left:0;right:auto;overflow:hidden;box-shadow:0 6px 18px #0000001f}.search-suggestion-panel[hidden]{display:none}.search-suggestion{border:0;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);font:inherit;text-align:left;background:0 0;padding:.65rem .9rem;display:block}.search-suggestion:last-child{border-bottom:0}.search-suggestion:hover,.search-suggestion:focus-visible,.search-suggestion[aria-selected=true]{background:var(--hover-bg)}.examples{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.25rem;display:flex}.examples-label{color:var(--text-muted);font-size:var(--text-xs)}.example-chip{background:var(--tag-bg);color:var(--tag-text);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;border:none;border-radius:999px;padding:.2rem .65rem}.example-chip:hover{background:var(--hover-bg);color:var(--text-primary)}.example-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.search-input{border:1px solid var(--border-color);background:var(--card-bg);width:100%;min-width:0;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);border-radius:8px;flex:1;padding:.6rem .9rem}.search-box{grid-column:1/-1;display:flex;position:relative}.search-scope{border:1px solid var(--border-color);background:var(--tag-bg);width:auto;min-width:8.5rem;color:var(--text-primary);font:inherit;cursor:pointer;border-right:0;border-radius:8px 0 0 8px;padding:.6rem 2rem .6rem .75rem}.search-scope:focus{outline:2px solid var(--focus-ring);outline-offset:1px;z-index:1}.search-box .search-input{border-radius:0 8px 8px 0}.search-input:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.field-select{border:1px solid var(--border-color);background:var(--card-bg);width:100%;min-width:0;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;border-radius:8px;padding:.6rem .9rem}.field-select:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.track-select{min-width:7.5rem}.location-select{min-width:8.5rem}@media (width<=560px){#app{padding:2rem 1rem 3rem}h1{font-size:1.85rem}.roars-link{display:none}.controls{grid-template-columns:1fr}.search-box{grid-column:auto}.search-suggestion-panel{width:100%}}.result-count{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:1rem}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.submission-link{background:var(--accent);color:var(--bg-color);font-size:var(--text-sm);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:.4rem .9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.submission-link:hover,.submission-link:focus-visible{opacity:.85}.submission-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.paper-link{border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;padding:.4rem .9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.paper-link:hover,.paper-link:focus-visible{background:var(--hover-bg);color:var(--text-primary)}.paper-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (width<=560px){.header-actions{flex-wrap:nowrap;gap:.35rem}.paper-link,.submission-link{padding:.35rem .7rem}}.roster{border-top:1px solid var(--border-color);flex-direction:column;display:flex}.entry{border-bottom:1px solid var(--border-color);padding:.9rem 0}.entry-with-portrait{grid-template-columns:64px minmax(0,1fr);gap:.75rem;display:grid}.entry-portrait{object-fit:cover;object-position:center top;border-radius:8px;width:64px;height:64px}.entry-content{min-width:0}.entry-name-row{flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;display:flex}.entry-name{color:var(--text-primary);font-weight:600;text-decoration:none}.entry-vietnamese-name{color:var(--text-muted);font-size:var(--text-sm)}a.entry-name:hover,a.entry-name:focus-visible{text-decoration:underline}.personal-site-link,.scholar-link,.profile-link{color:var(--text-muted);vertical-align:text-bottom;display:inline-flex}.personal-site-link:hover,.personal-site-link:focus-visible,.scholar-link:hover,.scholar-link:focus-visible,.profile-link:hover,.profile-link:focus-visible{color:var(--text-primary)}.personal-site-link svg,.scholar-link svg,.profile-link svg{width:1rem;height:1rem}.scholar-link svg{fill:currentColor}.entry-meta{color:var(--text-muted);font-size:var(--text-sm)}.country-flag{vertical-align:-.05em;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Android Emoji,sans-serif;font-size:1.05em;line-height:1;display:inline-block}.loc-badge{align-items:baseline;gap:.2rem;display:inline-flex}.entry-details{color:var(--text-muted);font-size:var(--text-sm);margin-top:.2rem}.entry-honors{color:var(--text-muted);font-size:var(--text-sm);margin-top:.25rem;line-height:1.45}.honors-label{color:var(--text);font-weight:600}.honor-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:.15em}.tags{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.entry-updated{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;gap:.25em;line-height:1.35;display:inline-flex}.entry-name-row .entry-updated{margin-left:auto}.tag{background:var(--tag-bg);color:var(--tag-text);font-size:var(--text-xs);white-space:nowrap;font-family:var(--font-body);border:1px solid #0000;border-radius:999px;padding:.15rem .55rem;display:inline-block}.tag-track,.tag-field{border-color:var(--border-color);background:0 0;font-weight:600}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 0}.insights-dashboard{flex-direction:column;gap:2.5rem;margin-top:.5rem;display:flex}.insights-section-block{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.insights-section-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.35rem;padding-bottom:.85rem;display:flex}.insights-badge{font-size:var(--text-xs);color:#2563eb;background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;align-self:flex-start;align-items:center;padding:.2rem .6rem;font-weight:600;display:inline-flex}.insights-main-heading{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}.insights-main-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.insights-section{flex-direction:column;display:flex}.insights-heading{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-primary);margin-bottom:.2rem;font-weight:600}.insights-caption{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:.75rem}.state-grid-wrap{padding-bottom:.25rem;overflow-x:auto}.state-grid{grid-template-columns:repeat(13,1.9rem);grid-auto-rows:1.9rem;gap:.2rem;width:max-content;display:grid}.state-tile{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.65rem;display:flex}.state-tile:hover{border-color:var(--focus-ring)}.state-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.state-tile.heat-0{color:var(--text-muted)}.state-tile.heat-1{background:color-mix(in srgb, var(--focus-ring) 15%, var(--card-bg))}.state-tile.heat-2{background:color-mix(in srgb, var(--focus-ring) 35%, var(--card-bg))}.state-tile.heat-3{background:color-mix(in srgb, var(--focus-ring) 60%, var(--card-bg));color:#fff}.state-tile.heat-4{background:var(--focus-ring);color:#fff}.chart-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.chart-row{align-items:center;gap:.75rem;display:flex}.chart-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:right;flex-shrink:0;width:3.25rem;font-weight:600}.chart-track{background:var(--tag-bg);border-radius:4px;flex:1;height:1.1rem;overflow:hidden}.chart-bar{background:color-mix(in srgb, var(--focus-ring) 75%, var(--card-bg));border-radius:4px;min-width:3px;height:100%;transition:width .3s}.chart-value{font-size:var(--text-xs);color:var(--text-primary);flex-shrink:0;width:4.5rem;font-weight:600}.chart-share{color:var(--text-muted);font-weight:400}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.insights-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:1rem;display:flex}.ranked-list{flex-direction:column;gap:.35rem;display:flex}.ranked-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:.25rem;padding:.35rem .45rem;transition:background .15s,border-color .15s;display:flex}.ranked-item:hover{background:var(--hover-bg);border-color:var(--border-color)}.ranked-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.ranked-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.ranked-name{font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ranked-num{color:var(--text-muted);margin-right:.15rem;font-size:.75rem}.ranked-count{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0;font-weight:600}.ranked-track{background:var(--tag-bg);border-radius:999px;width:100%;height:4px;overflow:hidden}.ranked-bar{background:var(--focus-ring);border-radius:999px;height:100%;transition:width .3s}.fun-facts{border-top:1px solid var(--border-color);list-style:none}.fun-facts li{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-sm);padding:.7rem 0}.back-to-top{background:var(--card-bg);width:2.75rem;height:2.75rem;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #0000001a}.back-to-top[hidden]{display:none}.back-to-top:hover{background:var(--hover-bg);border-color:var(--focus-ring);color:var(--focus-ring);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.back-to-top:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.back-to-top svg{width:1.25rem;height:1.25rem}.home-link{color:inherit;text-decoration:none}.submit-form{flex-direction:column;gap:1.25rem;margin-top:2rem;display:flex}.form-section{border:none;flex-direction:column;gap:.4rem;padding:0;display:flex}.form-section>label,.form-section legend{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.form-group{border:1.5px solid var(--border-color);background:var(--card-bg);border-radius:12px;flex-direction:column;gap:1rem;padding:1.1rem 1.15rem 1.2rem;display:flex}.required-group{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--card-bg))}.form-group h2,.form-group summary{color:var(--text-primary);font-size:var(--text-base);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:800}.form-group summary{cursor:pointer}.optional-group{display:block}.optional-group>*+*{margin-top:1rem}.form-group-description{color:var(--text-secondary);font-size:var(--text-sm);margin:-.65rem 0 0}.info-icon{background:var(--tag-bg);width:1.05rem;height:1.05rem;color:var(--text-secondary);cursor:help;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:.7rem;font-style:italic;font-weight:700;display:inline-flex;position:relative}.info-icon:after{content:attr(data-tooltip);background:var(--text-primary);width:max-content;max-width:240px;color:var(--bg-color);font-family:var(--font-body);font-size:var(--text-xs);opacity:0;visibility:hidden;z-index:10;pointer-events:none;border-radius:6px;padding:.5rem .65rem;font-style:normal;font-weight:400;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(2px)}.info-icon:hover:after,.info-icon:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.info-icon:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.form-help{color:var(--text-muted);font-size:var(--text-xs)}.form-help.notice{color:var(--focus-ring);font-weight:500}.correction-suggestions{border:1px solid var(--border-color);background:var(--card-bg);border-radius:8px;overflow:hidden}.correction-suggestion{border:0;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:.1rem;padding:.55rem .75rem;display:flex}.correction-suggestion:last-child{border-bottom:0}.correction-suggestion span{color:var(--text-muted);font-size:var(--text-xs)}.correction-suggestion:hover,.correction-suggestion:focus-visible{background:var(--hover-bg)}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row>div{flex-direction:column;gap:.4rem;display:flex}@media (width<=480px){.form-row{grid-template-columns:1fr}}.form-section input[type=text],.form-section input[type=url],.form-section input[type=number],.form-section select,.form-section textarea{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);border-radius:8px;padding:.6rem .9rem}.form-section textarea{resize:vertical}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.radio-row{font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;align-items:baseline;gap:.5rem;font-weight:400;display:flex}.submit-btn{background:var(--accent);color:var(--bg-color);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:.7rem 1.4rem}.submit-actions{flex-wrap:wrap;gap:.65rem;display:flex}.submit-btn:hover{opacity:.9}.submit-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.submit-hint{color:var(--text-muted);font-size:var(--text-xs);max-width:62ch}
