:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--google-blue: #1a73e8;--google-red: #ea4335;--google-yellow: #fbbc05;--google-green: #34a853;--muted:#5f6368}.code-animation-overlay{position:fixed;inset:0;background:#0d1117;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .5s ease-out 1.7s forwards}.code-animation-container{background:#161b22;border:1px solid #30363d;border-radius:8px;width:90%;max-width:600px;box-shadow:0 8px 32px #0006;overflow:hidden}.code-animation-header{background:#21262d;padding:12px 16px;display:flex;gap:8px;border-bottom:1px solid #30363d}.code-animation-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.code-animation-dot:nth-child(1){background:#ff5f56}.code-animation-dot:nth-child(2){background:#ffbd2e}.code-animation-dot:nth-child(3){background:#27c93f}.code-animation-code{margin:0;padding:24px;background:#0d1117;color:#c9d1d9;font-family:Monaco,Menlo,Courier New,monospace;font-size:16px;line-height:1.6;overflow-x:auto;min-height:120px}.code-animation-code code{color:#c9d1d9;white-space:pre}.code-cursor{display:inline-block;width:2px;height:1.2em;background:#c9d1d9;margin-left:2px;animation:blink 1s infinite;vertical-align:baseline}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media(max-width:520px){.code-animation-code{font-size:14px;padding:20px}}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#fff;color:#202124}.gs-hero{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gs-card{max-width:720px;width:100%;text-align:center;padding:56px;border-radius:12px;box-shadow:0 10px 30px #3c404326}.gs-logo{width:160px;height:160px;margin:0 auto 24px;display:block;object-fit:contain}.google-logo{font-size:36px;font-weight:700;display:inline-block;margin-bottom:8px}.google-logo span{display:inline-block;padding:0 2px}.g-blue{color:var(--google-blue)}.g-red{color:var(--google-red)}.g-yellow{color:var(--google-yellow)}.g-green{color:var(--google-green)}.gs-title{font-size:48px;margin:6px 0 12px;font-weight:600}.gs-desc{color:var(--muted);font-size:18px;margin:0 0 28px}.gs-cta{display:flex;justify-content:center}.btn-glow{display:inline-block;padding:14px 28px;border-radius:999px;text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(90deg,var(--google-blue),var(--google-green));box-shadow:0 6px 20px #1a73e847,0 0 #1a73e859;transition:transform .18s ease,box-shadow .18s ease}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1a73e847,0 0 40px #1a73e82e}.btn-glow:active{transform:translateY(-1px)}@media(max-width:520px){.gs-card{padding:36px}.gs-title{font-size:34px}.google-logo{font-size:24px}}@media(prefers-reduced-motion:no-preference){@keyframes glowPulse{0%{box-shadow:0 6px 20px #1a73e82e,0 0 #1a73e82e}50%{box-shadow:0 18px 40px #1a73e838,0 0 80px #1a73e81a}to{box-shadow:0 6px 20px #1a73e82e,0 0 #1a73e82e}}.btn-glow{animation:glowPulse 2.8s infinite}}.camera-page{height:100vh;width:100vw;display:flex;flex-direction:column;position:fixed;inset:0;background:#000;overflow:hidden}.camera-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;position:relative}.btn-ghost{background:transparent;border:0;color:#1a73e8;font-weight:600;padding:8px 12px;border-radius:8px;flex-shrink:0}.camera-title{font-weight:600;color:#fff;position:absolute;left:50%;transform:translate(-50%)}.camera-top>div:last-child{width:80px;flex-shrink:0}.video-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative;width:100%}.camera-video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.camera-error{color:#fff;padding:16px}.camera-controls{padding:18px;display:flex;align-items:center;justify-content:center}.capture-btn{width:84px;height:84px;border-radius:50%;background:transparent;border:6px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #3c40431f;position:relative;cursor:pointer}.capture-btn .inner{width:56px;aspect-ratio:1/1;height:auto;border-radius:50%;background:linear-gradient(180deg,#fff,#f2f2f2);position:relative;display:block;box-shadow:inset 0 2px 6px #0000001f}.capture-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.capture-actions .btn:first-child,.capture-actions .btn:last-child{padding:9px 18px;font-size:12.6px;width:90px;height:36px;text-align:center;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.capture-actions .btn.gemini{position:relative;transform:none}.capture-actions .btn.gemini:hover{transform:translateY(-2px)}.capture-actions .btn.gemini:active{transform:translateY(0)}.capture-actions .btn.gemini:disabled{transform:none}.capture-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;inset:0;background:#000}.capture-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.btn{background:#fff;border:1px solid #dadce0;color:#202124;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d}.btn:active{background:#f1f3f4}.btn.primary{background:#1a73e8;color:#fff;border-color:#1a73e8}.btn.primary:hover{background:#1765cc;box-shadow:0 1px 3px #1a73e866}.btn.primary:active{background:#1557b0}.btn.gemini{background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc,#d946ef,#a855f7);background-size:200% 200%;color:#fff;border:none;font-weight:600;box-shadow:0 4px 20px #8b5cf699,0 0 30px #a855f780,0 0 50px #8b5cf64d,inset 0 0 20px #ffffff1a;position:relative}.btn.gemini:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.capture-actions .btn.gemini:hover{background-position:100% 0;box-shadow:0 8px 30px #8b5cf6cc,0 0 50px #a855f7b3,0 0 80px #8b5cf680,inset 0 0 25px #ffffff26}.btn.gemini:hover:before{left:100%}.capture-actions .btn.gemini:active{box-shadow:0 4px 20px #8b5cf699,0 0 30px #a855f780,0 0 50px #8b5cf64d}.capture-actions .btn.gemini:disabled{opacity:.7;cursor:not-allowed}.btn:disabled{opacity:.6;cursor:not-allowed}@keyframes geminiPulse{0%,to{box-shadow:0 4px 20px #8b5cf699,0 0 30px #a855f780,0 0 50px #8b5cf64d,inset 0 0 20px #ffffff1a}50%{box-shadow:0 8px 35px #8b5cf6cc,0 0 60px #a855f7b3,0 0 100px #8b5cf680,inset 0 0 25px #ffffff26}}@media(prefers-reduced-motion:no-preference){.btn.gemini:not(:disabled){animation:geminiPulse 2s ease-in-out infinite}}.capture-btn .inner:before{content:"";position:absolute;width:22%;height:22%;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,var(--google-red) 0%,rgba(234,67,53,.9) 40%,rgba(234,67,53,.12) 60%);box-shadow:0 2px 8px #ea43352e}.capture-btn .inner:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(0,0,0,.02) 0 1px,transparent 1px 6px);opacity:.06}.capture-btn:before{content:"";position:absolute;inset:6px;border-radius:50%;background:conic-gradient(from 45deg,#1a73e8,#ea4335,#fbbc05,#34a853,#1a73e8 360deg);-webkit-mask:radial-gradient(circle at center,transparent 48%,black 49%);mask:radial-gradient(circle at center,transparent 48%,black 49%);opacity:1;z-index:0;transform:rotate(45deg)}.capture-btn .inner{z-index:1}@media(max-width:480px){.capture-btn{width:72px;height:72px}.capture-btn .inner{width:44px;height:44px}}.code-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.code-modal{background:#000;border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.code-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #333}.code-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.code-modal-close{background:transparent;border:0;color:#fff;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.code-modal-close:hover{background:#333}.code-modal-content{flex:1;overflow-y:auto;padding:24px;min-height:200px}.code-modal-text{background:#000;color:#fff;font-size:14px;line-height:1.6;font-family:Monaco,Menlo,Courier New,monospace;margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.code-modal-footer{padding:16px 24px;border-top:1px solid #333;display:flex;justify-content:flex-end}.code-modal-footer .btn{min-width:100px}