:root{font-family:DM Sans,sans-serif;color:#172521;background:#f6f1e9;font-synthesis:none;--coral:#f75940;--cream:#fffaf5;--ink:#172521;--muted:#6c7772;--line:#e7ddd1;--teal:#0f766e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 5%,#ffe2b8 0,transparent 22%),#f6f1e9}button,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:760px;margin:auto;min-height:100vh;background:var(--cream);box-shadow:0 0 40px #2c1f1515;padding-bottom:92px}header{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffaf5dd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{font:800 20px Manrope;display:flex;align-items:center;gap:10px}.logo{width:36px;height:36px;border-radius:11px;background:var(--coral);display:grid;place-items:center;color:#fff;transform:rotate(-4deg)}.logo svg{width:19px}.icon-button,.language-pill{border:0;background:transparent;color:var(--ink)}.icon-button{width:40px;height:40px;display:grid;place-items:center}.language-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-weight:700}.language-pill svg{width:17px}.menu{display:none}main{padding:0 28px}.hero{text-align:center;padding:58px 20px 38px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--coral);display:flex;align-items:center;justify-content:center;gap:6px}.eyebrow svg{width:15px}.hero h1{font:800 clamp(32px,7vw,52px)/1.08 Manrope;margin:14px auto;max-width:620px;letter-spacing:-2px}.hero h1 em{color:var(--coral);font-style:normal;position:relative}.hero p{color:var(--muted);font-size:17px;max-width:520px;margin:auto;line-height:1.6}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;margin-bottom:20px;box-shadow:0 10px 28px #5934180b}.section-title,.card-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.step{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--coral);font-weight:800}.section-title h2,.card-head h2{font:800 20px Manrope;margin:0}.section-title p,.card-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.compose-card{position:relative}.compose-card textarea,.final-card textarea{width:100%;resize:vertical;min-height:122px;border:1.5px solid #ddd3c8;border-radius:14px;padding:16px;background:#fffdf9;outline:none;line-height:1.55}.compose-card textarea:focus,.final-card textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #f7594017}.field-count{position:absolute;right:38px;top:175px;color:#9b9f9d;font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.field-row label>span{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:0 0 7px 3px}.field-row select,.settings-card select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff}.platform-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.platform-grid button{border:1px solid var(--line);background:#fffdf9;border-radius:13px;padding:13px 5px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;font-size:12px}.platform-grid button.selected{border:2px solid var(--coral);background:#fff7f3}.platform-grid button>svg{position:absolute;right:5px;top:5px;width:14px;color:var(--coral)}.platform-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#222;color:#fff}.platform-mark.instagram{background:linear-gradient(135deg,#7232bd,#f75940)}.platform-mark.tiktok{background:#111}.platform-mark.facebook{background:#1877f2}.platform-mark.linkedin{background:#0a66c2}.platform-note{display:flex;gap:10px;background:#f2f8f5;border-radius:12px;margin-top:15px;padding:13px;font-size:13px;color:#53615b}.platform-note svg{color:var(--teal);width:20px;flex:none}.suggestions-head{display:flex;justify-content:space-between;align-items:flex-end;padding:35px 4px 18px}.suggestions-head .eyebrow{justify-content:flex-start}.suggestions-head h2{font:800 27px Manrope;margin:7px 0 0}.offline-pill{font-size:10px;background:#def4ea;color:#177356;border-radius:20px;padding:7px 10px;font-weight:800;letter-spacing:1px}.idea-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;font-weight:800;font-size:23px}.idea-icon svg{width:20px}.coral{background:#ffe3dc;color:#d9422c}.yellow{background:#fff1bf;color:#9b6d00}.teal{background:#dff5ef;color:#0f766e}.lavender{background:#eee7ff;color:#7047ba}.dark{background:var(--ink);color:#fff}.ideas{display:grid;gap:10px}.ideas button{border:1px solid var(--line);background:#fffdf9;border-radius:13px;text-align:left;padding:13px;display:flex;align-items:center;gap:11px;color:var(--ink)}.ideas button:hover{border-color:var(--coral)}.ideas button>span{width:26px;height:26px;border-radius:50%;background:#f5ece4;display:grid;place-items:center;font-weight:700;flex:none}.ideas p{margin:0;line-height:1.45;flex:1}.ideas svg{width:18px;color:#aaa}.hook-list{display:flex;flex-wrap:wrap;gap:9px}.hook-list button{background:#fff9e8;border:1px solid #f1df9f;border-radius:20px;padding:9px 13px;color:#5f5120;display:flex;gap:5px;align-items:center}.hook-list svg{width:15px}.tag-section{margin:20px 0}.tag-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tag-title b{text-transform:uppercase;font-size:11px;letter-spacing:1px;color:var(--teal)}.tag-title span{font-size:12px;color:#929996}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags button,.selected-preview button{border:1px solid #cfe3dd;background:#f4fbf8;color:#176b60;border-radius:20px;padding:8px 11px}.tags button.on{background:var(--teal);color:#fff;border-color:var(--teal)}.tags svg{width:12px;vertical-align:middle;margin-left:5px}.tag-actions{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.text-button{border:0;background:transparent;color:var(--teal);font-weight:700;display:flex;align-items:center;gap:5px}.text-button svg{width:15px}.emojis{display:flex;gap:10px;flex-wrap:wrap}.emojis button{font-size:25px;border:1px solid var(--line);background:#fffdf9;width:48px;height:48px;border-radius:13px}.final-card{border:2px solid #253b35}.final-card textarea{min-height:150px}.counter{height:24px;margin-top:8px;text-align:right;color:var(--muted);font-size:12px;position:relative;overflow:hidden}.counter span{position:absolute;left:0;bottom:0;height:3px;background:var(--teal);border-radius:3px}.counter.over{color:#d33}.counter.over span{background:#d33}.selected-preview{display:flex;gap:5px;flex-wrap:wrap;padding:12px 0}.selected-preview button{padding:5px 8px;font-size:12px}.primary-actions{display:flex;gap:10px;margin-top:12px}.primary-actions button{height:48px;border-radius:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}.primary-actions svg{width:18px}.primary-actions .secondary{border:1px solid var(--line);background:#fff;flex:1}.primary{border:0;background:var(--coral);color:#fff;flex:1.3}.share{border:0;background:var(--ink);color:#fff;width:50px}.primary-actions button:disabled{opacity:.4}.bottom-nav{position:fixed;z-index:9;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);height:74px;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:#88908c;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:11px;position:relative}.bottom-nav svg{width:21px}.bottom-nav button.active{color:var(--coral);font-weight:800}.bottom-nav i{position:absolute;top:7px;margin-left:26px;background:var(--coral);color:#fff;font-style:normal;border-radius:10px;padding:1px 5px}.library{padding:35px 0}.library-hero{text-align:center;padding:25px 10px 35px}.library-hero>span,.empty>span{margin:auto;width:55px;height:55px;border-radius:17px;background:#ffe3dc;color:var(--coral);display:grid;place-items:center}.library-hero h1{font:800 34px Manrope;margin:13px 0 6px}.library-hero p{color:var(--muted);margin:0}.library-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:12px;cursor:pointer}.item-copy{min-width:0;flex:1}.item-copy h3{font:800 17px Manrope;margin:4px 0}.item-copy p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:4px 0}.meta{color:var(--coral);font-size:11px;font-weight:800;text-transform:uppercase}.item-copy small{display:flex;align-items:center;gap:5px;color:#929996}.item-copy small svg{width:13px}.delete,.use{border:0;background:transparent;color:#9ba19e;padding:8px}.delete svg{width:18px}.use{color:var(--teal);font-weight:800}.mini-tags{display:flex;gap:5px;flex-wrap:wrap}.mini-tags span{font-size:11px;color:var(--teal);background:#eef8f5;padding:4px 6px;border-radius:10px}.empty{text-align:center;border:1px dashed #d8cdc1;border-radius:20px;padding:45px 20px}.empty h2{font:800 20px Manrope;margin:15px 0 5px}.empty p{color:var(--muted);max-width:350px;margin:auto}.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.settings-card>div{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.settings-card>div:last-child{border:0}.settings-card>div>svg{color:var(--coral);width:22px}.settings-card span:nth-child(2){flex:1}.settings-card b,.settings-card small{display:block}.settings-card small{color:var(--muted);line-height:1.45;margin-top:3px}.settings-card select{width:auto}.settings-card .premium{background:#f0eee9}.premium em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:1px;background:#dfd9ce;border-radius:10px;padding:5px 7px;white-space:nowrap}.toast{position:fixed;z-index:30;bottom:92px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0004;display:flex;gap:8px;align-items:center}.toast svg{width:18px;color:#74dfba}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#17252170;z-index:25}.scrim aside{width:290px;height:100%;background:var(--cream);padding:20px;box-shadow:10px 0 30px #0002}.aside-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.scrim aside>p{color:var(--muted);margin:0 5px 20px}.scrim aside>button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:13px;border-radius:10px;color:var(--ink)}.scrim aside>button.active{background:#ffe5df;color:#c93e2b;font-weight:800}.scrim aside>button svg{width:20px}.offline-badge{position:absolute;bottom:25px;color:#5d6d67;font-size:12px}.offline-badge span{width:8px;height:8px;border-radius:50%;display:inline-block;background:#32a67c;margin-right:5px}@media(max-width:600px){.app-shell{box-shadow:none}.menu{display:grid}main{padding:0 15px}.hero{padding:42px 6px 30px}.hero h1{font-size:36px}.card{padding:19px;border-radius:18px}.field-count{top:169px;right:28px}.platform-grid{grid-template-columns:repeat(3,1fr)}.platform-grid button:nth-child(4),.platform-grid button:nth-child(5){grid-column:auto}.suggestions-head h2{font-size:23px}.offline-pill{display:none}.tag-actions{gap:5px}.primary-actions{flex-wrap:wrap}.primary-actions .secondary{flex-basis:40%}.library{padding-top:15px}.settings-card>div{align-items:flex-start}.settings-card select{max-width:105px}.premium em{display:none}}@media(min-width:601px){header .brand{margin-left:42px}}.generate-button{width:100%;border:0;border-radius:14px;background:var(--coral);color:#fff;font-weight:800;padding:15px 17px;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 18px #f7594030}.generate-button svg{width:18px}.generate-button svg:last-child{margin-left:auto}.generate-note{text-align:center;color:var(--muted);font-size:11px;margin:8px 0 0}.suggestions-head{scroll-margin-top:85px}.ready-card{display:flex;gap:15px;align-items:flex-start;margin:28px 0;background:#fff4ef;border:1px dashed #f3a797;border-radius:18px;padding:20px;color:var(--coral)}.ready-card>svg{flex:none;margin-top:2px}.ready-card h2{font:800 18px Manrope;margin:0 0 5px;color:var(--ink)}.ready-card p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}