diff --git a/rsconcept/frontend/src/app/global-tooltips.tsx b/rsconcept/frontend/src/app/global-tooltips.tsx
index e618c2c6..84f278d9 100644
--- a/rsconcept/frontend/src/app/global-tooltips.tsx
+++ b/rsconcept/frontend/src/app/global-tooltips.tsx
@@ -10,7 +10,7 @@ export const GlobalTooltips = () => {
         layer='z-topmost'
         place='bottom-start'
         offset={24}
-        className='max-w-80 break-words rounded-lg! select-none'
+        className='max-w-80 wrap-break-word rounded-lg! select-none'
       />
       <Tooltip
         float
diff --git a/rsconcept/frontend/src/components/info-error.tsx b/rsconcept/frontend/src/components/info-error.tsx
index 39e190d6..52475ed4 100644
--- a/rsconcept/frontend/src/components/info-error.tsx
+++ b/rsconcept/frontend/src/components/info-error.tsx
@@ -34,7 +34,7 @@ export function DescribeError({ error }: { error: ErrorData }) {
         <p>
           <b>Message:</b> {error.message}
         </p>
-        {error.stack && <pre className='whitespace-pre-wrap p-2 overflow-x-auto break-words'>{error.stack}</pre>}
+        {error.stack && <pre className='whitespace-pre-wrap p-2 overflow-x-auto wrap-break-word'>{error.stack}</pre>}
       </div>
     );
   }
