diff --git a/web/src/main/resources/static/css/app.css b/web/src/main/resources/static/css/app.css
index 5ea7b4e..ce85729 100644
--- a/web/src/main/resources/static/css/app.css
+++ b/web/src/main/resources/static/css/app.css
@@ -559,6 +559,12 @@ dialog.dlg.dlg-lg .dlg-body { max-height: 88vh; min-height: 62vh; }
 [data-theme="dark"] .tone-positive-text { color: #6ee7b7; }
 [data-theme="dark"] .tone-negative-text { color: #fca5a5; }
 .tone-label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; }
+/* Чекбоксы — в акцентной (бордовой) гамме */
+input[type="checkbox"] { accent-color: var(--c-accent); width: 1rem; height: 1rem; cursor: pointer; flex: 0 0 auto; }
+/* Галочка-«пилюля»: компактная опция с рамкой, подсвечивается при выборе */
+.tone-pill { border: 1px solid var(--c-border); border-radius: var(--radius); padding: 0.4rem 0.7rem; background: var(--c-surface); cursor: pointer; user-select: none; }
+.tone-pill:hover { border-color: var(--c-border-strong); }
+.tone-pill:has(input:checked) { border-color: var(--c-accent); color: var(--c-accent); background: var(--c-accent-soft); }
 .pre-wrap { white-space: pre-wrap; word-break: break-word; }
 
 /* Редактируемая матрица: закреплённый столбец и компактные селекты */
diff --git a/web/src/main/resources/templates/admin/assign-fragment.html b/web/src/main/resources/templates/admin/assign-fragment.html
index 6665ace..fd80b0c 100644
--- a/web/src/main/resources/templates/admin/assign-fragment.html
+++ b/web/src/main/resources/templates/admin/assign-fragment.html
@@ -9,7 +9,7 @@
               th:attr="data-refresh=${refreshUrl}">
             <input type="hidden" name="_csrf" th:value="${csrfToken}">
             <input type="hidden" name="groupIds" th:value="${groupId}">
-            <label class="tone-label"><input type="checkbox" name="force" value="true"> пересоздать заново</label>
+            <label class="tone-label tone-pill"><input type="checkbox" name="force" value="true"> пересоздать заново</label>
             <button class="btn btn-primary" type="submit">Распределить автоматически</button>
         </form>
         <span class="text-sm text-muted" th:text="|Занято вариантов: ${#maps.size(variantUsage)}|">—</span>
diff --git a/web/src/main/resources/templates/admin/group.html b/web/src/main/resources/templates/admin/group.html
index 399cb12..e4c4ad6 100644
--- a/web/src/main/resources/templates/admin/group.html
+++ b/web/src/main/resources/templates/admin/group.html
@@ -342,7 +342,7 @@
     <div class="dlg-body" id="assign-modal-body"></div>
 </dialog>
 
-<script th:src="@{/js/admin-group.js(v='32')}" defer></script>
+<script th:src="@{/js/admin-group.js(v='33')}" defer></script>
 </div>
 </body>
 </html>
diff --git a/web/src/main/resources/templates/admin/lab.html b/web/src/main/resources/templates/admin/lab.html
index 0a59d6d..3274cc4 100644
--- a/web/src/main/resources/templates/admin/lab.html
+++ b/web/src/main/resources/templates/admin/lab.html
@@ -196,7 +196,7 @@
             </dialog>
         </th:block>
     </div>
-    <script th:src="@{/js/admin-lab.js(v='32')}" defer></script>
+    <script th:src="@{/js/admin-lab.js(v='33')}" defer></script>
 </div>
 </body>
 </html>
diff --git a/web/src/main/resources/templates/fragments/base.html b/web/src/main/resources/templates/fragments/base.html
index 1f653a7..cc8b406 100644
--- a/web/src/main/resources/templates/fragments/base.html
+++ b/web/src/main/resources/templates/fragments/base.html
@@ -13,22 +13,22 @@
     <noscript>
         <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     </noscript>
-    <link rel="icon" type="image/svg+xml" th:href="@{/favicon.svg(v='32')}">
+    <link rel="icon" type="image/svg+xml" th:href="@{/favicon.svg(v='33')}">
     <!-- v=4: сброс кэша стилей после редизайна; при изменении css поднимать версию -->
     <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
     <link rel="stylesheet" th:href="@{/css/bootstrap-icons.min.css}">
-        <link rel="stylesheet" th:href="@{/css/app.css(v='32')}">
-    <link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css(v='32')}">
-    <link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css(v='32')}" disabled>
-    <script th:src="@{/js/highlight.min.js(v='32')}" defer></script>
-    <script th:src="@{/js/table-scroll.js(v='32')}" defer></script>
-    <script th:src="@{/js/tablekit.js(v='32')}" defer></script>
+        <link rel="stylesheet" th:href="@{/css/app.css(v='33')}">
+    <link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css(v='33')}">
+    <link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css(v='33')}" disabled>
+    <script th:src="@{/js/highlight.min.js(v='33')}" defer></script>
+    <script th:src="@{/js/table-scroll.js(v='33')}" defer></script>
+    <script th:src="@{/js/tablekit.js(v='33')}" defer></script>
     <script th:src="@{/js/bootstrap.bundle.min.js}" defer></script>
