3333333333333
333333333
Сообщений 1 страница 20 из 20
Поделиться22026-05-04 01:21:53
проверка сообщений
Поделиться32026-05-04 22:11:31
проверка сообщений
Поделиться42026-05-04 22:11:40
код
Поделиться52026-05-04 22:22:28
fffffffffff
Поделиться62026-05-05 03:34:57
чикава:


Код:https://i.imgur.com/S6KEOYz.png https://i.imgur.com/RhSdUX9.png https://i.imgur.com/cADhqlI.png https://i.imgur.com/9iIPi4y.png https://i.imgur.com/W9TVdQ7.png https://i.imgur.com/pxNM1Uo.png https://i.imgur.com/0VC9ihm.png https://i.imgur.com/0VaUMdE.png https://i.imgur.com/tvtUjs6.png https://i.imgur.com/vGp3k1Z.png https://i.imgur.com/lTjWu9e.png https://i.imgur.com/tfMswqq.png https://i.imgur.com/68XYf6Z.png https://i.imgur.com/gqI36XM.png https://i.imgur.com/DIZhSSe.png https://i.imgur.com/c0vjMUF.png https://i.imgur.com/mm8Sutx.png https://i.imgur.com/gJBVSId.png https://i.imgur.com/hWrisFt.png https://i.imgur.com/GqPblrP.png https://i.imgur.com/DvQXYvc.png https://i.imgur.com/bGcPEHg.png https://i.imgur.com/am64YHH.png https://i.imgur.com/1tBfl3u.png https://i.imgur.com/JZ7oKOM.png https://i.imgur.com/R9jw5MH.png https://i.imgur.com/cVWH02W.png https://i.imgur.com/QhPMFU5.png https://i.imgur.com/9U7XAKM.png https://i.imgur.com/eciNNHc.png https://i.imgur.com/sBTIwQt.png https://i.imgur.com/hj7L6sU.png https://i.imgur.com/MyeRImA.png https://i.imgur.com/nBjv4zO.png https://i.imgur.com/ZZ1xyA3.png https://i.imgur.com/wY8kzRa.png https://i.imgur.com/Wk9SRCO.png https://i.imgur.com/JdPvPyS.png https://i.imgur.com/Qe8T0KT.png https://i.imgur.com/mEoL7Nb.png https://i.imgur.com/r3SC9eB.png https://i.imgur.com/CHvX9cW.png https://i.imgur.com/9XNUoKf.png https://i.imgur.com/TKmmbkA.png https://i.imgur.com/LcABm6q.png https://i.imgur.com/CSJCxEs.png https://i.imgur.com/pw5Xfg3.png https://i.imgur.com/pTO31fa.png https://i.imgur.com/ASqvW4N.png https://i.imgur.com/ctwPaPp.png https://i.imgur.com/ssbeWz3.png https://i.imgur.com/cafeGOJ.png https://i.imgur.com/M5RikAA.png https://i.imgur.com/XVX7ga3.png https://i.imgur.com/HRjSQOr.png https://i.imgur.com/FDsxlOK.png https://i.imgur.com/aU3Ntef.png https://i.imgur.com/5WBX4DK.png https://i.imgur.com/G1DO9uE.png https://i.imgur.com/YbbSv85.png https://i.imgur.com/04IYP9Q.png https://i.imgur.com/mpNuqwl.png https://i.imgur.com/G0S4b1e.png https://i.imgur.com/9Tc8oes.png https://i.imgur.com/R36OWy6.png https://i.imgur.com/2rnb6dQ.png https://i.imgur.com/bJmE4YZ.png
рандом:


