@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,p,fieldset{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit}img,svg{display:block}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#121212;--surface-soft:#1a1a1a;--text:#f5f5f5;--muted:#b5b5b5;--border:#414141;--accent:#f90;--accent-bg:#241b0c;--brand:#f90;--button:var(--brand);--button-text:#111;--radius-sm:4px;--radius-md:6px;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body{min-width:320px}#app{flex-direction:column;min-height:100svh;display:flex}main{flex:1;width:100%}main:focus{outline:none}h1,h2{letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(2.1rem,5vw,3.3rem)}h2{font-size:1.5rem}button,select,summary{touch-action:manipulation}button,select,input{min-height:44px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{text-underline-offset:4px}button{color:inherit}button:disabled{opacity:.65}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}}@layer components{.site-header{z-index:10;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0}.header-inner{align-items:center;gap:30px;max-width:1440px;min-height:88px;margin:auto;padding:20px 40px;display:flex;position:relative}.wordmark{letter-spacing:-.045em;align-items:baseline;min-height:44px;padding-top:7px;font-size:1.7rem;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.wordmark>span:first-child{color:var(--accent)}.wordmark .brand-dot{color:var(--brand);margin-left:2px}.skip-link{z-index:20;background:var(--surface);border-radius:var(--radius-md);padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.home-page{isolation:isolate;text-align:center;max-width:1040px;margin:auto;padding:clamp(72px,15vh,150px) 28px 70px;position:relative}.home-page:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/40px 40px,radial-gradient(circle at 50% 20%,#ff99001c,#0000 48%);border-radius:28px;height:min(620px,78svh);position:absolute;inset:18px 12px auto;-webkit-mask-image:linear-gradient(#000 58%,#0000 100%);mask-image:linear-gradient(#000 58%,#0000 100%)}.home-page h1{letter-spacing:-.045em;font-size:clamp(3.5rem,7vw,4rem);font-weight:750;line-height:1.1}.home-page h1 span{color:var(--accent)}.home-kicker{color:var(--muted);margin-top:8px;font-size:.86rem}.home-level-guide{display:none}.home-search{max-width:740px;margin:34px auto 0}.home-search-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.home-search-actions>button{min-width:112px}.level-description{color:var(--muted);margin-top:12px;font-size:.82rem}.search-form{width:100%}.search-input-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:12px;padding:7px;display:flex}.search-input-wrap:focus-within{border-color:var(--accent)}.search-icon{color:var(--muted);flex:none;margin-left:13px}.search-form input{color:var(--text);background:0 0;border:none;outline:0;width:100%;min-width:0;padding:8px 0;font-size:.95rem}.search-form input::placeholder{color:var(--muted);opacity:1}.search-form input:focus-visible{outline:none}.primary,.secondary{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:12px;padding:10px 22px;font-size:.87rem;font-weight:650;display:inline-flex}.primary{background:var(--button);color:var(--button-text);border:1px solid #0000}.primary:hover:not(:disabled){background:#ffad33}.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.secondary:hover:not(:disabled){background:var(--surface-soft);border-color:var(--muted)}.form-error{color:var(--accent);text-align:left;margin-top:10px;font-size:.85rem}.level-picker{border:0;min-width:0;padding:0}.level-picker legend{width:100%;color:var(--muted);font-size:.72rem;font-weight:500}.level-options{gap:12px;display:flex}.level-option{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;min-height:44px;display:flex;position:relative}.level-option input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.level-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.level-option:hover{border-color:var(--muted)}.level-option.selected{border-color:var(--brand);background:var(--brand);color:var(--button-text)}.level-badge{letter-spacing:.09em;color:var(--muted);font-size:.7rem;font-weight:750;line-height:1}.selected .level-badge{color:var(--button-text)}.blur-control{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:44px;color:var(--text);white-space:nowrap;flex:none;align-items:center;gap:7px;padding:6px 8px;font-size:.68rem;font-weight:650;display:inline-flex}.blur-control:hover{border-color:var(--muted);background:var(--surface-soft)}.blur-control-track{border:1px solid var(--muted);background:var(--surface-soft);border-radius:3px;align-items:center;width:27px;height:16px;padding:2px;display:flex}.blur-control-track>span{background:var(--muted);border-radius:2px;width:10px;height:10px;transition:transform .16s}.blur-control[aria-checked=true] .blur-control-track{border-color:var(--brand);background:var(--brand)}.blur-control[aria-checked=true] .blur-control-track>span{background:var(--button-text);transform:translate(11px)}.site-footer{width:100%;max-width:740px;color:var(--muted);text-align:center;margin:auto;padding:16px 28px;font-size:.7rem}.site-footer p+p{margin-top:4px}.results-page{margin:auto;padding:0 4px 24px}.results-controls{align-items:center;gap:20px;padding:12px 16px;display:flex}.compact-search{min-width:0;max-width:700px}.results-controls .level-picker{flex-shrink:0}.compact legend{margin-bottom:5px}.compact .level-options{gap:6px}.compact .level-option{justify-content:center;padding:10px 17px}.results-controls .compact legend{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.results-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:4px;display:grid}.results-list{min-width:0}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1px;align-items:start;gap:0 4px;display:grid}.image-card{align-self:start;min-width:0}.masonry-content{min-width:0}.image-button{text-align:left;border-radius:var(--radius-sm);background:var(--surface-soft);border:0;width:100%;min-height:0;padding:0;display:block;overflow:hidden}.image-button:focus-visible{outline-offset:-3px}.image-button img{border-radius:var(--radius-sm);width:100%;height:auto;transition:filter .16s}.results-grid.is-blurred .image-button img{filter:blur(16px)}.image-unavailable{text-align:center;width:100%;color:var(--muted);background:var(--surface-soft);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.75rem;display:flex;overflow:hidden}.image-unavailable>span:first-child{font-size:2rem}.image-unavailable strong{color:var(--text);font-size:.9rem}.loading-state,.state-panel{text-align:center;color:var(--muted);padding:80px 24px}.loading-state{justify-content:center;align-items:center;gap:15px;display:flex}.state-panel h2{color:var(--text);margin-bottom:12px}.state-panel .primary{margin-top:22px}.empty-symbol{color:var(--accent);margin-bottom:15px;font-size:3rem;display:block}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:0 0 20px;width:20px;height:20px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pagination{text-align:center;min-height:110px;margin-top:28px;padding:12px 0}.pagination>p[role=alert]{color:var(--accent);margin-bottom:16px;font-size:.85rem}.pagination-hint{margin-top:12px;font-size:.72rem}.end-message{color:var(--muted);padding:15px 0;font-size:.85rem}.preview-open{overflow:hidden}.image-preview{z-index:30;box-sizing:border-box;background:var(--bg);width:100%;max-width:none;height:100%;max-height:100%;color:var(--text);overscroll-behavior:contain;overflow-anchor:none;border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.image-preview::backdrop{background:var(--bg)}.preview-toolbar{z-index:1;height:0;padding-right:max(8px, env(safe-area-inset-right));justify-content:flex-end;display:flex;position:sticky;top:0}.preview-close{width:44px;height:44px;margin-top:max(8px, env(safe-area-inset-top));border-radius:var(--radius-md);color:#fff;background:#000b;border:0;place-items:center;padding:0;font-size:2rem;line-height:1;display:grid}.preview-image{background:var(--bg);flex-direction:column;align-items:stretch;min-width:0;display:flex}.preview-image-button{background:var(--bg);border:0;width:100%;height:75svh;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.preview-image-button img{object-fit:contain;width:100%;height:100%;transition:filter .16s}.preview-image-button.is-blurred img{filter:blur(6px)}.preview-reveal-hint{border-radius:var(--radius-sm);color:#fff;white-space:nowrap;pointer-events:none;background:#000b;padding:7px 10px;font-size:.72rem;font-weight:650;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.preview-image .image-unavailable{width:100%;height:100%;aspect-ratio:auto!important}.preview-source-title{width:100%;color:var(--text);text-align:left;overflow-wrap:anywhere;margin:0;padding:10px 12px 12px;font-size:.86rem;line-height:1.35}.related-results{padding:4px}.related-results .loading-state,.related-results .state-panel{padding:32px 12px;font-size:.8rem}.related-results .state-panel button{margin-top:12px}button.preview-source-title{text-align:left;text-underline-offset:.2em;background:0 0;border:0;width:100%;min-height:44px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .12s;display:block}button.preview-source-title:hover,button.preview-source-title:focus-visible{text-decoration-color:currentColor}.external-leave-backdrop{z-index:30;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.external-leave-prompt{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(100%,420px);padding:24px;box-shadow:0 18px 60px #0009}.external-leave-prompt h2{font-size:1.25rem}.external-leave-prompt p{color:var(--muted);margin-top:8px}.external-leave-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.external-leave-actions a{text-decoration:none}}@layer responsive{@media (min-width:900px){.home-page{max-width:1280px;padding-top:clamp(56px,9svh,92px)}.home-page h1{font-size:clamp(4rem,6vw,5.5rem)}.home-level-guide{border:0;max-width:1160px;margin:34px auto 0;padding:0;display:block}.home-level-guide legend{width:100%;color:var(--text);font-size:1rem;font-weight:700}.home-level-intro{color:var(--muted);margin-top:3px;font-size:.78rem}.home-level-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.home-level-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:linear-gradient(145deg,#1b1b1b,#101010);border-radius:12px;flex-direction:column;align-items:flex-start;gap:20px;min-width:0;min-height:188px;padding:22px;transition:border-color .16s,transform .16s,background .16s;display:flex;position:relative;box-shadow:0 18px 44px #0006}.home-level-card:hover{border-color:var(--muted);transform:translateY(-2px)}.home-level-card.selected{border-color:var(--accent);background:linear-gradient(145deg, #ffad33, var(--accent));color:var(--button-text);box-shadow:0 18px 50px #ff990025}.home-level-card input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.home-level-card:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.home-level-card-heading{justify-content:space-between;align-items:baseline;gap:10px;width:100%;display:flex}.home-level-card-heading strong{letter-spacing:.06em;font-size:1.4rem}.home-level-card-heading>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.69rem;font-weight:650}.home-level-card-copy{color:var(--muted);font-size:.84rem;line-height:1.55}.home-level-card.selected .home-level-card-heading>span,.home-level-card.selected .home-level-card-copy{color:#21170a}.home-search{margin-top:28px}.home-search .level-cycle{display:none}.results-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.preview-close{width:56px;height:56px;margin-top:max(16px, env(safe-area-inset-top));margin-right:8px;font-size:2.4rem}.preview-source-title{padding:18px 24px 20px;font-size:clamp(1rem,1.7vw,1.6rem)}}@media (min-width:1500px){.results-list>.results-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.header-inner{gap:18px;padding:17px 24px}.site-footer{padding:25px 24px}.results-controls{gap:16px}.compact .level-option{padding:10px 13px}}@media (max-width:700px){.header-inner{flex-wrap:nowrap;gap:12px;min-height:68px;padding:12px 16px}.wordmark{font-size:1.6rem}.home-page{padding:clamp(58px,10svh,90px) 20px 50px}.home-page h1{font-size:clamp(3.3rem,12vw,4.4rem)}.home-search{margin-top:28px}.search-input-wrap{gap:7px;padding:5px}.search-icon{width:18px;margin-left:8px}.search-form input{font-size:1rem}.search-form input::placeholder{font-size:.78rem}.search-form .primary{gap:6px;padding:9px 14px;font-size:.8rem}.site-footer{padding:16px 20px}.results-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 4px;display:grid}.results-controls .compact-search{grid-column:1/-1}.results-controls .level-picker{grid-column:1;width:100%;display:block}.results-controls .level-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.blur-control{grid-column:2;justify-content:center;align-self:end}.compact{align-items:center;gap:15px;display:flex}.compact .level-option{min-width:0}.image-unavailable{padding:12px;font-size:.65rem}.preview-image-button{height:60svh}.image-unavailable>span:last-child{display:none}}@media (max-width:360px){.header-inner{gap:7px;padding-inline:12px}.home-page{padding-inline:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}
