:root{--bg:oklch(.979 .007 90);--surface:oklch(.949 .009 90);--panel:oklch(.997 .001 90);--ink:oklch(.22 .008 90);--muted:oklch(.47 .008 90);--line:oklch(.81 .011 90);--strong-line:oklch(.31 .008 90);--yellow:oklch(.87 .15 91);--selected:oklch(.943 .08 92);--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--z-header:10;--z-toast:30;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,select,summary{cursor:pointer}button{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:8px 13px;transition:background .16s,border-color .16s}button:hover{background:var(--surface);border-color:var(--strong-line)}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.muted{color:var(--muted)}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.primary{background:var(--yellow);border-color:var(--strong-line);font-weight:600}.primary:hover{background:var(--selected)}.skip{position:absolute;top:-70px;left:20px;background:var(--yellow);padding:10px;z-index:var(--z-header)}.skip:focus{top:10px}
.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 40px;border-bottom:1px solid var(--strong-line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:38px;height:42px;border:1px solid var(--strong-line);background:var(--yellow);display:grid;place-items:center;font:700 32px var(--mono)}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:1px}nav{display:flex;align-items:center;gap:22px;font-size:13px}nav button{border-color:transparent;background:transparent;border-radius:0;padding:9px 1px}nav .active{box-shadow:0 2px 0 var(--ink);font-weight:600}nav .primary{padding:9px 15px;border:1px solid var(--strong-line);background:var(--yellow)}#pending-count:not(:empty){display:inline-block;background:var(--surface);font:11px var(--mono);margin-left:5px;padding:3px 5px;border:1px solid var(--line)}main{max-width:1440px;padding:0 40px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:37px 0 33px}.intro h1{font-size:30px;line-height:1.45;font-weight:650;letter-spacing:-.035em}.intro h1 span{color:var(--muted);font-weight:450}.intro p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:9px}.mobile-break{display:none}.collection-note{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:12px;flex:none}.collection-note strong{font:500 38px var(--mono);letter-spacing:-.05em}.collection-note>span{font-size:12px}.collection-note small{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:3px}
.browse{display:grid;grid-template-columns:175px minmax(0,1fr);gap:32px;padding-top:27px;border-top:1px solid var(--line)}.categories h2{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:13px}.categories button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;border-color:transparent;background:transparent;text-align:left;font-size:13px;padding:10px 11px;margin:3px 0}.categories button.active{border-color:var(--strong-line);background:var(--selected);font-weight:600}.categories b{font:11px var(--mono);color:var(--muted)}.directory-note{border-top:1px solid var(--line);margin:30px 10px 0;padding-top:18px}.note-mark{display:block;font-size:22px;margin-bottom:8px}.directory-note h3{font-size:12px;margin-bottom:8px;font-weight:550}.directory-note p{font-size:12px;color:var(--muted);line-height:1.85}.results{min-width:0}.toolbar{display:flex;gap:16px;align-items:center}.search{flex:1;display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--strong-line);background:var(--panel);padding:10px 13px;border-radius:3px}.search svg{width:19px;height:19px}.search input{border:0;background:none;padding:0;width:100%;font-size:13px}input,textarea,select{border:1px solid var(--line);background:var(--panel);border-radius:3px;padding:9px 10px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}.sort-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.sort-label select{color:var(--ink);font-size:12px;padding:10px}.source-toolbar{display:flex;align-items:flex-start;gap:15px;padding:18px 0 12px;border-bottom:1px solid var(--line)}.source-toolbar>span{font-size:11px;color:var(--muted);padding-top:8px;flex:none}#source-filters{display:flex;flex-wrap:wrap;gap:6px}#source-filters button{display:flex;align-items:center;gap:6px;font-size:11px;background:transparent;padding:5px 8px;border-color:transparent;white-space:nowrap}#source-filters button.active{border-color:var(--strong-line);background:var(--panel)}#source-filters svg{width:13px;height:13px}#source-filters b{font:10px var(--mono);color:var(--muted);margin-left:3px}.result-caption{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;min-height:48px;padding:10px 0}.result-caption>span:last-child{margin-left:auto;font-size:10px}.result-caption>span:first-child{color:var(--ink)}.text-button{border:0;background:transparent;font-size:11px;padding:2px 0;text-decoration:underline;text-underline-offset:4px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.play{min-width:0;border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:20px 18px 0;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.play:hover{border-color:var(--strong-line);box-shadow:2px 2px 0 var(--line)}.card-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:24px}.source-badges{display:flex;flex-wrap:wrap;gap:7px}.source-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.5;white-space:nowrap}.source-badge svg{width:14px;height:14px}.category-tag{font-size:10px;color:var(--muted);background:var(--surface);padding:3px 6px;border-radius:2px;white-space:nowrap}.play h2{font-size:17px;line-height:1.6;font-weight:620;margin-bottom:12px;letter-spacing:-.02em;overflow-wrap:anywhere}.play h2 button{font:inherit;line-height:inherit;text-align:left;border:0;border-radius:0;background:none;padding:0}.play h2 button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.card-description{font-size:12px;color:var(--muted);line-height:1.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:22px}.card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:auto;padding-bottom:16px}.author{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:60%;color:var(--ink)}.card-meta>span:last-child{white-space:nowrap}.card-actions{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:11px}.detail-link{border:0;border-radius:0;background:none;padding:0;font-size:11px}.detail-link:hover{background:none;text-decoration:underline;text-underline-offset:3px}.detail-link span{font-size:9px;color:var(--muted);margin-left:5px}.card-actions a{white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 0;font-size:11px;color:var(--muted)}.pagination button{font-size:12px}.empty{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed var(--line);background:var(--panel)}.empty-symbol{font-size:32px}.empty h2{font-size:18px;font-weight:550;margin:8px 0}.empty p{font-size:13px;color:var(--muted);margin:10px 0 22px}.empty button{font-size:12px}
.site-footer{margin-top:44px;border-top:1px solid var(--line);padding:21px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px}.footer-dot{margin:0 7px}.site-footer p{font-size:10px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:34px 0 22px}.section-heading h1{font-size:28px;font-weight:600}.section-heading p{font-size:13px;color:var(--muted);margin-top:6px}#job-count{font-size:12px;margin-bottom:15px}#jobs{display:grid;gap:16px}.job{padding:23px 25px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}.job-heading{display:flex;justify-content:space-between;gap:20px}.job-heading h2{font-size:18px;line-height:1.55;margin:12px 0}.job-heading time{font:11px var(--mono);color:var(--muted);white-space:nowrap}.job-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.state{font-size:11px;border:1px solid var(--line);padding:2px 7px}.state[data-state=review]{background:var(--selected)}.job-description{font-size:13px;color:var(--muted);max-width:85ch;line-height:1.9}.job-summary{display:flex;align-items:center;flex-wrap:wrap;gap:20px;font-size:12px;margin:18px 0 12px}.job-summary>span{color:var(--muted)}.job details{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.job details p{margin:12px 0;overflow-wrap:anywhere}.call-ref{display:block;font:11px/1.8 var(--mono);overflow-wrap:anywhere}.job-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:17px}.job-actions label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.job-actions select{max-width:min(380px,75vw)}.job-actions button,.job-actions select{font-size:12px;color:var(--ink)}.error{color:oklch(.43 .15 25);margin:10px 0;font-size:13px}
dialog{width:min(710px,94vw);max-height:90dvh;border:1px solid var(--strong-line);border-radius:4px;padding:28px;color:var(--ink);background:var(--bg)}dialog::backdrop{background:rgb(25 24 20 / .38)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:21px}.dialog-heading h2{font-size:16px;font-weight:550}.dialog-heading button{font-size:23px;border:0;background:none;line-height:1;padding:4px 8px}dialog p{font-size:13px;line-height:1.9;color:var(--muted)}form label{display:flex;flex-direction:column;font-size:12px;margin:15px 0 0;gap:6px}.form-row{display:flex;gap:14px}.form-row label{flex:1;min-width:0}textarea{resize:vertical}form details{margin-top:18px}form summary{font-size:12px}form>.primary{width:100%;margin-top:16px}#form-message{margin-top:10px;color:oklch(.43 .15 25)}.detail-intro h3{font-size:24px;line-height:1.5;margin:17px 0;overflow-wrap:anywhere}.detail-intro>p{font-size:14px;color:var(--ink)}.sources-heading{font-size:13px;margin-top:30px;padding-bottom:12px;border-bottom:1px solid var(--strong-line)}.sources-heading span{font:11px var(--mono);margin-left:8px}.source{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:10px}.source p{margin:6px 0}.source-note{font-size:11px}.source a{text-decoration:underline;text-underline-offset:4px}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:3px;font-size:13px;max-width:90vw;z-index:var(--z-toast)}
@media(min-width:1500px){.card-description{-webkit-line-clamp:5}.play{padding:24px 22px 0}.play h2{font-size:18px}}
@media(max-width:1180px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{padding:22px 28px}main{padding:0 28px}.browse{gap:24px;grid-template-columns:160px minmax(0,1fr)}.intro h1{font-size:27px}.intro h1 span{display:block}.collection-note strong{font-size:34px}.result-caption>span:last-child{max-width:45%;text-align:right}.source-toolbar{display:block}.source-toolbar>span{display:block;margin-bottom:8px;padding:0}.play h2{font-size:17px}}
@media(max-width:820px){.site-header{padding:17px 20px;flex-wrap:wrap;gap:17px}.brand{font-size:17px}.brand-mark{width:31px;height:35px;font-size:28px}nav{gap:15px;font-size:12px}main{padding:0 20px}.intro{padding:28px 0;gap:24px}.intro h1{font-size:25px}.intro p{font-size:12px}.collection-note{grid-template-columns:1fr;gap:4px}.collection-note strong{font-size:31px}.collection-note small{display:none}.browse{grid-template-columns:1fr;padding-top:18px;gap:15px}.categories h2{margin-bottom:8px}.directory-note{display:none}#categories{display:flex;flex-wrap:wrap;gap:5px}.categories button{width:auto;gap:9px;margin:0;padding:7px 9px;font-size:11px}.source-toolbar{display:flex;padding-top:14px}.source-toolbar>span{padding-top:8px;margin:0}.site-footer{align-items:flex-start;flex-direction:column;gap:9px}.job-heading{display:block}.job-heading time{display:block;margin-bottom:12px}.job{padding:20px}.job-actions{align-items:stretch}.job-actions label{width:100%}.job-actions select{max-width:100%;width:100%}}
@media(max-width:520px){.site-header{padding:17px 16px}main{padding:0 16px}nav{width:100%;gap:10px;justify-content:space-between}nav a{font-size:11px}nav .primary{padding:8px 10px;font-size:11px}.intro{padding:23px 0;align-items:flex-start}.intro h1{font-size:23px}.intro p{font-size:12px}.collection-note{display:none}.mobile-break{display:block}.toolbar{gap:9px}.sort-label>span{display:none}.sort-label select{padding:10px 7px;font-size:11px}.search{padding:10px;gap:7px}.search input{font-size:12px}.source-toolbar{display:block}.source-toolbar>span{padding:0;margin-bottom:6px}#source-filters{gap:4px}#source-filters button{padding:6px 7px}.result-caption{flex-wrap:wrap;gap:6px 12px;padding:12px 0}.result-caption>span:last-child{max-width:none;width:100%;margin:0;text-align:left}.card-grid{grid-template-columns:1fr;gap:14px}.play{padding:20px 20px 0}.card-description{-webkit-line-clamp:4;font-size:13px}.play h2{font-size:18px}.card-meta{font-size:11px}.card-actions{font-size:12px;padding:15px 0}.detail-link{font-size:12px}.source-badge,.category-tag{font-size:11px}.section-heading h1{font-size:24px}.section-heading{gap:12px}.section-heading p{font-size:12px}.form-row{flex-wrap:wrap}.form-row label{flex-basis:40%}dialog{padding:21px}.detail-intro h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.demo-notice{margin:18px 0 0;padding:10px 14px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;line-height:1.8}
