:root{--ink:#342a4c;--violet:#6954a4;--lilac:#ede8fb;--coral:#f07962;--cream:#fffaf0;--line:#e8decd;--yellow:#f7ca64}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f3ba41}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fffdf8;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,28px);display:flex;position:sticky;top:0}.brand{letter-spacing:-1.5px;background:0 0;border:0;font:600 25px/1 Fraunces,serif}.brand span:first-child{color:var(--coral)}.spark{color:var(--yellow);margin-left:2px;font-size:17px}nav{align-items:center;gap:8px;display:flex}nav button{color:#6b6377;background:0 0;border:0;padding:9px 10px;font-size:14px}nav .selected{color:var(--ink);font-weight:700}.new-post{background:var(--ink);border-radius:999px;font-weight:700;color:#fff!important;padding:10px 16px!important}.page{width:min(1050px,90vw);margin:0 auto}.feed{padding:62px 0 82px}.feed-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;display:flex}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:1.5px;font:600 11px DM Mono,monospace}.feed h1,.composer h1,.safety h1{letter-spacing:-3px;margin:10px 0 15px;font:500 clamp(42px,6vw,68px)/.98 Fraunces,serif}.feed h1 em,.composer h1 em,.safety h1 em{color:var(--coral);font-style:italic}.feed-intro p,.lede{color:#716b78;margin:0;font-size:16px}.doodle-cta{border:2px solid var(--ink);width:155px;min-width:155px;height:125px;box-shadow:5px 5px 0 var(--ink);background:#f7ca64;border-radius:25px 32px 24px 35px;flex-direction:column;justify-content:center;align-items:center;transition:transform .15s;display:flex}.doodle-cta:hover{transform:rotate(-2deg)translateY(-3px)}.doodle-cta span{font-size:30px}.doodle-cta b{font-size:14px}.doodle-cta small{color:#5e4e31;margin-top:3px}.posts{grid-template-columns:repeat(3,1fr);align-items:start;gap:21px;display:grid}.post{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 3px #37284b0f}.post-top{align-items:center;gap:9px;padding:14px 15px;display:flex}.avatar{background:var(--lilac);width:31px;height:31px;color:var(--violet);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.post-top b{font-size:13px;display:block}.post-top span{color:#99919d;font-size:11px}.more{letter-spacing:1px;color:#8f8793;background:0 0;border:0;margin-left:auto}.post-art{position:relative}.post-art svg{width:100%;display:block}.art-label{text-transform:uppercase;letter-spacing:1px;background:#fffdf6d9;border-radius:999px;padding:5px 9px;font:600 9px DM Mono,monospace;position:absolute;bottom:10px;left:10px}.post-copy{padding:13px 15px 15px}.post-copy>p{min-height:63px;margin:0;font-size:14px;line-height:1.5}.actions{gap:12px;margin-top:13px;display:flex}.actions button{color:#7c7284;background:0 0;border:0;padding:0;font-size:12px}.actions button:first-child{font-size:14px}.actions .liked{color:var(--coral);font-weight:700}.actions button:last-child{color:#aa9aa6;margin-left:auto}.comments{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.comment{margin:4px 0;font-size:12px;line-height:1.45}.comments form{margin-top:10px;display:flex}.comments input{border:1px solid var(--line);border-radius:7px 0 0 7px;flex:1;min-width:0;padding:8px;font-size:11px}.comments form button{background:var(--lilac);border:0;border-radius:0 7px 7px 0;padding:0 9px;font-size:11px;font-weight:700}.composer,.safety{padding:64px 0 90px}.composer h1{margin-bottom:12px}.compose-grid{grid-template-columns:1.06fr .94fr;gap:25px;margin-top:35px;display:grid}.writing-card,.preview,.safety-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px}.writing-card label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.at-input{border:1px solid var(--line);border-radius:9px;align-items:center;margin-bottom:20px;padding:0 11px;display:flex}.at-input span{color:#a196a4}.at-input input{border:0;outline:0;width:100%;padding:12px 5px}.writing-card textarea{resize:vertical;border:1px solid var(--line);outline-color:var(--yellow);border-radius:12px;width:100%;min-height:170px;padding:14px;line-height:1.5}.counter{text-align:right;color:#a196a4;margin-top:5px;font:10px DM Mono,monospace}.publish{background:var(--coral);color:#fff;border:0;border-radius:999px;margin-top:19px;padding:13px 18px;font-weight:700;box-shadow:2px 3px #a54b48}.publish span{margin-left:8px;font-size:17px}.tiny{color:#8a818e;margin:18px 0 0;font-size:11px;line-height:1.45}.tiny button{color:var(--violet);background:0 0;border:0;padding:0;text-decoration:underline}.preview{text-align:center;background:#f2eefe}.preview .eyebrow{color:var(--violet)}.doodle-frame{max-width:310px;margin:14px auto 12px}.doodle-frame svg{width:100%}.mood-pill{color:var(--violet);background:#fff;border-radius:999px;padding:7px 11px;font:600 11px DM Mono,monospace;display:inline-block}.preview>p:last-of-type{color:#6c6376;font-size:12px;line-height:1.45}.mood-options{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mood-options button{color:#665b77;background:#fffafd;border:1px solid #d8cfeb;border-radius:99px;padding:6px 9px;font-size:11px}.mood-options .chosen{background:var(--violet);color:#fff;border-color:var(--violet)}.empty{text-align:center;background:#fff;border:1px dashed #cfc2b2;border-radius:21px;padding:50px 20px}.empty svg{width:170px}.empty h2{margin:12px 0 4px;font:500 27px Fraunces,serif}.empty p{color:#77707b;margin:0}.compact{grid-column:1/-1}.safety{max-width:760px}.safety-card{background:#fff7dc;margin-top:30px}.safety-card h2{margin:0 0 12px;font:500 29px Fraunces,serif}.safety-card p{color:#5e5864;font-size:15px;line-height:1.6}.toast{z-index:10;background:var(--ink);color:#fff;border-radius:999px;padding:11px 16px;font-size:13px;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #372c4833}.toast b{cursor:pointer;margin-left:9px}footer{border-top:1px solid var(--line);color:#817786;justify-content:space-between;align-items:center;min-height:76px;padding:0 max(5vw,28px);font-size:12px;display:flex}footer>span:first-child{color:var(--coral);font:600 17px Fraunces,serif}footer button{color:#756b7d;background:0 0;border:0;text-decoration:underline}@media (max-width:760px){.topbar{height:65px;padding:0 18px}.brand{font-size:22px}nav{gap:0}nav button{padding:8px;font-size:0}.new-post{padding:9px 12px!important;font-size:12px!important}nav button:first-child{display:none}.page{width:min(91vw,560px)}.feed,.composer,.safety{padding:38px 0 56px}.feed-intro{align-items:center;margin-bottom:25px}.feed h1,.composer h1,.safety h1{letter-spacing:-2px;font-size:44px}.doodle-cta{width:110px;min-width:110px;height:100px}.doodle-cta span{font-size:24px}.doodle-cta small{display:none}.posts{grid-template-columns:1fr;gap:16px}.post-copy>p{min-height:0}.compose-grid{grid-template-columns:1fr;margin-top:25px}.writing-card,.preview,.safety-card{padding:20px}.preview{order:-1}footer{min-height:0;padding:17px 20px}footer span:last-child{display:none}}