@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#20201e;background:#f8f7f3;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{opacity:.5;cursor:wait}header{border-bottom:1px solid #dddcd5;justify-content:space-between;align-items:center;height:96px;padding:0 5%;display:flex}.brand{letter-spacing:-1.7px;flex-direction:column;font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:800;line-height:.95;display:inline-flex;position:relative}.brand span{letter-spacing:-.8px;font-size:19px}.brand i{color:#7259dd;font-size:29px;font-style:normal;position:absolute;top:3px;left:122px}nav{align-items:center;gap:30px;height:100%;display:flex}nav button{color:#73736f;height:100%;font-size:13px;position:relative}nav button.active{color:#20201e;font-weight:700}nav button.active:after{content:"";background:#7259dd;height:3px;position:absolute;bottom:0;left:0;right:0}.studio-btn{border:1px solid #cecdc6;border-radius:7px;align-items:center;gap:10px;padding:12px 15px;font-size:12px;font-weight:600;display:flex}main{max-width:1440px;margin:auto;padding:0 5%}.eyebrow{letter-spacing:1.5px;border-bottom:1px solid #dddcd5;align-items:center;gap:9px;padding:25px 0;font-size:9px;font-weight:700;display:flex}.dot{background:#765ce0;border-radius:50%;width:6px;height:6px}.issue{color:#898981;margin-left:auto;font-size:9px}.hero{grid-template-columns:1.25fr 1fr;gap:60px;padding:49px 0 42px;display:grid}.pill{letter-spacing:1.4px;color:#5c45aa;background:#eeeaf7;border:1px solid #ccc6e3;border-radius:4px;padding:7px 10px;font-size:9px;font-weight:700;display:inline-block}h1{letter-spacing:-2.8px;margin:23px 0 20px;font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,3.8vw,57px);font-weight:800;line-height:1.12}h1 em{color:#7455d4;font-style:normal}.hero-copy p{color:#7a7a72;max-width:365px;margin-bottom:27px;font-size:14px;line-height:1.8}.primary{color:#fff;background:#7455d4;border-radius:6px;justify-content:center;align-items:center;gap:20px;padding:14px 19px;font-size:12px;font-weight:600;display:inline-flex}.primary:hover{background:#6241c4}.text-link{align-items:center;gap:7px;margin-left:19px;font-size:11px;display:inline-flex}.hero-art{color:#342263;background:#d9d0f3;border-radius:9px;min-height:347px;padding:24px 28px;position:relative;overflow:hidden}.art-label{letter-spacing:1.7px;font-size:8px;font-weight:700;position:relative}.art-word{letter-spacing:-2px;font-family:Manrope,Arial,sans-serif;font-size:43px;font-weight:800;line-height:1.03;position:absolute;top:78px;left:28px}.art-word b{color:#7855c5}.micro{background:#b7a1e4;border-radius:70px;place-items:center;width:119px;height:138px;display:grid;position:absolute;top:110px;right:35px;transform:rotate(18deg);box-shadow:12px 14px #c6b6eb}.orbit{border:1px solid #bba9de;border-radius:50%;width:340px;height:340px;position:absolute;top:-130px;right:-155px}.two{width:420px;height:420px;top:-170px;right:-190px}.sound{letter-spacing:5px;color:#9573ce;font-size:21px;position:absolute;bottom:54px;right:17px}.art-bottom{letter-spacing:1.5px;border-top:1px solid #bdaddd;justify-content:space-between;align-items:center;padding-top:13px;font-size:8px;display:flex;position:absolute;bottom:20px;left:28px;right:28px}.ticker{letter-spacing:1.2px;white-space:nowrap;border-top:1px solid #d7d6ce;border-bottom:1px solid #d7d6ce;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:10px;font-weight:700;display:flex;overflow:hidden}.ticker b{color:#8164cd;font-size:19px}.feed{padding:38px 0 50px}.section-title{justify-content:space-between;align-items:center;display:flex}.kicker{letter-spacing:1.7px;color:#87867e;font-size:9px;font-weight:700}h2{letter-spacing:-1.2px;margin:9px 0 22px;font-family:Manrope,Arial,sans-serif;font-size:31px}.saved{align-items:center;gap:8px;font-size:11px;display:flex}.saved span{background:#e8e5ed;border-radius:4px;padding:3px 6px}.toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.filters{gap:7px;display:flex}.filters button{border:1px solid #dfded6;border-radius:5px;padding:9px 16px;font-size:11px}.filters button.chosen{color:#fff;background:#242421;border-color:#242421}.search{color:#99988f;border-bottom:1px solid #d6d5cc;align-items:center;gap:9px;padding:8px;display:flex}.search input{background:0 0;border:0;outline:none;width:145px;font-size:11px}.empty{text-align:center;background:#f1eef7;border:1px dashed #d5d0df;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:25px;display:flex}.empty>div{color:#8169b8}.empty h3{letter-spacing:-.5px;margin:14px 0 8px;font-family:Manrope,Arial,sans-serif;font-size:20px}.empty p{color:#858178;font-size:12px}.empty button{color:#7254c1;align-items:center;gap:10px;margin-top:12px;font-size:11px;font-weight:700;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.thumbnail{color:#6844b3;border-radius:7px;place-items:center;width:100%;height:200px;display:grid;position:relative;overflow:hidden}.purple{background:#d9cff0}.yellow{background:#e9e4c5}.thumbnail video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.play{z-index:1;background:#fffc;border-radius:50%;place-items:center;padding:15px;display:grid}.format{background:#fff;border-radius:3px;padding:5px 8px;font-size:8px;font-weight:700;position:absolute;bottom:12px;left:14px}.card-meta{color:#7558b8;justify-content:space-between;margin:16px 0 9px;font-size:10px;font-weight:700;display:flex}.card-meta span{color:#88877e;font-weight:400}.card-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-title button:first-child{letter-spacing:-.6px;text-align:left;padding:0;font-size:20px;font-weight:700}.card p{color:#848177;font-size:12px;line-height:1.6}.actions{color:#7558b8;border-top:1px solid #ddd8ce;justify-content:space-between;padding-top:12px;font-size:11px;display:flex}footer{color:#88867e;border-top:1px solid #dbdad2;justify-content:space-between;align-items:center;padding:28px 0;font-size:11px;display:flex}footer .brand{color:#292827;font-size:20px}footer .brand span{font-size:14px}footer>a:last-child{color:#282825}.overlay{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17132299;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#faf9f5;border-radius:13px;width:100%;max-width:560px;max-height:94dvh;padding:34px;position:relative;overflow:auto;box-shadow:0 20px 80px #0003}.close{position:absolute;top:18px;right:18px}.modal>p{color:#827e74;font-size:13px}.modal h2{margin-bottom:8px}.modal form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.modal form label{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.modal input,.modal textarea,.modal select{background:#fff;border:1px solid #dcd8ce;border-radius:5px;max-width:100%;padding:11px;font-size:13px}.row{gap:15px;display:flex}.row label{flex:1}.modal .upload{text-align:center;color:#7052a8;cursor:pointer;background:#f0ebf8;border:1px dashed #ab95d9;border-radius:8px;align-items:center;padding:18px}.upload span{font-size:10px;font-weight:400}.upload input{background:0 0;border:0;width:100%;padding:7px;font-size:10px}small{color:#8d877c;font-size:10px;line-height:1.6}.error{color:#a4442c;background:#fceae5;border-radius:5px;padding:12px;font-size:12px}.error button{text-decoration:underline}.toast{z-index:50;color:#fff;background:#28232e;border-radius:9px;gap:12px;padding:16px 22px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0003}.reader{max-width:800px}.reader video{background:#000;border-radius:7px;width:100%;max-height:65vh;margin-top:20px}.article-text{white-space:pre-wrap;color:#35322c!important;line-height:1.9!important}.about{min-height:65vh;padding:70px 0 100px}.about p{color:#777268;max-width:500px;line-height:1.9}.about .primary{margin-top:20px}progress{accent-color:#7455d4;width:100%}:focus-visible{outline-offset:4px;outline:2px solid #7555d4}@media (width>=1450px){.hero-art{min-height:380px}.art-word{font-size:52px}}@media (width<=850px){header{height:80px}nav{gap:15px}nav button{font-size:11px}.hero{gap:25px}.text-link{margin-top:17px;margin-left:0;display:flex}.art-word{font-size:36px}.micro{right:18px;transform:rotate(18deg)scale(.8)}.hero-art{min-height:345px;padding:22px 20px}.art-label{font-size:6px}.toolbar{align-items:flex-start}.filters{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){header{height:77px;padding:0 6%}header .brand{font-size:23px}header .brand span{font-size:16px}header .brand i{font-size:23px;left:105px}nav{z-index:20;background:#faf9f5;border-top:1px solid #dedad0;justify-content:space-around;height:60px;padding:0 12px;position:fixed;bottom:0;left:0;right:0}nav button.active:after{top:0;bottom:auto}.studio-btn{padding:10px}.issue{display:none}main{padding:0 6%}.eyebrow{letter-spacing:1px;padding:21px 0;font-size:7px}.hero{grid-template-columns:1fr;gap:28px;padding:30px 0}h1{letter-spacing:-2px;font-size:40px}.hero-copy p{max-width:100%;font-size:13px}.hero-art{min-height:270px}.art-word{font-size:40px;top:66px}.micro{top:78px;right:45px}.sound{bottom:47px}.ticker{gap:19px;padding:10px 0;font-size:8px}.ticker span{flex-shrink:0}.feed{padding-top:30px}.section-title h2{font-size:25px}.saved{gap:5px;font-size:0}.saved span{font-size:10px}.toolbar{flex-direction:column;gap:15px}.filters{gap:5px}.filters button{padding:8px 11px;font-size:10px}.search,.search input{width:100%}.cards{grid-template-columns:1fr}.thumbnail{height:240px}.empty{padding:25px 15px}.empty h3{font-size:18px}.empty p{line-height:1.8}footer{gap:15px;margin-bottom:60px}footer>span{max-width:115px;font-size:9px;line-height:1.7}.modal{padding:27px 20px}.modal h2{font-size:28px}.overlay{padding:12px}.toast{width:90%;bottom:75px}.row{gap:10px}}.reels-layer{z-index:60;color:#fff;background:#111014;position:fixed;inset:0}.reels-top{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:28px;right:28px}.reels-top button,.reels-top strong{pointer-events:auto}.reels-top strong{letter-spacing:-1px;font-size:22px}.reels-top span{color:#b59aef}.reels-top button,.reels-arrows button{background:#ffffff21;border:1px solid #ffffff27;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.reels-scroll{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100dvh;overflow-y:auto}.reels-scroll::-webkit-scrollbar{display:none}.reel{scroll-snap-align:start;scroll-snap-stop:always;background:#070707;max-width:500px;height:100dvh;margin:auto;position:relative}.reel video{object-fit:contain;cursor:pointer;width:100%;height:100%}.reel-shade{pointer-events:none;background:linear-gradient(#0000,#000b);position:absolute;inset:55% 0 0}.reel-caption{pointer-events:none;position:absolute;bottom:36px;left:23px;right:74px}.reel-caption h2{margin:12px 0;font-size:26px}.reel-caption p{pointer-events:auto;max-height:100px;font-size:13px;line-height:1.6;overflow:auto}.reel-caption small{color:#d7cdeb}.reel-buttons{flex-direction:column;gap:18px;display:flex;position:absolute;bottom:55px;right:14px}.reel-buttons button{background:#ffffff25;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.reels-arrows{flex-direction:column;gap:15px;display:flex;position:absolute;top:44%;left:calc(50% + 280px)}.reels-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.reels-empty p{color:#b4a9c4}.reels-notice{color:#342749;z-index:10;background:#eee6ff;border-radius:8px;padding:13px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.import-help{color:#67577f;background:#f0ebf8;border-radius:7px;margin:20px 0;padding:16px;font-size:12px;line-height:1.7}.import-help p:last-child{margin-bottom:0}.batch-picker{color:#7254a4;border:1px dashed #ac96d2;border-radius:7px;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding:18px;font-size:13px;display:flex}.batch-picker input{width:100%;font-size:11px}.import-list{max-height:240px;padding:0;list-style:none;overflow:auto}.import-list li{border-bottom:1px solid #ddd5e5;justify-content:space-between;gap:16px;padding:12px 0;font-size:11px;display:flex}.import-list li>span{overflow-wrap:anywhere}.import-list li>span:last-child{color:#7954b1;align-items:center;gap:6px;display:flex}.import-list small{display:block}.row select{width:100%}@media (width<=600px){.reels-top{top:13px;left:17px;right:17px}.reels-arrows{display:none}.reel-caption{bottom:30px}.reels-top strong{font-size:19px}}.header-actions{align-items:center;gap:12px;display:flex}.logout-btn{border:1px solid #cecdc6;border-radius:7px;align-items:center;gap:7px;padding:12px 15px;font-size:12px;font-weight:600;display:inline-flex}.logout-btn:hover{color:#6241c4;background:#eeeaf7}@media (width<=850px){header nav{gap:12px}.header-actions{gap:6px}.logout-btn{padding:12px 9px;font-size:11px}}@media (width<=600px){.header-actions .studio-btn{gap:0;font-size:0}.header-actions .studio-btn svg:last-child{display:none}.header-actions .studio-btn{padding:11px}.logout-btn{padding:10px 9px;font-size:11px}.logout-btn svg{display:none}}.auth-modal{max-width:510px}.auth-modal .row,.auth-modal .row label{min-width:0}.auth-modal .row input{width:100%;min-width:0}.auth-switch{text-align:center;font-size:12px}.auth-switch button{color:#7455d4;font-weight:700}.auth-note{line-height:1.7;color:#8a8378!important;font-size:11px!important}.account-btn{color:#7352c4;text-overflow:ellipsis;max-width:160px;font-size:12px;font-weight:600;overflow:hidden}.account-out{width:100%;margin-top:24px;display:flex}.profile-icon{color:#7252bb;background:#e9e0f6;border-radius:50%;place-items:center;width:70px;height:70px;margin-top:25px;display:grid}.signup-btn{padding:12px 15px}.header-actions{gap:8px}@media (width<=1050px){header nav{gap:12px}.header-actions .studio-btn{gap:0;font-size:0}.header-actions .studio-btn svg:last-child{display:none}.account-btn{max-width:90px}}@media (width<=600px){.signup-btn{padding:11px 9px;font-size:10px}.account-btn{max-width:80px;font-size:10px}.header-actions{gap:4px}.auth-modal .row{gap:10px}}