html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:#080809}.site-header{height:68px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%;background:#080809eb;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0a}.home-link{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.home-link img{display:block;width:34px;height:auto}.site-header nav{display:flex;gap:40px}.site-header a{font-size:12px;color:#b7b7bd;white-space:nowrap}.site-header a:hover{color:#fff;text-decoration:none}.explore-link span{margin-left:12px}.hero{position:relative;height:min(calc(100svh - 68px),calc(100vw * 941 / 1672));min-height:0;background:#020305;overflow:hidden}.hero-art{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.hero-art img{display:block;width:100%;height:100%;object-fit:contain}.hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:clamp(24px,5vw,72px);background:linear-gradient(transparent,#080809);pointer-events:none}.directory{min-height:calc(100svh - 68px);padding-top:96px}.intro h2{font-size:clamp(36px,3.5vw,50px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0}.group{scroll-margin-top:40px}.group h3{font-size:16px;font-weight:600;color:#f3f3f5;margin:0 0 23px;line-height:1.5}.group a:hover{color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:20;background:#fff;color:#080809;padding:12px 18px}.skip-link:focus{top:10px}dialog{border-radius:18px}dialog .close{min-height:36px;min-width:48px}footer{padding-top:85px}@media(min-width:1700px){.group h3{font-size:19px}}@media(max-width:980px){.site-header nav{gap:24px}.directory{padding-top:70px}}@media(max-width:600px){html{scroll-padding-top:76px}.site-header{height:60px;padding:0 24px}.site-header nav{display:none}.home-link img{width:30px}.hero{height:min(calc(100svh - 60px),calc(100vw * 941 / 1672))}.directory{padding:60px 28px 28px;min-height:0}.group h3{font-size:16px}.group a{padding:10px 0}.intro{margin-bottom:46px}.group{scroll-margin-top:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:601px){.directory{min-height:min(860px,calc(100svh - 68px))}}

