@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base;@layer legacy{:root{--primary-red:#d9383a;--primary-red-hover:#b82b2d;--pastel-red-bg:#fff1f2;--pastel-red-border:#fecdd3;--pastel-yellow:#fef3c7;--pastel-yellow-border:#fde68a;--accent-yellow:#f59e0b;--navy-dark:#1e293b;--navy-main:#2c3e50;--bg-light:#f8fafc;--bg-white:#fff;--text-dark:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--radius-sm:8px;--radius-md:14px;--radius-pill:9999px;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-light);max-width:100%;color:var(--text-dark);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}header{background:var(--bg-white);border-bottom:2px solid var(--pastel-red-border);z-index:1000;box-shadow:var(--shadow-sm);width:100%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:10px 20px;display:flex}.brand-wrap{cursor:pointer;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand-logo-img{object-fit:cover;border:2px solid var(--primary-red);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-title{color:#ffe082;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:800;line-height:1.2;overflow:hidden}.brand-slogan{color:#fff0b3;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.main-nav{flex-wrap:wrap;align-items:center;gap:6px;list-style:none;display:flex}.nav-link{color:var(--navy-dark);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:var(--pastel-red-bg);color:var(--primary-red)}.nav-link.active{background-color:var(--primary-red);color:#fff;box-shadow:0 3px 10px #d9383a4d}.user-widgets{flex-shrink:0;align-items:center;gap:12px;display:flex}.stat-coin-badge{background:var(--pastel-yellow);border:1px solid var(--pastel-yellow-border);color:#92400e;border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:.88rem;font-weight:700;display:flex}.user-avatar{color:#0369a1;background:#e0f2fe;border:2px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}main{flex:1;width:100%;max-width:1280px;margin:20px auto;padding:0 16px}.page-section{width:100%;animation:.25s ease-in-out fadeIn;display:none}.page-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);max-width:100%;padding:24px;overflow:hidden}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-red);color:#fff}.btn-primary:hover{background:var(--primary-red-hover)}.btn-yellow{background:var(--accent-yellow);color:#78350f}.btn-yellow:hover{color:#fff;background:#d97706}.btn-audio-play{color:#0284c7;border-radius:var(--radius-pill);cursor:pointer;vertical-align:middle;background:#e0f2fe;border:1px solid #bae6fd;align-items:center;gap:4px;margin-left:6px;padding:4px 10px;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-audio-play:hover{color:#0369a1;background:#bae6fd;transform:scale(1.04)}.btn-audio-play.playing{color:#dc2626;background:#fee2e2;border-color:#fca5a5;animation:1s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.phonics-section-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;margin-bottom:20px;padding:18px}.phonics-items-flex{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.phonics-card-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--navy-dark);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:8px;padding:10px 16px;font-size:1.25rem;font-weight:800;display:inline-flex}.phonics-tone-row{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:10px 16px;display:flex}.workspace-layout{grid-template-columns:270px 1fr;gap:20px;width:100%;display:grid}.sidebar-card{background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--pastel-red-border);box-shadow:var(--shadow-sm);height:fit-content;padding:20px 16px}.sidebar-section-title{color:var(--primary-red);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.78rem;font-weight:800}.dropdown-level{border-radius:var(--radius-pill);border:2px solid var(--pastel-red-border);background-color:var(--pastel-red-bg);width:100%;color:var(--navy-dark);cursor:pointer;outline:none;margin-bottom:16px;padding:11px 14px;font-size:.92rem;font-weight:700}.sidebar-menu{flex-direction:column;gap:8px;list-style:none;display:flex}.sidebar-item{border-radius:var(--radius-pill);color:#475569;cursor:pointer;background:#f8fafc;align-items:center;gap:10px;padding:11px 16px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--pastel-yellow);color:#78350f}.sidebar-item.active{background:var(--primary-red);color:#fff;box-shadow:0 4px 12px #d9383a40}.workspace-main-content{min-width:0}.lesson-header-box{background:var(--pastel-red-bg);border:1px solid var(--pastel-red-border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}footer{background:var(--navy-dark);color:#94a3b8;text-align:center;width:100%;margin-top:40px;padding:24px 16px;font-size:.88rem}@media (max-width:1024px){.workspace-layout{grid-template-columns:230px 1fr}}@media (max-width:860px){.header-container{flex-direction:column;align-items:stretch}.brand-wrap,.main-nav,.user-widgets{justify-content:center}.workspace-layout{grid-template-columns:1fr}}.lesson-illustrations{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:12px;margin:12px 0 18px;display:grid}.lesson-illustration{object-fit:contain;border:1px solid var(--border-color);width:100%;height:auto;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;display:block}.lesson-illustration-caption{color:var(--text-muted);margin:-6px 0 12px;font-size:.78rem}@media (max-width:560px){.lesson-illustrations{grid-template-columns:1fr}.card{padding:16px}}.lesson-video-panel{border:1px solid var(--pastel-red-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff1f2 0%,#fef3c7 100%);margin-bottom:16px;padding:16px 18px}.lesson-video-heading{color:var(--primary-red);margin-bottom:5px;font-size:1.05rem;font-weight:800}.lesson-video-description{color:var(--navy-dark);margin-bottom:12px;font-size:.9rem}.lesson-video-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;display:grid}.lesson-video-card{border:1px solid var(--pastel-red-border);min-width:0;box-shadow:var(--shadow-sm);background:#ffffffe0;border-radius:12px;padding:10px}.lesson-video-title{color:var(--navy-dark);margin:0 0 8px;font-size:.92rem;font-weight:800}.lesson-video-open{box-sizing:border-box;background:var(--primary-red);color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:4px;padding:12px 16px;font-size:.92rem;font-weight:800;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.lesson-video-open:hover{filter:brightness(.94);transform:translateY(-1px)}.lesson-video-note{color:#92400e;margin-top:10px;font-size:.82rem}@media (max-width:560px){.lesson-video-panel{padding:14px}}.lesson-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.lesson-tabs button,.tts-btn,.exercise-check{color:#fff;cursor:pointer;background:#d9383a;border:0;border-radius:999px;padding:9px 14px;font-weight:700}.lesson-tabs button{color:#9f2528;background:#fff;border:1px solid #fecdd3}.lesson-tabs button.active{color:#fff;background:#d9383a}.lesson-unit{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:14px 0;padding:18px;box-shadow:0 2px 4px #00000008}.lesson-unit h3{color:#b82b2d;margin-bottom:12px}.vocab-table{border-collapse:collapse;width:100%}.vocab-table th,.vocab-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:10px}.vocab-table th{background:#fff1f2}.hanzi{font-size:1.35rem;font-weight:800}.pinyin{color:#64748b}.dialogue-line{border-bottom:1px dashed #e2e8f0;grid-template-columns:minmax(70px,100px) 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.dialogue-line .zh{font-size:1.15rem;font-weight:700}.dialogue-line .vi{color:#64748b;font-size:.9rem}.grammar-item{background:#fffbeb;border-radius:10px;margin:10px 0;padding:12px}.grammar-item code{color:#9f2528;background:#fff;border-radius:6px;padding:4px 7px;font-size:1.05rem}.exercise-item{border-bottom:1px solid #e2e8f0;padding:12px 0}.exercise-item label{cursor:pointer;margin:5px 0;display:block}.exercise-feedback{margin-top:8px;font-weight:700}.tts-note{color:#64748b;margin-top:8px;font-size:.88rem}@media (max-width:650px){.vocab-table th:nth-child(2),.vocab-table td:nth-child(2){display:none}.vocab-table th,.vocab-table td{padding:7px 5px}.dialogue-line{grid-template-columns:1fr auto}.dialogue-line .speaker{color:#b82b2d;grid-column:1/-1}.dialogue-line .vi{grid-column:1/-1}}.dialogue-group{background:#fff;border:1px solid #e3edf2;border-radius:12px;margin:14px 0;padding:12px}.dialogue-group h4{color:#c92f32;margin:0 0 10px;font-size:1rem}.tone-example{align-items:center;gap:3px;font-size:1.1rem;font-weight:800;display:inline-flex}.tone-example .fourth-tone{color:#dc2626;text-decoration:underline;text-decoration-thickness:2px}.dialogue-line .pinyin{color:#0f766e;font-size:.92rem;line-height:1.4}.dialogue-textbook-image{box-sizing:border-box;object-fit:contain;object-position:center center;float:none;background:#fff;border:1px solid #e5edf2;border-radius:12px;align-self:center;width:100%;max-width:100%;height:auto;max-height:none;margin:12px auto 16px;display:block;position:static}.dialogue-group .dialogue-textbook-image{margin-top:8px;margin-bottom:12px}.dialogue-intro-image{margin-bottom:18px}.dialogue-group{display:block;overflow:visible}.dialogue-group .dialogue-textbook-image{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none;margin-left:auto;margin-right:auto;display:block}.dialogue-intro-image{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.brand-title{color:#ffe082!important}.brand-slogan{color:#fff0b3!important}.journey-banner h2{letter-spacing:0!important;word-spacing:normal!important;color:#fff2c4!important;font-family:Arial,Helvetica,sans-serif!important}.course-intro-centered{text-align:center}.course-intro-centered p{max-width:900px;margin:12px auto 0}.discount-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.discount-row>div{color:#7d2424;background:#fff2c4;border:1px solid #f4d77c;border-radius:14px;padding:12px 16px;font-size:.94rem}.updated-course-grid{align-items:start;gap:20px}.updated-course-path{min-width:0}.poster-levels{grid-template-columns:1fr;gap:18px;padding:20px;display:grid}.poster-course{background:#fff;border:1px solid #f0dfd0;border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex;box-shadow:0 4px 14px #501e140a}.poster-course h3{color:#a51d24;margin:0;font-size:1.2rem}.poster-course img{object-fit:contain;object-position:top center;background:#fff;border-radius:10px;width:100%;height:auto;display:block}.poster-course .btn{justify-content:center;width:100%}.kids-course-points{color:var(--text-muted);text-align:left;margin:14px 0 0;padding-left:22px;line-height:1.65}.kids-poster-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.zalo-modal{z-index:9999;background:#141414b8;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.zalo-modal.open{display:flex}.zalo-modal-panel{text-align:center;background:#fff;border-radius:18px;max-width:min(92vw,520px);max-height:92vh;padding:18px;position:relative;overflow:auto;box-shadow:0 20px 60px #00000047}.zalo-modal-panel img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:72vh;margin:12px auto;display:block}.zalo-modal-close{color:#94191d;cursor:pointer;background:#fff2c4;border:0;border-radius:50%;width:36px;height:36px;font-size:1.4rem;position:absolute;top:8px;right:10px}@media (min-width:1000px){.poster-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.kids-poster-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.kids-poster-levels{grid-template-columns:1fr}.discount-row{flex-direction:column}.course-intro-centered{text-align:left}}.home-route-cta{justify-content:center;align-items:center;margin:22px 0 26px;display:flex}.home-route-cta .btn{min-width:min(420px,100%);padding:15px 28px;font-size:1.05rem;font-weight:900;box-shadow:0 8px 20px #94191d2b}.path-levels.hsk-six{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 22px 10px}.path-level.no-subtitle{place-items:center;min-height:68px;font-size:1rem;display:grid}.section-heading.centered{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:28px;display:flex}.section-heading.centered h2{font-size:clamp(1.5rem,3vw,2rem)}.poster-course{overflow:hidden}.poster-course img{cursor:zoom-in;transition:transform .2s,box-shadow .2s}.poster-course img:hover{transform:scale(1.015);box-shadow:0 6px 18px #8f1d2220}.enrolling-label{color:#fff;letter-spacing:.03em;background:#18864b;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:.72rem;font-weight:900}.poster-course .btn{white-space:normal;min-height:42px;line-height:1.25}.poster-lightbox{z-index:10001;cursor:zoom-out;background:#140c0ce0;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.poster-lightbox.open{display:flex}.poster-lightbox img{object-fit:contain;background:#fff;border-radius:8px;width:auto;max-width:94vw;height:auto;max-height:92vh;display:block;box-shadow:0 20px 70px #0008}.poster-lightbox-close{color:#94191d;cursor:pointer;background:#fff2c4;border:0;border-radius:50%;width:46px;height:46px;font-size:1.8rem;font-weight:800;position:fixed;top:16px;right:22px}.student-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.student-showcase{background:#fff;border:1px solid #f0dccb;border-radius:20px;overflow:hidden;box-shadow:0 6px 22px #7a25200a}.student-showcase-head{background:linear-gradient(135deg,#fff2c4,#fffaf2);border-bottom:1px solid #f0dccb;padding:22px}.student-showcase:nth-child(2) .student-showcase-head{background:linear-gradient(135deg,#fff0e9,#fff)}.student-showcase-head h2{color:#94191d;margin-bottom:6px}.video-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.video-placeholder{text-align:center;color:#6e2021;background:#fffcf6;border:1px dashed #e4c99e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:145px;padding:14px;display:flex}.video-placeholder .play-icon{margin-bottom:8px;font-size:2rem}.video-placeholder small{color:#7a898e;margin-top:5px}.my-progress-card{margin-top:20px}@media (max-width:760px){.student-showcase-grid{grid-template-columns:1fr}.path-levels.hsk-six{grid-template-columns:repeat(2,minmax(0,1fr))}.video-placeholder-grid{grid-template-columns:1fr 1fr}}.vocab-card{background:linear-gradient(135deg,#fff 0%,#fbfefd 100%);border:1px solid #dce8e6;border-radius:14px;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:14px;margin:10px 0;padding:14px;display:grid;box-shadow:0 2px 7px #0f172a09}.vocab-writing{flex-wrap:wrap;place-content:flex-start;gap:7px;display:flex}.write-char{background:#f4fbfa;border:1px solid #dceeea;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:136px;padding:7px;display:flex}.write-char .char-label{color:#334155;font-size:1.35rem;font-weight:800}.stroke-canvas{background-color:#fff;background-image:linear-gradient(#d7e8e5 1px,#0000 1px),linear-gradient(90deg,#d7e8e5 1px,#0000 1px);background-size:25% 25%;border:1px solid #9fc9c2;border-radius:10px;width:128px;height:128px}.write-char button{cursor:pointer;background:#fff;border:1px solid #b9d7d2;border-radius:7px;padding:5px 8px;font-size:.78rem}.vocab-main{min-width:0}.vocab-main .hanzi{color:#173d45;flex-wrap:wrap;align-items:center;gap:8px;font-size:1.55rem;font-weight:800;display:flex}.vocab-main .pinyin{color:#0f766e;margin:3px 0 5px;font-weight:700}.vocab-example{background:#fff8e9;border:1px solid #f6e7c3;border-radius:9px;margin-top:9px;padding:10px 12px}.vocab-example b{color:#8a5b13;font-size:.8rem}.vocab-example .zh{margin-top:4px;font-size:1.05rem;font-weight:700}.vocab-example .vi{color:#475569;margin-top:4px;font-size:.93rem}.lesson-unit .vocab-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}@media (max-width:760px){.lesson-unit .vocab-list-grid{grid-template-columns:1fr}}@media (max-width:600px){.vocab-card{grid-template-columns:1fr;gap:10px}.vocab-writing{justify-content:flex-start}.write-char{min-width:124px}.stroke-canvas{width:128px;height:128px}}:root{--primary-red:#b91f24;--primary-red-hover:#94191d;--pastel-red-bg:#fff4f1;--pastel-red-border:#f4c9bd;--pastel-yellow:#fff2c4;--pastel-yellow-border:#f6dd8c;--accent-yellow:#efbd39;--navy-dark:#183d50;--navy-main:#28566b;--bg-light:#f7f8f5;--text-dark:#263744;--text-muted:#647786;--border-color:#e5e8e5}header{background:#fffffff7;border-bottom:1px solid #f1d8d2}.header-container{flex-wrap:wrap;max-width:1380px;padding-top:12px;padding-bottom:12px}.brand-logo-img{object-fit:contain;background:#fff;border-color:#e9c44c}.main-nav{justify-content:center;gap:4px}.nav-link{padding:9px 13px;font-size:.88rem}main{max-width:1380px;margin:26px auto;padding:0 20px}.home-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);align-items:stretch;gap:20px;margin-bottom:22px;display:grid}.teacher-hero{background:linear-gradient(120deg,#fff7e7,#fff 55%,#fce9e2);border:1px solid #f0d7c4;border-radius:24px;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;padding:28px;display:grid;box-shadow:0 8px 24px #6236210f}.teacher-photo{aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border:4px solid #fff;border-radius:20px;width:100%;max-width:170px;box-shadow:0 8px 22px #58351a20}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#9a6514;margin-bottom:8px;font-size:.78rem;font-weight:800}.teacher-hero h1,.journey-banner h2,.page-title{font-family:Georgia,Times New Roman,serif;line-height:1.16}.teacher-hero h1{color:#183d50;margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.6rem)}.teacher-role{color:#28566b;margin-bottom:10px;font-weight:800}.credential-list{flex-wrap:wrap;gap:7px;margin:14px 0 18px;display:flex}.credential{color:#52616a;background:#fff;border:1px solid #ecdcc7;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-dark{color:#fff;background:linear-gradient(135deg,#b91f24,#94191d);border:1px solid #94191d;box-shadow:0 4px 12px #94191d1f}.btn-dark:hover{background:linear-gradient(135deg,#94191d,#7d1519);transform:translateY(-1px)}.btn-outline{color:#94191d;background:#fffaf7;border:1px solid #e3b5a9}.btn-outline:hover{background:#fff0e8;border-color:#b91f24}.social-panel{background:#fff;border:1px solid #e5e8e5;border-radius:24px;padding:22px;box-shadow:0 8px 24px #1d37410d}.social-panel h2{color:#183d50;margin-bottom:5px;font-size:1.08rem}.social-panel p{color:#657582;margin-bottom:14px;font-size:.88rem}.social-list{gap:9px;display:grid}.social-link{color:#243a47;background:#fff;border:1px solid #edf0ee;border-radius:13px;align-items:center;gap:11px;padding:10px 12px;text-decoration:none;transition:all .18s;display:flex}.social-link:hover{background:#fffaf0;border-color:#e8c36a;transform:translateY(-2px)}.social-logo{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:grid}.social-meta{flex:1;min-width:0}.social-meta b{font-size:.9rem;display:block}.social-meta small{color:#77858d;font-size:.76rem}.social-arrow{color:#a86b18;font-weight:900}.journey-banner{color:#fff;background:linear-gradient(115deg,#183d50,#28566b 72%,#346d7b);border-radius:24px;margin-bottom:22px;padding:30px;position:relative;overflow:hidden;box-shadow:0 10px 26px #183d501a}.journey-banner:after{content:"中文";color:#ffffff0d;pointer-events:none;font-size:clamp(6rem,15vw,12rem);font-weight:900;position:absolute;bottom:-30px;right:25px}.journey-banner h2{z-index:1;max-width:800px;margin-bottom:10px;font-size:clamp(1.8rem,3.2vw,2.6rem);position:relative}.journey-banner p{color:#e4eef1;z-index:1;max-width:680px;margin-bottom:18px;position:relative}.journey-banner .hero-actions{z-index:1;position:relative}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.stat-card{background:#fff;border:1px solid #e5e8e5;border-radius:18px;padding:18px}.stat-card strong{color:#183d50;font-family:Georgia,serif;font-size:1.5rem;display:block}.stat-card span{color:#657582;font-size:.86rem}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin:24px 0 14px;display:flex}.section-heading h2{color:#183d50;font-family:Georgia,serif;font-size:1.55rem}.section-heading p{color:#6c7b82;font-size:.88rem}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0 26px;display:grid}.path-card{background:#fff;border:1px solid #e4e9e4;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 7px 22px #1d39410a}.path-top{background:linear-gradient(135deg,#fff3e0,#fff 70%);border-bottom:1px solid #f1e4d4;padding:22px 23px}.path-kicker{letter-spacing:.08em;text-transform:uppercase;color:#9a6514;font-size:.76rem;font-weight:900}.path-card h3{color:#183d50;margin:7px 0;font-family:Georgia,serif;font-size:1.55rem}.path-card p{color:#657582;font-size:.92rem}.path-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:18px 22px 10px;display:grid}.path-level{text-align:center;background:#fffcf5;border:1px dashed #dfc99d;border-radius:13px;flex-direction:column;justify-content:center;gap:4px;min-height:90px;padding:13px 8px;display:flex}.kids .path-level{background:#fff9fa;border-color:#eac8ce}.path-level b{color:#94191d;font-size:1.1rem}.path-level small{color:#77858d;font-size:.74rem}.path-bottom{margin-top:auto;padding:12px 22px 22px}.path-bottom .btn{border-radius:12px;width:100%;padding:12px}.path-note{color:#849097;text-align:center;margin-top:10px;font-size:.8rem}.social-footer{background:#fff;border:1px solid #e5e8e5;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:24px 0;padding:20px;display:flex}.social-footer h3{color:#183d50}.social-footer p{color:#657582;font-size:.86rem}.course-intro{background:linear-gradient(120deg,#fff7e7,#fff);border:1px solid #f0dec3;border-radius:22px;margin-bottom:20px;padding:26px}.course-intro h1{color:#183d50;margin-bottom:10px;font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.25rem)}.course-intro p{color:#536773;max-width:900px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.course-path{background:#fff;border:1px solid #e5e8e5;border-radius:22px;overflow:hidden;box-shadow:0 8px 22px #1d39410a}.course-path-head{background:linear-gradient(135deg,#eaf4f4,#fff);padding:20px 22px}.course-path:nth-child(2) .course-path-head{background:linear-gradient(135deg,#fff0f1,#fff)}.course-path h2{color:#183d50;font-family:Georgia,serif;font-size:1.45rem}.course-path-head p{color:#637782;margin-top:6px;font-size:.9rem}.placeholder-levels{gap:10px;padding:18px 22px;display:grid}.placeholder-level{background:#fcfdfb;border:1px dashed #c9d8d9;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.placeholder-level .level-number{color:#8b5b12;background:#fff0d1;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.placeholder-level b{color:#2a4653;display:block}.placeholder-level small{color:#7c8a90}.course-cta{padding:0 22px 22px}.course-cta .btn{border-radius:12px;width:100%;padding:12px}.zalo-info{text-align:center;color:#7b898d;margin-top:9px;font-size:.78rem}.student-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:18px;display:grid}.notice-card{color:#5d4c2d;background:#fffaf0;border:1px solid #f0dfb6;border-radius:18px;padding:18px}.form-stack{gap:12px;display:grid}.form-stack label{color:#334c58;font-size:.87rem;font-weight:700}.form-stack input,.form-stack select{width:100%;font:inherit;background:#fff;border:1px solid #d7e0df;border-radius:10px;margin-top:5px;padding:11px 12px;display:block}.mini-note{color:#7a898e;font-size:.8rem;line-height:1.55}.progress-bar{background:#edf1ee;border-radius:99px;height:9px;margin:10px 0;overflow:hidden}.progress-bar span{background:#d9a72b;border-radius:99px;width:0;height:100%;display:block}@media (max-width:950px){.home-grid{grid-template-columns:1fr}.social-list{grid-template-columns:repeat(2,minmax(0,1fr))}.header-container{justify-content:center}.main-nav{order:3;width:100%}}@media (max-width:680px){main{margin:16px auto;padding:0 12px}.teacher-hero{grid-template-columns:95px minmax(0,1fr);gap:14px;padding:17px}.teacher-photo{border-radius:14px;max-width:95px}.teacher-hero h1{font-size:1.55rem}.credential{font-size:.7rem}.social-list,.home-stats,.path-grid,.course-grid,.student-layout{grid-template-columns:1fr}.journey-banner{padding:23px 19px}.path-levels{gap:6px;padding:14px}.path-level{padding:10px 5px}.path-level small{font-size:.67rem}.section-heading{flex-direction:column;align-items:start}.main-nav{gap:2px}.nav-link{padding:8px 10px;font-size:.79rem}.brand-title{font-size:1.1rem}}:root{--primary-red:#b91f24!important;--primary-red-hover:#94191d!important;--pastel-red-bg:#fff4f1!important;--pastel-red-border:#f4c9bd!important;--pastel-yellow:#fff2c4!important;--pastel-yellow-border:#f6dd8d!important;--accent-yellow:#efb939!important;--navy-dark:#4a1718!important;--navy-main:#8f1d22!important;--bg-light:#fffcf7!important;--text-dark:#321b1b!important;--text-muted:#76605b!important}html,body,button,input,select,textarea{letter-spacing:normal;word-spacing:normal;font-kerning:normal;font-variant-ligatures:none;font-family:Arial,Segoe UI,Tahoma,sans-serif!important}.teacher-hero h1,.journey-banner h2,.page-title,.section-heading h2,.path-card h3,.stat-card strong{letter-spacing:normal!important;word-spacing:normal!important;font-kerning:normal!important;font-variant-ligatures:none!important;font-family:Georgia,Times New Roman,serif!important}header,.main-header,.site-header,.main-nav{background-color:#8f1d22!important}.teacher-hero h1,.section-heading h2,.path-card h3,.stat-card strong{color:#8f1d22!important}.teacher-role,.credential,.social-link strong{color:#6e2021!important}.credential{background:#fff!important;border-color:#f0d6a0!important}.btn-primary,.btn-primary:hover,.hero-actions .btn:first-child,.course-card .btn,.register-btn{color:#fff!important;background:#8f1d22!important;border-color:#8f1d22!important}.btn-primary:hover,.hero-actions .btn:first-child:hover{background:#b91f24!important}.journey-banner p{color:#fff5e9!important}.journey-banner:after{color:#ffffff12!important}.path-card,.course-card,.social-panel,.stat-card{background:#fff!important;border-color:#f0dccb!important}.path-card.hsk .path-top{background:linear-gradient(135deg,#fff2c4,#fff 72%)!important}.path-card.kids .path-top{background:linear-gradient(135deg,#fff0e9,#fff 72%)!important}.path-level{background:#fffcf4!important;border-color:#ebcb83!important}.social-link{border-color:#f2e4d5!important}a{text-underline-offset:3px}.leaderboard-tabs,.leaderboard-audience{background:#fff;border:1px solid #f0d7c4;border-radius:16px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:0 0 12px;padding:7px;display:flex}.leader-tab,.audience-tab,.rank-period{color:#7f2525;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;padding:11px 16px;font-weight:800;transition:all .18s}.leader-tab.active,.audience-tab.active,.rank-period.active{color:#fff;background:linear-gradient(135deg,#b91f24,#94191d);box-shadow:0 3px 9px #94191d20}.leader-tab:hover,.audience-tab:hover,.rank-period:hover{color:#94191d;background:#fff3e9;border-color:#e5b6a8}.leader-tab.active:hover,.audience-tab.active:hover,.rank-period.active:hover{color:#fff;background:#94191d}.leaderboard-audience{background:#fffaf5}.leaderboard-panel{padding:24px}.leaderboard-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.leaderboard-panel-heading h2{color:#94191d;margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem}.leaderboard-panel-heading p{color:#657582;font-size:.9rem}.rank-period-switch{background:#fff6e8;border:1px solid #f1dfc3;border-radius:13px;gap:4px;padding:4px;display:flex}.rank-period{padding:8px 13px}.leaderboard-empty{text-align:center;background:linear-gradient(135deg,#fffaf0,#fff7f5);border:1px solid #f2dfcf;border-radius:18px;margin-top:20px;padding:35px 20px 28px}.leaderboard-trophy{margin-bottom:8px;font-size:2.4rem}.leaderboard-empty h3{color:#94191d;margin-bottom:8px;font-size:1.2rem}.leaderboard-empty p{color:#657582;max-width:650px;margin:0 auto 16px}.leaderboard-follow{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;font-size:.86rem;display:flex}.leaderboard-follow span{color:#6c7b82}.leaderboard-follow a{color:#94191d;border-bottom:1px solid #e6b4a9;font-weight:800;text-decoration:none}.leaderboard-follow a:hover{color:#b91f24}@media (max-width:620px){.leaderboard-panel{padding:16px}.leader-tab,.audience-tab{padding:9px 11px;font-size:.88rem}.leaderboard-panel-heading{align-items:flex-start}.leaderboard-follow{flex-direction:column;align-items:flex-start}}:root{--primary-red:#b91f24!important;--primary-red-hover:#94191d!important;--pastel-red-bg:#fff4f1!important;--pastel-red-border:#f4c9bd!important;--pastel-yellow:#fff2c4!important;--pastel-yellow-border:#f6d66d!important;--accent-yellow:#efb939!important;--navy-dark:#6f171b!important;--navy-main:#8f1d22!important;--bg-light:#fffcf7!important;--bg-white:#fff!important;--text-dark:#321b1b!important;--text-muted:#76605b!important}html,body,body *,button,input,select,textarea{text-transform:none;letter-spacing:normal!important;word-spacing:normal!important;font-kerning:auto!important;font-variant-ligatures:none!important;font-family:Arial,Segoe UI,Tahoma,sans-serif!important}body{color:#321b1b!important;background:#fffcf7!important}.teacher-hero h1,.journey-banner h2,.page-title,.section-heading h2,.path-card h3,.stat-card strong,.course-intro h1,.course-path h2{letter-spacing:normal!important;word-spacing:normal!important;font-kerning:auto!important;font-variant-ligatures:none!important;overflow-wrap:normal!important;word-break:normal!important;font-family:Arial,Segoe UI,Tahoma,sans-serif!important}.eyebrow,.path-kicker{letter-spacing:.04em!important}header,.main-header,.site-header,.main-nav{background:linear-gradient(100deg,#94191d 0%,#b91f24 70%,#d9383a 100%)!important}.main-nav .nav-link,.nav-link{color:#fff!important}.main-nav .nav-link.active,.nav-link.active{color:#8f1d22!important;background:#fff2c4!important}.teacher-hero{background:linear-gradient(120deg,#fff8e7 0%,#fff4f1 58%,#fbe0d6 100%)!important;border-color:#f4c9bd!important}.teacher-hero h1,.section-heading h2,.path-card h3,.stat-card strong,.course-intro h1,.course-path h2{color:#94191d!important}.teacher-role,.credential{color:#6f171b!important}.btn-primary,.btn.primary,.hero-actions .btn:first-child,.path-card .btn,.course-path .btn,.register-btn{color:#fff!important;background:#94191d!important;border-color:#94191d!important}.btn-primary:hover,.btn.primary:hover,.hero-actions .btn:first-child:hover,.path-card .btn:hover,.course-path .btn:hover,.register-btn:hover{background:#b91f24!important}.journey-banner{color:#fff!important;background:linear-gradient(115deg,#94191d,#b91f24 72%,#d9383a)!important}.journey-banner h2{color:#fff!important}.path-card,.course-path,.social-panel,.social-footer,.stat-card{border-color:#f0d9c7!important}.path-kicker,.eyebrow{color:#8f1d22!important}.journey-banner .eyebrow{color:#fff2c4!important}.social-link:hover{background:#fffaea!important;border-color:#e8c36a!important}.account-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.account-type-panel{background:#fffdf8;border:1px solid #f0ddc8;border-radius:16px;min-width:0;padding:18px}.access-code-panel{background:linear-gradient(145deg,#fff9ed,#fff4f2)}.account-pill{color:#8f191e;letter-spacing:.04em;background:#fff0c8;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:900;display:inline-flex}.premium-pill{color:#94191d;background:#f8e1e1}.account-type-panel h3{color:#94191d;margin:12px 0 7px}.account-type-panel p{color:var(--text-muted);font-size:.92rem;line-height:1.55}.account-message{background:#fff6e6;border:1px solid #f2dfbd;border-radius:12px;margin-top:16px;padding:12px 14px;line-height:1.55}.account-progress-actions{gap:10px;margin-top:16px;display:grid}.my-account-layout{align-items:start}@media (max-width:760px){.account-type-grid,.my-account-layout{grid-template-columns:1fr}}.home-route-cta .btn{color:#8f171b;isolation:isolate;background:linear-gradient(135deg,#ffe88a 0%,#ffd34e 48%,#f5b900 100%);border:1px solid #e5b62d;position:relative;overflow:visible;box-shadow:0 8px 22px #be890038,inset 0 1px #ffffffbf}.home-route-cta .btn:hover{color:#7d1519;background:linear-gradient(135deg,#fff0a8 0%,#ffda62 48%,#f7c21b 100%);transform:translateY(-2px);box-shadow:0 10px 26px #be89004d,inset 0 1px #ffffffd9}.home-route-cta .btn:before,.home-route-cta .btn:after{z-index:-1;color:#e5a900;text-shadow:0 0 7px #ffd23cb3;pointer-events:none;animation:1.8s ease-in-out infinite brandSparkle;position:absolute}.home-route-cta .btn:before{content:"✦  ✨";white-space:nowrap;font-size:19px;top:50%;left:-43px;transform:translateY(-50%)}.home-route-cta .btn:after{content:"✨  ✦";white-space:nowrap;font-size:19px;animation-delay:.65s;top:50%;right:-43px;transform:translateY(-50%)}@keyframes brandSparkle{0%,to{opacity:.58;filter:brightness()}50%{opacity:1;filter:brightness(1.25)}}@media (max-width:520px){.home-route-cta .btn:before{font-size:15px;top:-17px;left:-12px}.home-route-cta .btn:after{font-size:15px;top:auto;bottom:-17px;right:-12px}}.heart-sparkle,.kids-petal-fx{isolation:isolate;position:relative!important;overflow:visible!important}.heart-sparkle:before,.heart-sparkle:after,.kids-petal-fx:before,.kids-petal-fx:after{z-index:3;pointer-events:none;white-space:pre;text-shadow:0 1px 5px #ffffffe6,0 0 8px #ffd75aa6;line-height:1;position:absolute}.heart-sparkle:before{content:"♥  ✦";color:#ffd95b;font-size:17px;animation:2.4s ease-in-out infinite trinn-heart-float;top:-13px;left:-13px}.heart-sparkle:after{content:"✦  ♥";color:#e84b55;font-size:15px;animation:2.8s ease-in-out infinite reverse trinn-heart-float;bottom:-12px;right:-12px}.kids-petal-fx:before{content:"🌸  ✿";color:#f49ab8;font-size:17px;animation:3.2s ease-in-out infinite trinn-petal-float;top:-17px;left:-14px}.kids-petal-fx:after{content:"🌸  ✿";font-size:15px;animation:3.7s ease-in-out infinite reverse trinn-petal-float;bottom:-14px;right:-13px}.heart-sparkle:hover:before,.heart-sparkle:hover:after{filter:brightness(1.12);animation-duration:1.1s}.kids-petal-fx:hover:before,.kids-petal-fx:hover:after{animation-duration:1.5s}@keyframes trinn-heart-float{0%,to{opacity:.72;transform:translate(0)rotate(-8deg)scale(.92)}50%{opacity:1;transform:translate(3px,-8px)rotate(10deg)scale(1.16)}}@keyframes trinn-petal-float{0%,to{opacity:.7;transform:translate(0)rotate(-12deg)}50%{opacity:1;transform:translate(7px,-10px)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.heart-sparkle:before,.heart-sparkle:after,.kids-petal-fx:before,.kids-petal-fx:after{animation:none}}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-1\/2{left:50%}.z-\[99999\]{z-index:99999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.w-full{width:100%}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.flex-shrink{flex-shrink:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-\[repeat\(auto-fit\,minmax\(140px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[\#e8c778\]{border-color:#e8c778}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.bg-\[\#fff8e8\]{background-color:#fff8e8}.bg-black{background-color:var(--color-black)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.15rem\]{font-size:1.15rem}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.text-\[\#473817\]{color:#473817}.text-\[\#dc2626\]{color:#dc2626}.text-\[var\(--navy-dark\)\]{color:var(--navy-dark)}.text-\[var\(--primary-red\)\]{color:var(--primary-red)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.line-through{text-decoration-line:line-through}.shadow-\[0_4px_18px_\#0002\]{--tw-shadow:0 4px 18px var(--tw-shadow-color,#0002);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}