:root{--bg:#0a0d0a;--card-bg:#111411;--text:#f5f7f5;--text-light:#9ca3af;--accent:#22c55e;--accent-hover:#34d399;--border:#ffffff1a;--shadow:0 4px 12px #00000059;--text-inverse:#fff;--radius-lg:14px;--radius-sm:4px;--transition-fast:.2s;--transition-normal:.3s;--motd-bg:#0f0f23;--motd-card-bg:#1a1a2e;--motd-border:#333;--motd-text-muted:#a0a0a0;--motd-shadow:0 4px 6px #0000001a;--motd-shadow-lg:0 10px 15px #0000001a;--motd-accent-rgb:34, 197, 94}[data-theme=light]{--bg:#f8f9fa;--card-bg:#fff;--text:#111827;--text-light:#6b7280;--accent:#1e9e61;--accent-hover:#30be7b;--border:#0000000f;--shadow:0 4px 12px #0000000d;--text-inverse:#fff;--motd-bg:#f5f5f5;--motd-card-bg:#fff;--motd-border:#e5e5e5;--motd-text-muted:#6b7280;--motd-shadow:0 4px 6px #0000000d;--motd-shadow-lg:0 10px 15px #0000000d;--motd-accent-rgb:30, 158, 97}:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:.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:.3s ease;--transition-spring:.3s cubic-bezier(.4, 0, .2, 1);--radius:6px;--radius-xl:12px;--radius-full:50px;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--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:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--font-size-sm:.8rem;--font-size-base:.85rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8rem}}.reset-button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0}.reset-list{margin:0;padding:0;list-style:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.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{background:var(--motd-bg);width:100%;min-height:100svh;color:var(--text);flex-direction:row;margin:0;padding:0;display:flex}@media (max-width:800px){.motd-container{flex-direction:column}}.motd-main{padding:var(--space-2xl) var(--space-xl);text-align:center;cursor:pointer;transition:background-color var(--transition-slow);flex-direction:column;flex:3;justify-content:center;align-items:center;display:flex}.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);text-shadow:0 2px 4px #0000001a;max-width:800px;min-height:120px;transition:opacity var(--transition-slow), transform var(--transition-slow);justify-content:center;align-items:center;display:flex}.motd-frase.fade-in{opacity:1;transform:translateY(0)}.motd-frase.fade-out{opacity:0;transform:translateY(-10px)}.motd-actions{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.motd-button.primary{padding:var(--space-md) 2.5rem;background:var(--accent);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);align-items:center;gap:var(--space-sm);border:none;display:flex}.motd-button.primary:hover{background:var(--accent-hover);box-shadow:var(--motd-shadow-lg);transform:translateY(-2px)}.motd-button.primary:active{transform:translateY(0)}.motd-button.primary.loading{opacity:.7;cursor:wait}.loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.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);margin:0 .1rem;padding:.2rem .4rem;font-size:.7rem}@media (max-width:800px){.motd-main{padding:var(--space-xl) var(--space-lg);flex:1}.motd-frase{margin-bottom:var(--space-xl);min-height:100px;font-size:clamp(1.5rem,6vw,2.5rem)}.motd-button.primary{font-size:var(--font-size-base);padding:.8rem 2rem}}.motd-stats{gap:var(--space-xl);margin-bottom:var(--space-xl);justify-content:center;display:flex}.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{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--accent);display:block}.stat-label{font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs);display:block}@media (max-width:800px){.motd-stats{gap:var(--space-md);margin-bottom:var(--space-lg)}}.action-buttons{gap:var(--space-sm);align-items:center;display:flex}.action-btn{background:var(--motd-card-bg);border:1px solid var(--motd-border);cursor:pointer;width:40px;height:40px;font-size:var(--font-size-lg);transition:all var(--transition-normal);color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.action-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text-inverse);transform:scale(1.1)}.action-btn.favorited{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.action-btn:after{content:attr(title);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);position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}.action-btn:hover:after{opacity:1}.motd-sidebar{background:var(--motd-card-bg);border-left:1px solid var(--motd-border);min-width:var(--sidebar-min-width);max-width:var(--sidebar-width);box-shadow:var(--motd-shadow);flex-direction:column;flex:1;height:100svh;display:flex;overflow:hidden}.sidebar-header{background:var(--motd-bg);border-bottom:1px solid var(--motd-border);flex-direction:column;flex-shrink:0;margin:0;padding:0;display:flex}@media (max-width:800px){.motd-sidebar{border-left:none;border-top:1px solid var(--motd-border);width:100%;max-width:none;height:50vh;box-shadow:var(--motd-shadow)}}.tab-buttons{background:var(--motd-bg);border-bottom:1px solid var(--motd-border);margin:0;padding:0;display:flex;position:relative}.tab-btn{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;border-top:3px solid #0000;border-radius:0;flex:1;position:relative}.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{background:linear-gradient(135deg, rgba(var(--motd-accent-rgb), .08) 0%, rgba(var(--motd-accent-rgb), .12) 100%);color:var(--accent);border-top-color:var(--accent);font-weight:var(--font-weight-semibold);box-shadow:inset 0 1px 0 rgba(var(--motd-accent-rgb), .1);border-top-width:3px;position:relative}.tab-btn.active:before{content:"";background:linear-gradient(135deg, rgba(var(--motd-accent-rgb), .08) 0%, rgba(var(--motd-accent-rgb), .12) 100%);z-index:2;height:1px;position:absolute;bottom:-1px;left:0;right:0}@media (max-width:800px){.tab-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}}.sidebar-actions{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;display:flex}.clear-button,.clear-all-button{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);background:0 0;justify-content:center;align-items:center;min-width:44px;display:flex;position:relative}.clear-button:hover{background:var(--motd-bg);border-color:var(--accent);transform:translateY(-1px)}.clear-all-button{color:#ff6b6b;border-color:#ff6b6b}.clear-all-button:hover{color:#fff;background:#ff6b6b;transform:translateY(-1px);box-shadow:0 2px 8px #ff6b6b4d}.clear-button:after,.clear-all-button:after{content:attr(title);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;position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}.clear-button:hover:after,.clear-all-button:hover:after{opacity:1}.search-container{padding:var(--space-md);background:var(--motd-card-bg);border-bottom:1px solid var(--motd-border);box-sizing:border-box;flex-shrink:0;width:100%;margin:0;position:relative}.search-input{width:100%;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);box-sizing:border-box;max-width:100%}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #00d4aa1a}.search-input::placeholder{color:var(--motd-text-muted)}.clear-search{right:calc(var(--space-md) + var(--space-sm));color:var(--motd-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.clear-search:hover{color:var(--text);background:var(--motd-border)}.phrases-container{padding:var(--space-md);background:var(--motd-card-bg);flex:1;overflow-y:auto}.motd-history{margin:0;padding:0;list-style:none}.motd-history li{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);justify-content:space-between;align-items:center;display:flex}.motd-history li:hover{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);transform:translate(2px)}.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);border-color:var(--accent);transform:translate(2px)}.frase-text{margin-right:var(--space-sm);word-break:break-word;flex:1}.mini-fav-btn{cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0}.mini-fav-btn:hover{background:#ffffff1a;transform:scale(1.1)}.mini-fav-btn.favorited{color:#ff6b6b}.empty-state{text-align:center;padding:var(--space-xl);color:var(--text-light);font-style:italic}.more-items-indicator{text-align:center;padding:var(--space-md);color:var(--text-light);font-size:var(--font-size-xs);border-top:1px solid var(--border);margin-top:var(--space-md)}.more-items-indicator small{margin-top:var(--space-xs);opacity:.7;display:block}.motd-tip{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;margin: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);font-weight:var(--font-weight-semibold);display:inline-block}.motd-tip br{margin-bottom:4px}.motd-tip kbd{background:var(--accent);color:#fff;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);-webkit-user-select:none;user-select:none;position:relative}.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:.2s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:.8;transform:translateY(0)}}.tip-details strong{margin-bottom:var(--space-xs)}