:root{--bg:#0a0d0a;--card-bg:#111411;--text:#f5f7f5;--text-light:#9ca3af;--accent:#22c55e;--accent-hover:#34d399;--border:rgba(255,255,255,0.1);--shadow:0 4px 12px rgba(0,0,0,0.35);--text-inverse:#fff;--radius-lg:14px;--radius-sm:4px;--transition-fast:0.2s;--transition-normal:0.3s;--motd-bg:#0f0f23;--motd-card-bg:#1a1a2e;--motd-border:#333;--motd-text-muted:#a0a0a0;--motd-shadow:0 4px 6px rgba(0,0,0,0.1);--motd-shadow-lg:0 10px 15px rgba(0,0,0,0.1);--motd-accent-rgb:34,197,94}[data-theme=light]{--bg:#f8f9fa;--card-bg:#ffffff;--text:#111827;--text-light:#6b7280;--accent:#1e9e61;--accent-hover:#30be7b;--border:rgba(0,0,0,0.06);--shadow:0 4px 12px rgba(0,0,0,0.05);--text-inverse:#ffffff;--motd-bg:#f5f5f5;--motd-card-bg:#ffffff;--motd-border:#e5e5e5;--motd-text-muted:#6b7280;--motd-shadow:0 4px 6px rgba(0,0,0,0.05);--motd-shadow-lg:0 10px 15px rgba(0,0,0,0.05);--motd-accent-rgb:30,158,97}:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.85rem;--font-size-base:0.9rem;--font-size-lg:1.1rem;--font-size-xl:1.5rem;--font-size-2xl:1.8rem;--font-size-3xl:2.2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--transition-fast:var(--transition-fast);--transition-normal:var(--transition-normal);--transition-slow:0.3s ease;--transition-spring:0.3s cubic-bezier(0.4,0,0.2,1);--radius:6px;--radius-xl:12px;--radius-full:50px;--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15);--z-dropdown:10;--z-overlay:20;--z-modal:30;--z-tooltip:40;--sidebar-width:380px;--sidebar-min-width:280px;--container-max-width:1200px}@media (max-width:768px){:root{--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--font-size-sm:0.8rem;--font-size-base:0.85rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8rem}}.reset-button{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit}.reset-list{list-style:none;padding:0;margin:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-0{margin:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mt-md{margin-top:var(--space-md)}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-spring{transition:var(--transition-spring)}.hover-lift:hover{transform:translateY(-1px)}.hover-scale:hover{transform:scale(1.05)}.hover-accent:hover{color:var(--accent)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-light{color:var(--text-light)}.text-accent{color:var(--accent)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.disabled{opacity:.5;cursor:not-allowed}.loading{opacity:.7;cursor:wait}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.motd-container{display:flex;flex-direction:row;min-height:100svh;width:100%;background:var(--motd-bg);color:var(--text);margin:0;padding:0}@media (max-width:800px){.motd-container{flex-direction:column}}.motd-main{flex:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-2xl) var(--space-xl);text-align:center;cursor:pointer;transition:background-color var(--transition-slow)}.motd-main:hover{background:var(--motd-card-bg)}.motd-frase{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));font-weight:var(--font-weight-bold);color:var(--accent);line-height:var(--line-height-tight);margin-bottom:var(--space-2xl);min-height:120px;max-width:800px;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:opacity var(--transition-slow),transform var(--transition-slow)}.motd-frase.fade-in{opacity:1;transform:translateY(0)}.motd-frase.fade-out{opacity:0;transform:translateY(-10px)}.motd-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.motd-button.primary{padding:var(--space-md) 2.5rem;background:var(--accent);border:none;border-radius:var(--radius-full);color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;box-shadow:var(--motd-shadow);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-sm)}.motd-button.primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--motd-shadow-lg)}.motd-button.primary:active{transform:translateY(0)}.motd-button.primary.loading{opacity:.7;cursor:wait}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.motd-aviso{margin-top:var(--space-lg);color:var(--accent);font-size:var(--font-size-sm);min-height:20px;font-weight:var(--font-weight-medium)}.keyboard-hints{margin-top:var(--space-lg);color:var(--text-light);font-size:var(--font-size-xs)}.keyboard-hints kbd{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .4rem;font-size:.7rem;margin:0 .1rem}@media (max-width:800px){.motd-main{flex:1;padding:var(--space-xl) var(--space-lg)}.motd-frase{font-size:clamp(1.5rem,6vw,2.5rem);margin-bottom:var(--space-xl);min-height:100px}.motd-button.primary{padding:.8rem 2rem;font-size:var(--font-size-base)}}.motd-stats{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);justify-content:center}.stat-item{text-align:center;padding:var(--space-sm) var(--space-md);background:var(--motd-card-bg);border:1px solid var(--motd-border);border-radius:var(--radius-lg);min-width:60px;transition:all var(--transition-normal)}.stat-item:hover{border-color:var(--accent);transform:translateY(-1px)}.stat-number{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--accent)}.stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}@media (max-width:800px){.motd-stats{gap:var(--space-md);margin-bottom:var(--space-lg)}}.action-buttons{gap:var(--space-sm)}.action-btn,.action-buttons{display:flex;align-items:center}.action-btn{background:var(--motd-card-bg);border:1px solid var(--motd-border);border-radius:50%;width:40px;height:40px;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-normal);position:relative;color:var(--text)}.action-btn:hover{transform:scale(1.1)}.action-btn.favorited,.action-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.action-btn:after{content:attr(title);position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);background:var(--motd-card-bg);border:1px solid var(--motd-border);border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.action-btn:hover:after{opacity:1}.motd-sidebar{flex:1;background:var(--motd-card-bg);border-left:1px solid var(--motd-border);overflow:hidden;min-width:var(--sidebar-min-width);max-width:var(--sidebar-width);box-shadow:var(--motd-shadow);height:100svh}.motd-sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{background:var(--motd-bg);border-bottom:1px solid var(--motd-border);padding:0;margin:0;flex-shrink:0}@media (max-width:800px){.motd-sidebar{max-width:none;width:100%;border-left:none;border-top:1px solid var(--motd-border);height:50vh;box-shadow:var(--motd-shadow)}}.tab-buttons{display:flex;background:var(--motd-bg);border-bottom:1px solid var(--motd-border);padding:0;margin:0;position:relative}.tab-btn{flex:1;background:var(--motd-card-bg);border:none;border-right:1px solid var(--motd-border);color:var(--motd-text-muted);padding:var(--space-md) var(--space-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);text-align:center;position:relative;border-radius:0;border-top:3px solid transparent}.tab-btn:last-child{border-right:none}.tab-btn:hover:not(.active){background:linear-gradient(135deg,rgba(var(--motd-accent-rgb),.03) 0,rgba(var(--motd-accent-rgb),.05) 100%);color:var(--text);border-top-color:var(--accent);border-top-width:2px}.tab-btn.active{color:var(--accent);border-top-color:var(--accent);border-top-width:3px;font-weight:var(--font-weight-semibold);position:relative;box-shadow:inset 0 1px 0 rgba(var(--motd-accent-rgb),.1)}.tab-btn.active,.tab-btn.active:before{background:linear-gradient(135deg,rgba(var(--motd-accent-rgb),.08) 0,rgba(var(--motd-accent-rgb),.12) 100%)}.tab-btn.active:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;z-index:2}@media (max-width:800px){.tab-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}}.sidebar-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:.75rem var(--space-md);background:var(--motd-bg);border-bottom:1px solid var(--motd-border);flex-shrink:0}.clear-all-button,.clear-button{background:transparent;border:1px solid var(--motd-border);border-radius:var(--radius);padding:var(--space-sm) .75rem;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;min-width:44px;position:relative}.clear-button:hover{background:var(--motd-bg);border-color:var(--accent);transform:translateY(-1px)}.clear-all-button{border-color:#ff6b6b;color:#ff6b6b}.clear-all-button:hover{background:#ff6b6b;color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,107,107,.3)}.clear-all-button:after,.clear-button:after{content:attr(title);position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);max-width:200px}.clear-all-button:hover:after,.clear-button:hover:after{opacity:1}.search-container{position:relative;margin:0;padding:var(--space-md);background:var(--motd-card-bg);border-bottom:1px solid var(--motd-border);flex-shrink:0}.search-container,.search-input{width:100%;box-sizing:border-box}.search-input{padding:var(--space-sm) .8rem;border:1px solid var(--motd-border);border-radius:var(--radius);background:var(--motd-bg);color:var(--text);font-size:var(--font-size-sm);transition:border-color var(--transition-normal);max-width:100%}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,212,170,.1)}.clear-search,.search-input::placeholder{color:var(--motd-text-muted)}.clear-search{position:absolute;right:calc(var(--space-md) + var(--space-sm));top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.clear-search:hover{color:var(--text);background:var(--motd-border)}.phrases-container{flex:1;overflow-y:auto;padding:var(--space-md);background:var(--motd-card-bg)}.motd-history{list-style:none;padding:0;margin:0}.motd-history li{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--motd-bg);border:1px solid var(--motd-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.motd-history li:hover{background:var(--accent);color:var(--text-inverse);transform:translateX(2px);border-color:var(--accent)}.motd-history li.current-phrase{border-color:var(--accent);background:rgba(var(--motd-accent-rgb),.1)}.motd-history li.current-phrase:hover{background:var(--accent);color:var(--text-inverse);transform:translateX(2px);border-color:var(--accent)}.frase-text{flex:1;margin-right:var(--space-sm);word-break:break-word}.mini-fav-btn{background:transparent;border:none;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.mini-fav-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.mini-fav-btn.favorited{color:#ff6b6b}.empty-state{padding:var(--space-xl);font-style:italic}.empty-state,.more-items-indicator{text-align:center;color:var(--text-light)}.more-items-indicator{padding:var(--space-md);font-size:var(--font-size-xs);border-top:1px solid var(--border);margin-top:var(--space-md)}.more-items-indicator small{display:block;margin-top:var(--space-xs);opacity:.7}.motd-tip{margin:0;padding:var(--space-lg);background:var(--motd-bg);border-top:1px solid var(--motd-border);font-size:var(--font-size-sm);color:var(--motd-text-muted);line-height:var(--line-height-loose);flex-shrink:0}.tip-section{margin-bottom:var(--space-md)}.tip-section:last-child{margin-bottom:0}.motd-tip strong{color:var(--text);margin-bottom:var(--space-sm);display:inline-block;font-weight:var(--font-weight-semibold)}.motd-tip br{margin-bottom:4px}.motd-tip kbd{background:var(--accent);color:white;padding:.25rem var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow);margin:0 var(--space-xs);display:inline-block}.tip-toggle{cursor:pointer;border-bottom:1px dotted var(--motd-text-muted);transition:color var(--transition-normal);position:relative;user-select:none}.tip-toggle:hover{color:var(--accent);border-bottom-color:var(--accent)}.tip-details{margin-top:var(--space-sm);padding-left:var(--space-md);font-size:var(--font-size-xs);opacity:.8;line-height:var(--line-height-relaxed);animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:.8;transform:translateY(0)}}.tip-details strong{margin-bottom:var(--space-xs)}