Код:https://i.imgur.com/Cr8mKC1.gif https://i.imgur.com/cPhT1Bj.gif https://i.imgur.com/2UWLboT.gif https://i.imgur.com/3OB3fU8.gif https://i.imgur.com/Y5c0JU3.gif https://i.imgur.com/3uhn8Hl.gif https://i.imgur.com/3BVpym2.gif https://i.imgur.com/ABNeLdm.gif https://i.imgur.com/WXH8pru.gif https://i.imgur.com/0T4UgAq.gif https://i.imgur.com/d7vaPXC.gif https://i.imgur.com/i7qiUJv.gif https://i.imgur.com/pEo4xjF.gif https://i.imgur.com/qq4FPJr.gif https://i.imgur.com/xZR2VBL.gif https://i.imgur.com/HWa1yGl.gif https://i.imgur.com/oZVVSls.gif https://i.imgur.com/8LqB4rs.gif https://i.imgur.com/r75igkK.gif https://i.imgur.com/FSrZMQ2.png https://i.imgur.com/vZWWdVB.png https://i.imgur.com/CPKJwk3.png https://i.imgur.com/8tSSoNv.png https://i.imgur.com/FvBTYnI.png https://i.imgur.com/JZJoRWi.png https://i.imgur.com/NuQSCYs.png https://i.imgur.com/w6DMdL2.png https://i.imgur.com/hzpdAhZ.png https://i.imgur.com/tiCW9pa.png https://i.imgur.com/o5GRlcz.png https://i.imgur.com/9Y2lPa5.png https://i.imgur.com/0bynYoz.png https://i.imgur.com/HrvrMhx.png
Поделиться72026-05-05 04:20:47
киси:


Код:https://i.imgur.com/43OJqLm.gif https://i.imgur.com/AuR6nq0.gif https://i.imgur.com/a1F5Y6V.gif https://i.imgur.com/cOK05J2.gif https://i.imgur.com/TYdKpbe.gif https://i.imgur.com/rLLoBsA.gif https://i.imgur.com/5zO7ibM.gif https://i.imgur.com/LwhWA6O.gif https://i.imgur.com/9atHBQw.gif https://i.imgur.com/34B5Cj4.gif https://i.imgur.com/uI55GFE.gif https://i.imgur.com/W3gDXHX.gif https://i.imgur.com/cyZfHkc.gif https://i.imgur.com/BCMFgY7.gif https://i.imgur.com/NBD6mAj.gif https://i.imgur.com/81dxyLL.gif https://i.imgur.com/O8DftgQ.gif https://i.imgur.com/rRfV79u.gif https://i.imgur.com/8nAgvn5.gif https://i.imgur.com/5NLf5Ld.gif https://i.imgur.com/FGiccDS.gif https://i.imgur.com/HnLvu1h.gif https://i.imgur.com/S0BoJ4r.gif https://i.imgur.com/hIyS4FT.gif https://i.imgur.com/A3yvWeQ.gif https://i.imgur.com/XlyA16A.gif https://i.imgur.com/W0Ilne5.gif https://i.imgur.com/UuOGTq3.gif https://i.imgur.com/PpojBy8.gif https://i.imgur.com/lN0MO3u.gif https://i.imgur.com/clIpKLc.gif
ещё киси:

Код:https://i.imgur.com/ohL9nZC.png https://i.imgur.com/B9q7EX9.png https://i.imgur.com/VA9JwXh.png https://i.imgur.com/Dm9BIEo.png https://i.imgur.com/BoS4MWF.png https://i.imgur.com/VOPGQKW.png https://i.imgur.com/4ITN1t2.png https://i.imgur.com/oEXgWeQ.png https://i.imgur.com/CZvzznB.png https://i.imgur.com/FZXci0w.png https://i.imgur.com/NET85pw.png https://i.imgur.com/BxQIKyZ.png https://i.imgur.com/JTXTQPX.png https://i.imgur.com/WUTDpDt.png https://i.imgur.com/m2JuU1q.png https://i.imgur.com/JoSomz2.png https://i.imgur.com/A0830wr.png https://i.imgur.com/VCQFgzo.png https://i.imgur.com/LYF0564.png https://i.imgur.com/lgkOKP6.png https://i.imgur.com/vxfXrbD.png https://i.imgur.com/NXE3S0l.png https://i.imgur.com/TFEGKtE.png https://i.imgur.com/3af3CMF.png https://i.imgur.com/QvNEBlG.png https://i.imgur.com/dNOD1XI.png https://i.imgur.com/kOIIcJP.png https://i.imgur.com/WraHxhC.png https://i.imgur.com/DVJzsCB.png https://i.imgur.com/bbQcVIL.png https://i.imgur.com/zRPiJvw.png https://i.imgur.com/IeDNtTP.png https://i.imgur.com/JHjUC54.png https://i.imgur.com/tmqLqDw.png https://i.imgur.com/7zumpEC.png https://i.imgur.com/J56Krap.png https://i.imgur.com/H5MT6zB.png https://i.imgur.com/RqvkuYh.png https://i.imgur.com/nUtjpPM.png https://i.imgur.com/cJs21gC.png
пепе:

