@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#080910;--panel:#11131e;--line:#2b2d3a;--ink:#f8f8fc;--muted:#a8aabb;--pink:#ff326e;--cyan:#4de0e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;color:black;padding:10px}.header{border-bottom:1px solid var(--line);background:#080910e8;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.brand small{display:block;font:10px 'Space Mono',monospace;letter-spacing:.04em;color:var(--muted);margin-top:5px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--pink);border-radius:12px;color:white;font-size:25px}.nav nav{display:flex;gap:28px;font-size:13px;font-weight:700}.nav nav a:hover,.text-link:hover,.footer a:hover{color:var(--pink)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:white;border-radius:10px;padding:8px 12px}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding-top:65px;padding-bottom:70px}.eyebrow,.number,.count,.hero-note,.fine-print{font:11px/1.6 'Space Mono',monospace;letter-spacing:.08em}.eyebrow,.number{color:var(--pink)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,7vw,104px);letter-spacing:-.085em;line-height:.94;margin:24px 0}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{color:var(--muted);font-size:19px;max-width:580px}.actions,.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:11px;font-size:13px;font-weight:800;border:1px solid transparent;min-height:48px}.button.primary{background:var(--pink);color:#fff}.button.primary:hover{background:#e9205e}.button.secondary{background:#20222d;color:white;border-color:#454656}.button.secondary:hover{border-color:var(--cyan)}.button:disabled{opacity:.45;cursor:not-allowed}.hero-note{color:var(--muted);margin-top:42px}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#ff326e27 0%,#080910 65%);overflow:hidden}.orbit{position:absolute;border:1px solid #ff326e6a;border-radius:50%;width:78%;height:78%;transform:rotate(-25deg) scaleY(.67)}.orbit-two{border-color:#4de0e268;transform:rotate(50deg) scaleY(.66);width:95%;height:95%}.art-core{font-size:clamp(130px,20vw,280px);line-height:1;font-weight:800;letter-spacing:-.15em;text-shadow:0 0 75px #ff326e8c}.art-core span{color:var(--cyan);font-size:.32em;vertical-align:top;margin-left:-.18em}.art-label{position:absolute;font:11px 'Space Mono',monospace;color:var(--muted)}.label-top{top:14%;right:3%}.label-bottom{bottom:13%;left:7%}.section{padding-top:92px;padding-bottom:92px;scroll-margin-top:70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.065em;line-height:1;margin:13px 0}.section-head p,.lead{color:var(--muted);margin-bottom:0}.count{white-space:nowrap;border:1px solid var(--line);border-radius:100px;padding:9px 13px;color:var(--muted)}.search-label{display:block;font-size:12px;font-weight:700;margin:0 0 8px}.search{width:min(460px,100%);padding:14px;border-radius:10px;background:var(--panel);color:white;border:1px solid var(--line);margin-bottom:25px}.faces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.face-card,.panel,.shortcut,.empty-state{border:1px solid var(--line);background:var(--panel);border-radius:17px;overflow:hidden}.face-card:hover,.shortcut:hover{border-color:#ff326e88;transform:translateY(-2px)}.face-card,.shortcut{transition:transform .2s,border-color .2s}.face-image,.detail-image{aspect-ratio:4/5;background:linear-gradient(145deg,#3b1838,#141625 56%,#163a42);display:grid;place-items:center;overflow:hidden}.face-image img,.detail-image img{width:100%;height:100%;object-fit:cover}.face-image span,.detail-image span{font-size:90px;font-weight:800;opacity:.19}.face-body{padding:20px}.face-body h3{margin:7px 0;font-size:20px}.face-body p{font-size:13px;color:var(--muted);min-height:39px}.text-link{color:var(--cyan);font-size:13px;font-weight:700}.empty-state{text-align:center;padding:55px 25px}.empty-state>span{font-size:50px;color:var(--pink)}.empty-state h3{font-size:24px;margin:9px 0}.empty-state p{color:var(--muted);max-width:600px;margin:0 auto}.empty-state code{color:var(--cyan)}.generator-section{background:#0e1019;border-block:1px solid var(--line)}.generator-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{padding:28px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.field-grid .wide{grid-column:1/-1}input,select,textarea{outline:0}input:focus,select:focus,textarea:focus{border-color:var(--cyan)!important}.field-grid input,.field-grid select,.field-grid textarea,.result-panel textarea{width:100%;border:1px solid #3a3d4b;border-radius:9px;background:#090b13;color:white;padding:12px;resize:vertical}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);margin:20px 0}.check input{accent-color:var(--pink);margin-top:4px}.result-panel h3{font-size:23px;margin:15px 0}.result-panel textarea{line-height:1.65;min-height:310px}.fine-print{color:var(--muted);margin:20px 0 0;letter-spacing:0}.shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.shortcut{padding:22px;display:flex;align-items:center;gap:15px}.shortcut-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:12px;background:#ff326e25;color:var(--pink);font-size:24px}.shortcut strong,.shortcut small{display:block}.shortcut small{font-size:12px;color:var(--muted);margin-top:3px}.shortcut-arrow{margin-left:auto;color:var(--cyan)}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:15px;padding:30px 0}.detail{min-height:75vh;padding-top:80px;padding-bottom:90px}.detail-grid{display:grid;grid-template-columns:minmax(250px,400px) 1fr;gap:50px}.detail-image{border-radius:20px}.detail h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.06em;margin:10px 0}.prompt-box{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin:25px 0;color:#e8e8ef}
@media(max-width:900px){.faces{grid-template-columns:repeat(3,1fr)}.hero{min-height:540px;gap:15px}.generator-layout{grid-template-columns:1fr}}@media(max-width:650px){.wrap{width:min(100% - 28px,1200px)}.nav{min-height:68px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;left:0;right:0;top:68px;background:#11131e;padding:18px 20px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:0;padding-top:55px}.hero-art{height:260px;aspect-ratio:auto}.art-core{font-size:160px}.hero h1{font-size:clamp(48px,12vw,76px)}.section{padding-block:65px}.section-head{display:block}.count{display:inline-block;margin-top:18px}.faces,.shortcuts{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.panel{padding:18px}.detail-grid{grid-template-columns:1fr}.detail-image{max-width:440px;width:100%}}@media(max-width:430px){.faces,.shortcuts{grid-template-columns:1fr}.face-image{max-height:390px}.footer-inner{display:block}.footer a{display:block;margin-top:10px}}