@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#6366f1;--primary-light:#818cf8;--bg-dark:#0f172a;--bg-sidebar:#020617;--bg-card:#1e293b80;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff1a;--sidebar-width:260px;--success:#10b981;--pos-noun:#60a5fa;--pos-verb:#34d399;--pos-adj:#fbbf24;--pos-adv:#a78bfa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Outfit,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:2rem 1rem;display:flex;position:fixed}.sidebar-brand{align-items:center;gap:1rem;margin-bottom:3rem;padding-left:.5rem;display:flex}.brand-logo{background:var(--primary);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 20px #6366f166}.sidebar-brand span{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:1rem;padding:.85rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #6366f14d}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding-top:1rem;font-size:.8rem}.content-area{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:2.5rem 3rem;transition:padding .3s}.content-area.immersive-content{height:100vh;padding:0;overflow:hidden}.fullscreen-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.fullscreen-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.practice-v-header{border-bottom:1px solid var(--border);margin-bottom:0!important;padding:1.5rem 2rem!important}.view-container{max-width:1000px;margin:0 auto;animation:.5s ease-out slideUp}.immersive-content .view-container{width:100%;max-width:none;margin:0}.view-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.header-titles h2{margin-bottom:.25rem;font-size:2rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:1rem}.stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stats-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.stats-value{color:var(--primary-light);font-size:2rem;font-weight:700}.landing-page{max-width:1100px;margin:0 auto;animation:.8s fadeIn}.hero-section{text-align:center;padding:4rem 0 6rem}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;gap:1.5rem;display:flex}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:6rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:2.5rem;transition:transform .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-10px)}.f-icon{width:50px;height:50px;color:var(--primary);background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem;font-size:1.25rem}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.pricing-preview{text-align:center;padding-bottom:4rem}.section-title{margin-bottom:3rem;font-size:2.5rem}.pricing-cards{justify-content:center;gap:2rem;display:flex}.p-card{background:var(--bg-card);border:1px solid var(--border);border-radius:2rem;flex-direction:column;width:320px;padding:3rem 2rem;display:flex;position:relative}.p-card.featured{border-color:var(--primary);z-index:2;transform:scale(1.05);box-shadow:0 20px 40px -10px #6366f133}.badge{background:var(--primary);border-radius:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.price{margin:1.5rem 0;font-size:3rem;font-weight:800}.price span{color:var(--text-muted);font-size:1rem}.p-card ul{text-align:left;flex:1;margin-bottom:2.5rem;list-style:none}.p-card li{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.p-card li:before{content:"✓";color:var(--primary);font-weight:800}.card{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:1.25rem;padding:2rem}.btn{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);color:var(--text-main);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem;transition:all .2s;display:inline-flex}.icon-btn:hover{color:var(--text-main);background:#ffffff1a}.icon-btn.delete:hover{color:#ef4444}.practice-header-toolbar{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.view-container.login-bg{background:radial-gradient(circle at 100% 0,#6366f126,#0000),radial-gradient(circle at 0 100%,#a855f71a,#0000),#0a0a0b;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.view-container.login-bg:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(40px);z-index:10;background:#141313b3;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 25px 50px -12px #00000080;padding:3rem 2.5rem!important}.login-card:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6366f180,#0000 40% 60%,#a855f74d);border-radius:24px;padding:1px;position:absolute;inset:-1px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.login-header h2{letter-spacing:2px;background:linear-gradient(#fff,#999);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:1rem;font-family:Inter,sans-serif;font-weight:300}.qr-container{background:#0000004d;border:1px solid #ffffff0d;border-radius:20px;margin:2rem 0;padding:1.5rem;display:inline-block;position:relative}.qr-container img{filter:brightness(.9)contrast(1.1);border-radius:8px}.login-method-tabs{border-top:1px solid #ffffff0d;justify-content:center;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.login-tab-link{color:#666;padding:.5rem 0;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.login-tab-link:hover{color:#aaa}.login-tab-link.active{color:var(--primary)}.login-tab-link.active:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 10px var(--primary);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.login-form h3{color:#e5e2e1;margin-bottom:2rem;font-weight:400}.login-form .input-group label{color:#919094;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.8rem}.login-form input[type=text],.login-form input[type=password]{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1rem;transition:all .3s}.login-form input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 15px #6366f11a}.login-screen-wrapper{z-index:10000;background:#000;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-side-brand{background:#000;flex-direction:column;flex:1.4;justify-content:space-between;padding:4rem;display:flex;position:relative;overflow:hidden}.brand-bg-image{object-fit:cover;opacity:1;z-index:0;width:110%;height:100%;transition:transform 10s;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000 75%,#0000 100%)}.brand-image-mask-modern{z-index:1;background:linear-gradient(#0000004d 0%,#0000 40%,#00000080 100%);position:absolute;inset:0}.brand-content-modern{z-index:5;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.brand-header-group{align-items:center;gap:1.5rem;display:flex}.brand-logo-glow{backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 30px #6366f14d}.brand-titles h1{letter-spacing:-1px;background:linear-gradient(#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:700}.edition-tag{color:var(--primary);letter-spacing:3px;opacity:.9;margin:2px 0 0;font-size:.7rem;font-weight:600}.brand-footer-info{margin-top:auto}.main-slogan{color:#fff;letter-spacing:2px;margin-bottom:1rem;font-size:1.8rem;font-weight:300}.feature-badges{color:#fff6;align-items:center;gap:1rem;font-size:.8rem;font-weight:400;display:flex}.feature-badges .dot{color:var(--primary)}.login-side-brand:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(#6366f126 0%,#0000 70%);width:200px;position:absolute;top:0;bottom:0;right:-100px}.login-side-form{z-index:10;background:#0a0a0b;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;box-shadow:-50px 0 100px #000000e6}.login-side-form:before{content:"";-webkit-backdrop-filter:blur(80px);z-index:-1;background:linear-gradient(90deg,#0a0a0bcc,#0a0a0b);position:absolute;inset:0}.login-card.legacy-fix{-webkit-backdrop-filter:blur();width:100%;max-width:440px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:3rem 2rem}.login-top-nav{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.login-top-nav h2{margin:0;font-size:1.75rem;font-weight:600}.back-to-qr{color:var(--primary);opacity:.8;align-items:center;font-size:.9rem;text-decoration:none;transition:opacity .3s;display:flex}.back-to-qr:hover{opacity:1}.qr-box{background:#141313;border:1px solid #6366f14d;border-radius:20px;width:220px;height:220px;margin:0 auto 1.5rem;padding:15px;position:relative}.qr-box img{width:100%;height:100%;display:block}.qr-scan-line{background:linear-gradient(to right, transparent, var(--primary), transparent);height:2px;box-shadow:0 0 15px var(--primary);animation:3s ease-in-out infinite scan;position:absolute;top:15px;left:15px;right:15px}@keyframes scan{0%,to{top:15px}50%{top:calc(100% - 17px)}}.qr-hint{color:#fff;margin-bottom:.5rem;font-size:1rem}.legal-hint{color:#666;font-size:.8rem}.legal-hint a{color:#999;text-decoration:none}.login-bottom-tabs{border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:3rem;padding-top:2rem;display:flex}.tab-icon-item{color:#666;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.5rem;transition:all .3s;display:flex}.tab-icon-item span{font-size:.75rem;font-weight:500}.tab-icon-item:hover{color:#aaa}.tab-icon-item.active{color:var(--primary)}@media (width<=1024px){.login-side-brand{display:none}.login-side-form{flex:1;padding:1.5rem}.login-card.legacy-fix{max-width:100%;height:100%;box-shadow:none;backdrop-filter:none;background:0 0;border:none;flex-direction:column;justify-content:center;display:flex}}.flex-row{gap:.75rem;display:flex}.btn-send-code{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:1px solid #ffffff1a;border-radius:12px;padding:0 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4f46e54d}.btn-send-code:hover:not(.btn-disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.btn-login-submit{background:linear-gradient(135deg, var(--primary), #4338ca);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1.5rem;padding:1rem;font-weight:600;transition:all .3s;box-shadow:0 10px 20px -5px #4338ca66}.btn-login-submit:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #4338ca80}@media (height<=700px){.login-card{padding:2rem 1.5rem!important}.login-header h2{margin-top:.5rem;font-size:1.5rem}.qr-container{margin:1rem 0;padding:1rem}}.toggle-switch{cursor:pointer;align-items:center;gap:.75rem;display:flex}.toggle-label{color:var(--text-muted);font-size:.9rem}.toggle-switch input:checked+.toggle-label{color:var(--primary);font-weight:600}.practice-sentence-text{color:var(--text-main);text-align:center;max-width:800px;margin-bottom:2.5rem;font-size:2.5rem;font-weight:600;line-height:1.4}.chinese-hint{border:1px dashed var(--border);background:#ffffff08;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;animation:.3s fadeIn}.words-flow-container{text-align:center;max-width:850px;margin-bottom:2.5rem;display:block}.interactive-word{letter-spacing:.02em;margin-right:.25em;font-size:1.85rem;line-height:1.8}.words-flow-container{word-wrap:break-word;overflow-wrap:break-word;line-height:1.8;display:block}.interactive-word{color:var(--text-main);cursor:pointer;border-bottom:2px solid #0000;padding:0 .15rem;font-weight:600;transition:all .2s;display:inline-block}.interactive-word:hover{color:var(--primary-light);border-bottom-color:var(--primary);background:#6366f10d}.dictionary-card{justify-content:center;margin:1.5rem 0 2.5rem;animation:.3s slideUp;display:flex}.card-inner{border:1px solid var(--primary);background:#6366f11a;border-radius:2rem;align-items:center;gap:1rem;padding:.6rem 1.2rem;display:flex;box-shadow:0 4px 20px #0003}.card-word{color:var(--primary-light);font-size:1.1rem;font-weight:700}.card-divider{color:var(--text-muted);opacity:.5}.card-trans{color:#fff;font-size:1.1rem;font-weight:500}.chinese-hint p{color:var(--text-muted);font-size:1.1rem;line-height:1.6}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{display:none}.bottom-nav{background:var(--bg-sidebar);border-top:1px solid var(--border);backdrop-filter:blur(20px);z-index:1000;height:70px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;display:flex!important}.content-area{margin-left:0;padding:1.5rem 1.5rem 100px}.view-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.view-header h2{font-size:1.75rem}.hero-title{font-size:2.75rem}.features-grid{grid-template-columns:1fr}.pricing-cards{flex-direction:column;align-items:center}.p-card.featured{margin:1rem 0;transform:none}.practice-layout{grid-template-columns:1fr}.sentence-display{min-height:auto;padding:2rem 1rem}.practice-sentence-text{font-size:1.75rem}.todo-item:hover{transform:translateY(-2px);background:#ffffff0d!important;border-color:#ffffff1a!important}.todo-delete-btn:hover{color:#ef4444!important;background:#ef44441a!important}.todo-item{animation:.4s forwards slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content{width:95%;padding:1.5rem}.stats-grid{grid-template-columns:1fr}}.bottom-nav{display:none}.nav-item-mobile{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;font-family:inherit;font-size:.75rem;display:flex}.nav-item-mobile.active{color:var(--primary-light)}.legal-modal-content{flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex}.legal-scroll-area{flex:1;margin:1rem 0;padding:1rem 0;overflow-y:auto}.legal-text{color:var(--text-muted);font-size:.95rem;line-height:1.8}.legal-text h4{color:var(--text-main);margin:1.5rem 0 .5rem}.legal-text p{margin-bottom:1rem}.legal-scroll-area .voice-drawer{opacity:0;background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.5rem;max-height:0;margin-top:1rem;transition:all .5s cubic-bezier(.2,.8,.2,1);overflow:hidden}.voice-drawer.open{opacity:1;max-height:1000px;margin-bottom:1.5rem;padding:1.5rem}.voice-avatar-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.voice-character-card{cursor:pointer;border:1px solid #0000;border-radius:1.5rem;flex-direction:column;align-items:center;padding:1rem;transition:all .4s;display:flex;position:relative}.voice-character-card:hover{background:#ffffff0d;transform:translateY(-5px)}.voice-character-card.active{background:#6366f11a;border-color:#6366f14d}.avatar-wrapper{border:2px solid #ffffff1a;border-radius:50%;width:80px;height:80px;margin-bottom:.75rem;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}.voice-character-card.active .avatar-wrapper{border-color:var(--primary);box-shadow:0 0 20px #6366f166}.avatar-img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;transition:all .3s}.voice-character-card:hover .avatar-img{filter:grayscale(0%);transform:scale(1.1)}.avatar-play-overlay{opacity:0;color:#fff;background:#0006;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.avatar-wrapper:hover .avatar-play-overlay{opacity:1}.char-name{color:var(--text-main);margin-bottom:2px;font-size:.9rem;font-weight:700}.char-trait{color:var(--text-muted);font-size:.7rem;font-weight:500}.voice-select-trigger{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:.5rem 1rem;transition:all .3s;display:flex}.voice-select-trigger:hover{background:#ffffff1a;border-color:#fff3}.current-voice-indicator{background:var(--success);width:10px;height:10px;box-shadow:0 0 10px var(--success);border-radius:50%}@media (width<=768px){.voice-avatar-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.legal-scroll-area::-webkit-scrollbar{width:6px}.legal-scroll-area::-webkit-scrollbar-track{background:#ffffff0d}.legal-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.login-card{text-align:center;max-width:450px;margin:100px auto;padding:3rem}.login-header{margin-bottom:2.5rem}.login-header h2{margin-top:1rem;font-size:1.75rem;font-weight:700}.login-header p{color:var(--text-muted);margin-top:.5rem}.login-form{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.agreement-checkbox{background:#ffffff08;border-radius:.5rem;margin:1rem 0;padding:1rem}.agreement-checkbox label{cursor:pointer;color:var(--text-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.agreement-checkbox a{color:var(--primary-light);text-decoration:underline}.landing-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:3rem 0;font-size:.9rem;display:flex}.footer-links{gap:2rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-main)}@media (width<=768px){.landing-footer{text-align:center;flex-direction:column;gap:1.5rem}}.share-modal-content{width:90%;max-width:400px;animation:.4s slideUp}.share-card{background:linear-gradient(160deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);border:1px solid #ffffff14;border-radius:2rem;padding:0;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.share-accent-bar{background:linear-gradient(90deg,#6366f1,#a78bfa,#c084fc);width:100%;height:5px}.share-card-header{align-items:center;gap:.75rem;padding:1.5rem 2rem 0;display:flex}.share-brand-mark{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 0 15px #6366f166}.share-brand-name{color:#fff;font-size:1rem;font-weight:700;line-height:1.2;display:block}.share-brand-sub{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:.7rem;display:block}.share-card-body{padding:1.5rem 2rem 1rem;position:relative}.share-quote-mark{color:#6366f140;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:.5rem;left:1.2rem}.share-en{color:#fff;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:6em;margin-bottom:1rem;padding-left:.5rem;font-size:1.3rem;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.share-divider{background:linear-gradient(90deg, var(--primary), #c084fc);border-radius:2px;width:40px;height:3px;margin-bottom:.75rem;margin-left:.5rem}.share-cn{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3.2em;padding-left:.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.share-stats-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:1rem;justify-content:center;align-items:center;gap:1.5rem;margin:0 1.5rem;padding:1.25rem 2rem;display:flex}.share-stat-item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.share-stat-value{color:var(--primary-light);font-size:1rem;font-weight:700}.share-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.share-stat-divider{background:#ffffff1a;width:1px;height:28px}.share-card-footer{border-top:1px solid #ffffff0f;align-items:center;gap:1rem;margin-top:.75rem;padding:1.25rem 2rem 1.5rem;display:flex}.qr-code-placeholder img{background:#fff;border-radius:8px;width:56px;height:56px;padding:4px}.scan-tip{color:var(--text-muted);margin-bottom:.15rem;font-size:.7rem}.domain-text{color:var(--primary-light);font-size:.85rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.practice-layout{grid-template-columns:1fr;gap:0;width:100%;height:calc(100vh - 80px);transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.practice-layout:has(.side-panel-container){grid-template-columns:1fr}.practice-main{flex-direction:column;width:100%;max-width:1000px;height:100%;margin:0 auto;padding:2rem;display:flex;overflow-y:auto;background:0 0!important;border:none!important;border-radius:0!important}.side-panel-container{backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:1000;background:#0f172ae6;flex-direction:column;width:420px;height:calc(100vh - 80px);animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:80px;right:0;box-shadow:-10px 0 30px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel-tabs{border-bottom:1px solid var(--border);background:#0003;gap:.5rem;padding:.5rem;display:flex}.side-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.4rem;flex:1;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .2s}.side-tab.active{background:var(--primary);color:#fff}.side-tab:disabled{opacity:.3;cursor:not-allowed}.side-tab-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem;display:flex}.side-panel-content{flex:1;padding:1.5rem;overflow-y:auto}.side-panel-content::-webkit-scrollbar{width:4px}.side-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sentence-display{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.sentence-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:.75rem;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.sentence-item.active{border-color:var(--primary);background:#6366f11a}.sentence-item p{font-size:.9rem;line-height:1.4}.sentence-item .index{background:var(--bg-sidebar);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.heatmap-section{margin-bottom:2rem;padding:1.5rem 2rem}.heatmap-wrapper{gap:12px;margin-top:1rem;display:flex}.heatmap-day-labels{height:108px;color:var(--text-muted);flex-direction:column;justify-content:space-around;font-size:.65rem;display:flex}.heatmap-scroll{width:100%;padding-bottom:8px;overflow-x:auto}.heatmap-grid{gap:4px;display:flex}.heatmap-week{flex-direction:column;gap:4px;display:flex}.heatmap-cell{background:#ffffff0d;border-radius:2px;flex-shrink:0;width:12px;height:12px;transition:all .2s}.heatmap-cell.level-0{background:#ffffff0d}.heatmap-cell.level-1{background:#0e4429}.heatmap-cell.level-2{background:#006d32}.heatmap-cell.level-3{background:#26a641}.heatmap-cell.level-4{background:#39d353}.heatmap-legend{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.binding-section{margin-bottom:2rem;padding:1.5rem 2rem}.binding-list{flex-direction:column;gap:1rem;display:flex}.binding-item{background:#ffffff08;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.binding-info{color:var(--text-main);align-items:center;gap:.75rem;font-weight:500;display:flex}.binding-action{align-items:center;gap:1.5rem;display:flex}.binding-status{color:var(--text-muted);font-size:.85rem}.avatar-picker{grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:.5rem;display:grid}.avatar-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.avatar-option:hover{background:#ffffff1a}.avatar-option.active{border-color:var(--primary);background:#6366f11a}.level-mini-badge{background:var(--primary);color:#fff;border-radius:6px;padding:2px 5px;font-size:.65rem;font-weight:700;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #6366f166}.profile-container{max-width:900px!important}.profile-header{flex-direction:column;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}.profile-avatar-area{align-items:center;gap:1.5rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);border-radius:2rem;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 10px 20px #0003}.level-tag{color:#fff;border:2px solid var(--bg-dark);background:#f59e0b;border-radius:.75rem;padding:.25rem .6rem;font-size:.75rem;font-weight:800;position:absolute;bottom:-5px;right:-5px}.profile-info h3{margin-bottom:.25rem;font-size:1.5rem}.profile-info p{color:var(--text-muted);font-size:.9rem}.exp-progress-container{width:100%}.exp-labels{color:var(--text-muted);justify-content:space-between;margin-bottom:.75rem;font-size:.85rem;display:flex}.exp-bar-bg{background:#ffffff0d;border-radius:6px;height:12px;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, #818cf8 100%);border-radius:6px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.8rem}.badges-section{padding:1.5rem 2rem}.section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;display:grid}.badge-item{text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.badge-item.locked{filter:grayscale();opacity:.4}.badge-icon{margin-bottom:.5rem;font-size:2rem}.badge-name{font-size:.9rem;font-weight:600}.badge-desc{color:var(--text-muted);font-size:.7rem}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:1rem;font-size:.85rem}td{border-bottom:1px solid var(--border);padding:1.5rem 1rem}.log-preview .p-cn{margin-bottom:.4rem;font-weight:600}.log-preview .p-en{color:var(--text-muted);font-size:.9rem;line-height:1.4}.actions{gap:.75rem;display:flex}.modal-overlay{backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:90%;max-width:700px}.modal-header{justify-content:space-between;margin-bottom:2rem;display:flex}.modal-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.6rem;display:flex}.input-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}input,textarea,select{border:1px solid var(--border);color:#fff;background:#ffffff0d;border-radius:.75rem;padding:.8rem 1rem;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}.translate-toolbar{gap:.5rem;display:flex}.modal-footer{justify-content:flex-end;margin-top:1rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-record{color:var(--primary-light);border:1px solid var(--primary);background:#ffffff0d}.btn-record:hover{background:#6366f11a}.btn-recording{color:#ef4444;background:#ef44441a;border:1px solid #ef4444}.btn-recording:hover{background:#ef444433}.pulse{animation:1.5s infinite pulse-animation}@keyframes pulse-animation{0%{transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{transform:scale(1)}}.audio-playback{border:1px dashed var(--border);background:#ffffff08;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.5rem;display:flex}.audio-player{width:100%;height:40px}.gamification-badge{color:#f59e0b;text-align:center;background:linear-gradient(135deg,#f59e0b33 0%,#ef444433 100%);border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.self-check-panel{background:#0003;border-radius:1rem;flex-direction:column;gap:1rem;width:100%;margin-top:1.25rem;padding:1.25rem 1.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex}.self-check-header{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.self-check-words{flex-wrap:wrap;gap:.5rem;display:flex}.self-check-word{color:var(--text-main);cursor:pointer;user-select:none;background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:2rem;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.self-check-word:hover{background:#10b98114;border-color:#10b98166}.self-check-word.checked{color:#10b981;background:#10b98126;border-color:#10b981}.self-check-result{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.self-check-bar-bg{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.self-check-bar-fill{background:#10b981;border-radius:3px;height:100%;transition:width .3s}.self-check-score{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:600}.self-check-perfect{color:#f59e0b;font-size:.9rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) pop-in}.self-check-all-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;align-self:flex-end;padding:.3rem .8rem;font-size:.8rem;transition:all .2s}.self-check-all-btn:hover{color:var(--text-main);background:#ffffff1a}.pulse-once{animation:.5s cubic-bezier(.175,.885,.32,1.275) pop-in,2s ease-out pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.practice-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;margin-bottom:2.5rem;display:flex}.dictionary-card{justify-content:center;width:100%;margin:1.5rem 0 2.5rem;animation:.3s slideUp;display:flex}.dict-card-rich,.dict-panel{background:0 0;width:100%;overflow:hidden}.dict-card-top{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem .75rem;display:flex}.dict-word-area{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.dict-word{color:var(--primary-light);font-size:1.3rem;font-weight:700}.dict-phonetic{color:var(--text-muted);font-size:.85rem;font-style:italic}.dict-pos{color:#10b981;text-transform:lowercase;background:#10b9811a;border-radius:2rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.dict-actions{flex-shrink:0;gap:.25rem;display:flex}.dict-card-body{padding:.75rem 1.25rem 1rem}.dict-definition{color:var(--text-main);font-size:1rem;line-height:1.5}.dict-loading{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.vocab-saved{color:#f59e0b!important}.dict-cn-row{color:#f59e0b;border-bottom:1px solid #ffffff0f;margin-bottom:.75rem;padding-bottom:.75rem;font-size:1.05rem;font-weight:600}.dict-meanings{flex-direction:column;gap:.75rem;display:flex}.dict-meaning-block{flex-direction:column;gap:.4rem;display:flex}.dict-def-item{padding-left:.25rem}.dict-en-def{color:var(--text-main);font-size:.9rem;line-height:1.5}.dict-example{color:var(--text-muted);border-left:2px solid #6366f14d;margin-top:.2rem;padding-left:1rem;font-size:.8rem;font-style:italic}.interactive-word{position:relative}.interactive-word[data-tip]:not([data-tip=""]):after{content:attr(data-tip);border:1px solid var(--primary);color:#f59e0b;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:0;z-index:100;background:#0f172af2;border-radius:.5rem;max-width:200px;padding:.3rem .6rem;font-size:.8rem;font-weight:600;transition:opacity .15s;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-4px);box-shadow:0 4px 12px #0000004d}.interactive-word[data-tip]:not([data-tip=""]):hover:after{opacity:1}.dict-cn-inline{color:#f59e0b;margin-left:.25rem;font-size:.95rem;font-weight:600}.dict-tabs{border-bottom:1px solid #ffffff0f;display:flex}.dict-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem 0;font-size:.85rem;font-weight:600;transition:all .2s}.dict-tab.active{color:var(--primary-light);border-bottom-color:var(--primary)}.dict-tab:hover:not(.active){color:var(--text-main)}.dict-context-box{color:var(--text-muted);border-left:3px solid var(--primary);background:#6366f10f;border-radius:.75rem;margin-bottom:.75rem;padding:.75rem;font-size:.9rem;line-height:1.6}.dict-context-box strong{color:#f59e0b}.dict-example-section{margin-bottom:1rem}.dict-example-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.dict-example-text{color:var(--text-main);background:#ffffff08;border-radius:.5rem;margin-bottom:.4rem;padding:.5rem .75rem;font-size:.9rem;line-height:1.6}.nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:2rem;min-width:18px;margin-left:auto;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.vocab-item{border:1px solid var(--border);padding:1.25rem;transition:all .2s}.vocab-item:hover{border-color:var(--primary);transform:translateY(-2px)}.vocab-item-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.vocab-word{color:var(--primary-light);font-size:1.2rem;font-weight:700}.vocab-item-actions{gap:.25rem;display:flex}.vocab-def{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem;line-height:1.4}.vocab-date{color:#94a3b880;font-size:.7rem}.empty-practice{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.settings-section{margin-bottom:2rem}.settings-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-left:.25rem;font-size:.85rem;font-weight:700;display:flex}.settings-card{overflow:hidden;padding:0!important}.setting-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .15s;display:flex}.setting-row:last-child{border-bottom:none}.setting-row.clickable{cursor:pointer}.setting-row.clickable:hover{background:#ffffff08}.setting-row.setting-danger{border-top:1px solid #ef444426}.setting-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.setting-name{color:var(--text-main);font-size:.95rem;font-weight:600}.setting-desc{color:var(--text-muted);font-size:.75rem}.setting-value{color:var(--text-muted);font-size:.85rem;font-weight:500}.setting-badge{color:#10b981;text-transform:uppercase;letter-spacing:1px;background:#10b9811a;border-radius:2rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.setting-row select{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:.5rem;padding:.4rem .75rem;font-size:.85rem}.toggle-slider{cursor:pointer;background:#ffffff1a;border-radius:12px;width:44px;height:24px;transition:background .2s;display:inline-block;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-switch input{display:none}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-stack{flex-direction:column;align-items:center;gap:2px;display:flex}.shortcut-hint{opacity:.5;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:500;display:block}.btn-large{min-width:160px;padding:1.2rem 2rem}.btn-recording{box-shadow:0 0 20px #ef444466;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.journal-card{flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;padding:0!important}.journal-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 20px 40px #0006}.journal-card-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.journal-date-badge{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.journal-actions{gap:.5rem;display:flex}.journal-card-content{flex:1;padding:1.5rem}.cn-text{color:var(--text-main);-webkit-line-clamp:4;opacity:.9;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:1rem;line-height:1.7;display:-webkit-box;overflow:hidden}.en-text{color:var(--primary-light);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-family:Outfit,sans-serif;font-size:1rem;font-style:italic;line-height:1.6;display:-webkit-box;overflow:hidden}.journal-card-footer{border-top:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.word-badge{color:var(--primary);background:#6366f11a;border-radius:2rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.empty-state-card{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:1.5rem;display:flex;padding:4rem!important}@media (width<=768px){.journal-grid{grid-template-columns:1fr}}.read-only-field{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.date-badge-mini{color:var(--text-muted);background:#ffffff0d;border-radius:4px;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;font-size:.7rem;display:inline-flex}.animate-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideUp}.splash-screen{z-index:9999;background:#0a0a0c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Outfit,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.splash-glow{filter:blur(120px);opacity:.15;z-index:0;border-radius:50%;width:60vw;height:60vw;animation:20s infinite alternate float;position:absolute}.splash-glow-1{background:#6366f1;top:-10%;right:-10%}.splash-glow-2{background:#a855f7;animation-delay:-10s;bottom:-10%;left:-10%}.splash-content{z-index:1;text-align:center;width:90%;max-width:400px;position:relative}.splash-logo{filter:drop-shadow(0 0 30px #00000080);margin-bottom:1.5rem;font-size:5rem;animation:3s infinite pulse}.splash-title{color:#fff;letter-spacing:-1px;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.splash-subtitle{color:#ffffff80;margin-bottom:3rem}.splash-progress-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem}.splash-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden}.splash-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #6366f180}.splash-progress-info{justify-content:space-between;font-size:.85rem;display:flex}.status-text{color:#ffffffb3}.percent-text{color:#fff;font-weight:700}.splash-tips{flex-direction:column;gap:.8rem;display:flex}.tip-item{color:#fff6;background:#ffffff05;border-radius:2rem;padding:.5rem 1rem;font-size:.85rem}.splash-footer{color:#fff3;text-transform:uppercase;letter-spacing:2px;font-size:.75rem;position:absolute;bottom:2rem}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.splash-logo-container{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;display:flex;position:relative}.logo-ring{border:2px solid #6366f11a;border-top-color:var(--primary);border-radius:50%;animation:2s linear infinite spin;position:absolute;inset:0}.splash-check-list{text-align:left;flex-direction:column;gap:.75rem;margin-top:1rem;padding:0 1rem;display:flex}.check-item{color:#ffffff4d;align-items:center;gap:.75rem;font-size:.85rem;transition:all .4s;display:flex}.check-item.checked{color:#fffc}.check-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;transition:all .4s;display:flex}.checked .check-icon{background:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary)}.membership-container{max-width:1000px;margin:0 auto;padding:2rem;animation:.5s fadeIn}.membership-hero{text-align:center;background:linear-gradient(135deg,#6366f126 0%,#a78bfa26 100%);margin-bottom:3rem;padding:4rem 2rem;position:relative;overflow:hidden}.membership-hero h1{background:linear-gradient(to right, #fff, var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:1.5rem 0 1rem;font-size:2.5rem}.crown-icon.pulse{color:#fbbf24;filter:drop-shadow(0 0 15px #fbbf2466);animation:2s infinite pulse}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.benefit-card{text-align:center;padding:2rem;transition:transform .3s}.benefit-card:hover{background:#ffffff0d;transform:translateY(-5px)}.benefit-icon{margin-bottom:1.5rem;font-size:2.5rem}.pricing-area{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.pricing-card{flex-direction:column;padding:3rem 2rem;display:flex;position:relative}.pricing-card.popular{border:2px solid var(--primary);background:#6366f114;transform:scale(1.05)}.best-value-tag{background:var(--primary);color:#fff;border-radius:20px;padding:4px 16px;font-size:.8rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;margin-bottom:2rem}.price{margin-top:1rem;font-size:3rem;font-weight:700}.original-price{opacity:.5;margin-left:8px;font-size:1.2rem;text-decoration:line-through}.pricing-features{flex:1;margin-bottom:2.5rem;list-style:none}.pricing-features li{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:1rem;display:flex}.pricing-features li svg{color:var(--success)}.activation-section{text-align:center;padding:3rem}.activation-input-group{gap:12px;max-width:400px;margin:1.5rem auto 0;display:flex}.activation-input-group input{border:1px solid var(--border);color:#fff;background:#0003;border-radius:10px;flex:1;padding:.8rem 1.2rem}.voice-lock-badge{backdrop-filter:blur(4px);color:#fbbf24;z-index:5;background:#0f172ad9;border:1px solid #fbbf2466;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0006}.voice-character-card.locked{cursor:pointer;position:relative}.voice-character-card.locked .avatar-img{opacity:.7}.voice-character-card.locked:hover .avatar-img{opacity:1;filter:grayscale(0)!important}.voice-character-card.locked:hover{border-color:#fbbf244d!important}.password-strength-meter{background:var(--border);border-radius:2px;height:4px;margin-top:8px;margin-bottom:20px;position:relative}.strength-bar{border-radius:2px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.strength-bar.weak{background:#ef4444}.strength-bar.medium{background:#f59e0b}.strength-bar.strong{background:#10b981}.strength-text{color:var(--text-muted);font-size:11px;position:absolute;top:8px;right:0}.toast-notification{z-index:100000;-webkit-backdrop-filter:blur(20px);color:#fff;opacity:0;pointer-events:none;background:#141419cc;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:12px;padding:14px 28px;font-size:.95rem;font-weight:500;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 15px 40px #0009}.toast-notification.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.toast-notification.success{border-left:4px solid #10b981}.toast-notification.error{border-left:4px solid #ef4444}.toast-notification.warning{border-left:4px solid #f59e0b}.toast-notification svg{flex-shrink:0}.toast-notification.success svg{color:#10b981}.toast-notification.error svg{color:#ef4444}.toast-notification.warning svg{color:#f59e0b}.btn-disabled{opacity:.6;color:#666!important;cursor:not-allowed!important;box-shadow:none!important;background:#2a2a2a!important;border:1px solid #333!important;transform:none!important}.btn-disabled:hover{box-shadow:none!important;background:#2a2a2a!important;transform:none!important}.agreement-modal-overlay{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:200000;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.agreement-modal-card{text-align:center;background:#19191ef2;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:400px;padding:2.5rem;animation:.4s cubic-bezier(.18,.89,.32,1.28) scaleUp;box-shadow:0 30px 60px #0009}.agreement-modal-icon{justify-content:center;margin-bottom:1.5rem;display:flex}.agreement-modal-card h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.agreement-modal-card p{color:#aaa;margin-bottom:2rem;line-height:1.6}.agreement-modal-actions{gap:1rem;display:flex}.btn-cancel-modal{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:.8rem;transition:all .3s}.btn-agree-modal{background:linear-gradient(135deg, var(--primary), #4338ca);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:2;padding:.8rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4f46e54d}.btn-agree-modal:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dropdown.fixed{z-index:9999!important;flex-direction:column-reverse!important;align-items:center!important;gap:8px!important;width:auto!important;display:inline-flex!important;position:fixed!important;bottom:12px!important;right:12px!important}.dropdown .btn.btn-circle{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;display:flex!important}.dropdown .dropdown-content{visibility:hidden;opacity:0;transform:translateY(-10px)scale(.9);background-color:#fff!important;border:1px solid #f3f4f6!important;border-radius:12px!important;flex-direction:column!important;align-items:center!important;width:140px!important;padding:12px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important;position:relative!important;box-shadow:0 10px 25px -5px #0000001a!important}.dropdown:hover .dropdown-content{visibility:visible!important;opacity:1!important;transform:translateY(0)scale(1)!important}.dropdown-content img{order:1!important;width:100px!important;height:100px!important;margin-bottom:8px!important}.practice-nav-btns{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:16px!important;margin-top:2rem!important;display:flex!important}.practice-nav-btns .btn{align-items:center!important;height:48px!important;margin:0!important;display:inline-flex!important}.dropdown-content p{color:#1f2937!important;text-align:center!important;order:2!important;margin:0!important;font-size:12px!important}