Код:https://i.imgur.com/m2Oee19.png https://i.imgur.com/MbvMJeg.png https://i.imgur.com/bsrm8uu.png https://i.imgur.com/0A2zRVO.png https://i.imgur.com/dBmuZf4.png https://i.imgur.com/gdW46Gr.png https://i.imgur.com/rZFNz2Q.png https://i.imgur.com/jzDRdJJ.png https://i.imgur.com/58w91kj.png https://i.imgur.com/zp4flyF.png https://i.imgur.com/9fscSRd.png https://i.imgur.com/Yh30FKo.png https://i.imgur.com/C7x606R.png https://i.imgur.com/f1kWUBj.png https://i.imgur.com/HQJMSdk.png https://i.imgur.com/nIin4Lo.png https://i.imgur.com/P49pHL8.png https://i.imgur.com/VGUacEt.png https://i.imgur.com/Cgaf7JO.png https://i.imgur.com/upN7COi.png https://i.imgur.com/X9dl1om.png https://i.imgur.com/JMy7bZ6.png https://i.imgur.com/d0F5WMe.png https://i.imgur.com/67obLLr.png https://i.imgur.com/Hym3LmB.png https://i.imgur.com/eo2YHNx.png https://i.imgur.com/bFc6pzW.png https://i.imgur.com/xb141Cp.png https://i.imgur.com/AXn1uzR.png https://i.imgur.com/VhekhTv.png https://i.imgur.com/ANkfyc2.png https://i.imgur.com/o3q1nzt.png https://i.imgur.com/SYBbWUP.png https://i.imgur.com/nsDqXC4.png https://i.imgur.com/dWuT9Bu.png https://i.imgur.com/lAKkiSu.png https://i.imgur.com/T8w7Crp.png https://i.imgur.com/HQu6cX7.png https://i.imgur.com/YuHmVqV.png https://i.imgur.com/zqT2TEi.png
Поделиться82026-05-05 10:49:29
описание подфорумов
Sie will einfach tanzen, nächtelang tanzen mit Fremden und Bekannten, es kommt nicht drauf an
Bier kommt in Sekundenschnelle frischgezapft ich will dein Margarita nicht, ich will dein Caipirinha nicht
Ich hab von auf Bier auf ein ganzes Meer Durst und wenn ich wegen Saufen irgendwann sterbe mein Durst bleibt für immer auf der Erde
Ich wache auf, denk' an Bier und habe Durst schon als Baby, säugte ich bei Mama Bier aus der Brust, Papa gab mir den Sixpack in die Schultüte
Ich klaue es und sauf' es weg wenn du mir nicht sagst, wo ihr hier Bier habt, wenn ich nicht in jeder Kralle gleich vier hab'
Поделиться92026-05-05 15:18:47
гостевая чек
добро пожаловать на пенную пивную вечеринку!!
— реал-лайф, германия, берлин, 21+
— за гостями/неопределившимися/думающими/"мне просто спросить"/для друзей и родственников внешность держим на сутки;
— за зарегистрированными пользователями - до открытия, с обязательным сообщением раз в сутки;
— действует акция: раздаём бесплатно 5 твинков в одни руки.
Поделиться122026-05-10 16:03:41
[icon]https://i.pinimg.com/736x/a4/d7/1d/a4d71dc2171811dc878b3914cc3787c3.jpg[/icon]
Поделиться152026-05-13 05:19:50
ghjdthf
Поделиться162026-05-13 05:21:24
ghjdthfggggggggggggg
Поделиться172026-05-13 05:21:39
fffffffffffffffffffffffffffffffffffff
Поделиться182026-05-16 15:04:38
[hideprofile][html]<style>
.fb-wheel-label {
position: absolute;
left: 50%;
top: 50%;
z-index: 6;
width: 90px;
height: 38px;
transform:
rotate(calc(var(--i) * 25.714deg + 12.857deg))
translateY(-150px);
transform-origin: 0 0;
pointer-events: none;
}
.fb-wheel-label span {
display: block;
width: 90px;
transform:
translateX(-50%)
rotate(90deg);
font: 700 9px/11px var(--font1);
color: #6f5349;
text-align: center;
text-transform: lowercase;
}
.fb-wheel-wrap {
width: 760px;
margin: 0 auto;
padding: 35px 45px;
border-radius: 24px;
background: linear-gradient(180deg, #f6f0eb 0%, #efe5dd 100%);
border: 1px solid #dbc9bc;
display: flex;
gap: 34px;
align-items: center;
position: relative;
box-sizing: border-box;
}
/* левая записка */
.fb-wheel-note{
width:190px;
flex-shrink:0;
}
.fb-bear {
width: 170px;
height: 170px;
margin-bottom: 14px;
margin-left: -32px;
border-radius: 16px;
/* background: #fff; */
/* border: 1px solid #dccdc0; */
/* box-shadow: 0 4px 12px rgba(0, 0, 0, .05); */
background-image: url(https://upforme.ru/uploads/001c/b5/cb/2/863773.png);
background-size: cover;
background-position: center;
}
.fb-note-title {
font-family: var(--font1);
font-size: 33px;
font-style: normal;
color: #6e4036;
margin-bottom: 18px;
line-height: 27px;
font-weight: 600;
}
.fb-note-text{
font-size:12px;
line-height:170%;
color:#7d6a61;
}
/* колесо */
.fb-wheel-area{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
gap:18px;
}
.fb-wheel{
width:420px;
height:420px;
border-radius:50%;
position:relative;
border:14px solid #8b5a4f;
box-shadow:
0 10px 30px rgba(0,0,0,.08),
inset 0 0 0 7px #f8f2ed;
transition: transform 5s cubic-bezier(.17,.67,.16,1);
overflow:hidden;
}
/* сектора */
.fb-wheel:before{
content:"";
position:absolute;
inset:0;
border-radius:50%;
background:
repeating-conic-gradient(
#f6eee8 0deg 25.714deg,
#ead8cc 25.714deg 51.428deg
);
}
.fb-wheel-center{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:95px;
height:95px;
border-radius:50%;
background:#8b5a4f;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-family:'Times New Roman';
font-style:italic;
font-size:28px;
z-index:4;
border:6px solid #f6eee8;
}
/* текст на секторах */
.fb-wheel-sector{
position:absolute;
width:50%;
height:50%;
left:50%;
top:50%;
transform-origin:0% 0%;
z-index:5;
pointer-events:none;
}
.fb-wheel-sector span{
position:absolute;
left:58px;
top:22px;
width:120px;
font-size:11px;
line-height:140%;
text-align:center;
color:#6f5349;
font-weight:700;
transform:
rotate(90deg);
font-family: var(--font1);
}
/* стрелка */
.fb-wheel-pointer{
width:0;
height:0;
border-left:18px solid transparent;
border-right:18px solid transparent;
border-top:38px solid #8b5a4f;
position:absolute;
top:-8px;
z-index:20;
}
/* кнопка */
.fb-spin-btn{
border:none;
cursor:pointer;
width:230px;
height:58px;
border-radius:18px;
background:#7d3f35;
color:#fff;
font-size:16px;
font-weight:700;
transition:.25s;
box-shadow:0 8px 18px rgba(125,63,53,.18);
}
.fb-spin-btn:hover{
transform:translateY(-2px);
}
.fb-spin-btn:disabled{
opacity:.55;
cursor:default;
}
/* результат */
.fb-wheel-result{
min-height:24px;
font-size:14px;
color:#7a5d52;
text-align:center;
}
/* плашка */
.fb-wheel-denied{
margin-top:8px;
padding:12px 16px;
border-radius:14px;
background:#fff4f1;
border:1px dashed #d3aaa0;
color:#9b5f53;
font-size:13px;
}
</style><div class="fb-wheel-wrap">
<div class="fb-wheel-note">
<div class="fb-bear"></div>
<div class="fb-note-title">колесо удачи</div>
<div class="fb-note-text">
крутите барабан и забирайте подарочки от пивной.<br>
одна попытка в одни руки ♡
</div>
</div>
<div class="fb-wheel-area">
<div class="fb-wheel-pointer"></div>
<div class="fb-wheel" id="fbWheel">
<div class="fb-wheel-label" style="--i:0"><span>50<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:1"><span>марка на<br>спасение</span></div>
<div class="fb-wheel-label" style="--i:2"><span>100<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:3"><span>150<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:4"><span>удвоение<br>деняк</span></div>
<div class="fb-wheel-label" style="--i:5"><span>100<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:6"><span>250<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:7"><span>индивидуальное<br>оформление</span></div>
<div class="fb-wheel-label" style="--i:8"><span>50<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:9"><span>500<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:10"><span>выкуп<br>внешности</span></div>
<div class="fb-wheel-label" style="--i:11"><span>250<br>крышек</span></div>
<div class="fb-wheel-label" style="--i:12"><span>бесплатный<br>комплект</span></div>
<div class="fb-wheel-label" style="--i:13"><span>повезет<br>в другой раз</span>
</div>
<div class="fb-wheel-center">bier</div>
</div>
<button class="fb-spin-btn" id="fbSpin">
вращайте барабан
</button>
<div class="fb-wheel-result" id="fbResult"></div>
</div>
</div>
[/html]
Поделиться192026-06-02 00:30:03
[hideprofile]
[html]<div class="daily-tracker" style="max-width: 750px; margin: 30px auto; padding: 25px; background: var(--pun-bg); border: var(--border-1); border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.12); font-family: var(--font1), system-ui, sans-serif; color: var(--text); position: relative;">
<!-- Header блока в стиле форума -->
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px;">
<div style="display: flex; align-items: center; gap: 12px;">
<span style="font-size: 28px;"></span>
<h2 style="margin: 0; font-size: 24px; font-weight: 700; color: var(--acent); letter-spacing: -0.5px;">28-дневные дейлики</h2>
</div>
<div style="display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
<div style="font-size: 15px; color: var(--ls-text-2);">
Пн–Пт — простая отметка<br>
<span style="color: var(--acent);">Сб–Вс — задания + ссылки</span>
</div>
<!-- Общий прогресс-бар -->
<div style="min-width: 210px;">
<div style="display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 4px; color: var(--text);">
<span id="progress-text">0 / 28 дней</span>
<span id="progress-percent">0%</span>
</div>
<div style="height: 8px; background: var(--light-2); border-radius: 9999px; overflow: hidden;">
<div id="progress-bar" style="height: 100%; width: 0%; background: linear-gradient(90deg, var(--acent), #e8b89c); transition: width 0.4s ease;"></div>
</div>
</div>
<button onclick="resetTracker()" style="background: var(--light-2); color: var(--text); border: var(--border-1); border-radius: 9999px; padding: 6px 16px; font-size: 13px; cursor: pointer; transition: all 0.2s;">Сбросить всё</button>
</div>
</div>
<!-- Неделя 1 -->
<div class="week" style="background: var(--sec-bg); border: var(--border-1); border-radius: 16px; padding: 18px; margin-bottom: 22px;">
<h3 style="margin: 0 0 14px 0; font-size: 18px; color: var(--acent); display: flex; align-items: center; gap: 8px;">
<span></span> Неделя 1 <span style="font-size: 14px; color: var(--ls-text-2); font-weight: normal;">(дни 1–7)</span>
</h3>
<div class="days" style="display: flex; gap: 10px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px;">
<!-- Пн 1 -->
<div class="day weekday" data-day="1" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПН</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">01</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<!-- Вт 2 -->
<div class="day weekday" data-day="2" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">02</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<!-- Ср 3 -->
<div class="day weekday" data-day="3" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СР</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">03</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<!-- Чт 4 -->
<div class="day weekday" data-day="4" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ЧТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">04</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<!-- Пт 5 -->
<div class="day weekday" data-day="5" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">05</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<!-- Сб 6 -->
<div class="day weekend" data-day="6" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СБ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">06</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
<!-- Вс 7 -->
<div class="day weekend" data-day="7" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВС</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">07</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
</div>
</div>
<!-- Неделя 2 -->
<div class="week" style="background: var(--sec-bg); border: var(--border-1); border-radius: 16px; padding: 18px; margin-bottom: 22px;">
<h3 style="margin: 0 0 14px 0; font-size: 18px; color: var(--acent); display: flex; align-items: center; gap: 8px;">
<span></span> Неделя 2 <span style="font-size: 14px; color: var(--ls-text-2); font-weight: normal;">(дни 8–14)</span>
</h3>
<div class="days" style="display: flex; gap: 10px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px;">
<div class="day weekday" data-day="8" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПН</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">08</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="9" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">09</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="10" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СР</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">10</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="11" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ЧТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">11</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="12" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">12</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekend" data-day="13" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СБ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">13</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
<div class="day weekend" data-day="14" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВС</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">14</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
</div>
</div>
<!-- Неделя 3 (аналогично, сокращённо для примера, но полностью) -->
<div class="week" style="background: var(--sec-bg); border: var(--border-1); border-radius: 16px; padding: 18px; margin-bottom: 22px;">
<h3 style="margin: 0 0 14px 0; font-size: 18px; color: var(--acent); display: flex; align-items: center; gap: 8px;">
<span></span> Неделя 3 <span style="font-size: 14px; color: var(--ls-text-2); font-weight: normal;">(дни 15–21)</span>
</h3>
<div class="days" style="display: flex; gap: 10px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px;">
<!-- Пн–Пт 15-19 (аналогичные weekday карточки, data-day="15" и т.д.) -->
<div class="day weekday" data-day="15" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПН</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">15</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="16" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">16</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="17" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СР</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">17</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="18" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ЧТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">18</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="19" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">19</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<!-- Сб 20 и Вс 21 (weekend) -->
<div class="day weekend" data-day="20" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СБ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">20</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
<div class="day weekend" data-day="21" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВС</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">21</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
</div>
</div>
<!-- Неделя 4 -->
<div class="week" style="background: var(--sec-bg); border: var(--border-1); border-radius: 16px; padding: 18px;">
<h3 style="margin: 0 0 14px 0; font-size: 18px; color: var(--acent); display: flex; align-items: center; gap: 8px;">
<span></span> Неделя 4 <span style="font-size: 14px; color: var(--ls-text-2); font-weight: normal;">(дни 22–28)</span>
</h3>
<div class="days" style="display: flex; gap: 10px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px;">
<!-- Пн–Пт 22-26 -->
<div class="day weekday" data-day="22" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПН</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">22</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="23" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">23</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="24" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СР</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">24</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="25" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ЧТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">25</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<div class="day weekday" data-day="26" style="flex: 0 0 68px; min-height: 122px; background: var(--three-bg); border: var(--border-1); border-radius: 14px; padding: 10px 6px; text-align: center; transition: all 0.3s;">
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ПТ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1; margin: 4px 0 8px;">26</div>
<label style="cursor: pointer; display: block; margin: 0 auto; width: 42px; height: 42px; background: #fff; border: 3px solid var(--light); border-radius: 50%; position: relative; transition: all 0.3s;">
<input type="checkbox" class="day-check" style="opacity: 0; position: absolute;">
<span class="checkmark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 24px; color: #fff; transition: all 0.3s;">✓</span>
</label>
</div>
<!-- Сб 27 и Вс 28 -->
<div class="day weekend" data-day="27" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">СБ</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">27</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
<div class="day weekend" data-day="28" style="flex: 0 0 155px; min-height: 200px; background: var(--three-bg); border: var(--border-1); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 13px; font-weight: 600; color: var(--acent);">ВС</div>
<div style="font-size: 26px; font-weight: 700; line-height: 1;">28</div>
</div>
<span style="font-size: 22px;"></span>
</div>
<textarea class="progress-text" placeholder="Что выполнил(а)? Задание..." rows="4" style="flex: 1; resize: vertical; background: var(--light-2); border: var(--border-1); border-radius: 10px; padding: 10px; font-size: 14px; font-family: inherit; line-height: 1.4;"></textarea>
<div style="font-size: 13px; color: var(--ls-text-2);">Ссылка:</div>
<input type="text" class="link-input" placeholder="https://..." style="background: var(--light-2); border: var(--border-1); border-radius: 8px; padding: 8px 10px; font-size: 14px;">
</div>
</div>
</div>
<div style="text-align: center; margin-top: 20px; font-size: 13px; color: var(--ls-text-2); opacity: 0.8;">
Прогресс сохраняется в твоём браузере • Можно скопировать весь блок и использовать в своих постах
</div>
</div>
<style>
/* Основные стили — полностью на переменных форума */
.daily-tracker .day.completed {
background: #f0e6d8 !important; /* светлый */
border-color: var(--acent) !important;
}
.night .daily-tracker .day.completed {
background: #4a3f35 !important; /* тёмный */
}
.daily-tracker label:hover {
border-color: var(--acent) !important;
transform: scale(1.05);
}
.daily-tracker input[type="checkbox"]:checked + .checkmark {
transform: translate(-50%, -50%) scale(1) !important;
background: var(--acent);
border-radius: 50%;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.daily-tracker .weekend textarea:focus,
.daily-tracker .weekend input:focus {
outline: none;
border-color: var(--acent);
box-shadow: 0 0 0 3px rgba(191, 56, 42, 0.15);
}
/* Скролл для мобильных (если форум на мобильных) */
.daily-tracker .days::-webkit-scrollbar {
height: 6px;
}
.daily-tracker .days::-webkit-scrollbar-thumb {
background: var(--acent);
border-radius: 10px;
}
</style>
<script>
// Полная интерактивность + localStorage (работает в любом браузере)
function initTracker() {
const tracker = JSON.parse(localStorage.getItem('dailyTracker28')) || {};
// Восстанавливаем все дни
document.querySelectorAll('.day').forEach(day => {
const dayNum = day.dataset.day;
const data = tracker[dayNum] || {};
// Чекбоксы (для всех дней)
const checkbox = day.querySelector('.day-check');
if (checkbox) {
checkbox.checked = !!data.checked;
if (data.checked) day.classList.add('completed');
checkbox.addEventListener('change', () => {
tracker[dayNum] = tracker[dayNum] || {};
tracker[dayNum].checked = checkbox.checked;
if (checkbox.checked) day.classList.add('completed');
else day.classList.remove('completed');
localStorage.setItem('dailyTracker28', JSON.stringify(tracker));
updateProgress();
});
}
// Текст и ссылки только для weekend
const textarea = day.querySelector('.progress-text');
const linkInput = day.querySelector('.link-input');
if (textarea) {
textarea.value = data.progress || '';
textarea.addEventListener('input', () => {
tracker[dayNum] = tracker[dayNum] || {};
tracker[dayNum].progress = textarea.value;
localStorage.setItem('dailyTracker28', JSON.stringify(tracker));
});
}
if (linkInput) {
linkInput.value = data.link || '';
linkInput.addEventListener('input', () => {
tracker[dayNum] = tracker[dayNum] || {};
tracker[dayNum].link = linkInput.value;
localStorage.setItem('dailyTracker28', JSON.stringify(tracker));
});
}
});
updateProgress();
}
function updateProgress() {
let completed = 0;
document.querySelectorAll('.day-check').forEach(ch => {
if (ch.checked) completed++;
});
const percent = Math.round((completed / 28) * 100);
document.getElementById('progress-text').textContent = `${completed} / 28 дней`;
document.getElementById('progress-percent').textContent = `${percent}%`;
document.getElementById('progress-bar').style.width = `${percent}%`;
}
function resetTracker() {
if (confirm('Сбросить ВЕСЬ прогресс 28-дневки?')) {
localStorage.removeItem('dailyTracker28');
location.reload();
}
}
// Запуск при загрузке
window.addEventListener('load', initTracker);
</script>[/html]









