lifehash-avatar{display:inline-block;vertical-align:middle;max-width:100%}lifehash-avatar:not(:defined){width:256px;height:256px}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252742;background:#f4f5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddf0}.wordmark{font-weight:800;font-size:25px;letter-spacing:-1.3px;color:inherit;text-decoration:none}.brand-dot{color:#6250c9;padding-left:10px}.edition,.eyebrow,.stage-note,.stage-stamp,footer>span{font-size:11px;letter-spacing:1.8px;font-weight:650}.edition{color:#636783}.intro{padding:66px 0 43px}.eyebrow{color:#5142ad}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,6.8vw,78px);letter-spacing:-3.5px;line-height:1.06;margin:22px 0}.intro p{color:#606681;font-size:16px;line-height:1.7}.studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff;border:1px solid #d8ddf0;border-radius:24px;overflow:hidden}.stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:506px;background:#e4e8ff;padding:34px}.stage-note{align-self:flex-start;color:#545f8a}.stage lifehash-avatar{margin:22px 0 8px;max-width:100%;aspect-ratio:1;height:auto}.character{text-align:center}.character h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:0 0 7px}.character span{font-size:12px;letter-spacing:.8px;color:#596487}.stage-stamp{position:absolute;bottom:29px;right:25px;line-height:1.5;color:#606b94;text-align:right;font-size:9px}.controls{padding:38px 40px}label{display:block;font-size:14px;font-weight:650;margin:23px 0 10px}input{font:15px ui-monospace,monospace;width:100%;min-width:0;border:1px solid #ccd3ed;border-radius:9px;background:#f5f7ff;padding:14px 15px;color:#252742}.hint{font-size:11px;color:#636b88;line-height:1.6;margin:8px 0}.state-label{display:block;margin-top:28px}fieldset{border:0;padding:0;margin:13px 0 0}.states{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}button{font:inherit;cursor:pointer}.states button{border:1px solid #d8ddf0;background:transparent;color:#58617e;border-radius:8px;padding:10px 3px;font-size:12px}.states button[aria-pressed=true]{background:#5142ad;color:#fff;border-color:#5142ad}.states button:hover{border-color:#7668c9}.fingerprint-row{display:flex;gap:16px;align-items:center;margin:26px 0}.fingerprint-row img{image-rendering:pixelated;border:1px solid #d8ddf0}.fingerprint-row strong{font-size:12px}.fingerprint-row p{font-size:11px;line-height:1.5;color:#636b88;margin:5px 0}.download{display:flex;justify-content:space-between;width:100%;border:0;border-radius:9px;padding:15px 17px;font-size:13px;background:#5142ad;color:#fff}.download:disabled{opacity:.5;cursor:wait}#status{font-size:11px;color:#636b88;margin:11px 0 0}#error{font-size:12px;color:#a12d55;margin:5px 0}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #426ac4;outline-offset:4px}.family{padding:58px 0 42px}.family-heading{display:flex;justify-content:space-between;align-items:end}.family h2{font:32px Georgia,serif;margin:14px 0 20px;letter-spacing:-.7px}.family-heading p{font-size:12px;color:#636b88;line-height:1.7}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.friend{background:#e7e9ff;border-radius:15px;text-align:center;padding:19px 10px 23px}.friend:nth-child(2){background:#dfeefa}.friend:nth-child(3){background:#eee3fc}.friend:nth-child(4){background:#e1f1ef}.friend:nth-child(5){background:#e3ebff}.friend:nth-child(6){background:#e0f0fa}.friend:nth-child(7){background:#e5efea}.friend:nth-child(8){background:#eee7ff}.friend img{display:block;width:100%;max-width:150px;aspect-ratio:1;margin:auto}.friend h3{font:20px Georgia,serif;margin:13px 0 6px}.friend p{font-size:10px;color:#626a85;margin:0;text-transform:uppercase;letter-spacing:1px}.footnote{display:flex;align-items:center;gap:20px;border-top:1px solid #d8ddf0;padding:24px 0}.footnote>span{font-size:35px;color:#5142ad}.footnote p{font-size:12px;color:#636b88;max-width:760px;line-height:1.7}footer{border-top:1px solid #d8ddf0;padding:30px 0 40px;display:flex;justify-content:space-between;gap:28px;align-items:start}footer>span{font-size:8px;letter-spacing:1px}footer p{font-size:10px;margin:0;max-width:460px;line-height:1.7;color:#636b88}footer a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1220px){header,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:720px){header{height:80px}.edition{font-size:8px;letter-spacing:1px}.intro{padding:44px 0 25px}h1{letter-spacing:-2px}.studio{grid-template-columns:minmax(0,1fr)}.stage,.controls{min-width:0}.stage-stamp{display:none}.stage{min-height:410px}.controls{padding:28px}.family-grid{grid-template-columns:repeat(2,1fr)}.family-heading{display:block}.family-heading p{margin-top:0;margin-bottom:22px}.friend:last-child img{max-width:150px}footer{flex-direction:column;gap:14px}header,main,footer{margin-left:20px;margin-right:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.size-comparison{padding:58px 0 0}.size-examples{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.size-example{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;padding:22px 16px;background:#e9ecfb;border-radius:15px;min-width:80px}.size-example figcaption{font:12px ui-monospace,monospace;color:#606681}.size-example lifehash-avatar{flex:none}.coat-comparison{padding:58px 0 0}.coat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.coat-example{margin:0;background:#e9ecfb;border-radius:15px;padding:16px;text-align:center}.coat-example img{display:block;width:100%;max-width:256px;margin:auto}.coat-example figcaption{font:18px Georgia,serif;text-transform:capitalize;margin:8px 0}@media(max-width:720px){.coat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coat-example{padding:8px}.coat-example figcaption{font-size:14px}}.copy-link{width:100%;margin-top:10px;padding:12px 16px;border:1px solid #d8ddf0;border-radius:9px;background:#f5f7ff;color:#5142ad;font-size:13px}.copy-link:hover{border-color:#7668c9}.sdk-example{padding:16px 0 44px}.sdk-code{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}.sdk-code>div{min-width:0}.sdk-code h3{font-size:12px;color:#636b88;font-weight:650}.sdk-code pre{margin:0;background:#252742;color:#eef0ff;border-radius:15px;padding:22px;overflow:auto;font:12px/1.7 ui-monospace,monospace}.sdk-hint{font-size:12px;color:#636b88;line-height:1.7}.sdk-hint code{color:#5142ad}@media(max-width:720px){.sdk-code{grid-template-columns:minmax(0,1fr)}.sdk-code pre{padding:18px;font-size:11px}}.sdk-code .hljs-keyword,.sdk-code .hljs-tag .hljs-name{color:#c6b0ff}.sdk-code .hljs-string{color:#a9e5c3}.sdk-code .hljs-attr,.sdk-code .hljs-title,.sdk-code .hljs-property{color:#a9d7ff}.sdk-code .hljs-number,.sdk-code .hljs-literal{color:#ffd3a4}.sdk-code .hljs-comment{color:#a8afc7}.sdk-code .hljs-built_in{color:#f2b6d5}