:root{--bg: #e8f4f1;--bg-soft: #d7e9e5;--panel: #ffffff;--text: #154440;--muted: #4d726f;--line: #b9ddd6;--brand: #9bd7ce;--brand-strong: #70bdb2}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}#root,.siteShell{min-height:100vh}.topBar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#e8f4f1eb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.siteName{font-size:2rem;font-weight:700;letter-spacing:.04em;line-height:1}.siteNameLink{color:inherit;text-decoration:none}.topNav{display:flex;flex-wrap:wrap;gap:8px}.navButton{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--text);background:var(--panel);font-size:.92rem;transition:background-color .14s ease,border-color .14s ease}.navButton:hover{background:var(--bg-soft)}.navButtonActive{background:var(--brand);border-color:var(--brand-strong);font-weight:700}.pageMain{width:min(1100px,100% - 40px);margin:0 auto;padding:28px 0 48px}.contentPage{display:grid;gap:24px}.titleBlock{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}h2{margin:0;font-size:1.1rem}p{margin:10px 0 0;line-height:1.55}.imageSection{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.imageSectionHeader p{color:var(--muted)}code{padding:.15rem .35rem;border-radius:6px;background:#ddf5f1;color:#145650}.imageGrid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.imageCard{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f6fcfb}.imageCard img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.imageCard figcaption{padding:10px;font-size:.85rem;color:var(--muted)}.emptyState{margin-top:16px;border:1px dashed var(--line);border-radius:14px;padding:18px;color:var(--muted);background:#f8fdfc}.paintingsPage{display:grid;gap:16px}.paintingsHeader{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.paintingsStage{position:relative;height:min(70vh,760px);min-height:430px;background:#f5fcfb;border:1px solid var(--line);border-radius:18px;overflow:hidden}.paintingThumb{position:absolute;top:0;left:0;padding:0;border:1px solid #9fded6;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #15444033;cursor:pointer}.paintingThumb:focus-visible{outline:2px solid #5fbfb3;outline-offset:2px}.paintingThumb img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none}.paintingEmpty{max-width:420px;margin:24px}.viewerOverlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center}.viewerBackdrop{position:absolute;inset:0;border:0;background:#061d1b8c;cursor:pointer}.viewerPanel{position:relative;width:min(1100px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:14px;border-radius:18px;border:1px solid #a8ded7;background:#f7fffd;box-shadow:0 20px 48px #071e1c42}.viewerFrame{display:grid;place-items:center;max-height:calc(100vh - 56px)}.viewerFrame img{display:block;max-width:100%;max-height:calc(100vh - 100px);object-fit:contain;border-radius:10px}.viewerClose{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:999px;border:1px solid #8fcfc8;background:#fff;color:#0f4641;font-size:1.35rem;line-height:1;cursor:pointer}.robotEntry h2{margin-bottom:12px}.videoWrap{width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#eaf9f6}.videoFrame{width:100%;aspect-ratio:16 / 9;border:0;display:block}a{color:#0e6760}a:hover{color:#0b4f49}.codeArtImageGrid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.codeArtVideoGrid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.codeArtTile{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#eefaf8;aspect-ratio:1 / 1}.codeArtTile img,.codeArtTile video{width:100%;height:100%;display:block;object-fit:cover}.codeArtVideoTile{aspect-ratio:auto;display:grid;grid-template-rows:auto auto}.codeArtTileMedia{aspect-ratio:1 / 1}.codeArtCaption{margin:0;padding:8px 10px 10px;font-size:.95rem;font-weight:700;line-height:1.35;color:var(--text)}.faceValueVideoWrap{margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#eaf9f6}.faceValueVideo{width:100%;display:block;max-height:min(78vh,880px);background:#061c1a}.faceValueImageLayout{margin-top:16px;display:grid;gap:12px}.faceValuePortraitRow{display:grid;gap:12px;align-items:start}.faceValueImageCard{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#effaf8;box-shadow:0 6px 16px #1544401f}.faceValueImageCard img{display:block;width:100%;height:auto;min-height:0;object-fit:contain}.faceValueImageCardLandscape img{width:100%}@media(max-width:720px){.siteName{font-size:1.45rem}.paintingsHeader{padding:16px}.paintingsStage{min-height:360px;height:56vh}.codeArtImageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.codeArtVideoGrid,.faceValuePortraitRow{grid-template-columns:1fr}}@media(max-width:720px){.topBar{padding:14px}.pageMain{width:calc(100% - 24px);padding-top:18px}.titleBlock,.imageSection{padding:16px}}