@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/titillium-web-400.ttf) format("truetype")}@font-face{font-family:Titillium Web;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/titillium-web-600.ttf) format("truetype")}@font-face{font-family:Titillium Web;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/titillium-web-700.ttf) format("truetype")}:root{font-family:Titillium Web,sans-serif;color:#eef3f2;background:#0b1114;color-scheme:dark;--accent: #88f0d4;--muted: #a5b5bb;--line: #2c393f}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:#0b1114;background:var(--accent)}textarea{caret-color:var(--accent)}html{scrollbar-color:#526970 #0b1114}h1,h2,p{margin:0}h1,h2{text-wrap:balance}.app-shell{max-width:1440px;min-height:100svh;margin:auto;padding:0 64px;display:flex;flex-direction:column}.skip-link{position:absolute;z-index:10;top:12px;left:16px;padding:12px 20px;background:var(--accent);color:#0b1114;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.wordmark{font-size:27px;font-weight:700;letter-spacing:2px;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--accent);margin:0 4px}nav{display:flex;align-self:stretch;gap:32px}.nav-button{position:relative;border:0;background:transparent;color:var(--muted);padding:0 4px;font-size:14px;font-weight:600;letter-spacing:1.2px;min-height:48px;transition:color .18s ease}.nav-button:hover{color:#eef3f2}.nav-button[aria-pressed=true]{color:var(--accent)}.nav-button[aria-pressed=true]:after{content:"";position:absolute;height:2px;background:var(--accent);bottom:-1px;left:4px;right:4px}main{flex:1;padding:32px 0 56px}main:focus{outline:none}.view-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px}h1{font-size:64px;font-weight:600;letter-spacing:-2px;line-height:1.1}.heading-dot{color:var(--accent)}.view-heading p{color:var(--muted);font-size:16px;line-height:1.6}.collection-count span{color:#60767e;padding:0 12px}.gallery-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:32px}.art-image{position:relative;height:228px;background:#17242a;overflow:hidden}.art-image img{width:100%;height:100%;object-fit:cover;display:block}.art-image img[hidden],.image-fallback{display:none}.art-image:has(img[hidden]) .image-fallback{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;place-items:center;color:var(--muted)}.art-caption{padding:15px 0 0}.art-caption h2{font-size:25px;font-weight:600;line-height:1.2}.art-caption p{color:var(--muted);font-size:16px;line-height:1.55;margin-top:7px}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid var(--line);font-size:12px;letter-spacing:1px;color:var(--muted)}.system-status{display:flex;align-items:center;gap:9px}.system-status:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}.log-list{max-width:960px}.log-entry{display:grid;grid-template-columns:144px 1fr;gap:32px;padding:32px 0;border-top:1px solid var(--line)}time{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums;padding-top:6px}.log-entry h2{font-size:28px;font-weight:600;line-height:1.25}.log-entry p{max-width:68ch;font-size:18px;line-height:1.7;color:var(--muted);margin-top:14px}.oracle-view{max-width:800px;margin:24px auto}.oracle-view .view-heading{display:block}.oracle-view .view-heading p{margin-top:14px;font-size:18px}.oracle-form{padding:28px;background:#142027}.oracle-form label{display:block;margin-bottom:12px;font-size:16px;font-weight:600}textarea{display:block;width:100%;min-height:160px;resize:vertical;background:#0b1114;color:#eef3f2;border:1px solid #526970;padding:16px;font-size:18px;line-height:1.5;border-radius:0}textarea::placeholder{color:var(--muted);opacity:1}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.form-actions p{color:var(--muted);font-size:14px;max-width:30ch}.transmit-button{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--accent);background:var(--accent);color:#0b1114;padding:12px 20px;min-height:48px;font-weight:700;letter-spacing:1px;transition:background .18s ease}.transmit-button:hover:not(:disabled){background:#b5f6e4}button:disabled{cursor:not-allowed}.transmit-button:disabled{background:#273940;border-color:#526970;color:#a5b5bb}.oracle-response{border-top:1px solid var(--line);padding:28px 0;margin-top:32px}.oracle-response p{color:var(--muted);line-height:1.7;font-size:16px}.oracle-response .response-label{color:var(--accent);font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px}.oracle-response .response-text{color:#eef3f2;white-space:pre-wrap;font-size:18px}.response-error .response-label{color:#ffa6b8}.response-error .response-text{margin-bottom:12px}.response-skeleton{display:grid;gap:10px;animation:processing 1.6s ease-in-out infinite alternate}.response-skeleton span{background:#273940;height:12px;width:100%}.response-skeleton span:last-child{width:65%}@keyframes processing{to{opacity:.45}}@media(max-width:900px){.app-shell{padding:0 32px}.gallery-grid{gap:28px;grid-template-columns:1fr 1fr}.view-heading{align-items:flex-start}.collection-count{padding-top:12px}h1{font-size:54px}}@media(max-width:600px){.app-shell{padding:0 24px}.site-header{display:block;padding-top:24px}.wordmark{font-size:24px}nav{margin-top:18px;gap:0;justify-content:space-between}.nav-button{min-height:52px;padding:0 8px;font-size:13px}.nav-button:first-child{padding-left:0}.nav-button[aria-pressed=true]:after{left:0;right:0}main{padding:28px 0 40px}.view-heading{display:block;margin-bottom:24px}h1{font-size:52px;letter-spacing:-1.5px}.view-heading p{font-size:14px;margin-top:10px;padding-top:0}.gallery-grid{grid-template-columns:1fr;gap:32px}.art-image{height:220px}.art-caption h2{font-size:24px}.art-caption p{font-size:16px}.site-footer{flex-wrap:wrap;font-size:11px}.log-entry{grid-template-columns:1fr;gap:12px;padding:24px 0}.log-entry h2{font-size:25px}.log-entry p{font-size:17px}.oracle-view{margin:0}.oracle-view h1{font-size:46px}.oracle-form{padding:20px}.form-actions{flex-direction:column;align-items:stretch;gap:16px}.form-actions p{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
