:root{--bg-page:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--bg-hover:#eef1f9;--text-primary:#1a2a4a;--text-body:#444;--text-muted:#90a4ae;--border:#f0f4f8;--border-md:#e2e8f0}.dark{--bg-page:#0f172a;--bg-card:#1e293b;--bg-input:#0d1829;--bg-hover:#263044;--text-primary:#e2e8f0;--text-body:#cbd5e1;--text-muted:#64748b;--border:#1e293b;--border-md:#334155}body,html{background:#f1f5f9;color:#0f172a;direction:ltr;font-family:Poppins,Inter,system-ui,sans-serif;margin:0;text-align:left}.dark body{background:#f0f4f8;background:var(--bg-page);color:#1a2a4a;color:var(--text-primary)}a{color:inherit}button,input,select,textarea{direction:ltr;font:inherit;text-align:left}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;width:min(1100px,100%)}.brand{font-size:1.3rem;margin:0}.nav-links{flex-wrap:wrap;gap:12px}.btn-link,.nav-links a{background:#0000;border:none;color:#cbd5e1;cursor:pointer;font-weight:500;text-decoration:none}.btn-link:hover,.nav-links a:hover{color:#f8fafc}.app-body{background:#f5f5f5;min-height:calc(100vh - 66px)}*{box-sizing:border-box;font-family:Poppins,sans-serif}.page-container{margin:0 auto;width:min(1100px,100%)}.hero{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:24px}.grid-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card,.cart-card,.checkout-card,.detail-card,.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.form-page{align-items:center;display:flex;flex-direction:column;gap:16px;padding:24px 16px}.form-page h2{margin:0;text-align:center;width:min(420px,100%)}.form-card{gap:12px;width:min(420px,100%)}.form-card,.form-card label{display:flex;flex-direction:column}.form-card label{font-weight:500;gap:6px}.form-card input{border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:10px 16px;text-decoration:none}.btn-primary{background:#0f172a}.btn-secondary{background:#334155}.alert-error,.alert-info,.alert-success{border-radius:8px;padding:12px 14px}.alert-error{background:#fee2e2;color:#991b1b}.alert-success{background:#d1fae5;color:#065f46}.alert-info{background:#e2e8f0;color:#0f172a}.cart-list{grid-gap:16px;display:grid;gap:16px}.checkout-summary{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;display:flex;justify-content:space-between;margin-top:16px;padding:16px}@media (max-width:720px){.app-container{align-items:flex-start;flex-direction:column}.nav-links{width:100%}}.nav-header{background:linear-gradient(45deg,#1e90ff,#16c2fb);box-shadow:0 4px 14px #0000002e;gap:8px;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:100}.nav-header,.nav-logo{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:10px;text-decoration:none}.nav-logo img{border-radius:50%;box-shadow:0 2px 8px #00000040;height:44px;object-fit:cover;width:44px}.nav-logo-name{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.4px;white-space:nowrap}.nav-links{align-items:center;display:flex;flex-wrap:nowrap;gap:2px}.nav-link{border-radius:8px;color:#fff;font-size:.93rem;font-weight:500;padding:8px 13px;text-decoration:none;transition:background .2s;white-space:nowrap}.nav-link:hover{background:#ffffff29}.nav-link-btn{background:#fff3;border:1.5px solid #ffffff8c;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;padding:8px 16px;text-decoration:none;transition:background .2s;white-space:nowrap}.nav-link-btn:hover{background:#ffffff59}.nav-ham{background:#ffffff24;border:1.5px solid #fff6;border-radius:8px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;padding:6px;width:40px}.nav-ham span{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.nav-ham.open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-search-btn{align-items:center;background:#ffffff24;border:1.5px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;height:36px;justify-content:center;transition:background .2s;width:36px}.nav-search-btn:hover{background:#ffffff47}.nav-theme-btn{align-items:center;background:#ffffff24;border:1.5px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;height:36px;justify-content:center;transition:background .2s,transform .25s;width:36px}.nav-theme-btn:hover{background:#ffffff47}.nav-theme-btn:active{transform:rotate(20deg)}.nav-search-overlay{animation:searchDrop .22s ease;background:linear-gradient(180deg,#0d2b5e,#1565c0);box-shadow:0 8px 24px #0000004d;left:0;padding:12px 16px 16px;position:absolute;right:0;top:100%;z-index:200}@keyframes searchDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-search-input-wrap{align-items:center;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:10px;display:flex;gap:8px;padding:0 12px;transition:border-color .2s}.nav-search-input-wrap:focus-within{border-color:#fff9}.nav-search-input-wrap i{color:#ffffff8c;font-size:.9rem}.nav-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Poppins,sans-serif;font-size:.95rem;outline:none;padding:10px 0}.nav-search-input::placeholder{color:#fff6}.nav-search-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:1rem;padding:4px;transition:color .2s}.nav-search-close:hover{color:#fff}.nav-search-results{background:#00000040;border:1px solid #ffffff1a;border-radius:10px;margin-top:10px;max-height:320px;overflow-y:auto}.nav-search-group-title{border-bottom:1px solid #ffffff12;color:#ffffff73;font-size:.72rem;font-weight:700;letter-spacing:.8px;padding:7px 14px;text-transform:uppercase}.nav-search-item{align-items:center;border-bottom:1px solid #ffffff0d;color:inherit;cursor:pointer;display:flex;gap:10px;padding:10px 14px;text-decoration:none;transition:background .18s}.nav-search-item:last-child{border-bottom:none}.nav-search-item:hover{background:#ffffff1a}.nav-search-item-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;width:32px}.nav-search-item-icon.produto{color:#fbbf24}.nav-search-item-icon.post{color:#60a5fa}.nav-search-item-name{color:#e2e8f0;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-search-item-type{color:#fff6;font-size:.72rem}.nav-search-empty,.nav-search-loading{color:#ffffff59;font-size:.88rem;padding:18px;text-align:center}@media (max-width:768px){.nav-ham{display:flex}.nav-links{align-items:stretch;animation:navDropIn .28s ease;background:linear-gradient(160deg,#1565c0,#1e90ff);box-shadow:0 8px 24px #0003;display:none;flex-direction:column;gap:4px;left:0;padding:12px 16px 20px;position:absolute;right:0;top:64px;z-index:99}.nav-links.open{display:flex}@keyframes navDropIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.nav-link{border-radius:10px;font-size:1rem;padding:12px 14px}.nav-link-btn{margin-top:6px;padding:12px 14px;text-align:center}}@keyframes heroPulse{0%{opacity:0}14%{opacity:1}86%{opacity:1}to{opacity:0}}.home-hero{background:#0a2a6e;max-height:620px;overflow:hidden}.home-hero,.home-hero-anim{position:relative;width:100%}.home-hero-anim{animation:heroPulse 7s ease-in-out infinite}.home-hero-img{display:block;height:100%;max-height:620px;object-fit:cover;width:100%}.home-hero-mobile{display:block}.home-hero-desktop{display:none}.home-hero-overlay{align-items:center;background:linear-gradient(180deg,#00000026 0,#000a2899);display:flex;inset:0;justify-content:center;position:absolute}.home-hero-text{color:#fff;padding:0 24px;text-align:center}.home-hero-text h1{font-size:clamp(1.7rem,5vw,3.4rem);font-weight:800;letter-spacing:3px;line-height:1.2;margin-bottom:14px;text-shadow:0 3px 24px #0000008c}.home-hero-text p{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;letter-spacing:1px;opacity:.88}.home-presentation{background:#fff;box-shadow:0 4px 24px #0000000f;padding:72px 24px}.home-present-row{align-items:center;display:flex;gap:48px;justify-content:center;margin:0 auto 72px;max-width:1060px}.home-present-row:last-child{margin-bottom:0}.home-present-row--reverse{flex-direction:row-reverse}.home-present-img{flex:0 0 300px;max-width:300px;opacity:0;transform:translateX(-70px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1)}.home-present-row--reverse .home-present-img{transform:translateX(70px)}.home-present-img.visible{opacity:1;transform:translateX(0)!important}.home-present-img img{filter:drop-shadow(0 10px 30px rgba(30,144,255,.22));transition:transform .4s ease;width:100%}.home-present-img img:hover{transform:scale(1.04) rotate(-1deg)}.home-present-text{flex:1 1;max-width:540px;min-width:260px;opacity:0;transform:translateX(70px);transition:opacity .85s ease .2s,transform .85s cubic-bezier(.22,1,.36,1) .2s}.home-present-row--reverse .home-present-text{transform:translateX(-70px)}.home-present-text.visible{opacity:1;transform:translateX(0)!important}.home-present-text h2{color:#1e90ff;font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:18px}.home-present-text p{color:#555;font-size:1.05rem;font-weight:400;line-height:1.85}@media (max-width:768px){.home-presentation{padding:48px 20px}.home-present-row,.home-present-row--reverse{flex-direction:column!important;gap:24px;margin-bottom:48px;text-align:center}.home-present-img{flex:0 0 180px;max-width:180px}.home-present-img,.home-present-row--reverse .home-present-img{transform:translateY(-40px)!important}.home-present-text{max-width:100%;min-width:0;transition:opacity .8s ease .15s,transform .8s cubic-bezier(.22,1,.36,1) .15s!important}.home-present-row--reverse .home-present-text,.home-present-text{transform:translateY(40px)!important}.home-present-img.visible,.home-present-text.visible{opacity:1;transform:translateY(0)!important}.home-present-text h2{font-size:1.8rem}.home-present-text p{font-size:.97rem}}.home-cta-inner{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.home-cta-inner.visible{opacity:1;transform:translateY(0)}.home-cards-section{overflow:hidden;padding:72px 24px;position:relative}.home-cards-bg{background-position:50%;background-size:cover;inset:0;opacity:.1;position:absolute;z-index:0}.home-cards-content{margin:0 auto;max-width:1100px;position:relative;z-index:1}.home-cards-section h2{color:#1a1a2e;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;margin-bottom:8px;text-align:center}.home-cards-section h2 span{color:#1e90ff}.home-cards-subtitle{color:#888;font-size:1rem;font-weight:400;margin-bottom:44px;text-align:center}.home-cards-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.home-card-en{background:#fffffff0;border-radius:18px;box-shadow:0 4px 22px #0000001a;opacity:0;overflow:hidden;transform:translateY(32px);transition:transform .3s ease,box-shadow .3s ease}.home-card-en.visible{animation:cardReveal .65s ease forwards}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.home-card-en:hover{box-shadow:0 14px 36px #1e90ff2e;transform:translateY(-6px)}.home-card-en img{height:185px;object-fit:cover;width:100%}.home-card-body{padding:20px}.home-card-body h3{color:#1e90ff;font-size:1.1rem;font-weight:700;margin-bottom:8px}.home-card-body p{color:#555;font-size:.92rem;font-weight:400;line-height:1.7}.home-products{background:#f5f8ff;padding:72px 24px}.home-section-title{color:#1a1a2e;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:8px;text-align:center}.home-section-title span{color:#1e90ff}.home-section-sub{color:#888;font-weight:400;margin-bottom:44px;text-align:center}.home-products-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));margin:0 auto;max-width:1100px}.home-produto-card{background:#fff;border-radius:18px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.home-produto-card:hover{box-shadow:0 12px 30px #1e90ff29;transform:translateY(-5px)}.home-produto-card img{height:195px;object-fit:cover;width:100%}.home-produto-body{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:18px}.home-produto-body h3{color:#1a1a2e;font-size:1rem;font-weight:700;margin:0}.home-produto-body p{color:#666;flex:1 1;font-size:.87rem;font-weight:400;line-height:1.55}.home-produto-price{color:#1e90ff;font-size:1.05rem;font-weight:800}.home-produto-actions{display:flex;gap:8px;margin-top:12px}.home-btn-primary{background:linear-gradient(135deg,#1e90ff,#16c2fb);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;padding:10px 8px;text-align:center;text-decoration:none;transition:opacity .2s}.home-btn-primary:hover{opacity:.86}.home-btn-outline{background:#0000;border:2px solid #1e90ff;border-radius:10px;color:#1e90ff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;padding:10px 8px;text-align:center;text-decoration:none;transition:all .2s}.home-btn-outline:hover{background:#1e90ff;color:#fff}.home-cta{background:linear-gradient(135deg,#1e90ff,#0062cc);color:#fff;padding:72px 24px;text-align:center}.home-cta h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;margin-bottom:14px}.home-cta p{font-size:1.05rem;font-weight:400;margin-bottom:32px;opacity:.9}.home-cta-price{font-size:3rem;font-weight:800;margin-bottom:4px}.home-cta-price small{font-size:1.2rem;font-weight:400;opacity:.8}.home-cta-benefits{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 auto 36px;max-width:420px;padding:0;text-align:left}.home-cta-benefits li{align-items:center;display:flex;font-size:1rem;font-weight:400;gap:10px}.home-cta-benefits li:before{content:"✅";flex-shrink:0;font-size:1rem}.home-cta-btn{background:#fff;border-radius:50px;box-shadow:0 8px 24px #0003;color:#1e90ff;display:inline-block;font-size:1.1rem;font-weight:800;padding:16px 48px;text-decoration:none;transition:transform .2s,box-shadow .2s}.home-cta-btn:hover{box-shadow:0 12px 32px #00000047;transform:translateY(-3px)}.home-footer{background:#1a1a2e;color:#aaa;font-family:Poppins,sans-serif;padding:52px 24px 24px}.home-footer-grid{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 36px;max-width:1100px}.home-footer-col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:18px;padding-bottom:10px;position:relative}.home-footer-col h4:after{background:#1e90ff;border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:32px}.home-footer-col a,.home-footer-col p{color:#aaa;display:block;font-size:.88rem;font-weight:400;margin-bottom:10px;text-decoration:none;transition:color .2s}.home-footer-col a:hover{color:#1e90ff}.home-footer-social{display:flex;flex-wrap:wrap;gap:12px}.home-footer-social a{align-items:center;background:#ffffff12;border-radius:50%;display:flex!important;font-size:1rem;height:38px;justify-content:center;margin-bottom:0!important;transition:background .2s,color .2s!important;width:38px}.home-footer-social a:hover{background:#1e90ff;color:#fff!important}.home-footer-copy{border-top:1px solid #ffffff12;color:#555;font-size:.78rem;margin:0 auto;max-width:1100px;padding-top:22px;text-align:center}@media (min-width:769px){.home-hero-mobile{display:none}.home-hero-desktop{display:block}}@media (max-width:600px){.home-present-img{flex:0 0 180px;max-width:180px}.home-cards-grid{grid-template-columns:1fr}}.blog-page{background:#f0f4f8;display:flex;min-height:calc(100vh - 66px);position:relative}.blog-sidebar{background:#1a2a4a;flex-shrink:0;height:calc(100vh - 66px);overflow-y:auto;padding:28px 20px;position:sticky;top:66px;transition:transform .35s ease;width:260px;z-index:50}.blog-sidebar h3{border-bottom:2px solid #1e90ff;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:20px;padding-bottom:12px}.blog-cat-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.blog-cat-item{align-items:center;border-radius:8px;color:#b0bec5;cursor:pointer;display:flex;font-size:.92rem;gap:8px;padding:10px 14px;transition:all .22s ease}.blog-cat-item.active,.blog-cat-item:hover{background:#1e90ff2e;color:#1e90ff;padding-left:20px}.blog-cat-item.active{font-weight:700}.blog-sidebar-btn{background:linear-gradient(135deg,#1e90ff,#16c2fb);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #1e90ff66;color:#fff;cursor:pointer;display:none;font-size:1.2rem;height:48px;left:24px;position:fixed;transition:transform .2s;width:48px;z-index:200}.blog-sidebar-btn:hover{transform:scale(1.08)}.blog-sidebar-overlay{background:#00000073;display:none;inset:0;position:fixed;z-index:49}.blog-main{flex:1 1;max-width:860px;min-width:0;padding:32px 28px}.blog-main h1{align-items:center;color:#1a2a4a;display:flex;font-size:1.7rem;font-weight:800;gap:10px;margin-bottom:24px}.blog-article{animation:articleIn .5s ease forwards;background:#fff;border-radius:18px;box-shadow:0 4px 20px #00000012;margin-bottom:24px;padding:28px 28px 20px;transition:transform .25s ease,box-shadow .25s ease}@keyframes articleIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-article:hover{box-shadow:0 8px 28px #1e90ff1f;transform:translateY(-3px)}.blog-article h2{color:#1e90ff;cursor:pointer;font-size:1.4rem;font-weight:700;line-height:1.35;margin-bottom:14px;overflow:hidden;overflow-wrap:break-word}.blog-article h2,.blog-title-text{word-wrap:break-word;word-break:break-word}.blog-title-text{display:block;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.blog-article h2:hover{color:#0070e0}.blog-favorite{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:1.4rem;line-height:1;transition:transform .2s}.blog-favorite:hover{transform:scale(1.25)}.blog-article-meta{align-items:center;color:#90a4ae;display:flex;flex-wrap:wrap;font-size:.82rem;gap:14px;margin-bottom:14px}.blog-article-meta span{align-items:center;display:flex;gap:4px}.blog-content{color:#444;font-size:.97rem;font-weight:400;line-height:1.75;margin-bottom:16px}.blog-video-wrap{background:#000;border-radius:12px;margin-bottom:16px;overflow:hidden;padding-top:56.25%;position:relative}.blog-video-wrap iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.blog-bookmark-btn{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:1.15rem;line-height:1;padding:4px 6px;transition:color .2s,transform .2s}.blog-bookmark-btn:hover{color:#fbbf24;transform:scale(1.18)}.blog-bookmark-btn.favorited{color:#f59e0b}.blog-bookmark-btn.favorited:hover{color:#d97706;transform:scale(1.18)}.blog-engagement{align-items:center;border-bottom:1px solid #f0f4f8;border-top:1px solid #f0f4f8;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 0}.blog-like-btn{align-items:center;background:none;border:none;border-radius:20px;color:#90a4ae;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.blog-like-btn:hover{background:#fff0f0;color:#e53935}.blog-like-btn.liked{color:#e53935}.blog-like-btn.liked i{animation:heartPulse .35s ease}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.blog-views{align-items:center;color:#90a4ae;display:flex;font-size:.88rem;gap:5px}.blog-share{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.blog-share-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.95rem;height:36px;justify-content:center;transition:transform .2s,box-shadow .2s;width:36px}.blog-share-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.blog-share-btn.fb{background:#1877f2}.blog-share-btn.tw{background:#1da1f2}.blog-share-btn.wa{background:#25d366}.blog-share-btn.cp{background:#607d8b}.blog-related{margin-bottom:20px}.blog-related h4{color:#546e7a;font-size:.92rem;font-weight:700;margin-bottom:10px}.blog-related ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.blog-related li a{color:#1e90ff;font-size:.9rem;text-decoration:none;transition:color .2s}.blog-related li a:hover{color:#0070e0}.blog-comments{margin-top:8px}.blog-comments h4{color:#1a2a4a;font-size:1rem;font-weight:700;margin-bottom:16px}.blog-comment{border-bottom:1px solid #f0f4f8;display:flex;gap:12px;padding:12px 0}.blog-comment-avatar{align-items:center;background:linear-gradient(135deg,#1e90ff,#16c2fb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;object-fit:cover;width:36px}.blog-comment-body{flex:1 1}.blog-comment-author{color:#1a2a4a;font-size:.88rem;font-weight:700}.blog-comment-date{color:#90a4ae;font-size:.78rem;margin-left:8px}.blog-comment-text{color:#444;font-size:.9rem;font-weight:400;line-height:1.5;margin-top:4px}.blog-comment-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;direction:ltr;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:14px;text-align:left;transition:border-color .2s,box-shadow .2s}.blog-comment-form:focus-within{background:#fff;border-color:#1e90ff;box-shadow:0 0 0 3px #1e90ff1f}.blog-comment-form textarea{background:#0000;border:none;color:#333;direction:ltr;font-family:Poppins,sans-serif;font-size:.93rem;line-height:1.6;min-height:72px;outline:none;padding:8px 12px;resize:none;text-align:left;unicode-bidi:normal;width:100%}.blog-comment-submit{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#1e90ff,#16c2fb);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:600;gap:6px;padding:8px 20px;transition:transform .2s,box-shadow .2s}.blog-comment-submit:hover{box-shadow:0 4px 14px #1e90ff4d;transform:translateY(-2px)}.blog-comment-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.blog-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:28px 0 8px}.blog-page-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#546e7a;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;height:40px;transition:all .2s;width:40px}.blog-page-btn:hover{border-color:#1e90ff;color:#1e90ff}.blog-page-btn.active{background:#1e90ff;border-color:#1e90ff;color:#fff}.blog-back-btn{align-items:center;background:none;border:2px solid #1e90ff;border-radius:10px;color:#1e90ff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s}.blog-back-btn:hover{background:#1e90ff;color:#fff}.blog-post-detail h1{color:#1a2a4a;font-size:1.8rem;font-weight:800;line-height:1.25;margin-bottom:14px}.blog-notif{animation:notifSlideIn .3s ease;border-radius:10px;bottom:28px;box-shadow:0 4px 16px #0000002e;color:#fff;font-size:.9rem;font-weight:600;padding:12px 22px;position:fixed;right:24px;z-index:9999}.blog-notif.success{background:#2e7d32}.blog-notif.error{background:#c62828}.blog-notif.info{background:#1565c0}@keyframes notifSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:860px){.blog-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%)}.blog-sidebar.open{transform:translateX(0)}.blog-sidebar-btn{align-items:center;display:flex;justify-content:center}.blog-sidebar-overlay.open{display:block}.blog-main{padding:24px 16px}}.dark .blog-page{background:var(--bg-page)}.dark .blog-article{background:var(--bg-card)}.dark .blog-main h1,.dark .blog-post-detail h1{color:var(--text-primary)}.dark .blog-article-meta{color:var(--text-muted)}.dark .blog-content{color:var(--text-body)}.dark .blog-comment,.dark .blog-engagement{border-color:var(--border-md)}.dark .blog-comment-author{color:var(--text-primary)}.dark .blog-comment-date{color:var(--text-muted)}.dark .blog-comment-text{color:var(--text-body)}.dark .blog-comment-form{background:var(--bg-card);border-color:var(--border-md)}.dark .blog-comment-form:focus-within{background:var(--bg-card);border-color:#1e90ff}.dark .blog-comment-form textarea{color:var(--text-body)}.dark .blog-views{color:var(--text-muted)}.dark .blog-page-btn{background:var(--bg-card);border-color:var(--border-md);color:var(--text-primary)}.dark .blog-page-btn:hover{background:var(--bg-card);border-color:#1e90ff;color:#1e90ff}.dark .blog-page-btn.active{background:#1e90ff;border-color:#1e90ff;color:#fff}.dark .blog-related h4{color:var(--text-muted)}.dark .blog-like-btn:hover{background:#e5393526}.profile-page{background:#e9ecf5;display:flex;font-family:Poppins,sans-serif;min-height:calc(100vh - 66px);position:relative}.profile-sidebar{background:#fff;border-radius:0 18px 18px 0;box-shadow:2px 0 16px #00000012;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 66px);justify-content:space-between;overflow:hidden;position:sticky;top:66px;transition:width .4s ease,min-width .4s ease;width:260px;z-index:50}.profile-sidebar.collapsed{min-width:72px;width:72px}.profile-sidebar-toggle{align-items:center;background:#4f46e5;border:none;border-radius:50%;box-shadow:0 2px 8px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;position:absolute;right:-12px;top:48px;transition:transform .3s;width:24px;z-index:10}.profile-sidebar.collapsed .profile-sidebar-toggle{transform:rotate(180deg)}.profile-sidebar-user{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;padding:24px 12px 16px}.profile-avatar-wrap{cursor:pointer;position:relative}.profile-avatar{border:3px solid #4f46e5;border-radius:18px;height:80px;object-fit:cover;transition:opacity .2s;width:80px}.profile-avatar:hover{opacity:.85}.profile-avatar-edit{align-items:center;background:#4f46e5;border-radius:50%;bottom:-4px;color:#fff;display:flex;font-size:.7rem;height:24px;justify-content:center;pointer-events:none;position:absolute;right:-4px;width:24px}.profile-sidebar-name{color:#1a1a2e;font-size:.95rem;font-weight:700;text-align:center}.profile-sidebar-email,.profile-sidebar-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s;white-space:nowrap}.profile-sidebar-email{color:#90a4ae;font-size:.78rem}.profile-sidebar.collapsed .profile-sidebar-email,.profile-sidebar.collapsed .profile-sidebar-name{opacity:0;width:0}.profile-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px}.profile-nav-item{align-items:center;background:none;border:none;border-radius:10px;color:#555;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:12px;overflow:hidden;padding:13px 12px;text-align:left;transition:all .2s;white-space:nowrap;width:100%}.profile-nav-item:hover:not(.active){background:#e9ecf5}.profile-nav-item.active{background:#4f46e5;color:#fff}.profile-nav-item i{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.profile-nav-label{max-width:200px;overflow:hidden;transition:opacity .3s,max-width .3s}.profile-sidebar.collapsed .profile-nav-label{max-width:0;opacity:0}.profile-sidebar-bottom{border-top:1px solid #f0f0f0;padding:12px}.profile-logout-btn{align-items:center;background:none;border:none;border-radius:10px;color:#e53935;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:12px;overflow:hidden;padding:12px;transition:background .2s;white-space:nowrap;width:100%}.profile-logout-btn:hover{background:#ffebee}.profile-content{flex:1 1;min-width:0;overflow-y:auto;padding:28px 24px}.profile-section-title{align-items:center;color:#1a1a2e;display:flex;font-size:1.4rem;font-weight:800;gap:10px;margin-bottom:20px}.profile-section-title i{color:#4f46e5}.profile-dados-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;max-width:520px;padding:24px}.profile-field{background:#f8f9fc;border-radius:10px;margin-bottom:12px;padding:14px 16px;transition:background .2s}.profile-field:hover{background:#eef1f9}.profile-field-label{color:#90a4ae;font-size:.78rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.profile-field-value{color:#1a1a2e;font-size:1rem;font-weight:500}.profile-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;margin-top:14px;padding:4px 12px}.profile-badge.aluno{background:#e8f5e9;color:#2e7d32}.profile-badge.basico{background:#fff3e0;color:#e65100}.profile-badge.admin{background:#e3f2fd;color:#1565c0}.profile-foto-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:28px}.profile-foto-preview{border:4px solid #4f46e5;border-radius:20px;box-shadow:0 6px 20px #4f46e538;height:130px;object-fit:cover;width:130px}.profile-foto-upload-label{align-items:center;border:2px dashed #c5cae9;border-radius:12px;color:#7986cb;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:6px;padding:16px 28px;text-align:center;transition:border-color .2s,background .2s;width:100%}.profile-foto-upload-label:hover{background:#f0f0ff;border-color:#4f46e5}.profile-foto-upload-label i{font-size:1.8rem}.profile-list{display:flex;flex-direction:column;gap:10px}.profile-list-item{align-items:flex-start;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;display:flex;gap:12px;padding:14px 18px;transition:transform .2s,box-shadow .2s}.profile-list-item:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.profile-list-item.unread{border-left:4px solid #4f46e5}.profile-list-item-body{flex:1 1;min-width:0}.profile-list-item-title{color:#1a1a2e;font-size:.95rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-list-item-meta{color:#90a4ae;font-size:.78rem}.profile-list-item-text{color:#555;font-size:.88rem;font-weight:400;line-height:1.55;margin-top:4px}.profile-icon-btn{background:none;border:none;border-radius:8px;color:#90a4ae;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.9rem;padding:6px 8px;transition:background .2s,color .2s}.profile-icon-btn.danger:hover{background:#ffebee;color:#e53935}.profile-icon-btn.heart:hover{background:#fce4ec;color:#e91e63}.profile-notes-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:24px}.profile-note-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #00000012;cursor:pointer;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.profile-note-card:hover{box-shadow:0 6px 20px #0000001c;transform:translateY(-3px)}.profile-note-card-text{color:#555;font-size:.9rem;font-weight:400;line-height:1.55;margin-bottom:10px}.profile-note-card-date{color:#bbb;font-size:.74rem}.profile-note-delete-btn{background:none;border:none;color:#e0e0e0;cursor:pointer;font-size:.9rem;position:absolute;right:10px;top:10px;transition:color .2s}.profile-note-delete-btn:hover{color:#e53935}.profile-note-form{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;display:flex;flex-direction:column;gap:10px;max-width:600px;padding:18px}.profile-note-form textarea{border:1.5px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:.93rem;min-height:90px;outline:none;padding:12px;resize:vertical;transition:border-color .2s}.profile-note-form textarea:focus{border-color:#4f46e5}.profile-courses-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.profile-course-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;overflow:hidden;transition:transform .2s}.profile-course-card:hover{transform:translateY(-4px)}.profile-course-card img{height:150px;object-fit:cover;width:100%}.profile-course-body{padding:14px}.profile-course-body h4{color:#1a1a2e;font-size:.95rem;font-weight:700;margin-bottom:6px}.profile-course-body p{color:#777;font-size:.82rem;font-weight:400}.profile-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:700;gap:8px;padding:10px 20px;transition:opacity .2s,transform .2s}.profile-btn:hover{opacity:.88;transform:translateY(-1px)}.profile-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.profile-toast{animation:toastIn .3s ease;border-radius:10px;bottom:90px;box-shadow:0 4px 16px #00000026;color:#fff;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;padding:12px 22px;position:fixed;right:24px;z-index:9999}.profile-toast.success{background:#2e7d32}.profile-toast.error{background:#c62828}@keyframes toastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.profile-sidebar{border-radius:0 18px 18px 0;height:calc(100vh - 66px);left:0;position:fixed;top:66px;transform:translateX(-100%);width:260px!important;z-index:200}.profile-sidebar.mobile-open{box-shadow:4px 0 24px #0000002e;transform:translateX(0)}.profile-sidebar-overlay{background:#0006;display:none;inset:0;position:fixed;z-index:199}.profile-sidebar-overlay.open{display:block}.profile-mobile-toggle{display:flex!important}.profile-content{padding:20px 14px}}.profile-mobile-toggle{align-items:center;background:#4f46e5;border:none;border-radius:50%;bottom:90px;box-shadow:0 4px 16px #4f46e566;color:#fff;cursor:pointer;display:none;font-family:inherit;font-size:1.1rem;height:46px;justify-content:center;left:16px;position:fixed;width:46px;z-index:198}.dark .profile-page{background:var(--bg-page)}.dark .profile-sidebar{background:var(--bg-card)}.dark .profile-sidebar-user{border-color:var(--border-md)}.dark .profile-sidebar-name{color:var(--text-primary)}.dark .profile-nav-item{color:var(--text-body)}.dark .profile-nav-item:hover:not(.active){background:var(--bg-hover)}.dark .profile-sidebar-bottom{border-color:var(--border-md)}.dark .profile-section-title{color:var(--text-primary)}.dark .profile-dados-card{background:var(--bg-card)}.dark .profile-field{background:var(--bg-hover)}.dark .profile-field:hover{background:var(--border-md)}.dark .profile-field-value{color:var(--text-primary)}.dark .profile-foto-card{background:var(--bg-card)}.dark .profile-foto-upload-label{border-color:var(--border-md);color:var(--text-muted)}.dark .profile-foto-upload-label:hover{background:var(--bg-hover);border-color:#4f46e5}.dark .profile-list-item{background:var(--bg-card)}.dark .profile-list-item-title{color:var(--text-primary)}.dark .profile-list-item-text{color:var(--text-body)}.dark .profile-note-card{background:var(--bg-card)}.dark .profile-note-card-text{color:var(--text-body)}.dark .profile-note-delete-btn{color:var(--border-md)}.dark .profile-note-form{background:var(--bg-card)}.dark .profile-note-form textarea{background:var(--bg-input);border-color:var(--border-md);color:var(--text-body)}.dark .profile-course-card{background:var(--bg-card)}.dark .profile-course-body h4{color:var(--text-primary)}.dark .profile-course-body p{color:var(--text-body)}.dark .profile-logout-btn:hover{background:#e5393526}.dark .profile-admin-card{background:var(--bg-card)!important;border-color:#0000!important}.ab-page{font-family:Poppins,sans-serif;margin:0 auto;max-width:1100px;padding:32px 28px}.ab-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.ab-header,.ab-header h1{align-items:center;display:flex}.ab-header h1{color:#1a1a2e;font-size:1.6rem;font-weight:800;gap:10px;margin:0}.ab-header h1 i{color:#4f46e5}.ab-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:600;gap:7px;padding:10px 18px;text-decoration:none;transition:opacity .2s,transform .2s}.ab-btn:hover{opacity:.87;transform:translateY(-1px)}.ab-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ab-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.ab-btn-warning{background:#f59e0b;color:#fff}.ab-btn-danger{background:#ef4444;color:#fff}.ab-btn-secondary{background:#e2e8f0;color:#475569}.ab-btn-outline{background:#0000;border:2px solid #4f46e5;color:#4f46e5}.ab-btn-outline:hover{background:#4f46e5;color:#fff}.ab-post-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;display:flex;gap:14px;margin-bottom:10px;padding:16px 20px;transition:transform .2s,box-shadow .2s}.ab-post-card:hover{box-shadow:0 6px 20px #0000001c;transform:translateY(-2px)}.ab-post-info{flex:1 1;min-width:0}.ab-post-title{color:#1a1a2e;font-size:1rem;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-post-meta{align-items:center;color:#90a4ae;display:flex;flex-wrap:wrap;font-size:.78rem;gap:12px}.ab-post-cat{background:#ede9fe;border-radius:12px;color:#6d28d9;font-size:.75rem;font-weight:600;padding:2px 10px}.ab-post-actions{display:flex;flex-shrink:0;gap:6px}.ab-form-panel{animation:abSlideDown .3s ease;background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000017;margin-bottom:32px;padding:28px}@keyframes abSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.ab-form-title{align-items:center;color:#1a1a2e;display:flex;font-size:1.2rem;font-weight:700;gap:8px;margin-bottom:20px}.ab-form-title i{color:#4f46e5}.ab-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ab-field{display:flex;flex-direction:column;gap:6px}.ab-field label{color:#475569;font-size:.83rem;font-weight:600;letter-spacing:.3px}.ab-field input,.ab-field select,.ab-field textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1a1a2e;font-family:inherit;font-size:.93rem;outline:none;padding:10px 13px;transition:border-color .2s,box-shadow .2s}.ab-field input:focus,.ab-field select:focus,.ab-field textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.ab-field textarea{min-height:140px;resize:vertical}.ab-field-full{grid-column:1/-1}.ab-editor-wrap{margin-bottom:16px}.ab-editor-wrap label{color:#475569;display:block;font-size:.83rem;font-weight:600;margin-bottom:6px}#ab-editor{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;line-height:1.75;min-height:300px;outline:none;overflow-y:auto;padding:12px}#ab-editor:focus{border-color:#4f46e5}.ab-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.ab-cats-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ab-cat-chip{align-items:center;background:#ede9fe;border-radius:20px;color:#6d28d9;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 14px}.ab-cat-chip button{background:none;border:none;color:#9d4edd;cursor:pointer;font-family:inherit;font-size:.75rem;line-height:1;padding:0}.ab-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.ab-modal{animation:abPopIn .25s ease;background:#fff;border-radius:18px;box-shadow:0 16px 48px #0003;max-width:380px;padding:28px 32px;text-align:center;width:90%}@keyframes abPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ab-modal h3{color:#1a1a2e;font-size:1.1rem;font-weight:700;margin-bottom:8px}.ab-modal p{color:#666;font-size:.9rem;font-weight:400;margin-bottom:22px}.ab-modal-actions{display:flex;gap:10px;justify-content:center}.ab-toast{animation:abToastIn .3s ease;border-radius:10px;bottom:90px;box-shadow:0 4px 16px #00000026;color:#fff;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;padding:12px 22px;position:fixed;right:24px;z-index:9999}.ab-toast.success{background:#059669}.ab-toast.error{background:#dc2626}@keyframes abToastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.ab-empty{color:#94a3b8;padding:48px 0;text-align:center}.ab-empty i{display:block;font-size:3rem;margin-bottom:14px}@media (max-width:640px){.ab-page{padding:20px 14px}.ab-form-row{grid-template-columns:1fr}.ab-post-card{align-items:flex-start;flex-direction:column}}.at-page{font-family:Poppins,sans-serif;margin:0 auto;max-width:1100px;padding:28px 24px}.at-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.at-header,.at-header h1{align-items:center;display:flex}.at-header h1{color:#1a1a2e;font-size:1.5rem;font-weight:800;gap:10px;margin:0}.at-header h1 i{color:#0ea5e9}.at-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.at-stat{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000012;color:#475569;display:flex;font-size:.85rem;font-weight:600;gap:7px;padding:10px 18px}.at-stat i{color:#0ea5e9}.at-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:7px;padding:9px 16px;text-decoration:none;transition:opacity .2s,transform .2s}.at-btn:hover{opacity:.87;transform:translateY(-1px)}.at-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.at-btn-primary{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff}.at-btn-warning{background:#f59e0b;color:#fff}.at-btn-danger{background:#ef4444;color:#fff}.at-btn-secondary{background:#e2e8f0;color:#475569}.at-btn-success{background:#10b981;color:#fff}.at-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;display:flex;gap:14px;margin-bottom:10px;padding:14px 18px;transition:transform .2s,box-shadow .2s}.at-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.at-card.inactive{opacity:.55}.at-card-info{flex:1 1;min-width:0}.at-card-title{color:#1a1a2e;font-size:.95rem;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-card-meta{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.78rem;gap:6px}.at-level{border-radius:10px;font-size:.74rem;font-weight:600;padding:2px 9px}.at-level.beginner{background:#d1fae5;color:#065f46}.at-level.intermediate{background:#fef3c7;color:#92400e}.at-level.advanced{background:#fce7f3;color:#9d174d}.at-card-actions{display:flex;flex-shrink:0;gap:6px}.at-form-panel{animation:atSlide .3s ease;background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000017;margin-bottom:28px;padding:26px}@keyframes atSlide{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.at-form-title{align-items:center;color:#1a1a2e;display:flex;font-size:1.15rem;font-weight:700;gap:8px;margin-bottom:20px}.at-form-title i{color:#0ea5e9}.at-grid2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:14px}.at-field{display:flex;flex-direction:column;gap:5px}.at-field label{color:#475569;font-size:.82rem;font-weight:600}.at-field input,.at-field select,.at-field textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1a1a2e;direction:ltr;font-family:inherit;font-size:.9rem;outline:none;padding:9px 12px;text-align:left;transition:border-color .2s}.at-field input:focus,.at-field select:focus,.at-field textarea:focus{background:#fff;border-color:#0ea5e9}.at-field textarea{min-height:320px;resize:vertical}.at-field-full{grid-column:1/-1}.at-char-count{color:#94a3b8;font-size:.75rem;text-align:right}.at-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.at-toggle{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.at-toggle input{display:none}.at-toggle-track{background:#e2e8f0;border-radius:11px;height:22px;position:relative;transition:background .2s;width:40px}.at-toggle input:checked+.at-toggle-track{background:#10b981}.at-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:18px;left:2px;position:absolute;top:2px;transition:left .2s;width:18px}.at-toggle input:checked~.at-toggle-thumb{left:20px}.at-filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.at-filter input{border:1.5px solid #e2e8f0;border-radius:10px;flex:1 1;font-family:inherit;font-size:.88rem;min-width:180px;outline:none;padding:8px 12px}.at-filter input:focus{border-color:#0ea5e9}.at-filter select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;font-family:inherit;font-size:.85rem;outline:none;padding:8px 12px}.at-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.at-modal{animation:atPopIn .25s ease;background:#fff;border-radius:18px;box-shadow:0 16px 48px #0003;max-width:360px;padding:26px 30px;text-align:center;width:90%}@keyframes atPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.at-modal h3{color:#1a1a2e;font-size:1.1rem;font-weight:700;margin-bottom:8px}.at-modal p{color:#666;font-size:.9rem;font-weight:400;margin-bottom:22px}.at-modal-actions{display:flex;gap:10px;justify-content:center}.at-toast{animation:atToastIn .3s ease;border-radius:10px;bottom:90px;box-shadow:0 4px 16px #00000026;color:#fff;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;padding:11px 20px;position:fixed;right:24px;z-index:9999}.at-toast.success{background:#059669}.at-toast.error{background:#dc2626}@keyframes atToastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.at-empty{color:#94a3b8;padding:48px 0;text-align:center}.at-empty i{display:block;font-size:3rem;margin-bottom:14px}@media (max-width:640px){.at-page{padding:16px 12px}.at-grid2{grid-template-columns:1fr}.at-card{align-items:flex-start;flex-direction:column}}.av-color-row{align-items:center;display:flex;gap:8px}.av-color-row input[type=color]{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;height:38px;padding:2px;width:42px}.av-color-row input[type=text]{flex:1 1}.av-preview{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1a1a2e;display:flex;font-weight:700;gap:8px;padding:9px 12px}.av-preview i{color:#1e90ff;color:var(--cat-color,#1e90ff);font-size:1.1rem}.av-cat-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;margin-bottom:10px;overflow:hidden}.av-cat-header{cursor:pointer;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 18px}.av-cat-header,.av-cat-info{align-items:center;display:flex}.av-cat-info{gap:12px;min-width:0}.av-cat-icon{font-size:1.4rem}.av-cat-title{color:#1a1a2e;font-size:.95rem;font-weight:700}.av-cat-count{background:#f1f5f9;border-radius:10px;color:#94a3b8;font-size:.78rem;padding:2px 10px}.av-cat-body{border-top:1px solid #f1f5f9;padding:14px 18px}.av-word-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.av-word-chip{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;display:flex;font-size:.85rem;gap:6px;padding:6px 10px}.av-word-emoji{font-size:1rem}.av-word-en{color:#1a1a2e;font-weight:700}.av-word-pt{color:#94a3b8}.av-chip-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:.8rem;padding:2px 4px}.av-chip-btn:hover{color:#0ea5e9}.av-chip-btn-danger:hover{color:#ef4444}.av-word-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.av-word-form input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1a1a2e;font-family:inherit;font-size:.88rem;outline:none;padding:9px 12px}.av-word-form input:focus{background:#fff;border-color:#0ea5e9}.av-word-emoji-input{text-align:center;width:70px}@media (max-width:640px){.av-cat-header{align-items:flex-start;flex-direction:column}.av-word-form input:not(.av-word-emoji-input){flex:1 1 100%}}.pratica-page{background:#f0f4ff;display:flex;font-family:Poppins,sans-serif;height:calc(100vh - 66px);min-height:calc(100vh - 66px);position:relative}.pratica-sidebar{background:#1a2a4a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;transition:width .35s ease;width:260px}.pratica-sidebar.collapsed{width:0}.pratica-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:.5px;padding:16px 14px 10px}.pratica-sidebar-header i{color:#60a5fa}.pratica-sidebar-search{border-bottom:1px solid #ffffff14;padding:8px 10px}.pratica-sidebar-search input{background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:.82rem;outline:none;padding:7px 10px;width:100%}.pratica-sidebar-search input::placeholder{color:#fff6}.pratica-text-list{flex:1 1;overflow-y:auto;padding:6px 0}.pratica-text-item{border-bottom:1px solid #ffffff0a;cursor:pointer;padding:10px 14px;transition:background .18s}.pratica-text-item:hover{background:#ffffff14}.pratica-text-item.active{background:#60a5fa40;border-left:3px solid #60a5fa}.pratica-text-item-title{color:#e2e8f0;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pratica-text-item-meta{display:flex;gap:6px;margin-top:3px}.pratica-badge{border-radius:10px;font-size:.68rem;font-weight:600;padding:1px 7px;text-transform:capitalize}.pratica-badge.beginner{background:#d1fae5;color:#065f46}.pratica-badge.intermediate{background:#fef3c7;color:#92400e}.pratica-badge.advanced{background:#fce7f3;color:#9d174d}.pratica-badge.cat{background:#ffffff1a;color:#94a3b8}.pratica-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.pratica-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.pratica-sidebar-toggle{align-items:center;background:#1a2a4a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:34px;justify-content:center;transition:background .2s;width:34px}.pratica-sidebar-toggle:hover{background:#0f172a}.pratica-tool-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s;white-space:nowrap}.pratica-tool-btn:hover{background:#e2e8f0}.pratica-tool-btn.active{background:#1e90ff;border-color:#1e90ff;color:#fff}.pratica-tool-btn.danger{color:#e53935}.pratica-tool-btn.danger:hover{background:#ffebee}.pratica-tool-group{align-items:center;display:flex;gap:4px;margin-left:auto}.pratica-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-family:inherit;font-size:.82rem;max-width:180px;outline:none;padding:6px 10px}.pratica-progress-wrap{background:#e2e8f0;height:4px}.pratica-progress-bar{background:linear-gradient(90deg,#1e90ff,#60a5fa);height:100%;transition:width .1s linear;width:0}.pratica-content-area{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px 28px}.pratica-text-title{color:#1a2a4a;font-size:1.4rem;font-weight:800;margin-bottom:4px}.pratica-text-body{color:#334155;line-height:1.9;white-space:pre-wrap;word-spacing:4px}.pratica-text-body .word{border-radius:3px;cursor:pointer;display:inline;padding:1px 2px;transition:background .15s}.pratica-text-body .word:hover{background:#dbeafe}.pratica-text-body .word.highlighted{background:#fbbf24;border-radius:4px;color:#1a1a2e}.pratica-placeholder{color:#94a3b8;padding:60px 0;text-align:center}.pratica-placeholder i{color:#cbd5e1;display:block;font-size:3rem;margin-bottom:14px}.pratica-controls{align-items:flex-start;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px}.pratica-control-group{display:flex;flex-direction:column;gap:5px;min-width:160px}.pratica-control-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.pratica-range{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;height:5px;outline:none;width:140px}.pratica-range::-webkit-slider-thumb{-webkit-appearance:none;background:#1e90ff;border-radius:50%;cursor:pointer;height:16px;width:16px}.pratica-translate-panel{background:#fff;border-top:2px solid #1e90ff;padding:14px 20px}.pratica-translate-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr auto 1fr}.pratica-translate-panel textarea{border:1.5px solid #e2e8f0;border-radius:10px;color:#334155;direction:ltr;font-family:inherit;font-size:.9rem;min-height:72px;outline:none;padding:10px 12px;resize:vertical;text-align:left;transition:border-color .2s;width:100%}.pratica-translate-panel textarea:focus{border-color:#1e90ff}.pratica-translate-panel textarea[readonly]{background:#f8fafc}.pratica-translate-arrow{align-items:center;color:#94a3b8;display:flex;font-size:1.2rem;padding-top:28px}.pratica-notes{background:#1a2a4a;border-radius:14px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:fixed;-webkit-user-select:none;user-select:none;width:280px;z-index:200}.pratica-notes-header{align-items:center;background:#0f172a;cursor:grab;display:flex;gap:8px;padding:10px 14px}.pratica-notes-header:active{cursor:grabbing}.pratica-notes-title{color:#e2e8f0;flex:1 1;font-size:.85rem;font-weight:700}.pratica-notes-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:1rem;line-height:1;padding:0}.pratica-notes-close:hover{color:#e53935}.pratica-notes-body{display:flex;flex-direction:column;gap:8px;padding:10px 14px 14px}.pratica-notes-body textarea{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#e2e8f0;direction:ltr;font-family:inherit;font-size:.85rem;min-height:90px;outline:none;padding:8px;resize:vertical;text-align:left;width:100%}.pratica-notes-body textarea::placeholder{color:#ffffff59}.pratica-notes-actions{display:flex;gap:6px}.pratica-notes-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;padding:7px 10px;transition:opacity .2s}.pratica-notes-btn:hover{opacity:.85}.pratica-notes-btn.save{background:#1e90ff;color:#fff}.pratica-notes-btn.view{background:#ffffff1f;color:#e2e8f0;text-decoration:none}.pratica-notes-fab{align-items:center;background:#1a2a4a;border:none;border-radius:50%;bottom:90px;box-shadow:0 4px 16px #0000004d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;height:46px;justify-content:center;left:16px;position:fixed;transition:transform .2s;width:46px;z-index:199}.pratica-notes-fab:hover{transform:scale(1.1)}.pratica-toast{animation:praticaToastIn .3s ease;border-radius:10px;bottom:90px;box-shadow:0 4px 16px #0000002e;color:#fff;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:10px 20px;position:fixed;right:24px;z-index:9999}.pratica-toast.success{background:#059669}.pratica-toast.error{background:#dc2626}.pratica-toast.warning{background:#d97706}@keyframes praticaToastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.pratica-page{flex-direction:column;height:auto;min-height:calc(100vh - 66px);overflow:visible}.pratica-sidebar{height:calc(100vh - 66px);left:0;position:fixed;top:66px;transform:translateX(-100%);transition:transform .35s ease;width:280px!important;z-index:100}.pratica-sidebar.mobile-open{box-shadow:4px 0 20px #0000004d;transform:translateX(0)}.pratica-sidebar.collapsed{transform:translateX(-100%);width:0!important}.pratica-main{flex:1 1;overflow:visible;width:100%}.pratica-content-area{height:auto;overflow-y:visible;padding:16px}.pratica-controls{flex-wrap:wrap;gap:10px;padding:12px 14px}.pratica-translate-row{grid-template-columns:1fr}.pratica-translate-arrow{justify-content:center;padding-top:0}.pratica-translate-panel{padding:12px 14px}.pratica-notes{bottom:80px;left:16px!important;top:auto!important;width:calc(100vw - 32px)}}.dark .pratica-page{background:var(--bg-page)}.dark .pratica-tool-btn,.dark .pratica-toolbar{background:var(--bg-card);border-color:var(--border-md)}.dark .pratica-tool-btn{color:var(--text-body)}.dark .pratica-tool-btn:hover{background:var(--bg-hover)}.dark .pratica-tool-btn.danger:hover{background:#e5393526}.dark .pratica-select{background:var(--bg-card);border-color:var(--border-md);color:var(--text-body)}.dark .pratica-content-area{background:var(--bg-page)}.dark .pratica-text-title{color:var(--text-primary)}.dark .pratica-text-body{color:var(--text-body)}.dark .pratica-text-body .word:hover{background:#1e90ff33}.dark .pratica-controls{background:var(--bg-card);border-color:var(--border-md)}.dark .pratica-control-label{color:var(--text-muted)}.dark .pratica-progress-wrap,.dark .pratica-range{background:var(--border-md)}.dark .pratica-translate-panel{background:var(--bg-card)}.dark .pratica-translate-panel textarea{background:var(--bg-card);border-color:var(--border-md);color:var(--text-body)}.dark .pratica-translate-panel textarea[readonly]{background:var(--bg-input)}.dark .pratica-placeholder{color:var(--text-muted)}.dark .pratica-placeholder i{color:var(--border-md)}.vocab-page{background:#f0f4f8;background:var(--bg-page,#f0f4f8);margin:0 auto;max-width:1100px;min-height:calc(100vh - 66px);padding:28px 20px 60px}.vocab-back-btn,.vocab-page{font-family:Poppins,sans-serif}.vocab-back-btn{align-items:center;background:none;border:none;color:#1e90ff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;margin-bottom:18px;padding:0;text-decoration:none}.vocab-title{align-items:center;color:#1a2a4a;color:var(--text-primary,#1a2a4a);display:flex;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;gap:12px;justify-content:center;margin:0 0 8px;text-align:center}.vocab-subtitle{font-size:.95rem;margin:0 0 32px}.vocab-loading,.vocab-subtitle{color:#90a4ae;color:var(--text-muted,#90a4ae);text-align:center}.vocab-loading{padding:60px 20px}.vocab-category-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.vocab-category-card{align-items:center;background:#fff;background:var(--bg-card,#fff);border:none;border-radius:16px;box-shadow:0 4px 16px #0000000f;color:#1a2a4a;color:var(--text-primary,#1a2a4a);cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;gap:12px;justify-content:center;padding:28px 16px;transition:transform .2s ease,box-shadow .2s ease}.vocab-category-card i{color:#1e90ff;color:var(--cat-color,#1e90ff);font-size:2.2rem}.vocab-category-card:hover{box-shadow:0 10px 28px #0000001f;transform:translateY(-4px)}.vocab-word-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vocab-word-card{align-items:center;background:#fff;background:var(--bg-card,#fff);border:none;border-radius:16px;box-shadow:0 4px 16px #0000000f;cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:6px;padding:22px 14px 18px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.vocab-word-card:hover{box-shadow:0 10px 24px #0000001f;transform:translateY(-3px)}.vocab-word-card:active{transform:scale(.97)}.vocab-word-emoji{font-size:2.4rem;line-height:1;margin-bottom:4px}.vocab-word-en{color:#1a2a4a;color:var(--text-primary,#1a2a4a);font-size:1.05rem;font-weight:800}.vocab-word-pt{color:#90a4ae;color:var(--text-muted,#90a4ae);font-size:.85rem}.vocab-word-icon{color:#1e90ff;font-size:.95rem;opacity:.6;position:absolute;right:14px;top:12px}.kids-page{background:linear-gradient(160deg,#fef9e7,#e0f7fa);font-family:Poppins,sans-serif;margin:0 auto;max-width:1100px;min-height:calc(100vh - 66px);padding:28px 20px 60px}.dark .kids-page{background:linear-gradient(160deg,#0f172a,#1a2a4a)}.kids-back-btn{align-items:center;background:none;border:none;color:#1e90ff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;gap:8px;margin-bottom:18px;padding:0;text-decoration:none}.kids-title{align-items:center;color:#1a2a4a;color:var(--text-primary,#1a2a4a);display:flex;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;gap:12px;justify-content:center;margin:0 0 8px;text-align:center}.kids-subtitle{color:#90a4ae;color:var(--text-muted,#90a4ae);font-size:1rem;margin:0 0 36px;text-align:center}.kids-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.kids-card{align-items:center;background:#fff;background:var(--bg-card,#fff);border:4px solid #1e90ff;border:4px solid var(--kids-color,#1e90ff);border-radius:22px;box-shadow:0 6px 20px #00000014;display:flex;flex-direction:column;gap:10px;padding:32px 20px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.kids-card:hover{box-shadow:0 14px 32px #00000029;transform:translateY(-6px) scale(1.03)}.kids-card-emoji{font-size:3.5rem;line-height:1}.kids-card-title{color:#1e90ff;color:var(--kids-color,#1e90ff);font-size:1.15rem;font-weight:800;margin:0}.kids-card-desc{color:#90a4ae;color:var(--text-muted,#90a4ae);font-size:.88rem;margin:0}.quiz-page{align-items:center;background:linear-gradient(160deg,#0f172a,#1e3a5f);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:calc(100vh - 66px);padding:20px}.quiz-start{animation:quizFadeIn .5s ease;max-width:600px;text-align:center;width:100%}.quiz-start h1{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:10px}.quiz-start p{color:#ffffffa6;font-size:1rem;font-weight:400;margin-bottom:32px}.quiz-category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));margin-bottom:28px}.quiz-cat-btn{align-items:center;background:#ffffff0f;border:2px solid #ffffff26;border-radius:14px;color:#ffffffbf;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.88rem;font-weight:600;gap:6px;padding:14px 10px;transition:all .2s}.quiz-cat-btn span.icon{font-size:1.5rem}.quiz-cat-btn.selected,.quiz-cat-btn:hover{background:#38bdf826;border-color:#38bdf8;color:#fff;transform:translateY(-2px)}.quiz-card{animation:quizFadeIn .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:24px;max-width:640px;padding:28px 24px;width:100%}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-statusbar{flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.quiz-stat,.quiz-statusbar{align-items:center;display:flex}.quiz-stat{color:#fffc;font-size:.88rem;font-weight:700;gap:5px}.quiz-stat i{font-size:1rem}.quiz-stat.lives i{color:#f87171}.quiz-stat.score i{color:#fbbf24}.quiz-stat.level i{color:#a78bfa}.quiz-stat.streak i{color:#34d399}.quiz-timer-wrap{margin-bottom:14px;position:relative}.quiz-timer-bar{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.quiz-timer-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:3px;height:100%;transition:width 1s linear,background .3s}.quiz-timer-fill.urgent{background:linear-gradient(90deg,#ef4444,#f97316)}.quiz-timer-label{color:#ffffff80;font-size:.75rem;margin-top:3px;text-align:right}.quiz-progress{align-items:center;display:flex;gap:8px;margin-bottom:20px}.quiz-progress-bar{background:#ffffff1a;border-radius:3px;flex:1 1;height:5px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#34d399,#10b981);height:100%;transition:width .4s ease}.quiz-progress-label{color:#fff6;font-size:.75rem;white-space:nowrap}.quiz-cat-badge{align-items:center;background:#38bdf82e;border-radius:20px;color:#38bdf8;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;margin-bottom:16px;padding:4px 12px}.quiz-question{color:#fff;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;line-height:1.4;margin-bottom:24px;min-height:60px;text-align:center}.quiz-answers{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.quiz-answer-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;min-height:52px;padding:14px 12px;text-align:left;transition:all .18s}.quiz-answer-btn .key{align-items:center;background:#ffffff1a;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:.72rem;height:22px;justify-content:center;width:22px}.quiz-answer-btn:hover:not(:disabled){background:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}.quiz-answer-btn.correct{background:#34d39933;border-color:#34d399;color:#34d399}.quiz-answer-btn.wrong{background:#f8717126;border-color:#f87171;color:#f87171}.quiz-answer-btn:disabled{cursor:not-allowed;opacity:.7}.quiz-feedback{font-size:1rem;font-weight:700;margin-bottom:6px;min-height:28px;text-align:center}.quiz-feedback.ok{color:#34d399}.quiz-feedback.fail{color:#f87171}.quiz-levelup{animation:quizPop .4s ease;background:linear-gradient(135deg,#a78bfa40,#38bdf833);border:1px solid #a78bfa66;border-radius:14px;margin-bottom:14px;padding:14px;text-align:center}@keyframes quizPop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.quiz-levelup-emoji{font-size:2rem}.quiz-levelup-text{color:#c4b5fd;font-size:1rem;font-weight:800}.quiz-over{animation:quizFadeIn .5s ease;max-width:480px;text-align:center;width:100%}.quiz-over-emoji{font-size:5rem;margin-bottom:10px}.quiz-over h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:6px}.quiz-over p{color:#fff9;font-weight:400;margin-bottom:24px}.quiz-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.quiz-stat-card{background:#ffffff14;border-radius:12px;padding:14px 8px;text-align:center}.quiz-stat-card .val{color:#fff;font-size:1.8rem;font-weight:800}.quiz-stat-card .lbl{color:#ffffff80;font-size:.72rem}.quiz-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:700;gap:8px;padding:13px 28px;transition:transform .2s,opacity .2s}.quiz-btn:hover{opacity:.9;transform:translateY(-2px)}.quiz-btn-primary{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#fff}.quiz-btn-green{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.quiz-btn-ghost{background:#ffffff1a;border:1px solid #fff3;color:#fff}@media (max-width:480px){.quiz-answers{grid-template-columns:1fr}.quiz-stats-grid{grid-template-columns:1fr 1fr}}.cg-page{align-items:center;background:#0f172a;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:calc(100vh - 66px);padding:20px}.cg-center{animation:cgFade .5s ease;max-width:480px;text-align:center;width:100%}.cg-center h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:10px}.cg-center p{color:#ffffff8c;font-weight:400;margin-bottom:28px}.cg-badge-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}.cg-badge-chip{background:#ffffff12;border-radius:20px;color:#fff9;font-size:.82rem;font-weight:600;padding:6px 14px}.cg-badge-chip,.cg-card{border:1px solid #ffffff1a}.cg-card{animation:cgFade .4s ease;background:#ffffff0a;border-radius:24px;max-width:500px;padding:24px 20px;width:100%}@keyframes cgFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cg-statusbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:14px}.cg-badge-display{background:#fbbf241f;border:1px solid #fbbf2440;border-radius:20px;color:#fbbf24;font-size:.82rem;font-weight:700;padding:4px 12px}.cg-info{display:flex;gap:12px}.cg-info-item{align-items:center;color:#ffffffb3;display:flex;font-size:.82rem;font-weight:700;gap:4px}.cg-info-item i{font-size:.85rem}.cg-info-item.score i{color:#fbbf24}.cg-info-item.level i{color:#a78bfa}.cg-info-item.combo i{color:#34d399}.cg-timer-bar{background:#ffffff1a;border-radius:3px;height:5px;margin-bottom:4px;overflow:hidden}.cg-timer-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:3px;height:100%;transition:width 1s linear}.cg-timer-fill.urgent{background:linear-gradient(90deg,#ef4444,#f97316)}.cg-timer-label{color:#fff6;font-size:.72rem;margin-bottom:14px;text-align:right}.cg-color-box{align-items:center;border-radius:18px;box-shadow:0 8px 32px #0006;display:flex;height:160px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative;transition:background-color .3s ease;width:100%}.cg-color-box.shake{animation:cgShake .35s ease}@keyframes cgShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.cg-color-box.bounce{animation:cgBounce .4s ease}@keyframes cgBounce{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.cg-word-display{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:2px;text-shadow:0 2px 12px #00000080}.cg-question{color:#fffc;font-size:1.05rem;font-weight:700;margin-bottom:14px;text-align:center}.cg-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:14px}.cg-option-patch{border:3px solid #0000;border-radius:12px;cursor:pointer;height:56px;position:relative;transition:transform .18s,border-color .18s,box-shadow .18s}.cg-option-patch:hover:not(:disabled){box-shadow:0 6px 20px #ffffff26;transform:scale(1.04)}.cg-option-word{background:#ffffff0d;border:2px solid #ffffff1f;border-radius:12px;color:#e2e8f0;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:13px 10px;text-transform:capitalize;transition:all .18s}.cg-option-word:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf8}.cg-option-patch.correct,.cg-option-word.correct{border-color:#34d399!important;box-shadow:0 0 0 2px #34d399!important}.cg-option-patch.wrong,.cg-option-word.wrong{border-color:#f87171!important;opacity:.5}.cg-option-patch:disabled,.cg-option-word:disabled{cursor:not-allowed}.cg-result{font-size:1rem;font-weight:700;min-height:26px;text-align:center}.cg-result.ok{color:#34d399}.cg-result.fail{color:#f87171}.cg-levelup-screen{animation:cgFade .4s ease;padding:20px;text-align:center}.cg-levelup-screen h2{color:#fbbf24;font-size:1.8rem;font-weight:800;margin:12px 0 8px}.cg-levelup-screen p{color:#fff9;font-weight:400}.cg-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:700;gap:8px;padding:13px 28px;transition:transform .2s,opacity .2s}.cg-btn:hover{opacity:.9;transform:translateY(-2px)}.cg-btn-primary{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#fff}.cg-btn-ghost{background:#ffffff1a;border:1px solid #fff3;color:#fff}@media (max-width:480px){.cg-color-box{height:120px}.cg-word-display{font-size:1.8rem}}.df-page{align-items:center;background:linear-gradient(160deg,#1a1a2e,#16213e 60%,#0f3460);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:calc(100vh - 66px);padding:20px}.df-start{animation:dfFade .5s ease;max-width:520px;text-align:center;width:100%}.df-start h1{color:#fff;font-size:2.4rem;font-weight:800;margin-bottom:6px}.df-start p{color:#ffffff80;font-weight:400;margin-bottom:28px}.df-dico-img{animation:dfHungry 2s ease infinite;font-size:6rem;margin-bottom:16px}@keyframes dfHungry{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.06)}}@keyframes dfFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.df-card{animation:dfFade .4s ease;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:560px;padding:24px 20px;width:100%}.df-tabs{background:#00000040;border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.df-tab{align-items:center;background:#0000;border:none;border-radius:9px;color:#ffffff73;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.82rem;font-weight:600;gap:5px;justify-content:center;padding:9px 6px;transition:all .2s}.df-tab.active{background:#ffffff1a;box-shadow:0 2px 8px #0003;color:#fff}.df-status{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.df-hunger-bar,.df-status{align-items:center;display:flex;gap:8px}.df-hunger-bar{flex:1 1}.df-hunger-track{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.df-hunger-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;transition:width .5s ease}.df-hunger-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.df-hunger-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.df-count-label{color:#ffffff73;font-size:.75rem;white-space:nowrap}.df-words-today{color:#ffffff8c;font-size:.78rem;font-weight:700;white-space:nowrap}.df-add-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.df-add-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.df-input{background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:10px;color:#fff;direction:ltr;font-family:inherit;font-size:.9rem;outline:none;padding:11px 13px;text-align:left;transition:border-color .2s}.df-input::placeholder{color:#ffffff4d}.df-input:focus{background:#ffffff1a;border-color:#fff6}.df-search{background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:10px;color:#fff;direction:ltr;font-family:inherit;font-size:.88rem;margin-bottom:12px;outline:none;padding:9px 13px;text-align:left;width:100%}.df-search::placeholder{color:#ffffff40}.df-word-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding-right:4px}.df-word-list::-webkit-scrollbar{width:4px}.df-word-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.df-word-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.df-word-item:hover{background:#ffffff17}.df-word-en{color:#38bdf8;font-size:.9rem;font-weight:700;min-width:80px}.df-word-arrow{color:#ffffff40;font-size:.8rem}.df-word-pt{color:#ffffffb3;flex:1 1;font-size:.88rem;font-weight:400}.df-word-date{color:#ffffff40;font-size:.72rem;white-space:nowrap}.df-del-btn{background:none;border:none;border-radius:6px;color:#fff3;cursor:pointer;font-family:inherit;font-size:.85rem;padding:4px;transition:color .2s,background .2s}.df-del-btn:hover{background:#f871711a;color:#f87171}.df-quiz-card{padding:10px 0;text-align:center}.df-quiz-prompt{color:#fff6;font-size:.8rem;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.df-quiz-word{align-items:center;color:#38bdf8;display:flex;font-size:2.2rem;font-weight:800;justify-content:center;margin-bottom:20px;min-height:60px}.df-quiz-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:14px}.df-quiz-opt{background:#ffffff0a;border:2px solid #ffffff1f;border-radius:10px;color:#fffc;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;padding:12px 8px;transition:all .18s}.df-quiz-opt:hover:not(:disabled){background:#38bdf81a;border-color:#38bdf8}.df-quiz-opt.correct{background:#34d39926;border-color:#34d399;color:#34d399}.df-quiz-opt.wrong{background:#f871711a;border-color:#f87171;color:#f87171;opacity:.6}.df-quiz-opt:disabled{cursor:not-allowed}.df-quiz-feedback{font-size:.95rem;font-weight:700;margin-bottom:10px;min-height:24px}.df-quiz-feedback.ok{color:#34d399}.df-quiz-feedback.fail{color:#f87171}.df-quiz-progress{align-items:center;display:flex;gap:8px;margin-bottom:10px}.df-quiz-progress-bar{background:#ffffff14;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.df-quiz-progress-fill{background:#34d399;height:100%;transition:width .4s ease}.df-empty{color:#ffffff4d;padding:32px 0;text-align:center}.df-empty i{display:block;font-size:2.5rem;margin-bottom:10px}.df-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:700;gap:7px;padding:11px 22px;transition:transform .2s,opacity .2s}.df-btn:hover{opacity:.9;transform:translateY(-1px)}.df-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.df-btn-primary{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff}.df-btn-green{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.df-btn-ghost{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.df-btn-danger{background:#f8717133;border:1px solid #f871714d;color:#f87171}.df-toast{animation:dfToastIn .3s ease;border-radius:10px;bottom:90px;box-shadow:0 4px 16px #0003;color:#fff;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:10px 20px;position:fixed;right:24px;z-index:9999}.df-toast.success{background:#059669}.df-toast.error{background:#dc2626}.df-toast.warning{background:#d97706}@keyframes dfToastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.df-add-row,.df-quiz-options{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0dcef552.css.map*/