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