:root{--ink:#17201d;--muted:#66706c;--paper:#f7f5ef;--white:#fff;--coral:#ef765f;--coral-dark:#da5d48;--sage:#dce8df;--blue:#dce7ec;--line:#e5e3dc;--shadow:0 18px 60px rgba(32,43,38,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:fixed;width:244px;height:100vh;background:#19231f;color:#eef2ee;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:white;text-decoration:none;font:800 22px Manrope;margin:0 10px 44px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--coral);font-size:17px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#aeb8b3;text-align:left;padding:13px 14px;border-radius:10px;font:600 14px "DM Sans";cursor:pointer;display:flex;gap:13px}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{color:white;background:#2a3531}.sidebar-foot{margin-top:auto}.usage{padding:16px;color:#9eaaa5;font-size:11px}.usage div:first-child{display:flex;justify-content:space-between}.usage strong{color:white}.progress{height:4px;background:#3a4641;border-radius:4px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--coral)}.profile{width:100%;border:1px solid #34413c;background:transparent;color:white;border-radius:12px;padding:10px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left}.avatar{height:34px;border-radius:50%;display:grid;place-items:center;background:#43534c;font-size:11px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:#99a59f;font-size:10px;margin-top:2px}main{grid-column:2}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.mobile-brand{display:none}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;background:#5ca36f;border-radius:50%;box-shadow:0 0 0 4px #e2eee5}.icon-btn{margin-left:13px;width:34px;height:34px;border:1px solid var(--line);background:white;border-radius:50%}.view{display:none;padding:64px 5vw 80px;max-width:1400px;margin:auto}.view.active{display:block}.view.narrow{max-width:1120px}.welcome{margin-bottom:40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#7a837f;margin:0 0 12px}.welcome h1,.page-heading h1{font:800 clamp(34px,4vw,52px)/1.08 Manrope;margin:0;letter-spacing:-2px}.welcome h1 span{color:var(--coral)}.welcome>p:last-child,.page-heading>p:last-child,.page-heading div>p:last-child{color:var(--muted);font-size:16px}.hero-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:20px}.start-card{min-height:356px;border-radius:22px;background:#dce8df;display:grid;grid-template-columns:1.1fr .8fr;overflow:hidden;padding:44px 0 36px 44px}.start-copy{z-index:2}.spark{color:var(--coral);font-size:25px}.start-card h2{font:800 29px Manrope;max-width:300px;margin:17px 0 10px}.start-card p{color:#57645f;line-height:1.55;max-width:370px}.primary,.secondary{border:0;border-radius:10px;padding:13px 18px;font:700 13px "DM Sans";cursor:pointer}.primary{background:var(--coral);color:white;box-shadow:0 6px 18px rgba(239,118,95,.2)}.primary:hover{background:var(--coral-dark);transform:translateY(-1px)}.primary span{margin-left:12px}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.start-copy .primary{margin-top:20px}.start-copy>small{display:block;margin:12px 18px;color:#7b8581;font-size:10px}.mini-preview{position:relative;align-self:end;height:290px}.phone{position:absolute;width:168px;height:306px;border:7px solid #1b2420;border-radius:27px;background:#f5e9de;transform:rotate(6deg);box-shadow:var(--shadow);overflow:hidden}.phone-art{height:100%;text-align:center;padding:24px 12px;background:radial-gradient(circle at 50% 45%,#fff 0,#f4e5d7 40%,#d7c1af 100%)}.phone-art>span{font-size:8px;letter-spacing:2px}.phone-art p{font:600 12px Manrope;color:var(--ink);line-height:1.2}.bottle{height:116px;width:62px;border-radius:15px 15px 9px 9px;margin:32px auto 18px;background:linear-gradient(110deg,#d7a65f,#f2d99e 47%,#a56b28);box-shadow:0 18px 26px #9b704a55}.float-badge{position:absolute;bottom:16px;left:-44px;background:white;padding:10px 13px;border-radius:9px;box-shadow:var(--shadow);font-size:10px;font-weight:700}.today-card{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}.card-title{display:flex;justify-content:space-between;align-items:start}.card-title h3{margin:0;font:700 18px Manrope}.card-title>span{font-size:11px;color:var(--muted)}.empty-state{text-align:center;padding:48px 10px 22px}.empty-state>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#eef3f0;margin:auto;color:#668174;font-size:21px}.empty-state h4{margin:18px 0 4px}.empty-state p{font-size:12px;color:var(--muted);max-width:220px;margin:auto;line-height:1.5}.section-head{margin:58px 0 20px}.section-head h2{font:700 23px Manrope;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;text-align:left;padding:20px;border:1px solid var(--line);border-radius:15px;background:white;cursor:pointer;color:var(--ink)}.feature-card:hover{box-shadow:0 10px 30px #17201d0c;transform:translateY(-2px)}.feature-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center}.coral{background:#fbe2dc;color:var(--coral)}.sage{background:var(--sage)}.blue{background:var(--blue)}.feature-card h3{font:700 14px Manrope;margin:0 0 5px}.feature-card p{font-size:11px;color:var(--muted);margin:0}.back{border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer;margin-bottom:26px}.stepper{display:flex;justify-content:center;align-items:center;margin-bottom:55px}.step{display:flex;align-items:center;gap:8px;color:#9aa19e;font-size:11px;font-weight:700}.step i{font-style:normal;width:24px;height:24px;border-radius:50%;border:1px solid #cdd1ce;display:grid;place-items:center}.step.active{color:var(--ink)}.step.active i{background:var(--ink);color:white}.stepper>b{height:1px;background:#dcdedb;width:80px;margin:0 12px}.page-heading{margin-bottom:34px}.page-heading.inline{display:flex;justify-content:space-between;align-items:end}.creator-layout{display:grid;grid-template-columns:1fr 260px;gap:24px}.form-card,.review-card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.dropzone{height:270px;border:1.5px dashed #bdc5c1;background:#fafbf9;border-radius:13px;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer;text-align:center;margin-bottom:24px}.dropzone.drag{background:#edf4ef;border-color:#6f927e}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone strong,.dropzone small{display:block}.dropzone small{color:var(--muted);margin-top:7px}.upload-icon{margin:0 auto 13px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef1ef;font-size:20px}.dropzone img{width:100%;height:100%;object-fit:contain;background:#f1f1ed}.remove-image{position:absolute;right:12px;top:12px;border:0;background:#17201ddd;color:white;border-radius:7px;padding:7px 10px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:11px;font-weight:700;margin:16px 0 7px}input,textarea,select{display:block;width:100%;border:1px solid #dcded9;background:white;border-radius:9px;padding:12px;margin-top:8px;font:13px "DM Sans";color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#899b92;box-shadow:0 0 0 3px #e7eeea}textarea{min-height:88px;resize:vertical}label>small{display:block;text-align:right;color:#9aa19d;margin-top:4px}.safe-note,.reliability{display:flex;gap:12px;background:#edf4ef;border-radius:10px;padding:13px;margin:20px 0;color:#4b6156}.safe-note p,.reliability p{margin:0;font-size:11px;line-height:1.5}.full{width:100%}.tip-card{background:#202b27;color:white;border-radius:18px;padding:28px;height:max-content}.tip-card>span{font-size:9px;letter-spacing:1.4px;color:#9fada7}.tip-card h3{font:700 20px Manrope}.tip-card ul{padding-left:18px;color:#b9c3bf;font-size:12px;line-height:2}.example-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.example{height:75px;border-radius:9px;display:grid;place-items:end;padding:8px;font-weight:800}.example.good{background:radial-gradient(circle,#dfbb7f 0 18%,#dde3df 19%);color:#5fb072}.example.bad{background:linear-gradient(45deg,#555,#aaa);color:#ea735f}.result-layout{display:grid;grid-template-columns:400px 1fr;gap:30px}.video-stage{aspect-ratio:9/14;border-radius:20px;overflow:hidden;position:relative;background:#e8dfd4;color:white;display:flex;flex-direction:column;justify-content:end;padding:34px;text-shadow:0 2px 16px #0008}.video-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#132019d9)}.video-stage h2,.video-stage p,.video-stage>span{position:relative}.video-stage h2{font:800 30px/1.05 Manrope;margin:8px 0}.video-kicker{font-size:9px;letter-spacing:2px}.video-stage>span{font-weight:700;color:#ffe2a9}.play-mark{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffffffd8;color:#1c2923;text-shadow:none;padding-left:3px}.video-panel>.secondary{margin-top:12px}.review-head{display:flex;justify-content:space-between}.review-head h3{font:700 18px Manrope}.ai-label{font-size:9px;color:#a06050;background:#fbe7e2;padding:7px;border-radius:6px;height:max-content}.channel-pills{display:flex;flex-wrap:wrap;gap:8px}.channel-pills button{border:1px solid var(--line);background:white;padding:10px 12px;border-radius:8px;cursor:pointer}.channel-pills button.selected{border-color:var(--ink);background:#edf1ef}.calendar-toolbar{display:flex;align-items:center;gap:10px;margin:35px 0 15px}.calendar-toolbar>button:not(.secondary){border:1px solid var(--line);background:white;width:34px;height:34px;border-radius:8px}.calendar-toolbar strong{min-width:190px;text-align:center}.calendar-toolbar .secondary{margin-left:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.day{min-height:320px;border-right:1px solid var(--line);padding:14px}.day:last-child{border:0}.day.today{background:#fbf7f2}.day-head{font-size:10px;color:var(--muted);text-transform:uppercase}.day-head strong{display:block;color:var(--ink);font:700 21px Manrope;margin-top:4px}.calendar-post{margin-top:18px;border-radius:10px;background:#eef3f0;overflow:hidden;border:1px solid #dbe5df}.calendar-post img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.calendar-post div{padding:9px}.calendar-post strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-post small{font-size:9px;color:var(--muted)}.calendar-post.needs{background:#fff4e7;border-color:#f0dcc5}.legend{display:flex;gap:20px;margin-top:15px;color:var(--muted);font-size:10px}.legend span:last-child{margin-left:auto}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.scheduled{background:#83a08f}.legend-dot.needs{background:#dca369}.account-list{display:grid;gap:12px}.account-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:15px}.account-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#edf1ef;font-size:18px;font-weight:800}.account-card h3{margin:0 0 4px;font:700 14px Manrope}.account-card p{margin:0;color:var(--muted);font-size:11px}.connect-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer}.connect-btn.connected{color:#49805b;background:#edf7f0}.security-card{display:flex;gap:16px;padding:22px;background:var(--sage);border-radius:14px;margin-top:30px}.security-card h3{margin:0 0 6px;font:700 14px Manrope}.security-card p{margin:0;color:#506058;font-size:12px;line-height:1.5}.hidden{display:none!important}.toast{position:fixed;right:30px;bottom:30px;background:#1d2924;color:white;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}dialog{border:0;border-radius:18px;padding:34px;max-width:420px;text-align:center;box-shadow:0 30px 100px #10181344}dialog::backdrop{background:#111a16a8}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:23px;cursor:pointer}.connect-big{display:grid;place-items:center;width:58px;height:58px;background:#edf2ef;border-radius:15px;margin:auto;font-size:25px}.permission-list{display:grid;text-align:left;gap:9px;background:#f6f7f4;padding:15px;border-radius:9px;margin:20px 0;font-size:11px}.permission-list span:last-child{color:var(--muted)}dialog>small{display:block;margin-top:12px;color:var(--muted)}.today-post{margin-top:28px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.today-post img{width:100%;height:135px;object-fit:cover}.today-post div{padding:12px}.today-post strong{display:block}.today-post small{color:var(--muted)}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;bottom:0;width:100%;height:66px;padding:8px;background:#19231f}.brand,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr)}.nav-item{font-size:10px;display:grid;gap:1px;justify-items:center;padding:5px}.nav-item span{font-size:17px}main{grid-column:1;padding-bottom:60px;min-width:0}.topbar{height:58px}.mobile-brand{display:block;font:800 18px Manrope}.view{padding:38px 20px 60px;min-width:0}.hero-grid,.creator-layout,.result-layout{grid-template-columns:1fr}.start-card{padding:30px;grid-template-columns:1fr}.mini-preview{display:none}.feature-grid{grid-template-columns:1fr}.tip-card{display:none}.calendar-grid{display:flex;overflow-x:auto;max-width:calc(100vw - 40px)}.day{min-height:260px;flex:0 0 150px}.page-heading.inline{align-items:start;gap:20px}.top-actions>span:not(.status-dot){display:none}}@media(max-width:560px){.start-card{min-height:auto}.welcome h1,.page-heading h1{font-size:34px}.field-row{grid-template-columns:1fr}.result-layout{grid-template-columns:1fr}.video-panel{max-width:350px;margin:auto}.stepper>b{width:25px}.legend{display:none}.page-heading.inline{display:block}.page-heading.inline .primary{margin-top:15px}.account-card{grid-template-columns:42px 1fr}.account-card .connect-btn{grid-column:1/-1}.topbar{padding:0 20px}}