:root{--bg:#0b0b0c;--panel:#141417;--panel-2:#1c1c21;--line:#2a2a31;--text:#e6e6e8;--dim:#8b8b96;--accent:#6ee7a8;--accent-dim:#2f5f48;--danger:#ef6b6b;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1320px;margin:0 auto;padding:28px 32px 72px}.dim{color:var(--dim)}h1.title{font-size:24px;font-weight:650;margin:4px 0 20px;letter-spacing:-.015em}.lede{max-width:72ch;color:var(--dim);margin:-6px 0 10px}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;font-size:12px;padding:5px 12px;border-radius:4px;cursor:pointer}.btn.primary{color:var(--accent);border-color:var(--accent-dim)}.btn.primary:hover{background:var(--accent-dim);color:var(--text)}.error{color:var(--danger);font-size:12px}header.top{display:flex;align-items:center;gap:16px;padding:0 32px;height:52px;background:var(--panel);border-bottom:1px solid var(--line);font-size:13px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.top-nav a.brand{color:var(--text);font-weight:600}.top-nav a.brand:hover{text-decoration:none}header.top .me{margin-left:auto;display:flex;gap:12px;align-items:center;color:var(--dim);white-space:nowrap}header.top .me button{background:none;border:none;padding:0;font:inherit;color:var(--dim);cursor:pointer}header.top .me button:hover{color:var(--accent)}.login{max-width:420px;margin-top:12vh}.login h1{font-size:16px;margin:0 0 8px}.login .btn{display:inline-block;margin:16px 0;text-decoration:none}.experiments{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-top:8px}.experiment{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}a.experiment:hover{border-color:var(--accent-dim);transform:translateY(-2px);text-decoration:none}a.experiment:hover h2{color:var(--accent)}.experiment-art{aspect-ratio:16/9;border-bottom:1px solid var(--line)}.experiment-art svg{display:block;width:100%;height:100%}.experiment-body{padding:12px 14px 14px}.experiment-body h2{margin:0 0 4px;font-size:15px}.experiment-body p{margin:0;color:var(--dim);font-size:13px}.faces-studio{display:block;width:100%;height:calc(100dvh - 53px);border:0}