*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--mobile: 320px;--mobile-large: 480px;--tablet: 768px;--desktop: 1024px;--desktop-large: 1440px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--touch-target-min: 44px;--touch-target-md: 48px;--touch-target-lg: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html{font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f5f7fa,#e4edf5);min-height:100vh;overflow-x:hidden;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left)}.container{width:100%;max-width:100%;margin:0 auto;padding:var(--space-md);padding-left:calc(var(--space-md) + var(--safe-left));padding-right:calc(var(--space-md) + var(--safe-right))}h1{font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-lg);color:#2c3e50;text-align:center}h2{font-size:var(--text-2xl);font-weight:600;line-height:1.3;margin-bottom:var(--space-md);color:#2c3e50}h3{font-size:var(--text-xl);font-weight:600;line-height:1.4;margin-bottom:var(--space-sm);color:#34495e}p{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-md);color:#555}.nav{background-color:#343a40;border-radius:var(--space-sm);margin:var(--space-md) auto;max-width:100%;padding:var(--space-sm)}.nav ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs);margin:0;padding:0}.nav li{margin:0;width:100%}.nav a{color:#fff;text-decoration:none;padding:var(--space-md);border-radius:var(--space-sm);transition:background-color .3s ease;display:block;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:500}.nav a:hover{background-color:#ffffff1a}.nav a:active{background-color:#fff3}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-weight:600;color:#495057;margin-bottom:var(--space-sm);font-size:var(--text-base)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-md);border:2px solid #ced4da;border-radius:var(--space-sm);font-size:var(--text-base);line-height:1.5;background-color:#fff;min-height:var(--touch-target-md);transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group textarea{min-height:var(--touch-target-lg);font-family:inherit;resize:vertical}.btn{background:#3498db;color:#fff;border:none;border-radius:var(--space-sm);cursor:pointer;font-size:var(--text-base);font-weight:600;padding:var(--space-md) var(--space-lg);min-height:var(--touch-target-md);min-width:var(--touch-target-min);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.btn:active{transform:translateY(0);box-shadow:0 2px 6px #3498db33}.btn:focus{outline:none;box-shadow:0 0 0 3px #3498db4d}.btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.feature-card,.api-docs,.api-tester,.api-cli,.ask-anything{background:#fff;border-radius:var(--space-md);padding:var(--space-lg);margin:var(--space-lg) 0;box-shadow:0 4px 15px #00000014;margin-left:calc(var(--space-lg) - var(--safe-left));margin-right:calc(var(--space-lg) - var(--safe-right))}.ask-anything{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef}.features{display:flex;flex-direction:column;gap:var(--space-lg);margin:var(--space-xl) 0}.feature-card{text-align:center;position:relative;width:100%}.feature-card h3{color:#3498db;margin-top:0;margin-bottom:var(--space-sm)}header{text-align:center;padding:var(--space-2xl) var(--space-md);background:#fff;box-shadow:0 2px 10px #0000000d;margin-bottom:var(--space-xl);margin-left:calc(var(--space-2xl) - var(--safe-left));margin-right:calc(var(--space-2xl) - var(--safe-right))}.tagline{font-size:var(--text-lg);color:#7f8c8d;max-width:100%;margin:0 auto var(--space-lg);line-height:1.5}.response-container{margin-top:var(--space-lg);padding:var(--space-md);background:#f8f9fa;border-radius:var(--space-sm);border-left:4px solid #3498db;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.response-container h3{margin-top:0;font-size:var(--text-lg);color:#2c3e50}.timer-container{display:inline-flex;margin-left:var(--space-sm);align-items:center}.lava-dot{display:inline-block;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#ff4500,#ff8c00,gold);margin:0 3px;position:relative;box-shadow:0 0 10px #ff4500,0 0 20px #ff8c00;transform:scale(var(--size, 1));animation-duration:var(--duration, 1.8s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.thinking-indicator{margin-bottom:var(--space-md);padding:var(--space-md);background-color:#f1f3f4;border-radius:var(--space-sm);display:flex;align-items:center;justify-content:center;color:#333;gap:var(--space-sm)}.thinking-indicator span:first-child{font-weight:500;font-size:var(--text-base)}.cta-section{text-align:center;padding:var(--space-2xl) var(--space-md);background:#3498db;color:#fff;margin:var(--space-xl) 0;border-radius:var(--space-md);margin-left:calc(var(--space-xl) - var(--safe-left));margin-right:calc(var(--space-xl) - var(--safe-right))}.cta-button{display:inline-block;background:#fff;color:#3498db;padding:var(--space-md) var(--space-xl);border-radius:50px;text-decoration:none;font-weight:700;font-size:var(--text-base);margin-top:var(--space-lg);transition:all .3s ease;min-height:var(--touch-target-lg);display:inline-flex;align-items:center;justify-content:center}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.cta-button:active{transform:translateY(0)}footer{text-align:center;padding:var(--space-xl) var(--space-md);color:#7f8c8d;font-size:var(--text-sm);background:#ffffff80;margin-top:var(--space-3xl)}@media (min-width: 320px){.container{padding:var(--space-lg)}h1{font-size:var(--text-4xl)}.nav a{font-size:var(--text-sm)}}@media (min-width: 480px){.container{padding:var(--space-xl)}h1{font-size:var(--text-4xl)}.tagline{font-size:var(--text-xl)}.nav ul{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav li{width:auto;margin:var(--space-xs)}.nav a{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-height:var(--touch-target-min)}}@media (min-width: 768px){.container{max-width:750px;padding:var(--space-2xl)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}.tagline{font-size:var(--text-2xl)}.features{flex-direction:row;flex-wrap:wrap;justify-content:center}.feature-card{flex:0 0 calc(50% - var(--space-md));max-width:calc(50% - var(--space-md))}.nav{padding:var(--space-md)}.nav ul{gap:var(--space-md)}.lava-dot{width:24px;height:24px;margin:0 4px}}@media (min-width: 1024px){.container{max-width:1200px;padding:var(--space-3xl)}.features{gap:var(--space-xl)}.feature-card{flex:0 0 calc(33.333% - var(--space-lg));max-width:calc(33.333% - var(--space-lg))}.nav ul{gap:var(--space-lg)}}@media (min-width: 1440px){.container{max-width:1400px}}@media (display-mode: standalone){.nav{position:sticky;top:var(--safe-top);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#343a40f2}.cta-section{background:linear-gradient(135deg,#3498db,#2980b9)}}@media (orientation: landscape) and (max-height: 500px){header{padding:var(--space-lg) var(--space-md)}h1{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.tagline{font-size:var(--text-base);margin-bottom:var(--space-md)}}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #444444}body{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:var(--text-primary)}.feature-card,.api-docs,.api-tester,.api-cli,.ask-anything,header{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.nav{background-color:#141414f2}.nav a{color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.response-container{background:var(--bg-secondary);color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lava-dot{animation:none!important}.btn:hover,.cta-button:hover{transform:none}}@media (prefers-contrast: high){.btn,.nav,.feature-card,.api-docs,.api-tester,.api-cli,.ask-anything{border:2px solid currentColor}}@media print{.nav,.btn,.timer-container,.cta-section{display:none!important}.container{padding:0;max-width:none}body{background:#fff;color:#000}}