.ask-mirror{width:90%;margin:34px auto 0}.composer{padding:22px 22px 14px;border:1px solid #ffffff16;border-radius:28px;background:#19191c;box-shadow:0 12px 50px #0002;transition:border-color .2s,background .2s}.composer:focus-within{border-color:#ffffff45;background:#1c1c20}.composer textarea{display:block;resize:none;field-sizing:content;width:100%;min-height:66px;max-height:220px;padding:0 4px 12px;border:0;outline:none;background:transparent;color:#f1f1f3;font:inherit;font-size:16px;line-height:1.6}.composer textarea::placeholder{color:#9c9ca6}.composer-tools,.composer-left{display:flex;align-items:center;gap:12px}.composer-tools{justify-content:space-between}.composer-icon{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#c4c4cc;cursor:pointer;transition:background .2s,color .2s}.composer-icon:hover{background:#ffffff10;color:#fff}.composer-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.composer-brand{font-size:13px;color:#898993;letter-spacing:.03em}.send-prompt{background:#e4e4e9;color:#111114}.send-prompt:hover{background:#fff;color:#080809}.send-prompt:disabled{background:#2c2c32;color:#72727d;cursor:default}.composer-status{min-height:18px;margin:12px 10px 0;text-align:center;font-size:11px;line-height:1.6;color:#777782}.attachment:not([hidden]){display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 0 12px;padding:6px 8px 6px 12px;background:#ffffff0b;border-radius:12px;font-size:12px;color:#bebec8}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-attachment{border:0;background:transparent;color:#bebec8;cursor:pointer;width:28px;height:28px;font-size:20px;flex-shrink:0}@media(max-width:600px){.ask-mirror{width:calc(100% - 40px);margin-top:24px}.composer{padding:18px 14px 10px;border-radius:24px}.composer textarea{font-size:16px;min-height:72px}.composer-icon{width:44px;height:44px}}

/* The portrait and composer share a frame constrained by both window dimensions. */
:root{--mirror-frame:min(76vw,1120px,calc(58svh * 1672 / 941))}
.hero{height:calc(var(--mirror-frame) * 941 / 1672)}
.hero-art{width:var(--mirror-frame);margin-inline:auto}
.ask-mirror,.directory{width:var(--mirror-frame);max-width:none;margin-left:auto;margin-right:auto}
.ask-mirror{margin-top:12px}
.directory{min-height:0;padding:clamp(44px,5vw,64px) 0 32px}
.intro{margin-bottom:40px}
.intro h2{font-size:clamp(30px,3vw,42px)}
.group h3{font-size:15px;margin-bottom:20px}
.group a{font-size:14px}
.composer{padding:18px 20px 12px;background:#141416;border-color:#ffffff10;box-shadow:none}
.composer textarea{min-height:52px}
.composer:focus-within{background:#19191c;border-color:#ffffff30}
.composer-status{margin-top:10px}
@media(min-width:1700px){.group h3{font-size:16px}.group a{font-size:15px}}
@media(max-width:760px){:root{--mirror-frame:calc(100vw - 40px)}.hero{height:calc(var(--mirror-frame) * 941 / 1672)}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}
@media(max-width:600px){.ask-mirror{margin-top:12px}.directory{padding-top:40px;padding-bottom:28px}.intro{margin-bottom:32px}.composer{padding:18px 14px 10px;border-radius:24px}.composer textarea{min-height:64px}}

.auth-dialog{width:min(460px,calc(100vw - 32px));padding:28px 36px 30px;background:#111113;border-radius:24px}.auth-dialog .close{margin-bottom:8px}.auth-mark{display:block;margin:0 0 28px}.auth-topic{font-size:12px;color:#93939e;margin:0 0 12px}.auth-dialog h2{font-size:28px;margin:0 0 12px;letter-spacing:-.03em}.auth-description{font-size:14px;line-height:1.7;color:#a4a4af;margin:0 0 26px}.auth-tabs{display:flex;gap:28px;border-bottom:1px solid #ffffff12;margin-bottom:24px}.auth-tabs button{font:inherit;font-size:14px;color:#898994;border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;cursor:pointer}.auth-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#ececf1}.auth-form label{display:block;font-size:12px;color:#b4b4bd;margin:0 0 9px}.auth-form input{display:block;width:100%;height:46px;border-radius:12px;background:#1b1b1f;border:1px solid #ffffff15;font:inherit;font-size:16px;color:#f3f3f6;padding:0 14px;margin:0 0 18px}.auth-form input:focus-visible{outline:1px solid #aaaab5;outline-offset:2px}.auth-submit{width:100%;border:0;border-radius:12px;min-height:46px;margin-top:6px;background:#e7e7ed;color:#151518;font:inherit;font-size:14px}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-status{color:#898994;font-size:11px;line-height:1.7;text-align:center;margin:14px 0 0}@media(max-width:600px){.auth-dialog{padding:22px 24px}.auth-dialog h2{font-size:26px}}

.account-button{border:0;background:none;color:#b7b7bd;font:inherit;font-size:12px;cursor:pointer;margin-left:auto;min-height:44px;padding:0 8px}.site-header .home-link{margin-right:auto}.site-header .explore-link{margin-left:0}.auth-note{font-size:11px;color:#9999a4;line-height:1.8;margin-top:16px}.auth-note summary{cursor:pointer;text-align:center}.auth-note p{margin:10px 0 0}.auth-submit:not(:disabled){cursor:pointer}.auth-form input:disabled{opacity:.6}.topic-dialog{width:min(760px,calc(100vw - 32px));border-radius:24px;padding:28px 32px}.topic-dialog .close{margin-bottom:12px}.topic-status{font-size:12px;color:#91919e;margin:0 0 14px}.topic-dialog h2{font-size:28px;margin:0 0 20px}.topic-summary{font-size:14px;color:#aaaab5;line-height:1.8;margin-bottom:24px}.topic-summary p{margin:0 0 10px}.topic-dialog .ask-mirror{width:100%;margin:0}.topic-dialog .composer-status{font-size:11px}.auth-status.error{color:#e7a6a6}@media(max-width:600px){.site-header{gap:12px}.topic-dialog{padding:22px 20px}.topic-dialog h2{font-size:26px}}