/*
Theme Name: IB Research Lab
Theme URI: https://ibresearchlab.com
Author: Isaías Blanco
Author URI: https://ibresearchlab.com
Description: Kūkan-Ha Framework - AI Engine Optimization (AIEO) & Minimalist indie publishing theme.
Version: 1.0.0
Text Domain: ibrl
*/

/* ==========================================================================
   1. IMPORTACIÓN TIPOGRÁFICA (La voz de Kūkan-Ha)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&family=Fira+Code:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;900&display=swap');

/* ==========================================================================
   2. VARIABLES RAÍZ (Wabi-Sabi - Materiales Puros)
   ========================================================================== */
:root {
    --color-ink: #09090b;    /* Tinta profunda */
    --color-paper: #fafaf9;  /* Papel de arroz */
    --color-mist: #e7e5e4;   /* Niebla/Gris estructural */
}

/* ==========================================================================
   3. KU (VACÍO) - Limpieza de la Interfaz
   ========================================================================== */
/* Scrollbar invisible para estética pura y cero fricción visual */
::-webkit-scrollbar { 
    width: 0px; 
    background: transparent; 
}

/* Selección de texto invertida (Tinta sobre papel) */
::selection {
    background-color: var(--color-ink);
    color: var(--color-paper);
}

/* ==========================================================================
   4. CLASES ESTRUCTURALES Y TIPOGRÁFICAS
   ========================================================================== */
.kanji-bg {
    font-family: 'Noto Serif JP', 'Yu Mincho', serif;
    line-height: 1;
}

.text-balance { 
    text-wrap: balance; 
}

.writing-vertical-rl { 
    writing-mode: vertical-rl; 
}

/* ==========================================================================
   5. MA (ESPACIO Y TIEMPO) - Animaciones de Respiración
   ========================================================================== */
.animate-breathe {
    animation: breathe 8s ease-in-out infinite;
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animation-delay-2000 {
    animation-delay: 2s;
}

@keyframes breathe {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 0.4; }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* ==========================================================================
   6. KANSO PRUNER (Elementos UI del Laboratorio)
   ========================================================================== */
#inputText:focus {
    box-shadow: 0 0 0 2px rgba(9, 9, 11, 0.1);
    outline: none;
}

#outputText {
    transition: all 0.5s ease;
}

.pruned-word {
    text-decoration: line-through;
    color: #ef4444; /* Rojo semántico para la poda */
    opacity: 0.5;
}

/* Indicador de carga orgánico */
.loading-dots:after {
    content: ' .';
    animation: dots 1.5s steps(5, end) infinite;
}

@keyframes dots {
    0%, 20% { content: ' .'; }
    40% { content: ' ..'; }
    60% { content: ' ...'; }
    80%, 100% { content: ''; }
}

/* ==========================================================================
   7. FIXES GLOBALES PARA WORDPRESS
   ========================================================================== */
/* Asegurar que las imágenes alineadas nativas de WP no rompan el layout */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }