@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap";:root{--color-bg: #FFFFFF;--color-bg-alt: #F4F4F4;--color-text: #000000;--color-text-muted: #888888;--color-border: #000000;--color-border-dim: rgba(0, 0, 0, .1);--color-accent: #990000;--font-primary: "Inter", -apple-system, blinkmacsystemfont, sans-serif;--font-header: "Outfit", sans-serif;--font-mono: "IBM Plex Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 6rem;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);line-height:1.5;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@media(max-width:768px){:root{--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important;box-shadow:none!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}body{min-height:100vh;overflow-x:hidden}.app-container{max-width:1600px;margin:0 auto;padding:var(--space-lg) var(--space-md);animation:fadeIn .8s ease-out}@media(max-width:768px){.app-container{padding:var(--space-md) var(--space-sm)}}h1{font-family:var(--font-header);font-size:clamp(3rem,15vw,10rem);font-weight:500;line-height:.85;letter-spacing:-.06em;margin-bottom:var(--space-md);text-transform:uppercase;color:var(--color-text)}h2{font-family:var(--font-header);font-size:clamp(2rem,6vw,4rem);font-weight:500;letter-spacing:-.04em;margin-bottom:var(--space-sm);text-transform:uppercase;line-height:1}.mono-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.card{border:1px solid var(--color-border);background-color:var(--color-bg);cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s ease}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--color-accent);transform:scaleX(0);transition:transform .3s ease;transform-origin:left;z-index:10}.card:hover:before{transform:scaleX(1)}.list-card{flex-direction:row;align-items:center;padding-right:var(--space-md)}.card:hover{background-color:var(--color-bg);border-color:var(--color-border)}.card-image-wrapper{aspect-ratio:16/10;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}@media(max-width:600px){.card-image-wrapper{aspect-ratio:1/1;max-height:300px}}.list-card .card-image-wrapper{width:150px;height:100px;aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--color-border)}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;image-rendering:pixelated}.card-content{padding:clamp(.75rem,3vw,var(--space-md));flex-grow:1}@media(max-width:600px){.card-content{padding:.75rem}.card-content h2{font-size:1rem!important;margin-bottom:.25rem}.card-content p{font-size:.75rem!important;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}.btn{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem;border:1px solid var(--color-border);background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background:var(--color-text);color:var(--color-bg)}.btn-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.badge{display:inline-block;padding:.25rem .75rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;border:1px solid var(--color-border)}.badge-accent{color:var(--color-accent);border-color:var(--color-accent)}.search-input{width:100%;padding:1.5rem 0;font-family:var(--font-primary);font-size:1.5rem;border:none;border-bottom:2px solid var(--color-border);background:transparent;outline:none}.search-input::placeholder{color:#ccc}@media(max-width:768px){.search-input{font-size:1.1rem;padding:1rem 0}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,5vw,var(--space-xl));animation:modalFade .2s ease-out}.detail-modal{background:var(--color-bg);width:100%;max-width:1400px;max-height:100%;position:relative;border:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.modal-close-btn{position:fixed;top:3.5rem;right:3.5rem;z-index:1100;background:var(--color-bg);border:1px solid var(--color-border);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-close-btn:hover{background:var(--color-text);color:var(--color-bg)}@media(max-width:768px){.modal-close-btn{top:2.5rem;right:2.5rem;width:2.5rem;height:2.5rem}}.detail-modal-grid{display:grid;grid-template-columns:1fr 1.2fr;min-height:80vh}.detail-info{padding:var(--space-lg);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.detail-visuals{padding:var(--space-lg);background:var(--color-bg-alt);overflow-y:auto;border-left:1px solid var(--color-border)}.metadata-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-bg-alt)}.metadata-item{display:flex;flex-direction:column}.metadata-item .mono-label{font-size:.6rem;margin-bottom:.25rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,30vw,200px),1fr));gap:var(--space-sm);margin-top:var(--space-md)}.gallery-item{aspect-ratio:1/1;border:1px solid var(--color-border);background:#fff}.gallery-item img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.quiz-overlay{position:fixed;inset:0;background:var(--color-bg);z-index:2000;padding:var(--space-lg);display:flex;flex-direction:column}.quiz-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);flex-grow:1;align-items:center;min-height:0}.quiz-image-large{width:100%;aspect-ratio:1/1;border:4px solid var(--color-border);object-fit:cover;background:#fff}.quiz-options{display:grid;grid-template-columns:1fr;gap:1rem;overflow-y:auto;max-height:100%}.quiz-btn{padding:1.5rem;font-family:var(--font-primary);font-size:1.2rem;background:#fff;border:1px solid var(--color-border);text-align:left;cursor:pointer}.quiz-btn:hover:not(:disabled){background:var(--color-text);color:var(--color-bg)}@media(max-width:768px){.quiz-overlay{padding:1rem;height:100dvh}.quiz-main{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.quiz-image-container{flex:1;min-height:0;width:100%;position:relative;display:flex;justify-content:center;background:#000}.quiz-image-large{height:100%;width:auto;aspect-ratio:auto;border:2px solid var(--color-border);object-fit:contain}.quiz-options{grid-template-columns:repeat(2,1fr);gap:.5rem;flex:0 0 auto;max-height:40vh}.quiz-btn{padding:.75rem;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-overlay .mono-label{font-size:.65rem}}.mb-lg{margin-bottom:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.filter-system{border:1px solid var(--color-border);background:var(--color-bg)}.search-row{display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.search-container{flex:1;display:flex;align-items:center;padding:0 var(--space-sm)}.search-icon{color:var(--color-text-muted);margin-right:var(--space-sm)}.search-input{width:100%;padding:var(--space-sm) 0;font-size:1rem;border:none;background:transparent;outline:none}.mobile-filter-toggle{display:none;align-items:center;gap:.5rem;padding:0 var(--space-md);height:100%;border:none;border-left:1px solid var(--color-border);background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase}.filter-tray{padding:var(--space-md);background:var(--color-bg-alt)}.responsive-stack{display:flex;gap:var(--space-lg);align-items:flex-start}.filter-section{flex:1;padding-right:var(--space-md);border-right:1px solid var(--color-border-dim);transition:opacity .3s ease}.filter-section:last-child{border-right:none}.filter-section:hover{border-right-color:var(--color-accent)}@media(max-width:768px){.mobile-filter-toggle{display:flex}.filter-tray{display:none;border-top:1px solid var(--color-border)}.filter-tray-open{display:block;animation:fadeIn .3s ease-out}.responsive-stack{flex-direction:column;align-items:stretch;gap:var(--space-md)}.filter-section{padding-right:0;border-right:none;border-bottom:1px solid var(--color-border-dim);padding-bottom:var(--space-sm)}.filter-section:last-child{border-bottom:none;padding-bottom:0}}@media(max-width:768px){.responsive-stack{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.flex-between{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between;margin-top:var(--space-sm)}}@media(max-width:1024px){.overlay{padding:1rem;align-items:flex-start}.detail-modal-grid{grid-template-columns:1fr;min-height:auto}.detail-info{border-right:none;border-bottom:1px solid var(--color-border)}.grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.quiz-main{grid-template-columns:1fr;gap:var(--space-md)}}.diagnostic-line{position:absolute;background:var(--color-accent);opacity:.3;pointer-events:none}.line-v{width:1px;height:100%;top:0}.line-h{height:1px;width:100%;left:0}.crosshair{position:absolute;width:20px;height:20px;border:1px solid var(--color-accent);pointer-events:none;opacity:0;transition:opacity .3s ease}.card:hover .crosshair{opacity:.5}.ch-tl{top:10px;left:10px;border-right:none;border-bottom:none}.ch-tr{top:10px;right:10px;border-left:none;border-bottom:none}.ch-bl{bottom:10px;left:10px;border-right:none;border-top:none}.ch-br{bottom:10px;right:10px;border-left:none;border-top:none}.workspace-tray{position:fixed;bottom:0;left:0;width:100%;background:var(--color-text);color:var(--color-bg);padding:var(--space-sm) var(--space-md);z-index:5000;display:flex;align-items:center;gap:var(--space-md);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);border-top:1px solid var(--color-accent)}.workspace-tray-open{transform:translateY(0)}.workspace-items{display:flex;gap:var(--space-sm);overflow-x:auto;padding:.5rem 0;flex:1}.workspace-item{width:80px;height:80px;border:1px solid rgba(255,255,255,.2);position:relative;flex-shrink:0;cursor:pointer}.workspace-item:hover{border-color:var(--color-accent)}.workspace-item img{width:100%;height:100%;object-fit:cover}.workspace-remove-btn{position:absolute;top:-8px;right:-8px;background:var(--color-accent);color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;border:none;cursor:pointer;z-index:10}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.workspace-modal{max-width:95vw;max-height:95%}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:auto;min-height:0}.workspace-column{border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.workspace-column:last-child{border-right:none}.workspace-img-frame{aspect-ratio:1/1;background:#fff;padding:2rem;border-bottom:1px solid var(--color-border)}.workspace-img-frame img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.workspace-data{padding:2rem;flex-grow:1}.workspace-data h3{font-family:var(--font-header);font-size:clamp(1.2rem,4vw,2.5rem);margin-bottom:1rem;text-transform:uppercase;letter-spacing:-.02em}@media(max-width:768px){.workspace-grid{grid-template-columns:1fr;overflow-y:auto}.workspace-column{border-right:none;border-bottom:1px solid var(--color-border);height:auto;overflow-y:visible}}