:root{color:#1f1f1f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f7f7f4}body{color:#1f1f1f;background:#f7f7f4;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}*{box-sizing:border-box}body{color:#20201e;background:#f7f7f4;margin:0}button,input,textarea,select{font:inherit}.app{width:min(1180px,100% - 40px);margin:0 auto;padding:56px 0 100px}.header{text-align:center;margin-bottom:40px}.eyebrow,.step{color:#3d3d39;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.header h1{color:#20201e;letter-spacing:-2px;margin:14px 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.05}.header p{color:#686863;max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.panel,.card,.warning-card{background:#fff;border:1px solid #e2e2dd;border-radius:18px}.form-panel{padding:34px}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2,.result-header h2{color:#20201e;margin:8px 0 0}.section-heading h2{font-size:28px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;display:grid}label{color:#292927;flex-direction:column;gap:9px;font-size:14px;font-weight:600;display:flex}input,textarea{color:#20201e;background:#fff;border:1px solid #d7d7d1;border-radius:11px;outline:none;width:100%;padding:14px 15px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#999993;opacity:1}input:focus,textarea:focus{border-color:#55554f;box-shadow:0 0 0 3px #20201e14}textarea{resize:vertical;min-height:110px}.platform-section{margin:28px 0}.label-title{color:#292927;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.platforms{flex-wrap:wrap;gap:10px;display:flex}.platform{appearance:none;cursor:pointer;color:#292927;background:#fff;border:1px solid #d8d8d2;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s,border-color .2s,transform .2s}.platform:hover{border-color:#777770;transform:translateY(-1px)}.platform.active{color:#fff;background:#20201e;border-color:#20201e}.generate-button{color:#fff;cursor:pointer;background:#20201e;border:none;border-radius:12px;width:100%;margin-top:24px;padding:16px 20px;font-size:15px;font-weight:700;transition:opacity .2s,transform .2s}.generate-button:hover:not(:disabled){transform:translateY(-1px)}.generate-button:disabled{opacity:.55;cursor:wait}.loading-note{text-align:center;color:#70706b;margin-top:14px;font-size:13px}.error{color:#8c2525;background:#fff1f1;border:1px solid #f2cccc;border-radius:10px;margin-top:18px;padding:13px 15px}.results{margin-top:64px}.result-header{margin-bottom:26px}.result-header h2{max-width:900px;font-size:30px;line-height:1.3}.strategy-grid,.platform-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{color:#20201e;padding:25px}.card h3{color:#20201e;margin:0 0 16px;font-size:20px}.card h4{color:#343431;margin:22px 0 8px;font-size:14px}.card p,.card li{color:#5c5c57;line-height:1.7}.card p{margin-top:0}.card ul{margin-bottom:0;padding-left:20px}.card li{margin-bottom:7px}.content-title{color:#20201e;margin:50px 0 18px;font-size:26px}.content-copy{white-space:pre-line}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#44443f;background:#f0f0ec;border-radius:999px;padding:7px 11px;font-size:13px}.warning-card{background:#fffbed;border-color:#ebe2ae;padding:24px}.warning-card ul{margin:0;padding-left:20px}.warning-card li{color:#625c38;margin-bottom:8px;line-height:1.6}a{color:#4a3478;word-break:break-word;text-decoration:underline}@media (width<=800px){.app{width:min(100% - 24px,1180px);padding-top:32px}.header h1{letter-spacing:-1px}.form-grid,.strategy-grid,.platform-content{grid-template-columns:1fr}.form-panel{padding:22px}}@media (width<=500px){.platform{flex:auto}.header p{font-size:16px}}.result-actions{gap:10px;margin-top:18px;display:flex}.secondary-button,.copy-button{color:#292927;cursor:pointer;background:#fff;border:1px solid #d8d8d2;border-radius:10px;padding:10px 14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.secondary-button:hover,.copy-button:hover{background:#f4f4f0;border-color:#999990;transform:translateY(-1px)}.secondary-button:disabled{opacity:.5;cursor:wait}.copy-button{margin-top:22px}.primary-action-button{color:#fff;cursor:pointer;background:#20201e;border:none;border-radius:10px;padding:10px 16px;font-weight:650}.primary-action-button:disabled{opacity:.55;cursor:default}.history-section{margin-top:70px}.history-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.history-header h2{color:#20201e;margin:7px 0 0;font-size:30px}.campaign-list{flex-direction:column;gap:14px;display:flex}.campaign-item{background:#fff;border:1px solid #e2e2dd;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;padding:22px 24px;display:flex}.campaign-main{flex:1}.campaign-main h3{color:#20201e;margin:10px 0 8px}.campaign-main p{color:#666660;max-width:750px;margin:0 0 14px;line-height:1.5}.campaign-meta{color:#85857f;align-items:center;gap:12px;font-size:12px;display:flex}.status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-draft{color:#555550;background:#f0f0ed}.status-approved{color:#276436;background:#edf8ef}.status-rejected{color:#9a3333;background:#fff0f0}.campaign-actions{flex-wrap:wrap;gap:8px;display:flex}.approve-button,.reject-button{cursor:pointer;border-radius:9px;padding:9px 13px;font-weight:650}.approve-button{color:#276436;background:#edf8ef;border:1px solid #c9e9d0}.reject-button{color:#943535;background:#fff2f2;border:1px solid #f1cccc}.empty-state{text-align:center;background:#fff;border:1px dashed #d6d6cf;border-radius:16px;padding:45px 25px}.empty-state h3{margin-top:0}.empty-state p{color:#70706a;margin-bottom:0}@media (width<=750px){.campaign-item{flex-direction:column;align-items:flex-start}.campaign-actions{width:100%}}.recommend-button{color:#20201e;cursor:pointer;background:#fff;border:1px solid #20201e;border-radius:10px;width:100%;margin-top:12px;padding:13px 18px;font-weight:700;transition:background .2s,transform .2s}.recommend-button:hover{background:#f1f1ed;transform:translateY(-1px)}.recommend-button:disabled{opacity:.55;cursor:wait}.recommendation-banner{background:#f5f5ef;border:1px solid #ddddcf;border-radius:14px;margin:24px 0;padding:20px 22px}.recommendation-banner strong{margin-bottom:8px;font-size:15px;display:block}.recommendation-banner p{color:#55554f;margin:0;line-height:1.6}.evidence-panel{margin-top:35px}.evidence-heading{margin-bottom:20px}.evidence-heading h2{margin:7px 0}.evidence-heading p{color:#6f6f68;margin:0}.evidence-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.evidence-card{background:#fff;border:1px solid #e0e0da;border-radius:16px;padding:22px}.evidence-card h3{margin-top:0}.evidence-card>p{color:#686862}.evidence-row{align-items:flex-start;gap:9px;margin:12px 0;display:flex}.evidence-row a{line-height:1.45;text-decoration:none}.evidence-row a:hover{text-decoration:underline}.history-evidence-row{border-bottom:1px solid #eeeeea;justify-content:space-between;gap:15px;padding:10px 0;display:flex}.history-evidence-row span{color:#767670}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric{background:#f7f7f3;border-radius:12px;padding:16px}.metric strong{margin-bottom:4px;font-size:25px;display:block}.metric span{color:#777770;font-size:13px}.muted{color:#777770;line-height:1.6}.hypothesis-box{background:#fff;border:1px dashed #d7d5c9;border-radius:16px;margin:16px 0;padding:22px}.hypothesis-box h3{margin-top:0}@media (width<=800px){.evidence-grid{grid-template-columns:1fr}}