:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#00d4aa;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh;width:100%}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:#00d4aa;color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:#00b894}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#2c2416;background-color:#faf9f6;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}@media (max-width: 768px){body{-webkit-overflow-scrolling:touch}html{overflow-x:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:0px;background:transparent;display:none}body::-webkit-scrollbar{display:none;width:0px;background:transparent}html::-webkit-scrollbar{display:none;width:0px;background:transparent}#root,.app{overflow-x:hidden}main{overflow-x:hidden}}#root,.app{min-height:100vh;width:100%;display:flex;flex-direction:column}main{flex:1;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}p{margin-bottom:1rem}a{color:#00d4aa;text-decoration:none;transition:color .2s ease}a:hover{color:#00b894}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}@media (max-width: 768px){.container{padding:0 16px}}.landing-page{min-height:100vh}html{scroll-behavior:smooth}section{padding:80px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){section{padding:60px 0}}.hero{background:#faf9f6;padding:100px 0 120px;min-height:100vh;display:flex;align-items:center;width:100%;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d4c5b9,transparent)}.hero-content{max-width:900px;margin:0 auto;padding:0 40px;text-align:center}.bookmark-icon{font-size:48px;margin-bottom:24px;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-title{font-size:64px;font-weight:300;line-height:1.2;margin-bottom:24px;color:#2c2416;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif}.hero-description{font-size:20px;line-height:1.7;color:#5a5247;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:300}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:80px}.download-btn{display:inline-block;padding:16px 36px;border:1.5px solid #8b7355;border-radius:2px;text-decoration:none;font-weight:400;font-size:16px;color:#5a5247;transition:all .3s ease;background:transparent;font-family:inherit;letter-spacing:.5px}.hero-visual{display:flex;justify-content:center;align-items:center;margin-top:60px}.hero-screenshots{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}.hero-screenshot{width:100%;height:auto;display:block;border:1px solid #d4c5b9;box-shadow:0 2px 8px #2c241614;transition:transform .3s ease,box-shadow .3s ease}.hero-screenshot:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2c24161f}@media (max-width: 1024px){.hero-content{padding:0 30px}.hero-title{font-size:48px}.hero-screenshots{max-width:600px}}@media (max-width: 768px){.hero{padding:80px 0 100px}.hero-content{padding:0 20px}.bookmark-icon{font-size:40px;margin-bottom:20px}.hero-title{font-size:40px}.hero-description{font-size:18px;margin-bottom:40px}.hero-actions{flex-direction:column;align-items:center;margin-bottom:60px}.download-btn{width:100%;max-width:280px;text-align:center}.hero-screenshots{grid-template-columns:repeat(2,1fr);gap:16px;max-width:100%}}@media (max-width: 480px){.hero-screenshots{grid-template-columns:1fr;gap:20px}.hero-title{font-size:36px}.hero-description{font-size:16px}}.features{background:#fff;padding:120px 0;border-top:1px solid #e8e3dc}.container{max-width:1000px;margin:0 auto;padding:0 40px}.features-list{display:grid;grid-template-columns:repeat(4,1fr);gap:60px;margin:0 auto}.feature-item{text-align:center;padding:32px 24px;border:1px solid #e8e3dc;background:#faf9f6;transition:all .3s ease;position:relative}.feature-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#8b7355;transform:scaleX(0);transition:transform .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2c24161a;border-color:#d4c5b9}.feature-item:hover:before{transform:scaleX(1)}.feature-icon{font-size:32px;margin-bottom:20px;display:block}.feature-title{font-size:20px;font-weight:400;color:#2c2416;margin-bottom:12px;letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif}.feature-description{font-size:15px;color:#5a5247;line-height:1.6;font-weight:300;margin:0}@media (max-width: 1024px){.features-list{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width: 768px){.features{padding:80px 0}.container{padding:0 20px}.features-list{grid-template-columns:1fr;gap:32px}.feature-item{padding:28px 20px}.feature-icon{font-size:28px;margin-bottom:16px}.feature-title{font-size:18px}.feature-description{font-size:14px}}.download-section{background:#faf9f6;padding:120px 0;text-align:center;border-top:1px solid #e8e3dc}.container{max-width:800px;margin:0 auto;padding:0 40px}.download-content{max-width:600px;margin:0 auto}.download-title{font-size:42px;font-weight:300;color:#2c2416;margin-bottom:20px;letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif}.download-description{font-size:18px;color:#5a5247;margin-bottom:48px;font-weight:300;line-height:1.6}.download-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.download-btn{display:inline-block;padding:16px 36px;border:1.5px solid #8b7355;border-radius:2px;text-decoration:none;font-weight:400;font-size:16px;color:#5a5247;transition:all .3s ease;background:transparent;letter-spacing:.5px}.download-btn:hover{background:#8b7355;color:#faf9f6;transform:translateY(-2px);box-shadow:0 4px 12px #8b735533}@media (max-width: 768px){.download-section{padding:80px 0}.container{padding:0 20px}.download-title{font-size:32px}.download-description{font-size:16px;margin-bottom:40px}.download-actions{flex-direction:column;align-items:center;gap:16px}.download-btn{width:100%;max-width:280px;text-align:center}}.privacy-policy{background:#fff;min-height:100vh;padding:40px 0 80px}.privacy-header{text-align:center;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid #e5e7eb}.privacy-title{font-size:48px;font-weight:700;color:#1f2937;margin-bottom:16px}.privacy-subtitle{font-size:18px;color:#6b7280}.privacy-content{max-width:800px;margin:0 auto}.privacy-section{margin-bottom:48px}.privacy-section h2{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #00d4aa}.privacy-section h3{font-size:20px;font-weight:600;color:#374151;margin:24px 0 12px}.privacy-section p{font-size:16px;line-height:1.7;color:#4b5563;margin-bottom:16px}.privacy-section ul{margin:16px 0;padding-left:24px}.privacy-section li{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:8px}@media (max-width: 768px){.privacy-policy{padding:20px 0 60px}.privacy-title{font-size:36px}.privacy-subtitle{font-size:16px}.privacy-section h2{font-size:24px}.privacy-section h3{font-size:18px}.privacy-section p,.privacy-section li{font-size:15px}.contact-info{padding:20px}}.terms-of-service{background:#fff;min-height:100vh;padding:40px 0 80px}.terms-header{text-align:center;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid #e5e7eb}.terms-title{font-size:48px;font-weight:700;color:#1f2937;margin-bottom:16px}.terms-subtitle{font-size:18px;color:#6b7280}.terms-content{max-width:800px;margin:0 auto}.terms-section{margin-bottom:48px}.terms-section h2{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #00d4aa}.terms-section h3{font-size:20px;font-weight:600;color:#374151;margin:24px 0 12px}.terms-section p{font-size:16px;line-height:1.7;color:#4b5563;margin-bottom:16px}.terms-section ul{margin:16px 0;padding-left:24px}.terms-section li{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:8px}.contact-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-top:16px}.contact-info p{margin-bottom:8px;font-size:16px;color:#374151}.contact-info strong{color:#1f2937;font-weight:600}@media (max-width: 768px){.terms-of-service{padding:20px 0 60px}.terms-title{font-size:36px}.terms-subtitle{font-size:16px}.terms-section h2{font-size:24px}.terms-section h3{font-size:18px}.terms-section p,.terms-section li{font-size:15px}.contact-info{padding:20px}}.support-page{min-height:100vh;background:linear-gradient(135deg,#1a4d3a,#2d5a47);color:#fff;padding:120px 0 80px}.container{max-width:800px;margin:0 auto;padding:0 20px}.support-header{text-align:center;margin-bottom:60px}.support-title{font-size:48px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-subtitle{font-size:20px;color:#d1d5db;line-height:1.6}.support-content{display:flex;flex-direction:column;gap:48px}.support-section{background:#ffffff0d;border-radius:20px;padding:32px;border:1px solid rgba(34,197,94,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-item{display:flex;align-items:center;gap:12px}.contact-label{font-weight:600;color:#fff;min-width:120px}.contact-link{color:#22c55e;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-link:hover{color:#4ade80;text-decoration:underline}.contact-value{color:#d1d5db}.faq-list{display:flex;flex-direction:column;gap:24px}.faq-item{background:#ffffff08;border-radius:12px;padding:20px;border-left:4px solid #22c55e}.faq-question{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.faq-answer{color:#d1d5db;line-height:1.6;margin:0}.privacy-content{display:flex;flex-direction:column;gap:16px}.privacy-content p{color:#d1d5db;line-height:1.6;margin:0}.privacy-content strong{color:#22c55e;font-weight:600}.app-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;align-items:center;gap:12px}.info-label{font-weight:600;color:#fff;min-width:100px}.info-value{color:#d1d5db}@media (max-width: 768px){.support-page{padding:100px 0 60px}.container{padding:0 16px}.support-title{font-size:36px}.support-subtitle{font-size:18px}.support-section{padding:24px}.section-title{font-size:24px}.contact-item{flex-direction:column;align-items:flex-start;gap:4px}.contact-label{min-width:auto}.info-item{flex-direction:column;align-items:flex-start;gap:4px}.info-label{min-width:auto}}.account-deletion-page{min-height:100vh;background:linear-gradient(135deg,#1a4d3a,#2d5a47);color:#fff;padding:120px 0 80px}.container{max-width:900px;margin:0 auto;padding:0 20px}.account-deletion-header{text-align:center;margin-bottom:60px}.account-deletion-title{font-size:48px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-deletion-subtitle{font-size:20px;color:#d1d5db;line-height:1.6}.account-deletion-content{display:flex;flex-direction:column;gap:48px}.account-deletion-section{background:#ffffff0d;border-radius:20px;padding:32px;border:1px solid rgba(34,197,94,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{font-size:28px;font-weight:700;color:#22c55e;margin-bottom:24px;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px}.account-deletion-section p{color:#d1d5db;line-height:1.6;margin-bottom:16px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;gap:16px;align-items:flex-start}.step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.step-content{flex:1;color:#d1d5db;line-height:1.6}.step-content p{margin:0}.deletion-list{display:flex;flex-direction:column;gap:12px}.deletion-item{display:flex;align-items:center;gap:12px;color:#d1d5db}.check-icon{color:#22c55e;font-weight:700;font-size:20px}.retention-notice{background:#22c55e1a;border-left:4px solid #22c55e;padding:16px;border-radius:8px;margin:16px 0}.warning-list{display:flex;flex-direction:column;gap:12px}.warning-item{display:flex;align-items:center;gap:12px;color:#fbbf24;font-weight:500}.warning-icon{font-size:20px}.rights-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;color:#d1d5db}.rights-list li{padding-left:24px;position:relative}.rights-list li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{color:#d1d5db}.contact-item a{color:#22c55e;text-decoration:none;margin-left:8px;transition:color .3s ease}.contact-item a:hover{color:#4ade80;text-decoration:underline}.last-updated{text-align:center;margin-top:32px;color:#9ca3af;font-size:14px}@media (max-width: 768px){.account-deletion-page{padding:100px 0 60px}.container{padding:0 16px}.account-deletion-title{font-size:36px}.account-deletion-subtitle{font-size:18px}.account-deletion-section{padding:24px}.section-title{font-size:24px}.step-item{flex-direction:column;gap:8px}.step-number{width:32px;height:32px;font-size:16px}}.roadmap{background:#fff;min-height:100vh;padding:40px 0 80px}.roadmap-header{text-align:center;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid #e5e7eb}.roadmap-title{font-size:48px;font-weight:700;color:#1f2937;margin-bottom:16px}.roadmap-subtitle{font-size:18px;color:#6b7280}.roadmap-content{max-width:900px;margin:0 auto}.roadmap-timeline{position:relative;padding-left:40px}.roadmap-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#00d4aa,#00a8cc);border-radius:2px}.timeline-item{margin-bottom:60px;position:relative}.timeline-item:before{content:"";position:absolute;left:-46px;top:8px;width:16px;height:16px;background:#00d4aa;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 3px #00d4aa}.timeline-period{margin-bottom:32px}.period-title{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:0}.timeline-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.feature-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00d4aa26;border-color:#00d4aa}.feature-icon{font-size:32px;margin-bottom:16px}.feature-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:12px}.feature-description{font-size:16px;line-height:1.6;color:#4b5563;margin:0}@media (max-width: 768px){.roadmap{padding:20px 0 60px}.roadmap-title{font-size:36px}.roadmap-subtitle{font-size:16px}.roadmap-timeline{padding-left:30px}.roadmap-timeline:before{left:-5px}.timeline-item:before{left:-36px;width:12px;height:12px}.period-title{font-size:24px}.timeline-features{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px}.feature-title{font-size:18px}.feature-description{font-size:15px}}.header{background:#faf9f6;border-bottom:1px solid #e8e3dc;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#2c2416;font-weight:400;font-size:20px;transition:opacity .2s ease}.logo:hover{opacity:.7}.logo-text{color:#2c2416}.nav{display:flex;gap:40px}.nav-link{color:#5a5247;text-decoration:none;font-weight:300;font-size:15px;transition:color .2s ease}.nav-link:hover{color:#2c2416}@media (max-width: 768px){.container{padding:0 20px}.header-content{height:60px}.nav{gap:24px}.logo{font-size:18px}.logo-icon{width:24px;height:24px}.nav-link{font-size:14px}}.footer{background:#faf9f6;border-top:1px solid #e8e3dc;margin-top:100px;padding:60px 0 40px}.container{max-width:1200px;margin:0 auto;padding:0 40px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:40px}.footer-section:first-child{max-width:400px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.logo-icon{width:28px;height:28px;object-fit:contain}.logo-text{font-size:20px;font-weight:400;color:#2c2416}.footer-description{color:#5a5247;line-height:1.6;margin-bottom:24px;font-size:15px;font-weight:300}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d4c5b9;text-decoration:none;transition:all .2s ease;font-size:16px;background:#fff}.social-link:hover{border-color:#8b7355;background:#fff}.footer-title{font-size:16px;font-weight:400;margin-bottom:20px;color:#2c2416;letter-spacing:-.01em}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#5a5247;text-decoration:none;font-size:15px;font-weight:300;transition:color .2s ease}.footer-links a:hover{color:#2c2416}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #e8e3dc}.copyright{color:#8b7355;font-size:14px;margin:0;font-weight:300}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 768px){.footer{margin-top:60px;padding:40px 0 30px}.container{padding:0 20px}.footer-content{grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.social-links{justify-content:center}}