-    <script th:src="@{/js/theme-init.js(v='32')}"></script>
-    <script th:src="@{/js/app.js(v='32')}" defer></script>
-    <script th:src="@{/js/ui-state.js(v='32')}" defer></script>
-    <script th:src="@{/js/md-content.js(v='32')}" defer></script>
-    <script th:src="@{/js/submit-guard.js(v='32')}" defer></script>
+    <script th:src="@{/js/theme-init.js(v='33')}"></script>
+    <script th:src="@{/js/app.js(v='33')}" defer></script>
+    <script th:src="@{/js/ui-state.js(v='33')}" defer></script>
+    <script th:src="@{/js/md-content.js(v='33')}" defer></script>
+    <script th:src="@{/js/submit-guard.js(v='33')}" defer></script>
 </head>
 <body>
 <div class="page d-flex flex-column min-vh-100">
diff --git a/web/src/main/resources/templates/learn/article.html b/web/src/main/resources/templates/learn/article.html
index bb1b0a6..70bfc44 100644
--- a/web/src/main/resources/templates/learn/article.html
+++ b/web/src/main/resources/templates/learn/article.html
@@ -138,7 +138,7 @@
         </div>
 
 
-    <script th:src="@{/js/mdeditor.js(v='32')}" defer></script>
+    <script th:src="@{/js/mdeditor.js(v='33')}" defer></script>
 </div>
 </body>
 </html>
diff --git a/web/src/main/resources/templates/learn/chapter.html b/web/src/main/resources/templates/learn/chapter.html
index a72c62f..903dbf3 100644
--- a/web/src/main/resources/templates/learn/chapter.html
+++ b/web/src/main/resources/templates/learn/chapter.html
@@ -183,7 +183,7 @@
         </div>
     </dialog>
 
-    <script th:src="@{/js/content-sort.js(v='32')}" defer></script>
+    <script th:src="@{/js/content-sort.js(v='33')}" defer></script>
 </div>
 </body>
 </html>
diff --git a/web/src/main/resources/templates/learn/index.html b/web/src/main/resources/templates/learn/index.html
index ad1b7f9..d2776a3 100644
--- a/web/src/main/resources/templates/learn/index.html
+++ b/web/src/main/resources/templates/learn/index.html
@@ -236,8 +236,8 @@
         </div>
     </dialog>
 
-<script th:src="@{/js/mdeditor.js(v='32')}" defer></script>
-<script th:src="@{/js/content-sort.js(v='32')}" defer></script>
+<script th:src="@{/js/mdeditor.js(v='33')}" defer></script>
+<script th:src="@{/js/content-sort.js(v='33')}" defer></script>
 </div>
 </body>
 </html>
diff --git a/web/src/main/resources/templates/learn/section.html b/web/src/main/resources/templates/learn/section.html
index 1a21d32..8beae88 100644
--- a/web/src/main/resources/templates/learn/section.html
+++ b/web/src/main/resources/templates/learn/section.html
@@ -143,7 +143,7 @@
         </div>
     </dialog>
 
-    <script th:src="@{/js/content-sort.js(v='32')}" defer></script>
+    <script th:src="@{/js/content-sort.js(v='33')}" defer></script>
 </div>
 </body>
 </html>
diff --git a/web/src/main/resources/templates/student/lab.html b/web/src/main/resources/templates/student/lab.html
index 20d8e14..d29375d 100644
--- a/web/src/main/resources/templates/student/lab.html
+++ b/web/src/main/resources/templates/student/lab.html
@@ -107,7 +107,7 @@
             <p class="text-sm text-muted">Ожидайте преподавателя с проверкой.</p>
         </div>
     </div>
-<script th:src="@{/js/defense-timer.js(v='32')}" defer></script>
+<script th:src="@{/js/defense-timer.js(v='33')}" defer></script>
 </div>
 </body>
 </html>