[html]<div style="max-width:700px; margin:30px auto; border:2px solid #555; border-radius:12px; padding:24px; background:#6f3531; color:#fff; box-shadow:0 8px 25px rgba(0,0,0,0.6);">

    <div style="font-size:24px; text-align:center; margin-bottom:22px; font-weight:bold; color:#ffd700;">
        Калькулятор постов
    </div>

    <!-— Монеты на профиле -->
    <div style="margin-bottom:20px; max-width:260px;">
        <input type="number" id="start" placeholder="Монеты на профиле" style="width:100%; padding:11px; background:#3f1f1d; color:#fff; border:1px solid #777; border-radius:8px;">
    </div>

    <!-— Бонусы -->
    <div style="margin-bottom:20px; background:#3f1f1d; padding:14px; border-radius:8px;">
        <label style="display:block; margin-bottom:6px;"><input type="checkbox" id="epComplete"> Завершённый эпизод (+300)</label>
        <label style="display:block; margin-bottom:6px;"><input type="checkbox" id="epigraph"> Эпиграф (+15)</label>
        <label style="display:block;"><input type="checkbox" id="openEp"> Открытие эпизода (+15)</label>
    </div>

    <!-— Посты -->
    <div style="margin-bottom:20px;">
        <div style="background:#3f1f1d; padding:14px; border-radius:8px; margin-bottom:12px;">
            <b>Пост 1</b><br>
            <textarea id="p1" rows="3" style="width:100%; margin:8px 0; background:#2c1614; color:white; border:1px solid #666; border-radius:6px; resize:vertical;"></textarea>
            <input type="text" id="l1" placeholder="Ссылка на пост" style="width:100%; padding:8px; background:#2c1614; color:#fff; border:1px solid #666; border-radius:6px;">
            <div style="margin-top:8px; font-size:14px;">
                <label><input type="checkbox" id="d1"> x2 (в сутки)</label>
                <label style="margin-left:15px;"><input type="checkbox" id="t1"> x2 (10-й пост)</label>
            </div>
        </div>

        <div style="background:#3f1f1d; padding:14px; border-radius:8px; margin-bottom:12px;">
            <b>Пост 2</b><br>
            <textarea id="p2" rows="3" style="width:100%; margin:8px 0; background:#2c1614; color:white; border:1px solid #666; border-radius:6px; resize:vertical;"></textarea>
            <input type="text" id="l2" placeholder="Ссылка на пост" style="width:100%; padding:8px; background:#2c1614; color:#fff; border:1px solid #666; border-radius:6px;">
            <div style="margin-top:8px; font-size:14px;">
                <label><input type="checkbox" id="d2"> x2 (в сутки)</label>
                <label style="margin-left:15px;"><input type="checkbox" id="t2"> x2 (10-й пост)</label>
            </div>
        </div>

        <div style="background:#3f1f1d; padding:14px; border-radius:8px; margin-bottom:12px;">
            <b>Пост 3</b><br>
            <textarea id="p3" rows="3" style="width:100%; margin:8px 0; background:#2c1614; color:white; border:1px solid #666; border-radius:6px; resize:vertical;"></textarea>
            <input type="text" id="l3" placeholder="Ссылка на пост" style="width:100%; padding:8px; background:#2c1614; color:#fff; border:1px solid #666; border-radius:6px;">
            <div style="margin-top:8px; font-size:14px;">
                <label><input type="checkbox" id="d3"> x2 (в сутки)</label>
                <label style="margin-left:15px;"><input type="checkbox" id="t3"> x2 (10-й пост)</label>
            </div>
        </div>

        <div style="background:#3f1f1d; padding:14px; border-radius:8px;">
            <b>Пост 4</b><br>
            <textarea id="p4" rows="3" style="width:100%; margin:8px 0; background:#2c1614; color:white; border:1px solid #666; border-radius:6px; resize:vertical;"></textarea>
            <input type="text" id="l4" placeholder="Ссылка на пост" style="width:100%; padding:8px; background:#2c1614; color:#fff; border:1px solid #666; border-radius:6px;">
            <div style="margin-top:8px; font-size:14px;">
                <label><input type="checkbox" id="d4"> x2 (в сутки)</label>
                <label style="margin-left:15px;"><input type="checkbox" id="t4"> x2 (10-й пост)</label>
            </div>
        </div>
    </div>

    <button onclick="let s=parseInt(document.getElementById('start').value)||0; let epC=document.getElementById('epComplete').checked?300:0; let epG=document.getElementById('epigraph').checked?15:0; let openE=document.getElementById('openEp').checked?15:0; let t=0; let o=`Монет в профиле: ${s}\nЭпиграф: ${epG?'+15':'нет'}\nОткрытие эпизода: ${openE?'+15':'нет'}\nЗавершённый эпизод: ${epC?'+300':'нет'}\n\nПОСТЫ:\n`; for(let i=1;i<=4;i++){ let len=document.getElementById('p'+i).value.trim().length; let pl=document.getElementById('l'+i).value.trim(); let day=document.getElementById('d'+i).checked; let ten=document.getElementById('t'+i).checked; let c=0; if(len>0){ c=50; if(len>4000)c+=Math.floor((len-4000)/1000)*15; if(day)c*=2; if(ten)c*=2; } t+=c; o+=`Пост ${i} (${len} симв.)`; if(pl)o+=' — '+pl; if(day)o+=' • x2 сутки'; if(ten)o+=' • x2 10-й'; o+=` → ${c}\n`; } o+=`\n━━━━━━━━ ИТОГО ━━━━━━━━\nС постов: ${t}\nБонусы: +${epC+epG+openE}\nВсего: ${s+t+epC+epG+openE} монет`; document.getElementById('result').innerText=o; document.getElementById('result').style.display='block';"
        style="width:100%; padding:16px; background:#8b4a46; color:white; font-weight:bold; border:none; border-radius:8px; font-size:17px; cursor:pointer;">
        Посчитать всё
    </button>

    <div id="result" style="display:none; margin-top:24px; padding:20px; background:#3f1f1d; border-radius:8px; white-space:pre-wrap; line-height:1.6; font-size:15.2px; border:1px solid #664444;"></div>
</div>[/html]