*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#a3bac3;--color-primary-2:#92aab2;--color-accent:#d4a373;--color-highlight:#a8c69f;--icon-primary:#3b82f6;--icon-glow:#3b82f661;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3;--text-primary:#2d2d2d;--text-secondary:#2d2d2db8;--text-tertiary:#2d2d2d80;--bg:#f9f7f2;--card:#fff9;--border:#2d2d2d1a;--off-white:#f9f7f2;--night-blue:#1d3557;--sage:#a8c69f;--forest:#5f8d8a;--dusty-rose:#c38d9e;--sunset:#e8a87c;--gradient-sunset:linear-gradient(180deg,#e8a87c,#c38d9e);--gradient-forest:linear-gradient(180deg,#a8c69f,#5f8d8a);--gradient-sky:radial-gradient(circle at 20% 0%,#d4a37338,#0000 55%),radial-gradient(circle at 80% 10%,#a3bac32e,#0000 55%),linear-gradient(180deg,#f9f7f2,#f0f2f0);--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-blur:20px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--pad-sm:14px;--pad-md:18px;--pad-lg:22px;--pad-xl:24px;--btn-h-sm:44px;--btn-h-md:48px;--btn-h-lg:52px;--shadow-card:0 4px 30px #00000008;--shadow-card-hover:0 6px 40px #0000000a;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px}body{background-color:#f9f7f2;background-color:var(--off-white);color:#2d2d2d;color:var(--text-primary);font-family:Inter,Nunito,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;letter-spacing:.02em;line-height:1.6}body,html{height:100%}button,input,select,textarea{font-family:inherit}.font-serif{font-family:Playfair Display,Nunito,Noto Sans SC,serif}.heading{font-family:Playfair Display,serif;font-weight:300;letter-spacing:.02em}.content-shell{margin:0 auto;width:min(90vw,1200px)}.app-screen{min-height:100vh;padding:22px 0 90px}.glass-card-light{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 4px 30px #00000008;box-shadow:var(--shadow-card)}.glass-header{padding:14px 18px;padding:var(--pad-sm) var(--pad-md)}.glass-section{padding:22px;padding:var(--pad-lg)}.app-bg-sunset{background:linear-gradient(180deg,#e8a87c,#c38d9e);background:var(--gradient-sunset)}.app-bg-forest{background:linear-gradient(180deg,#a8c69f,#5f8d8a);background:var(--gradient-forest)}.app-bg-sky{background:radial-gradient(circle at 20% 0,#d4a37338,#0000 55%),radial-gradient(circle at 80% 10%,#a3bac32e,#0000 55%),linear-gradient(180deg,#f9f7f2,#f0f2f0);background:var(--gradient-sky)}.glass{backdrop-filter:blur(20px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border)}.btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff8c;border:1px solid #2d2d2d29;border-radius:50px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;height:48px;height:var(--btn-h-md);justify-content:center;letter-spacing:.06em;padding:0 24px;text-transform:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-sm{font-size:13px;height:44px;height:var(--btn-h-sm);padding:0 18px}.btn-lg{font-size:14px;height:52px;height:var(--btn-h-lg);padding:0 22px}.btn-block{width:100%}.btn.btn-primary{background:#3b82f61a;border-color:#3b82f673;color:#2d2d2d;color:var(--text-primary)}.btn.btn-primary:hover:not(:disabled){background:#3b82f624;border-color:#3b82f699;box-shadow:0 14px 40px #0000000a}.btn.btn-secondary{background:#ffffff8c;border-color:#2d2d2d29;color:#2d2d2d;color:var(--text-primary)}.btn.btn-secondary:hover:not(:disabled){background:#ffffffc7;border-color:#3b82f659;box-shadow:0 14px 40px #0000000a}.btn.btn-danger{background:#f4433614;border-color:#f443363d;color:#8a2d2d}.btn.btn-danger:hover:not(:disabled){background:#f443361f;border-color:#f4433659}.btn-ghost{background:#ffffff26;border:1px solid #fff9;border-radius:50px;color:#fff;cursor:pointer;font-weight:800;height:48px;height:var(--btn-h-md);letter-spacing:.08em;padding:0 22px;text-transform:none;transition:all .2s ease}.btn-ghost:hover{background:#fffffff2;color:#1d3557;color:var(--night-blue)}.btn:hover:not(:disabled){box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.6;transform:none}.input,input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{background:#fff9;border:1px solid #2d2d2d1f;border-radius:12px;border-radius:var(--radius-sm);color:#2d2d2d;color:var(--text-primary);font-size:14px;height:48px;padding:0 16px;transition:border-color .2s ease,box-shadow .2s ease}textarea{height:auto;padding:12px 16px}input::placeholder,textarea::placeholder{color:#2d2d2d80;color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{border-color:#a3bac3e6;box-shadow:0 0 0 3px #a3bac32e;outline:none}.card{background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 4px 30px #00000008;box-shadow:var(--shadow-card)}.card:hover{box-shadow:0 6px 40px #0000000a;box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.bottom-nav{background:#fff;border-top:1px solid #2d2d2d1a;border-top:1px solid var(--border);bottom:0;display:flex;height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:100}.nav-item{align-items:center;background:none;border:none;color:#2d2d2d80;color:var(--text-tertiary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;justify-content:center;transition:color .3s}.nav-item .lucide{stroke-width:1.5}.nav-item.active{color:#3b82f6;color:var(--icon-primary)}.error,.loading{align-items:center;display:flex;font-size:18px;justify-content:center;min-height:220px;padding:40px 20px}.error{color:#f44336;color:var(--color-error)}.page-header,header{width:100%}.protected-content{padding-top:52px}.page-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.page-title{align-items:center;display:inline-flex;font-size:22px;gap:10px;line-height:1.2;margin:0}.page-title .lucide{stroke-width:1.5}@media (max-width:720px){.page-title{font-size:20px}}.icon{color:#3b82f6;color:var(--icon-primary)}.icon-glow{filter:drop-shadow(0 10px 22px rgba(0,0,0,.06));opacity:.95;transition:transform .18s ease,filter .18s ease,opacity .18s ease}.btn:hover .icon-glow,.icon-btn:hover .icon-glow,.icon-glow:hover{filter:drop-shadow(0 0 10px rgba(59,130,246,.38)) drop-shadow(0 10px 22px rgba(0,0,0,.06));filter:drop-shadow(0 0 10px var(--icon-glow)) drop-shadow(0 10px 22px rgba(0,0,0,.06));opacity:1;transform:scale(1.06)}.icon-btn{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffa6;border:1px solid #2d2d2d1f;border-radius:999px;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;width:44px}.icon-btn:hover{background:#ffffffc7;border-color:#3b82f680;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.icon-btn:active{transform:scale(.98)}.input-premium{background:#ffffffc7;border:1px solid #2d2d2d1f;border-radius:999px;box-shadow:0 10px 30px #00000008;height:52px;padding:0 18px;width:100%}.input-premium:focus{border-color:#3b82f68c;box-shadow:0 0 0 4px #3b82f61f,0 14px 40px #0000000a;outline:none}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:#fff;border:1px solid #2d2d2d1a;border:1px solid var(--border);border-radius:999px;cursor:pointer;display:inline-flex;gap:10px;padding:6px 10px 6px 6px;transition:all .2s ease}.user-menu-trigger:hover{box-shadow:0 8px 18px #4a90d924}.user-menu-trigger.open,.user-menu-trigger:hover{border-color:#a3bac3;border-color:var(--color-primary)}.user-menu-avatar{background:#4a90d914;border-radius:50%;height:34px;object-fit:cover;width:34px}.user-menu-avatar-fallback{align-items:center;color:#a3bac3;color:var(--color-primary);display:flex;font-weight:900;justify-content:center}.user-menu-name{color:#2d2d2d;color:var(--text-primary);font-size:14px;font-weight:900;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-pop{background:#fff;border:1px solid #2d2d2d1a;border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #00000024;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:200}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#2d2d2d;color:var(--text-primary);cursor:pointer;display:flex;font-weight:800;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.user-menu-item:hover{background:#eef6ff;color:#a3bac3;color:var(--color-primary)}.user-menu-item.danger:hover{background:#f4433614;color:#f44336;color:var(--color-error)}.user-menu-divider{background:#2d2d2d1a;background:var(--border);height:1px;margin:6px 0}@media (max-width:768px){.btn{font-size:14px;padding:0 20px}.content-shell{width:90vw}.card{border-radius:32px;border-radius:var(--radius-xl)}.user-menu-name{display:none}}.home-container{background-color:#f8fafc;min-height:100vh;padding-bottom:80px}.landing-container{background:var(--gradient-sky);min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9f7f2b8;border-bottom:1px solid #2d2d2d0f;position:sticky;top:0;z-index:50}.landing-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:14px 0;width:min(90vw,1200px)}.landing-logo{color:var(--text-primary);cursor:pointer;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.landing-actions{align-items:center;display:flex;gap:10px}.landing-btn{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.06em;padding:10px 18px;text-transform:none;transition:all .25s}.landing-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-2) 100%);color:#fff}.landing-btn-primary:hover{box-shadow:0 8px 18px #4a90d940;transform:translateY(-1px)}.landing-btn-secondary{background:#ffffff8c;border-color:#2d2d2d1f;color:var(--text-primary)}.landing-btn-secondary:hover{background:#ffffffbf;border-color:#a3bac3b3;color:var(--text-primary)}.landing-hero{color:var(--text-primary);padding:74px 0 54px}.landing-hero-inner{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1.1fr .9fr;margin:0 auto;width:min(90vw,1200px)}.landing-badge{background:#ffffff8c;border:1px solid #2d2d2d14;border-radius:999px;display:inline-block;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:14px;padding:8px 12px}.landing-title{font-family:Playfair Display,serif;font-size:46px;font-weight:300;line-height:1.15;margin:0 0 14px}.landing-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0 0 22px;max-width:620px}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:12px}.landing-visual{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;justify-content:space-between;min-height:240px;padding:28px 24px}.landing-demo,.landing-visual{display:flex;flex-direction:column}.landing-demo{gap:12px}.landing-demo-kicker{color:#2d2d2d9e;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.landing-demo-word{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.demo-part{background:#ffffffb8;border:1px solid #2d2d2d1a;border-radius:14px;box-shadow:0 10px 28px #00000008;color:#2d2d2dd1;font-size:18px;font-weight:900;letter-spacing:.08em;padding:10px 12px}.demo-part.vowel{background:#ffffffc7;border-color:#ef444447;color:#b91c1ceb}.demo-part.combo{border-color:#3b82f647;color:#1d4ed8eb}.landing-demo-legend{align-items:center;color:#2d2d2db8;display:flex;font-size:12px;font-weight:800;gap:10px}.demo-dot{border-radius:999px;display:inline-block;height:8px;width:8px}.dot-vowel{background:#ef4444e6}.dot-combo{background:#3b82f6e6}.landing-demo-rows{grid-gap:10px;display:grid;gap:10px}.landing-demo-row{grid-gap:12px;align-items:baseline;background:#ffffff8c;border:1px solid #2d2d2d14;border-radius:16px;display:grid;gap:12px;grid-template-columns:52px 1fr;padding:10px 12px}.demo-label{color:#2d2d2d8f;font-size:12px;font-weight:900;letter-spacing:.12em}.demo-value{color:#2d2d2dd1;font-size:14px;font-weight:800;letter-spacing:.04em}.demo-value.demo-ipa{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.03em}.landing-demo-foot{color:#2d2d2db8;font-size:13px;font-weight:700;line-height:1.55}.landing-visual-bottom,.landing-visual-mid,.landing-visual-top{font-family:Playfair Display,serif;font-weight:300;letter-spacing:.6px}.landing-visual-top{font-size:20px}.landing-visual-mid{font-size:18px;opacity:.95}.landing-visual-bottom{font-size:14px;opacity:.9}.landing-features,.landing-testimonials{margin:56px auto;padding:0;width:min(90vw,1200px)}.landing-section-title{margin-bottom:26px;text-align:center}.landing-section-title h2{color:var(--text-primary);font-family:Playfair Display,serif;font-size:30px;font-weight:300;margin:0 0 10px}.landing-section-title p{color:var(--text-secondary);font-size:14px;margin:0}.landing-features-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.landing-feature-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;padding:24px;text-align:left}.landing-feature-icon{align-items:center;display:flex;height:44px;justify-content:flex-start;margin-bottom:12px}.landing-feature-card h3{color:var(--text-primary);font-family:Playfair Display,serif;font-size:18px;font-weight:300;margin:0 0 10px}.landing-feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 14px}.landing-testimonials-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.testimonial-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;padding:22px}.testimonial-text{color:var(--text-primary);font-family:Playfair Display,serif;font-size:14px;font-weight:300;line-height:1.7;margin-bottom:12px}.testimonial-meta{color:var(--text-tertiary);font-size:12px}.landing-footer{background:#0b1320;color:#ffffffe6;padding:36px 0 18px}.landing-footer-inner{margin:0 auto;padding:0;width:min(90vw,1200px)}.landing-auth{background:#0000;padding:56px 0}.landing-auth-inner{display:flex;justify-content:center;margin:0 auto;width:min(90vw,1200px)}.landing-auth-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:32px;box-shadow:0 8px 32px 0 #0003;max-width:420px;padding:26px 22px;width:100%}.landing-auth-title{color:#fffffff2;font-family:Playfair Display,serif;font-size:22px;font-weight:700;margin-bottom:6px}.landing-auth-subtitle{color:#ffffffb8;font-size:13px;margin-bottom:14px}.landing-auth-error{background:#ffebee;border-radius:10px;color:#c62828;font-size:13px;margin-bottom:12px;padding:10px 12px}.landing-auth-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.landing-auth-group label{color:#ffffffe0;font-size:13px;font-weight:800}.landing-auth-group input{background:#ffffff29;border:1px solid #ffffff38;border-radius:12px;color:#fffffff2;font-size:14px;padding:12px 14px;transition:border-color .3s;width:100%}.landing-auth-group input::placeholder{color:#fff9}.landing-auth-group input:focus{border-color:#ffffff8c;box-shadow:0 0 0 3px #ffffff1f;outline:none}.landing-auth-submit{background:#ffffff26;border:1px solid #fff9;border-radius:999px;color:#fff;cursor:pointer;font-weight:900;letter-spacing:1px;margin-top:10px;padding:12px 16px;text-transform:capitalize;transition:all .25s;width:100%}.landing-auth-submit:disabled{cursor:not-allowed;opacity:.6}.landing-auth-submit:hover:not(:disabled){background:#ffffffeb;border-color:#ffffffeb;box-shadow:0 10px 26px #00000038;color:var(--night-blue);transform:translateY(-1px)}.landing-auth-agreement{color:#ffffffb8;display:flex;flex-direction:column;font-size:13px;gap:10px;margin-top:10px}.landing-auth-check{align-items:flex-start;display:flex;gap:10px;line-height:1.4}.landing-auth-check input{margin-top:2px}.landing-auth-toggle{color:#ffffffb8;font-size:13px;margin-top:12px;text-align:center}.landing-auth-link{background:none;border:none;color:#ffffffe6;cursor:pointer;font-weight:900;padding:0;text-decoration:underline}.landing-auth-link:hover{color:#fff}.footer-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.footer-title{color:#fff;font-weight:900;margin-bottom:8px}.footer-text{color:#ffffffbf;font-size:13px;line-height:1.6}.footer-link{color:#ffffffd9;display:inline-block;font-weight:800;margin-bottom:8px;text-decoration:none}.footer-link:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff1f;color:#ffffffa6;font-size:12px;padding-top:14px}.header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f9f7f2b8;border-bottom:1px solid #2d2d2d0f;padding:16px 0;position:sticky;top:0;z-index:50}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:0;width:min(90vw,1200px)}.home-search{margin:12px auto 0;padding:0 0 12px;width:min(90vw,1200px)}.home-search-inner{display:flex;gap:10px}.home-search-input{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d1f;border-radius:14px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .3s}.home-search-input:focus{border-color:#a3bac3e6;box-shadow:0 0 0 3px #a3bac32e;outline:none}.home-search-btn{background:#0000;border:none;height:auto;letter-spacing:0;min-width:0;padding:0;width:auto}.home-search-btn:hover{background:#0000;border-color:#0000;box-shadow:none;transform:none}.logo{color:#2d2d2d;font-family:Playfair Display,serif;font-size:24px;font-weight:300;letter-spacing:.02em}.header-right{align-items:center;display:flex;gap:20px}.user-name{color:#666;font-size:14px}.logout-btn{background:#f44336;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.logout-btn:hover{background:#d32f2f}.hero{background:#0000;color:#2d2d2d;padding:62px 0 34px;text-align:center}.hero-content h2{font-family:Playfair Display,serif;font-size:44px;font-weight:300;letter-spacing:.02em;margin-bottom:14px}.hero-content p{color:#2d2d2db3;font-size:14px;letter-spacing:.1em;margin-bottom:0;text-transform:capitalize}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.hero-buttons .btn{font-size:16px;padding:14px 32px}.features{margin:46px auto 60px;padding:0;width:min(90vw,1200px)}.features h2{color:#2d2d2d;font-family:Playfair Display,serif;font-size:28px;font-weight:300;margin-bottom:28px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;padding:26px 22px;text-align:center;transition:all .3s}.feature-card:hover{box-shadow:0 6px 40px #0000000a;transform:translateY(-2px)}.feature-icon{align-items:center;display:flex;height:54px;justify-content:center;margin-bottom:16px}.feature-card h3{color:#2d2d2d;font-family:Playfair Display,serif;font-size:20px;font-weight:300;margin-bottom:12px}.feature-card p{color:#2d2d2db3;font-size:13px;letter-spacing:.04em;margin-bottom:18px}@media (max-width:768px){.landing-hero-inner{grid-template-columns:1fr}.landing-title{font-size:32px}.landing-demo-row{gap:6px;grid-template-columns:1fr}.landing-auth{padding:36px 16px}.hero-content h2{font-size:34px}.hero-content p{font-size:13px}.features h2{font-size:24px}.features-grid{grid-template-columns:1fr}}.auth-container{align-items:center;background:var(--gradient-sky);display:flex;justify-content:center;min-height:100vh;padding:64px 0}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;padding:42px 32px;width:min(92vw,460px)}.auth-card-register{padding:46px 34px;width:min(92vw,500px)}.auth-card h1{color:#2d2d2d;font-family:Playfair Display,serif;font-size:20px;font-weight:300;letter-spacing:.02em;margin-bottom:10px;text-align:center}.auth-card h2{color:#2d2d2db3;font-size:14px;font-weight:400;letter-spacing:.08em;margin-bottom:30px;text-align:center;text-transform:none}.form-group{margin-bottom:22px}.form-group label{color:#2d2d2dcc;font-size:12px;letter-spacing:.08em;text-transform:none}.form-group input{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d1f;border-radius:999px;font-size:14px;height:52px;padding:0 18px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#3b82f68c;box-shadow:0 0 0 4px #3b82f61f;outline:none}.error-message{background-color:#f4433614;border:1px solid #f443362e;border-radius:14px;color:#f44336;margin-bottom:20px}.toggle-auth{color:#2d2d2db3;font-size:13px;letter-spacing:.06em;line-height:1.7;margin-top:20px;text-align:center}.link-btn{background:none;border:none;color:#2d2d2d;cursor:pointer;font-weight:600;letter-spacing:.08em;margin-left:6px;padding:0 4px;text-decoration:underline;text-transform:capitalize;text-underline-offset:3px}.link-btn:hover{color:#2d2d2de6}.agreement-box{background:#ffffff73;border:1px solid #2d2d2d14;border-radius:16px;color:#2d2d2db3;display:flex;flex-direction:column;font-size:13px;gap:12px;margin-top:18px;padding:12px 14px}.agreement-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;line-height:1.6}.agreement-item span{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.agreement-item input{margin-top:2px}.agreement-link{background:none;border:none;color:#2d2d2d;cursor:pointer;display:inline-block;font-weight:800;letter-spacing:.06em;margin-left:6px;padding:0 4px;text-decoration:underline;text-underline-offset:3px}.agreement-link:hover{color:#2d2d2de6}.btn.btn-block{margin-top:22px}@media (max-width:480px){.auth-card{padding:32px 20px}.auth-card h1{font-size:18px}.auth-card h2{font-size:13px}.form-group{margin-bottom:18px}}.pv2-header{margin-bottom:14px}.pv2-topbar{border-radius:32px;display:flex;gap:8px;padding:10px}.pv2-top{background:#ffffff73;border:1px solid #2d2d2d24;border-radius:50px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;letter-spacing:.08em;padding:12px 14px;transition:all .2s ease}.pv2-top.active{border-color:#a3bac3e6}.pv2-top:hover{background:#ffffffb3;border-color:#a3bac3b3}.pv2-home{margin-top:14px}.pv2-hero{border-radius:32px;margin-bottom:14px;padding:22px}.pv2-hero-title{font-size:28px;font-weight:300;margin-bottom:10px}.pv2-hero-sub{color:var(--text-secondary);font-size:13px;letter-spacing:.06em;line-height:1.8}.pv2-stage-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pv2-stage{background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:var(--shadow-card);cursor:pointer;padding:18px;text-align:left;transition:all .2s ease}.pv2-stage:hover{border-color:#a3bac399;box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.pv2-stage-title{font-size:18px;font-weight:300;margin-bottom:10px}.pv2-stage-desc{color:var(--text-secondary);font-size:12px;letter-spacing:.06em;line-height:1.7}.pv2-stage-go{color:var(--text-tertiary);font-size:12px;letter-spacing:.08em}.pv2-stage-go,.pv2-study{margin-top:14px}.pv2-stagebar{border-radius:32px;display:flex;gap:8px;margin-bottom:12px;padding:10px}.pv2-stage-tab{background:#ffffff73;border:1px solid #2d2d2d24;border-radius:50px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;letter-spacing:.08em;padding:12px 14px;transition:all .2s ease}.pv2-stage-tab.active{border-color:#a3bac3e6}.pv2-stage-tab:hover{background:#ffffffb3;border-color:#a3bac3b3}.pv2-modulebar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.pv2-chip{background:#ffffff73;border:1px solid #2d2d2d24;border-radius:50px;cursor:pointer;font-size:12px;letter-spacing:.06em;padding:10px 14px;transition:all .2s ease}.pv2-chip:hover{background:#ffffffb3;border-color:#a3bac3b3}.pv2-card{border-radius:32px;padding:18px}.pv2-card-head{align-items:baseline;border-bottom:.5px solid #2d2d2d1f;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.pv2-card-title{font-size:20px;font-weight:300}.pv2-card-sub{color:var(--text-tertiary);font-size:12px;letter-spacing:.06em;text-align:right}.pv2-card-body{padding-top:14px}.pv2-focus{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.pv2-focus-grapheme{font-size:34px;font-weight:300}.pv2-focus-ipa{color:var(--text-secondary);font-size:12px;letter-spacing:.08em}.pv2-muted{color:var(--text-tertiary);font-size:12px;letter-spacing:.06em;line-height:1.8;margin-top:12px}.pv2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pv2-actions-right{justify-content:flex-end}.pv2-actions-split{justify-content:space-between}.pv2-ghost{background:#ffffff73;border:1px solid #2d2d2d24;border-radius:50px;cursor:pointer;font-size:12px;letter-spacing:.08em;padding:10px 14px}.pv2-ghost:disabled{cursor:not-allowed;opacity:.5}.pv2-ghost:hover:not(:disabled){background:#ffffffb3;border-color:#a3bac3b3}.pv2-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pv2-chip.active{border-color:#a3bac3e6}.pv2-mini-title{color:var(--text-tertiary);font-size:12px;letter-spacing:.12em;margin:14px 0 10px}.pv2-mini-list{border-top:.5px solid #2d2d2d1f;margin-top:14px;padding-top:14px}.pv2-chip{color:var(--text-primary)}.pv2-options{display:flex;flex-direction:column;gap:10px;margin-top:10px}.pv2-option{background:#ffffff73;border:1px solid #2d2d2d1f;border-radius:22px;cursor:pointer;font-size:12px;letter-spacing:.06em;padding:12px 14px;text-align:left;transition:all .2s ease}.pv2-option:hover{background:#ffffffb3;border-color:#a3bac3b3}.pv2-option.correct{border-color:#4caf5059}.pv2-option.wrong{border-color:#f4433640}.pv2-explain{color:var(--text-secondary);font-size:12px;letter-spacing:.04em;line-height:1.8;margin-top:12px}.pv2-prompt{color:var(--text-primary);font-size:13px;letter-spacing:.04em;line-height:1.9;white-space:pre-line}.pv2-quiz-top{align-items:center;border-bottom:.5px solid #2d2d2d1f;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.pv2-progress-bar{background:#2d2d2d14;border-radius:999px;height:6px;overflow:hidden}.pv2-progress-fill{background:#a3bac3cc;border-radius:999px;height:100%}.pv2-progress-text{color:var(--text-tertiary);font-size:12px;letter-spacing:.06em;margin-top:8px}.pv2-practice-wrap{margin-top:14px}.pv2-details{background:#ffffff73;border:1px solid #2d2d2d14;border-radius:22px;margin-top:12px;padding:10px 12px}.pv2-summary{color:var(--text-primary);cursor:pointer;font-size:12px;letter-spacing:.08em;list-style:none}.pv2-summary::-webkit-details-marker{display:none}.pv2-rule-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.pv2-rule{background:#ffffff59;border:1px solid #2d2d2d14;border-radius:22px;padding:10px 12px}.pv2-rule-head{color:var(--text-secondary);display:flex;font-size:12px;gap:10px;justify-content:space-between;letter-spacing:.06em;margin-bottom:10px}.pv2-table{display:flex;flex-direction:column;gap:10px;margin-top:10px}.pv2-table-row{grid-gap:10px;align-items:center;background:#ffffff59;border:1px solid #2d2d2d14;border-radius:22px;display:grid;gap:10px;grid-template-columns:1fr auto 1fr auto;padding:10px 12px}.pv2-table-cell{font-size:12px;letter-spacing:.08em}.pv2-table-arrow{color:var(--text-tertiary)}.pv2-table-note{color:var(--text-secondary);font-size:12px;letter-spacing:.06em;text-align:right}@media (max-width:480px){.pv2-hero-title{font-size:24px}}.pc-screen{padding-top:0}.pc-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f9f7f2b8;border-bottom:1px solid #2d2d2d0f;position:sticky;top:0;z-index:50}.pc-header-inner{align-items:center;display:flex;justify-content:space-between;padding:14px 0}.pc-header-title{margin:0}.pc-header-right{align-items:center;display:flex;gap:14px}.pc-main{padding-top:18px}.pc-card{padding:18px}.pc-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.pc-title{font-size:26px;margin-bottom:4px}.pc-sub{color:var(--text-secondary);font-size:14px}.pc-meta{color:var(--text-tertiary);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.pc-input-row{align-items:stretch;background:#ffffff59;border:1px solid #2d2d2d0f;border-radius:18px;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.pc-input{background:#ffffffc7;border:1px solid #2d2d2d1f;border-radius:999px;box-shadow:0 10px 30px #00000008;flex:1 1 420px;height:52px;letter-spacing:.02em;min-width:320px;padding:0 18px}.pc-input:focus{border-color:#3b82f68c;box-shadow:0 0 0 4px #3b82f61f,0 14px 40px #0000000a;outline:none}.pc-error{background:#fff0f0b3;border:1px solid #8a2d2d29;border-radius:12px;color:#8a2d2d;margin-top:12px;padding:10px 12px}.pc-steps{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin:14px 0}.pc-step-pill{align-items:center;background:#ffffff8c;border:1px solid #2d2d2d24;border-radius:14px;cursor:pointer;display:flex;gap:8px;justify-content:center;min-height:44px;padding:10px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pc-step-pill:hover{border-color:#a3bac3e6;box-shadow:var(--shadow-card);transform:translateY(-1px)}.pc-step-pill.is-active{border-color:#a3bac3f2;box-shadow:var(--shadow-card-hover)}.pc-step-pill.is-done{background:#ffffff59;border-color:#2d2d2d14}.pc-step-num{align-items:center;border:1px solid #2d2d2d24;border-radius:50%;display:inline-flex;font-size:12px;height:22px;justify-content:center;letter-spacing:.08em;width:22px}.pc-step-label{color:var(--text-secondary);font-size:12px;letter-spacing:.06em}.pc-step-card{padding:20px}.pc-step-title{font-size:22px;margin-bottom:6px}.pc-step-desc{color:var(--text-secondary);font-size:14px;margin-bottom:14px}.pc-letters{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 2px}.pc-letter{background:#ffffff9e;border:1px solid #2d2d2d1f;border-radius:16px;color:var(--text-primary);cursor:pointer;font-size:18px;font-weight:700;height:54px;letter-spacing:.08em;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;width:54px}.pc-letter:hover{border-color:#a3bac3e6;box-shadow:var(--shadow-card);transform:translateY(-1px)}.pc-letter.is-vowel{background:#fff5f5e6;border-color:#8a2d2d40}.pc-muted{color:var(--text-tertiary);font-size:13px;margin-top:12px}.pc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pc-syllables{grid-gap:12px;display:grid;gap:12px}.pc-syllable{background:#ffffff73;border:1px solid #2d2d2d14;border-radius:16px;padding:14px}.pc-syllable-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.pc-syllable-text{font-size:20px;font-weight:800;letter-spacing:.06em}.pc-syllable-rule{color:var(--text-tertiary);font-size:12px}.pc-cuts,.pc-syllable-actions{margin-top:10px}.pc-cuts{display:flex;flex-wrap:wrap;gap:10px}.pc-cut{align-items:center;background:#ffffff9e;border:1px solid #2d2d2d1f;border-radius:14px;cursor:default;display:inline-flex;gap:10px;padding:10px 12px;-webkit-user-select:none;user-select:none}.pc-cut-label{color:var(--text-tertiary);font-size:12px;letter-spacing:.08em}.pc-cut-text{font-weight:700;letter-spacing:.06em}.pc-pron{background:#ffffff73;border:1px solid #2d2d2d14;border-radius:16px;padding:14px}.pc-pron-word{font-size:22px;font-weight:800;letter-spacing:.08em}.pc-pron-ipa{font-size:16px;margin-top:6px}.pc-pron-hint,.pc-pron-ipa{color:var(--text-secondary)}.pc-pron-hint{font-size:14px;line-height:1.6;margin-top:10px}.pc-assess,.pc-audio{margin-top:12px}.pc-assess{background:#ffffff8c;border:1px solid #9a6a1238;border-radius:16px;padding:12px 14px}.pc-assess-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.pc-assess-grade{color:#9a6a12f2;font-weight:900;letter-spacing:.1em}.pc-assess-scores{color:#2d2d2db8;display:flex;flex-wrap:wrap;font-size:12px;font-weight:800;gap:10px}.pc-assess-feedback{color:#2d2d2dc7;font-size:13px;line-height:1.6}.pc-tips{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.pc-tip{background:#ffffff73;border:1px solid #2d2d2d14;border-radius:14px;color:var(--text-secondary);font-size:14px;padding:10px 12px}.pc-kps{grid-gap:12px;display:grid;gap:12px}.pc-kp{background:#ffffff73;border:1px solid #2d2d2d14;border-radius:16px;padding:14px}.pc-kp-title{font-weight:800;letter-spacing:.06em;margin-bottom:6px}.pc-kp-detail{color:var(--text-secondary);font-size:14px;line-height:1.6}.pc-kp-examples{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pc-chip{background:#ffffff9e;border:1px solid #2d2d2d1f;border-radius:999px;cursor:pointer;font-weight:700;letter-spacing:.04em;padding:10px 12px}.pc-step-nav{display:flex;gap:10px;justify-content:space-between;margin-top:18px}@media (max-width:900px){.pc-steps{grid-template-columns:repeat(3,1fr)}.pc-input-row{align-items:stretch;flex-direction:column}.pc-input{flex-basis:auto;min-width:0}.pc-input,.pc-input-row .btn{width:100%}.pc-header-inner{padding:12px 0}.pc-header-right{gap:10px}.pc-letter{height:50px;width:50px}}.words-container{background-color:initial;min-height:100vh;padding:0}.words-header{margin-bottom:30px;text-align:center}.filters{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;padding:16px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#333;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:1px solid #e8edf2;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s}.filter-group select:focus{border-color:#4a90d9;outline:none}.word-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;padding:24px}.word-card-content{margin-bottom:24px;text-align:center}.word-title{font-size:36px}.colored-word{display:inline-block;line-height:1.1}.word-phonetic{font-size:20px}.word-meaning-inline{color:#2d2d2d;font-size:16px;font-weight:700;letter-spacing:.02em;margin-bottom:10px}.phonetic-breakdown{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.phonetic-breakdown h4{color:#333;font-size:14px;margin-bottom:12px}.phonetic-items{display:flex;flex-wrap:wrap;gap:8px}.syllable-items{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:14px}.syllable-item{background:#ffffff8c;border:1px solid #2d2d2d1f;border-radius:18px;cursor:default;padding:12px 14px;text-align:left}.syllable-main{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.syllable-text{color:var(--text-primary);font-size:18px;font-weight:900;letter-spacing:.02em}.syllable-type{background:#ffffffb3;border:1px solid #2d2d2d1f;border-radius:999px;color:#2d2d2db8;flex:0 0 auto;font-size:12px;font-weight:900;letter-spacing:.08em;padding:6px 10px}.syllable-type.open{border-color:#3b82f659;color:#1d4ed8}.syllable-type.closed{border-color:#f5a62359;color:#b45309}.syllable-phonetic{color:#2d2d2db8;font-family:Courier New,monospace;font-size:13px}.phonetic-item{background:#fff;border:1px solid #e8edf2;border-radius:8px;color:#666;cursor:default;font-size:12px;padding:8px 12px;text-align:left}.phonetic-pair{align-items:baseline;display:inline-flex;gap:6px}.phonetic-letter{font-weight:800}.phonetic-arrow{color:#999}.phonetic-token{font-family:Courier New,monospace}.word-controls{display:flex;gap:12px;margin-bottom:20px}.word-controls .btn{flex:1 1}.word-btn-icon{color:#fffffff2;filter:drop-shadow(0 0 10px rgba(59,130,246,.25))}.word-btn-icon-muted{color:#4a90d9;filter:drop-shadow(0 0 10px rgba(59,130,246,.12))}.word-btn-icon-warn{color:#f5a623;filter:drop-shadow(0 0 10px rgba(245,166,35,.18))}.btn-play{background:linear-gradient(135deg,#4a90d9,#5ba0e9);color:#fff}.btn-play:hover{box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.btn-record{background:#fff;border:2px solid #f5a623;color:#f5a623}.btn-record:hover{background:#fff8f0}.btn-loop{background:#fff;border:2px solid #e8edf2;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s}.btn-loop.active{background:#eef6ff}.btn-loop.active,.btn-loop:hover{border-color:#4a90d9;color:#4a90d9}.recording-panel{background:#fff8f0;border:1px solid #ffe7c5;border-radius:12px;margin-bottom:16px;padding:14px}.recording-row{align-items:center;display:flex;gap:12px}.recording-hint{color:#9a6a12;flex:1 1;font-size:12px;line-height:1.4}.recording-error{color:#b42318;font-size:12px;margin-top:10px}.recording-audio{margin-top:10px;width:100%}.recording-assessment{background:#fff9;border:1px solid #9a6a1238;border-radius:12px;margin-top:12px;padding:12px}.recording-assessment-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.recording-grade{color:#9a6a12f2;font-size:16px;font-weight:900;letter-spacing:.08em}.recording-scores{color:#2d2d2db8;display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;gap:10px}.recording-feedback{color:#2d2d2dc7;font-size:12px;line-height:1.55}.legend{display:flex;font-size:12px;font-weight:800;gap:16px;justify-content:center;margin-bottom:18px}.legend-item{background:#f8fafc;border:1px solid #e8edf2;border-radius:999px;padding:6px 10px}.word-meaning h4{color:#333;font-size:14px;margin-bottom:8px}.collect-btn{align-items:center;background:#fff;border:2px solid #e8edf2;border-radius:12px;color:#666;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s;width:100%}.collect-icon{color:#f5a623}.collect-btn.collected .collect-icon{color:#fffffff2}.collect-btn:hover{border-color:#f5a623;color:#f5a623}.collect-btn.collected{background:linear-gradient(135deg,#f5a623,#f7b844);border-color:#f5a623;color:#fff}.word-navigation{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto 30px;max-width:600px}.btn-loop:disabled,.btn-play:disabled,.btn-record:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.recording-row{align-items:stretch;flex-direction:column}}.word-counter{color:#666;font-size:14px;font-weight:600}@media (max-width:768px){.word-card{padding:16px}.word-title{font-size:28px}.word-phonetic{font-size:16px}.word-card-image{height:200px}.filters{flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}}.search-container{background-color:initial;min-height:100vh;padding:0}.search-header{text-align:center}.search-form,.search-header{margin-bottom:30px}.search-input-group{align-items:center;display:flex;gap:10px;margin:0 auto;max-width:720px}.search-input{flex:1 1;font-size:16px;min-width:320px}.voice-btn{height:52px;min-width:52px;width:52px}.voice-btn.active{border-color:#f4433659}.voice-btn:disabled{cursor:not-allowed;opacity:.5}.search-sidebar{margin:0 auto;max-width:600px}.hot-searches,.search-history{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;padding:20px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.history-header h3,.hot-searches h3{color:#333;font-size:16px;margin:0}.clear-btn{background:none;border:none;color:#4a90d9;cursor:pointer;font-size:12px;text-decoration:underline}.history-tags,.hot-tags{display:flex;flex-wrap:wrap;gap:8px}.history-tag,.hot-tag{background:#f0f5ff;border:1px solid #e8edf2;border-radius:16px;color:#4a90d9;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s}.history-tag:hover,.hot-tag:hover{background:#4a90d9;border-color:#4a90d9;color:#fff}.search-results{margin:0 auto;max-width:600px}.search-results h3{color:#333;font-size:16px;margin-bottom:16px}.results-list{display:flex;flex-direction:column;gap:12px}.result-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:16px;transition:all .3s}.result-item:hover{background:#f8fafc;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.result-word{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.result-meaning{color:#666;font-size:14px}.word-detail{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;margin:0 auto;max-width:600px;padding:24px}.word-main{margin-bottom:24px;text-align:center}.word-title{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.word-phonetic{color:#666;font-family:Courier New,monospace;font-size:18px;margin-bottom:8px}.word-pos{color:#999;font-size:14px;font-weight:600}.word-meaning{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.word-meaning h3{color:#333;font-size:14px;margin-bottom:8px}.word-meaning p{color:#666;font-size:16px;line-height:1.6}.word-section{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.word-section h3{color:#333;font-size:14px;margin-bottom:10px}.collocations{display:flex;flex-wrap:wrap;gap:8px}.collocation-tag{background:#e3f2fd;border-radius:999px;color:#4a90d9;font-size:12px;font-weight:700;padding:6px 10px}.examples{display:flex;flex-direction:column;gap:12px}.example-item{background:#fff;border:1px solid #e8edf2;border-radius:12px;padding:12px}.example-en{color:#333;font-size:14px;font-weight:700;margin-bottom:6px}.example-zh{color:#666;font-size:13px;line-height:1.5}.word-audio{margin-bottom:20px}.play-btn{background:linear-gradient(135deg,#f5a623,#f7b844);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s;width:100%}.play-btn:hover{box-shadow:0 4px 12px #f5a6234d;transform:translateY(-2px)}.word-actions{display:flex;gap:12px}.word-actions .btn{flex:1 1}.suggestion-panel{margin:0 auto 20px;max-width:600px}.correction-banner{background:#eef6ff;border:1px solid #d6eaff;border-radius:12px;margin-bottom:14px;padding:12px 14px}.correction-title{color:#1f5f9c;font-size:14px;font-weight:800}.correction-reason{color:#4a6f91;font-size:12px;line-height:1.4;margin-top:6px}.suggestion-box{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:18px}.suggestion-title{color:#333;font-size:14px;font-weight:800;margin-bottom:10px}.suggestion-tags{display:flex;flex-wrap:wrap;gap:8px}.suggestion-tag{background:#f0f5ff;border:1px solid #e8edf2;border-radius:16px;color:#4a90d9;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s}.suggestion-tag:hover{background:#4a90d9;border-color:#4a90d9;color:#fff}.error-message{background-color:#ffebee;border-radius:8px;color:#c62828;font-size:14px;margin:20px auto;max-width:600px;padding:12px}.loading{color:#666}@media (max-width:768px){.search-input-group{flex-direction:column}.search-btn,.voice-btn{width:100%}.word-title{font-size:24px}.word-detail{padding:16px}}.profile-container{background-color:initial;min-height:100vh;padding-bottom:0}.profile-top{margin-bottom:18px}.profile-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;color:var(--text-primary);display:flex;gap:20px;margin:0 auto;padding:22px;width:min(90vw,1200px)}.profile-avatar{flex-shrink:0}.avatar-placeholder{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.profile-info h2{font-size:24px;margin-bottom:4px}.profile-info p{font-size:14px;opacity:.9}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;padding:18px 0 0;width:min(90vw,1200px)}.stat-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;padding:20px;text-align:center}.stat-icon{align-items:center;display:flex;height:32px;justify-content:center;margin-bottom:10px}.stat-value{color:var(--icon-primary);font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#999;font-size:12px}.stat-sub{color:#666;font-size:12px;font-weight:700;margin-top:6px}.avatar-image{background:#fff3;border-radius:50%;height:80px;object-fit:cover;width:80px}.view-header{margin:0 auto;max-width:1200px;padding:0 20px 10px}.entry-list{display:flex;flex-direction:column;gap:12px}.entry-section-title{color:#2d2d2d80;font-size:12px;font-weight:900;letter-spacing:.14em;margin:14px 2px 2px;text-transform:uppercase}.entry-item{align-items:center;background:#f8fafc;border:1px solid #e8edf2;border-radius:12px;cursor:pointer;display:flex;gap:14px;justify-content:space-between;padding:14px 16px;text-align:left;transition:all .3s;width:100%}.entry-item:hover{background:#eef6ff;border-color:#4a90d9}.entry-left{gap:12px;min-width:0}.entry-icon,.entry-left{align-items:center;display:flex}.entry-icon{background:#3b82f61f;border:1px solid #3b82f62e;border-radius:12px;color:#142850d9;flex:0 0 auto;height:36px;justify-content:center;width:36px}.entry-icon-danger{background:#ef44441f;border:1px solid #ef44442e;color:#781414e6}.entry-main{min-width:0}.entry-title{color:#333;font-size:16px;font-weight:800;margin-bottom:4px}.entry-sub{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-right{align-items:center;color:#2d2d2d80;display:flex;flex:0 0 auto;gap:10px}.entry-item-danger:hover{background:#ef444414;border-color:#ef444459}.profile-hero{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #2d2d2d14;border-radius:24px;margin:14px auto 6px;padding:16px;width:min(90vw,1200px)}.profile-hero-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.profile-hero-title{color:#2d2d2dd9;font-size:16px;font-weight:900}.profile-hero-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.profile-hero-metric{background:#f8fafce6;border:1px solid #2d2d2d0f;border-radius:16px;padding:12px}.profile-hero-metric-label{color:#2d2d2d8c;font-size:12px}.profile-hero-metric-value{color:#142850e6;font-size:18px;font-weight:900;margin-top:6px}.profile-hero-progress{align-items:center;display:flex;gap:12px;margin-top:12px}.profile-hero-progress-bar{background:#2d2d2d14;border-radius:999px;flex:1 1;height:10px;overflow:hidden}.profile-hero-progress-fill{background:#f973168c;height:100%}.profile-hero-progress-text{color:#2d2d2d8c;font-size:12px;white-space:nowrap}.profile-hero-help{color:#2d2d2d8c;font-size:12px;margin-top:8px}@media (max-width:720px){.profile-hero-metrics{grid-template-columns:1fr}}.readings-list{display:flex;flex-direction:column;gap:12px}.reading-item{background:#f8fafc;border:1px solid #e8edf2;border-radius:12px;padding:14px}.reading-item h4{color:#333;font-size:16px;margin:0 0 8px}.reading-item p{color:#666;font-size:13px;line-height:1.5;margin:0 0 10px}.reading-date{color:#999;display:inline-block;font-size:12px;margin-bottom:10px}.reading-actions{display:flex;gap:10px}.profile-tabs{background:#fff;border-bottom:1px solid #e8edf2;display:flex;gap:0;margin:0 auto;max-width:1200px;padding:0 20px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#999;cursor:pointer;font-size:14px;font-weight:600;padding:16px 20px;transition:all .3s}.tab.active,.tab:hover{color:#4a90d9}.tab.active{border-bottom-color:#4a90d9}.profile-content{margin:0 auto;max-width:1200px;padding:20px}.tab-pane{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.tab-pane h3{color:#333;font-size:18px;margin-bottom:20px}.words-list{display:flex;flex-direction:column;gap:12px}.word-item{background:#f8fafc;border-left:4px solid #4a90d9;border-radius:8px;padding:12px}.word-name-row{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.word-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.word-badge{background:#3b82f61f;border:1px solid #3b82f62e;border-radius:999px;color:#142850c7;font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.word-meaning{color:#666;font-size:12px}.settings-section{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:20px}.settings-section h3{color:#333;font-size:16px;margin-bottom:16px}.edit-form,.password-form{display:flex;flex-direction:column;gap:12px}.form-buttons{display:flex;gap:12px}.edit-display{align-items:center;display:flex;justify-content:space-between}.edit-display p{color:#333;font-size:16px}@media (max-width:768px){.profile-header{padding:20px}.avatar-placeholder{font-size:30px}.avatar-image,.avatar-placeholder{height:60px;width:60px}.profile-info h2{font-size:18px}.stats-grid{grid-template-columns:1fr;padding:16px}.profile-tabs{padding:0}.tab{flex:1 1;font-size:12px;padding:12px;text-align:center}.profile-content,.tab-pane{padding:16px}.form-buttons{flex-direction:column}}.reading-container{background-color:initial;min-height:100vh;padding:0}.reading-header{margin-bottom:30px;text-align:center}.generator-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px;padding:24px}.generator-panel h3{color:#333;font-size:20px;margin-bottom:12px}.generator-desc{color:#666;font-size:14px;margin-bottom:20px}.generator-form{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 180px 120px}.generator-input,.generator-select{border-radius:999px;height:52px}.generator-input{flex:1 1}.generator-select{width:100%}.generator-btn{border-radius:999px;height:52px;width:100%}.reading-error{background:#ffffffb3;border:1px solid #ef44442e;border-radius:14px;color:#b91c1ce0;font-weight:800;letter-spacing:.04em;margin-top:12px;padding:12px 14px}.generated-content{background:#ffffff73;border:1px solid #2d2d2d14;border-radius:24px;margin-top:20px;padding:22px}.content-section{margin-bottom:20px}.content-section h4{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.content-text{color:#333;font-size:16px}.content-phonetic,.content-text{background:#fff;border-radius:8px;line-height:1.8;padding:12px}.content-phonetic{color:#666;font-family:Courier New,monospace;font-size:12px}.content-translation{background:#ffffff8c;border:1px solid #2d2d2d14;border-radius:16px;color:#666;font-size:14px;line-height:1.8;padding:14px 16px}.generator-buttons{display:flex;gap:12px}.readings-list{margin:0 auto;max-width:1000px}.readings-list h3{color:#333;font-size:18px;margin-bottom:20px}.readings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.reading-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #2d2d2d14;border-radius:24px;box-shadow:0 4px 30px #00000008;cursor:pointer;padding:22px;transition:all .3s}.reading-card:hover{border-color:#3b82f659;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.reading-card-title{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.reading-card-preview{color:#666;font-size:12px;height:60px;line-height:1.6;margin-bottom:12px;overflow:hidden}.reading-card-date{color:#999;font-size:11px}.empty-message{color:#999;font-size:14px;padding:40px 20px;text-align:center}.reading-detail{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #2d2d2d14;border-radius:32px;box-shadow:0 4px 30px #00000008;margin:0 auto;max-width:900px;padding:24px}.reading-detail.postcard-detail{background:#ffffff8f;border-color:#2d2d2d1a;max-width:980px}.postcard-shell{background:radial-gradient(900px 400px at 12% 28%,#9ad0ff3d,#0000 60%),radial-gradient(620px 320px at 80% 18%,#ffd68a38,#0000 60%),radial-gradient(900px 520px at 70% 80%,#bdffdf33,#0000 58%),#ffffffb8;border:1px solid #2d2d2d1a;border-radius:28px;box-shadow:0 18px 60px #0000000a;overflow:hidden;position:relative}.postcard-shell:before{background:repeating-linear-gradient(135deg,#2d2d2d05,#2d2d2d05 1px,#0000 0,#0000 9px);content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.postcard-body{grid-gap:0;display:grid;gap:0;grid-template-columns:320px 1fr;position:relative;z-index:1}.postcard-side{background:#ffffff80;border-right:1px dashed #2d2d2d2e;padding:26px 22px 22px}.reading-title.postcard-title{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:26px;font-weight:800;letter-spacing:.02em;margin-bottom:10px;text-align:left}.postcard-tagline{color:#2d2d2da8;font-size:12px;letter-spacing:.12em;margin-bottom:18px;text-transform:uppercase}.postcard-art{align-items:center;border-radius:22px;display:flex;height:170px;justify-content:center;margin-bottom:18px;overflow:hidden;position:relative}.postcard-art-bg{background:radial-gradient(120px 120px at 35% 42%,#9ad0ff8c,#0000 60%),radial-gradient(140px 140px at 68% 58%,#ffd68a80,#0000 64%),#fff9;border:1px solid #2d2d2d14;border-radius:22px;inset:0;position:absolute}.postcard-art-blob{filter:blur(4px);opacity:.6;position:absolute}.postcard-art-blob.blob-a{background:#9ad0ff8c;border-radius:999px;height:140px;left:18%;top:24%;width:140px}.postcard-art-blob.blob-b{background:#ffd68a80;border-radius:999px;bottom:18%;height:160px;right:18%;width:160px}.postcard-art-svg{color:#2d2d2d8c;height:90px;position:relative;width:120px}.postcard-meta{display:flex;flex-wrap:wrap;gap:10px}.postcard-meta-item{background:#ffffffb8;border:1px solid #2d2d2d1f;border-radius:999px;color:#2d2d2db8;font-size:12px;font-weight:800;letter-spacing:.06em;padding:6px 10px}.postcard-content{padding:24px 24px 22px}.postcard-content-inner{margin-bottom:18px}.content-line.postcard-line{background:#ffffffb3;border:1px solid #2d2d2d1a;border-radius:18px;padding:16px 16px 14px}.content-line.postcard-line h4{color:#2d2d2d8c;font-size:11px;letter-spacing:.12em}.postcard-actions{margin-top:10px}.back-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;gap:10px;letter-spacing:.06em;margin-bottom:16px}.back-btn:hover{color:var(--text-primary)}.reading-title{color:#333;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.reading-content{margin-bottom:30px}.content-line{background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.content-line h4{color:#999;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.line-content{color:#333;font-size:16px;line-height:1.8}.line-content.aligned{white-space:pre-wrap}.aligned-token{display:inline-block;text-align:center;vertical-align:bottom;white-space:pre}.word-token{border-radius:6px;cursor:pointer}.word-token:hover{background:#e3f2fd;color:#4a90d9}.line-content.phonetic{color:#666;font-family:Courier New,monospace;font-size:12px}.line-content.translation{color:#666;font-size:14px}.word-clickable{border-radius:8px;cursor:pointer;margin-right:4px;padding:2px 4px;transition:all .2s}.word-clickable:hover{background:#e3f2fd;color:#4a90d9}.reading-buttons{display:flex;gap:12px}.reading-buttons .btn{flex:1 1;margin:0}.word-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.word-modal{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:420px;overflow:hidden;width:100%}.word-modal-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:16px 18px}.word-modal-title{color:#333;font-size:18px;font-weight:800}.word-modal-close{background:#0000;border:none;color:#666;cursor:pointer;font-size:22px}.word-modal-body{padding:16px 18px 18px}.word-modal-phonetic{color:#666;font-family:Courier New,monospace;font-size:14px;margin-bottom:10px}.word-modal-meaning{align-items:baseline;color:#333;display:flex;gap:8px;margin-bottom:14px}.word-modal-meaning .pos{color:#999;font-size:12px;font-weight:700}.word-modal-meaning .meaning{color:#333;font-size:14px;line-height:1.4}@media (max-width:768px){.reading-detail{padding:16px}.reading-title{font-size:20px}.postcard-body{grid-template-columns:1fr}.postcard-side{border-bottom:1px dashed #2d2d2d2e;border-right:none}.postcard-stamp{right:14px;top:14px;transform:scale(.92);transform-origin:top right}.generator-form,.readings-grid{grid-template-columns:1fr}.generator-buttons{flex-direction:column}.generator-buttons .btn{width:100%}.generator-form,.reading-buttons{flex-direction:column}}.legal-container{background:radial-gradient(circle at 20% 10%,#e8a87c2e,#0000 48%),radial-gradient(circle at 80% 0,#c38d9e29,#0000 45%),#f8fafc;min-height:100vh;padding-bottom:40px}.legal-header{align-items:center;background:#fff;border-bottom:1px solid #e8edf2;display:flex;gap:12px;padding:14px 16px;position:sticky;top:0;z-index:40}.legal-back{background:#fff;border:1px solid #e8edf2;border-radius:10px;cursor:pointer;font-weight:800;padding:8px 12px}.legal-back:hover{border-color:#4a90d9;color:#4a90d9}.legal-title{color:#333;font-size:16px;font-weight:900}.legal-content{background:#ffffffeb;border:1px solid #e8edf2e6;border-radius:16px;box-shadow:0 10px 34px #00000014;color:#333;line-height:1.85;margin:18px auto 0;padding:22px 18px;width:min(90vw,900px)}.legal-h1{font-size:24px;font-weight:800;margin:0 0 10px}.legal-h2{font-size:18px;font-weight:800;margin:18px 0 10px}.legal-h3{color:#333;font-size:14px;font-weight:900;margin:14px 0 8px}.legal-meta{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:10px 16px;margin-bottom:16px}.legal-important{background:#f5a6231f;border:1px solid #f5a62340;border-radius:14px;color:#333;margin:14px 0;padding:12px}.legal-underline{text-decoration:underline;text-underline-offset:3px}.legal-list{color:#333;margin:10px 0 0;padding-left:18px}.legal-list li{margin:8px 0}.legal-link{color:#4a90d9;font-weight:800;text-decoration:underline;text-underline-offset:3px}.legal-link:hover{color:#5ba0e9}.admin-page{background:var(--gradient-sky);min-height:100vh;padding-bottom:80px}.admin-navbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f9f7f2b8;border-bottom:1px solid #2d2d2d0f;position:sticky;top:0;z-index:50}.navbar-content{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;padding:14px 0;width:min(90vw,1200px)}.navbar-logo{align-items:center;color:var(--text-primary);display:inline-flex;font-family:Playfair Display,serif;font-size:20px;font-weight:300;gap:10px;letter-spacing:.02em;margin:0}.navbar-actions{align-items:center;display:flex;gap:12px}.btn-logout{align-items:center;background:#ffffffa6;border:1px solid #2d2d2d24;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;height:44px;letter-spacing:.06em;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn-logout:hover{border-color:#f4433659;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.admin-tabs{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #2d2d2d14;border-radius:18px;display:flex;gap:10px;margin:16px auto 0;padding:10px;width:min(90vw,1200px)}.admin-tabs .tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:900;gap:10px;height:44px;letter-spacing:.04em;padding:0 14px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.admin-tabs .tab:hover{background:#ffffffb3;border-color:#2d2d2d14;transform:translateY(-1px)}.admin-tabs .tab.active{background:#ffffffdb;border-color:#3b82f659;box-shadow:0 14px 40px #0000000a;color:var(--text-primary)}.admin-content{margin:18px auto 0;width:min(90vw,1200px)}.admin-content .admin-container{background:#0000;padding:0}.admin-container{background-color:#f5f7fa;min-height:100vh;padding:20px}.admin-header{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#fff9;border:1px solid #2d2d2d14;border-radius:24px;box-shadow:0 4px 30px #00000008;display:flex;justify-content:space-between;margin-bottom:30px;padding:22px}.admin-header h1{margin:0}.admin-filters{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #2d2d2d14;border-radius:24px;box-shadow:0 4px 30px #00000008;display:flex;gap:12px;margin-bottom:20px;padding:18px}.filter-input,.filter-select{background:#ffffffa6;border:1px solid #2d2d2d1f;border-radius:999px;font-size:14px;height:44px;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus,.filter-select:focus{border-color:#3b82f68c;box-shadow:0 0 0 4px #3b82f61f;outline:none}.admin-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table thead{background:#f5f7fa;border-bottom:2px solid #e0e6ed}.admin-table th{color:#333;font-weight:600;padding:16px;text-align:left}.admin-table td{border-bottom:1px solid #e0e6ed;color:#666;padding:16px}.admin-table tbody tr:hover{background:#f9fafb}.admin-table td.highlight{color:#4a90d9;font-weight:600}.status-badge,.sync-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.disabled{background:#ffebee;color:#c62828}.status-badge.enabled,.sync-badge.synced{background:#e8f5e9;color:#2e7d32}.sync-badge.pending{background:#fff3e0;color:#e65100}.actions{display:flex;gap:8px}.btn-small{align-items:center;border:1px solid #2d2d2d1f;border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;height:36px;justify-content:center;letter-spacing:.04em;padding:0 14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.btn-info{background:#3b82f61a;border-color:#3b82f640;color:#1d4ed8}.btn-info:hover{border-color:#3b82f673;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.btn-warning{background:#f5a62324;border-color:#f5a62340;color:#b45309}.btn-warning:hover{border-color:#f5a62366;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.btn-success{background:#4caf5024;border-color:#4caf5040;color:#166534}.btn-success:hover{border-color:#4caf5066;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.btn-danger{background:#f443361f;border-color:#f4433638;color:#991b1b}.btn-danger:hover{border-color:#f4433659;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.pagination{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #2d2d2d14;border-radius:24px;box-shadow:0 4px 30px #00000008;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:18px}.btn-pagination{background:#ffffffa6;border:1px solid #2d2d2d1f;border-radius:999px;cursor:pointer;font-size:13px;font-weight:800;height:40px;letter-spacing:.04em;padding:0 16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.btn-pagination:hover:not(:disabled){border-color:#3b82f659;box-shadow:0 14px 40px #0000000a;transform:translateY(-1px)}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#666;font-size:14px;font-weight:600}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #2d2d2d14;border-radius:24px;box-shadow:0 8px 32px #00000026;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-content.large{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:18px;margin:0}.btn-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;transition:color .3s}.btn-close:hover{color:#333}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{background:#ffffffa6;border:1px solid #2d2d2d1f;border-radius:14px;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f68c;box-shadow:0 0 0 4px #3b82f61f;outline:none}.form-textarea{resize:vertical}.form-actions{display:flex;gap:12px;margin-top:20px}.detail-section{border-bottom:1px solid #e0e6ed;margin-bottom:20px;padding-bottom:20px}.detail-section h3{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.detail-section p{color:#666;font-size:14px;margin:8px 0}.detail-section ul{margin:0;padding-left:20px}.detail-section li{color:#666;font-size:14px;margin:8px 0}.test-result{background:#f5f7fa;border:1px solid #e0e6ed;border-radius:6px;color:#333;font-size:12px;max-height:400px;overflow-x:auto;padding:12px}.loading{color:#999;font-size:16px;padding:40px 20px;text-align:center}@media (max-width:768px){.admin-header{align-items:flex-start;gap:16px}.admin-filters,.admin-header{flex-direction:column}.filter-input,.filter-select{width:100%}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:12px 8px}.actions{flex-direction:column}.btn-small{width:100%}.modal-content{max-width:95%}}.topnav-wrap{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#0f172a66,#02061742);border-bottom:1px solid #ffffff0f;left:0;padding:0;position:fixed;right:0;top:0;z-index:2000}.topnav-wrap.scrolled{background:linear-gradient(180deg,#0f172aeb,#020617d1);border-bottom-color:#ffffff14}.topnav-inner{align-items:center;display:flex;gap:18px;height:52px;justify-content:space-between;padding:0 12px}.topnav-brand{color:#ffffffe0;font-size:12px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.topnav-tabs{display:flex;flex:1 1;gap:18px;justify-content:center;overflow:auto}.topnav-tab{align-items:center;background:#0000;border:none;display:inline-flex;font-size:12px;font-weight:700;gap:10px;letter-spacing:.06em;padding:10px 4px;position:relative;text-decoration:none;white-space:nowrap}.topnav-tab,.topnav-tab .icon{color:#ffffffc7}.topnav-tab:hover,.topnav-tab:hover .icon{color:#ffffffeb}.topnav-tab.active{color:#fffffff5}.topnav-tab.active:after{background:linear-gradient(90deg,#f97316f2,#f59e0bd9);border-radius:999px;bottom:4px;content:"";height:2px;left:4px;position:absolute;right:4px}.topnav-right{align-items:center;display:flex;justify-content:flex-end;min-width:44px}@media (max-width:768px){.topnav-inner{padding:0 10px}.topnav-brand{display:none}.topnav-tabs{gap:14px;justify-content:flex-start}.topnav-tab{padding:10px 2px}}
/*# sourceMappingURL=main.796c8d9b.css.map*/