:root[data-kerko-theme=light]{--bg-primary:#fff;--text-primary:#000;--text-secondary:#6b7280;--border:#e5e7eb;--input-bg:#fff;--accent:#000;--accent-hover:#374151;--shadow:#0000001a}:root[data-kerko-theme=softer-dark],:root[data-kerko-theme=google-dark],:root[data-kerko-theme=aquaman]{--bg-primary:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#334155;--input-bg:#1e293b;--accent:#64748b;--accent-hover:#94a3b8;--shadow:#0000004d}.app-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .3s;display:flex}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.beta-badge{background:var(--accent);color:var(--bg-primary);letter-spacing:.1em;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s}.main-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.main-title{letter-spacing:-.03em;margin-bottom:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:4rem;font-weight:900;line-height:1}.cursor{color:var(--accent);font-weight:300;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.subtitle{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:3rem;font-size:1.25rem;font-weight:400}.search-container{width:100%;max-width:45rem;position:relative}.search-wrapper{background:var(--input-bg);border:2px solid var(--border);box-shadow:0 4px 12px var(--shadow);border-radius:9999px;align-items:center;width:100%;min-height:4rem;padding:.75rem;transition:all .3s;display:flex;overflow:hidden}.search-wrapper:focus-within{border-color:var(--accent);box-shadow:0 8px 24px var(--shadow);transform:translateY(-1px)}.expand-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.expand-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.expand-icon{color:var(--bg-primary);width:1rem;height:1rem;transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.search-input{color:var(--text-primary);word-wrap:break-word;resize:none;background:0 0;border:none;outline:none;flex:1;min-width:0;max-width:100%;margin:0 1rem;padding:.5rem 0;font-size:1.125rem;font-weight:400}.search-input::placeholder{color:var(--text-secondary)}.search-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.search-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.search-btn:active{transform:scale(.95)}.search-icon{color:var(--bg-primary);width:1rem;height:1rem}@media (max-width:768px){.navbar{padding:1rem}.main-title{font-size:2.5rem}.search-container{max-width:90%}.subtitle{font-size:1.125rem}.search-wrapper{height:3.5rem;padding:.625rem}.expand-btn,.search-btn{width:2.25rem;height:2.25rem}}@media (max-width:480px){.main-title{font-size:2rem}.search-wrapper{justify-content:space-between;align-items:center;height:3rem;padding:.5rem;display:flex}.expand-btn,.search-btn{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.search-input{flex:1;align-items:center;margin:0 .75rem;padding:.75rem;font-size:1rem;display:flex}}