The Luminous Dominion of Milvethria

��

mybb@mybb.ru (�� -��) — Tue, 14 Apr 2026 10:57:10 +0300

�� , �� . �� , �� , �� . �� , �� .

�� , �� . �� , �� . � �� .

�� . �� : �� , �� , �� . �� .

�� . �� , �� , � �� . �� , �� , � � �� . �� . �� . �� . �� , �� . �� **�� **.

�� , �� . �� .
� �� , � �� .
� �� , ��, � �� , �� . � � �� .
�� . �� . �� , � �� , �� .

� ��, � �� . � �� . ��, �� .

�� . �� : �� , �� .
� �� , � �� . � ��, �� .

�� , �� . �� . �� , �� : ��, ��, ��... �� , �� . �� , �� .

�� . �� , �� , �� .
� �� , � �� .
� �� , � �� . � �� , �� , �� , � �� , � �� .

�� . �� -�� . �� . �� , �� , ��:
� ��, ��! �� ? �� ?

�� . �� . �� . �� , �� .
� �� , ��, � �� . � �� . �� ?
� �� , � �� , �� .
�� . �� .

�� . �� , �� , �� . �� .
� ��, �� , ��? � �� .
�� . �� , � �� -�� .
� �� , �� , � �� .
� �� , � �� . � �� -�� , ��: � �� , � �� . �� . �� .

�� , � ��-�� . �� , �� . �� , �� , �� .

� � ��, ��, � �� .

�� , �� . �� : � �� , � � ��, �� . � �� , �� .

�� , �� : ��, �� . �� . �� , �� , � � ��, �� . �� , � �� "�� ", �� . �� ... �� , �� .

� ��!

mybb@mybb.ru (�� -��) — Fri, 20 Mar 2026 19:35:28 +0300

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TLDOM: �� 2026</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Marck+Script&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<style>
.tldom-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 10px;
background: transparent;
}

.portal-card {
background: linear-gradient(145deg, #0a1a14, #020806);
border: 2px solid #d4af37;
border-radius: 30px;
width: 420px;
max-width: 100%;
padding: 50px 30px;
text-align: center;
box-shadow: 0 20px 50px rgba(0,0,0,0.8), inset 0 0 30px rgba(212, 175, 55, 0.1);
position: relative;
font-family: 'Playfair Display', serif;
color: #ffffff;
}

.symbol-header {
font-size: 4rem;
margin-bottom: 20px;
display: block;
filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.6));
}

.tldom-title {
font-family: 'Marck Script', cursive;
color: #fde68a;
font-size: 2.5rem;
line-height: 1.2;
margin-bottom: 10px;
}

.subtitle-tldom {
text-transform: uppercase;
letter-spacing: 5px;
font-size: 0.7rem;
color: #d4af37;
margin-bottom: 30px;
font-weight: bold;
opacity: 0.9;
}

.announcement {
border-top: 1px solid rgba(212, 175, 55, 0.3);
border-bottom: 1px solid rgba(212, 175, 55, 0.3);
padding: 25px 0;
margin: 25px 0;
line-height: 1.7;
font-size: 1.1rem;
}

.gold-highlight {
color: #d4af37;
font-weight: bold;
}

.btn-blessing {
background: #d4af37;
color: #0a1a14;
padding: 14px 30px;
border-radius: 40px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-top: 10px;
}

.btn-blessing:hover {
transform: scale(1.05);
background: #fef3c7;
box-shadow: 0 0 25px rgba(212, 175, 55, 0.5);
}

#community-wish {
margin-top: 25px;
color: #fde68a;
font-style: italic;
min-height: 4rem;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.6s ease;
}
</style>
</head>
<body>

<div class="mt-8 text-[10px] opacity-40 uppercase tracking-[2px]">
The Luminous Dominion of Milvethria
</div>
</div>
</div>

function getCommunityWish() {
const display = document.getElementById('community-wish');
const random = tldomWishes[Math.floor(Math.random() * tldomWishes.length)];

display.style.opacity = '0';
setTimeout(() => {
display.innerText = random;
display.style.opacity = '1';
}, 300);
}
</script>
</body>
</html>[/html]

�� Tired Suns

mybb@mybb.ru (�� -��) — Sat, 14 Mar 2026 12:20:35 +0300

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tired Suns | The Luminous Dominion</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@200;400;600&display=swap" rel="stylesheet">
<style>
:root {
--gold: #D4AF37;
--gold-light: #F4E4BC;
--ivory: #FCFBF7;
--dark-stone: #1C1C1C;
}

body {
font-family: 'Montserrat', sans-serif;
background-color: var(--ivory);
color: var(--dark-stone);
scroll-behavior: smooth;
margin: 0;
padding: 0;
}

.font-serif { font-family: 'Playfair Display', serif; }

