@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap";:root{--bg-color: #fafafa;--text-color: #1a1a1a;--faded-text: #999999;--border-color: rgba(0, 0, 0, .08);--shadow-color: rgba(0, 0, 0, .06);--transition-speed: .6s;--premium-ease: cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--bg-color: #111111;--text-color: #f0f0f0;--faded-text: #777777;--border-color: rgba(255, 255, 255, .08);--shadow-color: rgba(255, 255, 255, .03)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-color);cursor:default;transition:background-color var(--transition-speed) var(--premium-ease),color var(--transition-speed) var(--premium-ease);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}a,button,[role=button],input[type=submit],input[type=button],label{cursor:default!important}input,button{font-family:inherit;border:none;background:none;outline:none;color:inherit}.italic{font-family:Playfair Display,serif;font-style:italic}::selection{background-color:var(--text-color);color:var(--bg-color)}.input-wrapper{width:100%;max-width:480px;margin-top:2.5rem}.prompt-container{display:flex;align-items:center;border:1.5px solid var(--border-color);border-radius:12px;padding:.75rem .75rem .75rem 1.5rem;transition:all .3s var(--premium-ease);background-color:transparent}.prompt-container:focus-within{border-color:var(--text-color);box-shadow:0 0 0 3px var(--shadow-color)}.prompt-input{flex:1;font-family:Playfair Display,serif;font-style:italic;font-size:1rem;font-weight:400;letter-spacing:-.01em;color:var(--text-color);background:none;border:none;outline:none;padding:0;min-width:0}.prompt-input::placeholder{color:var(--faded-text);font-family:Playfair Display,serif;font-style:italic;font-weight:400;opacity:1;transition:color .3s var(--premium-ease)}.prompt-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background-color:var(--text-color);color:var(--bg-color);flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .3s var(--premium-ease);transition:all .3s var(--premium-ease);overflow:hidden;position:relative}.prompt-send.visible{opacity:1;pointer-events:auto}.prompt-send.visible:hover{opacity:.7}.prompt-send.visible:active{opacity:.5}.arrow-container{display:flex;align-items:center;justify-content:center;position:relative;width:18px;height:18px;overflow:hidden}.arrow-icon{transition:transform .4s var(--premium-ease)}.prompt-send.slide-out{pointer-events:none}.prompt-send.slide-out .arrow-icon{animation:arrowSlideOut .5s var(--premium-ease) forwards}@keyframes arrowSlideOut{0%{transform:translate(0);opacity:1}45%{transform:translate(28px);opacity:0}46%{transform:translate(-28px);opacity:0}to{transform:translate(0);opacity:1}}.prompt-container.sending{animation:promptSend .6s var(--premium-ease) forwards}.prompt-sending-text{flex:1;font-size:1rem;font-weight:400;letter-spacing:-.01em;color:var(--text-color);animation:textFadeOut .4s var(--premium-ease) forwards}@keyframes promptSend{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes textFadeOut{0%{opacity:1}to{opacity:.3}}@media(max-width:600px){.prompt-container{border-radius:10px;padding:.6rem .6rem .6rem 1.25rem}.prompt-input{font-size:.9rem}.prompt-send{width:32px;height:32px}}.timer{font-family:Inter,sans-serif;font-size:3rem;font-weight:200;color:var(--text-color);margin-top:2rem;opacity:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums;animation:fadeIn .5s ease-out}.install-area{position:fixed;top:1.5rem;left:1.5rem;display:flex;gap:.75rem;z-index:50}.install-btn,.download-btn{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--text-color);text-decoration:none;opacity:.35;transition:opacity .3s var(--premium-ease);background:none;border:none;padding:0}.install-btn:hover,.download-btn:hover{opacity:1}.download-icon{width:14px;height:14px}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .3s var(--premium-ease)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:2rem 2.5rem;max-width:380px;width:90%;text-align:center;animation:modalSlideUp .4s var(--premium-ease)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-family:Playfair Display,serif;font-style:italic;font-size:1.3rem;font-weight:400;margin-bottom:.5rem}.modal-subtitle{font-size:.8rem;color:var(--faded-text);margin-bottom:1.5rem;line-height:1.5}.email-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--text-color);background:transparent;outline:none;transition:border-color .3s var(--premium-ease);margin-bottom:.75rem}.email-input:focus{border-color:var(--text-color)}.email-input::placeholder{color:var(--faded-text);opacity:.6}.modal-submit-btn{width:100%;padding:.7rem;background-color:var(--text-color);color:var(--bg-color);border:none;border-radius:10px;font-size:.85rem;font-weight:500;letter-spacing:.03em;transition:opacity .3s var(--premium-ease)}.modal-submit-btn:hover{opacity:.85}.modal-skip{display:block;margin:1rem auto 0;font-size:.7rem;color:var(--faded-text);background:none;border:none;opacity:.5;transition:opacity .3s ease}.modal-skip:hover{opacity:1}.modal-close-btn{margin-top:1.5rem;padding:.5rem 1.5rem;border:1px solid var(--border-color);border-radius:8px;font-size:.8rem;background:none;color:var(--text-color);transition:all .3s var(--premium-ease)}.modal-close-btn:hover{border-color:var(--text-color)}.modal-note{font-size:.75rem;color:var(--faded-text);margin-top:1rem}.email-success{padding:1rem 0}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--text-color);color:var(--bg-color);font-size:1.5rem;margin-bottom:1rem;animation:successPop .4s var(--premium-ease)}@keyframes successPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.email-success p{font-size:.85rem;color:var(--faded-text)}.modal-content ol{text-align:left;padding-left:1.2rem;margin:1rem 0}.modal-content li{font-size:.85rem;margin-bottom:.75rem;line-height:1.5}.ios-icon{font-size:1rem}.fade-in{animation:fadeIn .4s var(--premium-ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:600px;transition:all .6s var(--premium-ease)}.container.transitioning{opacity:0;transform:translateY(10px)}.header{margin-bottom:0}.logo{font-size:2rem;font-weight:200;letter-spacing:-.02em;transition:opacity .4s var(--premium-ease)}.logo:hover{opacity:.5}.subtitle{font-size:.9rem;font-weight:300;color:var(--faded-text);margin-top:.5rem;letter-spacing:.01em;animation:fadeIn .5s var(--premium-ease)}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;background:none;border:none;padding:.5rem;z-index:100;opacity:.4;transition:all .4s var(--premium-ease)}.theme-toggle:hover{opacity:1;transform:scale(1.15)}.theme-icon{font-size:1.25rem;display:inline-block;transition:all .5s var(--premium-ease);filter:grayscale(1)}.theme-toggle.dark .theme-icon{transform:rotate(180deg);filter:grayscale(0)}.footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2.5rem}.focus-label{font-size:.9rem;font-weight:300;color:var(--faded-text);letter-spacing:.01em}.timer-container{transition:all .8s var(--premium-ease);max-height:200px;opacity:1;transform:translateY(0);overflow:hidden}.timer-container.hidden{max-height:0;opacity:0;transform:translateY(-10px);margin:0}.toggle-timer-btn{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faded-text);opacity:.5;margin-top:.5rem;transition:opacity .3s ease}.toggle-timer-btn:hover{opacity:1}.reset-btn{font-size:.85rem;letter-spacing:.05em;color:var(--text-color);opacity:.6;padding:.5rem 1.5rem;border:1px solid var(--border-color);border-radius:8px;transition:all .3s var(--premium-ease)}.reset-btn:hover{opacity:1;border-color:var(--text-color);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s var(--premium-ease) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-container{position:fixed;bottom:1.5rem;left:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;pointer-events:none;z-index:40}.bottom-container>*{pointer-events:auto}.install-counter{font-size:.85rem;font-weight:400;letter-spacing:.04em;color:var(--faded-text);opacity:.8}.social-link{color:var(--faded-text);opacity:.4;transition:all .3s var(--premium-ease);display:flex;align-items:center;justify-content:center;padding:.5rem}.social-link:hover{opacity:1;color:var(--text-color);transform:translateY(-2px)}
