:root{--ag-bg:#101010;--ag-fg:#eee;--ag-muted:#bbb;--ag-rule:#ffffff20;--ag-controls:#151515df;--ag-hover:#ffffff12;--ag-overlay:#050505e8}:root[data-blog-theme=light]{--ag-bg:#f0ece4;--ag-fg:#24221e;--ag-muted:#625e56;--ag-rule:#24221e20;--ag-controls:#faf7f0e8;--ag-hover:#24221e0c;--ag-overlay:#e8e3dbe8}.achievement-gallery{color:var(--blog-text);margin:6rem 0 0}.ag-heading{max-width:720px;margin:0 auto 2.25rem}.ag-heading h2{margin:.75rem 0;font-size:clamp(2rem,4vw,3rem)}.ag-heading>p:last-child{color:var(--blog-text-muted);line-height:1.6}.ag-stage{background:var(--ag-bg);width:100%;height:clamp(520px,80svh,960px);color:var(--ag-fg);isolation:isolate;position:relative;overflow:hidden}.ag-stage:fullscreen{border:0;height:100dvh}.ag-canvas{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.ag-canvas:active{cursor:grabbing}.ag-canvas:focus-visible{outline:2px solid var(--ag-muted);outline-offset:-4px}.ag-toolbar{z-index:2;border:1px solid var(--ag-rule);background:var(--ag-controls);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;padding:2px;display:flex;position:absolute;top:1.25rem;right:1.25rem}.ag-toolbar button,.ag-viewer button{width:44px;height:44px;color:inherit;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ag-toolbar button:hover,.ag-viewer button:hover{background:var(--ag-hover)}.ag-toolbar button:disabled,.ag-viewer button:disabled{opacity:.3;cursor:default}.ag-toolbar button:focus-visible,.ag-viewer button:focus-visible{outline:2px solid var(--ag-muted);outline-offset:-2px}.ag-toolbar output,.ag-viewer-controls output{text-align:center;min-width:44px;font-family:var(--font-plex-mono), monospace;font-size:11px}.ag-hint{text-align:center;pointer-events:none;font-family:var(--font-plex-mono), monospace;letter-spacing:.08em;color:var(--ag-muted);font-size:11px;position:absolute;bottom:1.5rem;left:0;right:0}.ag-fallback{grid-template-columns:repeat(auto-fill, minmax(calc(180px * var(--ag-zoom,1)), 1fr));background:var(--ag-bg);gap:1rem;padding:5rem 1rem 3rem;display:grid;position:absolute;inset:0;overflow:auto}.ag-fallback button{cursor:pointer;min-width:0}.ag-fallback img{width:100%;height:calc(180px * var(--ag-zoom,1));object-fit:contain}.ag-overlay{z-index:99998;background:var(--ag-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;inset:0}.ag-viewer{z-index:99999;background:var(--ag-bg);color:var(--ag-fg);border:1px solid var(--ag-rule);outline:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:2dvh 2vw}.ag-viewer-header{border-bottom:1px solid var(--ag-rule);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.ag-viewer-header h2{font-size:15px;font-weight:500}.ag-viewer-header p{color:var(--ag-muted);margin-top:4px;font-size:11px}.ag-photo-viewport{overscroll-behavior:contain;overflow:auto}.ag-photo-size{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.ag-photo-size img{object-fit:contain;width:100%;max-width:none;height:100%}.ag-viewer-controls{border-top:1px solid var(--ag-rule);justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}@media (max-width:639px){.achievement-gallery{margin-top:4rem}.ag-stage{height:72svh;min-height:480px}.ag-toolbar{top:12px;right:10px}.ag-toolbar button{width:40px;height:44px}.ag-viewer{inset:0}.ag-viewer-header{padding:10px 12px}.ag-viewer-controls{padding-bottom:max(8px, env(safe-area-inset-bottom));gap:0}}.ag-gallery-fullscreen{z-index:99999;background:var(--ag-bg);color:var(--ag-fg);outline:none;position:fixed;inset:0}.ag-toolbar{font-family:var(--font-plex-mono), monospace;line-height:1}.ag-toolbar button{width:36px;height:36px}.ag-toolbar button svg{stroke-width:1.5px;width:16px;height:16px}.ag-toolbar output{min-width:42px;font-size:10px}@media (pointer:coarse){.ag-toolbar button{width:44px;height:44px}}