.gold-gradient {
background: linear-gradient(75deg, #A67C00 0%, #D4AF37 45%, #FFDF00 50%, #D4AF37 55%, #A67C00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% auto;
animation: shine 5s linear infinite;
}

@keyframes shine { to { background-position: 200% center; } }

.ornament {
width: 80px;
height: 1px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
margin: 8px auto;
}

.meta-grid {
background-image: radial-gradient(var(--gold-light) 0.8px, transparent 0.8px);
background-size: 24px 24px;
}

.card-blur {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(12px);
border: 1px solid rgba(212, 175, 55, 0.2);
transition: transform 0.3s ease;
}

.card-blur:hover { transform: translateY(-5px); }

.registry-viewport {
height: 380px;
overflow-y: auto;
padding-right: 15px;
scrollbar-width: thin;
scrollbar-color: var(--gold) transparent;
}

.registry-viewport::-webkit-scrollbar { width: 3px; }
.registry-viewport::-webkit-scrollbar-thumb { background: var(--gold); }

.name-item {
font-size: 0.65rem;
letter-spacing: 0.02em;
padding: 6px;
border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

.bar-fill {
transform-origin: left;
animation: grow 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
}

@keyframes grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }

section { padding-top: 2.5rem; padding-bottom: 2.5rem; }
</style>
</head>
<body>

<nav class="sticky top-0 w-full z-50 bg-white/90 backdrop-blur-md border-b border-gold/10 px-6 py-3 flex justify-between items-center">
<div class="flex items-center gap-2">
<span class="text-xl">☀️</span>
<div class="leading-none">
<p class="text-[8px] tracking-[0.4em] text-gold font-bold uppercase">Tired Suns</p>
<p class="font-serif text-[10px] font-bold italic">Milvethria Dominion</p>
</div>
</div>
<div class="hidden md:flex gap-6 text-[7px] uppercase tracking-[0.2em] font-bold text-stone-500">
<a href="#milvethria" class="hover:text-gold transition">��</a>
<a href="#impact" class="hover:text-gold transition">��</a>
<a href="#registry" class="hover:text-gold transition">��</a>
<a href="#council" class="hover:text-gold transition">��</a>
</div>
</nav>

<header class="flex flex-col justify-center items-center text-center px-6 py-10 bg-white">
<div class="ornament"></div>
<h1 class="text-5xl md:text-7xl font-serif mb-2 gold-gradient">Tired Suns</h1>
<p class="text-[9px] tracking-[0.6em] uppercase text-stone-400 mb-4">The Luminous Dominion of Milvethria</p>
<div class="max-w-xl text-[10px] italic text-stone-500 leading-relaxed px-6">
�� -��, �� .
</div>
<div class="ornament"></div>
</header>

<section id="milvethria" class="px-6 meta-grid bg-stone-50">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-10">
<h2 class="text-2xl font-serif italic mb-2 uppercase tracking-widest">�� </h2>
<div class="w-16 h-px bg-gold/30 mx-auto"></div>
<p class="text-[8px] text-stone-400 uppercase tracking-widest mt-3">�� Tired Suns</p>
</div>

<section id="impact" class="bg-white px-6 border-y border-gold/5">
<div class="max-w-5xl mx-auto">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div class="space-y-6">
<h2 class="text-2xl font-serif italic">�� </h2>

<div class="group">
<div class="flex justify-between items-end mb-1">
<span class="text-[9px] font-bold uppercase tracking-widest text-stone-500">�� </span>
<span class="text-rose-500 font-serif text-sm font-bold">-42%</span>
</div>
<div class="w-full h-1 bg-stone-100 rounded-full"><div class="h-full bg-rose-400 bar-fill" style="width: 42%;"></div></div>
</div>

<div class="p-8 card-blur rounded-[2rem] text-center border border-gold/10">
<div class="text-lg font-serif italic text-gold mb-3">Ŝ(ψ) = ∫ Ψ* Ĥ Ψ dτ</div>
<p class="text-[8px] uppercase tracking-widest text-stone-400 mb-4">�� </p>
<p class="text-[9px] text-stone-500 italic px-4">��: �� Tired Suns �� .</p>
</div>
</div>
</div>
</section>

<section id="registry" class="px-6 bg-stone-50">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-8">
<h2 class="text-2xl font-serif italic">�� Tired Suns</h2>
<p class="text-[8px] text-stone-400 uppercase tracking-[0.4em] mt-2">��, �� </p>
</div>
<div class="bg-white rounded-[2rem] p-8 shadow-sm border border-gold/10">
<div class="registry-viewport" id="registryGrid"></div>
</div>
</div>
</section>

<section id="council" class="px-6 bg-white">
<div class="max-w-6xl mx-auto">
<div class="grid md:grid-cols-2 gap-12 mb-12">
<div class="text-center">
<div class="w-32 h-32 bg-stone-50 rounded-full mx-auto mb-5 shadow-inner flex items-center justify-center text-4xl border border-gold/20">👑</div>
<h3 class="text-xl font-serif">�� -��</h3>
<p class="text-gold font-bold text-[8px] uppercase tracking-widest mb-3">�� • ��-��</p>
<p class="text-[9px] text-stone-400 italic px-10">7 �� . �� Tired Suns.</p>
</div>
<div class="text-center">
<div class="w-32 h-32 bg-stone-50 rounded-full mx-auto mb-5 shadow-inner flex items-center justify-center text-4xl border border-indigo-100">🏛️</div>
<h3 class="text-xl font-serif">�� . ��</h3>
<p class="text-indigo-500 font-bold text-[8px] uppercase tracking-widest mb-3">�� </p>
<p class="text-[9px] text-stone-400 italic px-10">�� . �� .</p>
</div>
</div>

<footer class="py-10 text-center bg-stone-900 text-stone-600 text-[7px] uppercase tracking-[0.6em]">
� 2026 Tired Suns • The Luminous Dominion of Milvethria
</footer>

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>�� Tired Suns</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;600&display=swap" rel="stylesheet">
<style>
/* �� */
html, body {
background-color: #FFFFFF !important;
margin: 0;
padding: 0;
color: #1a1a1a;
font-family: 'Montserrat', sans-serif;
scroll-behavior: smooth;
}

h1, h2, h3 {
font-family: 'Playfair Display', serif;
}

/* �� */
.site-wrapper {
max-width: 1200px;
margin: 0 auto;
background-color: #FFFFFF;
}

.content-block {
background-color: #FFFFFF;
padding: 2rem 0;
}

.quote-box {
border-left: 3px solid #f39c12;
padding-left: 2.5rem;
margin: 3rem 0;
font-style: italic;
}

/* �� , �� */
.divider {
height: 1px;
background-color: #eeeeee;
width: 100%;
margin: 4rem 0;
}

.sun-text {
color: #d35400;
}

.dark-section {
background-color: #111111;
color: #ffffff;
padding: 5rem 2rem;
border-radius: 4px;
}
</style>
</head>
<body class="antialiased">

<div class="site-wrapper px-6 py-16 md:py-24">


<header class="text-center mb-24">
<h1 class="text-5xl md:text-8xl font-bold mb-6 tracking-tight">365 �� </h1>
<p class="text-2xl text-gray-400 font-light italic">�� Tired Suns</p>
<div class="w-40 h-0.5 bg-[#f39c12] mx-auto mt-10"></div>
</header>

<main class="content-block">
<div class="max-w-4xl mx-auto">
<p class="text-2xl leading-relaxed mb-8">
�� ... ��? �� – �� <strong>Tired Suns</strong>. ��, �� ? ��, �� , � �� , �� .
</p>
<p class="text-xl text-gray-600 leading-relaxed">
�� : �� , �� , � �� , �� . �� , �� , �� . �� , �� , ��, �� , �� , �� , �� -�� .
</p>

<div class="quote-box">
<p class="text-4xl text-gray-800">"��, �� !"</p>
</div>
</div>
</main>

<section class="grid md:grid-cols-2 gap-20 items-start mb-24">
<div class="space-y-6">
<h2 class="text-4xl font-semibold sun-text">365 �� </h2>
<p class="text-lg leading-loose text-gray-700">
�� -�� . �� 365 ��, �� , �� , � �� , �� .
</p>
<p class="text-lg leading-loose text-gray-700">
�� -�� , �� . �� – �� , � �� , �� .
</p>
</div>
<div class="space-y-6">
<h2 class="text-4xl font-semibold">�� </h2>
<p class="text-lg leading-loose text-gray-700">
�� -�� , �� . �� -�� , �� . �� , � �� , �� .
</p>
<p class="text-lg leading-loose text-gray-700">
�� , � �� . �� , �� . �� , �� , �� -�� .
</p>
</div>
</section>

<section class="text-center py-20 max-w-5xl mx-auto border-y border-gray-100 mb-24">
<span class="text-7xl block mb-10">☀️</span>
<h2 class="text-3xl md:text-4xl italic font-medium leading-snug mb-10">
�� , �� , �� , �� – �� , �� .
</h2>
<p class="text-xl text-gray-500 max-w-3xl mx-auto">
�� , �� , � ��, �� , �� , �� . �� , �� , �� .
</p>
</section>

<section class="mb-24">
<h2 class="text-5xl font-bold mb-16 sun-text">�� </h2>
<div class="grid md:grid-cols-2 gap-12">
<div class="space-y-4">
<h3 class="text-2xl font-bold">��: ��</h3>
<p class="text-gray-600 italic">�� , �� </p>
<p class="text-lg text-gray-800">
��, �� , �� . �� , �� , �� . �� – �� , �� .
</p>
</div>
<div class="space-y-4">
<h3 class="text-2xl font-bold">��: ��</h3>
<p class="text-gray-600 italic">�� </p>
<p class="text-lg text-gray-800">
�� , �� . �� . �� , �� . �� , �� .
</p>
</div>
</div>
</section>

<section class="dark-section mb-24 text-center">
<h2 class="text-4xl md:text-5xl font-semibold mb-12 text-orange-400">��</h2>
<p class="text-xl mb-12 text-gray-400">�� , �� :</p>
<div class="flex flex-wrap justify-center gap-8 text-xl">
<span class="px-4 border-r border-gray-700 last:border-0">�� </span>
<span class="px-4 border-r border-gray-700 last:border-0">�� </span>
<span class="px-4 border-r border-gray-700 last:border-0 text-white font-bold">�� </span>
<span class="px-4 border-r border-gray-700 last:border-0">�� </span>
</div>
<p class="mt-16 text-3xl font-bold tracking-wide">� ��, ��! </p>
</section>

<footer class="text-center pt-10 pb-20">
<div class="max-w-2xl mx-auto mb-16">
<h3 class="text-3xl font-semibold italic mb-6">�� </h3>
<p class="text-lg text-gray-500 mb-4">
� �� , � �� . �� , �� , �� . �� , �� .
</p>
<p class="text-lg text-gray-500">
�� , � �� .
</p>
</div>
<div class="text-7xl mb-12">🕊️</div>
<p class="text-sm text-gray-300 tracking-[0.5em] uppercase">Tired Suns • 2025-2026</p>
</footer>

</div>

</body>
</html>[/html]

�� . (�� )

mybb@mybb.ru (�� -��) — Mon, 09 Mar 2026 13:54:44 +0300

�� 

(�� )

1. ��

��-�� . �� . �� . � �� . �� . �� . �� .

2. ��

�� . �� : ��!� �� . �� . � �� . �� . �� . �� .
�� : �� . � �� .

3. ��

�� . � �� . �� . �� : �� , � �� .
�� : �� , �� . � �� . �� .
�� : �� . � �� .

4. ��

�� . �� . �� : �� !� �� . �� .
�� . �� . �� . �� . �� .
�� : �� . � �� .

5. ��

�� . �� . �� . �� . �� . �� . �� : �� . �� . �� . �� .
�� : �� . � �� .

6. ��

�� . �� . �� . �� : �� ? ��!�
�� . �� . �� . �� . �� . �� . �� .
�� : �� . � �� .

7. ��

�� . Ÿ �� . �� . �� !
�� . �� . �� . �� . �� .
�� : �� . � �� .

8. ��

�� . �� . �� .
�� . �� . �� . �� , �� . �� .
�� . �� . �� .
�� .

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>��: �� </title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.perspective-1000 {
perspective: 1000px;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
cursor: pointer;
}
.flip-card-inner.is-flipped {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
text-align: center;
border-radius: 1.5rem;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.flip-card-back {
transform: rotateY(180deg);
background-color: #fef3c7; /* Amber 100 */
color: #92400e; /* Amber 800 */
border: 4px solid #f59e0b; /* Amber 500 */
}
.flip-card-front {
background-color: #e0f2fe; /* Sky 100 */
color: #075985; /* Sky 800 */
border: 4px solid #0ea5e9; /* Sky 500 */
}
.card-container {
height: 400px;
width: 100%;
max-width: 500px;
}
body {
background-color: #f8fafc;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
</style>
</head>
<body class="min-h-screen flex flex-col items-center justify-center p-4">

<div class="text-center mb-8">
<h1 class="text-3xl font-bold text-slate-800 mb-2">�� </h1>
<p class="text-slate-600">�� , �� </p>
</div>

<div class="mb-4 text-sm font-semibold text-slate-500 uppercase tracking-wider">
�� <span id="current-index">1</span> �� 25
</div>

<div class="card-container perspective-1000 mb-8">
<div id="card-inner" class="flip-card-inner w-full h-full relative">
<div class="flip-card-front">
<p id="front-text" class="text-2xl md:text-3xl font-bold"></p>
</div>
<div class="flip-card-back">
<p id="back-text" class="text-xl md:text-2xl font-medium"></p>
</div>
</div>
</div>

<div class="flex gap-4">
<button id="prev-btn" class="px-6 py-3 bg-white border-2 border-slate-200 rounded-xl hover:bg-slate-50 transition-colors font-bold text-slate-700 disabled:opacity-50 disabled:cursor-not-allowed">
← ��
</button>
<button id="next-btn" class="px-6 py-3 bg-sky-600 text-white rounded-xl hover:bg-sky-700 shadow-lg shadow-sky-200 transition-all font-bold">
�� →
</button>
</div>

let currentIndex = 0;
const cardInner = document.getElementById('card-inner');
const frontText = document.getElementById('front-text');
const backText = document.getElementById('back-text');
const currentIndexDisplay = document.getElementById('current-index');
const prevBtn = document.getElementById('prev-btn');
const nextBtn = document.getElementById('next-btn');

cardInner.addEventListener('click', () => {
cardInner.classList.toggle('is-flipped');
});

nextBtn.addEventListener('click', () => {
if (currentIndex < flashcards.length - 1) {
currentIndex++;
} else {
currentIndex = 0;
}
updateCard();
});

prevBtn.addEventListener('click', () => {
if (currentIndex > 0) {
currentIndex--;
updateCard();
}
});

// Initialize first card
updateCard();
</script>
</body>
</html>[/html]

�� !

mybb@mybb.ru (�� -��) — Sun, 08 Mar 2026 23:28:20 +0300

�� 

��, �� , �� . �� :

× ��: �� .

× ��: �� .

× �� : �� .

��, �� . �� , �� .

�� : ��

mybb@mybb.ru (�� -��) — Sun, 08 Mar 2026 23:19:22 +0300

�� . �� . �� .

��

�� , �� . �� :

�� : �� .
�� : �� , �� .
�� : �� , �� .

��

�� -�� . �� :

��-�� : �� .
�� (��): �� .
�� : �� .

��

�� . �� :

× �� -�� (��).
× �� , �� .
× �� .

��: �� . �� , �� .

��

mybb@mybb.ru (�� -��) — Sun, 08 Mar 2026 23:02:07 +0300

[html]

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>�� </title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Nunito', sans-serif;
overflow-x: hidden;
}
.chart-container {
position: relative;
width: 100%;
max-width: 450px;
margin-left: auto;
margin-right: auto;
height: 280px;
max-height: 350px;
}
@media (min-width: 768px) {
.chart-container { height: 320px; }
}
.nav-btn {
transition: all 0.3s ease;
}
.nav-btn.active {
background-color: #0f766e;
color: white;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transform: translateY(-2px);
}
.nav-btn:not(.active):hover {
background-color: #e7e5e4;
transform: translateY(-1px);
}
.fade-in {
animation: fadeIn 0.4s ease-in forwards;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
</head>
<body class="bg-stone-50 text-stone-800 min-h-screen flex flex-col">

<div class="lg:col-span-8">
<div class="bg-white rounded-3xl p-6 sm:p-10 shadow-lg border border-stone-100 h-full flex flex-col" id="content-display">

<div class="flex flex-col xl:flex-row gap-10">
<div class="flex-1">
<div class="flex items-center gap-4 mb-2">
<span id="display-icon" class="text-5xl">🧩</span>
<h2 id="display-title" class="text-3xl font-extrabold text-teal-800">�� -��?</h2>
</div>
<p id="display-subtitle" class="text-stone-400 font-semibold uppercase tracking-wider text-sm mb-6">Applied Behavior Analysis</p>

<div class="mb-8">
<h4 class="text-lg font-bold text-amber-600 mb-2 flex items-center gap-2">
<span>💡</span> ��
</h4>
<p id="display-desc" class="text-stone-700 leading-relaxed text-lg bg-amber-50 rounded-2xl p-5 border border-amber-100">
�� , �� . �� (��, �� ) �� . �� (��, �� ).
</p>
</div>

</div>
</div>
</section>
</main>

const titleEl = document.getElementById('display-title');
const iconEl = document.getElementById('display-icon');
const subtitleEl = document.getElementById('display-subtitle');
const descEl = document.getElementById('display-desc');
const goalsEl = document.getElementById('display-goals');
const quoteEl = document.getElementById('display-quote');
const buttons = document.querySelectorAll('.nav-btn');
const contentContainer = document.getElementById('content-display');

let radarChart = null;

function initChart() {
const ctx = document.getElementById('impactChart').getContext('2d');

Chart.defaults.font.family = "'Nunito', sans-serif";
Chart.defaults.color = '#78716c';

radarChart = new Chart(ctx, {
type: 'radar',
data: {
labels: ['��', '��', '�� ', '�� '],
datasets: [{
label: '�� ',
data: dictionaryData.aba.chartData,
backgroundColor: 'rgba(15, 118, 110, 0.2)',
borderColor: 'rgba(15, 118, 110, 1)',
pointBackgroundColor: 'rgba(217, 119, 6, 1)',
pointBorderColor: '#fff',
pointHoverBackgroundColor: '#fff',
pointHoverBorderColor: 'rgba(217, 119, 6, 1)',
borderWidth: 2,
pointRadius: 4,
pointHoverRadius: 6
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
r: {
angleLines: { color: 'rgba(0, 0, 0, 0.05)' },
grid: { color: 'rgba(0, 0, 0, 0.05)' },
pointLabels: {
font: { size: 11, weight: 'bold' },
color: '#57534e'
},
ticks: {
display: false,
max: 10,
min: 0,
stepSize: 2
}
}
},
plugins: {
legend: { display: false },
tooltip: {
backgroundColor: 'rgba(28, 25, 23, 0.9)',
padding: 10,
cornerRadius: 8,
displayColors: false,
callbacks: {
label: function(context) {
let label = context.dataset.label || '';
if (label) { label += ': '; }
if (context.parsed.y !== null) {
let val = context.raw;
if(val > 7) return '�� ';
if(val > 4) return '�� ';
return '�� / ��';
}
return '';
}
}
}
}
}
});
}

function updateContent(id) {
const data = dictionaryData[id];

contentContainer.classList.remove('fade-in');
void contentContainer.offsetWidth;
contentContainer.classList.add('fade-in');

titleEl.textContent = data.title;
iconEl.textContent = data.icon;
subtitleEl.textContent = data.subtitle;
descEl.textContent = data.desc;
quoteEl.textContent = data.quote;

goalsEl.innerHTML = '';
data.goals.forEach(goal => {
const li = document.createElement('li');
li.className = 'flex items-start gap-3';
li.innerHTML = `<span class="text-teal-500 mt-1">✔</span><span>${goal}</span>`;
goalsEl.appendChild(li);
});

radarChart.data.datasets[0].data = data.chartData;
radarChart.update();
}

buttons.forEach(btn => {
btn.addEventListener('click', (e) => {
const target = e.currentTarget;
if(target.classList.contains('active')) return;

buttons.forEach(b => {
b.classList.remove('active');
b.classList.add('bg-white', 'text-stone-700');
b.classList.remove('bg-teal-700', 'text-white');
});

target.classList.add('active');

updateContent(target.getAttribute('data-id'));
});
});

document.addEventListener('DOMContentLoaded', initChart);

</script>
</body>
</html>[/html]

��

mybb@mybb.ru (�� -��) — Sun, 08 Mar 2026 22:54:12 +0300

�� , �� , �� : �� !�.

1. ��

�� : �� . ��, �� , � �� .
�� : �� . �� .
�� : �� . �� , �� .

2. ��

�� : �� , �� . �� .
*�� : �� , �� , �� .
*�� : �� , �� , � �� .

3. ��

�� : �� , �� .
�� : �� (��, �� ), �� .

4. ��

�� : ��, �� (��-�� -��) � �� .
�� : �� (��, ��, �� ) �� .

5. ��

�� .
�� : �� .

�� : ��

mybb@mybb.ru (�� -��) — Sun, 08 Mar 2026 15:40:53 +0300

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>�� : �� </title>

<script src="https://cdn.tailwindcss.com"></script>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
.chart-container {
position: relative;
width: 100%;
max-width: 400px;
margin: 0 auto;
height: 300px;
}
.tab-active {
border-bottom: 3px solid #1e3a8a;
color: #1e3a8a;
background-color: #f8fafc;
}
.doctor-active {
background-color: #1e3a8a !important;
color: white !important;
}
/* �� */
body { overflow-x: hidden; }
</style>




</head>
<body class="bg-slate-50 text-slate-800">

<section class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12">
<div class="bg-white p-6 rounded-xl border border-slate-200 shadow-sm">
<h2 class="text-xl font-bold text-blue-800 mb-2">�� </h2>
<p class="text-sm text-slate-500 mb-4">�� </p>
<p class="text-slate-700">�� **�� **. �� .</p>
</div>
<div class="bg-white p-6 rounded-xl border border-slate-200 shadow-sm">
<h2 class="text-xl font-bold text-indigo-800 mb-2">�� </h2>
<p class="text-sm text-slate-500 mb-4">��-�� </p>
<p class="text-slate-700">�� **�� , �� **. �� .</p>
</div>
</section>

<section class="bg-white rounded-xl border border-slate-200 shadow-sm mb-12 overflow-hidden">
<div class="p-6 border-b border-slate-100">
<h2 class="text-2xl font-bold">1. �� </h2>
<p class="text-slate-600 mt-1">�� , �� .</p>
</div>
<div class="flex flex-col md:flex-row">
<div class="md:w-1/3 bg-slate-50 border-r border-slate-100">
<button onclick="showDoc('ped')" class="doc-btn w-full text-left px-6 py-4 border-b border-slate-200 hover:bg-slate-100 transition doctor-active" id="btn-ped">��</button>
<button onclick="showDoc('nev')" class="doc-btn w-full text-left px-6 py-4 border-b border-slate-200 hover:bg-slate-100 transition" id="btn-nev">��</button>
<button onclick="showDoc('psi')" class="doc-btn w-full text-left px-6 py-4 border-b border-slate-200 hover:bg-slate-100 transition" id="btn-psi">��</button>
<button onclick="showDoc('lor')" class="doc-btn w-full text-left px-6 py-4 border-b border-slate-200 hover:bg-slate-100 transition" id="btn-lor">�� / ��</button>
<button onclick="showDoc('gen')" class="doc-btn w-full text-left px-6 py-4 hover:bg-slate-100 transition" id="btn-gen">��</button>
</div>
<div class="md:w-2/3 p-8 flex items-center bg-white min-h-[200px]">
<div id="doc-desc" class="text-lg leading-relaxed text-slate-700">
<strong>��:</strong> �� . �� , �� №088/� �� .
</div>
</div>
</div>
</section>

<section class="bg-white rounded-xl border border-slate-200 shadow-sm mb-12">
<div class="flex border-b border-slate-200">
<button onclick="switchTab('pmpk')" id="tab-pmpk-btn" class="flex-1 py-4 font-bold text-center tab-active">�� 1: �� (��)</button>
<button onclick="switchTab('mse')" id="tab-mse-btn" class="flex-1 py-4 font-bold text-center text-slate-400">�� 2: �� (��)</button>
</div>
<div class="p-8">
<div id="tab-pmpk-content">
<h3 class="text-xl font-bold mb-4">�� </h3>
<ul class="space-y-4 text-slate-700">
<li class="flex items-start"><span class="bg-blue-100 text-blue-800 font-bold px-2 py-1 rounded mr-3 text-sm">��</span> �� (��).</li>
<li class="flex items-start"><span class="bg-blue-100 text-blue-800 font-bold px-2 py-1 rounded mr-3 text-sm">��</span> ��, �� , �� .</li>
</ul>
</div>
<div id="tab-mse-content" class="hidden">
<h3 class="text-xl font-bold mb-4">�� </h3>
<ul class="space-y-4 text-slate-700">
<li class="flex items-start"><span class="bg-indigo-100 text-indigo-800 font-bold px-2 py-1 rounded mr-3 text-sm">��</span> �� -�� .</li>
<li class="flex items-start"><span class="bg-indigo-100 text-indigo-800 font-bold px-2 py-1 rounded mr-3 text-sm">��</span> �� , �� .</li>
</ul>
</div>
</div>
</section>

<section class="bg-white rounded-xl border border-slate-200 shadow-sm p-8 mb-12">
<h2 class="text-2xl font-bold mb-6">3. �� </h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-10 items-center">
<div class="space-y-3" id="doc-list">
<label class="flex items-center p-3 bg-slate-50 rounded-lg cursor-pointer hover:bg-slate-100 transition">
<input type="checkbox" class="doc-check w-5 h-5 mr-3" onchange="updateChart()">
<span>�� </span>
</label>
<label class="flex items-center p-3 bg-slate-50 rounded-lg cursor-pointer hover:bg-slate-100 transition">
<input type="checkbox" class="doc-check w-5 h-5 mr-3" onchange="updateChart()">
<span>�� (�� + ��)</span>
</label>
<label class="flex items-center p-3 bg-slate-50 rounded-lg cursor-pointer hover:bg-slate-100 transition">
<input type="checkbox" class="doc-check w-5 h-5 mr-3" onchange="updateChart()">
<span>�� (��)</span>
</label>
<label class="flex items-center p-3 bg-slate-50 rounded-lg cursor-pointer hover:bg-slate-100 transition">
<input type="checkbox" class="doc-check w-5 h-5 mr-3" onchange="updateChart()">
<span>�� (�� №8)</span>
</label>
<label class="flex items-center p-3 bg-slate-50 rounded-lg cursor-pointer hover:bg-slate-100 transition">
<input type="checkbox" class="doc-check w-5 h-5 mr-3" onchange="updateChart()">
<span>�� /��</span>
</label>
</div>
<div class="flex flex-col items-center">
<div class="chart-container">
<canvas id="statusChart"></canvas>
</div>
<p id="chart-label" class="mt-4 font-bold text-slate-500 uppercase tracking-widest text-sm">��: 0 / 5</p>
</div>
</div>
</section>

</div>

// ��
function showDoc(id) {
document.getElementById('doc-desc').innerHTML = docs[id];
document.querySelectorAll('.doc-btn').forEach(btn => btn.classList.remove('doctor-active'));
document.getElementById('btn-' + id).classList.add('doctor-active');
}

// ��
function switchTab(type) {
const pBtn = document.getElementById('tab-pmpk-btn');
const mBtn = document.getElementById('tab-mse-btn');
const pCont = document.getElementById('tab-pmpk-content');
const mCont = document.getElementById('tab-mse-content');

if(type === 'pmpk') {
pBtn.classList.add('tab-active'); pBtn.classList.remove('text-slate-400');
mBtn.classList.remove('tab-active'); mBtn.classList.add('text-slate-400');
pCont.classList.remove('hidden');
mCont.classList.add('hidden');
} else {
mBtn.classList.add('tab-active'); mBtn.classList.remove('text-slate-400');
pBtn.classList.remove('tab-active'); pBtn.classList.add('text-slate-400');
mCont.classList.remove('hidden');
pCont.classList.add('hidden');
}
}

// ��
let myChart;
function initChart() {
const ctx = document.getElementById('statusChart').getContext('2d');
myChart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: ['��', '��'],
datasets: [{
data: [0, 5],
backgroundColor: ['#1e3a8a', '#e2e8f0'],
borderWidth: 0
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
cutout: '80%',
plugins: { legend: { display: false } }
}
});
}

// ��
window.onload = function() {
initChart();
};
</script>
</body>
</html>[/html]

��

mybb@mybb.ru (�� -��) — Sun, 08 Mar 2026 10:50:00 +0300

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>� 8 ��!</title>
<style>
body {
background: #fff5f8;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.card {
background: white;
max-width: 700px;
padding: 40px;
margin: 20px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(255, 182, 193, 0.4);
border-top: 8px solid #ff8fa3;
line-height: 1.6;
color: #444;
}
h1 {
color: #d81b60;
text-align: center;
font-size: 2.2em;
margin-bottom: 30px;
}
p {
margin-bottom: 15px;
text-indent: 20px;
text-align: justify;
}
.highlight {
color: #d81b60;
font-weight: bold;
}
.footer {
text-align: center;
margin-top: 30px;
font-style: italic;
font-size: 1.2em;
color: #ff5c8d;
}
.decoration {
text-align: center;
font-size: 24px;
margin: 10px 0;
}
</style>
</head>
<body>

</body>
</html>[/html]

�� !

mybb@mybb.ru (�� ) — Mon, 02 Mar 2026 19:30:04 +0300

��! �� !

� �� !

mybb@mybb.ru (�� -��) — Sat, 14 Feb 2026 17:32:57 +0300

�� , �� , �� , �� , �� . � �� , �� , � �� . �� , �� . �� , �� , �� . �� , �� , � �� . � �� , �� , �� , �� .�� 14 ��. �� , �� , �� . �� , �� 14 �� , �� . �� , �� , �� , �� . �� , �� , �� . � ��, �� , �� . � �� !��, �� . �� , �� , �� . �� . �� , �� . �� , �� , � �� . �� , �� . �� , �� , � �� .

�� Tired Suns!

mybb@mybb.ru (�� ) — Fri, 13 Feb 2026 14:10:50 +0300

��

mybb@mybb.ru (�� -��) — Mon, 09 Feb 2026 21:18:16 +0300

1. ��
- ��: ��.
- �� : �� .
- �� :
- �� Lumos.
- �� 10% �� .
- �� : �� , �� .

2. ��
- ��: ��.
- �� : �� 3 500 �� Lumos.
- �� :
- �� .
- �� :
- �� .
- �� .

3. ��
- ��: ��.
- �� : �� , �� : �� /�� .
- �� :
- �� Lumos.
- �� -�� .
- �� :
- �� .
- �� 25% �� .

4. ��
- ��: ��.
- �� : �� .
- �� :
- �� .
- �� .

�� : ��

mybb@mybb.ru (�� -��) — Thu, 05 Feb 2026 20:00:56 +0300

�� (�):

�� ♡

� �� 💞

��

mybb@mybb.ru (�� -��) — Fri, 30 Jan 2026 14:32:03 +0300

�� !

Tired Suns: ��

mybb@mybb.ru (�� -��) — Mon, 26 Jan 2026 23:50:22 +0300

1. ��: ��, ��

�� . �� , �� , �� . �� , �� , �� , �� , � �� .

�� : �� , �� , � �� , � �� . �� . �� Tired Suns �� ; �� . �� , � �� , �� , �� , � �� .

�� : �� , �� .

2. �� : ��

�� , �� . �� : �� , �� . �� .

* �� : � �� , �� : �� , �� . �� , � �� , �� .
* �� : �� , � ��. �� : �� , �� . �� , �� .
* �� : �� . �� : �� , �� .

�� : �� , �� .

3. ��-��

�� Tired Suns �� , �� . �� (��) � �� . � ��, �� , �� , �� .

�� :

1. �� : �� (�� ), �� .
2. �� : �� , �� .
3. ��-�� : �� Theory of Mind� (�� ) �� -�� . �� Tired Suns �� , �� .

�� (��, ��, ��) �� . �� , �� .

�� : �� , �� , �� .

4. �� TLDOM: ��

The Luminous Dominion of Milvethria (TLDOM) � �� . �� , �� , �� . �� , TLDOM �� , �� .

* �� : TLDOM �� , �� . �� , � �� -��, �� .
* �� (Safe Harbor): �� WCAG, �� . �� , � �� . �� .

�� : �� , �� TLDOM, �� , � �� , �� .

5. �� : ��

�� Tired Suns � �� . �� , �� , �� .

* �� : �� -�� , �� 7-�� , �� .
* �� : �� (�� ), �� .
* �� : �� ; �� , �� .

�� : � ��, �� , �� . �� . �� (��, �� , �� ) �� . �� TLDOM.

�� : �� .

6. �� : ��

�� Tired Suns � �� , � �� . �� .

5 �� :

1. �� : �� . �� .
2. �� : ��-�� . �� , �� .
3. �� : �� , �� , �� Tired Suns �� .
4. �� : �� , �� .
5. �� : �� .

�� : �� , �� , �� .

7. ��: ��

Tired Suns � �� . �� , �� . �� , �� , � �� . �� , �� .

�� . �� , �� , �� , �� , �� . �� : �� , �� .

Tired Suns: ��

mybb@mybb.ru (�� -��) — Fri, 23 Jan 2026 02:39:59 +0300

� �� 7 ��. �� , �� , �� -�� . �� .

�� , �� . �� , � �� Tired Suns � �� . �� , �� , �� , �� , � �� , �� .

� �� : Tired Suns �� .

�� . ��, �� . �� . �� "�� "

�� ?

1. �� . � �� , �� : ��, �� , �� . �� , � ��, �� , �� .

2. �� , � �� . �� , �� (��, ��, �� ) �� . �� .

3. �� . � �� -��. � ��, �� . �� : �� , �� .

��

mybb@mybb.ru (�� -��) — Sat, 17 Jan 2026 13:03:19 +0300

��:

�� 

�� Milvethria. �� .

1. �� 

��: �� , �� .
��: �� , �� .

2. �� 

��: �� .
��: �� .

3. �� 

��: �� TLDOM.

� ��,
�� Tired Suns

��,.� �� ?

mybb@mybb.ru (�� -��) — Sat, 17 Jan 2026 12:56:05 +0300

�� � �� , �� The Luminous Dominion of Milvethria.

�� , � �� . �� , �� .

�� :

� �� : �� .
� �� : �� .
� �� : �� , �� .
� ��: �� .

�� ?

�� . �� , �� , �� , �� .

�� Lumos:

� �� (5000 Lumos): �� , �� .

� �� (3500 Lumos): �� (�� ) �� . �� , �� .

� �� 25% � ��-�� (2000 Lumos): �� 25% �� .

� �� 10% � ��-�� (750 Lumos): �� 10% �� .

� �� (4000 Lumos): �� -��, �� , �� .

� �� (2500 Lumos): �� , �� , �� . (� ��)

�� The Luminous Dominion of Milvethria

mybb@mybb.ru (�� ) — Wed, 31 Dec 2025 15:02:26 +0300

�� , �� . �� .

�� . �� , �� .

�� TLDOM.

� ��
��

� �� !

mybb@mybb.ru (�� -��) — Wed, 31 Dec 2025 14:55:53 +0300

�� TLDOM!

�� 2026 ��.

�� Milvethria � �� -��. �� Tired Suns.

�� , �� .

�� TLDOM.

��

mybb@mybb.ru (�� -��) — Sun, 14 Dec 2025 22:29:59 +0300

��
��
��

�� : ��

mybb@mybb.ru (�� -��) — Fri, 24 Oct 2025 21:22:39 +0300

�� The Luminous Dominion of Milvethria � Tired Suns: ��

�� The Luminous Dominion of Milvethria!

�� , �� .

� �� , �� , �� , �� , � �� TLDOM, �� �� .

�� , �� , �� Tired Suns �� , � � ��-�� . �� , �� . �� , � �� .

�� ?

�� , �� TLDOM � �� Tired Suns. � �� , �� , �� . �� , �� , �� -�� .

�� ?

�� : �� . �� , �� Tired Suns � TLDOM.

� �� , �� , �� , �� -��.
� �� . �� , �� , � �� .

�� . �� . ��, �� .

� �� ,
�� The Luminous Dominion of Milvethria � Tired Suns.

��

mybb@mybb.ru (�� -��) — Thu, 23 Oct 2025 21:46:52 +0300

��, ��! �� , �� !

�� 🥕. �� !

�� : "� �� !"

�� : "�� !"

�� ? 🤔
�� . �� , � �� ! 😄 �� .

�� !

�� : �� ?

��: �� ? �� ?

�� -�� : �� !

�� , �� ! �� ? 🌟

The Luminous Dominion of Milvethria

����� ���� ������

� ����������!

���� ������� Tired Suns

������� ��������� ������. (���� ������)

��� �����!

��������� �� ������: ��� ����� ����� �������

������������� ������� ���������� ����������

����������� ����� ���� ��� ����� � ��� � ���

��� ��� ���������: ��� � ������������

������������� ������� ����

���� �������!

� ���� ������� ���������!

������� Tired Suns!

������������� ���� ���������

������������ ��������: ������� ������ �������

�����

Tired Suns: �������� ��������� � ����������� ��������� � ���� ���

Tired Suns: ������ ���� ������ ��������� ���� ������� �������

����� ������������� �� ����

�����,.� ��� ����?

��������� ��������� � �������� The Luminous Dominion of Milvethria

� ����� �����!

�����

������ ��������� �� �������: ������������ � ������������� ��

������ ����� � ����������

��

� ��!

�� Tired Suns

�� . (�� )

�� !

�� : ��

��

��

�� : ��

��

�� !

� �� !

�� Tired Suns!

��

�� : ��

��

Tired Suns: ��

Tired Suns: ��

��

��,.� �� ?

�� The Luminous Dominion of Milvethria

� �� !

��

�� : ��

��