*{box-sizing:border-box}body{margin:0;padding:24px;background:radial-gradient(ellipse at top,#432a34,#101b2b 65%);color:#ecddbf;font:16px/1.5 system-ui}header h1{font:clamp(25px,4vw,44px) Georgia}a{color:inherit}button,select{font:inherit;min-height:44px;padding:8px 14px;color:inherit;background:#152539;border:1px solid #a98a54;border-radius:4px;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #9dcef0;outline-offset:3px}.filters,.site-audio{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}.filters label{display:flex;gap:6px;align-items:center}input{min-height:44px}#portraits{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}#portraits button{padding:0 0 12px;overflow:hidden;text-align:left}#portraits img{width:100%;height:220px;object-fit:contain;display:block;background:#111b29}#portraits strong,#portraits small{display:block;padding:6px 12px 0}#portraits small{color:#c5bdaf}dialog{width:min(1100px,96vw);max-height:96svh;padding:16px;background:#101b2b;color:#ecddbf;border:1px solid #ad8e5e}dialog::backdrop{background:#070c16e8}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{font:24px Georgia;margin:0}#viewport{height:65svh;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;background:#0b121e;position:relative}#portrait-image{width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:center}#portrait-notes{font-size:13px}.tools{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.tools a{padding:10px;min-height:44px}.tools output{min-width:45px}@media(max-width:600px){body{padding:12px}#portraits{grid-template-columns:repeat(2,1fr)}#portraits img{height:180px}#viewport{height:52svh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}