diff --git a/rsconcept/frontend/src/components/modal/modal-view.tsx b/rsconcept/frontend/src/components/modal/modal-view.tsx
index d59eb5c2..7ced8254 100644
--- a/rsconcept/frontend/src/components/modal/modal-view.tsx
+++ b/rsconcept/frontend/src/components/modal/modal-view.tsx
@@ -73,7 +73,7 @@ export function ModalView({
         <div
           className={cn(
             '@container/modal',
-            'max-w-[100svw] xs:max-w-[calc(100svw-2rem)]',
+            'max-w-svw xs:max-w-[calc(100svw-2rem)]',
             'overscroll-contain outline-hidden',
             overflowVisible ? 'overflow-visible' : 'overflow-auto',
             fullScreen ? 'max-h-[calc(100svh-2rem)]' : 'max-h-[calc(100svh-8rem)]',
diff --git a/rsconcept/frontend/src/features/ai/components/prompt-input/mark-variables.tsx b/rsconcept/frontend/src/features/ai/components/prompt-input/mark-variables.tsx
index df2c211a..a5398e9a 100644
--- a/rsconcept/frontend/src/features/ai/components/prompt-input/mark-variables.tsx
+++ b/rsconcept/frontend/src/features/ai/components/prompt-input/mark-variables.tsx
@@ -7,7 +7,7 @@ const invalidVarMark = Decoration.mark({
 });
 
 const validMark = Decoration.mark({
-  class: 'text-(--acc-fg-purple)'
+  class: 'text-accent-purple-foreground'
 });
 
 class MarkVariablesPlugin {
diff --git a/rsconcept/frontend/src/features/help/items/ui/help-formula-tree.tsx b/rsconcept/frontend/src/features/help/items/ui/help-formula-tree.tsx
index b6ec0fe7..27a0c26e 100644
--- a/rsconcept/frontend/src/features/help/items/ui/help-formula-tree.tsx
+++ b/rsconcept/frontend/src/features/help/items/ui/help-formula-tree.tsx
@@ -13,23 +13,23 @@ export function HelpFormulaTree() {
 
       <h2>Виды узлов</h2>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-green)' />
+        <span className='cc-sample-color bg-accent-green' />
         объявление идентификатора
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-teal)' />
+        <span className='cc-sample-color bg-accent-teal' />
         глобальный идентификатор
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-orange)' />
+        <span className='cc-sample-color bg-accent-orange' />
         логическое выражение
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-blue)' />
+        <span className='cc-sample-color bg-accent-blue' />
         типизированное выражение
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-red)' />
+        <span className='cc-sample-color bg-accent-red' />
         присвоение и итерация
       </p>
       <p className='m-0'>
diff --git a/rsconcept/frontend/src/features/help/items/ui/help-library.tsx b/rsconcept/frontend/src/features/help/items/ui/help-library.tsx
index 9913c3ba..06566895 100644
--- a/rsconcept/frontend/src/features/help/items/ui/help-library.tsx
+++ b/rsconcept/frontend/src/features/help/items/ui/help-library.tsx
@@ -34,7 +34,7 @@ export function HelpLibrary() {
 
       <ul>
         <li>
-          <span className='text-(--acc-fg-green)'>зеленым текстом</span> выделены ОСС
+          <span className='text-accent-green-foreground'>зеленым текстом</span> выделены ОСС
         </li>
         <li>
           <kbd>клик</kbd> по строке - переход к редактированию схемы
diff --git a/rsconcept/frontend/src/features/rsform/components/info-constituenta.tsx b/rsconcept/frontend/src/features/rsform/components/info-constituenta.tsx
index b6a6c5de..ec2d6b24 100644
--- a/rsconcept/frontend/src/features/rsform/components/info-constituenta.tsx
+++ b/rsconcept/frontend/src/features/rsform/components/info-constituenta.tsx
@@ -11,7 +11,7 @@ interface InfoConstituentaProps extends React.ComponentProps<'div'> {
 
 export function InfoConstituenta({ data, className, ...restProps }: InfoConstituentaProps) {
   return (
-    <div className={cn('dense min-w-60 break-words', className)} {...restProps}>
+    <div className={cn('dense min-w-60 wrap-break-word', className)} {...restProps}>
       <h2 className='cursor-default' title={data.is_inherited ? ' наследник' : undefined}>
         {data.alias}
         {data.is_inherited ? <IconChild size='1rem' className='inline-icon align-middle ml-1 mt-1' /> : null}
diff --git a/rsconcept/frontend/src/features/rsform/components/term-graph/schemas-guide.tsx b/rsconcept/frontend/src/features/rsform/components/term-graph/schemas-guide.tsx
index 33f05260..5b92b38b 100644
--- a/rsconcept/frontend/src/features/rsform/components/term-graph/schemas-guide.tsx
+++ b/rsconcept/frontend/src/features/rsform/components/term-graph/schemas-guide.tsx
@@ -44,7 +44,7 @@ export function SchemasGuide({ schema }: SchemasGuideProps) {
       <Tooltip
         anchorSelect={`#${globalIDs.graph_schemas}`}
         place='right'
-        className='z-topmost grid max-w-100 break-words text-base'
+        className='z-topmost grid max-w-100 wrap-break-word text-base'
       >
         <div className='inline-flex items-center gap-2'>
           <span className='w-3 h-3 border rounded-full' style={{ backgroundColor: colorBgSchemas(0) }} />
diff --git a/rsconcept/frontend/src/features/rsform/components/term-graph/toolbar-focused-cst.tsx b/rsconcept/frontend/src/features/rsform/components/term-graph/toolbar-focused-cst.tsx
index 71c6761c..2477a322 100644
--- a/rsconcept/frontend/src/features/rsform/components/term-graph/toolbar-focused-cst.tsx
+++ b/rsconcept/frontend/src/features/rsform/components/term-graph/toolbar-focused-cst.tsx
@@ -21,7 +21,7 @@ export function ToolbarFocusedCst({ focus, resetFocus, className }: ToolbarFocus
 
   return (
     <div className={cn('flex items-center cc-icons', className)}>
-      <div className='w-31 mt-0.5 text-right select-none text-(--acc-fg-purple)'>
+      <div className='w-31 mt-0.5 text-right select-none text-accent-purple-foreground'>
         <span>
           Фокус
           <b> {focus.alias} </b>
diff --git a/rsconcept/frontend/src/features/rsform/components/view-constituents/table-side-constituents.tsx b/rsconcept/frontend/src/features/rsform/components/view-constituents/table-side-constituents.tsx
index 77adef6a..9ef0001f 100644
--- a/rsconcept/frontend/src/features/rsform/components/view-constituents/table-side-constituents.tsx
+++ b/rsconcept/frontend/src/features/rsform/components/view-constituents/table-side-constituents.tsx
@@ -73,7 +73,7 @@ export function TableSideConstituents({
       cell: props => (
         <TextContent
           noTooltip
-          className={props.getValue().includes('×') ? 'break-all' : 'break-words'}
+          className={props.getValue().includes('×') ? 'break-all' : 'wrap-break-word'}
           text={props.getValue()}
           maxLength={DESCRIPTION_MAX_SYMBOLS}
         />
diff --git a/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx b/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx
index ab93b9ca..ed98109b 100644
--- a/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx
+++ b/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx
@@ -78,7 +78,7 @@ export function TabArguments({ schema }: TabArgumentsProps) {
     argumentsHelper.accessor(arg => arg.typification, {
       id: 'type',
       enableHiding: true,
-      cell: props => <div className='w-36 text-sm break-words'>{props.getValue()}</div>
+      cell: props => <div className='w-36 text-sm wrap-break-word'>{props.getValue()}</div>
     }),
     argumentsHelper.display({
       id: 'actions',
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/table-rslist.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/table-rslist.tsx
index f9b637a7..88fd1a99 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/table-rslist.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/table-rslist.tsx
@@ -75,7 +75,7 @@ export function TableRSList({
       minSize: 150,
       maxSize: 200,
       cell: props => (
-        <div className='w-40 text-xs break-words'>{truncateToSymbol(props.getValue(), TYPIFICATION_TRUNCATE)}</div>
+        <div className='w-40 text-xs wrap-break-word'>{truncateToSymbol(props.getValue(), TYPIFICATION_TRUNCATE)}</div>
       )
     }),
     columnHelper.accessor(cst => cst.term_resolved || cst.term_raw || '', {