@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{--background:#f3f0e7;--surface:#faf8f2;--surface-raised:#fffdf8;--text-primary:#18221b;--text-secondary:#667068;--border:#d9d7cc;--accent:#d75436;--forest:#163e2b;--lime:#c8e362;--success:#277d52;--danger:#b63632;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow:0 24px 70px rgba(31,43,34,.12);font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--background);font-synthesis:none}:root[data-theme=dark]{--background:#121713;--surface:#19201b;--surface-raised:#212a23;--text-primary:#f2f0e8;--text-secondary:#a7b0a8;--border:#364139;--forest:#bcd5a9;--shadow:0 24px 70px #0008}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--background)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--border);position:relative;z-index:10}.brand{font-size:20px;font-weight:600;letter-spacing:-1px;display:flex}.brand i{font-family:Libre Caslon Display,serif;font-weight:400;color:var(--accent)}.topbar nav{display:flex;gap:28px;margin:auto}.topbar nav a{display:flex;gap:8px;align-items:center;color:var(--text-secondary);font-size:14px}.topbar nav a.active{color:var(--text-primary)}.header-actions{display:flex;gap:9px;align-items:center}.icon-button,.profile-button{height:38px;border:1px solid var(--border);border-radius:99px;background:transparent;display:flex;align-items:center;justify-content:center}.icon-button{width:38px}.profile-button{padding:0 15px;gap:7px;font-size:13px}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:70px clamp(25px,7vw,110px);overflow:hidden}.hero-copy{max-width:610px}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:600;color:var(--accent)}h1,h2{font-family:Libre Caslon Display,serif;font-weight:400;margin:0}h1{font-size:clamp(55px,6.5vw,96px);line-height:.98;letter-spacing:-3px}.hero h1{margin:22px 0 28px}.hero h1 em,.manifesto em{color:var(--accent);font-weight:400}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--text-secondary);max-width:570px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:36px}.button{border:0;padding:15px 21px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600}.button.primary{background:var(--forest);color:var(--surface)}[data-theme=dark] .button.primary{background:var(--accent);color:#fff}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:14px}.proof{display:flex;gap:15px;align-items:center;margin-top:65px}.avatars{display:flex}.avatars span{width:34px;height:34px;border-radius:50%;background:var(--forest);color:var(--surface);border:2px solid var(--background);display:grid;place-items:center;font-size:11px;margin-left:-8px}.avatars span:nth-child(2){background:var(--accent)}.avatars span:nth-child(3){background:#9a795f}.proof p{font-size:11px;line-height:1.5;color:var(--text-secondary)}.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,#d9e6b6 0,#e6e2ce 46%,transparent 68%);opacity:.85}.orbit{position:absolute;border:1px solid var(--border);border-radius:50%;transform:rotate(-18deg)}.orbit.one{width:570px;height:390px}.orbit.two{width:650px;height:480px;transform:rotate(28deg)}.dna-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow);position:relative;width:min(100%,760px)}.hero .dna-card{width:460px;transform:rotate(-2.5deg)}.dna-card-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:25px}.dna-card h2{font-family:DM Sans;font-size:24px;font-weight:600;letter-spacing:-1.5px;margin-top:8px}.dna-card h2 span,.dna-page h1 span{font-family:Libre Caslon Display;color:var(--accent);font-weight:400}.confidence{border-left:1px solid var(--border);padding-left:22px;display:flex;flex-direction:column}.confidence strong{font:32px Libre Caslon Display}.confidence span{font-size:10px;color:var(--text-secondary);text-transform:uppercase}.trait{margin:17px 0;animation:reveal .5s both;animation-delay:var(--delay)}.trait-meta{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.trait-meta b{font:16px Libre Caslon Display;color:var(--accent)}.track{height:5px;background:var(--border);border-radius:99px;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,var(--forest),#5b875a,var(--lime));border-radius:99px}.dna-note{font-size:12px;background:var(--background);padding:13px;border-radius:8px;color:var(--text-secondary);margin:26px 0 0}.dna-note span{color:var(--accent)}.floating-tag{position:absolute;background:var(--surface-raised);border:1px solid var(--border);box-shadow:0 12px 30px #25382b20;border-radius:99px;padding:11px 16px;font-size:11px}.floating-tag b{color:var(--success)}.tag-one{right:-4%;top:16%}.tag-two{left:-5%;bottom:18%}.manifesto{text-align:center;padding:120px 25px;background:var(--forest);color:var(--surface)}[data-theme=dark] .manifesto{background:#0c2b1d}.manifesto>span{font-size:10px;letter-spacing:3px;color:var(--lime)}.manifesto h2{font-size:clamp(38px,5vw,66px);line-height:1.08;margin:28px auto;max-width:950px}.manifesto p{max-width:680px;margin:auto;color:#c1cdc3;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:110px clamp(25px,8vw,130px);gap:1px;background:var(--border)}.steps article{background:var(--background);padding:15px 55px 45px;position:relative}.steps article>span{font:72px Libre Caslon Display;color:var(--border)}.steps svg{display:block;color:var(--accent);margin:35px 0 20px}.steps h3{font:28px Libre Caslon Display;margin:0}.steps p{color:var(--text-secondary);line-height:1.6;font-size:14px}.cta{margin:0;background:var(--accent);color:#fff;text-align:center;padding:100px 20px}.cta .eyebrow{color:#ffe2d8}.cta h2{font-size:clamp(45px,6vw,74px);line-height:1.05;margin:20px 0 35px}.button.light{background:#fff9ef;color:#293329}footer{height:110px;display:flex;align-items:center;padding:0 clamp(25px,7vw,110px);gap:30px;color:var(--text-secondary);font-size:12px}footer p:last-child{margin-left:auto}.brand.small{font-size:16px}.page{min-height:750px;padding:80px clamp(25px,8vw,130px)}.page-heading{margin-bottom:50px}.page-heading h1{font-size:clamp(50px,6vw,78px);margin:13px 0}.page-heading>p{color:var(--text-secondary)}.page-heading.row{display:flex;justify-content:space-between;align-items:end}.big-count{font:62px Libre Caslon Display;color:var(--accent);display:flex;flex-direction:column}.big-count small{font:10px DM Sans;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary)}.searchbar{height:68px;background:var(--surface-raised);border:1px solid var(--border);border-radius:99px;display:flex;align-items:center;padding:8px 9px 8px 24px;max-width:980px;box-shadow:0 12px 35px #2f3d3210}.searchbar input{flex:1;border:0;background:transparent;outline:0;padding:0 17px;color:var(--text-primary)}.searchbar button{border:0;border-radius:99px;background:var(--forest);color:var(--surface);padding:14px 25px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:55px 0 24px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.section-title div{display:flex;gap:9px}.section-title svg{color:var(--accent)}.section-title p{color:var(--text-secondary);font-size:10px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px}.cover-wrap{aspect-ratio:2/3;background:#dedbcf;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 13px 25px #1c2e2220}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:.35s}.book-card:hover img{transform:scale(1.025)}.cover-wrap button{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:#fffdf0dd;display:grid;place-items:center;color:#1b2b20}.cover-placeholder{height:100%;display:grid;place-items:center;padding:20px;text-align:center;background:linear-gradient(145deg,#2b4935,#b1563c);color:#fff;font:24px Libre Caslon Display}.book-info h3{font:20px Libre Caslon Display;margin:17px 0 5px}.book-info>p{font-size:12px;color:var(--text-secondary);margin:0}.book-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:14px;padding-top:10px;color:var(--text-secondary);font-size:10px}.book-meta span{display:flex;gap:4px}.filter-tabs{display:flex;gap:7px;margin:-20px 0 45px;overflow:auto}.filter-tabs button{border:1px solid var(--border);background:transparent;color:var(--text-secondary);padding:9px 16px;border-radius:99px;white-space:nowrap}.filter-tabs .active{background:var(--forest);color:var(--surface)}.empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);padding:100px 20px;color:var(--text-secondary)}.empty svg{color:var(--accent)}.empty h2{font-size:33px;color:var(--text-primary);margin:18px}.dna-page{max-width:1050px;margin:auto}.dna-page .page-heading{text-align:center}.dna-page .dna-card{margin:auto}.dna-explain{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:25px}.dna-explain article{padding:25px;text-align:center;border-right:1px solid var(--border)}.dna-explain article:last-child{border:0}.dna-explain strong{display:block;font:32px Libre Caslon Display;color:var(--accent)}.dna-explain span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.auth-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.1fr .9fr}.auth-intro{background:var(--forest);color:var(--surface);padding:12vh 8vw;display:flex;flex-direction:column;justify-content:center}.auth-intro h1{font-size:clamp(50px,6vw,84px);margin:24px 0}.auth-intro p{max-width:500px;line-height:1.7;color:#bdc9c0}.auth-card{padding:9vh 8vw;display:flex;flex-direction:column;justify-content:center;max-width:620px}.auth-card h2{font-size:38px;margin-bottom:35px}.auth-card label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.auth-card input{display:block;width:100%;margin-top:8px;border:1px solid var(--border);border-radius:7px;background:var(--surface-raised);padding:14px;color:var(--text-primary);outline:0}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d7543620}.auth-card .button{margin-top:8px}.auth-card>p{text-align:center;font-size:12px;color:var(--text-secondary)}.auth-card a{text-decoration:underline}.error{color:var(--danger)!important;background:#b6363210;padding:10px;border-radius:6px}.discover{min-height:900px}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}@media(max-width:900px){.topbar nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface-raised);height:64px;justify-content:space-around;z-index:20;border-top:1px solid var(--border)}.topbar nav a{flex-direction:column;gap:3px;font-size:9px}.profile-button{font-size:0;width:38px;padding:0}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:520px}.steps{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr}.auth-intro{min-height:430px}.topbar{padding:0 20px}.app-shell{padding-bottom:64px}}@media(max-width:560px){h1{letter-spacing:-2px}.hero{padding:55px 20px}.hero-visual{min-height:420px}.hero .dna-card{width:95%;padding:22px}.orbit,.floating-tag{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.proof{margin-top:45px}.manifesto{padding:90px 20px}.steps{padding:50px 20px}.steps article{padding:20px}.page{padding:55px 20px}.book-grid{gap:27px 14px}.searchbar button{padding:13px;font-size:0}.searchbar button:after{content:"Go";font-size:13px}.auth-card{padding:60px 25px}.dna-explain article{padding:15px 5px}.dna-explain strong{font-size:24px}footer{display:none}}.collection-tabs{display:flex;gap:8px;margin:24px 0 0;overflow-x:auto;padding-bottom:5px}.collection-tabs button{white-space:nowrap;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);border-radius:99px;padding:9px 15px}.collection-tabs button.active{background:var(--forest);border-color:var(--forest);color:var(--surface)}.cover-wrap button.saved{background:var(--success);color:#fff}.load-more{display:flex;justify-content:center;padding:55px 0 10px}.save-toast{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:8px;background:var(--forest);color:#fff;padding:13px 18px;border-radius:99px;box-shadow:var(--shadow);font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}