.smart-input-container{position:relative;width:100%}.input-wrapper{position:relative;display:flex;align-items:center}.smart-input{width:100%;padding:clamp(12px,3vw,16px) clamp(40px,10vw,50px) clamp(12px,3vw,16px) clamp(16px,4vw,20px);font-size:16px;border:2px solid #00ffff40;border-radius:clamp(8px,2vw,12px);background:rgba(26,26,46,.8);color:#e2e8f0;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:text;-moz-user-select:text;user-select:text}.smart-input:focus{border-color:#00ffff;box-shadow:0 0 20px rgba(0,255,255,.3);transform:translateY(-1px);background:rgba(26,26,46,.9)}@media (hover:none){.smart-input:focus{transform:none}}.smart-input::placeholder{color:#94a3b8}.smart-input:disabled{opacity:.6;cursor:not-allowed}.search-indicator{position:absolute;right:16px;display:flex;align-items:center;justify-content:center}.search-spinner{width:20px;height:20px;border:2px solid #00ffff40;border-top-color:#00ffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:rgba(26,26,46,.95);border:2px solid #00ffff40;border-radius:clamp(8px,2vw,12px);margin-top:clamp(6px,1.5vw,8px);max-height:clamp(300px,60vh,400px);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(0,0,0,.5);animation:slideDown .3s cubic-bezier(.25,.46,.45,.94);-webkit-overflow-scrolling:touch}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestions-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #00ffff20;background:rgba(0,255,255,.05)}.suggestions-title{font-size:14px;color:#00ffff;font-weight:600}.suggestions-count{font-size:12px;color:#94a3b8}.suggestions-list{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.suggestion-item{display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(10px,2.5vw,12px) clamp(12px,3vw,16px);cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,255,255,.1);min-height:44px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suggestion-item.selected,.suggestion-item:hover{background:rgba(0,255,255,.1);transform:translateX(2px)}@media (hover:none){.suggestion-item:hover{transform:none}.suggestion-item:active{background:rgba(0,255,255,.15);transform:scale(.98);transition-duration:.1s}}.suggestion-item:last-child{border-bottom:none}.suggestion-content{flex:1 1;min-width:0}.suggestion-text{font-size:14px;color:#e2e8f0;font-weight:500;margin-bottom:4px;word-break:break-word;display:flex;align-items:center;gap:6px}.cached-indicator{display:inline-block;font-size:12px;color:#22c55e;opacity:.8;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.suggestion-topic{font-size:12px;color:#8a2be2;font-style:italic;opacity:.9}.suggestion-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:12px}.suggestion-time{font-size:11px;color:#94a3b8}.suggestion-count{font-size:10px;color:#00ffff;background:rgba(0,255,255,.2);padding:2px 6px;border-radius:4px;font-weight:600}.suggestions-footer{padding:8px 16px;border-top:1px solid #00ffff20;background:rgba(0,0,0,.2)}.keyboard-hint{font-size:11px;color:#64748b;font-style:italic}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.suggestions-list::-webkit-scrollbar-thumb{background:rgba(0,255,255,.3);border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:rgba(0,255,255,.5)}@media (max-width:768px){.smart-input{padding:clamp(12px,3vw,14px) clamp(36px,8vw,40px) clamp(12px,3vw,14px) clamp(14px,3.5vw,16px);font-size:16px;min-height:50px;border-radius:10px}.suggestions-dropdown{max-height:clamp(250px,50vh,300px);border-radius:10px;margin-top:6px}.suggestions-header{padding:clamp(10px,2.5vw,12px) clamp(12px,3vw,16px)}.suggestions-title{font-size:clamp(13px,3vw,14px)}.suggestions-count{font-size:clamp(11px,2.5vw,12px)}.suggestion-item{padding:clamp(12px,3vw,14px) clamp(12px,3vw,16px);min-height:48px}.suggestion-text{font-size:clamp(13px,3vw,14px);line-height:1.4}.suggestion-topic{font-size:clamp(11px,2.5vw,12px)}.suggestion-meta{margin-left:clamp(8px,2vw,12px);gap:4px}.suggestion-time{font-size:clamp(10px,2vw,11px)}.suggestion-count{font-size:clamp(9px,2vw,10px);padding:2px 4px}.suggestions-footer{padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px)}.keyboard-hint{font-size:clamp(10px,2vw,11px)}.search-indicator{right:clamp(12px,3vw,16px)}.search-spinner{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}}@media (max-width:480px){.smart-input{padding:12px 36px 12px 14px;min-height:48px;font-size:16px;border-radius:8px}.suggestions-dropdown{max-height:240px;border-radius:8px}.suggestion-item{padding:10px 12px;min-height:44px}.suggestion-text{font-size:13px}.suggestion-topic{font-size:11px}.search-indicator{right:12px}.search-spinner{width:16px;height:16px;border-width:1.5px}}.suggestion-cached{font-size:10px;color:#22c55e;font-weight:600;background:rgba(34,197,94,.1);padding:2px 5px;border-radius:6px;border:1px solid rgba(34,197,94,.2);text-transform:uppercase;letter-spacing:.5px}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-container{min-height:100vh;position:relative;overflow:hidden}.background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0a0a0a)}.orb{position:absolute;width:384px;height:384px;border-radius:50%;filter:blur(48px)}.orb-1{top:25%;left:25%;background:rgba(0,255,255,.15);animation:pulse-slow 8s ease-in-out infinite}.orb-2{bottom:25%;right:25%;background:rgba(138,43,226,.2);animation:pulse-slow 8s ease-in-out 4s infinite}.grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='white' stroke-width='0.5' opacity='0.05'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)'/%3E%3C/svg%3E")}.main-content{position:relative;z-index:10;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top),16px) max(env(safe-area-inset-right),16px) max(env(safe-area-inset-bottom),16px) max(env(safe-area-inset-left),16px);-webkit-overflow-scrolling:touch}.hero-section{text-align:center;margin-bottom:48px;animation:fade-in .6s ease-out}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:linear-gradient(90deg,rgba(0,255,255,.1),rgba(138,43,226,.1));border:1px solid rgba(0,255,255,.2);margin-bottom:24px}.status-dot{color:#00ffff;animation:pulse 2s infinite}.status-text{font-size:14px;color:#e2e8f0}.main-title{font-size:clamp(32px,8vw,48px);font-weight:700;margin-bottom:16px;background:linear-gradient(90deg,#00ffff,#8a2be2,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(0,255,255,.3);text-align:center;line-height:1.2}@media (min-width:768px){.main-title{font-size:clamp(48px,10vw,64px)}}@media (max-width:480px){.main-title{font-size:clamp(28px,7vw,40px);margin-bottom:12px}}.main-description{font-size:14px;color:#cbd5e1;max-width:512px;margin:0 auto;line-height:1.6}@media (min-width:768px){.main-description{font-size:14px}}.feature-pills{margin-top:clamp(32px,6vw,48px);flex-wrap:wrap;gap:clamp(8px,2vw,12px);font-size:clamp(12px,3vw,14px);animation:fade-in .6s ease-out .2s both;padding:0 16px}.feature-pill,.feature-pills{display:flex;justify-content:center}.feature-pill{padding:clamp(6px,2vw,8px) clamp(12px,3vw,16px);border-radius:9999px;background:rgba(30,30,30,.8);border:1px solid rgba(0,255,255,.2);color:#e2e8f0;transition:all .3s ease;cursor:default;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:36px;align-items:center;text-align:center}.feature-pill:active,.feature-pill:hover{background:rgba(0,255,255,.1);border-color:rgba(0,255,255,.4);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px rgba(0,255,255,.2)}@media (hover:none){.feature-pill:hover{transform:none}.feature-pill:active{transform:scale(.98);transition-duration:.1s}}.example-prompts{margin-top:clamp(24px,5vw,32px);text-align:center;animation:fade-in .6s ease-out .4s both;padding:0 16px}.example-label{font-size:clamp(11px,2.5vw,12px);color:#94a3b8;margin-bottom:clamp(6px,1.5vw,8px)}.prompt-buttons{flex-wrap:wrap;gap:clamp(6px,1.5vw,8px)}.prompt-button,.prompt-buttons{display:flex;justify-content:center;max-width:100%}.prompt-button{padding:clamp(6px,1.5vw,8px) clamp(10px,2.5vw,12px);font-size:clamp(11px,2.5vw,12px);border-radius:8px;background:linear-gradient(90deg,rgba(0,255,255,.1),rgba(138,43,226,.1));border:1px solid rgba(0,255,255,.2);color:#cbd5e1;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:32px;align-items:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-button:active,.prompt-button:hover{color:#00ffff;border-color:rgba(0,255,255,.4);transform:scale(1.02);box-shadow:0 2px 8px rgba(0,255,255,.2)}@media (hover:none){.prompt-button:hover{transform:none}.prompt-button:active{transform:scale(.98);transition-duration:.1s}}@keyframes fade-in{0%{opacity:0;transform:translateY(clamp(10px,3vw,20px))}to{opacity:1;transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spring-in{0%{opacity:0;transform:scale(.8) translateY(30px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.spring-animation{animation:spring-in .6s cubic-bezier(.68,-.55,.265,1.55)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:rgba(10,10,10,.8)}::-webkit-scrollbar-thumb{background:rgba(0,255,255,.3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(0,255,255,.5)}@media (max-width:768px){::-webkit-scrollbar{width:0;height:0}}