@font-face{font-family:Dymon ShouXieTi;src:url(../../../fonts/Dymon-ShouXieTi.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}:root{--green:#92c661;--light-green:#c7e8a7;--orange:#ffbb43;--light-orange:#eecf9d;--purple:#bfadff;--light-purple:#ede8ff;--deep-purple:#6c53c2;--blue:#3d7efc;--light-blue:#92b7ff;--red:#ff3f1e;--light-red:#ff8f88;--coral:#f76b61;--light-coral:#faa49e;--yellow:#ffd147;--light-yellow:#ffebad;--teal:#32b8b6;--light-teal:#9fe5e4;--light-gray:#dcded9;--barely-not-white:#fafaf9;--dark-scaffold:#2e2c38;--dark-surface:#2d2a42;--dark-card:#534e61;--dark-card-purple:#4e4778;--dark-input-fill:#534e61;--primary:var(--green);--secondary:var(--purple);--bg-scaffold:#fff;--surface:#fff;--surface-card:var(--light-purple);--surface-input:#f5f5f5;--surface-input-disabled:#e0e0e0;--surface-hover:var(--barely-not-white);--text-strong:#2d3436;--text-body:#2d3436;--text-muted:#666;--text-on-color:#fff;--text-hint:#9aa0a6;--border-subtle:var(--light-gray);--divider:var(--light-gray);--switcher-bg:var(--light-gray);--switcher-text:#000;--switcher-selected-bg:#2c2c2c;--switcher-selected-text:#fff;--nav-selected-bg:var(--green);--nav-selected-text:#fff;--nav-unselected:#9e9e9e;--success:var(--green);--warning:var(--orange);--danger:var(--red);--premium:var(--orange)}[data-theme=dark]{--bg-scaffold:var(--dark-scaffold);--surface:var(--dark-surface);--surface-card:var(--dark-card-purple);--surface-input:var(--dark-input-fill);--surface-input-disabled:var(--dark-card);--surface-hover:#ffffff0f;--text-strong:#fff;--text-body:#f1f0f5;--text-muted:#d6d3e2;--text-hint:#b3b0ca;--border-subtle:#44414f;--divider:#44414f;--switcher-bg:var(--dark-input-fill);--switcher-text:#ffffffb3;--switcher-selected-bg:var(--dark-card-purple);--switcher-selected-text:#fff}:root{--font-display:"Dymon ShouXieTi", "Noto Sans SC", cursive;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", "Noto Sans", sans-serif;--font-han:"Noto Sans SC", "Noto Sans TC", system-ui, sans-serif;--font-reading:"Vollkorn", Georgia, "Times New Roman", serif;--text-display-lg:96px;--text-display-md:60px;--text-display-sm:48px;--text-headline-lg:30px;--text-headline-md:20px;--text-headline-sm:16px;--text-title-lg:24px;--text-title-md:18px;--text-title-sm:14px;--text-body-lg:28px;--text-body-md:22px;--text-body-sm:18px;--text-label-lg:18px;--text-label-md:16px;--text-label-sm:12px;--weight-normal:400;--weight-medium:500;--weight-bold:700;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--pad-card:var(--space-4);--pad-button:var(--space-5);--gap-stack:var(--space-4);--gap-tight:var(--space-2);--container-max:1200px;--screen-gutter:var(--space-4);--radius-pandan:32px;--radius-pill:999px;--radius-md:16px;--radius-sm:12px;--radius-xs:8px;--radius-stat:28px;--shadow-none:none;--shadow-card:0 8px 24px #2d34361a;--shadow-float:0 10px 40px #00000026;--shadow-popup:0 12px 32px #00000047;--shadow-nav:0 6px 18px #2d34361f;--shadow-lift:0 4px 14px #2d34361a;--fetti:url(../../../ds/fetti.png)}.han{font-family:var(--font-han)}.fetti{isolation:isolate;position:relative}.fetti:before{content:"";-webkit-mask-image:var(--fetti);-webkit-mask-image:var(--fetti);mask-image:var(--fetti);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--fetti-size,420px) auto;-webkit-mask-size:var(--fetti-size,420px) auto;mask-size:var(--fetti-size,420px) auto;-webkit-mask-position:0 var(--fetti-offset,0px);-webkit-mask-position:0 var(--fetti-offset,0px);mask-position:0 var(--fetti-offset,0px);opacity:.16;pointer-events:none;z-index:0;background-color:#fff;position:absolute;inset:0}.fetti>*{z-index:1;position:relative}.press{transition:transform .12s}.press:active{transform:scale(.97)}@font-face{font-family:Dymon-ShouXieTi;src:url(../../../fonts/Dymon-ShouXieTi.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary-color:#92c661;--secondary-color:#bfadff;--light-green:#c7e8a7;--orange:#ffbb43;--light-orange:#eecf9d;--light-purple:#ede8ff;--light-gray:#dcded9;--barely-not-white:#fafaf9;--card-color:var(--light-purple);--scaffold-background:var(--barely-not-white);--dark-color:#2d3436;--text-color:var(--dark-color);--muted-text:#666;--surface-rgb:255, 255, 255;--blob-rgb:250, 250, 249;--navbar-rgb:255, 255, 255;--input-bg:white;--tile-bg:url(../../../images/tilablebg.webp);--features-wash-rgb:237, 232, 255;--features-wash-alpha:.55}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--scaffold-background:#16181a;--text-color:#e6e4df;--muted-text:#a3a7a0;--surface-rgb:37, 41, 39;--blob-rgb:6, 6, 4;--navbar-rgb:22, 24, 26;--input-bg:#2c302e;--tile-bg:url(../../../images/tilablebg_dark.webp);--features-wash-rgb:84, 72, 122;--features-wash-alpha:.1}a{color:var(--primary-color)}body{color:var(--text-color);background-color:var(--scaffold-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";background-image:var(--tile-bg);filter:saturate(50%);z-index:-1;background-repeat:repeat;background-size:400px 400px;position:fixed;inset:0}.navbar{background:rgba(var(--navbar-rgb), .95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;padding:1rem 0;position:fixed;top:0}.navbar:after{content:"";background:linear-gradient(to bottom, rgba(var(--navbar-rgb), .95) 0%, rgba(var(--blob-rgb), .8) 20%, rgba(var(--blob-rgb), .5) 50%, rgba(var(--blob-rgb), .2) 75%, transparent 100%);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:30px;position:absolute;bottom:-30px;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:var(--primary-color);align-items:center;font-family:Dymon-ShouXieTi,sans-serif;font-size:1.8rem;font-weight:700;text-decoration:none;display:flex}.logo img{width:auto;height:50px;margin-right:.8rem}.nav-right{align-items:center;gap:2rem;display:flex}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-menu a{color:var(--text-color);text-decoration:none;transition:color .3s}.nav-menu a:hover{color:var(--primary-color)}.theme-toggle{cursor:pointer;color:var(--text-color);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex}.theme-toggle:hover{color:var(--primary-color)}.theme-toggle svg{width:22px;height:22px;display:block}.theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.hero{--hero-text-col:460px;--store-badge-h:52px;--chrome-badge-h:52px;--browser-phone-gap:45px;--phone-scale:.8;--phone-right:-40px;--phone-bottom:10px;--mascot-width:220px;--mascot-right:-80px;--mascot-bottom:-20px;--hero-fixed-w:calc(96px + var(--hero-text-col) + var(--browser-phone-gap));--hero-shrink:tan(atan2(calc(min(100vw, 1200px) - var(--hero-fixed-w)), calc(1200px - var(--hero-fixed-w))));justify-content:center;align-items:center;min-height:92vh;margin-top:40px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;align-items:center;gap:3rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.hero-text{flex:0 0 var(--hero-text-col);padding:2rem 1.5rem;position:relative}.hero-text .btn-download img{height:var(--store-badge-h)}.hero-text:before{content:"";background:radial-gradient(ellipse at center, rgba(var(--blob-rgb), .95) 10%, rgba(var(--blob-rgb), .85) 50%, rgba(var(--blob-rgb), .6) 60%, rgba(var(--blob-rgb), .3) 80%, transparent 100%);z-index:-1;filter:blur(10px);border-radius:30px;position:absolute;inset:-1.5rem}.hero-text h1{color:var(--primary-color);margin-bottom:1rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:3.5rem;line-height:1.2}.hero-text p{color:var(--muted-text);margin-bottom:2rem;font-size:1.25rem}.hl-green{color:var(--primary-color);font-weight:700}.hl-purple{color:var(--secondary-color);font-weight:700}.hl-orange{color:var(--orange);font-weight:700}.hero-visual{flex:1;position:relative}.hero-visual .browser-carousel{margin-right:var(--browser-phone-gap);animation:.8s cubic-bezier(.34,1.56,.64,1) both slideUpOvershoot}.hero-visual .phone-mockup{right:var(--phone-right);bottom:var(--phone-bottom);transform:scale(calc(var(--phone-scale) * var(--hero-shrink)));transform-origin:100% 100%;position:absolute}.hero-visual .phone-frame{animation-delay:.25s;animation-fill-mode:both}.hero-visual .phone-mockup .carousel-indicators{display:none}.scroll-cue{background:rgba(var(--surface-rgb), .95);border:2px solid var(--primary-color);width:56px;height:56px;color:var(--primary-color);z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:opacity .4s,box-shadow .2s;animation:2s ease-in-out infinite scrollBounce;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #2d34362e}.scroll-cue:hover{box-shadow:0 10px 24px #2d343638}.scroll-cue.is-hidden{opacity:0;pointer-events:none}.scroll-cue svg{display:block}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.download-buttons{flex-direction:column;gap:1rem;display:inline-flex}.store-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn-beta{background:var(--primary-color);color:#fff;text-align:center;border-radius:8px;width:100%;padding:.875rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .3s,background-color .3s;display:block}.btn-beta:hover{background:var(--secondary-color);transform:translateY(-3px)}.btn-download{transition:transform .3s;display:inline-block}.btn-download:hover{transform:translateY(-3px)}.btn-download img{width:auto;height:65px}.store-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.chrome-badge{align-self:center;margin-top:.5rem}.chrome-badge img{height:var(--chrome-badge-h,46px);width:auto}.phone-mockup{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.ipadbaby-wrapper{right:var(--mascot-right,-80px);bottom:var(--mascot-bottom,40px);z-index:2;position:absolute}.ipadbaby{width:var(--mascot-width,220px);height:auto;display:block}.ipadbaby-shadow{filter:blur(3px);background:radial-gradient(#00000026 0%,#00000014 50%,#0000 70%);border-radius:50%;width:140px;height:25px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.phone-frame{background:linear-gradient(135deg,#1e1e1e,#3a3a3a);border-radius:24px;width:300px;height:618px;padding:8px;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideUpOvershoot;position:relative}.phone-frame:after{content:"";z-index:-1;background:#1e1e1e;border:1px solid #444;border-radius:31px;position:absolute;inset:-7px;box-shadow:0 20px 40px #0006}@keyframes slideUpOvershoot{0%{opacity:0;transform:translateY(100vh)}60%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.phone-frame:before{content:"";background:#000;border-radius:10px;width:150px;height:5px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;background:linear-gradient(135deg, var(--accent-color), var(--light-color));width:100%;height:100%}.screenshot-carousel{width:100%;height:100%;position:relative;overflow:hidden}.screenshot-container{width:100%;height:100%;position:relative}.screenshot{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .5s ease-in-out,opacity .5s ease-in-out;position:absolute;top:0;left:0}.screenshot.active{opacity:1}.carousel-indicators{z-index:10;justify-content:center;gap:8px;margin-top:30px;animation:.5s ease-out .6s both fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.indicator{background:var(--light-purple);border:1px solid var(--secondary-color);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.indicator.active{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.3)}.indicator:hover{background:var(--secondary-color);border-color:var(--secondary-color)}.features{background:linear-gradient(180deg, rgba(var(--features-wash-rgb), 0) 0%, rgba(var(--features-wash-rgb), var(--features-wash-alpha)) 12%, rgba(var(--features-wash-rgb), var(--features-wash-alpha)) 100%);padding:4rem 0 5rem;scroll-margin-top:110px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.features h2{text-align:center;color:var(--primary-color);margin-bottom:.5rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:3rem}.features-intro{text-align:center;max-width:540px;color:var(--muted-text);margin:0 auto;font-size:1.2rem}.features-heading,.features-cta{position:relative}.features-heading{margin-bottom:3.5rem}.features-heading:before,.extension-text:before,.features-cta:before{content:"";background:radial-gradient(ellipse at center, rgba(var(--blob-rgb), .95) 0%, rgba(var(--blob-rgb), .8) 55%, rgba(var(--blob-rgb), .4) 80%, transparent 100%);filter:blur(10px);z-index:0;border-radius:40px;position:absolute;inset:-1.5rem -3rem}.features-heading>*,.extension-text>*,.features-cta>*{z-index:1;position:relative}.feature-row{align-items:center;gap:3rem;margin-bottom:4rem;display:flex}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{flex-direction:row-reverse}.feature-text{background:rgba(var(--surface-rgb), .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:26px 20px 28px 22px;flex:1;padding:2.5rem;box-shadow:0 8px 24px #2d34361a}.feature-text h3{color:var(--primary-color);margin-bottom:1rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:2rem}.feature-text p{color:var(--text-color);font-size:1.1rem;line-height:1.8}.feature-image{flex:1;justify-content:center;align-items:center;display:flex}.feature-image img{width:100%;max-width:400px;height:auto}.extension-showcase{margin-top:6rem}.extension-text{text-align:center;max-width:720px;margin:0 auto 3rem;position:relative}.extension-text h3{color:var(--primary-color);margin-bottom:1rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:2.5rem}.extension-text>p{color:var(--muted-text);margin-bottom:1.5rem;font-size:1.15rem}.extension-benefits{text-align:left;flex-direction:column;gap:.75rem;max-width:560px;margin:0 auto;padding:0;list-style:none;display:flex}.extension-benefits li{color:var(--text-color);padding-left:2rem;font-size:1.1rem;line-height:1.6;position:relative}.extension-benefits li:before{content:"";background:var(--primary-color);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.55em;left:.25rem}.browser-frame{background:#2b2b2b;border:1px solid #444;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #2d34364d}.browser-bar{background:linear-gradient(#3a3a3a,#2b2b2b);align-items:center;gap:7px;padding:7px 12px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.browser-url{color:#aaa;background:#1e1e1e;border-radius:999px;flex:1;max-width:280px;margin-left:10px;padding:2px 14px;font-size:.78rem}.browser-screen{aspect-ratio:16/10;background:#1e1e1e;position:relative}.browser-shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;inset:0}.browser-shot.active{opacity:1}.browser-indicators{margin-top:14px}.extension-browser{max-width:900px;margin:0 auto;display:none}.features-cta{text-align:center;margin-top:6rem}.features-cta h2{margin-bottom:2rem}.features-cta .store-buttons{justify-content:center}@media (width<=768px){.feature-row,.feature-row.reverse{flex-direction:column;gap:1.5rem;margin-bottom:3rem}.feature-row .feature-image{order:-1}.feature-text{padding:2rem}.feature-text h3{font-size:1.5rem}.feature-text p{font-size:1rem}.feature-image img{max-width:100%}.extension-showcase,.features-cta{margin-top:4rem}.extension-text h3{font-size:1.8rem}.extension-benefits li{font-size:1rem}}.feature-card h3{color:var(--secondary-color);margin-bottom:1rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:1.5rem}.footer{background:var(--dark-color);color:#fff;text-align:center;padding:2rem 0}.footer-links{justify-content:center;gap:2rem;margin-top:1rem;display:flex}.footer-links a{color:var(--light-green);text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (width<=1100px) and (width>=769px){.hero{--hero-shrink:tan(atan2(calc(min(100vw - 48px, 760px) - var(--browser-phone-gap)), calc(1200px - var(--hero-fixed-w))))}.hero-content{flex-direction:column-reverse;gap:2rem}.hero-text{text-align:center;flex:none;max-width:640px}.hero-text .store-buttons{justify-content:center}.hero-visual{width:100%;max-width:760px}}.notfound{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.notfound-content{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 3rem;display:flex;position:relative}.notfound-content:before{content:"";background:radial-gradient(ellipse at center, rgba(var(--blob-rgb), .95) 10%, rgba(var(--blob-rgb), .85) 50%, rgba(var(--blob-rgb), .6) 60%, rgba(var(--blob-rgb), .3) 80%, transparent 100%);z-index:-1;filter:blur(10px);border-radius:30px;position:absolute;inset:-1.5rem}.notfound-content h1{color:var(--text-color);letter-spacing:-.08em;margin:1rem 0 .5rem;padding-left:.4em;font-family:Dymon-ShouXieTi,sans-serif;font-size:5rem;line-height:1.1}.notfound-content p{color:var(--text-color);margin:0;font-size:1.5rem}@media (width<=768px){.notfound-content h1{font-size:3.5rem}}.upgrade{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.upgrade-content{text-align:center;flex-direction:column;align-items:center;max-width:640px;padding:3rem;display:flex;position:relative}.upgrade-content:before{content:"";background:radial-gradient(ellipse at center, rgba(var(--blob-rgb), .95) 10%, rgba(var(--blob-rgb), .85) 50%, rgba(var(--blob-rgb), .6) 60%, rgba(var(--blob-rgb), .3) 80%, transparent 100%);z-index:-1;filter:blur(10px);border-radius:30px;position:absolute;inset:-1.5rem}.upgrade-content h1{color:var(--primary-color);margin:1.5rem 0 1rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:3.5rem;line-height:1.2}.upgrade-content p{color:var(--muted-text);margin:0 0 2rem;font-size:1.25rem}.upgrade-banner{border-radius:24px;width:280px;max-width:70vw;height:auto;box-shadow:0 10px 30px #00000026}.upgrade-benefits{text-align:left;flex-direction:column;gap:1rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.upgrade-benefits li{color:#333;padding-left:1.75rem;font-size:1.15rem;position:relative}.upgrade-benefits li:before{content:"";background:var(--primary-color);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.5em;left:0}.upgrade-trial{font-weight:600;color:var(--primary-color)!important;margin:1.5rem 0 0!important;font-size:1rem!important}@media (width<=768px){.upgrade-content h1{font-size:2.5rem}.upgrade-benefits li{font-size:1rem}.hero-content{text-align:center;flex-direction:column}.hero-text{flex:none;padding:1.5rem}.hero-text:before{inset:-1rem}.hero-text h1{font-size:2.5rem}.hero-visual{flex-direction:column;align-items:center;width:100%;display:flex}.hero-visual .browser-carousel{display:none}.hero-visual .phone-mockup{position:static;transform:none}.hero-visual .phone-frame{animation-delay:0s}.hero-text .btn-download img{height:65px}.hero-visual .phone-mockup .carousel-indicators{display:flex}.chrome-badge,.scroll-cue{display:none}.extension-browser{display:block}.phone-frame{width:250px;height:512px}.hero{--mascot-right:-60px;--mascot-bottom:20px;--mascot-width:120px}.ipadbaby-shadow{width:80px;height:18px}.nav-menu{gap:1rem}.nav-menu li:first-child,.nav-menu li:nth-child(2),.nav-menu li:nth-child(4){display:none}.store-buttons{justify-content:center}}.auth-section{justify-content:center;align-items:center;min-height:calc(100vh - 80px);margin-top:80px;padding:4rem 2rem;display:flex}.auth-container{width:100%;max-width:1000px;margin:0 auto}.auth-content{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.auth-content-single{width:100%;max-width:500px;margin:0 auto}.info-box{background:rgba(var(--surface-rgb), .95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a}.info-box h1{color:var(--primary-color);margin-bottom:1.5rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:2.5rem;line-height:1.2}.info-box p{color:var(--muted-text);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.info-note{background:var(--light-purple);border-left:4px solid var(--secondary-color);border-radius:8px;margin-top:1.5rem;padding:1rem 1.5rem}.info-note strong{color:var(--secondary-color);margin-bottom:.5rem;display:block}.password-form-container,.account-card{background:rgba(var(--surface-rgb), .95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000026}.password-form-header,.account-header{text-align:center;margin-bottom:2rem}.password-form-header h1,.account-header h1{color:var(--primary-color);margin-bottom:.5rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:2.5rem}.password-form-header p,.user-email{color:var(--muted-text);font-size:1rem}.user-email{font-size:1.1rem;font-weight:500}.account-header{border-bottom:2px solid var(--light-gray);padding-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-color);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:2px solid var(--light-gray);background:var(--input-bg);border-radius:10px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group input.error{border-color:#e74c3c}.form-group textarea{resize:vertical}.field-hint{color:#999;margin-top:.4rem;font-size:.8rem;display:block}.error-message{color:#e74c3c;margin-top:.5rem;font-size:.85rem;display:none}.error-message.visible{display:block}.success-message{color:#2d5016;background:var(--light-green);text-align:center;border-radius:8px;margin-top:.5rem;padding:1rem;font-size:.95rem;font-weight:500;display:none}.success-message.visible{display:block}.form-actions{margin-top:2rem}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){background:#7eb54f;transform:translateY(-2px);box-shadow:0 5px 15px #92c6614d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--light-gray);color:var(--dark-color);cursor:pointer;border:none;border-radius:10px;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#c5c7c2;transform:translateY(-2px)}.btn-danger{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:10px;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-danger:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.loading-spinner{border:3px solid var(--light-gray);border-top:3px solid var(--primary-color);border-radius:50%;width:20px;height:20px;margin:1rem auto 0;animation:1s linear infinite spin;display:none}.loading-spinner.visible{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-form-container{background:rgba(var(--surface-rgb), .95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000026}.login-form-header{text-align:center;margin-bottom:2rem}.login-form-header h2{color:var(--primary-color);margin-bottom:.5rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:2rem}.login-form-header p{color:var(--muted-text);font-size:1rem}.forgot-password-link{color:var(--secondary-color);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:1rem;padding:0;font-size:.9rem;text-decoration:none;transition:color .3s;display:block}.forgot-password-link:hover{color:#9d89e6;text-decoration:underline}.btn-google{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:0;transition:opacity .2s;display:flex}.btn-google:hover:not(:disabled){opacity:.85}.btn-google:disabled{opacity:.6;cursor:not-allowed}.divider{color:#b2bec3;align-items:center;margin:1.5rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid #ede8ff;flex:1}.divider span{padding:0 1rem}.otp-sent-message{color:#636e72;margin-bottom:1rem;font-size:.95rem}.otp-secondary-actions{flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.back-link{text-align:center;margin-top:1.5rem}.back-link a{color:var(--secondary-color);font-size:.9rem;text-decoration:none;transition:color .3s}.back-link a:hover{color:#9d89e6;text-decoration:underline}.account-section{border-bottom:1px solid var(--light-gray);padding:2rem 0}.account-section:last-child{border-bottom:none}.account-section h2{color:var(--secondary-color);margin-bottom:1rem;font-family:Dymon-ShouXieTi,sans-serif;font-size:1.8rem}.section-description{color:var(--muted-text);margin-bottom:1rem;line-height:1.6}.info-alert{background:#fff3cd;border-left:4px solid #ff9800;border-radius:8px;margin:1.5rem 0;padding:1rem 1.5rem}.info-alert strong{color:#ff9800;margin-bottom:.5rem;display:block}.deletion-status-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin:1rem 0;padding:1.5rem}.deletion-status-box h3{color:#1976d2;margin-bottom:1rem;font-size:1.3rem}.deletion-status-box .status-text{color:#555;margin-bottom:1rem;line-height:1.6}.deletion-details{background:rgba(var(--surface-rgb), .7);border-radius:6px;margin:1rem 0;padding:1rem}.deletion-details .comment-text{color:var(--muted-text);margin-top:.5rem;font-style:italic}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.visible{display:flex}.modal-content{background:rgb(var(--surface-rgb));border-radius:20px;width:90%;max-width:500px;animation:.3s ease-out modalSlideIn;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid var(--light-gray);padding:2rem 2rem 1rem}.modal-header h2{color:var(--primary-color);margin:0;font-family:Dymon-ShouXieTi,sans-serif;font-size:1.8rem}.modal-body{padding:2rem}.modal-body p{color:var(--muted-text);margin-bottom:1rem;line-height:1.6}.warning-text{color:#e74c3c;font-weight:500}.modal-footer{justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;display:flex}.notification{z-index:3000;border-radius:10px;padding:1.2rem 2rem;animation:.3s ease-out slideInRight;display:none;position:fixed;top:100px;right:2rem;box-shadow:0 5px 20px #0003}.notification.visible{display:block}@keyframes slideInRight{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.notification.success{background:var(--light-green);border-left:4px solid var(--primary-color);color:#2d5016}.notification.error{color:#c0392b;background:#ffebee;border-left:4px solid #e74c3c}.notification p{margin:0;font-weight:500}@media (width<=768px){.auth-content{grid-template-columns:1fr;gap:2rem}.auth-section{padding:2rem 1rem}.info-box h1,.password-form-header h1,.account-header h1{font-size:2rem}.password-form-container,.account-card{padding:2rem 1.5rem}.notification{left:1rem;right:1rem}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.about-content{background:rgb(var(--surface-rgb));border-radius:12px;max-width:800px;margin:100px auto 50px;padding:2rem;box-shadow:0 5px 15px #0000001a}.about-content h1{margin-bottom:2rem}.about-content h2{margin-top:2rem;margin-bottom:1rem}.about-content p{margin-bottom:1rem;line-height:1.8}.confirm-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.confirm-content{flex-direction:column;align-items:center;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards slideUpFade;display:flex;position:relative}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.privacy-content{background:rgb(var(--surface-rgb));border-radius:12px;max-width:800px;margin:100px auto 50px;padding:2rem;box-shadow:0 5px 15px #0000001a}.privacy-content h1{margin-bottom:2rem}.privacy-content h2{margin-top:2rem;margin-bottom:1rem}.privacy-content p,.privacy-content ul{margin-bottom:1rem;line-height:1.8}.privacy-content ul{padding-left:2rem}.terms-content{background:rgb(var(--surface-rgb));border-radius:12px;max-width:800px;margin:100px auto 50px;padding:2rem;box-shadow:0 5px 15px #0000001a}.terms-content h1{margin-bottom:2rem}.terms-content h2{margin-top:2rem;margin-bottom:1rem}.terms-content p,.terms-content ul{margin-bottom:1rem;line-height:1.8}.terms-content ul{padding-left:2rem}