.studio-room-navigation{min-width:0;padding:2px 10px 10px}.studio-room-navigation .studio-room-list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.studio-room-navigation .studio-room-overview{margin-bottom:6px}.studio-room-navigation .studio-room-group{margin-top:12px}.studio-room-navigation .studio-room-group-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;margin:0 0 4px;padding:0 8px;font-size:10.5px;font-weight:900;line-height:1.4;display:flex}.studio-room-navigation .studio-room-group-title .world-icon{--size:20px;box-shadow:none;border-radius:6px}.studio-room-navigation .studio-room-group.current .studio-room-group-title{color:var(--world-ink)}.studio-room-navigation .studio-room-group-meter{background:var(--muted);border-radius:9px;width:36px;height:5px;margin-left:auto;overflow:hidden}.studio-room-navigation .studio-room-group-meter i{border-radius:inherit;background:linear-gradient(90deg,var(--world),var(--world-2));height:100%;display:block}.studio-room-navigation .studio-room-link{width:100%;min-height:40px;color:var(--sidebar-foreground);text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:5px 8px;font-size:14px;font-weight:700;line-height:1.25;transition:background .16s,color .16s;display:grid}.studio-room-navigation .studio-room-icon{background:color-mix(in srgb,var(--world) 12%,transparent);width:30px;height:30px;color:var(--world-ink);transition:transform .2s var(--ease-spring,ease),background .16s;border-radius:10px;place-items:center;display:grid}.studio-room-navigation .studio-room-copy{min-width:0;display:grid}.studio-room-navigation .studio-room-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-room-navigation .studio-room-description{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-room-navigation .studio-room-link:hover{background:color-mix(in srgb,var(--world) 9%,transparent);color:var(--foreground)}.studio-room-navigation .studio-room-link:hover .studio-room-icon{transform:scale(1.06)}.studio-room-navigation .studio-room-link.active{background:color-mix(in srgb,var(--world) 13%,var(--card));color:var(--foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--world) 28%,transparent);font-weight:900}.studio-room-navigation .studio-room-link.active .studio-room-icon{background:linear-gradient(135deg,var(--world),var(--world-2));color:#fff;box-shadow:0 8px 16px -9px var(--world)}.studio-room-navigation .studio-room-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.studio-room-navigation .studio-room-link .studio-room-badge{color:#fff;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(135deg,#c2410c,#be123c);border-radius:999px;min-width:22px;margin:0;padding:2px 7px;font-size:11px;font-weight:900;line-height:1.5}@media (width<=767px){.studio-room-navigation .studio-room-link{min-height:46px;font-size:15px}.studio-room-navigation .studio-room-group-title{font-size:11px}}@media (forced-colors:active){.studio-room-navigation .studio-room-link.active{outline-offset:-1px;outline:1px solid highlight}.studio-room-navigation .studio-room-link:focus-visible{outline:2px solid highlight}.studio-room-navigation .studio-room-group.current .studio-room-group-title{color:highlight}}.mouth-diagram{--skin:#ffdcc4;--skin-line:#e9b597;--inside:#8f2d3d;--tongue:#f07a93;--tongue-line:#c84866;--lip:#e2687f;--tooth:#fffdf8;--tooth-line:#d8cfc2;--bone:#b98a72;--air:#3f73ff;--voice:#e8890c;--hiss:#0f9f72;justify-items:start;gap:6px;margin:0;display:grid}.dark .mouth-diagram{--skin:#7a5c4b;--skin-line:#9b7863;--inside:#3a1219;--tongue:#e36b86;--tongue-line:#ff9db2;--lip:#d8607a;--tooth:#f4efe6;--tooth-line:#b8ad9f;--bone:#d4ad95;--air:#8eaaff;--voice:#ffb547;--hiss:#4fd8a8}.mouth-diagram svg{width:180px;max-width:100%;height:auto;overflow:visible}.mouth-diagram.compact svg{width:150px}.mouth-diagram .skin{fill:var(--skin);stroke:var(--skin-line);stroke-width:1.5px}.mouth-diagram .mouth-inside{fill:var(--inside);opacity:.22}.mouth-diagram .eye{fill:#3b2a24}.dark .mouth-diagram .eye{fill:#1c1210}.mouth-diagram .brow{fill:none;stroke:var(--skin-line);stroke-width:2px;stroke-linecap:round}.mouth-diagram .front-lips .mouth-inside{opacity:.9}.mouth-diagram .palate{fill:none;stroke:var(--bone);stroke-width:3px;stroke-linecap:round}.mouth-diagram .velum{fill:none;stroke:var(--bone);stroke-width:3px;stroke-linecap:round;stroke-dasharray:3 3;opacity:.8}.mouth-diagram .ridge{fill:none;stroke:var(--bone);stroke-width:4px;stroke-linecap:round}.mouth-diagram .nasal{fill:none;stroke:var(--bone);stroke-width:1.5px;stroke-dasharray:2 3;opacity:.55}.mouth-diagram .nasal.active{stroke:var(--air);opacity:1;stroke-width:2.4px;stroke-dasharray:none}.mouth-diagram .tooth{fill:var(--tooth);stroke:var(--tooth-line);stroke-width:1px}.mouth-diagram .tongue{fill:var(--tongue);stroke:var(--tongue-line);stroke-width:1.5px}.mouth-diagram .lip{fill:var(--lip);stroke:var(--tongue-line);stroke-width:.8px}.mouth-diagram .lip-line{stroke:var(--tongue-line);stroke-width:1.5px;stroke-linecap:round}.mouth-diagram .tongue-tip{fill:var(--tongue);stroke:var(--tongue-line);stroke-width:1px}.mouth-diagram .front-panel{fill:var(--card,#fff);stroke:var(--border,#e7e3f6);stroke-width:1.5px}.mouth-diagram .air{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.mouth-diagram .puff path,.mouth-diagram .nose-arrow,.mouth-diagram .glide{stroke:var(--air)}.mouth-diagram .hiss circle{fill:var(--hiss);stroke:none}.mouth-diagram .voice{stroke:var(--voice)}.mouth-diagram .breath path{stroke:var(--bone)}.mouth-diagram .hold line{stroke:var(--tongue-line);stroke-dasharray:3 3}.mouth-diagram figcaption{color:var(--foreground);font-size:13px;font-weight:800}.mouth-diagram figcaption .mouth-air{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.mouth-diagram figcaption .mouth-air>span{background:var(--muted);color:var(--muted-foreground);border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:800}.mouth-diagram:not(.compact) figcaption .mouth-air{margin-top:6px}.sound-mouth{align-items:center;gap:16px;min-width:0;display:flex}.sound-mouth>p{min-width:0}@media (width<=700px){.sound-mouth{flex-direction:column;align-items:flex-start;gap:8px}}@media print{.mouth-diagram svg{width:120px}}.word-picture{flex-shrink:0;place-items:center;line-height:1;display:inline-grid}.word-picture-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.word-picture-colour>span{border:2px solid color-mix(in srgb,var(--foreground) 22%,transparent);border-radius:22%;width:76%;height:76%;display:block;box-shadow:inset 0 -6px #0000001a}.word-picture-shape *{fill:color-mix(in srgb,var(--world,var(--primary)) 88%,#fff);stroke:var(--world-ink,var(--primary));stroke-width:3px}.word-picture-count circle{fill:var(--world,var(--primary))}.word-picture-count .count-empty{fill:none;stroke:var(--muted-foreground);stroke-width:3px;stroke-dasharray:5 5}.jyutping{display:inline}.jyutping-syllable{white-space:nowrap}.tone-mark{vertical-align:-1px;margin:0 3px 0 1px;display:inline-block;overflow:visible}.tone-mark-base{stroke:currentColor;stroke-width:1px;opacity:.22}.tone-mark-line{fill:none;stroke-width:2.4px;stroke-linecap:round}.tone-1 .tone-mark-line{stroke:#d9480f}.tone-2 .tone-mark-line{stroke:#e8590c}.tone-3 .tone-mark-line{stroke:#2b8a3e}.tone-4 .tone-mark-line{stroke:#1864ab}.tone-5 .tone-mark-line{stroke:#6741d9}.tone-6 .tone-mark-line{stroke:#0b7285}.dark .tone-1 .tone-mark-line{stroke:#ff8a5c}.dark .tone-2 .tone-mark-line{stroke:#ffa94d}.dark .tone-3 .tone-mark-line{stroke:#69db7c}.dark .tone-4 .tone-mark-line{stroke:#74c0fc}.dark .tone-5 .tone-mark-line{stroke:#b197fc}.dark .tone-6 .tone-mark-line{stroke:#66d9e8}@media (forced-colors:active){.tone-mark-line{stroke:canvastext!important}.mouth-diagram svg *{forced-color-adjust:auto}}.command-palette{flex-direction:column;overflow:hidden;border:1px solid var(--border)!important;background:var(--popover)!important;border-radius:26px!important;gap:0!important;width:min(880px,100vw - 24px)!important;max-width:none!important;padding:0!important;display:flex!important;top:10vh!important;translate:-50%!important;box-shadow:0 40px 90px -30px #1d1b3a80,0 0 0 1px #ffffff10!important}[data-slot=dialog-overlay]:has(+.command-palette){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#120f2e6b}.command-search{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 18px;display:flex}.command-search>svg{color:var(--primary)}.command-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:17px;font-weight:700}.command-search input::placeholder{color:var(--muted-foreground);font-weight:600}.command-body{grid-template-columns:minmax(0,1fr) 330px;height:min(470px,62vh);display:grid}.command-results{overscroll-behavior:contain;padding:6px 8px 10px;scroll-padding:12px;overflow-y:auto}.command-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);padding:12px 10px 6px;font-size:10.5px;font-weight:900}.command-row{cursor:pointer;border-radius:15px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.command-row.active{background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 26%,transparent)}.command-row .world-icon{--size:34px;border-radius:11px}.command-row-copy{min-width:0}.command-row-copy strong{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:9px;min-width:0;font-size:14px;font-weight:800;line-height:1.4;display:flex;overflow:hidden}.command-row-copy strong span{color:var(--muted-foreground);font-size:13px;font-weight:600}.command-row-copy strong span[lang=hi]{color:var(--hi-fg)}.command-row-copy strong span[lang=yue]{color:var(--yue-fg)}.command-row-copy small{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.command-symbol{background:var(--muted);border-radius:11px;place-items:center;width:34px;height:34px;font-size:19px;line-height:1;display:grid}.command-row-meta{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.command-done{color:var(--yue-fg);align-items:center;gap:4px;display:inline-flex}.command-enter{color:var(--primary)}.command-empty{text-align:center;color:var(--muted-foreground);justify-items:center;gap:10px;padding:46px 26px;display:grid}.command-empty strong{color:var(--foreground);font-size:16px;font-weight:900}.command-empty p{max-width:420px;font-size:13.5px;line-height:1.7}.command-preview{border-left:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 6%,var(--popover)),var(--popover) 220px);padding:22px 20px;overflow-y:auto}.command-preview h3{letter-spacing:-.02em;margin:6px 0 4px;font-size:22px;font-weight:900}.command-preview small{color:var(--muted-foreground);font-size:11.5px;font-weight:800}.command-preview p{color:var(--muted-foreground);font-size:13.5px;line-height:1.65}.command-preview .world-icon{--size:46px;border-radius:15px;margin-bottom:12px}.command-preview-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.command-preview-symbol{background:var(--card);width:54px;height:54px;box-shadow:var(--shadow);border-radius:17px;place-items:center;font-size:30px;display:grid}.command-lanes{gap:8px;display:grid}.command-lane{background:var(--lane-bg);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:grid}.command-lane b{color:var(--lane-fg);overflow-wrap:anywhere;font-size:20px;font-weight:800;line-height:1.35;display:block}.command-lane small{overflow-wrap:anywhere;font-weight:700;display:block}.command-lane .icon-button{width:34px;height:34px;color:var(--lane-fg);background:var(--card);border-color:#0000}.command-note{background:var(--muted);border-radius:14px;margin-top:14px;padding:12px 14px;color:var(--foreground)!important}.command-when{margin-top:10px;font-weight:700}.command-preview-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.command-preview-actions button{padding:10px 14px;font-size:13px}.command-preview-trio{flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.command-preview-trio [lang=hi]{color:var(--hi-fg)}.command-preview-trio [lang=yue]{color:var(--yue-fg)}.command-preview-facts{gap:8px;margin:14px 0 0;padding:0;font-size:13px;font-weight:700;list-style:none;display:grid}.command-preview-facts li{background:var(--muted);border-radius:13px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.command-preview-facts svg{color:var(--primary);flex-shrink:0;margin-top:2px}.command-footer{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.command-footer kbd{margin-right:4px}.command-footer-note{margin-left:auto}@media (width<=760px){.command-palette{top:12px!important}.command-body{grid-template-columns:1fr;height:min(66vh,560px)}.command-preview,.command-footer{display:none}.command-search input{font-size:16px}}.grammar-compare{gap:12px;margin:24px 0 8px;display:grid}.grammar-compare-head{z-index:5;background:color-mix(in srgb,var(--background) 82%,transparent);-webkit-backdrop-filter:blur(12px);border-radius:16px;grid-template-columns:180px repeat(3,minmax(0,1fr));gap:12px;padding:8px 6px;display:grid;position:sticky;top:134px}.grammar-compare-corner{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);align-self:center;padding-left:10px;font-size:10.5px;font-weight:900}.grammar-compare-lane{color:var(--lane-fg);align-items:center;gap:9px;padding:0 6px;font-size:14px;font-weight:900;display:flex}.grammar-compare-lane small{color:var(--muted-foreground);margin-left:auto;font-size:13px;font-weight:700}.grammar-compare .grammar-example{grid-template-columns:180px minmax(0,1fr);align-items:stretch;gap:12px;margin:0;display:grid}.grammar-compare .grammar-example-title{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:16px;display:flex}.grammar-compare .grammar-example-title>span{background:var(--world-ink);min-width:34px;height:28px;color:var(--card);border-radius:999px;place-items:center;padding:0 8px;font-size:12px;font-weight:900;display:grid}.grammar-compare .grammar-example-title .connected-parallel{flex:none;grid-template-columns:1fr;align-content:start;gap:4px;display:grid}.grammar-compare .grammar-example-title .connected-parallel small{display:none}.grammar-compare .grammar-example-title .connected-parallel p{font-size:13.5px;font-weight:700;line-height:1.55}.grammar-compare .grammar-example-title .connected-parallel>div:first-child p{color:var(--hi-fg)}.grammar-compare .grammar-example-title .connected-parallel>div:nth-child(2) p{color:var(--en-fg)}.grammar-compare .grammar-example-title .connected-parallel>div:nth-child(3) p{color:var(--yue-fg)}.grammar-compare-row{gap:12px!important}.compare-cell{padding:16px 16px 12px!important}.compare-cell>header{display:none!important}.compare-cell .connected-script{min-height:0!important;margin:4px 0 10px!important;font-size:22px!important;line-height:1.65!important}.compare-cell .easy-pronunciation{margin:0 0 8px!important}.compare-cell .easy-pronunciation strong{font-size:13.5px!important}.compare-cell .connected-roman{font-size:12.5px}.compare-cell .connected-audio{margin-top:auto;padding-top:8px}.change-mark{background:linear-gradient(transparent 50%,var(--mark) 50%);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:0}.compare-legend{color:var(--muted-foreground);align-items:center;gap:9px;margin:4px 2px 0;font-size:13px;font-weight:700;display:flex}.compare-legend .change-mark{color:var(--foreground)}@media (width<=1100px){.grammar-compare-head{grid-template-columns:repeat(3,minmax(0,1fr))}.grammar-compare-corner{display:none}.grammar-compare .grammar-example{grid-template-columns:1fr}.grammar-compare .grammar-example-title{flex-direction:row;align-items:center;padding:10px 14px}.grammar-compare .grammar-example-title .connected-parallel{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width<=950px){.grammar-compare-head{display:none}.compare-cell>header{display:flex!important}.grammar-compare .grammar-example-title .connected-parallel{grid-template-columns:1fr}}.pattern-formula{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:22px;margin:18px 0 8px;padding:20px 22px}.pattern-formula>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pattern-formula h3{align-items:center;gap:9px;font-size:16px;font-weight:900;display:flex}.pattern-formula h3>svg{box-sizing:content-box;background:linear-gradient(135deg,var(--world),var(--world-2));color:#fff;border-radius:11px;padding:7px}.formula-verdict{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.formula-verdict.same{background:var(--yue-bg);color:var(--yue-fg)}.formula-verdict.differs{background:var(--hi-bg);color:var(--hi-fg)}.formula-rows{gap:12px;display:grid}.formula-row{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;display:grid}.formula-language{color:var(--lane-fg);align-items:center;gap:9px;font-size:13.5px;font-weight:900;display:flex}.formula-chips{flex-wrap:wrap;align-items:center;gap:8px 28px;margin:0;padding:0;list-style:none;display:flex}.formula-chip{border:1.5px solid color-mix(in srgb,var(--chunk-color) 48%,transparent);background:color-mix(in srgb,var(--chunk-color) 12%,var(--card));border-radius:13px;gap:4px;padding:7px 13px 8px;display:grid;position:relative}.formula-chip small{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--chunk-color) 45%,var(--foreground));font-size:10.5px;font-weight:900}.formula-chip span{color:var(--foreground);font-size:17px;font-weight:700;line-height:1.35}.formula-chip+.formula-chip:before{content:"+";color:var(--muted-foreground);font-size:17px;font-weight:900;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.formula-insight{border-top:1px dashed var(--border);color:var(--muted-foreground);flex-wrap:wrap;gap:6px 16px;margin-top:16px;padding-top:14px;font-size:13px;font-weight:700;display:flex}.formula-insight b{color:var(--lane-fg);font-weight:900}@media (width<=700px){.formula-row{grid-template-columns:1fr;gap:6px}.pattern-formula{padding:18px 16px}}.lesson-steps{z-index:6;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--shadow);scrollbar-width:none;border-radius:999px;margin:4px 0 18px;padding:6px;position:sticky;top:76px;overflow-x:auto}.lesson-steps::-webkit-scrollbar{display:none}.lesson-steps ol{gap:4px;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.lesson-steps li{align-items:center;display:flex}.lesson-steps li+li:before{content:"";background:var(--border);border-radius:2px;width:14px;height:2px;margin:0 2px}.lesson-steps button{color:var(--muted-foreground);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 13px 6px 6px;font-size:13px;font-weight:800;transition:background .16s,color .16s;display:inline-flex}.lesson-steps button>span:first-child{background:var(--muted);width:24px;height:24px;color:var(--muted-foreground);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.lesson-steps button:hover{background:color-mix(in srgb,var(--world) 9%,transparent);color:var(--foreground)}.lesson-steps button.current{background:color-mix(in srgb,var(--world) 14%,var(--card));color:var(--world-ink)}.lesson-steps button.current>span:first-child{background:var(--world-ink);color:var(--card)}.lesson-steps button.done>span:first-child{background:var(--yue-fg);color:var(--card)}.lesson-check-group{gap:0;display:grid}:is(#lesson-key-idea,#lesson-compare,#lesson-watch-out,#lesson-practise,#lesson-check,#lesson-complete,#pattern-notice,#pattern-compare,#pattern-build,#pattern-check,#pattern-complete){scroll-margin-top:140px}@media (width<=767px){.lesson-steps{border-radius:18px;top:66px}}@media print{.lesson-steps{display:none}}.play-room{gap:22px;display:grid}.play-room .page-heading{margin-bottom:0}.picture-topics{flex-wrap:wrap;gap:8px;display:flex}.picture-topics button{border:1.5px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);transition:transform .16s var(--ease-spring,ease),background .16s,border-color .16s;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:800;display:inline-flex}.picture-topics button>span:first-child{font-size:20px;line-height:1}.picture-topics button small{background:var(--muted);min-width:24px;height:22px;color:var(--muted-foreground);border-radius:999px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:900;display:grid}.picture-topics button:hover{border-color:color-mix(in srgb,var(--world,var(--primary)) 50%,var(--border));transform:translateY(-1px)}.picture-topics button.selected{background:var(--world-ink,var(--primary));color:var(--card);box-shadow:0 10px 20px -12px var(--world,var(--primary));border-color:#0000}.picture-topics button.selected small{background:color-mix(in srgb,var(--foreground) 16%,transparent);color:inherit}.picture-group-title{align-items:center;gap:10px;margin-bottom:12px;font-size:22px;font-weight:900;display:flex}.picture-group-title span{font-size:28px}.picture-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.picture-tile{border:1.5px solid var(--border);background:var(--card);width:100%;height:100%;color:var(--foreground);box-shadow:var(--shadow);transition:transform .2s var(--ease-spring,ease),box-shadow .2s,border-color .2s;border-radius:24px;justify-items:center;gap:8px;padding:16px 10px 14px;display:grid;position:relative}.picture-tile:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--world,var(--primary)) 45%,var(--border));transform:translateY(-3px)rotate(-.5deg)}.picture-tile-words{text-align:center;justify-items:center;gap:1px;display:grid}.picture-tile-words b{font-size:15px;font-weight:800;line-height:1.35}.picture-tile-words b[lang=hi]{color:var(--hi-fg)}.picture-tile-words b[lang=en]{color:var(--en-fg)}.picture-tile-words b[lang=yue]{color:var(--yue-fg)}.picture-tile-sticker{color:#f59f00;position:absolute;top:10px;right:10px}.play-grownup-tip{background:color-mix(in srgb,#fcc419 14%,var(--card));border:1px dashed color-mix(in srgb,#f59f00 45%,var(--border));border-radius:20px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.play-grownup-tip svg{color:#e67700;flex-shrink:0;margin-top:2px}.play-grownup-tip p{font-size:14px;line-height:1.7}.play-grownup-tip-inline{color:var(--muted-foreground);font-size:13px;font-weight:600}.picture-dialog{border-radius:28px!important;gap:16px!important;max-width:min(560px,100vw - 24px)!important}.picture-dialog-head{align-items:center;gap:16px;display:flex}.picture-dialog-head h2{font-size:28px;font-weight:900}.picture-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.memory-trick{background:var(--muted);border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.6;display:flex}.memory-trick svg{color:#e67700;flex-shrink:0;margin-top:2px}.memory-trick strong{font-weight:900;display:block}.word-lanes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.word-lane{background:var(--lane-bg);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 10px 10px 12px;transition:box-shadow .2s,transform .2s;display:grid}.word-lane.speaking{box-shadow:0 0 0 3px var(--lane);transform:scale(1.01)}.word-lane-copy{gap:2px;min-width:0;display:grid}.word-lane-copy b{color:var(--lane-fg);overflow-wrap:anywhere;font-size:24px;font-weight:800;line-height:1.3}.word-lane-copy small{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:13px;font-weight:700}.word-lane-copy .word-lane-easy{color:var(--foreground);font-weight:800}.word-lane .icon-button{background:var(--card);width:44px;height:44px;color:var(--lane-fg);border-color:#0000}.word-lanes.compact .word-lane-copy b{font-size:19px}.hear-all{min-height:48px}.listen-setup{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:26px;gap:18px;padding:22px;display:grid}.listen-setup h2{font-size:20px;font-weight:900}.listen-choice{border:0;gap:10px;margin:0;padding:0;display:grid}.listen-choice legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:10px;font-size:13px;font-weight:900}.listen-start{justify-self:start;min-height:56px;padding:12px 26px;font-size:18px}.listen-progress{justify-content:center;gap:8px;display:flex}.listen-progress span{background:var(--muted);border-radius:999px;width:44px;height:10px}.listen-progress span.done{background:var(--yue)}.listen-progress span.current{background:linear-gradient(90deg,var(--world,var(--primary)),var(--world-2,var(--primary)))}.listen-round{justify-items:center;gap:18px;display:grid}.listen-prompt{background:var(--lane-bg,var(--muted));border-radius:28px;align-items:center;gap:18px;min-width:min(100%,420px);padding:18px 22px;display:flex}.listen-play{background:linear-gradient(135deg,var(--lane,var(--primary)),color-mix(in srgb,var(--lane,var(--primary)) 55%,#000));color:#fff;width:96px;height:96px;box-shadow:0 14px 28px -14px var(--lane,var(--primary));transition:transform .18s var(--ease-spring,ease);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.listen-play:hover{transform:scale(1.05)}.listen-play:active{transform:scale(.96)}.listen-language{color:var(--lane-fg,var(--foreground));align-items:center;gap:8px;font-size:16px;font-weight:900;display:flex}.listen-word{color:var(--lane-fg,var(--foreground));margin-top:6px;font-size:30px;font-weight:800;display:block}.listen-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:720px;display:grid}.listen-option{aspect-ratio:1;border:3px solid var(--border);background:var(--card);box-shadow:var(--shadow);transition:transform .18s var(--ease-spring,ease),border-color .18s,opacity .18s;border-radius:28px;place-items:center;display:grid}.listen-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 50%,var(--border));transform:translateY(-3px)scale(1.02)}.listen-option.correct{border-color:var(--yue);box-shadow:0 0 0 6px color-mix(in srgb,var(--yue) 25%,transparent);animation:trio-pop .5s var(--ease-spring,ease)}.listen-option.wrong{opacity:.35;animation:.4s ease-in-out trio-nudge}.listen-option:disabled{opacity:.25;cursor:default}.listen-status{text-align:center;min-height:1.6em;font-size:16px;font-weight:800}.listen-reveal{justify-items:center;gap:12px;width:100%;max-width:560px;display:grid}.listen-reveal .word-lanes{width:100%}.listen-done{text-align:center;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;justify-items:center;gap:14px;padding:40px 20px;display:grid}.listen-done h1{font-size:34px;font-weight:900}.listen-stars{gap:8px;display:flex}.listen-stars svg{color:var(--border);fill:var(--muted)}.listen-stars svg.lit{color:#f59f00;fill:#fcc419;animation:trio-pop .6s var(--ease-spring,ease) both}.listen-stars svg.lit:nth-child(2){animation-delay:.1s}.listen-stars svg.lit:nth-child(3){animation-delay:.2s}.listen-stars svg.lit:nth-child(4){animation-delay:.3s}.listen-stars svg.lit:nth-child(5){animation-delay:.4s}@keyframes trio-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@media (width<=700px){.listen-options{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-prompt{text-align:center;flex-direction:column}.listen-play{width:84px;height:84px}}.sticker-summary{background:linear-gradient(135deg,color-mix(in srgb,#fcc419 22%,var(--card)),var(--card));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:26px;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;padding:20px 22px;display:grid}.sticker-summary strong{font-size:44px;font-weight:900;line-height:1}.sticker-summary>span{color:var(--muted-foreground);font-size:15px;font-weight:800}.sticker-meter{background:var(--muted);border-radius:999px;grid-column:1/-1;height:12px;overflow:hidden}.sticker-meter i{border-radius:inherit;background:linear-gradient(90deg,#ff6b6b,#fcc419,#51cf66,#339af0);height:100%;display:block}.sticker-summary .button-row{grid-column:1/-1}.sticker-page h2{align-items:center;gap:10px;margin-bottom:10px;font-size:19px;font-weight:900;display:flex}.sticker-page h2 small{color:var(--muted-foreground);margin-left:auto;font-size:13px;font-weight:800}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,110px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.sticker{text-align:center;border-radius:22px;justify-items:center;gap:6px;width:100%;height:100%;padding:12px 6px;display:grid}.sticker.earned{background:var(--card);box-shadow:0 6px 14px -6px #0004,0 0 0 1px var(--border);transition:transform .18s var(--ease-spring,ease);border:3px solid #fff;transform:rotate(-2deg)}.sticker.earned:nth-child(odd),li:nth-child(odd)>.sticker.earned{transform:rotate(2deg)}.sticker.earned:hover{transform:rotate(0)scale(1.05)}.sticker-words{gap:0;display:grid}.sticker-words b{font-size:12px;font-weight:800;line-height:1.35}.sticker-words b[lang=hi]{color:var(--hi-fg)}.sticker-words b[lang=en]{color:var(--en-fg)}.sticker-words b[lang=yue]{color:var(--yue-fg)}.sticker.waiting{border:2px dashed var(--border);background:var(--muted);color:var(--muted-foreground);font-size:22px;font-weight:900}.sticker.waiting .word-picture{filter:grayscale()brightness(1.6);opacity:.28}.dark .sticker.earned{border-color:#2c2950}.trick-section h2{flex-wrap:wrap;align-items:baseline;gap:10px;margin:6px 0 14px;font-size:24px;font-weight:900;display:flex}.trick-section h2 small{color:var(--muted-foreground);font-size:14px;font-weight:700}.trick-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:16px;display:grid}.trick-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:26px;grid-template-rows:auto 1fr;gap:16px;padding:16px;display:grid}.trick-visual{background:linear-gradient(135deg,color-mix(in srgb,var(--world,var(--primary)) 9%,var(--card)),color-mix(in srgb,var(--world-2,var(--primary)) 7%,var(--card)));border-radius:20px;place-items:center;min-width:0;min-height:150px;padding:16px;display:grid;overflow-x:auto}.trick-copy{align-content:start;gap:10px;min-width:0;display:grid}.trick-copy h3{font-size:19px;font-weight:900;line-height:1.3}.trick-lead{font-size:15px;line-height:1.7}.trick-steps{margin:0;padding-left:22px;font-size:14px;font-weight:700;line-height:1.7}.trick-examples{gap:6px;margin:0;padding:0;list-style:none;display:grid}.trick-example{background:var(--lane-bg);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:grid}.trick-example-copy{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.trick-example-copy b{color:var(--lane-fg);font-size:19px;font-weight:800}.trick-example-copy small{color:var(--foreground);font-size:13px;font-weight:800}.trick-example-copy em{color:var(--muted-foreground);font-size:13px;font-style:normal;font-weight:600}.trick-example .icon-button{background:var(--card);width:40px;height:40px;color:var(--lane-fg);border-color:#0000}.trick-link{justify-self:start;font-size:13.5px}@media (width<=700px){.trick-card,.trick-visual{padding:12px}}.play-home{gap:18px;margin-bottom:28px;display:grid}.play-home-hero{color:#2b2140;background:linear-gradient(120deg,#fff3bf,#ffdeeb 45%,#d0ebff);border-radius:32px;align-items:center;gap:18px;padding:22px 24px;display:flex}.dark .play-home-hero{color:var(--foreground);background:linear-gradient(120deg,#3b3210,#3d1a2c 45%,#14304a)}.play-home-buddy{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:96px;height:96px;font-size:60px;display:grid;box-shadow:0 12px 24px -14px #0006}.dark .play-home-buddy{background:var(--card)}.play-home-hero h1{font-size:34px;font-weight:900;line-height:1.15}.play-home-hello{flex-wrap:wrap;gap:12px;margin-top:8px;font-size:22px;font-weight:800;display:flex}.play-home-hello [lang=hi]{color:var(--hi-fg)}.play-home-hello [lang=en]{color:var(--en-fg)}.play-home-hello [lang=yue]{color:var(--yue-fg)}.play-say{flex-shrink:0;margin-left:auto;width:52px!important;height:52px!important}.play-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.play-tile-wrap{position:relative}.play-tile{color:#2b2140;text-align:center;width:100%;min-height:190px;transition:transform .2s var(--ease-spring,ease);border:0;border-radius:30px;justify-items:center;gap:6px;padding:22px 14px;display:grid;box-shadow:0 16px 30px -20px #0008}.play-tile:hover{transform:translateY(-4px)rotate(-1deg)}.play-tile:active{transform:scale(.97)}.play-tile-picture{font-size:70px;line-height:1}.play-tile strong{font-size:22px;font-weight:900}.play-tile small{opacity:.85;font-size:14px;font-weight:700}.tile-pictures .play-tile{background:#ffe3e3}.tile-listen-find .play-tile{background:#d3f9d8}.tile-stickers .play-tile{background:#fff3bf}.tile-sound .play-tile{background:#e5dbff}.tile-draw .play-tile{background:#d0ebff}.tile-stories .play-tile{background:#ffe8cc}.dark .play-tile{color:#fff}.dark .tile-pictures .play-tile{background:#4a2227}.dark .tile-listen-find .play-tile{background:#1f3d27}.dark .tile-stickers .play-tile{background:#3f3510}.dark .tile-sound .play-tile{background:#2e2552}.dark .tile-draw .play-tile{background:#16324a}.dark .tile-stories .play-tile{background:#43301a}.play-tile-wrap .play-say{position:absolute;top:10px;right:10px;width:44px!important;height:44px!important}.grownup-heading{color:var(--muted-foreground);margin:8px 0 14px;font-size:18px;font-weight:900}@media (width<=600px){.play-home-hero{flex-wrap:wrap;padding:18px}.play-home-hero h1{font-size:26px}.play-home-buddy{width:72px;height:72px;font-size:44px}.play-tile{min-height:160px}}@media (width<=767px){.picture-topics{scroll-snap-type:x proximity;scrollbar-width:thin;flex-wrap:nowrap;margin:0 -2px;padding:2px 2px 8px;overflow-x:auto}.picture-topics button{scroll-snap-align:start;flex:none}.play-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-tile{border-radius:24px;min-height:150px;padding:16px 8px}.play-tile-picture{font-size:52px}.play-tile strong{font-size:18px}.play-tile small{font-size:12.5px}.play-tile-wrap .play-say{top:6px;right:6px;width:40px!important;height:40px!important}}.celebration-layer{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-burst{position:absolute;top:38%;left:50%}.confetti-burst i{opacity:0;border-radius:3px;width:10px;height:14px;animation:1.3s cubic-bezier(.2,.8,.3,1) forwards trio-confetti;position:absolute}.confetti-burst.big i{width:12px;height:16px;animation-duration:2.2s}@keyframes trio-confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 160px)) rotate(var(--r)) scale(1)}}.celebration-message{z-index:81;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(135deg,#5b4cff,#a93cff);border-radius:999px;max-width:min(560px,100vw - 32px);padding:14px 22px;font-size:16px;font-weight:900;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,140%);box-shadow:0 20px 40px -18px #3b2fd0}.celebration-message.visible{opacity:1;transform:translate(-50%)}@media (width<=767px){.celebration-message{bottom:96px}}:root[data-motion=reduce] .celebration-message{transition:none}@media (prefers-reduced-motion:reduce){.celebration-message{transition:none}.confetti-burst{display:none}}.trick-speak{border:1.5px solid var(--border);background:var(--card);min-width:56px;min-height:56px;color:var(--foreground);transition:transform .16s var(--ease-spring,ease),border-color .16s,box-shadow .16s;border-radius:16px;justify-items:center;gap:2px;padding:8px 10px;display:inline-grid}.trick-speak:hover{border-color:color-mix(in srgb,var(--world,var(--primary)) 50%,var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.trick-speak b{font-size:26px;font-weight:700;line-height:1.2}.trick-speak small{color:var(--muted-foreground);font-size:12px;font-weight:800}.tone-ladder svg{width:100%;max-width:420px;height:auto}.tone-ladder .ladder-step{stroke:var(--border);stroke-width:1.5px;stroke-dasharray:4 4}.tone-ladder .ladder-label{font:800 10px var(--font-ui,sans-serif);fill:var(--muted-foreground)}.tone-ladder .ladder-line{fill:none;stroke-width:6px;stroke-linecap:round}.tone-ladder .ladder-dot{stroke:var(--card);stroke-width:2px}.tone-ladder .tone-1 .ladder-line,.tone-ladder .tone-1.ladder-dot{stroke:#d9480f}.tone-ladder .tone-1 .ladder-dot{fill:#d9480f}.tone-ladder .tone-2 .ladder-line{stroke:#e8590c}.tone-ladder .tone-2 .ladder-dot{fill:#e8590c}.tone-ladder .tone-3 .ladder-line{stroke:#2b8a3e}.tone-ladder .tone-3 .ladder-dot{fill:#2b8a3e}.tone-ladder .tone-4 .ladder-line{stroke:#1864ab}.tone-ladder .tone-4 .ladder-dot{fill:#1864ab}.tone-ladder .tone-5 .ladder-line{stroke:#6741d9}.tone-ladder .tone-5 .ladder-dot{fill:#6741d9}.tone-ladder .tone-6 .ladder-line{stroke:#0b7285}.tone-ladder .tone-6 .ladder-dot{fill:#0b7285}.tone-ladder-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:420px;margin-top:8px;display:grid}.tone-ladder-keys .trick-speak{min-width:0;padding:6px 2px}.tone-ladder-keys .trick-speak span{color:var(--muted-foreground);text-align:center;font-size:10.5px;font-weight:800;line-height:1.2}@media (width<=520px){.tone-ladder-keys{grid-template-columns:repeat(3,minmax(0,1fr))}}.vowel-map{grid-template-columns:auto auto auto;grid-template-areas:".above.""before centre after"".below.";place-items:center;gap:8px;width:max-content;max-width:100%;display:grid}.vowel-map>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.vowel-map-above{grid-area:above}.vowel-map-before{grid-area:before}.vowel-map-after{flex-direction:column;grid-area:after}.vowel-map-below{grid-area:below}.vowel-map-centre{background:var(--hi-fg);width:84px;height:84px;color:var(--card);border-radius:24px;grid-area:centre;align-content:center;justify-items:center;display:grid!important}.vowel-map-centre b{font-size:44px;line-height:1}.vowel-map-centre small{font-weight:900}.vowel-map-tag{text-align:center;letter-spacing:.1em;text-transform:uppercase;width:100%;color:var(--hi-fg);font-size:10.5px;font-weight:900}.vowel-map .trick-speak b{color:var(--hi-fg)}@media (width<=520px){.vowel-map{grid-template-columns:1fr;grid-template-areas:"centre""before""after""above""below";width:100%}.vowel-map-after{flex-direction:row}}.character-blocks{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:10px;display:grid}.character-block{background:var(--yue-bg);border-radius:18px;gap:6px;padding:12px;display:grid}.character-sum{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.character-sum b{color:var(--yue-fg);font-size:30px;line-height:1.1}.character-sum i{color:var(--muted-foreground);font-style:normal;font-weight:900}.character-part{align-items:center;gap:6px;display:inline-flex}.character-whole{background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:2px 10px}.character-story{color:var(--foreground);font-size:13.5px;font-weight:700}.character-listen{min-height:40px;color:var(--yue-fg);grid-auto-flow:column;justify-content:start;align-items:center;gap:6px;font-size:12.5px;font-weight:800}.silent-e{gap:8px;margin:0;padding:0;list-style:none;display:grid}.silent-e li{background:var(--en-bg);border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.silent-e-word{color:var(--en-fg);letter-spacing:.02em;font-size:24px;font-weight:900}.silent-e mark{color:#e8590c;text-underline-offset:4px;background:0 0;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.silent-e-arrow{color:var(--muted-foreground);font-weight:900}.silent-e small{color:var(--muted-foreground);font-weight:800}.tissue-test{width:100%;max-width:300px;height:auto}.tissue-test .tt-face{fill:#ffdcc4;stroke:#e9b597;stroke-width:1.5px}.dark .tissue-test .tt-face{fill:#7a5c4b;stroke:#9b7863}.tissue-test .tt-eye{fill:#3b2a24}.tissue-test .tt-puff path{fill:none;stroke:var(--en);stroke-width:2.4px;stroke-linecap:round}.tissue-test .tt-hand{fill:var(--muted-foreground)}.tissue-test .tt-sheet{fill:var(--card);stroke:var(--border);stroke-width:2px;transform-origin:133px 26px}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .tissue-test .tt-sheet{animation:1.6s ease-in-out infinite tt-flutter}:root:not([data-motion=reduce]) .tissue-test .tt-puff{animation:1.6s ease-in-out infinite tt-puff}}@keyframes tt-flutter{0%,55%,to{transform:rotate(0)}65%{transform:rotate(-14deg)}75%{transform:rotate(-6deg)}85%{transform:rotate(-12deg)}}@keyframes tt-puff{0%,50%,to{opacity:.15}62%,80%{opacity:1}}.tongue-spots{flex-wrap:wrap;gap:10px;display:flex}.tongue-spots>div{background:var(--muted);border-radius:16px;justify-items:center;gap:4px;padding:8px;display:grid}.tongue-spots strong{font-size:12.5px;font-weight:900}.trick-mouths{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trick-then{color:var(--muted-foreground);font-size:24px;font-weight:900}.spacing-line{width:100%;max-width:340px;height:auto}.spacing-track{stroke:var(--border);stroke-width:4px;stroke-linecap:round}.spacing-stop{fill:color-mix(in srgb,var(--world,var(--primary)) 80%,#fff);stroke:var(--world-ink,var(--primary));stroke-width:2px}.spacing-label{font:800 11px var(--font-ui,sans-serif);fill:var(--muted-foreground)}.trick-emoji{align-items:center;gap:10px;font-size:58px;line-height:1;display:flex}.trick-bubble{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);border-radius:50% 50% 50% 8px;place-items:center;font-size:26px;font-weight:900;display:grid}.sticky-notes{flex-wrap:wrap;gap:10px;display:flex}.sticky-notes span{text-align:center;color:#3d2c00;background:#ffe066;min-width:76px;padding:14px 16px;font-size:20px;font-weight:800;transform:rotate(-3deg);box-shadow:0 8px 14px -10px #0007}.sticky-notes span:nth-child(2){background:#a5d8ff;transform:rotate(2deg)}.sticky-notes span:nth-child(3){background:#b2f2bb;transform:rotate(-1deg)}.three-ways{flex-wrap:wrap;gap:8px;display:flex}.three-ways span{border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:22px;font-weight:800}.three-ways span:first-child{background:var(--hi-bg);color:var(--hi-fg)}.three-ways span:nth-child(2){background:var(--en-bg);color:var(--en-fg)}.three-ways span:nth-child(3){background:var(--yue-bg);color:var(--yue-fg)}@media (forced-colors:active){.sticky-notes span,.three-ways span,.character-block,.silent-e li{border:1px solid canvastext}}.stress-length{gap:8px;width:100%;max-width:360px;display:grid}.stress-row,.length-row{border-radius:14px;align-items:center;gap:8px;padding:8px 12px;display:flex}.stress-row{background:var(--en-bg)}.length-row{background:var(--hi-bg)}.beat{background:var(--card);min-width:44px;height:34px;color:var(--en-fg);border-radius:999px;place-items:center;padding:0 10px;font-size:14px;font-weight:700;display:grid}.beat.strong{background:var(--en-fg);min-width:64px;height:44px;color:var(--card);font-size:18px;font-weight:900}.length-row b{color:var(--hi-fg);min-width:56px;font-size:22px}.length-bar{background:var(--hi-fg);border-radius:999px;height:12px}.length-bar.short{width:34px}.length-bar.long{width:96px}.stress-row small,.length-row small{color:var(--muted-foreground);margin-left:auto;font-size:12px;font-weight:800}.who-is-learning{background:linear-gradient(135deg,color-mix(in srgb,#fcc419 16%,var(--card)),var(--card) 55%,color-mix(in srgb,var(--en) 10%,var(--card)));border:1.5px solid color-mix(in srgb,#f59f00 35%,var(--border));box-shadow:var(--shadow);border-radius:28px;gap:16px;margin-bottom:24px;padding:22px 24px;display:grid}.who-is-learning-head{align-items:center;gap:14px;display:flex}.who-is-learning-head>span{font-size:40px;line-height:1}.who-is-learning h2{font-size:24px;font-weight:900}.who-is-learning p{color:var(--muted-foreground);font-size:14.5px;font-weight:600}.audience-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.audience-option{border:2px solid var(--border);background:var(--card);min-height:96px;color:var(--foreground);text-align:left;transition:transform .18s var(--ease-spring,ease),border-color .18s,box-shadow .18s;border-radius:22px;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative}.audience-option:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));transform:translateY(-2px)}.audience-option.selected{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.audience-picture{border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:34px;line-height:1;display:grid}.audience-little .audience-picture{background:#ffe3e3}.audience-young .audience-picture{background:#d0ebff}.audience-teen .audience-picture{background:#e5dbff}.dark .audience-little .audience-picture{background:#4a2227}.dark .audience-young .audience-picture{background:#16324a}.dark .audience-teen .audience-picture{background:#2e2552}.audience-copy{gap:2px;min-width:0;display:grid}.audience-copy strong{font-size:16.5px;font-weight:900}.audience-copy small{color:var(--primary);font-size:12.5px;font-weight:900}.audience-copy>span{color:var(--muted-foreground);font-size:13px;font-weight:600;line-height:1.45}.audience-check{color:var(--primary);position:absolute;top:10px;right:10px}.avatar-name{grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:end;gap:16px;display:grid}.setting-label{align-items:center;gap:8px;margin-bottom:8px;font-size:13.5px;font-weight:900;display:flex}.setting-label small{color:var(--muted-foreground);font-weight:600}.avatar-options{flex-wrap:wrap;gap:6px;display:flex}.avatar-options button{border:2px solid var(--border);background:var(--card);width:48px;height:48px;transition:transform .16s var(--ease-spring,ease),border-color .16s;border-radius:16px;place-items:center;font-size:26px;line-height:1;display:grid}.avatar-options button:hover{transform:translateY(-2px)}.avatar-options button.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.name-field{display:grid}.name-field input{border:2px solid var(--input);background:var(--card);min-height:48px;color:var(--foreground);border-radius:14px;padding:0 14px;font-size:16px;font-weight:700}.name-field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent);outline:none}.learner-panel .audience-options{grid-template-columns:1fr}.learner-panel .audience-option{min-height:72px}.learner-panel .avatar-name{grid-template-columns:1fr;margin-top:14px}.comfort-settings{gap:18px;display:grid}.comfort-row{gap:4px;display:grid}.comfort-row .setting-label{margin-bottom:6px}.comfort-switch{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.comfort-switch .setting-label{flex-wrap:wrap;margin:0}.comfort-switch .setting-label small{width:100%;font-size:12.5px;line-height:1.5;display:block}.segmented{background:var(--muted);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented button{min-height:42px;color:var(--muted-foreground);background:0 0;border:0;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;font-weight:800;display:inline-flex}.segmented button.selected{background:var(--card);color:var(--primary);box-shadow:0 4px 12px -6px #3b2fd04d}.segmented .size-standard span{font-size:14px}.segmented .size-large span{font-size:17px}.segmented .size-larger span{font-size:20px}@media (width<=900px){.audience-options,.avatar-name{grid-template-columns:1fr}}.starter-lesson-check{min-width:0}.starter-lesson-check h2{margin:23px 0 9px;font-size:23px;line-height:1.45}.starter-lesson-check h2:focus,.starter-check-feedback:focus{outline:2px solid var(--ring);outline-offset:4px}.starter-check-intro,.starter-check-local-note{color:var(--muted-foreground);font-size:13px;line-height:1.8}.starter-check-local-note{background:var(--muted);border-radius:9px;margin:15px 0 23px;padding:13px 16px;font-size:12px}.starter-check-prompt{background:var(--accent);border-radius:11px;margin:20px 0;padding:18px}.starter-check-options{gap:13px;display:grid}.starter-check-option{text-align:left;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:12px;align-items:flex-start;gap:13px;width:100%;padding:17px;display:flex}.starter-check-option:hover{border-color:var(--primary)}.starter-check-option.correct{border-color:var(--yue-fg);background:var(--yue-bg)}.starter-check-option.retry{border-color:var(--hi-fg);background:var(--hi-bg)}.starter-check-option[aria-disabled=true]{cursor:default}.starter-check-option-marker{border:1px solid var(--border);width:28px;height:28px;color:var(--primary);background:var(--card);border-radius:7px;flex-shrink:0;place-items:center;font-size:12px;font-weight:650;display:grid}.starter-check-expression{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-width:0;display:grid}.starter-check-language{overflow-wrap:anywhere;flex-direction:column;gap:6px;min-width:0;display:flex}.starter-check-language-name{color:var(--muted-foreground);flex-wrap:wrap;gap:4px 8px;font-size:11px;line-height:1.5;display:flex}.starter-check-language>strong{font-size:22px;font-weight:550;line-height:1.6}.starter-check-context{border-left:2px solid var(--border);color:var(--muted-foreground);padding-left:8px;font-size:12px;line-height:1.7}.starter-check-easy{font-size:13px;line-height:1.7}.starter-check-roman{color:var(--muted-foreground);font-size:12px;line-height:1.7}.starter-check-feedback{border:1px solid var(--border);background:var(--muted);border-radius:11px;margin-top:20px;padding:18px;line-height:1.8}.starter-check-feedback.correct{background:var(--yue-bg)}.starter-check-feedback.retry{background:var(--hi-bg)}.starter-check-feedback>.connected-parallel{margin-top:10px}.starter-check-feedback>p{color:var(--muted-foreground);margin-top:12px;font-size:12px}.starter-check-summary{background:var(--yue-bg);border-radius:11px;align-items:flex-start;gap:12px;margin:22px 0;padding:18px;font-size:13px;line-height:1.8;display:flex}.starter-check-summary svg{color:var(--yue-fg);margin-top:3px}.starter-check-summary strong{display:block}.starter-check-corrections h3{margin:24px 0 15px;font-size:17px}.starter-check-corrections>section{border-top:1px solid var(--border);padding:22px 0}.starter-check-corrections h4{margin:20px 0 10px;font-size:12px;font-weight:650;line-height:1.8}.starter-check-corrections .starter-check-expression{background:var(--muted);border-radius:9px;padding:14px}.starter-check-corrections .connected-parallel:last-child{margin-top:18px}.starter-check-save-error,.lesson-save-error{border:1px solid var(--hi-fg);background:var(--hi-bg);border-radius:9px;margin-top:20px;padding:16px;font-size:13px;line-height:1.8}@media (width<=600px){.starter-check-expression{grid-template-columns:1fr;gap:14px}.starter-check-language:not(:last-child){border-bottom:1px solid var(--border);padding-bottom:12px}.starter-check-option{gap:10px;padding:14px 11px}.starter-check-language>strong{font-size:23px}.starter-check-prompt{padding:14px}.starter-lesson-check .session-footer{flex-direction:column;align-items:stretch;gap:14px}.starter-lesson-check .session-footer button{justify-content:center;width:100%}}.library-topic-browser{border:1px solid var(--border);background:var(--card);border-radius:15px;margin:24px 0;padding:22px}.topic-browser-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:19px;display:flex}.topic-browser-heading h2{font-size:21px;font-weight:600;line-height:1.4}.topic-browser-heading p,.topic-browser-tools>p{color:var(--muted-foreground);margin-top:7px;font-size:12px;line-height:1.8}.topic-browser-heading>span{color:var(--muted-foreground);white-space:nowrap;padding-top:7px;font-size:11px}.topic-browser-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.topic-browser-stages>button{text-align:left;border:1px solid var(--border);background:var(--background);min-width:0;min-height:66px;color:var(--foreground);border-radius:10px;align-items:center;gap:11px;padding:13px 15px;display:flex}.topic-browser-stages>button.selected{background:var(--accent);border-color:var(--primary)}.topic-stage-number{color:var(--primary);flex-shrink:0;font-size:11px}.topic-browser-stages strong{font-size:13px;font-weight:600;line-height:1.5;display:block}.topic-browser-stages small{color:var(--muted-foreground);margin-top:3px;font-size:10px;display:block}.topic-browser-tools{justify-content:space-between;align-items:center;gap:18px;margin:17px 0;display:flex}.topic-browser-tools>p{flex:1;margin:0}.topic-browser-search{border:1px solid var(--border);min-width:0;min-height:44px;color:var(--muted-foreground);background:var(--background);border-radius:8px;flex:0 300px;align-items:center;gap:9px;padding:0 11px;display:flex}.topic-browser-search>svg{flex-shrink:0}.topic-browser-search input{width:100%;min-width:0;color:var(--foreground);font:inherit;background:0 0;border:0;outline:none;padding:12px 0;font-size:12px}.topic-browser-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.topic-browser-search button{min-width:30px;min-height:36px;color:var(--muted-foreground);place-items:center;display:grid}.topic-browser-selection{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:12px;line-height:1.7;display:flex}.topic-browser-selection>span{align-items:center;gap:9px;min-width:0;display:flex}.topic-browser-selection>span>svg{color:var(--primary);flex-shrink:0}.topic-browser-selection strong{color:var(--foreground);font-size:12px}.topic-browser-selection small{flex-wrap:wrap;gap:3px 13px;font-size:11px;display:flex}.topic-browser-selection .text-button{flex-shrink:0;min-height:44px;font-size:11px}.topic-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.topic-browser-grid>button{text-align:left;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:10px;align-items:flex-start;gap:11px;min-width:0;padding:14px 12px;display:flex}.topic-browser-grid>button:hover,.topic-browser-stages>button:hover{border-color:var(--primary)}.topic-browser-grid>button.selected{background:var(--accent);border-color:var(--primary)}.topic-card-symbol{flex-shrink:0;font-size:21px;line-height:1.5}.topic-card-copy{overflow-wrap:anywhere;flex:1;min-width:0;display:block}.topic-card-copy strong{font-size:13px;font-weight:600;line-height:1.5;display:block}.topic-card-copy small{color:var(--muted-foreground);margin-top:3px;font-size:11px;line-height:1.7;display:block}.topic-card-copy em{color:var(--primary);margin-top:7px;font-size:10px;font-style:normal;line-height:1.5;display:block}.topic-browser-grid>button>svg{color:var(--primary);flex-shrink:0;margin-top:2px}.topic-browser-footer{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:11px;display:flex}.topic-browser-footer>span{margin-right:auto}.topic-browser-footer button{min-height:44px;font-size:11px}.topic-browser-empty{border:1px dashed var(--border);text-align:center;color:var(--muted-foreground);border-radius:9px;padding:22px;font-size:12px;line-height:1.8}.topic-browser-empty button{min-height:44px;margin:12px auto 0}.library-topic-browser button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.topic-browser-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.library-pagination-range{text-align:center;color:var(--muted-foreground);font-size:12px;line-height:1.7}.library-pagination-hint{text-align:center;color:var(--muted-foreground);margin:-14px 0 28px;font-size:12px;line-height:1.8}.library-pagination{flex-wrap:wrap}@media (width<=800px){.topic-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-browser-stages>button{gap:8px;padding:11px 10px}.topic-stage-number{display:none}}@media (width<=600px){.library-topic-browser{padding:17px}.topic-browser-heading{flex-direction:column;gap:7px}.topic-browser-heading>span{padding:0}.topic-browser-stages{grid-template-columns:1fr;gap:7px}.topic-browser-stages>button{min-height:48px;padding:10px 12px}.topic-stage-number{display:block}.topic-browser-stages>button>span:last-child{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.topic-browser-stages small{white-space:nowrap;margin:0}.topic-browser-tools{flex-direction:column;align-items:stretch;gap:12px}.topic-browser-search{flex-basis:auto}.topic-browser-grid{grid-template-columns:1fr}.topic-browser-selection{flex-wrap:wrap;align-items:flex-start}.topic-browser-selection .text-button{min-height:34px}.topic-browser-heading h2{font-size:20px}.library-pagination{gap:12px}.library-pagination-range{font-size:11px}.library-pagination-hint{margin-top:-8px}}.topic-browser-toggle{border-top:1px solid var(--border);justify-content:space-between;width:100%;min-height:44px;padding:10px 0 0;font-size:12px}.topic-browser-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.topic-browser-panel[hidden]{display:none}.library-topic-browser .text-button,.library-topic-browser .topic-browser-search button{min-height:44px}.library-topic-browser .topic-browser-search button{min-width:44px}.studio-explorer{max-width:1220px;margin-inline:auto}.explorer-overview{border:1px solid var(--border);background:var(--card);border-radius:16px;align-items:center;gap:18px;margin-bottom:24px;padding:22px;display:flex}.explorer-overview-symbol{background:var(--accent);width:55px;height:55px;color:var(--primary);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.explorer-overview>div:nth-child(2){flex:1}.explorer-overview strong{font-size:15px}.explorer-overview p{color:var(--muted-foreground);margin-top:5px;font-size:13px;line-height:1.6}.explorer-overview .primary-button{white-space:nowrap}.explorer-modes{background:var(--muted);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:32px;padding:6px;display:grid}.explorer-modes>button{text-align:left;color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.explorer-modes>button[aria-pressed=true]{background:var(--card);border-color:var(--border);color:var(--foreground);box-shadow:var(--shadow)}.explorer-modes strong,.explorer-modes small{display:block}.explorer-modes strong{font-size:14px}.explorer-modes small{color:var(--muted-foreground);margin-top:4px;font-size:11px;line-height:1.5}.explorer-modes svg{color:var(--primary)}.explorer-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.explorer-section-heading h2{font-size:21px;line-height:1.4}.explorer-section-heading p{color:var(--muted-foreground);margin-top:6px;font-size:13px;line-height:1.7}.explorer-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px;display:grid}.explorer-skills>button{text-align:left;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:13px;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;padding:16px;display:grid}.explorer-skills>button:hover{border-color:var(--ring)}.explorer-skills>button[aria-pressed=true]{border-color:var(--primary);background:var(--accent);box-shadow:inset 0 0 0 1px var(--primary)}.explorer-skill-icon{background:var(--muted);width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.explorer-skills strong{font-size:14px}.explorer-skills p{color:var(--muted-foreground);grid-column:1/-1;margin:10px 0;font-size:12px;line-height:1.65}.explorer-skills small{color:var(--primary);grid-column:1/-1;font-size:11px;font-weight:650}.explorer-filters{border:1px solid var(--border);background:var(--card);border-radius:14px;margin:20px 0;padding:18px}.explorer-search{border:1px solid var(--input);color:var(--muted-foreground);border-radius:10px;align-items:center;gap:11px;padding:12px 14px;display:flex}.explorer-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.explorer-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:14px}.explorer-search>button{color:var(--muted-foreground);background:0 0;border:0;place-items:center;padding:3px;display:grid}.explorer-filter-row{align-items:end;gap:16px;margin-top:16px;display:flex}.explorer-filter-row label{min-width:0;color:var(--muted-foreground);flex-direction:column;flex:1;gap:7px;font-size:12px;font-weight:600;display:flex}.explorer-filter-row select{border:1px solid var(--input);background:var(--card);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:8px;padding:11px}.explorer-filter-row>.text-button{min-height:42px}.explorer-results-heading{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 14px;display:flex}.explorer-result-count{color:var(--muted-foreground);margin:16px 0;font-size:13px}.explorer-result-count strong{color:var(--foreground)}.explorer-results-heading>span{color:var(--muted-foreground);font-size:11px}.explorer-activity-grid,.explorer-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.explorer-activity-card{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;padding:22px;display:flex}.explorer-card-meta{width:100%;color:var(--muted-foreground);justify-content:space-between;gap:12px;font-size:11px;display:flex}.explorer-card-meta>span:first-child{color:var(--primary);font-weight:650}.explorer-activity-card h3{width:100%;font-size:16px}.explorer-title-trio{overflow-wrap:anywhere;flex-direction:column;gap:6px;display:flex}.explorer-title-trio>strong{font-size:inherit;font-weight:650}.explorer-title-trio>span{color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:1.7}.explorer-activity-card>p{color:var(--muted-foreground);font-size:13px;line-height:1.7}.explorer-chapter-label{color:var(--muted-foreground);font-size:11px}.explorer-practised{color:var(--yue-fg);align-items:center;gap:5px;font-size:11px;display:flex}.explorer-preparation{background:var(--muted);border-radius:9px;width:100%;padding:12px;font-size:12px}.explorer-preparation>small{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px;font-size:10px;display:block}.explorer-preparation .explorer-title-trio{gap:3px}.explorer-preparation .explorer-title-trio>span{font-size:12px}.explorer-activity-card>.text-button{margin-top:auto;padding-top:7px}.explorer-more{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:25px 0;display:flex}.explorer-more>p{color:var(--muted-foreground);font-size:13px}.explorer-empty{text-align:center;border:1px dashed var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:13px;margin:20px 0;padding:38px 22px;display:flex}.explorer-empty>svg{color:var(--primary)}.explorer-empty h3{font-size:18px}.explorer-empty p{max-width:530px;color:var(--muted-foreground);font-size:13px;line-height:1.7}.explorer-word-list{gap:22px;display:grid}.explorer-word-list>article{background:var(--card);border:1px solid var(--border);border-radius:16px;min-width:0;padding:22px}.explorer-word-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.explorer-word-heading h3{align-items:center;gap:10px;font-size:16px;display:flex}.explorer-word-heading>span{color:var(--muted-foreground);font-size:11px}.explorer-word-notes{margin:16px 0}.explorer-word-notes summary{color:var(--primary);cursor:pointer;font-size:13px}.explorer-word-notes .memory-note{margin-top:15px}.explorer-word-list .button-row{flex-wrap:wrap;margin-top:16px}.explorer-room-group{margin:28px 0}.explorer-room-group>h2{color:var(--primary);margin-bottom:13px;font-size:15px}.explorer-room-card{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;display:flex}.explorer-room-card h3{font-size:18px}.explorer-room-card>strong{font-size:13px;font-weight:600}.explorer-room-card p{color:var(--muted-foreground);font-size:13px;line-height:1.75}.explorer-room-card .explorer-room-when{border-top:1px solid var(--border);color:var(--foreground);padding-top:12px}.explorer-room-card>.text-button{margin-top:auto}.room-orientation{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin:12px 0 25px;padding:14px 0;display:flex}.room-orientation>.text-button{white-space:nowrap;font-size:12px}.room-orientation>span{color:var(--muted-foreground)}.room-orientation p{flex-wrap:wrap;align-items:center;gap:5px 12px;font-size:12px;display:flex}.room-orientation p>strong{font-size:12px;font-weight:650}.room-orientation p>span{color:var(--muted-foreground)}.topbar-search{color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.topbar-search:hover{border-color:var(--ring);color:var(--foreground)}.dashboard-explore{border:1px solid var(--border);background:var(--card);border-radius:13px;align-items:center;gap:15px;margin-bottom:24px;padding:18px 22px;display:flex}.dashboard-explore>svg{color:var(--primary)}.dashboard-explore>div{flex:1}.dashboard-explore h2{font-size:15px}.dashboard-explore p{color:var(--muted-foreground);margin-top:4px;font-size:12px;line-height:1.6}@media (width<=1150px){.explorer-overview{flex-wrap:wrap}.explorer-overview>.primary-button{margin-left:73px}.explorer-modes small{display:none}.explorer-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-search>span{display:none}.topbar-search{padding:9px}}@media (width<=650px){.explorer-overview{gap:13px;padding:17px}.explorer-overview-symbol{width:40px;height:40px}.explorer-overview>div:nth-child(2){min-width:180px}.explorer-overview>.primary-button{justify-content:center;width:100%;margin-left:0}.explorer-overview strong{font-size:13px}.explorer-modes{gap:4px;margin-bottom:24px;padding:4px}.explorer-modes>button{text-align:center;flex-direction:column;gap:7px;padding:12px 4px}.explorer-modes strong{font-size:11px}.explorer-section-heading{align-items:flex-start}.explorer-section-heading h2{font-size:18px}.explorer-section-heading>.text-button{white-space:nowrap;font-size:12px}.explorer-skills{gap:9px}.explorer-skills>button{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex}.explorer-skills strong{font-size:12px}.explorer-skills p{display:none}.explorer-skills small{font-size:10px}.explorer-filter-row{flex-direction:column;align-items:stretch;gap:13px}.explorer-filters{padding:14px}.explorer-search{padding:11px 10px}.explorer-search input{font-size:13px}.explorer-results-heading{flex-direction:column;align-items:flex-start;gap:5px}.explorer-results-heading .explorer-result-count{margin:0}.explorer-activity-grid,.explorer-room-grid{grid-template-columns:1fr}.explorer-activity-card,.explorer-room-card{padding:18px}.explorer-word-list>article{padding:14px}.explorer-word-list .language-grid{grid-template-columns:1fr}.room-orientation{align-items:flex-start;gap:9px}.room-orientation p{display:block}.room-orientation p>span{margin-top:4px;line-height:1.6;display:block}.dashboard-explore{flex-wrap:wrap;padding:17px}.dashboard-explore>.text-button{margin-left:35px}.topbar-right{gap:10px!important}.topbar-search{padding:7px}.explorer-more{flex-direction:column;align-items:stretch}.explorer-more button{justify-content:center}}.explorer-activity-card>.text-button,.explorer-room-card>.text-button,.explorer-section-heading>.text-button,.room-orientation>.text-button,.explorer-word-notes summary{align-items:center;min-height:44px;display:flex}.explorer-word-notes summary{align-content:center;display:list-item}.lineup-panel{--true-hi:#ff7a1a;--true-hi-bg:#fff3e8;--true-hi-fg:#b04600;--true-en:#3f73ff;--true-en-bg:#ebf1ff;--true-en-fg:#2348c4;--true-yue:#12b886;--true-yue-bg:#e3f7ee;--true-yue-fg:#08744f;grid-column:1/-1}.dark .lineup-panel{--true-hi:#ff9a4d;--true-hi-bg:#3a2414;--true-hi-fg:#ffb27a;--true-en:#7c9dff;--true-en-bg:#16223f;--true-en-fg:#a3bdff;--true-yue:#3fd6a2;--true-yue-bg:#10302a;--true-yue-fg:#72e0b8}.pick-hi{--lane:var(--true-hi);--lane-bg:var(--true-hi-bg);--lane-fg:var(--true-hi-fg)}.pick-en{--lane:var(--true-en);--lane-bg:var(--true-en-bg);--lane-fg:var(--true-en-fg)}.pick-yue{--lane:var(--true-yue);--lane-bg:var(--true-yue-bg);--lane-fg:var(--true-yue-fg)}.pick-de{--lane:var(--de);--lane-bg:var(--de-bg);--lane-fg:var(--de-fg)}.pick-es{--lane:var(--es);--lane-bg:var(--es-bg);--lane-fg:var(--es-fg)}.pick-fr{--lane:var(--fr);--lane-bg:var(--fr-bg);--lane-fg:var(--fr-fg)}.lineup-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 28px;display:flex}.lineup-heading>div:first-child{flex:360px;min-width:0}.lineup-heading p{color:var(--muted-foreground);font-size:14px;line-height:1.8}.lineup-preview,.lineup-hero-lanes{flex-wrap:wrap;gap:8px;display:flex}.lineup-chip{background:var(--lane-bg);min-height:40px;color:var(--lane-fg);border:1.5px solid color-mix(in srgb,var(--lane) 40%,transparent);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:15px;font-weight:800;display:inline-flex}.lineup-glyph{background:var(--lane-fg,var(--primary));width:28px;height:28px;color:var(--card);border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;line-height:1;display:inline-grid}.lineup-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 10px;display:grid}.lineup-slot{border:1.5px solid color-mix(in srgb,var(--lane) 35%,var(--border));background:linear-gradient(180deg,var(--lane-bg),transparent 75%);border-radius:18px;min-width:0;margin:0;padding:10px 12px 12px}.lineup-slot legend{color:var(--foreground);padding:0 6px;font-size:14px;font-weight:900}.lineup-slot legend small{color:var(--muted-foreground);margin-left:8px;font-size:12px;font-weight:700}.lineup-option{cursor:pointer;border:1.5px solid #0000;border-radius:13px;align-items:center;gap:10px;min-height:48px;margin-top:6px;padding:7px 10px;transition:background .18s,border-color .18s;display:flex;position:relative}.lineup-option input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.lineup-option:hover{background:color-mix(in srgb,var(--card) 70%,transparent)}.lineup-option.selected{background:var(--card);border-color:var(--lane);box-shadow:var(--shadow)}.lineup-option:has(input:focus-visible){outline:3px solid var(--ring);outline-offset:2px}.lineup-option.unavailable{opacity:.45;cursor:not-allowed}.lineup-option .lineup-glyph{background:var(--lane-fg);color:var(--card)}.lineup-option strong{color:var(--foreground);font-size:14px;display:block}.lineup-option small{color:var(--muted-foreground);font-size:12px;display:block}.lineup-option em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);margin-left:auto;font-size:10px;font-style:normal;font-weight:900}.lineup-rules{color:var(--muted-foreground);font-size:13px}@media (width<=900px){.lineup-slots{grid-template-columns:minmax(0,1fr)}}.lineup-home{flex-direction:column;gap:22px;padding-bottom:40px;display:flex}.lineup-hero{border:1px solid var(--border);background:linear-gradient(120deg,color-mix(in srgb,var(--hi) 16%,var(--card)),color-mix(in srgb,var(--en) 16%,var(--card)) 50%,color-mix(in srgb,var(--yue) 16%,var(--card)));box-shadow:var(--shadow);border-radius:24px;padding:30px}.lineup-hero h1{letter-spacing:-.03em;margin:8px 0 10px;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.15}.lineup-hero>p{max-width:640px;color:var(--foreground);font-size:15px;line-height:1.75}.lineup-hero-lanes{margin:18px 0 4px}.lineup-next-titles{color:var(--muted-foreground);flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:13px;display:flex}.lineup-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lineup-stats>div{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:16px 18px}.lineup-stats strong{letter-spacing:-.02em;font-size:28px;font-weight:900;display:block}.lineup-stats span{color:var(--muted-foreground);font-size:13px}.lineup-rooms h2,.lineup-coming h2{margin-bottom:12px;font-size:18px;font-weight:800}.lineup-room-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;display:grid}.lineup-room{text-align:left;border:1px solid var(--border);background:var(--card);min-height:132px;color:var(--foreground);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;display:flex}.lineup-room:hover{border-color:var(--primary);transform:translateY(-2px)}.lineup-room-icon{background:var(--accent);width:42px;height:42px;color:var(--primary);border-radius:13px;place-items:center;margin-bottom:6px;display:grid}.lineup-room strong{font-size:15px}.lineup-room small{color:var(--muted-foreground);font-size:13px;line-height:1.6}.lineup-coming p{color:var(--muted-foreground);margin-bottom:10px;font-size:14px;line-height:1.8}@media (width<=640px){.lineup-hero{padding:22px}.lineup-stats{gap:8px}.lineup-stats>div{padding:12px}.lineup-stats strong{font-size:22px}.lineup-stats span{font-size:12px;line-height:1.4;display:block}.lineup-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lineup-room{min-height:0;padding:14px}.lineup-room small{display:none}}.lineup-course{padding-bottom:40px}.lineup-course-summary{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:14px;display:flex}.lineup-course-summary strong{color:var(--foreground);font-size:18px}.lineup-course-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.lineup-course-levels button{border:1.5px solid var(--border);background:var(--card);min-height:56px;color:var(--foreground);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.lineup-course-levels button.selected{border-color:var(--primary);background:var(--accent)}.lineup-course-levels small{color:var(--muted-foreground);font-size:12px}.lineup-topics{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lineup-topic{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;display:flex}.lineup-topic.finished{background:linear-gradient(90deg,color-mix(in srgb,var(--yue) 10%,var(--card)),var(--card))}.lineup-topic-symbol{font-size:26px}.lineup-topic-copy{flex:220px;min-width:0}.lineup-topic-copy strong{font-size:15px;display:block}.lineup-topic-copy small{color:var(--muted-foreground);flex-wrap:wrap;gap:2px 12px;margin-top:3px;font-size:13px;display:flex}.lineup-topic-lessons{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.lineup-lesson{border:1.5px solid var(--border);background:var(--background);min-height:40px;color:var(--foreground);border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.lineup-lesson small{color:var(--muted-foreground);font-size:11px;font-weight:600}.lineup-lesson.complete{border-color:color-mix(in srgb,var(--yue) 55%,var(--border))}.lineup-lesson.next{border-color:var(--primary);background:var(--accent)}.lineup-more{margin-top:14px}@media (width<=640px){.lineup-topic-lessons{justify-content:flex-start;margin-left:0}.lineup-course-levels{grid-template-columns:minmax(0,1fr)}}.lineup-soon{border:1px solid var(--border);background:var(--card);max-width:720px;box-shadow:var(--shadow);text-align:center;border-radius:24px;margin:24px auto 40px;padding:32px}.lineup-soon-lanes{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.lineup-soon-lanes .lineup-glyph{border-radius:14px;width:44px;height:44px;font-size:20px}.lineup-soon h1{letter-spacing:-.02em;margin:8px 0 12px;font-size:clamp(24px,3vw,32px);font-weight:900}.lineup-soon p{color:var(--muted-foreground);font-size:15px;line-height:1.8}.lineup-soon .button-row{justify-content:center}.nav-later{border:1px solid var(--border);letter-spacing:.04em;color:var(--muted-foreground);white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:800}:root[data-lane-hi] .brand-word>span,:root[data-lane-en] .brand-word>span,:root[data-lane-yue] .brand-word>span{flex-wrap:wrap;row-gap:1px}:root[data-lane-hi] .brand-word>span>span,:root[data-lane-en] .brand-word>span>span,:root[data-lane-yue] .brand-word>span>span{white-space:nowrap}.daily-plan{margin-bottom:30px}.daily-plan-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 20px;display:flex}.daily-plan-heading h2{letter-spacing:-.4px;margin:7px 0 9px;font-size:22px}.daily-plan-heading p{color:var(--muted-foreground);max-width:590px;font-size:13px;line-height:1.8}.daily-plan-count{border:1px solid var(--border);white-space:nowrap;color:var(--muted-foreground);background:var(--card);border-radius:20px;padding:6px 10px;font-size:11px}.daily-review-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:15px;margin-bottom:18px;display:grid}.daily-review-card{background:var(--card);border:1px solid var(--border);border-radius:15px;flex-direction:column;align-items:flex-start;padding:22px;display:flex}.daily-review-label{color:var(--primary);letter-spacing:1.1px;align-items:center;gap:10px;font-size:10px;font-weight:650;display:flex}.daily-review-card h3{margin:16px 0 10px;font-size:20px;line-height:1.4}.daily-review-card p{margin-bottom:12px;font-size:13px;line-height:1.8}.daily-review-card>small{color:var(--muted-foreground);margin-top:auto;font-size:11px;line-height:1.7}.daily-review-card button{max-width:100%;margin-top:18px}.daily-next-step:not(:has(.foundation-hero-sequence)) .hero-content{width:100%;max-width:610px}.daily-next-step:not(:has(.foundation-hero-sequence)) .hero-content p{max-width:540px}.daily-reference-links{margin-top:28px}.daily-reference-links h2{margin-bottom:15px;font-size:18px}.daily-reference-links>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.daily-reference-links button{text-align:left;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:18px;display:flex}.daily-reference-links button>svg:first-child{color:var(--primary)}.daily-reference-links button>span{flex:1;min-width:0}.daily-reference-links strong{font-size:13px;display:block}.daily-reference-links small{color:var(--muted-foreground);margin-top:5px;font-size:11px;line-height:1.7;display:block}.daily-place-note{color:var(--muted-foreground);margin:15px 0;font-size:13px;line-height:1.9}.daily-plan .hero-meta{flex-wrap:wrap}.daily-plan .daily-next-step{min-height:270px}@media (width<=600px){.daily-plan-heading{flex-wrap:wrap;gap:12px}.daily-plan-heading h2{font-size:21px}.daily-plan-count{font-size:10px}.daily-reference-links>div{grid-template-columns:1fr}.daily-review-card{padding:20px}.daily-review-card button{width:100%}.daily-plan .daily-next-step{min-height:0}.daily-reference-links{margin-bottom:20px}}.daily-chapter-title{margin:8px 0 10px;font-size:17px;font-weight:650;line-height:1.5}.journey-panel .lesson-title-trio{flex-direction:column;align-items:flex-start;gap:6px}@media (width<=650px){.dashboard-grid .dashboard-samples{grid-template-columns:1fr;gap:12px}.dashboard-grid .dashboard-samples>.language-card{padding:22px}.dashboard-grid .dashboard-samples .language-card-top{font-size:12px}.dashboard-grid .dashboard-samples .language-card-top>span:last-child{display:block}.dashboard-grid>.right-column{flex-direction:column;gap:16px;display:flex}}.character-atlas{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:18px;min-width:0;margin-top:36px;padding:clamp(18px,2.5vw,30px)}.character-atlas button:focus-visible,.character-atlas input:focus-visible,.character-atlas select:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.character-atlas-intro{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.character-atlas-intro>div:first-child{min-width:0;max-width:740px}.character-atlas-eyebrow{color:var(--yue-fg);letter-spacing:.11em;font-size:11px;font-weight:800;display:block}.character-atlas-intro h2{letter-spacing:-.035em;margin:8px 0 9px;font-size:clamp(23px,2.5vw,31px);line-height:1.23}.character-atlas-intro p{max-width:68ch;color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.7}.character-atlas-method{border:1px solid var(--border);background:var(--yue-bg);color:var(--yue-fg);border-radius:11px;flex:0 280px;padding:13px 15px;font-size:12px;line-height:1.55}.character-atlas-method strong,.character-atlas-method span{display:block}.character-atlas-method span{margin-top:5px}.character-atlas-tools{flex-wrap:wrap;align-items:end;gap:12px;margin-top:22px;display:flex}.character-atlas-search{border:1px solid var(--border);background:var(--background);min-height:45px;color:var(--muted-foreground);border-radius:9px;flex:290px;align-items:center;gap:9px;padding:0 13px;display:flex}.character-atlas-search:focus-within{outline:2px solid var(--ring)}.character-atlas-search input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font-size:13px}.character-atlas-search input:focus-visible{outline:0}.character-atlas-search input::placeholder{color:var(--muted-foreground)}.character-atlas-filter{color:var(--muted-foreground);flex-direction:column;flex:0 185px;gap:5px;font-size:11px;font-weight:650;display:flex}.character-atlas-filter select{border:1px solid var(--border);background:var(--background);width:100%;min-height:45px;color:var(--foreground);border-radius:9px;padding:0 9px;font-size:12px}.character-atlas-result{color:var(--muted-foreground);margin:15px 0 11px;font-size:11px;line-height:1.5}.character-atlas-explorer{grid-template-columns:minmax(230px,.73fr) minmax(0,1.55fr);align-items:start;gap:18px;min-width:0;display:grid}.character-atlas-browser,.character-atlas-detail{border:1px solid var(--border);background:var(--background);border-radius:13px;min-width:0}.character-atlas-browser{padding:13px}.character-atlas-browser-head{justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:11px;font-size:12px;display:flex}.character-atlas-browser-head span{color:var(--muted-foreground);font-size:10px}.character-atlas-grid{scrollbar-color:var(--border) transparent;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;max-height:370px;padding:2px 4px 4px 2px;display:grid;overflow:auto}.character-atlas-tile{border:1px solid var(--border);background:var(--card);min-width:0;min-height:66px;color:var(--foreground);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:6px 2px 4px;display:flex;position:relative}.character-atlas-tile:hover,.character-atlas-tile[aria-pressed=true]{border-color:var(--yue-fg);background:var(--yue-bg);color:var(--yue-fg)}.character-atlas-rank{color:var(--muted-foreground);font:9px/1 sans-serif;position:absolute;top:4px;left:5px}.character-atlas-glyph{font-family:PingFang HK,Noto Sans CJK TC,Microsoft JhengHei,sans-serif;font-size:27px;line-height:1.25}.character-atlas-count{color:var(--muted-foreground);font:10px/1.2 sans-serif}.character-atlas-more{border:1px solid var(--border);background:var(--card);width:100%;min-height:41px;color:var(--primary);border-radius:9px;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:700}.character-atlas-more:hover{background:var(--accent)}.character-atlas-detail{padding:clamp(13px,1.5vw,20px);scroll-margin-top:12px}.character-atlas-detail-head{flex-wrap:wrap;align-items:flex-start;gap:13px;display:flex}.character-atlas-selected-glyph{background:var(--yue-bg);height:76px;color:var(--yue-fg);border-radius:13px;flex:0 0 76px;place-items:center;font-family:PingFang HK,Noto Sans CJK TC,Microsoft JhengHei,sans-serif;font-size:52px;display:grid}.character-atlas-detail-copy{flex:205px;min-width:0}.character-atlas-detail-copy>span{color:var(--yue-fg);letter-spacing:.06em;font-size:10px;font-weight:800}.character-atlas-detail-copy h3{margin:4px 0 5px;font-size:17px;line-height:1.3}.character-atlas-detail-copy p{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.6}.character-atlas-stepper{gap:5px;display:flex}.character-atlas-stepper button{border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--foreground);border-radius:8px;place-items:center;display:grid}.character-atlas-stepper button:not(:disabled):hover{background:var(--accent)}.character-atlas-readings{background:var(--yue-bg);border-radius:10px;margin:16px 0;padding:12px}.character-atlas-readings>strong{color:var(--yue-fg);margin-bottom:8px;font-size:12px;display:block}.character-atlas-readings>div{flex-wrap:wrap;gap:6px;display:flex}.character-atlas-readings>div>span{border:1px solid var(--yue-fg);background:var(--card);color:var(--yue-fg);border-radius:7px;align-items:baseline;gap:5px;padding:5px 8px;font-size:12px;font-weight:750;display:inline-flex}.character-atlas-readings small{color:var(--muted-foreground);font-size:10px}.character-atlas-examples{gap:12px;display:grid}.character-atlas-example{border:1px solid var(--border);background:var(--card);border-radius:10px;min-width:0;overflow:hidden}.character-atlas-example-head{border-bottom:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:9px 11px;font-size:10px;display:flex}.character-atlas-example-head strong{color:var(--yue-fg);font-size:12px}.character-atlas-parallel{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.character-atlas-language{border-right:1px solid var(--border);flex-direction:column;gap:8px;min-width:0;padding:11px;display:flex}.character-atlas-language:last-child{border-right:0}.character-atlas-language-head{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;display:flex}.character-atlas-language-head>span:last-child{margin-left:auto}.character-atlas-expression{color:var(--foreground);overflow-wrap:anywhere;font-size:clamp(16px,1.65vw,22px);font-weight:650;line-height:1.35}.character-atlas-language.hindi .character-atlas-expression{color:var(--hi-fg)}.character-atlas-language.english .character-atlas-expression{color:var(--en-fg)}.character-atlas-language.cantonese .character-atlas-expression{color:var(--yue-fg)}.character-atlas-sound,.character-atlas-standard{overflow-wrap:anywhere;flex-direction:column;gap:3px;min-width:0;display:flex}.character-atlas-sound small,.character-atlas-standard small{color:var(--muted-foreground);letter-spacing:.05em;font-size:9px;font-weight:700}.character-atlas-sound strong,.character-atlas-standard span{font-size:11px;font-weight:550;line-height:1.5}.character-atlas-listen{border:1px solid var(--border);background:var(--background);min-height:30px;color:var(--foreground);border-radius:7px;justify-content:center;align-self:flex-start;align-items:center;gap:5px;margin-top:auto;padding:5px 8px;font-size:10px;display:inline-flex}.character-atlas-listen:hover{background:var(--accent)}.character-atlas-cue{border-top:1px solid var(--border);color:var(--muted-foreground);margin:0;padding:8px 11px;line-height:1.5;font-size:10px!important}.character-atlas-empty{border:1px dashed var(--border);text-align:center;border-radius:11px;padding:30px 18px}.character-atlas-empty p{color:var(--muted-foreground);margin:7px 0 15px}.character-atlas-empty button{border:1px solid var(--border);background:var(--accent);min-height:36px;color:var(--foreground);border-radius:7px;padding:7px 12px}@media (width<=1050px){.character-atlas-explorer{grid-template-columns:minmax(0,1fr)}.character-atlas-grid{max-height:255px}}@media (width<=690px){.character-atlas-intro{flex-direction:column}.character-atlas-method{flex-basis:auto}.character-atlas-tools{align-items:stretch}.character-atlas-filter{flex:150px}.character-atlas-parallel{grid-template-columns:minmax(0,1fr)}.character-atlas-language{border-right:0;border-bottom:1px solid var(--border)}.character-atlas-language:last-child{border-bottom:0}.character-atlas-language-head>span:last-child{margin-left:0}.character-atlas-listen{align-self:stretch}}@media print{.character-atlas-tools,.character-atlas-browser,.character-atlas-stepper,.character-atlas-listen,.character-atlas-more{display:none!important}.character-atlas-explorer{display:block}.character-atlas{box-shadow:none;border:0}}.first-day-route{border:1px solid var(--border);background:linear-gradient(135deg,var(--accent),var(--card) 48%);color:var(--foreground);border-radius:17px;min-width:0;margin:0 0 28px;padding:25px}.first-day-heading{align-items:flex-start;gap:18px;display:flex}.first-day-symbol{background:var(--en-bg);width:52px;height:52px;color:var(--en-fg);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.first-day-heading>div:last-child{min-width:0}.first-day-heading .eyebrow{margin-bottom:6px;line-height:1.7}.first-day-heading h2{letter-spacing:-.4px;font-size:24px;font-weight:630;line-height:1.4}.first-day-heading p{color:var(--muted-foreground);max-width:760px;margin-top:9px;font-size:13px;line-height:1.8}.first-day-progress{margin:23px 0}.first-day-progress>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:8px 15px;margin-bottom:10px;font-size:12px;display:flex}.first-day-progress strong{color:var(--primary);font-weight:650}.first-day-progress span{color:var(--muted-foreground);align-items:center;gap:6px;display:flex}.first-day-progress>p{color:var(--muted-foreground);margin-top:10px;font-size:11px;line-height:1.7}.first-day-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.first-day-step{border:1px solid var(--border);background:var(--card);border-radius:12px;min-width:0;padding:18px}.first-day-step.current{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.first-day-step-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.first-day-step-number{background:var(--muted);width:30px;height:30px;color:var(--muted-foreground);border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.first-day-step.current .first-day-step-number{background:var(--primary);color:var(--primary-foreground)}.first-day-step.complete .first-day-step-number{background:var(--yue-bg);color:var(--yue-fg)}.first-day-step-heading>span:nth-child(2){color:var(--muted-foreground);align-items:center;gap:7px;font-size:11px;display:flex}.first-day-step-heading>small{color:var(--muted-foreground);text-align:right;margin-left:auto;font-size:11px}.first-day-step.current .first-day-step-heading>small{color:var(--primary);font-weight:650}.first-day-languages{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.first-day-languages>div{min-width:0}.first-day-languages>div+div{border-left:1px solid var(--border);padding-left:18px}.first-day-languages small{letter-spacing:.8px;color:var(--muted-foreground);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.first-day-languages h3{overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.7}.first-day-languages p{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:6px;font-size:12px;line-height:1.85}.first-day-step-action{border-top:1px solid var(--border);justify-content:flex-end;margin-top:13px;padding-top:7px;display:flex}.first-day-step-action button{text-align:left;max-width:100%;min-height:40px;font-size:12px;line-height:1.6}.first-day-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:23px;display:flex}.first-day-actions>div{flex-wrap:wrap;gap:8px 18px;display:flex}.first-day-actions button{min-height:44px}.first-day-actions .primary-button{white-space:normal;text-align:left;line-height:1.5}.first-day-actions .text-button{font-size:12px}.first-day-scope{color:var(--muted-foreground);margin-top:16px;font-size:11px;line-height:1.8}@media (width<=650px){.first-day-route{padding:18px}.first-day-heading{gap:12px}.first-day-symbol{border-radius:11px;width:40px;height:40px}.first-day-symbol svg{width:22px}.first-day-heading h2{font-size:21px}.first-day-languages{grid-template-columns:1fr;gap:13px}.first-day-languages>div+div{border-left:0;border-top:1px solid var(--border);padding-top:13px;padding-left:0}.first-day-step{padding:15px}.first-day-step-action{justify-content:flex-start}.first-day-actions{align-items:stretch}.first-day-actions>.primary-button{justify-content:center;width:100%}.first-day-actions>div{justify-content:space-between;gap:3px 12px;width:100%}}.first-day-dashboard-progress{color:var(--muted-foreground);margin-bottom:12px;font-size:12px;line-height:1.8}.dashboard-samples>.language-card{min-width:0}.dashboard-samples .phrase-script,.dashboard-samples .romanization{overflow-wrap:anywhere}@media (width<=650px){.dashboard-samples{grid-template-columns:1fr}}.path-catalog{max-width:1120px;margin:0 auto}.path-catalog .page-heading{margin-bottom:24px}.path-next{border:1px solid var(--primary);background:var(--card);border-radius:16px;align-items:center;gap:22px;padding:26px;display:flex}.path-next-symbol{background:var(--accent);width:48px;height:48px;color:var(--primary);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.path-next-copy{flex:1;min-width:0}.path-next h2{margin:7px 0;font-size:24px;font-weight:600;line-height:1.35}.path-next p{color:var(--muted-foreground);margin:10px 0;font-size:13px;line-height:1.8}.path-next small{color:var(--muted-foreground);font-size:11px}.path-next>.primary-button{flex-shrink:0;min-height:44px}.path-title-trio{color:var(--muted-foreground);flex-wrap:wrap;gap:5px 16px;margin-top:5px;font-size:13px;font-weight:400;line-height:1.8;display:flex}.path-title-trio>span{overflow-wrap:anywhere}.path-practice-summary{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:20px;margin:18px 0 26px;font-size:12px;line-height:1.7;display:flex}.path-practice-summary>span{flex-shrink:0}.path-practice-summary strong{color:var(--foreground)}.path-practice-summary p{max-width:460px}.path-chapter-picker{border:1px solid var(--border);background:var(--card);border-radius:13px;margin-bottom:28px;padding:18px 22px}.path-picker-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.path-picker-row label{align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.path-picker-row select{border:1px solid var(--border);background:var(--background);min-width:0;max-width:100%;height:46px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:8px;flex:1;padding:9px 32px 9px 12px;font-size:13px}.path-picker-row>.text-button{min-height:44px;font-size:12px}.path-catalog button:disabled{opacity:.48;cursor:default}.path-chapter-index{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.path-chapter-index>summary{cursor:pointer;min-height:34px;font-size:13px;font-weight:600;line-height:1.7}.path-chapter-index>summary>span{color:var(--muted-foreground);margin-left:13px;font-size:11px;font-weight:400}.path-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.path-index-item{text-align:left;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:9px;gap:12px;min-width:0;padding:14px 12px;display:flex}.path-index-item.selected{border-color:var(--primary);background:var(--accent)}.path-index-number{color:var(--primary);flex-shrink:0;padding-top:2px;font-size:12px}.path-index-copy{min-width:0}.path-index-copy>strong{font-size:13px;line-height:1.6;display:block}.path-index-copy .path-title-trio{gap:2px 10px;font-size:11px}.path-index-copy>small{color:var(--muted-foreground);margin-top:7px;font-size:11px;display:block}.path-current-chapter{border:1px solid var(--border);background:var(--card);border-radius:15px;padding:26px}.path-current-heading{border-bottom:1px solid var(--border);align-items:flex-start;gap:30px;padding-bottom:20px;display:flex}.path-current-heading>div:first-child{flex:1;min-width:0}.path-current-heading h2{margin:8px 0;font-size:27px;font-weight:550;line-height:1.4}.path-current-heading p{color:var(--muted-foreground);margin-top:12px;font-size:13px;line-height:1.85}.path-chapter-progress{text-align:right;flex:0 0 130px;gap:7px;padding-top:7px;display:grid}.path-chapter-progress>strong{font-size:22px;font-weight:550}.path-chapter-progress>span{color:var(--muted-foreground);font-size:11px}.path-chapter-progress [data-slot=progress]{height:5px;margin-top:5px}.path-following-note{color:var(--muted-foreground);padding-top:16px;font-size:12px;line-height:1.8}.path-catalog .first-day-route{margin:24px 0}.path-activity-heading{justify-content:space-between;align-items:center;gap:20px;margin:26px 0 14px;display:flex}.path-activity-heading h3{font-size:15px;font-weight:600;line-height:1.6}.path-activity-heading>span{color:var(--muted-foreground);flex-shrink:0;font-size:11px}.path-activity-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.path-activity-list>li{border:1px solid var(--border);border-radius:11px;min-width:0;overflow:hidden}.path-activity-list>li.recommended{border-color:var(--primary)}.path-activity-button{text-align:left;background:var(--background);width:100%;color:var(--foreground);align-items:flex-start;gap:15px;padding:19px;display:flex}.path-activity-button:hover,.path-index-item:hover{background:var(--accent)}.path-activity-number{border:1px solid var(--border);width:31px;height:31px;color:var(--muted-foreground);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.path-activity-number.practiced{color:var(--yue-fg);background:var(--yue-bg);border-color:#0000}.path-activity-copy{flex:1;min-width:0;display:block}.path-activity-kind{letter-spacing:.025em;color:var(--primary);margin-bottom:6px;font-size:10px;line-height:1.7;display:block}.path-activity-copy>strong{font-size:16px;font-weight:550;line-height:1.55;display:block}.path-activity-description{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.8;display:block}.path-activity-open{color:var(--muted-foreground);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:13px;display:flex}.path-activity-open small{white-space:nowrap;font-size:11px}.path-prerequisite{border-top:1px solid var(--border);background:var(--accent);padding:12px 19px;font-size:11px;line-height:1.8}.path-prerequisite>.text-button{text-align:left;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:44px;margin-top:5px;padding:6px 0;font-size:12px;display:flex}.path-prerequisite .path-title-trio{font-size:11px}.path-more{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.path-more p{color:var(--muted-foreground);font-size:12px}.path-more button{min-height:44px;font-size:12px}.path-chapter-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.path-chapter-footer>.button-row{gap:16px}.path-chapter-footer>.button-row button{min-height:44px;font-size:12px}.path-neighbour-chapters{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.path-neighbour-chapters button{min-height:44px;font-size:12px}.path-future{border-top:1px solid var(--border);margin:28px 0;padding-top:21px}.path-future>summary{cursor:pointer;min-height:40px;font-size:14px;font-weight:600;line-height:1.7}.path-future>summary svg{vertical-align:middle;margin:0 9px;display:inline}.path-future>p{color:var(--muted-foreground);margin:12px 0 20px;font-size:13px;line-height:1.85}.path-catalog :is(button,select,summary):focus-visible,#path-current-chapter-title:focus{outline:2px solid var(--ring);outline-offset:3px}.path-activity-button:focus-visible{outline-offset:-3px!important}#path-current-chapter-title{scroll-margin-top:100px}@media (width<=760px){.path-next{flex-wrap:wrap;gap:15px;padding:20px}.path-next-symbol{display:none}.path-next-copy{flex-basis:100%}.path-next h2{font-size:22px}.path-next>.primary-button{justify-content:center;width:100%}.path-practice-summary{display:block}.path-practice-summary p{margin-top:7px}.path-chapter-picker{padding:16px}.path-picker-row{gap:10px}.path-picker-row label{width:100%}.path-picker-row select{flex-basis:100%;width:100%}.path-picker-row>.text-button{padding-left:0}.path-chapter-index>summary>span{margin-left:0;display:block}.path-index-grid{grid-template-columns:1fr}.path-current-chapter{padding:18px}.path-current-heading{display:block}.path-current-heading h2{font-size:23px}.path-chapter-progress{text-align:left;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.path-chapter-progress>strong{font-size:18px}.path-chapter-progress [data-slot=progress]{flex-basis:100%;width:100%}.path-activity-heading{display:block}.path-activity-heading>span{margin-top:5px;display:block}.path-activity-button{gap:10px;padding:15px 12px}.path-activity-number{width:25px;height:25px;font-size:10px}.path-activity-copy>strong{font-size:15px}.path-activity-open{gap:10px}.path-title-trio{font-size:12px}.path-more{text-align:center;flex-direction:column;align-items:stretch}.path-more button{justify-content:center}.path-neighbour-chapters{flex-wrap:wrap}.path-neighbour-chapters button{flex:1;justify-content:center}.path-catalog .first-day-route{padding:16px}.path-prerequisite{padding:12px}}.learning-preparation{border:1px solid var(--border);background:var(--accent);min-width:0;color:var(--foreground);border-radius:13px;margin:22px 0;padding:20px}.learning-preparation-heading{color:var(--primary);align-items:center;gap:10px;margin-bottom:16px;display:flex}.learning-preparation-heading :is(h2,h3){min-width:0;font-size:15px;font-weight:650;line-height:1.5}.learning-preparation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.learning-preparation-language{overflow-wrap:anywhere;min-width:0}.learning-preparation-language>small{color:var(--muted-foreground);letter-spacing:.4px;margin-bottom:7px;font-size:10px;font-weight:650;display:block}.learning-preparation-language>p{color:var(--muted-foreground);font-size:12px;line-height:1.8}.learning-preparation-language>strong{color:var(--foreground);margin-top:12px;font-size:14px;font-weight:650;line-height:1.7;display:block}.learning-preparation-language>.learning-preparation-notebook{margin-top:10px;font-size:11px}.learning-preparation-button{white-space:normal;text-align:center;max-width:100%;min-height:44px;margin-top:18px}@media (width<=650px){.learning-preparation{padding:17px}.learning-preparation-grid{grid-template-columns:minmax(0,1fr);gap:15px}.learning-preparation-language+.learning-preparation-language{border-top:1px solid var(--border);padding-top:15px}.learning-preparation-language>strong{margin-top:7px}.learning-preparation-button{width:100%}}.transform-pack{border:1px solid var(--border);background:var(--card);border-radius:18px;margin:2rem 0;padding:clamp(1rem,3vw,1.75rem)}.transform-header{align-items:flex-start;gap:.8rem;margin-bottom:1rem;display:flex}.transform-header h3{margin:.2rem 0;font-size:1.3rem}.transform-progress{white-space:nowrap;color:var(--muted-foreground);margin-left:auto;font-size:.8rem}.transform-examples,.transform-pieces,.transform-first{border:1px solid var(--border);border-radius:12px;margin:1rem 0;padding:.8rem 1rem}.transform-pack summary{cursor:pointer;font-weight:600;line-height:1.6}.transform-pack summary:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:3px}.transform-worked{border-top:1px solid var(--border);margin-top:1rem;padding:1rem 0}.transform-worked h4,.transform-task h4{margin:.5rem 0 1rem;font-size:1rem}.transform-notice{background:var(--muted);border-radius:10px;margin:1rem 0;padding:.8rem}.transform-notice p{margin-bottom:0}.transform-task-picker{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 1rem;display:flex}.transform-task-picker [aria-pressed=true]{outline:2px solid var(--primary);outline-offset:2px}.transform-task>.eyebrow,.transform-worked>.eyebrow{margin-top:1.4rem}.transform-guidance{color:var(--muted-foreground);margin:1rem 0;font-size:.9rem;line-height:1.65}.transform-chunks{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.transform-chunks button{min-height:36px;padding:.4rem .65rem;font-size:.85rem}.transform-editors{margin:1.2rem 0}.transform-editor{min-width:0}.transform-editor label{margin-bottom:.5rem;font-weight:600;display:block}.transform-editor textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:110px;color:var(--foreground);background:var(--background);font:inherit;box-sizing:border-box;border-radius:10px;padding:.8rem;line-height:1.7;display:block}.transform-editor textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.transform-editor small{color:var(--muted-foreground);margin-top:.4rem;font-size:.75rem;display:block}.transform-compare{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.transform-compare p{color:var(--muted-foreground);font-size:.85rem}.transform-comparison{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.transform-review{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.8rem;line-height:1.6;display:flex}.transform-review input{min-width:18px;min-height:18px;accent-color:var(--primary);margin-top:.3rem}.transform-review span span{font-size:.9rem;display:block}.transform-task-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.transform-task-footer p{color:var(--muted-foreground);font-size:.85rem}.transform-session-note{border-left:3px solid var(--primary);background:var(--muted);padding:1rem;font-size:.9rem;line-height:1.7}@media (width<=650px){.transform-header{flex-wrap:wrap}.transform-progress{flex-basis:100%;margin-left:0}.transform-pack{padding:1rem}.transform-compare .primary-button{width:100%}}.transform-editor-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.transform-editor-meta .text-button{min-height:44px;font-size:.75rem}.transform-oral-guidance{background:var(--muted);border-radius:10px;margin:1rem 0;padding:.8rem}.transform-collection{min-width:0;margin-top:1.4rem}.transform-set-picker{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem;display:grid}.transform-set-button{border:1px solid var(--border);background:var(--card);color:var(--foreground);text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:.75rem;min-width:0;min-height:44px;padding:1rem;display:flex}.transform-set-button[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--accent)}.transform-set-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.transform-set-number{background:var(--muted);width:26px;height:26px;color:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:650;display:flex}.transform-set-title{overflow-wrap:anywhere;flex-direction:column;gap:.3rem;min-width:0;line-height:1.55;display:flex}.transform-set-title strong{font-size:.9rem}.transform-set-title>span{font-size:.8rem}.transform-set-title small{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem}.transform-active-set{min-width:0}.transform-next-set{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.transform-next-set p{color:var(--muted-foreground);font-size:.85rem;line-height:1.65}@media (width<=650px){.transform-set-picker{grid-template-columns:minmax(0,1fr)}.transform-next-set .secondary-button{white-space:normal;width:100%}}.dictation-session .dictation-hidden-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.dictation-session .dictation-hidden-card{border:1px dashed var(--border);background:var(--card);border-radius:12px;min-width:0;min-height:118px;padding:18px}.dictation-session .dictation-hidden-card strong{font-size:14px}.dictation-session .dictation-hidden-card>span{color:var(--muted-foreground);margin-left:8px;font-size:12px;display:inline-block}.dictation-session .dictation-hidden-card p{color:var(--muted-foreground);margin-top:22px;font-size:12px;line-height:1.65}.dictation-session .dictation-hidden-card.hindi{border-color:var(--hi-fg)}.dictation-session .dictation-hidden-card.english{border-color:var(--en-fg)}.dictation-session .dictation-hidden-card.cantonese{border-color:var(--yue-fg)}.dictation-session .dictation-input-label{margin:24px 0 9px;font-size:14px;font-weight:650;display:block}.dictation-session textarea{resize:vertical;border:1px solid var(--border);background:var(--card);width:100%;max-width:100%;min-height:112px;color:var(--foreground);border-radius:10px;padding:16px;font-size:20px;line-height:1.65;display:block}.dictation-session textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dictation-session textarea:disabled{opacity:.7;cursor:not-allowed}.dictation-session .dictation-keyboard-note{color:var(--muted-foreground);margin-top:9px;font-size:12px;line-height:1.8}.dictation-session .dictation-hint{background:var(--accent);color:var(--foreground);border-radius:10px;align-items:flex-start;gap:12px;margin-top:18px;padding:15px;display:flex}.dictation-session .dictation-hint svg{color:var(--primary)}.dictation-session .dictation-hint strong{font-size:12px}.dictation-session .dictation-hint p{overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.7}.dictation-session .dictation-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:22px 0 30px;display:flex}.dictation-session .dictation-actions .text-button{padding:10px}.dictation-session .dictation-comparison{margin:27px 0}.dictation-session .dictation-comparison-heading{border:1px solid var(--border);background:var(--accent);border-radius:11px;margin-bottom:25px;padding:17px 19px}.dictation-session .dictation-comparison-heading p{overflow-wrap:anywhere;font-size:19px;line-height:1.7}.dictation-session .dictation-comparison h3{margin:0 0 16px;font-size:18px}.dictation-session .dictation-self-check{border:1px solid var(--border);background:var(--card);border-radius:12px;margin:25px 0;padding:20px}.dictation-session .dictation-self-check>strong{font-size:15px}.dictation-session .dictation-self-check>p{color:var(--muted-foreground);margin:8px 0 17px;font-size:12px;line-height:1.8}.dictation-session .dictation-self-check .button-row{flex-wrap:wrap;gap:10px;display:flex}.dictation-session .dictation-self-check .text-button{padding:9px}.dictation-session .dictation-self-check .secondary-button.selected{border-color:var(--primary);color:var(--primary);background:var(--accent)}.dictation-session .dictation-review{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:23px 0;display:grid}.dictation-session .dictation-review>div{border:1px solid var(--border);background:var(--card);border-radius:9px;justify-content:space-between;gap:15px;padding:15px;font-size:12px;display:flex}.dictation-session .dictation-review span{color:var(--muted-foreground)}.dictation-session button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}@media (width<=700px){.dictation-session .dictation-hidden-grid{grid-template-columns:1fr}.dictation-session .dictation-hidden-card{min-height:0}.dictation-session .dictation-hidden-card p{margin-top:9px}.dictation-session .dictation-actions{justify-content:stretch}.dictation-session .dictation-actions button{flex:auto;justify-content:center}.dictation-session .dictation-review{grid-template-columns:1fr}.dictation-session .dictation-self-check .button-row>button{flex:auto;justify-content:center}}@media (width<=600px){.listening-studio .connected-tabs{min-height:43px;height:auto!important}.listening-studio .connected-tabs [role=tab]{white-space:normal;height:auto;min-height:39px;padding:8px 5px;font-size:10px;line-height:1.35}}.listening-pack-search{gap:7px;max-width:470px;margin-top:4px;display:grid}.listening-pack-search label{color:var(--foreground);font-size:12px;font-weight:650}.listening-pack-search>div{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--muted-foreground);border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.listening-pack-search>div:focus-within{outline:2px solid var(--primary);outline-offset:2px}.listening-pack-search input{width:100%;min-width:0;color:var(--foreground);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.listening-pack-search input::placeholder{color:var(--muted-foreground);opacity:1}.listening-pack-empty{grid-column:1/-1;margin:0}.reader-reconstruction{border-top:1px solid var(--border);margin:32px 0;padding-top:20px}.reader-build-output{background:var(--background);border:1px dashed var(--border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;min-height:100px;margin-bottom:15px;padding:12px;font-size:25px;line-height:1.9}.reader-build-placeholder{color:var(--muted-foreground);font-family:inherit;font-size:13px}.reader-build-pieces{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.reader-build-pieces button{border:1px solid var(--border);background:var(--accent);color:var(--foreground);white-space:pre-wrap;border-radius:8px;padding:7px 12px;font-size:20px;line-height:1.7}.reader-build-count{color:var(--muted-foreground);align-items:center;gap:6px;margin:8px 0 18px;font-size:12px;display:flex}.reader-build-feedback{background:var(--hi-bg);border-radius:8px;margin-bottom:14px;padding:10px;font-size:13px;line-height:1.7}.reader-build-actions,.reader-build-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.reader-build-actions{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.reader-build-footer{color:var(--muted-foreground);margin-top:18px;font-size:13px}.reader-prerequisite{border:1px solid var(--border);background:var(--card);border-radius:10px;margin-bottom:20px;padding:18px}.reader-prerequisite p{color:var(--muted-foreground);margin-bottom:10px;font-size:13px;line-height:1.8}.reader-prerequisite .connected-parallel{margin:12px 0}.reader-tabs.has-building-blocks{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;display:grid;height:auto!important}.reader-tabs.has-building-blocks [role=tab]{white-space:normal;text-align:center;min-height:44px;padding:10px 12px}.reader-prep{padding:6px 0 20px}.reader-prep-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reader-prep-header>div{flex:1;min-width:0}.reader-prep-header h3{margin:8px 0 16px;font-size:23px}.reader-prep-header>.secondary-button{white-space:nowrap}.reader-prep-session-note{color:var(--muted-foreground);border:1px solid var(--border);border-radius:10px;margin:20px 0;padding:15px 18px;font-size:12px;line-height:1.8}.reader-prep-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:20px 0;font-size:13px;display:flex}.reader-prep-progress>span{color:var(--muted-foreground);font-size:11px}.reader-prep-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 25px;padding:0;display:grid}.reader-prep-steps>button{text-align:left;border:1px solid var(--border);background:var(--card);min-height:56px;color:var(--foreground);border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.reader-prep-steps>button[aria-pressed=true]{background:var(--accent);border-color:var(--primary)}.reader-prep-steps>button>span{width:26px;height:26px;color:var(--primary);background:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.reader-prep-steps strong{font-size:12px;font-weight:600;line-height:1.5}.reader-prep-current{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:22px}.reader-prep-step-heading h4{margin:7px 0 9px;scroll-margin-top:90px;font-size:22px;font-weight:650}.reader-prep-title-translations{color:var(--muted-foreground);flex-wrap:wrap;gap:7px 20px;font-size:14px;display:flex}.reader-prep-view{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin:20px 0;padding-bottom:12px;display:flex}.reader-prep-view>button{min-height:44px;color:var(--muted-foreground);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.reader-prep-view>button[aria-pressed=true]{border-color:var(--primary);background:var(--accent);color:var(--primary)}.reader-prep-model-tools{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px;font-size:12px;display:flex}.reader-prep-model-tools>div{flex-wrap:wrap;gap:6px;display:flex}.reader-prep-model-tools button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--foreground);border-radius:8px}.reader-prep-model-tools button[aria-pressed=true]{background:var(--accent);border-color:var(--primary);color:var(--primary)}.reader-prep-notice{border-left:3px solid var(--primary);background:var(--muted);border-radius:0 10px 10px 0;margin:20px 0;padding:17px 18px}.reader-prep-notice h5{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:650;display:flex}.reader-prep-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.reader-prep-actions button{min-height:44px}.reader-prep-check{border:0;min-width:0;margin:0;padding:0}.reader-prep-check>legend{margin:5px 0 18px;font-size:17px;font-weight:600}.reader-prep-check-help{color:var(--muted-foreground);margin:13px 0 20px;font-size:12px;line-height:1.8}.reader-prep-choices{gap:12px;display:grid}.reader-prep-choices>button{text-align:left;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:12px;align-items:center;gap:12px;width:100%;min-width:0;padding:16px;display:flex}.reader-prep-choices>button:disabled{opacity:1}.reader-prep-choices>button.correct{border-color:var(--yue-fg);background:var(--yue-bg)}.reader-prep-choices>button.retry{border-color:var(--hi-fg);background:var(--hi-bg)}.reader-prep-choice-languages{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;width:100%;min-width:0;display:grid}.reader-prep-choice-language{overflow-wrap:anywhere;flex-direction:column;gap:7px;min-width:0;display:flex}.reader-prep-choice-language>small{text-transform:uppercase;letter-spacing:.7px;color:var(--muted-foreground);font-size:10px}.reader-prep-choice-language>strong{font-size:15px;font-weight:550;line-height:1.8}.reader-prep-choice-easy{font-size:12px;line-height:1.7}.reader-prep-choice-roman{color:var(--muted-foreground);font-size:11px;line-height:1.7}.reader-prep-feedback{background:var(--muted);border-radius:10px;margin:17px 0;padding:18px}.reader-prep-feedback>strong{margin-bottom:13px;font-size:14px;display:block}.reader-prep-feedback.correct{background:var(--yue-bg)}.reader-prep-first{border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:14px}.reader-prep-first summary{cursor:pointer;align-content:center;min-height:44px;font-size:13px}.reader-prep-first .reader-prep-choice-languages{margin:12px 0}.reader-prep-complete{background:var(--yue-bg);color:var(--yue-fg);border-radius:12px;gap:12px;margin-top:18px;padding:18px;display:flex}.reader-prep-complete strong{font-size:14px}.reader-prep-complete p{margin-top:6px;font-size:12px;line-height:1.7}.reader-prep-missing{background:var(--accent);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;padding:17px;font-size:13px;line-height:1.7;display:flex}.reader-prep-missing .text-button{min-height:44px}.reader-prep button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (width<=1050px){.reader-prep-header{flex-direction:column}.reader-prep-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.reader-tabs.has-building-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-tabs.has-building-blocks [role=tab]{padding:9px;font-size:12px}.reader-prep-current{padding:15px}.reader-prep-header h3{font-size:21px}.reader-prep-steps{gap:7px}.reader-prep-steps>button{align-items:flex-start;padding:10px}.reader-prep-steps strong{font-size:11px}.reader-prep-step-heading h4{font-size:19px}.reader-prep-title-translations{font-size:13px}.reader-prep-model-tools{flex-direction:column;align-items:flex-start;gap:8px}.reader-prep .connected-language-grid,.reader-prep .connected-parallel,.reader-prep-choice-languages{grid-template-columns:1fr}.reader-prep-choice-language+.reader-prep-choice-language{border-top:1px solid var(--border);padding-top:13px}.reader-prep-choices>button{align-items:flex-start;padding:14px}.reader-prep-actions{flex-direction:column;align-items:stretch}.reader-prep-actions button{justify-content:center}.reader-prep-notice{padding:14px}.reader-prep-complete{padding:15px}.reader-prep-session-note{padding:13px}.reader-prep-header>.secondary-button{justify-content:center;width:100%}}.reader-prep-model-tools h5{font:inherit;margin:0;scroll-margin-top:96px}.reader-large .reader-prep-choice-language>strong{font-size:22px}.reader-large .reader-prep-choice-easy{font-size:16px}.reader-large .reader-prep-choice-roman{font-size:14px}.reader-prep-pronunciation{border:1px solid var(--border);background:var(--muted);border-radius:9px;margin:0 0 18px}.reader-prep-pronunciation>summary{box-sizing:border-box;cursor:pointer;min-height:44px;color:var(--foreground);align-content:center;padding:10px 14px;font-size:12px;font-weight:600;list-style-position:inside}.reader-prep-pronunciation>summary::marker{color:var(--primary)}.reader-prep-pronunciation>summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:9px}.reader-prep-pronunciation>p{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;padding:0 14px 14px;font-size:12px;line-height:1.8}.checkpoint-studio{margin:0 0 32px;font-size:14px;line-height:1.8}.checkpoint-intro{background:var(--accent);border:1px solid var(--border);border-radius:18px;align-items:flex-start;gap:24px;margin-bottom:20px;padding:26px;display:flex}.checkpoint-intro>div{flex:1}.checkpoint-intro h2{margin:8px 0 12px;font-size:25px;line-height:1.4}.checkpoint-intro p,.checkpoint-note,.checkpoint-readiness,.checkpoint-backup>p,.checkpoint-history>p{color:var(--muted-foreground)}.checkpoint-matrix{gap:12px;display:grid}.checkpoint-matrix>article{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:20px}.checkpoint-matrix>article.selected{border-color:var(--primary)}.checkpoint-row-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.checkpoint-row-heading h3{font-size:17px;font-weight:600}.checkpoint-row-heading .eyebrow{font-size:10px}.checkpoint-status-grid,.checkpoint-native-grid,.checkpoint-draft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.checkpoint-status-grid>div{background:var(--muted);border-radius:10px;min-width:0;padding:13px}.checkpoint-status-grid strong{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.checkpoint-status-grid strong span[lang]{color:var(--muted-foreground);font-weight:400}.checkpoint-status-grid p{margin:6px 0;font-size:12px}.checkpoint-status-grid small{color:var(--muted-foreground);font-size:11px}.checkpoint-readiness{margin-top:12px;font-size:12px}.checkpoint-exercise{background:var(--card);border:1px solid var(--border);border-radius:18px;margin:28px 0;padding:24px}.checkpoint-exercise>header h3{margin:8px 0 18px;font-size:24px}.checkpoint-exercise>header>p{color:var(--muted-foreground);margin:16px 0}.checkpoint-exercise h3[tabindex],.checkpoint-exercise h4[tabindex]{scroll-margin-top:90px}.checkpoint-exercise h3[tabindex]:focus,.checkpoint-exercise h4[tabindex]:focus{outline:2px solid var(--ring);outline-offset:5px}.checkpoint-preparation,.checkpoint-storage{border:1px solid var(--border);background:var(--accent);border-radius:12px;margin:18px 0;padding:18px}.checkpoint-preparation p,.checkpoint-storage p{margin:7px 0 12px}.checkpoint-preparation .button-row{flex-wrap:wrap}.checkpoint-native-grid{margin:20px 0}.checkpoint-native-grid>div{text-align:center;border:1px solid var(--border);background:var(--muted);border-radius:12px;padding:20px}.checkpoint-native-grid p{font-size:32px}.checkpoint-native-grid small{color:var(--muted-foreground)}.checkpoint-scene{background:var(--muted);border-radius:12px;justify-content:center;align-items:center;gap:16px;margin:22px 0;padding:20px;font-size:36px;display:flex}.checkpoint-source,.checkpoint-sound-choices>section{margin:22px 0}.checkpoint-source h4,.checkpoint-sound-choices>section>strong{margin-bottom:12px;font-weight:600;display:block}.checkpoint-note{margin:18px 0;font-size:12px}.checkpoint-draft{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.checkpoint-draft legend{padding:0 6px;font-size:14px;font-weight:600}.checkpoint-draft legend .lang-dot{margin-right:6px;display:inline-block}.checkpoint-draft legend span[lang]{font-weight:400}.checkpoint-draft>p{font-size:13px}.checkpoint-draft label,.checkpoint-recording>label{font-size:12px;font-weight:600}.checkpoint-draft textarea,.checkpoint-draft select,.checkpoint-recording select{width:100%;min-width:0;color:var(--foreground);background:var(--background);border:1px solid var(--input);font:inherit;border-radius:8px;padding:11px;font-size:14px;line-height:1.8}.checkpoint-draft textarea{resize:vertical;min-height:90px}.checkpoint-draft textarea:focus-visible,.checkpoint-draft select:focus-visible,.checkpoint-recording select:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.checkpoint-draft .checkpoint-tick{align-items:flex-start;gap:8px;font-size:12px;font-weight:400;display:flex}.checkpoint-tick input{accent-color:var(--primary);flex-shrink:0;width:17px;height:17px;margin-top:4px}.checkpoint-draft small{color:var(--muted-foreground);font-size:11px}.checkpoint-first{background:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;padding:12px}.checkpoint-first small{letter-spacing:.4px;font-size:10px}.checkpoint-draft .primary-button,.checkpoint-draft .secondary-button{white-space:normal;justify-content:center;min-height:44px;font-size:12px}.checkpoint-submitted{color:var(--primary);font-size:12px}.checkpoint-actions{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.checkpoint-models{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.checkpoint-models h4,.checkpoint-recording h4,.checkpoint-backup h3{font-size:18px;font-weight:600}.checkpoint-models>p,.checkpoint-recording>p{color:var(--muted-foreground);margin:12px 0 20px;font-size:13px}.checkpoint-models>.connected-language-grid{margin:18px 0}.checkpoint-criteria{background:var(--accent);border-radius:12px;gap:14px;margin-top:20px;padding:18px;display:grid}.checkpoint-recording{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.checkpoint-recording>select{max-width:240px;margin:8px 0 14px;display:block}.checkpoint-backup{background:var(--card);border:1px solid var(--border);border-radius:14px;margin:24px 0;padding:22px}.checkpoint-backup>p{margin:12px 0 18px;font-size:13px}.checkpoint-history{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:18px}.checkpoint-history summary{cursor:pointer;min-height:30px;font-weight:600}.checkpoint-history>p{margin-top:10px;font-size:12px}.checkpoint-history article{border-top:1px solid var(--border);margin-top:18px;padding:18px 0}.checkpoint-history article header{flex-direction:column;gap:6px;display:flex}.checkpoint-history article header span{color:var(--muted-foreground);font-size:12px}.checkpoint-history dl{grid-template-columns:140px minmax(0,1fr);gap:8px 18px;margin:16px 0;display:grid}.checkpoint-history dt{color:var(--muted-foreground);font-size:12px}.checkpoint-history dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px}.checkpoint-studio .button-row{flex-wrap:wrap}.checkpoint-studio .connected-parallel>div{min-width:0}.checkpoint-studio .connected-parallel p{overflow-wrap:anywhere}@media (width<=1050px){.checkpoint-draft-grid{grid-template-columns:1fr}.checkpoint-draft{gap:10px}.checkpoint-row-heading{flex-wrap:wrap}.checkpoint-status-grid{gap:8px}.checkpoint-exercise{padding:20px}.checkpoint-draft textarea{min-height:100px}}@media (width<=700px){.checkpoint-status-grid,.checkpoint-native-grid,.checkpoint-studio .connected-language-grid,.checkpoint-studio .connected-parallel{grid-template-columns:1fr}.checkpoint-intro{gap:12px;padding:20px}.checkpoint-intro h2{font-size:22px}.checkpoint-exercise{padding:16px}.checkpoint-row-heading .secondary-button,.checkpoint-actions>*{justify-content:center;width:100%}.checkpoint-history dl{grid-template-columns:1fr;gap:3px}.checkpoint-history dd{margin-bottom:10px}.checkpoint-studio .button-row{align-items:stretch}.checkpoint-studio .button-row button{white-space:normal}.checkpoint-matrix>article{padding:16px}}.checkpoint-model-line{margin:18px 0}.checkpoint-model-line>strong{color:var(--primary);margin-bottom:10px;font-size:13px;display:block}.studio-skip-link{z-index:1000;background:var(--card);color:var(--foreground);border:2px solid var(--primary);border-radius:8px;padding:12px 18px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.studio-skip-link:focus{transform:translateY(0)}.progress-recovery{border:1px solid var(--hi-fg);background:var(--hi-bg);color:var(--foreground);border-radius:12px;margin-bottom:24px;padding:20px}.progress-recovery h2{margin-bottom:8px;font-size:18px}.progress-recovery p{max-width:850px;margin-bottom:14px;font-size:14px;line-height:1.8}.progress-recovery .button-row{flex-wrap:wrap}.studio-archive-dialog{width:min(760px,100vw - 28px);max-height:88dvh;padding:26px;font-size:14px;line-height:1.8;overflow:auto;max-width:760px!important}.archive-scope{border:1px solid var(--border);background:var(--accent);border-radius:12px;gap:15px;margin-top:10px;padding:18px;display:flex}.archive-scope svg{color:var(--primary);margin-top:4px}.archive-scope strong{font-weight:650}.archive-scope p{margin-top:5px;font-size:13px}.archive-note{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px;line-height:1.9}.studio-archive-dialog>.button-row,.archive-preview .button-row,.archive-recovery .button-row{flex-wrap:wrap;gap:10px;display:flex}.archive-message{border:1px solid var(--border);background:var(--muted);white-space:pre-wrap;border-radius:10px;padding:14px;font-size:13px}.archive-preview,.archive-recovery{border:1px solid var(--border);border-radius:14px;margin-top:8px;padding:20px}.archive-preview h3,.archive-recovery h3{align-items:center;gap:10px;margin-bottom:12px;font-size:17px;font-weight:600;display:flex}.archive-preview>p,.archive-recovery>p{margin:12px 0}.archive-preview dl{background:var(--muted);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:7px 18px;margin:20px 0;padding:15px;display:grid}.archive-preview dt{font-size:13px}.archive-preview dd{margin:0;font-weight:650}.archive-filename{overflow-wrap:anywhere;font-weight:600}.archive-recovery.needs-attention{background:var(--hi-bg);border-color:var(--hi-fg)}.archive-discard{background:var(--muted);border-radius:10px;margin-top:12px;padding:14px}.archive-discard p{margin-bottom:14px}.archive-global-alert{z-index:30;background:var(--hi-bg);color:var(--hi-fg);border-bottom:1px solid;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:15px 24px;font-size:13px;display:flex;position:relative}.archive-global-alert button{text-underline-offset:3px;background:0 0;border:0;padding:4px;font-weight:600;text-decoration:underline}.archive-global-alert span{flex:1}@media (width<=600px){.studio-archive-dialog{max-height:90dvh;padding:20px}.archive-preview,.archive-recovery{padding:15px}.studio-archive-dialog .button-row>*{white-space:normal;justify-content:center;width:100%}.archive-scope{padding:15px}.archive-global-alert{padding:12px 16px}.archive-global-alert span{flex-basis:100%}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,: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-scroll-snap-strictness:proximity;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;--default-mono-font-family:var(--font-mono);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.inset-s-1\/2{inset-inline-start:50%}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.order-first{order:-9999}.order-last{order:9999}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.clear-start{clear:inline-start}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-\(--cell-size\){height:var(--cell-size)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[calc\(--spacing\(5\.5\)\)\]{height:calc(calc(var(--spacing) * 5.5))}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[300px\]{max-height:300px}.max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{max-height:min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-full{min-height:100%}.min-h-svh{min-height:100svh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[100px\]{width:100px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-\[80\%\]{max-width:80%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-sm{max-width:var(--container-sm)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scroll-fade-x{--_scroll-fade-size-s:var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-e:var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-inline:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x:where([dir=rtl],[dir=rtl] *){--scroll-fade-inline:linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x{-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-x{animation:1ms ease-in-out scroll-fade-reveal-s,1ms ease-in-out scroll-fade-reveal-e;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-x{--scroll-fade-s:var(--_scroll-fade-size-s);--scroll-fade-e:var(--_scroll-fade-size-e)}}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-b{animation:1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-b{--scroll-fade-b:var(--_scroll-fade-size-b)}}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.scroll-px-1{scroll-padding-inline:calc(var(--spacing) * 1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--color-border\){border-color:var(--color-border)}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[Canvas\]{background-color:canvas}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-input{background-color:var(--input)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Avenir Next,Avenir,Segoe UI,sans-serif}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words,.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:canvastext}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab, var(--sidebar-foreground) 70%, transparent)}}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.ring-card{--tw-ring-color:var(--card)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);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,)}.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))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,scale\,opacity\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.contain-content{contain:content}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing) * 8)}.\[contain-intrinsic-size\:auto_10rem\]{contain-intrinsic-size:auto 10rem}.\[content-visibility\:auto\]{content-visibility:auto}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *){display:none}.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){padding-inline:calc(var(--spacing) * 0)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){display:flex}.group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){align-self:flex-end}.group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){justify-content:flex-end}.group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){align-self:flex-end}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation=vertical] *){position:absolute}.group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation=vertical] *){top:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation=vertical] *){right:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation=vertical] *){gap:calc(var(--spacing) * 1)}.group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation=vertical] *){padding-inline:calc(var(--spacing) * 1)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size=sm] *){width:calc(var(--spacing) * 8)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size=xs] *){width:calc(var(--spacing) * 7)}.group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size=xs] *){border-radius:calc(var(--radius) - 2px)}.group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=done] *){opacity:1}.group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state=error] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state=error] *){background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state=error] *),.group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state=error] *){color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state=error] *){color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=idle] *){opacity:1}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *):where(.dark,.dark *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *):where(.dark,.dark *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant=separator] *){flex:none}.group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant=separator] *){text-align:center}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing) * 1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius) - 2px)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 1)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:min-w-0:before{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.before\:flex-1:before{content:var(--tw-content);flex:1}.before\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:ml-1:after{content:var(--tw-content);margin-left:calc(var(--spacing) * 1)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:min-w-0:after{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.after\:flex-1:after{content:var(--tw-content);flex:1}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[3px\]:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.has-aria-invalid\:border-destructive:has([aria-invalid=true]){border-color:var(--destructive)}.has-aria-invalid\:ring-\[3px\]:has([aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.has-data-\[slot\=attachment-content\]\:w-30:has([data-slot=attachment-content]){width:calc(var(--spacing) * 30)}.has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:px-2:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2.5)}.has-data-\[slot\=attachment-content\]\:py-1:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:py-2:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-media\]\:p-1:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-media\]\:p-2:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot=combobox-chip]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--primary)}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.has-\[button\]\:p-0:has(:is(button)){padding:calc(var(--spacing) * 0)}.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}@media (hover:hover){.has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has(>a,>button):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has(>a,>button):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing) * 4) 1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing) * 3)}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal]{height:1px}.aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal]{width:100%}.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after{content:var(--tw-content);height:calc(var(--spacing) * 1)}.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after{content:var(--tw-content);width:100%}.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical]{flex-direction:column}.data-empty\:p-0[data-empty]{padding:calc(var(--spacing) * 0)}.data-highlighted\:bg-accent[data-highlighted]{background-color:var(--accent)}.data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.data-pressed\:bg-transparent[data-pressed]{background-color:#0000}:is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\[active\=false\]\:pointer-events-none[data-active=false]{pointer-events:none}.data-\[active\=false\]\:scale-95[data-active=false]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=false\]\:opacity-0[data-active=false]{opacity:0}.data-\[active\=false\]\:duration-400[data-active=false]{--tw-duration:.4s;transition-duration:.4s}.data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active=false]{--tw-ease:cubic-bezier(.7,0,.84,0);transition-timing-function:cubic-bezier(.7,0,.84,0)}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:translate-y-0[data-active=true]{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[active\=true\]\:scale-100[data-active=true]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:var(--ring)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[active\=true\]\:opacity-100[data-active=true]{opacity:1}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active=true]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--destructive)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[align\=end\]\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\[align\=end\]\:self-end[data-align=end]{align-self:flex-end}.data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true]{min-width:var(--anchor-width)}.data-\[direction\=end\]\:bottom-4[data-direction=end]{bottom:calc(var(--spacing) * 4)}.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction=end][data-active=false]{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[direction\=start\]\:top-4[data-direction=start]{top:calc(var(--spacing) * 4)}.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction=start][data-active=false]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[size\=sm\]\:py-1[data-size=sm]{padding-block:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--destructive) 90%, transparent)}}:is(.\*\:data-\[slot\=attachment\]\:flex-none>*)[data-slot=attachment]{flex:none}:is(.\*\:data-\[slot\=attachment\]\:snap-start>*)[data-slot=attachment]{scroll-snap-align:start}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}:is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}:is(.\*\:data-\[slot\=bubble-content\]\:border-border>*)[data-slot=bubble-content]{border-color:var(--border)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-background>*)[data-slot=bubble-content]{background-color:var(--background)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}:is(.\*\:data-\[slot\=bubble-content\]\:bg-muted>*)[data-slot=bubble-content]{background-color:var(--muted)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-primary>*)[data-slot=bubble-content]{background-color:var(--primary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary>*)[data-slot=bubble-content]{background-color:var(--secondary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}:is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{padding:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=bubble-content\]\:text-destructive>*)[data-slot=bubble-content]{color:var(--destructive)}:is(.\*\:data-\[slot\=bubble-content\]\:text-foreground>*)[data-slot=bubble-content]{color:var(--foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground>*)[data-slot=bubble-content]{color:var(--primary-foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground>*)[data-slot=bubble-content]{color:var(--secondary-foreground)}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing) * 12)}:is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:color-mix(in oklab, var(--input) 30%, transparent)}}:is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}:is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}:is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{border-radius:0}.data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=error\]\:border-destructive\/30[data-state=error]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=error\]\:border-destructive\/30[data-state=error]{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=idle\]\:border-dashed[data-state=idle]{--tw-border-style:dashed;border-style:dashed}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{max-width:100%}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media (width>=40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.sm\:pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.sm\:text-left{text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-left{text-align:left}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (width>=28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.rtl\:translate-x-1\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.dark\:border-input:where(.dark,.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:where(.dark,.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30:where(.dark,.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:bg-transparent:where(.dark,.dark *){background-color:#0000}.dark\:text-muted-foreground:where(.dark,.dark *){color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:where(.dark,.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:where(.dark,.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:text-accent-foreground:where(.dark,.dark *):hover{color:var(--accent-foreground)}.dark\:hover\:text-foreground:where(.dark,.dark *):hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:has-aria-invalid\:border-destructive\/50:where(.dark,.dark *):has([aria-invalid=true]){border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-aria-invalid\:border-destructive\/50:where(.dark,.dark *):has([aria-invalid=true]){border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:has-aria-invalid\:ring-destructive\/40:where(.dark,.dark *):has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-aria-invalid\:ring-destructive\/40:where(.dark,.dark *):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:where(.dark,.dark *):has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:where(.dark,.dark *):has([data-state=checked]){background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where(.dark,.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where(.dark,.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:where(.dark,.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:where(.dark,.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:where(.dark,.dark *)>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:where(.dark,.dark *)>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:where(.dark,.dark *)>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:data-\[state\=active\]\:border-input:where(.dark,.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:where(.dark,.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30:where(.dark,.dark *)[data-state=active]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:data-\[state\=active\]\:text-foreground:where(.dark,.dark *)[data-state=active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:where(.dark,.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:where(.dark,.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary:where(.dark,.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:where(.dark,.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:where(.dark,.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:where(.dark,.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:where(.dark,.dark *)[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (pointer:coarse){.pointer-coarse\:size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.pointer-coarse\:px-3{padding-inline:calc(var(--spacing) * 3)}.pointer-coarse\:py-2{padding-block:calc(var(--spacing) * 2)}.pointer-coarse\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in oklab, var(--border) 50%, transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction=start] svg{rotate:180deg}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]),.group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size=xs] *) svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:underline:is(a){text-decoration-line:underline}.\[a\]\:underline-offset-3:is(a){text-underline-offset:3px}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.\[a\]\:hover\:text-foreground:is(a):hover,:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}.\[button\]\:text-left:is(button){text-align:left}.\[button\,a\]\:transition-colors:is(button,a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[button\,a\]\:outline-none:is(button,a){--tw-outline-style:none;outline-style:none}.\[button\,a\]\:focus-visible\:border-ring:is(button,a):focus-visible{border-color:var(--ring)}.\[button\,a\]\:focus-visible\:ring-3:is(button,a):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}:is(.\*\:\[img\]\:aspect-square>*):is(img){aspect-ratio:1}:is(.\*\:\[img\]\:w-full>*):is(img){width:100%}:is(.\*\:\[img\]\:object-cover>*):is(img){object-fit:cover}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg){color:var(--destructive)!important}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{color:var(--foreground)}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]:where(.dark,.dark *)>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:where(.dark,.dark *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:where(.dark,.dark *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:where(.dark,.dark *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:where(.dark,.dark *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:where(.dark,.dark *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:where(.dark,.dark *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}@container field-group (width>=28rem){:is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab, var(--background) 20%, transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--background)}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:where(.dark,.dark *){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--background) 10%, transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#f6f7fb;--foreground:#262c42;--card:#fff;--card-foreground:#262c42;--popover:#fff;--popover-foreground:#262c42;--primary:#4d5de4;--primary-foreground:#fff;--secondary:#edf0fb;--secondary-foreground:#3e4dba;--muted:#edf0f6;--muted-foreground:#626a7f;--accent:#edf0fc;--accent-foreground:#4555d0;--destructive:#cf4444;--border:#e6e8f0;--input:#d9ddea;--ring:#6575ee;--radius:.8rem;--sidebar:#fff;--sidebar-foreground:#6d7388;--sidebar-primary:#4d5de4;--sidebar-primary-foreground:#fff;--sidebar-accent:#eef0ff;--sidebar-accent-foreground:#4d5de4;--sidebar-border:#e6e8f0;--sidebar-ring:#6575ee;--hi-bg:#fff1e9;--hi-fg:#af5436;--en-bg:#eeedff;--en-fg:#6354b0;--yue-bg:#e6f5f0;--yue-fg:#257a69;--shadow:0 4px 24px #29366c04}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#151925;--foreground:#ecedf7;--card:#1e2433;--card-foreground:#ecedf7;--popover:#1e2433;--popover-foreground:#ecedf7;--primary:#92a0ff;--primary-foreground:#141b46;--secondary:#2b3453;--secondary-foreground:#c0c9ff;--muted:#293043;--muted-foreground:#a1aac1;--accent:#2c3553;--accent-foreground:#bec6ff;--border:#30384c;--input:#414c67;--ring:#92a0ff;--sidebar:#1a2030;--sidebar-foreground:#b7bfd1;--sidebar-primary:#9da8ff;--sidebar-primary-foreground:#17204e;--sidebar-accent:#2d3655;--sidebar-accent-foreground:#b4bdff;--sidebar-border:#30384c;--hi-bg:#3a2a29;--hi-fg:#f7b18f;--en-bg:#302d48;--en-fg:#b8b0fc;--yue-bg:#203934;--yue-fg:#8ad6bf;--shadow:none}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:16px}button,a,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--ring);outline-offset:4px}button{transition:background .18s,transform .18s,color .18s}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{color:#243067;background:#c9d1ff}.app-main{background:var(--background);width:100%;min-width:0;min-height:100vh}.brand{color:var(--foreground);letter-spacing:-2px;align-items:center;gap:12px;padding:27px 21px 30px;font-size:37px;font-weight:750;line-height:1;display:flex}.brand>div>span{letter-spacing:2px;color:var(--muted-foreground);margin-top:9px;font-size:9px;font-weight:650;display:block}.brand .brand-mark{color:#fff;letter-spacing:-5px;background:#4c5ce4;border-radius:13px;justify-content:center;align-items:center;width:41px;height:43px;padding-bottom:8px;font-family:Georgia,serif;font-size:42px;display:flex}.brand-mark span{letter-spacing:0!important;color:#bac3ff!important;margin:0!important;font-size:38px!important;display:inline!important}.nav-caption{letter-spacing:1.6px;color:var(--muted-foreground);padding:10px 28px 16px;font-size:10px;font-weight:700}nav{padding:0 17px}.nav-item{width:100%;color:var(--sidebar-foreground);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;margin:3px 0;padding:14px 15px;font-size:14px;font-weight:550;display:flex}.nav-item:hover{background:var(--muted)}.nav-item.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:700}.nav-item .nav-badge{background:var(--card);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px}.sidebar-languages p{color:var(--foreground);align-items:center;gap:10px;margin:0 29px 20px;font-size:14px;display:flex}.sidebar-languages small{color:var(--muted-foreground);margin-left:auto;font-size:12px}.lang-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.local-note{color:var(--muted-foreground);align-items:center;gap:10px;padding:18px 16px 20px;font-size:12px;display:flex}.local-note small{margin-top:4px;font-size:11px;display:block}.topbar{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;height:83px;padding:0 39px;display:flex}.topbar>div{align-items:center;gap:15px;display:flex}.topbar>div>span{font-size:14px;font-weight:550}.topbar [data-sidebar=trigger]{display:none}.streak{color:var(--muted-foreground);align-items:center;gap:7px;display:flex;font-size:13px!important}.icon-button{border:1px solid var(--border);background:var(--card);width:36px;height:36px;color:var(--muted-foreground);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--muted);color:var(--primary)}.avatar{color:#6870a1;border:3px solid var(--card);outline:1px solid var(--border);background:#e8eafa;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;font-size:12px!important}.workspace{max-width:1500px;margin:auto;padding:37px 39px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.9px;color:var(--muted-foreground);margin-bottom:10px;font-size:10px;font-weight:700}.page-heading h1{letter-spacing:-.8px;font-size:28px;font-weight:650;line-height:1.35}.page-heading p{color:var(--muted-foreground);margin-top:9px;font-size:14px;line-height:1.6}.soft-tag{color:var(--primary);background:var(--accent);white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:inline-flex}.dashboard-grid{grid-template-columns:minmax(0,1fr) 268px;gap:26px;display:grid}.main-column{min-width:0}.lesson-hero{color:#fff;background:#4c5cdb;border-radius:17px;align-items:center;min-height:300px;padding:30px 31px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;width:53%;position:relative}.hero-label{letter-spacing:1.6px;color:#e0e4ff;font-size:10px;font-weight:600}.hero-content h2{letter-spacing:-1px;margin:16px 0 12px;font-size:39px;font-weight:650;line-height:1.13}.hero-content p{color:#e1e5ff;font-size:13px;line-height:1.8}.white-button{color:#434fc0;background:#fff;border:0;border-radius:8px;align-items:center;gap:29px;margin-top:21px;padding:12px 17px;font-size:13px;font-weight:650;display:inline-flex}.white-button:hover{background:#edf0ff}.hero-meta{color:#dce0ff;white-space:nowrap;align-items:center;gap:8px;margin-top:15px;font-size:10px;display:flex}.script-composition{width:245px;height:238px;position:absolute;top:38px;right:7%}.floating-word{border-radius:11px;flex-direction:column;justify-content:space-between;width:141px;height:114px;padding:13px 17px;display:flex;position:absolute;box-shadow:0 8px 20px #1722691b}.floating-word small{letter-spacing:1.1px;font-size:8px;font-weight:700}.floating-word strong{font-size:29px;font-weight:550;line-height:1.2}.floating-word span{opacity:.8;font-size:10px}.word-hi{color:#965e45;z-index:1;background:#fff0e5;top:0;left:6px;transform:rotate(-10deg)}.word-en{color:#6b5b9c;z-index:2;background:#f2edff;top:67px;right:0;transform:rotate(9deg)}.word-yue{color:#3b806a;z-index:3;background:#e5f3e9;top:131px;left:7px;transform:rotate(-6deg)}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin:28px 0 15px;display:flex}.section-heading h2{letter-spacing:-.2px;font-size:17px;font-weight:650}.section-heading>span{color:var(--muted-foreground);letter-spacing:1px;font-size:9px;font-weight:650}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.language-card{border:1px solid #0000;border-radius:12px;padding:17px 16px 13px;overflow:hidden}.language-card.hindi{background:var(--hi-bg);color:var(--hi-fg)}.language-card.english{background:var(--en-bg);color:var(--en-fg)}.language-card.cantonese{background:var(--yue-bg);color:var(--yue-fg)}.language-card-top{justify-content:space-between;align-items:center;gap:5px;font-size:11px;display:flex}.language-card-top>span:first-child{align-items:center;gap:7px;font-weight:650;display:flex}.language-card-top>span:last-child{opacity:.8;font-size:10px}.phrase-script{overflow-wrap:anywhere;margin:20px 0 5px;font-size:30px;font-weight:500;line-height:1.6}.romanization{min-height:19px;font-size:12px}.language-card-bottom{border-color:currentColor;border-top-style:solid;border-top-width:1px;justify-content:space-between;align-items:center;gap:8px;margin-top:21px;padding-top:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.language-card-bottom{border-color:color-mix(in srgb,currentColor 12%,transparent)}}.language-card-bottom>span{opacity:.8;font-size:10px}.audio-button{color:inherit;background:#ffffff65;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex}.dark .audio-button{background:#ffffff10}.audio-button:hover{background:#ffffffa0}.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.practice-card{text-align:left;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:19px 17px;position:relative}.practice-card:hover{border-color:var(--primary);transform:translateY(-3px)}.practice-icon{border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:19px;display:grid}.peach{color:var(--hi-fg);background:var(--hi-bg)}.violet{color:var(--en-fg);background:var(--en-bg)}.mint{color:var(--yue-fg);background:var(--yue-bg)}.card-arrow{color:var(--muted-foreground);position:absolute;top:23px;right:17px}.practice-card h3{font-size:14px;font-weight:650}.practice-card p{color:var(--muted-foreground);margin:7px 0 17px;font-size:11px}.practice-card>span{letter-spacing:1.2px;color:var(--muted-foreground);font-size:8px;font-weight:650}.right-column{flex-direction:column;gap:20px;display:flex}.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;padding:21px}.panel .section-heading{margin:0 0 21px}.panel h3{font-size:14px;font-weight:650}.panel .section-heading>span{font-size:8px}.goal-ring{background:conic-gradient(var(--primary) var(--percent),var(--muted) 0);border-radius:50%;width:142px;height:142px;margin:0 auto 14px;padding:8px;transform:rotate(-90deg)}.goal-ring>div{background:var(--card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;transform:rotate(90deg)}.goal-ring strong{letter-spacing:-2px;font-size:34px;font-weight:550}.goal-ring strong>span{letter-spacing:0;color:var(--muted-foreground);font-size:20px}.goal-ring small{color:var(--muted-foreground);margin-top:3px;font-size:10px}.goal-panel>p{text-align:center;color:var(--muted-foreground);font-size:11px}.week-row{justify-content:space-between;margin-top:23px;padding:0 7px;display:flex}.week-row>div{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:9px;font-size:9px;display:flex}.week-row i{border:1px solid var(--border);background:var(--background);border-radius:50%;width:21px;height:21px}.week-row i.done{background:var(--primary);border-color:var(--primary)}.week-row i.today{outline:2px solid var(--primary);outline-offset:2px}.mini-stage{color:var(--muted-foreground);gap:13px;margin-bottom:24px;display:flex;position:relative}.mini-stage:not(:nth-last-child(2)):after{content:"";border-left:1px dashed var(--border);height:24px;position:absolute;top:31px;left:13px}.mini-stage>span{border:1px solid var(--border);background:var(--background);border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.mini-stage.current>span{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.mini-stage strong{margin-top:2px;font-size:12px;font-weight:600;display:block}.mini-stage.current strong{color:var(--foreground)}.mini-stage small{margin-top:5px;font-size:10px;display:block}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.journey-panel .text-button{border-top:1px solid var(--border);justify-content:space-between;width:100%;padding-top:18px}.tip-panel{border:1px solid var(--border);background:var(--en-bg);border-radius:13px;padding:21px}.tip-panel>div:first-child{color:var(--en-fg);align-items:center;gap:8px;display:flex}.tip-panel>div>span{letter-spacing:.9px;font-size:8px;font-weight:650}.tip-panel h3{margin:14px 0 9px;font-size:15px;font-weight:650}.tip-panel>p{color:var(--muted-foreground);font-size:12px;line-height:1.85}.tip-trio{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;display:flex}.tip-trio>span{color:var(--en-fg);letter-spacing:0!important;font-size:14px!important}.workspace-footer{color:var(--muted-foreground);justify-content:space-between;padding:30px 0 22px;font-size:10px;display:flex}.workspace-footer span:first-child{font-style:italic}@media (width>=1550px){.workspace{padding-top:45px}.lesson-hero{min-height:340px}.script-composition{top:52px;right:12%}.hero-content h2{font-size:46px}.hero-content p{font-size:15px}.page-heading h1{font-size:32px}.language-card{padding:20px}.phrase-script{font-size:38px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 295px}}@media (width<=1250px){.workspace{padding:28px 25px 0}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.soft-tag{display:none}.hero-content h2{font-size:32px}.script-composition{transform-origin:100%;right:12px;transform:scale(.88)}.hero-content{width:60%}.lesson-hero{padding:26px}.hero-meta{font-size:8px}.language-card-top>span:last-child{display:none}.language-card{padding:13px}.language-card-bottom>span{font-size:9px}.practice-card{padding:15px}.practice-card p{font-size:10px}.section-heading>span{font-size:8px}.panel,.tip-panel{padding:17px}}@media (width<=1080px){.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.goal-ring{width:115px;height:115px}.goal-ring strong{font-size:27px}.tip-panel{height:100%}.week-row{margin-top:16px}.mini-stage{margin-bottom:20px}.tip-trio{margin-top:20px}.script-composition{right:8%;transform:scale(1)}.hero-content h2{font-size:38px}.language-card-top>span:last-child{display:block}.language-card{padding:16px}.page-heading h1{font-size:25px}.hero-meta{font-size:10px}.hero-content{width:51%}}@media (width<=767px){.topbar{height:66px;padding:0 20px}.topbar [data-sidebar=trigger]{display:flex}.topbar .topbar-right{gap:12px}.workspace{padding:25px 20px 0}.page-heading h1{font-size:24px}.page-heading p{font-size:13px}.lesson-hero{min-height:300px}.script-composition{transform-origin:100%;right:6%;transform:scale(.9)}.hero-content h2{font-size:34px}.right-column{grid-template-columns:1fr 1fr}.tip-panel{grid-column:1/-1}.tip-trio{max-width:230px}.workspace-footer>span:last-child{display:none}.nav-caption{font-size:12px}.nav-item{font-size:16px}.brand>div>span{font-size:10px}}@media (width<=460px){.workspace{padding:24px 14px 0}.topbar{padding:0 14px}.topbar .streak{font-size:11px!important}.avatar{display:none}.hero-content h2{font-size:29px}.hero-content p{font-size:12px}.hero-content{width:60%}.script-composition{top:46px;right:10px;transform:scale(.67)}.lesson-hero{min-height:300px;padding:23px 20px}.hero-label{font-size:8px}.hero-meta{gap:5px;font-size:8px}.hero-content .white-button{gap:15px;font-size:12px}.language-grid{gap:6px}.language-card{padding:12px 8px}.language-card-top{font-size:10px}.language-card-top>span:last-child{display:none}.phrase-script{font-size:23px}.romanization{font-size:10px}.language-card-bottom{flex-wrap:wrap;gap:6px;margin-top:16px}.language-card-bottom>span{font-size:9px}.section-heading h2{font-size:16px}.section-heading>span{display:none}.practice-grid{gap:7px}.practice-card{padding:12px 10px}.practice-card h3{font-size:12px}.practice-card p{min-height:30px;font-size:10px;line-height:1.6}.practice-card>span{letter-spacing:.5px;font-size:7px}.practice-icon{width:35px;height:35px}.card-arrow{width:13px;top:18px;right:10px}.right-column{gap:10px}.panel{padding:16px 13px}.panel h3{font-size:13px}.goal-ring{width:105px;height:105px}.mini-stage{gap:7px}.mini-stage strong{font-size:11px}.mini-stage small{font-size:9px;line-height:1.5}.journey-panel .text-button{font-size:10px;line-height:1.6}.page-heading h1{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand{text-align:left;background:0 0;border:0;width:100%}.sidebar-utilities{border-top:1px solid var(--border);justify-content:space-between;margin:0 17px;padding-top:15px;display:flex}.sidebar-utilities button{color:var(--muted-foreground);background:0 0;border:0;align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.primary-button,.secondary-button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.primary-button{background:var(--primary);color:var(--primary-foreground)}.primary-button:hover{filter:brightness(1.08)}.secondary-button{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.secondary-button:hover{background:var(--muted)}.button-row{flex-wrap:wrap;gap:10px;margin-top:21px;display:flex}.small{font-size:12px}.muted{color:var(--muted-foreground)}.session-dialog{max-height:90dvh;overflow-y:auto;background:var(--card)!important;border-radius:19px!important;gap:23px!important;width:calc(100vw - 36px)!important;max-width:850px!important;padding:32px!important}.session-dialog [data-slot=dialog-title]{letter-spacing:-.6px;font-size:25px;font-weight:650;line-height:1.25}.session-dialog [data-slot=dialog-description]{margin-top:6px;font-size:14px;line-height:1.7}.session-dialog .eyebrow{margin-top:3px}.session-meter{align-items:center;gap:15px;display:flex}.session-meter>span{white-space:nowrap;color:var(--muted-foreground);font-size:12px}.concept-cue{align-items:center;gap:15px;padding:10px 0;display:flex}.concept-cue>span{background:var(--muted);border-radius:14px;place-items:center;width:56px;height:56px;font-size:31px;display:grid}.concept-cue small{letter-spacing:1.5px;color:var(--muted-foreground);font-size:9px}.concept-cue h3{font-size:20px;font-weight:600;line-height:1.5}.session-dialog .language-card{padding:20px}.session-dialog .phrase-script{font-size:30px}.save-phrase{margin-top:16px;font-size:12px}.memory-note{background:var(--accent);color:var(--accent-foreground);border-radius:11px;align-items:flex-start;gap:13px;padding:17px 19px;display:flex}.memory-note p{font-size:14px;line-height:1.8}.memory-note svg{margin-top:3px}.lesson-prompt{text-align:center;color:var(--muted-foreground);grid-template-columns:repeat(3,1fr);gap:10px;font-size:13px;display:grid}.session-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}.completion{text-align:center;padding:12px 8px}.completion-icon{background:var(--en-bg);width:80px;height:80px;color:var(--en-fg);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.completion h3{letter-spacing:-.5px;font-size:24px;font-weight:600}.completion>p{color:var(--muted-foreground);max-width:540px;margin:20px auto;font-size:14px;line-height:1.8}.completion-words{background:var(--muted);border-radius:12px;margin:23px 0;padding:13px 20px}.completion-words>div{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:15px;padding:12px 0;font-size:15px;display:grid}.completion-words>div:last-child{border:0}.reveal-button{background:var(--muted);border:1px dashed var(--border);color:var(--muted-foreground);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;display:flex}.review-ratings{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.review-ratings legend{margin-bottom:10px;font-size:13px;font-weight:600}.review-ratings fieldset{min-width:0}.review-ratings button{border:1px solid var(--border);background:var(--card);border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:7px;padding:10px 12px;font-size:12px;display:flex}.review-ratings button small{color:var(--muted-foreground);font-size:10px}.review-ratings button.selected{background:var(--accent);border-color:var(--primary);color:var(--primary)}.quiz-question{background:var(--muted);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding:22px;display:grid}.quiz-question small{letter-spacing:.8px;color:var(--muted-foreground);font-size:10px}.quiz-question p{margin-top:10px;font-size:16px;line-height:1.9}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{border:1px solid var(--border);text-align:left;background:var(--card);width:100%;min-width:0;color:var(--foreground);border-radius:11px;align-items:center;gap:16px;padding:17px 20px;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--primary);background:var(--accent)}.option-letter{background:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.option-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;font-size:17px;display:grid}.option-trio small{color:var(--muted-foreground);margin-top:8px;font-size:11px;display:block}.quiz-option:disabled{opacity:.7}.quiz-option.correct{background:var(--yue-bg);opacity:1;border-color:#5cab87}.quiz-option.incorrect{background:var(--hi-bg);opacity:1;border-color:#d98670}.answer-feedback{background:var(--muted);border-radius:10px;padding:18px;font-size:14px;line-height:1.8}.answer-feedback p{color:var(--muted-foreground);margin-top:5px}.path-overview{background:var(--accent);border-radius:12px;align-items:center;gap:35px;margin-bottom:23px;padding:22px;display:flex}.path-overview>div:first-child{color:var(--primary);align-items:center;gap:15px;min-width:220px;display:flex}.path-overview strong{font-size:16px;display:block}.path-overview small{color:var(--muted-foreground);margin-top:5px;font-size:12px;display:block}.path-overview [data-slot=progress]{max-width:350px;margin-left:auto}.lesson-list{flex-direction:column;gap:10px;display:flex}.lesson-row{text-align:left;background:var(--card);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:12px;align-items:center;gap:22px;padding:22px;display:flex}.lesson-row:hover{border-color:var(--primary);box-shadow:var(--shadow)}.lesson-number{background:var(--accent);color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:14px;font-weight:600;display:grid}.lesson-number.complete{background:var(--yue-bg);color:var(--yue-fg)}.lesson-info{flex:1;min-width:0}.lesson-info strong{font-size:16px;font-weight:650;display:block}.lesson-title-trio{color:var(--muted-foreground);flex-wrap:wrap;gap:20px;margin-top:8px;font-size:14px;display:flex}.lesson-info>small{color:var(--muted-foreground);margin-top:9px;font-size:12px;display:block}.lesson-duration{color:var(--muted-foreground);align-items:center;gap:25px;font-size:12px;display:flex}.roadmap-note{color:var(--muted-foreground);max-width:850px;margin-bottom:22px;font-size:14px;line-height:1.8}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:40px;display:grid}.stage-card{border:1px solid var(--border);background:var(--card);border-radius:13px;padding:25px}.stage-card.available{border-color:var(--primary)}.stage-label{letter-spacing:1.3px;color:var(--muted-foreground);font-size:10px;font-weight:650}.stage-card h3{letter-spacing:-.4px;margin:14px 0 9px;font-size:21px;font-weight:600}.stage-translations{color:var(--primary);flex-wrap:wrap;gap:20px;font-size:14px;line-height:1.8;display:flex}.stage-card p{color:var(--muted-foreground);margin:15px 0 20px;font-size:14px;line-height:1.9}.skill-tags{flex-wrap:wrap;gap:6px;display:flex}.skill-tags span{background:var(--muted);border-radius:5px;padding:5px 8px;font-size:11px}.stage-status{letter-spacing:.3px;color:var(--muted-foreground);margin-top:20px;font-size:11px;display:block}.stage-card.available .stage-status{color:var(--primary)}.practice-feature{background:var(--accent);border:1px solid var(--border);border-radius:15px;align-items:center;gap:24px;padding:28px;display:flex}.practice-feature-icon{background:var(--card);width:74px;height:74px;color:var(--primary);border-radius:19px;flex-shrink:0;place-items:center;display:grid}.practice-feature h2{letter-spacing:-.4px;margin:8px 0;font-size:21px;font-weight:600}.practice-feature p{color:var(--muted-foreground);font-size:13px;line-height:1.7}.practice-feature>.primary-button{white-space:nowrap;margin-left:auto}.practice-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px;display:grid}.large-practice-card{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;padding:26px;display:flex}.large-practice-card:hover{border-color:var(--primary);transform:translateY(-3px)}.large-practice-card h2{letter-spacing:-.3px;font-size:19px;font-weight:600;line-height:1.5}.large-practice-card p{color:var(--muted-foreground);flex:1;margin:12px 0 24px;font-size:14px;line-height:1.9}.large-practice-card>span:last-child{width:100%;color:var(--primary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.method-strip{background:var(--en-bg);color:var(--en-fg);border-radius:12px;align-items:flex-start;gap:18px;margin:27px 0 40px;padding:24px;display:flex}.method-strip h3{margin-bottom:9px;font-size:16px;font-weight:600}.method-strip p{font-size:14px;line-height:1.9}.search-box{background:var(--card);border:1px solid var(--border);max-width:600px;color:var(--muted-foreground);border-radius:11px;align-items:center;gap:12px;margin-bottom:22px;padding:0 16px;display:flex}.search-box input{color:var(--foreground);background:0 0;border:0;outline:0;width:100%;padding:16px 0;font-size:14px}.search-box:focus-within{outline:2px solid var(--ring)}.collection-tabs{margin-bottom:0;height:43px!important}.collection-tabs [role=tab]{padding:9px 20px}.phrasebook-list{margin-bottom:40px}.phrasebook-entry{margin:15px 0 30px}.phrasebook-entry .section-heading{margin-top:19px}.phrasebook-entry .save-phrase{float:right}.phrasebook-entry:after{content:"";clear:both;display:block}.empty-state{text-align:center;color:var(--muted-foreground);padding:70px 20px}.empty-state svg{margin:0 auto 20px}.empty-state h3{color:var(--foreground);font-size:20px}.empty-state p{margin-top:12px;font-size:14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:25px}.stat-card svg{color:var(--primary);margin-bottom:24px}.stat-card>strong{letter-spacing:-1.5px;font-size:40px;font-weight:550;display:block}.stat-card h3{margin:9px 0;font-size:14px;font-weight:600}.stat-card p{color:var(--muted-foreground);font-size:12px}.activity-panel,.memory-panel{margin-top:25px;padding:27px}.activity-grid{grid-template-columns:repeat(14,minmax(0,1fr));gap:8px;display:grid}.activity-day{background:var(--muted);aspect-ratio:1/1.1;color:var(--muted-foreground);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex}.activity-day>span{font-size:14px}.activity-day small{margin-top:7px;font-size:8px}.activity-day.has-activity{background:var(--primary);color:var(--primary-foreground)}.language-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.language-progress-grid>div>div:first-child{align-items:center;gap:8px;display:flex}.language-progress-grid h3{font-size:14px}.language-progress-grid>div>div>span:last-child{color:var(--muted-foreground);margin-left:auto;font-size:11px}.language-progress-grid strong{margin:18px 0 13px;font-size:33px;font-weight:550;display:block}.language-progress-grid strong small{color:var(--muted-foreground);font-size:19px}.language-progress-grid p{color:var(--muted-foreground);margin-top:15px;font-size:12px;line-height:1.9}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding-bottom:40px;display:grid}.settings-panel{padding:27px}.settings-panel h2,.sources-panel h2{letter-spacing:-.3px;margin-bottom:15px;font-size:19px;font-weight:600}.settings-panel>p,.sources-panel>p{color:var(--muted-foreground);font-size:14px;line-height:1.9}.goal-choices{grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0;display:grid}.goal-choices>button{border:1px solid var(--border);background:var(--background);border-radius:10px;padding:13px 5px}.goal-choices>button.selected{border-color:var(--primary);background:var(--accent);color:var(--primary)}.goal-choices strong{font-size:23px;font-weight:600;display:block}.goal-choices span{color:var(--muted-foreground);margin-top:5px;font-size:10px;display:block}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}.setting-row h3{font-size:14px;font-weight:600}.setting-row p{color:var(--muted-foreground);margin-top:6px;font-size:12px;line-height:1.8}.local-promise{background:var(--yue-bg);color:var(--yue-fg);border-radius:10px;align-items:flex-start;gap:10px;margin-top:23px;padding:17px;display:flex}.local-promise p{font-size:12px;line-height:1.8}.voice-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 0;font-size:13px;display:flex}.voice-row>span:nth-child(2){color:var(--muted-foreground);margin-left:auto;font-size:11px}.voice-row:last-of-type{margin-bottom:17px}.settings-panel>p.small{font-size:12px}.language-lockup{color:var(--primary);justify-content:space-between;gap:10px;padding:25px 0 0;font-size:18px;display:flex}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.help-card{padding:28px}.help-card svg{color:var(--primary);margin-bottom:18px}.help-card h2{margin-bottom:13px;font-size:20px;font-weight:600}.help-card p{color:var(--muted-foreground);font-size:14px;line-height:1.9}.sources-panel{margin:25px 0 40px;padding:28px}.sources-panel ul{color:var(--primary);margin:16px 0;padding-left:20px;font-size:14px;line-height:2}.sources-panel a:hover{text-decoration:underline}.sources-panel small{color:var(--muted-foreground);font-size:11px}.script-studio{padding-bottom:40px}.script-studio button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.script-studio p{font-size:14px}.script-studio .script-panel{box-shadow:var(--shadow)}@media (width<=1200px){.practice-feature{flex-wrap:wrap}.practice-feature>.primary-button{margin-left:98px}.large-practice-card{padding:20px}.practice-mode-grid{gap:13px}.stats-grid{gap:12px}.stat-card{padding:20px}.settings-grid{gap:16px}.settings-panel{padding:23px}.activity-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.activity-day{aspect-ratio:1.5}.goal-choices{gap:6px}}@media (width<=950px){.practice-mode-grid{grid-template-columns:1fr}.large-practice-card{padding:24px}.large-practice-card .practice-icon{margin-bottom:13px}.stage-grid,.settings-grid,.help-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.practice-feature>.primary-button{margin-left:0}.language-progress-grid{gap:17px}.language-progress-grid>div>div>span:last-child{display:none}}@media (width<=600px){.session-dialog{max-height:94dvh;gap:19px!important;max-width:calc(100% - 20px)!important;padding:24px 16px!important}.session-dialog [data-slot=dialog-title]{padding-right:12px;font-size:21px}.session-dialog .language-card{padding:13px 8px}.session-dialog .phrase-script{font-size:23px}.session-dialog .language-card-top{font-size:10px}.session-dialog .language-card-top>span:last-child{display:none}.session-dialog .language-card-bottom{flex-wrap:wrap}.session-dialog .romanization{overflow-wrap:anywhere;font-size:11px}.memory-note{gap:10px;padding:14px}.memory-note p{font-size:13px}.lesson-prompt{gap:8px;font-size:11px}.primary-button,.secondary-button{gap:8px;padding:11px 14px;font-size:12px}.session-footer .small{max-width:140px;font-size:10px;line-height:1.8}.review-ratings{gap:7px}.review-ratings button{gap:5px;padding:8px 7px;font-size:11px}.review-ratings button small{font-size:8px}.quiz-question{gap:12px;padding:16px 12px}.quiz-question p{font-size:13px;line-height:1.9}.quiz-option{gap:9px;padding:13px 10px}.option-trio{gap:10px;font-size:14px}.option-trio small{overflow-wrap:anywhere;font-size:10px}.option-letter{width:23px;height:23px;font-size:11px}.lesson-row{gap:13px;padding:18px 14px}.lesson-number{width:35px;height:35px;font-size:12px}.lesson-info strong{font-size:14px}.lesson-title-trio{gap:7px;font-size:12px}.lesson-info>small{font-size:11px;line-height:1.7}.lesson-duration{flex-direction:column;gap:5px;font-size:10px}.path-overview{flex-wrap:wrap;gap:20px;padding:18px}.path-overview [data-slot=progress]{max-width:none}.practice-feature{gap:19px;padding:23px}.practice-feature h2{font-size:20px}.practice-feature-icon{width:56px;height:56px}.practice-feature>.primary-button{width:100%}.language-progress-grid{gap:12px}.language-progress-grid h3{font-size:11px}.language-progress-grid p{font-size:10px}.activity-panel,.memory-panel{padding:19px 15px}.activity-grid{gap:6px}.activity-day>span{font-size:12px}.activity-day small{font-size:7px}.completion-words{padding:10px}.completion-words>div{gap:10px;font-size:12px}.completion h3{font-size:21px}.search-box input,.script-studio p{font-size:12px}.lesson-hero{flex-direction:column;align-items:stretch;gap:23px}.hero-content{width:100%}.hero-content h2{max-width:300px;font-size:32px}.hero-content p{max-width:280px}.script-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;height:auto;display:grid;position:static;transform:none}.floating-word{width:100%;height:95px;box-shadow:none;border-radius:9px;padding:12px 10px;position:static;transform:none}.floating-word strong{overflow-wrap:anywhere;font-size:23px}.floating-word small{font-size:7px}.floating-word span{font-size:9px}.hero-meta{white-space:normal;flex-wrap:wrap;font-size:10px}.hero-label{font-size:10px}.hero-content .white-button{font-size:13px}}.parallel-note{display:block}.memory-note-label{align-items:center;gap:8px;margin-bottom:13px;display:flex}.memory-note-label>span{letter-spacing:1.2px;font-size:9px;font-weight:650}.memory-note-label svg{margin:0}.explanation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.explanation-grid small{margin-bottom:7px;font-size:10px;font-weight:650;display:block}.explanation-grid p{overflow-wrap:anywhere;font-size:13px;line-height:1.9}.answer-feedback .parallel-note{margin-top:13px}.session-dialog .session-footer{background:var(--card);z-index:2;padding-bottom:8px;position:sticky;bottom:-32px}@media (width<=600px){.explanation-grid{gap:10px}.explanation-grid p{font-size:12px;line-height:1.9}.session-dialog .session-footer{bottom:-24px}.floating-word{height:110px}.floating-word strong{font-size:21px;line-height:1.35}}.easy-pronunciation{overflow-wrap:anywhere;margin:14px 0 10px;line-height:1.6}.easy-pronunciation small,.standard-pronunciation small{letter-spacing:1.2px;opacity:.7;margin-bottom:5px;font-size:9px;font-weight:650;display:block}.easy-pronunciation strong{font-size:15px;font-weight:650;line-height:1.7}.standard-pronunciation{color:var(--muted-foreground);overflow-wrap:anywhere;margin:12px 0;font-size:13px;line-height:1.6}.standard-pronunciation small{font-size:8px}.standard-roman{opacity:.85;margin-top:8px;font-size:12px}.pronunciation-footnote{color:var(--muted-foreground);margin-top:10px;font-size:11px;line-height:1.7}.quiz-easy{color:var(--foreground)!important;font-weight:600!important;line-height:1.6!important}.sound-listen{border:1px solid;justify-content:center;align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.sound-listen{border:1px solid color-mix(in srgb,currentColor 20%,transparent)}}.sound-listen{color:inherit;background:0 0;border-radius:7px;margin-top:15px;padding:9px 11px;font-size:12px}.sound-listen:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.sound-listen:hover{background:color-mix(in srgb,currentColor 7%,transparent)}}.foundations-hero{min-height:330px}.foundations-hero .hero-content{width:66%;max-width:420px}.foundations-hero .hero-content h2{font-size:35px;line-height:1.18}.foundations-hero .hero-content p{max-width:345px}.foundation-hero-sequence{flex-direction:column;gap:16px;width:135px;margin:0 0 0 auto;padding-left:20px;display:flex}.foundation-hero-sequence>div{background:#ffffff12;border:1px solid #ffffff26;border-radius:10px;grid-template-columns:1fr auto;gap:9px 10px;padding:15px;display:grid}.foundation-hero-sequence strong{color:#d7dfff;align-self:center;font-size:10px}.foundation-hero-sequence span{white-space:nowrap;color:#e8ebff;grid-column:1/-1;font-size:10px}.reference-shortcut{border:1px solid var(--border);background:var(--card);text-align:left;width:100%;color:var(--foreground);border-radius:12px;align-items:center;gap:17px;margin-top:18px;padding:20px;display:flex}.reference-shortcut:hover{border-color:var(--primary)}.reference-shortcut-icon{background:var(--en-bg);width:45px;height:45px;color:var(--en-fg);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.reference-shortcut strong{font-size:16px;font-weight:650}.reference-shortcut small{color:var(--muted-foreground);margin-top:6px;font-size:12px;line-height:1.7;display:block}.reference-shortcut>svg{color:var(--primary);margin-left:auto}.dashboard-samples .phrase-script{font-size:26px;line-height:1.7}.dashboard-samples .sound-listen{font-size:11px}.dashboard-samples .easy-pronunciation strong{font-size:13px}.dashboard-samples .romanization{overflow-wrap:anywhere}.tip-panel .text-button{margin-top:18px;font-size:11px;line-height:1.7}.tip-panel .tip-trio span{font-size:12px!important}.nav-item{padding:12px 15px}.sidebar-languages{margin-top:18px}.sidebar-languages p{margin-bottom:15px}.path-start-banner{background:var(--en-bg);color:var(--foreground);border-radius:16px;align-items:center;gap:25px;margin-bottom:22px;padding:28px;display:flex}.path-banner-symbol{background:var(--card);width:72px;height:72px;color:var(--en-fg);border-radius:17px;flex-shrink:0;place-items:center;display:grid}.path-start-banner h2{letter-spacing:-.4px;font-size:23px;font-weight:600;line-height:1.4}.path-start-banner p{color:var(--muted-foreground);max-width:610px;margin-top:11px;font-size:14px;line-height:1.85}.path-start-banner .primary-button{white-space:nowrap;margin-left:auto}.learning-path .path-overview{flex-wrap:wrap;gap:22px}.learning-path .path-overview [data-slot=progress]{flex:1;min-width:130px;max-width:240px}.learning-path .path-overview .text-button{margin-left:auto;font-size:12px}.path-chapter{margin:35px 0}.path-chapter>header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.chapter-symbol{background:var(--accent);width:48px;height:48px;color:var(--primary);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.path-chapter .eyebrow{margin-bottom:6px;font-size:9px}.path-chapter h2{letter-spacing:-.3px;font-size:22px;font-weight:600}.path-chapter header p{color:var(--muted-foreground);margin-top:6px;font-size:13px;line-height:1.8}.chapter-count{color:var(--primary);background:var(--accent);border-radius:7px;margin-left:auto;padding:7px 11px;font-size:13px}.lesson-row.recommended{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-row.recommended{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}}.next-lesson-tag{letter-spacing:1px;color:var(--primary);background:var(--accent);vertical-align:middle;border-radius:5px;margin-left:13px;padding:5px 7px;font-size:8px;display:inline-block}.lesson-details{color:var(--muted-foreground);margin-top:10px;font-size:10px;line-height:1.8;display:block}.lesson-info strong{line-height:1.5}.atlas-intro{justify-content:space-between;align-items:center;gap:25px;display:flex}.atlas-intro h1{letter-spacing:-.8px;font-size:30px;font-weight:600;line-height:1.4}.atlas-intro p{color:var(--muted-foreground);max-width:650px;margin-top:12px;font-size:14px;line-height:1.9}.atlas-intro .button-row{justify-content:flex-end;margin:0}.atlas-intro .button-row button{white-space:nowrap;font-size:12px}.atlas-notice{background:var(--accent);color:var(--accent-foreground);border-radius:12px;align-items:flex-start;gap:14px;margin:25px 0;padding:20px 23px;display:flex}.atlas-notice>svg{margin-top:3px}.atlas-notice p{font-size:14px;line-height:1.85}.atlas-tabs>.collection-tabs{max-width:100%;margin-bottom:19px;height:46px!important}.atlas-tabs>.collection-tabs [role=tab]{padding:10px 18px;font-size:13px}.atlas-tools{flex-wrap:wrap;align-items:center;gap:20px;margin:5px 0 17px;display:flex}.atlas-tools .search-box{flex:1;min-width:250px;max-width:450px;margin:0}.filter-buttons{flex-wrap:wrap;gap:5px;display:flex}.filter-buttons button{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:7px;padding:9px 13px;font-size:12px}.filter-buttons button.selected{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.atlas-result-count{color:var(--foreground);justify-content:space-between;gap:15px;margin:22px 0 15px;font-size:12px;display:flex}.atlas-result-count span{color:var(--muted-foreground);font-size:11px}.atlas-column-heads{background:var(--border);border:1px solid var(--border);z-index:3;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:15px;display:grid;position:sticky;top:10px;overflow:hidden;box-shadow:0 5px 20px #00000008}.atlas-column-heads>div{background:var(--card);align-items:center;gap:9px;padding:16px 20px;display:flex}.atlas-column-heads strong{font-size:14px}.atlas-column-heads>div>span:last-child{color:var(--muted-foreground);margin-left:auto;font-size:13px}.sound-rows{flex-direction:column;gap:18px;margin-bottom:40px;display:flex}.sound-row{border:1px solid var(--border);background:var(--card);break-inside:avoid;border-radius:13px;overflow:hidden}.sound-row>header{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:19px 22px;display:flex}.sound-family{text-transform:uppercase;letter-spacing:1.3px;color:var(--primary);font-size:9px;font-weight:650}.sound-row h2{letter-spacing:-.2px;font-size:18px;font-weight:600;line-height:1.5}.sound-row>header>div{min-width:210px}.sound-row>header>p{color:var(--muted-foreground);max-width:500px;font-size:13px;line-height:1.8}.sound-row>header>.text-button{white-space:nowrap;margin-left:auto;font-size:11px}.sound-cell-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.sound-cell{flex-direction:column;min-width:0;padding:22px;display:flex}.sound-cell+.sound-cell{border-left:1px solid var(--border)}.sound-cell-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.sound-cell-label>strong{display:none}.match-label{background:var(--muted);color:var(--muted-foreground);border-radius:5px;padding:4px 7px;font-size:9px;line-height:1.7}.match-label.shared{background:var(--yue-bg);color:var(--yue-fg)}.match-label.close{background:var(--en-bg);color:var(--en-fg)}.match-label.unique{background:var(--hi-bg);color:var(--hi-fg)}.sound-script{letter-spacing:0;overflow-wrap:anywhere;min-height:49px;margin:17px 0 0;font-size:29px;line-height:1.65}.sound-cell.hindi .sound-script{color:var(--hi-fg)}.sound-cell.english .sound-script{color:var(--en-fg)}.sound-cell.cantonese .sound-script{color:var(--yue-fg)}.sound-cell .easy-pronunciation{margin:13px 0 5px}.sound-cell .easy-pronunciation strong{font-size:15px}.sound-cell .standard-pronunciation{margin-bottom:17px}.sound-example{overflow-wrap:anywhere;margin-bottom:12px;font-size:14px;line-height:1.85}.sound-note{color:var(--muted-foreground);flex:1;font-size:12px;line-height:1.9}.sound-cell .sound-listen{color:var(--primary);border-color:var(--border);align-self:flex-start}.inventory-intro{margin:4px 0 23px}.inventory-intro h2,.pronunciation-key-intro h2{letter-spacing:-.4px;font-size:22px;font-weight:600;line-height:1.5}.inventory-intro p,.pronunciation-key-intro>p{color:var(--muted-foreground);max-width:900px;margin-top:10px;font-size:14px;line-height:1.9}.inventory-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px;margin-bottom:40px;display:grid}.inventory-panel{background:var(--card);border:1px solid var(--border);border-radius:13px;min-width:0;overflow:hidden}.inventory-panel>header{border-bottom:1px solid var(--border);background:var(--muted);padding:20px}.inventory-panel.hindi>header{background:var(--hi-bg)}.inventory-panel.english>header{background:var(--en-bg)}.inventory-panel.cantonese>header{background:var(--yue-bg)}.inventory-panel h2{justify-content:space-between;gap:8px;font-size:17px;font-weight:650;display:flex}.inventory-panel h2 span{font-size:14px;font-weight:500}.inventory-section-buttons{flex-wrap:wrap;gap:5px;margin:17px 0 13px;display:flex}.inventory-section-buttons button{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:7px;padding:7px 9px;font-size:11px;line-height:1.6}.inventory-section-buttons button.selected{border-color:var(--primary);color:var(--primary);background:var(--accent)}.inventory-panel header>p{color:var(--muted-foreground);font-size:11px}.inventory-entries{scrollbar-width:thin;scrollbar-color:var(--input) transparent;max-height:950px;overflow:auto}.inventory-entry{border-bottom:1px solid var(--border);break-inside:avoid;padding:20px}.inventory-entry:last-child{border:0}.inventory-entry>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.inventory-symbol{overflow-wrap:anywhere;font-size:30px;font-weight:500;line-height:1.5}.inventory-easy{margin:10px 0 5px;font-size:14px;line-height:1.8;display:block}.inventory-roman{color:var(--muted-foreground);font-size:12px;line-height:1.7;display:block}.inventory-entry>p{color:var(--muted-foreground);margin-top:10px;font-size:12px;line-height:1.9}.inventory-entry>.inventory-example{color:var(--foreground);font-size:14px}.pronunciation-example{margin:25px 0 30px}.pronunciation-example h3{margin:15px 0;font-size:30px;line-height:1.7}.pronunciation-example strong{font-size:16px;line-height:1.6;display:block}.pronunciation-example p{margin-top:10px;font-size:13px}.pronunciation-key-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pronunciation-key-grid .panel{padding:22px}.key-symbol{color:var(--primary);margin-bottom:16px;font-size:18px;font-weight:600;display:block}.pronunciation-key-grid h3{margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.8}.pronunciation-key-grid p{color:var(--muted-foreground);font-size:13px;line-height:1.9}.atlas-sources{border:1px solid var(--border);background:var(--card);border-radius:13px;margin:25px 0 40px;padding:25px}.atlas-sources h2{font-size:20px;font-weight:600}.atlas-sources h3{margin:22px 0 12px;font-size:16px;font-weight:600}.atlas-sources ul{margin-top:15px;padding-left:20px}.atlas-sources li{color:var(--muted-foreground);margin-bottom:8px;font-size:13px;line-height:1.9}.atlas-sources a{color:var(--primary);text-decoration:underline}.atlas-sources>small{color:var(--muted-foreground);font-size:11px;line-height:1.8}.foundation-dialog{max-width:1040px!important}.foundation-step-title h2{letter-spacing:-.3px;font-size:22px;font-weight:600;line-height:1.5}.foundation-step-title>p{color:var(--muted-foreground);margin-top:8px;font-size:13px}.parallel-text{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.parallel-text small{color:var(--muted-foreground);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.parallel-text p{overflow-wrap:anywhere;font-size:14px;line-height:1.9}.foundation-instructions{background:var(--muted);border-radius:11px;padding:19px}.foundation-cells{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.foundation-cell{border:1px solid var(--border);background:var(--card);border-radius:13px;flex-direction:column;min-width:0;padding:20px;display:flex}.foundation-cell.hindi{border-top:3px solid var(--hi-fg)}.foundation-cell.english{border-top:3px solid var(--en-fg)}.foundation-cell.cantonese{border-top:3px solid var(--yue-fg)}.foundation-cell>header{align-items:center;gap:7px;font-size:12px;display:flex}.foundation-cell>header>span:last-child{color:var(--muted-foreground);margin-left:auto;font-size:11px}.foundation-script{overflow-wrap:anywhere;min-height:48px;margin-top:19px;font-size:28px;line-height:1.7}.foundation-audio{flex-wrap:wrap;gap:7px;margin:8px 0 18px;display:flex}.foundation-audio button{border:1px solid var(--border);background:var(--accent);color:var(--primary);border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:inline-flex}.foundation-cell>p{flex:1;margin:5px 0 20px;font-size:14px;line-height:2}.foundation-practice{background:var(--muted);border-radius:9px;gap:9px;padding:13px;display:flex}.foundation-practice svg{color:var(--primary);margin-top:5px}.foundation-practice p{font-size:12px;line-height:1.9}.foundation-helper-links{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.foundation-helper-links .text-button{font-size:12px}.foundation-question{background:var(--accent);color:var(--accent-foreground);border-radius:11px;padding:20px}.foundation-options{flex-direction:column;gap:12px;display:flex}.foundation-option{text-align:left;border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);border-radius:11px;align-items:center;gap:16px;padding:18px;display:flex}.foundation-option .parallel-text{flex:1}.foundation-option.selected{border-color:var(--primary);background:var(--accent)}.foundation-option.correct{border-color:var(--yue-fg);background:var(--yue-bg);opacity:1}.foundation-option.incorrect{border-color:var(--hi-fg);background:var(--hi-bg)}.foundation-option .parallel-text small{font-size:9px}.foundation-option .parallel-text p{font-size:13px;line-height:1.8}.foundation-feedback{background:var(--muted);border-radius:12px;padding:20px}.foundation-feedback h3{margin-bottom:15px;font-size:16px;font-weight:600}.foundation-feedback.correct{background:var(--yue-bg)}.foundation-feedback.incorrect{background:var(--hi-bg)}.foundation-dialog .completion .button-row{justify-content:center}.foundation-dialog .completion>.parallel-text{background:var(--accent);border-radius:12px;margin:25px 0;padding:20px}.workshop-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:25px 0 30px;display:grid}.workshop-selector button{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:15px 10px;display:flex}.workshop-selector button.selected{background:var(--accent);border-color:var(--primary);color:var(--primary)}.workshop-selector button strong{font-size:14px}.workshop-selector button span{font-size:13px}.workshop-heading{align-items:center;gap:15px;margin-bottom:23px;display:flex}.workshop-heading h2{font-size:22px;font-weight:600}.workshop-heading p{color:var(--muted-foreground);margin-top:8px;font-size:14px;line-height:1.8}.construction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.construction-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;min-width:0;padding:23px}.construction-panel>header{align-items:center;gap:8px;display:flex}.construction-panel>header h2{font-size:15px;font-weight:600}.construction-panel>header>span:last-child{color:var(--muted-foreground);margin-left:auto;font-size:13px}.construction-target{margin:25px 0 5px;font-size:40px;line-height:1.7}.construction-panel.hindi .construction-target{color:var(--hi-fg)}.construction-panel.english .construction-target{color:var(--en-fg)}.construction-panel.cantonese .construction-target{color:var(--yue-fg)}.construction-panel h3{min-height:46px;margin:24px 0 13px;font-size:13px;font-weight:600;line-height:1.8}.construction-output{background:var(--muted);border:1px dashed var(--input);min-height:88px;color:var(--muted-foreground);overflow-wrap:anywhere;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:18px;font-size:27px;display:flex}.construction-output.complete{background:var(--yue-bg);color:var(--yue-fg);border-color:var(--yue-fg)}.construction-pieces{flex-wrap:wrap;gap:8px;min-height:52px;margin:20px 0 12px;display:flex}.construction-pieces button{background:var(--card);border:1px solid var(--input);border-bottom-width:3px;border-radius:9px;min-width:41px;padding:8px 12px;font-size:23px;line-height:1.5}.construction-pieces button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.construction-pieces button:disabled{opacity:.28}.construction-status{min-height:38px;color:var(--muted-foreground);font-size:11px;line-height:1.8}.construction-tools{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 0;display:flex}.construction-tools button{font-size:11px}.construction-explanation{color:var(--muted-foreground);margin-top:18px;font-size:14px;line-height:2}.workshop-footer{background:var(--accent);border-radius:12px;align-items:center;gap:30px;margin:25px 0 40px;padding:23px;display:flex}.workshop-footer p{color:var(--muted-foreground);max-width:680px;font-size:14px;line-height:1.9}.workshop-footer button{white-space:nowrap;margin-left:auto}.tone-language-context{margin:25px 0}.tone-language-context h3{margin-bottom:16px;font-size:15px;font-weight:650}.tone-language-context p{margin-bottom:17px;font-size:14px;line-height:1.9}.tone-language-context small{opacity:.9;font-size:11px;line-height:1.8;display:block}.tone-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.tone-card{background:var(--card);border:1px solid var(--border);min-width:0;color:var(--muted-foreground);border-radius:12px;flex-direction:column;align-items:center;padding:18px 12px;display:flex}.tone-card.selected{color:var(--primary);border-color:var(--primary);background:var(--accent)}.tone-number{background:var(--muted);border-radius:50%;place-items:center;width:28px;height:28px;margin-right:auto;font-size:12px;display:grid}.tone-card svg{width:100%;height:auto;margin:13px 0}.tone-card strong{font-size:12px}.tone-card>span[lang]{margin:16px 0 6px;font-size:29px;line-height:1.5}.tone-card>small{font-size:12px}.tone-detail{background:var(--card);border:1px solid var(--border);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:25px;display:flex}.tone-detail h3{font-size:20px;font-weight:600;line-height:1.5}.tone-detail p{color:var(--muted-foreground);margin:9px 0;font-size:13px;line-height:1.9}.tone-detail strong{color:var(--primary);margin:15px 0;font-size:27px;font-weight:600;display:block}.tone-detail strong>span{font-size:14px;font-weight:500}.tone-detail button{white-space:nowrap}@media (width<=1250px){.atlas-intro{flex-wrap:wrap}.atlas-intro .button-row{justify-content:flex-start}.sound-row>header{flex-wrap:wrap;gap:13px}.sound-row>header>div{min-width:200px}.sound-row>header>p{flex:1;min-width:240px}.sound-row>header>.text-button{margin-left:0}.sound-cell{padding:19px}.sound-script{font-size:25px}.path-start-banner{flex-wrap:wrap}.path-start-banner>div:nth-child(2){flex:1;min-width:270px}.path-start-banner .primary-button{margin-left:97px}.foundations-hero .hero-content{width:65%}.foundations-hero .hero-content h2{font-size:29px}.foundation-hero-sequence{width:120px;padding-left:14px}.foundation-hero-sequence>div{padding:12px}.foundation-hero-sequence span{font-size:9px}.construction-grid{gap:13px}.construction-panel{padding:19px}.workshop-footer{flex-wrap:wrap}.workshop-footer button{margin-left:0}.atlas-tabs>.collection-tabs [role=tab]{padding:10px 12px;font-size:12px}}@media (width<=950px){.inventory-columns{gap:10px}.inventory-panel>header,.inventory-entry{padding:15px}.inventory-panel h2{flex-wrap:wrap;font-size:14px}.inventory-panel h2 span{font-size:12px}.inventory-section-buttons button{padding:6px 7px;font-size:10px}.inventory-symbol{font-size:25px}.inventory-easy{font-size:13px}.pronunciation-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.construction-panel>header>span:last-child{display:none}.construction-target{font-size:32px}.construction-pieces button{min-width:35px;padding:7px 10px;font-size:20px}.construction-explanation{font-size:13px}.foundation-cell{padding:15px}.foundation-cell>header>span:last-child{display:none}.foundation-script{font-size:25px}.foundation-cells{gap:10px}}@media (width<=600px){.foundations-hero .hero-content{width:100%;max-width:none}.foundations-hero .hero-content h2{font-size:31px}.foundation-hero-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:0;display:grid}.foundation-hero-sequence>div{gap:9px 4px;padding:11px}.foundation-hero-sequence svg{width:19px;height:19px}.foundation-hero-sequence span{white-space:normal;font-size:9px;line-height:1.5}.reference-shortcut{gap:12px;padding:17px}.reference-shortcut strong{font-size:14px}.reference-shortcut small{font-size:11px}.reference-shortcut-icon{width:36px;height:36px}.dashboard-samples .phrase-script{font-size:21px}.dashboard-samples .easy-pronunciation strong{font-size:11px}.dashboard-samples .sound-listen{gap:5px;padding:7px;font-size:10px}.path-start-banner{gap:18px;padding:22px}.path-banner-symbol{width:50px;height:50px}.path-start-banner>div:nth-child(2){min-width:180px}.path-start-banner h2{font-size:20px}.path-start-banner .primary-button{width:100%;margin-left:0}.path-chapter h2{font-size:19px}.path-chapter>header{gap:11px}.chapter-symbol{width:40px;height:40px}.path-chapter header p{font-size:12px}.chapter-count{padding:6px 8px;font-size:10px}.next-lesson-tag{width:fit-content;margin:7px 0 0;font-size:8px;display:block}.lesson-details{font-size:9px}.atlas-intro h1{font-size:25px}.atlas-intro p{font-size:13px}.atlas-notice{gap:10px;padding:17px}.atlas-notice p{font-size:13px}.atlas-tabs>.collection-tabs{flex-wrap:wrap;gap:3px;width:100%;padding:5px;display:flex;height:auto!important}.atlas-tabs>.collection-tabs [role=tab]{white-space:normal;flex:42%;font-size:11px;line-height:1.6}.atlas-tools{gap:13px}.atlas-tools .search-box{width:100%;min-width:0;max-width:none}.filter-buttons{gap:6px}.filter-buttons button{padding:8px 11px;font-size:11px}.atlas-result-count{flex-direction:column;gap:8px}.atlas-column-heads{display:none}.sound-row>header{padding:18px}.sound-row>header>p{flex-basis:100%;min-width:0;font-size:13px}.sound-row h2{font-size:18px}.sound-cell-grid{grid-template-columns:1fr}.sound-cell{padding:21px}.sound-cell+.sound-cell{border-left:0;border-top:1px solid var(--border)}.sound-cell-label>strong{font-size:14px;display:block}.sound-cell.hindi{background:var(--hi-bg)}@supports (color:color-mix(in lab, red, red)){.sound-cell.hindi{background:color-mix(in srgb,var(--hi-bg) 50%,var(--card))}}.sound-cell.english{background:var(--en-bg)}@supports (color:color-mix(in lab, red, red)){.sound-cell.english{background:color-mix(in srgb,var(--en-bg) 50%,var(--card))}}.sound-cell.cantonese{background:var(--yue-bg)}@supports (color:color-mix(in lab, red, red)){.sound-cell.cantonese{background:color-mix(in srgb,var(--yue-bg) 50%,var(--card))}}.sound-script{font-size:32px}.sound-note{font-size:13px}.inventory-columns{grid-template-columns:1fr;gap:20px}.inventory-panel>header{padding:20px}.inventory-panel h2{font-size:18px}.inventory-panel h2 span{font-size:15px}.inventory-entries{grid-template-columns:repeat(2,minmax(0,1fr));max-height:620px;display:grid}.inventory-entry{border-right:1px solid var(--border);padding:17px}.inventory-entry:nth-child(2n){border-right:0}.inventory-section-buttons button{padding:8px 11px;font-size:12px}.inventory-symbol{font-size:29px}.inventory-easy{font-size:13px}.inventory-entry>p{font-size:12px}.inventory-intro h2,.pronunciation-key-intro h2{font-size:20px}.pronunciation-key-grid{grid-template-columns:1fr}.pronunciation-example h3{font-size:24px}.pronunciation-example strong{font-size:12px}.pronunciation-example p{font-size:11px}.atlas-sources{padding:20px}.foundation-cells{grid-template-columns:1fr;gap:17px}.foundation-cell{padding:22px}.foundation-cell>header{font-size:14px}.foundation-cell>header>span:last-child{font-size:12px;display:block}.foundation-script{margin-top:16px;font-size:31px}.foundation-cell .easy-pronunciation strong{font-size:16px}.foundation-cell>p{font-size:15px;line-height:1.9}.foundation-practice p{font-size:13px}.parallel-text{gap:10px}.parallel-text p{font-size:12px;line-height:1.9}.parallel-text small{font-size:9px}.foundation-step-title h2{font-size:21px}.foundation-option{align-items:flex-start;gap:10px;padding:13px}.foundation-option .parallel-text{grid-template-columns:1fr;gap:12px}.foundation-option .parallel-text p{font-size:13px}.foundation-option .parallel-text small{margin:0 0 3px;display:inline-block}.foundation-dialog .completion .button-row{flex-direction:column}.workshop-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workshop-selector button{padding:12px 8px}.workshop-selector button strong,.workshop-selector button span{font-size:12px}.workshop-heading h2{font-size:20px}.workshop-heading p{font-size:13px}.construction-grid{grid-template-columns:1fr;gap:20px}.construction-panel{padding:24px}.construction-panel>header>span:last-child{display:block}.construction-target{margin-top:20px;font-size:42px}.construction-panel h3{min-height:0;font-size:14px}.construction-panel .easy-pronunciation strong{font-size:16px}.construction-output{font-size:33px}.construction-pieces button{min-width:47px;font-size:27px}.construction-explanation{font-size:15px}.construction-status{min-height:0;font-size:12px}.construction-tools button{font-size:13px}.workshop-footer{gap:19px;padding:20px}.workshop-footer button{white-space:normal;width:100%}.tone-language-context{grid-template-columns:1fr}.tone-language-context h3{font-size:16px}.tone-language-context p{font-size:14px}.tone-language-context small{font-size:12px}.tone-grid{gap:9px}.tone-card{padding:14px 9px}.tone-card strong{font-size:11px}.tone-detail{flex-direction:column;align-items:stretch;padding:21px}.tone-detail button{align-self:flex-start}.tone-detail strong>span{font-size:12px}.tone-lab .atlas-notice{margin-bottom:40px}.pronunciation-footnote{font-size:10px}.language-card .easy-pronunciation strong{font-size:12px}.easy-pronunciation small{font-size:8px}}@media print{body{color:#111!important;background:#fff!important;font-size:11pt!important}.no-print,[data-slot=sidebar],.topbar,[data-sonner-toaster],.workspace-footer,.sidebar-utilities{display:none!important}.app-main,.workspace{background:#fff!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}[data-slot=sidebar-wrapper]{min-height:0!important;display:block!important}.atlas-intro h1{font-size:23pt}.atlas-intro p,.atlas-notice p{font-size:10pt;color:#333!important}.atlas-column-heads{display:grid;position:static}.sound-cell-grid,.inventory-columns{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sound-row{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc}.sound-cell{padding:12px;color:#111!important;background:#fff!important}.sound-cell p{color:#333!important;font-size:9pt!important}.sound-script{font-size:20pt!important}.easy-pronunciation strong{font-size:10pt!important}.atlas-notice{color:#111!important;background:#f3f3f3!important}.inventory-entries{max-height:none;display:block;overflow:visible}.inventory-panel{overflow:visible}.inventory-entry{break-inside:avoid}.inventory-panel>header{background:#f4f4f4!important}.inventory-section-buttons,.atlas-result-count span{display:none}.atlas-tabs [data-state=inactive]{display:none!important}@page{size:A4 landscape;margin:13mm}}.tip-pronunciations{gap:12px;margin:20px 0;display:grid}.tip-pronunciations>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.tip-pronunciations b{font-size:15px;font-weight:500}.tip-pronunciations small{font-size:11px}.completion-words small{color:var(--muted-foreground);margin-top:6px;font-size:11px;line-height:1.8;display:block}.inventory-symbol-note{color:var(--muted-foreground);margin:8px 0 14px;font-size:12px;display:block}.foundation-bridge{border-bottom:1px solid var(--border);color:var(--foreground);margin-bottom:14px;padding:14px 0;font-size:14px;line-height:1.85}.script-group-picker button>span{white-space:nowrap;flex-shrink:0}.script-panel>header h3{min-height:0!important}.script-panel>header p{min-height:3em!important}.script-group-picker{align-content:flex-start;min-height:100px}.script-group-picker button{min-height:45px!important}.script-selected-sound{min-height:210px!important}@media (width<=600px){.script-columns{grid-template-columns:1fr!important;gap:24px!important}.script-panel{padding:22px!important}.script-panel>header h3{font-size:19px!important}.script-panel>header p{min-height:0!important;font-size:12px!important}.script-panel>header>div{font-size:14px!important}.script-group-picker{min-height:0}.script-selected-sound{min-height:0!important}.script-picker button{min-width:40px!important;min-height:44px!important;font-size:24px!important}.script-guidance{font-size:13px!important}.script-group-picker button{font-size:12px!important}}.script-group-picker button{overflow-wrap:normal;flex-basis:115px!important}.voice-preview-settings{grid-column:1/-1}.voice-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.voice-preview-card{border:1px solid var(--border);border-radius:12px;min-width:0;padding:22px}.voice-preview-card.hindi{background:var(--hi-bg)}.voice-preview-card.english{background:var(--en-bg)}.voice-preview-card.cantonese{background:var(--yue-bg)}.voice-preview-card h3{font-size:15px}.voice-preview-card h3 span{margin-left:8px;font-weight:400}.voice-name{color:var(--muted-foreground);margin:8px 0 20px;font-size:12px;display:block}.voice-preview-card>p:not(.romanization){min-height:72px;font-size:20px;line-height:1.8}.voice-preview-card .easy-pronunciation{min-height:90px}.voice-preview-card .romanization{min-height:50px;font-size:12px;line-height:1.9}.voice-preview-card button{width:100%;margin-top:15px}.voice-preview-settings>.small{margin-top:15px}.speech-player{z-index:65;border:1px solid var(--border);background:var(--card);width:min(510px,100vw - 36px);color:var(--foreground);border-radius:13px;padding:12px 16px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 35px #0002}.speech-player-heading{align-items:center;gap:9px;min-width:0;display:flex}.speech-player-heading>svg{color:var(--primary);flex-shrink:0}.speech-player-heading>strong{white-space:nowrap;font-size:13px}.speech-player-heading>span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.speech-player-heading>button{flex-shrink:0;width:28px;height:28px;margin-left:auto}.speech-player>p{color:var(--muted-foreground);margin:4px 0 8px;font-size:12px;line-height:1.6}.speech-player.error{border-color:var(--hi-fg)}.speech-native-controls:empty{display:none}.speech-native-controls audio{width:100%;height:36px;display:block}.session-dialog .speech-player{z-index:5;grid-column:1/-1;width:100%;margin:0;position:sticky;bottom:-16px;right:auto}.session-dialog:has(.speech-player) .session-footer{bottom:116px}.dark .speech-native-controls{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=600px){.voice-preview-grid{grid-template-columns:1fr}.voice-preview-card>p:not(.romanization),.voice-preview-card .romanization,.voice-preview-card .easy-pronunciation{min-height:0}.voice-preview-card .romanization{margin-top:12px}.speech-player{width:calc(100vw - 20px);padding:10px 12px;bottom:10px;right:10px}.speech-player-heading>strong,.speech-player-heading>span{font-size:12px}.session-dialog .speech-player{width:100%;bottom:-8px}.session-dialog:has(.speech-player) .session-footer{bottom:127px}}@media print{.speech-player{display:none!important}}.library-summary{background:var(--card);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 22px;display:grid;overflow:hidden}.library-summary>div{border-right:1px solid var(--border);flex-direction:column;gap:5px;padding:23px;display:flex}.library-summary>div:last-child{border:0}.library-summary strong{letter-spacing:-1px;color:var(--primary);font-size:29px}.library-summary span{color:var(--muted-foreground);font-size:12px}.library-browse-heading,.library-result-heading{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;font-size:12px;display:flex}.library-browse-heading>span{font-size:11px}.library-filters{background:var(--card);border:1px solid var(--border);border-radius:13px;margin:20px 0;padding:20px}.library-filters .search-box{width:100%;max-width:none;margin:0 0 16px}.library-filter-row{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr) auto;align-items:end;gap:12px;display:grid}.library-filter-row label{min-width:0;color:var(--muted-foreground);flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.library-filter-row select,.library-pagination select{font:inherit;color:var(--foreground);background:var(--background);border:1px solid var(--input);border-radius:7px;width:100%;min-width:0;max-width:100%;padding:10px}.library-filter-row>.text-button{align-self:center;margin-top:20px;font-size:11px}.library-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.library-topic-grid>button{text-align:left;border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:20px;display:flex}.library-topic-grid>button:hover,.library-topic-grid>button.selected{border-color:var(--primary);background:var(--accent)}.library-topic-grid>button>span{font-size:25px}.library-topic-grid strong{font-size:14px}.library-topic-grid small{color:var(--muted-foreground);font-size:12px}.library-topic-grid em{color:var(--primary);margin-top:7px;font-size:10px;font-style:normal}.library-session-bar{border:1px solid var(--border);background:var(--accent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.library-session-bar h2{font-size:18px}.library-session-bar p{color:var(--muted-foreground);max-width:510px;margin-top:9px;font-size:12px;line-height:1.8}.library-session-bar .button-row{flex-wrap:wrap;gap:10px}.library-session-bar button{font-size:12px}.library-entry{padding-top:10px}.library-entry-heading{align-items:center;gap:12px;margin-bottom:17px;display:flex}.library-entry-symbol{flex-shrink:0;font-size:24px}.library-entry-heading h2{margin-bottom:5px;font-size:16px;font-weight:600}.library-entry-heading>div>span{color:var(--muted-foreground);font-size:10px}.recall-badge{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:6px;margin-left:auto;padding:6px 10px;font-size:10px}.recall-badge.learning{color:var(--en-fg);background:var(--en-bg)}.recall-badge.familiar{color:var(--yue-fg);background:var(--yue-bg)}.library-entry .phrase-script{overflow-wrap:anywhere;font-size:clamp(21px,2.1vw,32px);line-height:1.75}.library-entry .language-card{min-width:0}.library-entry .easy-pronunciation strong{overflow-wrap:anywhere;font-size:14px;line-height:1.85}.library-entry .romanization{overflow-wrap:anywhere}.library-context{border-top:1px solid var(--border);margin-top:14px;padding-top:15px}.library-context summary{cursor:pointer;color:var(--primary);font-size:12px;line-height:1.8}.library-context .memory-note{margin-top:18px}.library-entry-actions{flex-wrap:wrap;justify-content:flex-end;gap:25px;margin-top:17px;display:flex}.library-entry-actions button{font-size:12px}.library-pagination{justify-content:center;align-items:center;gap:22px;margin:30px 0;padding:0;display:flex}.library-pagination label{white-space:nowrap;align-items:center;gap:9px;font-size:12px;display:flex}.library-pagination select{width:65px;font-size:12px}.library-pagination button{font-size:12px}.library-scope{color:var(--muted-foreground);border-top:1px solid var(--border);padding:24px 0 40px;font-size:12px;line-height:1.9}.library-result-heading{scroll-margin-top:25px}.workshop-progress-strip{color:var(--muted-foreground);background:var(--accent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:12px;display:flex}.workshop-progress-strip>span:first-child{align-items:center;gap:8px;display:flex}.workshop-progress-strip strong{color:var(--primary)}.word-workshop .workshop-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.word-workshop .workshop-selector button{overflow-wrap:anywhere;text-align:center;min-width:0;line-height:1.6}.word-workshop .workshop-selector small{align-items:center;gap:4px;font-size:10px;display:flex}.compact-pagination{margin:15px 0 35px}.word-workshop .construction-target{overflow-wrap:anywhere;font-size:clamp(23px,2.4vw,35px)}.word-workshop .construction-panel .easy-pronunciation strong{overflow-wrap:anywhere;font-size:14px;line-height:1.9}.word-workshop .standard-pronunciation{overflow-wrap:anywhere}.construction-pieces button.hinted:not(:disabled){background:var(--accent);outline:2px solid var(--primary);color:var(--primary)}.word-workshop .workshop-footer>.button-row{flex-shrink:0;margin-left:auto}.path-library-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.path-library-topic{border:1px solid var(--border);background:var(--card);border-radius:11px;min-width:0;padding:19px}.path-library-topic summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.8}.path-library-topic summary small{color:var(--muted-foreground);margin-top:5px;font-size:12px;font-weight:400;display:block}.path-library-topic>p{color:var(--muted-foreground);margin:12px 0;font-size:12px;line-height:1.8}.path-library-topic .button-row{flex-wrap:wrap;gap:10px}.path-library-topic button{padding:9px 12px;font-size:12px}.library-filters input:focus-visible,.library-filters select:focus-visible,.library-pagination select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=1100px){.library-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filter-row>.text-button{justify-self:start;margin-top:0}.library-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-entry .language-card{padding:18px 14px}.library-entry .language-card-bottom{gap:8px}.library-entry .language-card-bottom>span{font-size:10px}.word-workshop .workshop-footer>.button-row{margin-left:0}}@media (width<=600px){.library-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.library-summary>div{padding:18px}.library-summary>div:nth-child(2){border-right:0}.library-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.library-summary strong{font-size:26px}.library-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-topic-grid>button,.library-filters{padding:15px}.library-filter-row{gap:12px}.library-filter-row label:first-child{grid-column:1/-1}.library-filter-row select{padding:10px 6px;font-size:12px}.library-entry .language-grid{grid-template-columns:1fr;gap:12px}.library-entry .language-card{padding:22px}.library-entry .phrase-script{font-size:29px}.library-entry .easy-pronunciation strong{font-size:16px}.library-entry .romanization{font-size:13px}.library-entry .explanation-grid{grid-template-columns:1fr}.library-entry-heading{gap:10px}.library-entry-heading h2{font-size:14px}.recall-badge{white-space:normal;text-align:center;padding:5px 7px;font-size:9px}.library-pagination{gap:10px}.library-pagination button{padding:10px;font-size:11px}.library-pagination label{gap:6px;font-size:11px}.library-entry-actions{justify-content:flex-start;gap:17px}.word-workshop .workshop-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.word-workshop .construction-target{font-size:32px}.word-workshop .construction-panel .easy-pronunciation strong{font-size:16px}.word-workshop .workshop-footer>.button-row{flex-wrap:wrap;width:100%}.word-workshop .workshop-footer>.button-row button{margin:0}.path-library-topics{grid-template-columns:1fr}.library-session-bar{padding:19px}.library-session-bar .button-row{width:100%}.library-session-bar .button-row button{flex:1}}.workshop-sound-key{max-width:1000px;margin:0 0 20px;line-height:1.9}@media (width<=600px){.session-dialog .language-grid,.session-dialog .explanation-grid{grid-template-columns:1fr;gap:14px}.session-dialog .language-card{padding:22px}.session-dialog .phrase-script{overflow-wrap:anywhere;font-size:28px;line-height:1.8}.session-dialog .easy-pronunciation strong{overflow-wrap:anywhere;font-size:15px;line-height:1.85}.session-dialog .romanization{overflow-wrap:anywhere;font-size:13px}.session-dialog .language-card-top{font-size:12px}.session-dialog .language-card-bottom>span{font-size:11px}.session-dialog .language-card-top>span:last-child{display:block}}.connected-overview{border:1px solid var(--border);background:var(--card);border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;display:grid;overflow:hidden}.connected-overview>div{border-right:1px solid var(--border);grid-template-columns:30px 1fr;gap:7px 14px;padding:24px;display:grid}.connected-overview>div:last-child{border:0}.connected-overview svg{color:var(--primary);grid-row:1/3;align-self:center}.connected-overview strong{letter-spacing:-.7px;font-size:23px}.connected-overview span{color:var(--muted-foreground);font-size:12px}.connected-tabs{margin-bottom:22px}.connected-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:32px;display:grid}.connected-catalog>button{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:18px;display:flex}.connected-catalog>button>span{font-size:23px}.connected-catalog strong{font-size:14px;line-height:1.6}.connected-catalog small{color:var(--muted-foreground);font-size:12px;line-height:1.7}.connected-catalog em{color:var(--muted-foreground);align-items:center;gap:5px;margin-top:auto;padding-top:6px;font-size:11px;font-style:normal;line-height:1.7;display:flex}.connected-catalog .done em{color:var(--yue-fg)}.connected-detail{border-top:1px solid var(--border);padding-top:28px}.connected-detail-title{flex-wrap:wrap;align-items:center;gap:17px;margin-bottom:25px;display:flex}.connected-detail-title h2{letter-spacing:-.5px;font-size:26px;font-weight:650;line-height:1.45}.connected-detail-title .eyebrow{margin-bottom:7px;font-size:9px}.connected-done{color:var(--yue-fg);background:var(--yue-bg);border-radius:20px;align-items:center;gap:7px;margin-left:auto;padding:9px 12px;font-size:12px;display:inline-flex}.connected-rule{background:var(--accent);border:1px solid var(--border);border-radius:13px;margin:20px 0;padding:24px}.connected-rule h3{align-items:center;gap:9px;margin-bottom:19px;font-size:15px;display:flex}.connected-parallel{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.connected-parallel>div{min-width:0}.connected-parallel small{letter-spacing:.6px;color:var(--muted-foreground);text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.connected-parallel p{overflow-wrap:anywhere;font-size:14px;line-height:1.9}.connected-variant-heading{margin:28px 0 17px}.connected-variant-heading h3{margin-bottom:7px;font-size:19px}.connected-variant-heading p{color:var(--muted-foreground);font-size:13px;line-height:1.9}.connected-variants{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.connected-variants button{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:9px;min-width:0;padding:18px;font-size:14px;line-height:1.7;display:flex}.connected-variants button.selected{background:var(--accent);border-color:var(--primary);color:var(--primary)}.connected-variants small{align-items:center;gap:5px;margin-top:4px;font-size:10px;display:flex}.connected-language-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.connected-language{border:1px solid var(--border);background:var(--card);border-radius:13px;flex-direction:column;min-width:0;padding:23px;display:flex}.connected-language.hindi{border-top:3px solid var(--hi-fg)}.connected-language.english{border-top:3px solid var(--en-fg)}.connected-language.cantonese{border-top:3px solid var(--yue-fg)}.connected-language>header{align-items:center;gap:7px;margin-bottom:22px;font-size:12px;display:flex}.connected-language>header>span:last-child{color:var(--muted-foreground);margin-left:auto;font-size:12px}.connected-script{overflow-wrap:anywhere;white-space:pre-wrap;min-height:85px;margin-bottom:18px;font-size:25px;line-height:1.9}.connected-language .easy-pronunciation{margin:0 0 15px}.connected-language .easy-pronunciation strong{overflow-wrap:anywhere;font-size:14px;line-height:1.9}.connected-roman{color:var(--muted-foreground);overflow-wrap:anywhere;margin-bottom:20px;font-size:12px;line-height:1.9}.connected-roman small{letter-spacing:1px;margin-bottom:5px;font-size:8px;display:block}.connected-audio{border-top:1px solid var(--border);gap:20px;margin-top:auto;padding-top:14px;display:flex}.connected-audio button{font-size:12px}.sentence-chunk{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-bottom:3px solid var(--chunk-color);background:var(--chunk-color);border-radius:5px;padding:2px 1px}@supports (color:color-mix(in lab, red, red)){.sentence-chunk{background:color-mix(in srgb,var(--chunk-color) 12%,transparent)}}.sentence-role-key{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 13px;font-size:10px;display:flex}.sentence-role-key>span:not(:first-child){border-bottom:3px solid var(--chunk-color);background:var(--card);color:var(--foreground);border-radius:4px;padding:5px 8px}.connected-notice{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:24px 0;padding:18px 22px}.connected-notice summary{cursor:pointer;color:var(--primary);font-size:13px;line-height:1.8}.connected-notice>.connected-parallel{margin-top:20px}.connected-assembly .construction-output{min-height:110px;font-size:22px}.connected-assembly .construction-pieces{flex:1;align-content:flex-start}.connected-assembly .construction-pieces button{white-space:pre-wrap;min-height:43px;font-size:18px}.connected-action-bar{background:var(--muted);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 30px;padding:20px;display:flex}.connected-action-bar p{color:var(--muted-foreground);max-width:570px;font-size:13px;line-height:1.9}.connected-action-bar button{font-size:12px}.connected-check{border:1px solid var(--border);background:var(--card);border-radius:13px;min-width:0;margin:32px 0;padding:24px}.connected-check legend{padding:0 9px;font-size:15px;font-weight:600}.connected-answers{flex-direction:column;gap:12px;margin-top:23px;display:flex}.connected-answer{background:var(--background);border:1px solid var(--border);text-align:left;border-radius:11px;align-items:center;gap:17px;min-width:0;padding:17px;display:flex}.connected-answer>.connected-parallel{flex:1}.connected-choice-letter{background:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:12px;font-weight:650;display:grid}.connected-answer.correct,.connected-feedback.correct{background:var(--yue-bg);border-color:var(--yue-fg)}.connected-answer.retry{border-color:var(--hi-fg);background:var(--hi-bg)}.connected-feedback{border:1px solid var(--border);border-radius:10px;margin-top:18px;padding:18px}.connected-feedback>strong{margin-bottom:12px;font-size:13px;display:block}.connected-feedback.retry{background:var(--hi-bg)}.reading-line{margin:25px 0}.reading-line-number{letter-spacing:1.5px;color:var(--muted-foreground);margin-bottom:12px;font-size:10px;font-weight:650}.reading-vocabulary>.connected-parallel{border-bottom:1px solid var(--border);padding:20px 0}.reading-vocabulary>.connected-parallel:last-child{border:0}.reading-vocabulary strong{font-size:22px;font-weight:550}.reading-vocabulary p{margin:10px 0;font-size:12px}.reading-vocabulary button{font-size:11px}.connected-small-note{color:var(--muted-foreground);border-top:1px solid var(--border);margin-top:20px;padding-top:16px;font-size:12px;line-height:1.8}.connected-navigation{justify-content:space-between;align-items:center;gap:20px;margin:30px 0;padding:0;display:flex}.connected-navigation>span{color:var(--muted-foreground);font-size:12px}.connected-path-banner{background:var(--accent);border:1px solid var(--border);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.connected-path-banner strong{font-size:18px}.connected-path-banner p{color:var(--muted-foreground);max-width:580px;margin-top:8px;font-size:13px;line-height:1.9}.connected-path-banner button{flex-shrink:0}.connected-shortcut{background:var(--accent)}@media (width<=1100px){.connected-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-language{padding:18px}.connected-language>header>span:last-child{display:none}.connected-script{font-size:23px}.connected-parallel{gap:16px}.connected-path-banner{flex-wrap:wrap}.connected-overview>div{gap:7px 10px;padding:19px}.connected-overview span{font-size:11px}}@media (width<=600px){.connected-overview{grid-template-columns:1fr}.connected-overview>div{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:28px auto 1fr;align-items:center;padding:16px 20px}.connected-overview svg{grid-row:auto}.connected-overview strong{font-size:21px}.connected-overview span{justify-self:end}.connected-tabs{width:100%;display:flex}.connected-tabs [role=tab]{flex:1;font-size:12px}.connected-catalog{gap:10px}.connected-catalog>button{padding:15px}.connected-catalog strong{font-size:13px}.connected-detail-title{gap:12px}.connected-detail-title h2{font-size:23px}.connected-done{margin-left:0}.connected-parallel,.connected-variants,.connected-language-grid{grid-template-columns:1fr;gap:16px}.connected-rule{padding:20px}.connected-parallel p{font-size:14px}.connected-variants button{text-align:left;align-items:flex-start;gap:5px}.connected-language{padding:23px}.connected-language>header>span:last-child{display:block}.connected-script{min-height:0;font-size:29px}.connected-language .easy-pronunciation strong{font-size:16px}.connected-roman{font-size:13px}.connected-answer{align-items:flex-start;gap:12px;padding:15px}.connected-answer .connected-parallel{gap:13px}.connected-answer .connected-parallel small{margin-bottom:4px}.connected-check,.connected-action-bar{padding:18px}.connected-action-bar button{justify-content:center;width:100%}.connected-assembly .construction-output{font-size:27px}.connected-assembly .construction-pieces button{font-size:23px}.connected-navigation{flex-wrap:wrap;gap:10px}.connected-navigation button{padding:10px;font-size:11px}.connected-notice{padding:17px}.connected-path-banner{padding:20px}.connected-path-banner button{justify-content:center;width:100%}.reading-vocabulary>.connected-parallel{gap:20px}}.lab-focus-title{scroll-margin-top:90px}.lab-focus-title:focus{outline:none}.lab-focus-title:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.grammar-example{margin:30px 0}.grammar-example-title{align-items:center;gap:20px;margin:0 0 15px;display:flex}.grammar-example-title>span{color:var(--muted-foreground);letter-spacing:1px;font-size:12px;font-weight:650}.grammar-example-title>.connected-parallel{flex:1}.grammar-example-title .connected-parallel p{font-size:14px}.grammar-pitfall{border:1px solid var(--border);border-left:3px solid var(--hi-fg);background:var(--card);border-radius:12px;margin:28px 0;padding:24px}.grammar-pitfall>h3{margin-bottom:20px;font-size:16px;font-weight:600}.writing-editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 20px;display:flex}.writing-editor-heading h3{font-size:21px;font-weight:550}.writing-editor-heading p,.writing-backup-bar p{color:var(--muted-foreground);margin-top:7px;font-size:13px;line-height:1.8}.writing-save-status{color:var(--yue-fg);background:var(--yue-bg);border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;line-height:1.6;display:flex}.writing-save-status.unsaved{color:var(--hi-fg);background:var(--hi-bg)}.writing-storage-message{border:1px solid var(--hi-fg);background:var(--hi-bg);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:20px;display:flex}.writing-storage-message p{flex:1;min-width:200px;font-size:13px;line-height:1.8}.writing-editor{background:var(--card);border:1px solid var(--border);border-radius:14px;min-width:0;padding:22px}.writing-editor>header{align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.writing-editor>header>span:last-child{color:var(--muted-foreground);margin-left:auto}.writing-editor textarea{resize:vertical;border:1px solid var(--border);background:var(--background);width:100%;min-height:190px;color:var(--foreground);font:inherit;overflow-wrap:anywhere;border-radius:10px;padding:15px;font-size:21px;line-height:1.9;display:block}.writing-editor textarea::placeholder{color:var(--muted-foreground);opacity:1;font-size:15px}.writing-editor textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.writing-editor-meta{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;display:flex}.writing-editor-meta .text-button{font-size:11px}.writing-bank-label{letter-spacing:1px;color:var(--muted-foreground);margin-top:25px;margin-bottom:12px;font-size:9px;font-weight:600}.writing-word-bank{flex-wrap:wrap;gap:7px;display:flex}.writing-word-bank button{border:1px solid var(--border);background:var(--background);overflow-wrap:anywhere;border-radius:7px;max-width:100%;padding:7px 10px;font-size:14px;line-height:1.5;transition:background .15s}.writing-word-bank button:hover{background:var(--accent);border-color:var(--primary)}.writing-word-bank button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.writing-checklist{border:1px solid var(--border);background:var(--card);border-radius:14px;margin-top:35px;padding:25px}.writing-checklist legend{padding:0 10px;font-size:18px;font-weight:550}.writing-checklist>p{color:var(--muted-foreground);margin-bottom:20px;font-size:13px;line-height:1.9}.writing-check-item{border-top:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:16px;padding:18px 0;display:flex}.writing-check-item input{accent-color:var(--primary);flex-shrink:0;width:18px;height:18px;margin-top:4px}.writing-check-item:has(input:disabled){opacity:.65;cursor:default}.writing-check-item .connected-parallel{flex:1;min-width:0}.writing-check-item .connected-parallel p{font-size:13px}.writing-backup-bar{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;padding:22px;display:flex}.writing-backup-bar strong{font-size:15px}.writing-backup-bar .button-row{gap:10px;margin:0}.writing-backup-bar button{font-size:12px}@media (width<=1100px){.writing-editor{padding:16px}.writing-editor>header>span:last-child{display:none}.writing-word-bank button{padding:7px 8px;font-size:13px}.writing-editor textarea{font-size:19px}}@media (width<=600px){.grammar-example-title{align-items:flex-start;gap:13px}.grammar-example-title .connected-parallel{gap:10px}.grammar-pitfall{padding:20px}.writing-editor{padding:22px}.writing-editor>header>span:last-child{display:block}.writing-editor textarea{min-height:160px;font-size:23px}.writing-checklist{padding:18px}.writing-checklist legend{font-size:16px}.writing-check-item,.writing-check-item .connected-parallel{gap:12px}.writing-backup-bar{padding:20px}.writing-backup-bar .button-row{justify-content:flex-start;align-items:flex-start}.writing-editor-heading{margin-top:28px}.writing-editor-heading h3{font-size:20px}}.conversation-focus-title{scroll-margin-top:90px}.conversation-focus-title:focus{outline:none}.conversation-focus-title:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.conversation-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0;display:grid}.conversation-stepper>div{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:11px;grid-template-columns:32px 1fr;gap:3px 12px;padding:16px;display:grid}.conversation-stepper>div>span{background:var(--muted);border-radius:50%;grid-row:span 2;align-self:center;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.conversation-stepper strong{font-size:13px;font-weight:600}.conversation-stepper small{font-size:11px}.conversation-stepper .current{border-color:var(--primary);color:var(--primary)}.conversation-stepper .current>span{background:var(--primary);color:var(--primary-foreground)}.conversation-stepper .done>span{color:var(--yue-fg);background:var(--yue-bg)}.conversation-section-heading{margin:30px 0 18px}.conversation-section-heading h3{font-size:21px;font-weight:550}.conversation-section-heading>p{color:var(--muted-foreground);margin-top:8px;font-size:13px;line-height:1.9}.conversation-section-heading .connected-parallel{margin-top:12px}.conversation-section-heading .connected-parallel p{font-size:13px}.conversation-goal{background:var(--accent);border:1px solid var(--border);border-radius:13px;margin:28px 0;padding:25px}.conversation-goal h3{align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.conversation-options{gap:20px;display:grid}.conversation-option{border:1px solid var(--border);background:var(--card);border-radius:14px;min-width:0;overflow:hidden}.conversation-choice{text-align:left;background:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:12px;width:100%;padding:15px 20px;font-size:13px;display:flex}.conversation-choice:hover{background:var(--accent)}.conversation-choice:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.conversation-choice>svg{color:var(--primary);margin-left:auto}.conversation-option .connected-language-grid{gap:0}.conversation-option .connected-language{border:0;border-right:1px solid var(--border);background:0 0;border-radius:0;padding:20px}.conversation-option .connected-language:last-child{border-right:0}.conversation-option .connected-script{min-height:0;margin:18px 0;font-size:23px}.conversation-option .easy-pronunciation strong{font-size:13px;font-weight:500;line-height:1.8}.conversation-option .easy-pronunciation small{font-size:8px}.conversation-option .connected-roman{margin-top:12px;font-size:11px}.conversation-option .connected-audio{margin-top:15px}.conversation-option.correct{border-color:var(--yue-fg)}.conversation-option.correct .conversation-choice{background:var(--yue-bg)}.conversation-option.retry{border-color:var(--hi-fg)}.conversation-option.retry .conversation-choice{background:var(--hi-bg)}.conversation-feedback{border-top:1px solid var(--border);background:var(--accent);padding:22px}.conversation-feedback>strong{margin-bottom:16px;font-size:14px;display:block}.conversation-feedback .connected-parallel p{font-size:13px}.conversation-rehearsal{margin-top:30px}.conversation-rehearsal>p{color:var(--muted-foreground);margin:18px 0;font-size:13px;line-height:1.9}.conversation-finished{border:1px solid var(--yue-fg);background:var(--yue-bg);border-radius:13px;align-items:flex-start;gap:18px;margin:25px 0;padding:24px;display:flex}.conversation-finished>svg{color:var(--yue-fg);flex-shrink:0}.conversation-finished h3{font-size:20px;font-weight:550}.conversation-finished p{color:var(--muted-foreground);margin-top:8px;font-size:13px;line-height:1.9}.conversation-sheet-actions{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.conversation-transcript>section{margin:36px 0}.conversation-transcript-label{letter-spacing:1px;color:var(--muted-foreground);margin:25px 0 15px;font-size:10px;font-weight:650}.conversation-transcript-label.reply{color:var(--primary)}.conversation-save-error{background:var(--hi-bg);color:var(--hi-fg);border:1px solid var(--hi-fg);border-radius:10px;padding:20px;font-size:13px;line-height:1.9}.voice-recorder{border:1px solid var(--border);background:var(--card);border-radius:14px;margin:24px 0;padding:25px}.voice-recorder-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.voice-recorder-heading h3{font-size:18px;font-weight:550}.voice-recorder-heading p,.voice-recorder-privacy{color:var(--muted-foreground);margin:10px 0;font-size:12px;line-height:1.9}.voice-recorder-status{font-variant-numeric:tabular-nums;background:var(--accent);border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.voice-recorder-status.recording{color:var(--hi-fg);background:var(--hi-bg)}.voice-recorder-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.voice-recorder-error{border:1px solid var(--hi-fg);background:var(--hi-bg);border-radius:9px;margin-top:15px;padding:15px;font-size:13px;line-height:1.8}.voice-recorder-playback{margin-top:20px}.voice-recorder audio{width:100%;max-width:560px}.voice-recorder-playback p{color:var(--muted-foreground);margin-top:10px;font-size:12px;line-height:1.8}@media (width<=1100px){.conversation-stepper>div{gap:3px 8px;padding:14px}.conversation-option .connected-language{padding:16px}.conversation-option .connected-script{font-size:21px}.conversation-option .easy-pronunciation strong{font-size:12px}}@media (width<=600px){.conversation-stepper{gap:7px}.conversation-stepper>div{text-align:center;grid-template-columns:1fr;justify-items:center;gap:8px;padding:12px 5px}.conversation-stepper>div>span{grid-row:auto}.conversation-stepper strong{font-size:11px}.conversation-stepper small{font-size:10px}.conversation-goal{padding:20px}.conversation-choice{padding:13px 17px}.conversation-option .connected-language{border-right:0;border-bottom:1px solid var(--border);padding:20px}.conversation-option .connected-language:last-child{border-bottom:0}.conversation-option .connected-script{font-size:26px}.conversation-option .easy-pronunciation strong{font-size:14px}.conversation-option .connected-roman{font-size:12px}.conversation-feedback{padding:20px}.conversation-section-heading .connected-parallel{gap:10px}.conversation-finished{gap:12px;padding:20px}.conversation-sheet-actions button{justify-content:center;width:100%}.voice-recorder{padding:20px}.voice-recorder-actions .primary-button,.voice-recorder-actions .secondary-button{font-size:12px}.conversation-studio .connected-overview strong{font-size:20px}}.voice-recorder-heading h3{align-items:center;gap:8px;display:flex}.voice-recorder progress{width:100%;height:6px;accent-color:var(--primary);margin:15px 0;display:block}.listening-focus-title{scroll-margin-top:90px}.listening-focus-title:focus{outline:none}.listening-focus-title:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.listening-context-note{color:var(--muted-foreground);margin:22px 0;font-size:13px;line-height:1.9}.sound-comparison-example{margin:28px 0}.sound-comparison-heading{align-items:center;gap:18px;margin-bottom:18px;display:flex}.sound-comparison-heading>.connected-parallel{flex:1}.sound-comparison-heading .connected-parallel p{font-size:14px}.sound-example-number{color:var(--muted-foreground);letter-spacing:1px;font-size:12px;font-weight:650}.sound-tone-contour{background:var(--yue-bg);width:135px;color:var(--yue-fg);text-align:center;border-radius:10px;flex-shrink:0;padding:10px}.sound-tone-contour svg{width:94px;height:70px;margin:auto}.sound-tone-contour>span{font-size:10px;line-height:1.7;display:block}.listening-step-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:26px 0;display:grid}.listening-step-row>span{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:13px 8px;display:flex}.listening-step-row>span>span{background:var(--muted);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.listening-step-row small{font-size:10px}.listening-step-row>span.current{border-color:var(--primary);color:var(--primary)}.listening-step-row .current>span{background:var(--primary);color:var(--primary-foreground)}.listening-step-row .done>span{background:var(--yue-bg);color:var(--yue-fg)}.listening-sample{background:var(--accent);border:1px solid var(--border);border-radius:15px;align-items:center;gap:24px;margin:28px 0 18px;padding:28px;display:flex}.listening-sample-icon{background:var(--card);border:1px solid var(--border);width:68px;height:68px;color:var(--primary);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.listening-sample>div:nth-child(2){flex:1}.listening-sample h3{margin:9px 0;font-size:23px;font-weight:550}.listening-sample p{color:var(--muted-foreground);max-width:580px;font-size:13px;line-height:1.9}.listening-sample-actions{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.listening-sample-actions>button{justify-content:center}.listening-audio-status{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);border-radius:9px;margin:18px 0;padding:14px 18px;font-size:12px;line-height:1.9}.listening-audio-status.error{background:var(--hi-bg);color:var(--hi-fg);border-color:var(--hi-fg)}.listening-options .conversation-choice:disabled{cursor:not-allowed;opacity:.5}.listening-review>section{margin:28px 0}.listening-review-heading{justify-content:space-between;align-items:center;gap:15px;margin:18px 0;font-size:13px;display:flex}.listening-review-heading>span{color:var(--muted-foreground);font-size:11px}@media (width<=1100px){.listening-sample{flex-wrap:wrap;padding:22px}.listening-sample-actions{flex-flow:wrap;margin-left:auto}.sound-tone-contour{width:115px}.sound-comparison-heading{gap:14px}.listening-step-row{gap:8px}}@media (width<=600px){.sound-comparison-heading{flex-wrap:wrap;align-items:flex-start}.sound-comparison-heading>.connected-parallel{flex-basis:calc(100% - 45px);gap:12px}.sound-tone-contour{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.sound-tone-contour svg{width:95px;margin:0}.sound-tone-contour>span{font-size:13px}.listening-step-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.listening-step-row>span{flex-direction:row;justify-content:center;gap:7px;padding:12px 6px}.listening-step-row small{font-size:10px}.listening-sample{align-items:flex-start;gap:16px;padding:20px}.listening-sample-icon{border-radius:13px;width:45px;height:45px}.listening-sample-icon svg{width:24px}.listening-sample>div:nth-child(2){flex-basis:calc(100% - 65px)}.listening-sample .eyebrow{font-size:9px;line-height:1.9}.listening-sample h3{font-size:20px;line-height:1.6}.listening-sample-actions{width:100%;margin:0}.listening-sample-actions button{flex:1;padding:11px;font-size:12px}.listening-review-heading{flex-direction:column;align-items:flex-start;gap:7px}.listening-session .connected-action-bar .button-row{width:100%}.listening-studio .connected-tabs [role=tab]{padding:8px;font-size:11px}}.reader-level-guide{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0 0 22px;font-size:12px;line-height:1.8;display:flex}.reader-level-guide strong{color:var(--foreground)}.reader-catalog>button>span{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.reader-catalog>button>span>small{letter-spacing:1px;color:var(--primary);font-size:9px}.reader-tools{flex-wrap:wrap;align-items:center;gap:14px 22px;margin:24px 0;display:flex}.reader-tools>div{flex:1;min-width:220px}.reader-tools strong{font-size:14px}.reader-tools p{color:var(--muted-foreground);margin-top:6px;font-size:12px;line-height:1.9}.reader-tools button{font-size:12px}.reader-tabs{margin:0 0 25px}.reader-glossary-list{gap:18px;margin-top:22px;display:grid}.reader-strategy{border-left:3px solid var(--primary);margin:24px 0;padding:18px 22px}.reader-strategy h3{align-items:center;gap:8px;margin-bottom:15px;font-size:14px;display:flex}.reader-line{border:2px solid #0000;border-radius:17px;margin:26px 0;padding:14px;scroll-margin-top:90px}.reader-line.speaking{border-color:var(--primary);background:var(--accent)}.reader-line.evidence{border-style:dashed;border-color:var(--hi-fg);background:var(--hi-bg)}.reader-line:focus{outline:2px solid var(--primary);outline-offset:3px}.reader-line-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px;display:flex}.reader-line-heading>span{letter-spacing:1.1px;color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;font-weight:650;display:flex}.reader-line-heading em{letter-spacing:0;color:var(--primary);background:var(--card);border-radius:20px;padding:5px 9px;font-size:10px;font-style:normal}.reader-line-heading button{min-height:36px;font-size:11px}.reader-large .connected-script{font-size:31px}.reader-large .connected-language .easy-pronunciation strong{font-size:16px}.reader-large .connected-roman{font-size:14px}.reader-clue-bar{background:var(--hi-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:18px;font-size:13px;line-height:1.9;display:flex}.reader-clue-bar>span{flex:1;min-width:220px}.reader-question{margin-top:30px;scroll-margin-top:90px}.reader-question-tools{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:14px;padding:0 4px;font-size:12px;display:flex}.reader-question .connected-check{margin-top:15px}.reader-focus-title,.reader-check-heading,.reader-sequence{scroll-margin-top:90px}.reader-sequence{border-top:1px solid var(--border);padding-top:12px}.reader-sequence ol{gap:22px;margin:0;padding:0;list-style:none;display:grid}.reader-sequence li{border:1px solid var(--border);background:var(--muted);border-radius:14px;min-width:0;padding:18px}.reader-sequence li>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;font-size:13px;display:flex}.reader-sequence li>header>div{gap:8px;display:flex}.reader-sequence li>header button{min-height:40px;padding:8px 12px;font-size:12px}.reader-order-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.reader-order-feedback{border:1px solid var(--border);background:var(--hi-bg);border-radius:10px;margin-top:17px;padding:17px;font-size:13px;line-height:1.9}.reader-order-feedback.correct{background:var(--yue-bg)}.reader-notebook-note{background:var(--accent);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:20px;font-size:13px;line-height:1.9;display:flex}.reader-notebook-note svg{color:var(--primary);flex-shrink:0;margin-top:3px}.reader-notebook-note a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.reader-notebook-note p{min-width:0}@media (width<=700px){.reader-level-guide{flex-direction:column;align-items:flex-start;gap:6px}.reader-line{border-radius:10px;margin:24px 0;padding:8px 0}.reader-line.speaking,.reader-line.evidence{padding:10px}.reader-tabs{flex-wrap:wrap;width:100%;height:auto;display:flex}.reader-tabs [role=tab]{white-space:normal;flex:1;padding:10px 9px;font-size:11px}.reader-large .connected-script{font-size:29px}.reader-strategy{padding:15px}.reader-tools>div{flex-basis:100%}.reader-sequence li{padding:12px}.reader-sequence li>header{gap:8px}.reader-sequence li>header button{padding:8px}.reading-room .connected-navigation{gap:10px}.reading-room .connected-navigation button{padding:10px;font-size:11px}.reading-room .connected-navigation>span{white-space:nowrap}.reader-order-actions>button{font-size:12px}.reader-line-heading>button{min-height:44px}}.reader-read-along{border:1px solid var(--border);background:var(--card);border-radius:13px;margin:22px 0;padding:22px}.reader-read-along-heading{color:var(--primary);align-items:center;gap:10px;font-size:15px;display:flex}.reader-read-along>p{color:var(--muted-foreground);margin:10px 0;font-size:12px;line-height:1.9}.reader-read-along-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.reader-read-along-controls button{font-size:12px}.reader-read-along-controls button[aria-pressed=true]{background:var(--accent);border-color:var(--primary);color:var(--primary)}.reader-read-along-controls button span[lang]{margin-left:5px;font-size:11px}.reader-read-along-speed{color:var(--muted-foreground);align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.reader-read-along-speed input{width:16px;height:16px;accent-color:var(--primary)}.reader-read-along>.reader-read-along-status{min-height:23px;color:var(--primary);margin-bottom:0}@media (width<=700px){.reader-read-along{padding:17px}.reader-read-along-controls{gap:10px}.reader-read-along-controls button{flex:1;justify-content:center;min-width:135px}}.lab-stage-filter{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:12px;margin:23px 0;padding:18px 20px;display:grid}.lab-stage-filter>.eyebrow{margin:0}.lab-stage-options{flex-wrap:wrap;gap:8px;display:flex}.lab-stage-options button{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--foreground);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.lab-stage-options button:hover{border-color:var(--primary)}.lab-stage-options button.selected{border-color:var(--primary);background:var(--accent);color:var(--primary)}.lab-stage-options button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lab-stage-options small{background:var(--muted);min-width:24px;height:24px;color:var(--muted-foreground);border-radius:7px;place-items:center;font-size:11px;display:grid}.lab-stage-filter>p{color:var(--muted-foreground);font-size:12px;line-height:1.5}.lab-empty{border:1px dashed var(--border);color:var(--muted-foreground);text-align:center;border-radius:12px;padding:35px 20px;font-size:14px}@media (width<=600px){.lab-stage-filter{padding:15px}.lab-stage-options button{flex:calc(50% - 8px)}.lab-stage-options button:first-child{flex-basis:100%}}.lab-lesson-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.lab-lesson-actions .secondary-button{font-size:12px}@media (width<=600px){.lab-lesson-actions,.lab-lesson-actions button{width:100%}}.connected-catalog .lab-card-stage{letter-spacing:1px;color:var(--primary);font-size:9px;font-weight:650;line-height:1.4}.mixed-review-studio{padding-bottom:42px}.mixed-review-hero{background:linear-gradient(120deg,var(--accent),var(--card));grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:22px;padding:30px;display:grid}.mixed-review-hero-icon{background:var(--en-bg);width:60px;height:60px;color:var(--en-fg);border-radius:17px;flex-shrink:0;place-items:center;display:grid}.mixed-review-hero h2{font-size:23px;font-weight:620;line-height:1.35}.mixed-review-hero p{color:var(--muted-foreground);max-width:720px;margin-top:10px;font-size:13px;line-height:1.8}.mixed-review-hero-facts{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:11px;display:flex}.mixed-review-hero-facts span{align-items:center;gap:6px;display:inline-flex}.mixed-review-hero>.primary-button{white-space:nowrap}.mixed-review-domains{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:23px 0;display:grid}.mixed-review-domain{text-align:left;color:var(--foreground);grid-template-columns:1fr auto;align-content:start;gap:8px;min-width:0;padding:21px;display:grid}.mixed-review-domain:hover{border-color:var(--primary)}.mixed-review-domain-count{color:var(--primary);grid-column:1/-1;align-items:baseline;gap:5px;font-size:28px;font-weight:600;display:flex}.mixed-review-domain-count small{color:var(--muted-foreground);font-size:10px;font-weight:500}.mixed-review-domain strong{font-size:14px;font-weight:630}.mixed-review-domain>small{color:var(--muted-foreground);grid-column:1/-1;font-size:11px;line-height:1.6}.mixed-review-domain>svg{color:var(--primary);grid-area:2/2;justify-self:end}.mixed-review-progress{max-width:1050px;margin:0 auto 19px}.mixed-review-progress>div:first-child{color:var(--muted-foreground);justify-content:space-between;gap:15px;font-size:12px;display:flex}.mixed-review-progress strong{color:var(--primary)}.mixed-review-progress-track{background:var(--muted);border-radius:9px;height:7px;margin-top:12px;overflow:hidden}.mixed-review-progress-track>span{background:var(--primary);border-radius:9px;height:100%;transition:width .2s;display:block}.mixed-review-question{max-width:1050px;margin:0 auto;padding:28px}.mixed-review-question-head{border-bottom:1px solid var(--border);margin-bottom:23px;padding-bottom:23px}.mixed-review-question-head .connected-parallel p{font-size:16px;font-weight:600}.mixed-review-question .connected-check{margin:0}.mixed-review-after{margin-top:24px}.mixed-review-result{background:var(--yue-bg);border:1px solid var(--yue-fg);align-items:flex-start;gap:13px;display:flex}@supports (color:color-mix(in lab, red, red)){.mixed-review-result{border:1px solid color-mix(in srgb,var(--yue-fg) 22%,var(--border))}}.mixed-review-result{border-radius:11px;padding:18px 20px}.mixed-review-result svg{color:var(--yue-fg)}.mixed-review-result strong{font-size:14px}.mixed-review-result p{color:var(--muted-foreground);margin-top:5px;font-size:12px;line-height:1.7}.mixed-review-reference{margin-top:27px}.mixed-review-reference h3{align-items:center;gap:8px;margin:0 0 15px;font-size:15px;font-weight:600;display:flex}.mixed-review-reference h3 svg{color:var(--primary)}.mixed-review-reference .connected-language-grid{gap:12px}.mixed-review-reference .connected-language{padding:17px}.mixed-review-reference .connected-script{margin:15px 0;font-size:22px}.mixed-review-reference .easy-pronunciation strong{font-size:12px}.mixed-review-reference .connected-roman{font-size:11px}.mixed-review-rating{border-top:1px solid var(--border);margin-top:27px;padding-top:23px}.mixed-review-rating p{color:var(--muted-foreground);margin-bottom:14px;font-size:13px}.mixed-review-rating>div{flex-wrap:wrap;gap:10px;display:flex}.mixed-review-rating button{min-height:45px}.mixed-review-finished{text-align:center;max-width:770px;margin:20px auto;padding:46px 35px}.mixed-review-finished .mixed-review-hero-icon{margin:0 auto 18px}.mixed-review-finished h2{margin:7px 0 12px;font-size:26px;font-weight:600}.mixed-review-finished p{color:var(--muted-foreground);font-size:14px;line-height:1.8}.mixed-review-finished .button-row{justify-content:center;margin-top:25px}@media (width<=1100px){.mixed-review-hero{grid-template-columns:60px 1fr}.mixed-review-hero>.primary-button{grid-column:2;justify-self:start}.mixed-review-domains{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.mixed-review-hero{grid-template-columns:1fr;gap:15px;padding:22px}.mixed-review-hero>.primary-button{grid-column:1;justify-content:center;width:100%}.mixed-review-hero h2{font-size:20px}.mixed-review-domains{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mixed-review-domain{padding:17px}.mixed-review-domain strong{font-size:13px}.mixed-review-question{padding:20px 15px}.mixed-review-question-head .connected-parallel{gap:10px}.mixed-review-question-head .connected-parallel p{font-size:13px}.mixed-review-reference .connected-language-grid{grid-template-columns:1fr}.mixed-review-reference .connected-language{padding:18px}.mixed-review-rating>div button{flex:calc(50% - 10px);justify-content:center}.mixed-review-finished{padding:32px 20px}.mixed-review-finished .button-row{flex-direction:column}.mixed-review-finished .button-row button{justify-content:center;width:100%}}.mixed-progress-panel{margin-top:25px;padding:27px}.mixed-progress-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.mixed-progress-stats>div{background:var(--muted);border-radius:10px;min-width:0;padding:18px}.mixed-progress-stats strong{color:var(--primary);font-size:30px;font-weight:600;display:block}.mixed-progress-stats span{color:var(--muted-foreground);margin-top:6px;font-size:11px;line-height:1.6;display:block}.mixed-progress-panel>p{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;font-size:12px;line-height:1.8;display:flex}.mixed-progress-panel .text-button{font-size:12px}@media (width<=600px){.mixed-progress-panel{padding:20px}.mixed-progress-stats{gap:8px}.mixed-progress-stats>div{padding:12px}.mixed-progress-stats strong{font-size:25px}.mixed-progress-stats span{font-size:10px}}.practice-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=950px){.practice-mode-grid{grid-template-columns:1fr}}.reader-paragraph-heading{border-top:1px solid var(--border);color:var(--foreground);flex-wrap:wrap;align-items:center;gap:6px 15px;margin:42px 14px 14px;padding-top:18px;scroll-margin-top:90px;font-size:12px;font-weight:650;display:flex}.reader-paragraph-heading:first-child{border-top:0;margin-top:10px}.reader-paragraph-heading span[lang]{color:var(--muted-foreground);font-weight:500}@media (width<=700px){.reader-paragraph-heading{margin:35px 0 10px;font-size:11px}}.quiz-question-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.quiz-question-head .audio-button{width:30px;height:30px;min-height:30px;padding:4px}.quiz-answer-sounds{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quiz-answer-sounds .secondary-button{padding:8px 11px;font-size:12px}@media (width<=600px){.quiz-question{grid-template-columns:1fr;gap:12px}.quiz-question>div{border-bottom:1px solid var(--border);padding-bottom:10px}.quiz-question>div:last-child{border-bottom:0;padding-bottom:0}.quiz-question p{margin-top:3px}.option-trio{grid-template-columns:1fr;gap:9px}.option-trio>span{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding-bottom:8px}.option-trio>span:last-child{border-bottom:0;padding-bottom:0}.option-trio small{margin-top:4px}.quiz-answer-sounds .secondary-button{flex:1}}.writing-draft-signals{color:var(--muted-foreground);padding:8px 0 12px;font-size:11px;line-height:1.6}.writing-draft-signals span{color:var(--hi-fg);margin-top:3px;display:block}.conversation-recall{border:1px solid var(--border);background:var(--card);border-radius:14px;margin:26px 0;padding:24px}.conversation-recall h3{margin:8px 0;font-size:20px;font-weight:550}.conversation-recall p{color:var(--muted-foreground);font-size:13px;line-height:1.85}.conversation-recall>.button-row{flex-wrap:wrap;margin:18px 0 0}.conversation-recall-drafts{margin-top:20px}.conversation-recall-draft{border:1px solid var(--border);background:var(--background);border-radius:10px;min-width:0;padding:16px;display:block}.conversation-recall-draft>span{align-items:center;gap:7px;font-size:13px;display:flex}.conversation-recall-draft>span small{color:var(--muted-foreground);margin-left:auto}.conversation-recall-draft textarea{resize:vertical;border:1px solid var(--border);background:var(--card);width:100%;min-height:125px;color:var(--foreground);font:inherit;overflow-wrap:anywhere;border-radius:8px;margin-top:13px;padding:12px;font-size:18px;line-height:1.7;display:block}.conversation-recall-draft textarea::placeholder{color:var(--muted-foreground);opacity:1;font-size:13px}.conversation-recall-draft textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.conversation-recall .conversation-recall-hint{border-top:1px solid var(--border);margin-top:18px;padding-top:15px}@media (width<=600px){.conversation-recall{padding:19px}.conversation-recall>.button-row button{justify-content:center;width:100%}.conversation-recall-draft textarea{min-height:100px}}.review-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.review-mode button{border:1px solid var(--border);background:var(--background);color:var(--foreground);text-align:left;border-radius:12px;flex-wrap:wrap;align-content:center;align-items:baseline;gap:3px 9px;min-height:66px;padding:12px 15px;display:flex}.review-mode button:hover{border-color:var(--primary)}.review-mode button.selected{border-color:var(--primary);background:var(--accent)}.review-mode button strong{width:100%;font-size:13px;font-weight:650}.review-mode button small{color:var(--muted-foreground);font-size:11px}.review-recall{border:1px solid var(--border);background:var(--background);border-radius:14px;gap:18px;padding:20px;display:grid}.review-recall-cue{align-items:flex-start;gap:15px;display:flex}.review-recall-cue>span{background:var(--accent);color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;width:50px;height:50px;font-size:25px;display:grid}.review-recall-cue small{color:var(--primary);letter-spacing:.6px;font-size:10px;font-weight:700}.review-recall-cue h3{margin:5px 0;font-size:19px;font-weight:620}.review-recall-cue p,.review-recall-feedback{color:var(--muted-foreground);font-size:12px;line-height:1.7}.review-recall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.review-recall-draft{border:1px solid var(--border);background:var(--card);border-radius:10px;min-width:0;padding:12px;display:block}.review-recall-draft>span{align-items:center;gap:7px;font-size:12px;display:flex}.review-recall-draft>span small{color:var(--muted-foreground);margin-left:auto}.review-recall-draft textarea{resize:vertical;overflow-wrap:anywhere;border:1px solid var(--border);background:var(--background);width:100%;height:105px;color:var(--foreground);font:inherit;border-radius:8px;margin-top:11px;padding:10px;font-size:16px;line-height:1.55;display:block}.review-recall-draft textarea::placeholder{color:var(--muted-foreground);opacity:1;font-size:12px}.review-recall-draft textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.review-recall-draft textarea:read-only{background:var(--muted)}.review-recall-reveal{justify-self:start;min-height:44px}.review-recall-feedback{border-top:1px solid var(--border);padding-top:13px}.review-answer-heading{font-size:14px;font-weight:650;line-height:1.6}.review-answer-heading:focus{outline:2px solid var(--ring);outline-offset:4px}@media (width<=700px){.review-recall-grid{grid-template-columns:1fr}.review-recall{padding:15px}.review-recall-draft textarea{height:76px}.review-recall-reveal{width:100%}.review-mode button{min-height:72px;padding:10px}.review-mode button small{font-size:10px}}.review-ratings legend small{margin-left:8px;font-size:10px;font-weight:600}.review-due-label{color:var(--primary)}.review-wait-label{color:var(--muted-foreground)}.review-not-due{border:1px dashed var(--border);color:var(--muted-foreground);border-radius:8px;padding:11px 12px;font-size:11px;line-height:1.6}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b:var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-b:0px}}@keyframes scroll-fade-reveal-s{0%{--scroll-fade-s:0px}to{--scroll-fade-s:var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}}@keyframes scroll-fade-reveal-e{0%{--scroll-fade-e:var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-e:0px}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@font-face{font-family:Nunito;src:url(/fonts/nunito-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-extrabold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--background:#f6f4ff;--foreground:#1d1b3a;--card:#fff;--card-foreground:#1d1b3a;--popover:#fff;--popover-foreground:#1d1b3a;--primary:#5b4cff;--primary-foreground:#fff;--primary-strong:#3f2fe0;--primary-soft:#efecff;--secondary:#efeaff;--secondary-foreground:#4632d6;--muted:#f1eef9;--muted-foreground:#5f5b7d;--accent:#f0ecff;--accent-foreground:#4b39e0;--destructive:#d93a4a;--border:#e7e3f6;--input:#d8d2ef;--ring:#7b6cff;--radius:1rem;--sidebar:#ffffffe6;--sidebar-foreground:#4a4668;--sidebar-primary:#5b4cff;--sidebar-primary-foreground:#fff;--sidebar-accent:#f0ecff;--sidebar-accent-foreground:#3f2fe0;--sidebar-border:#ebe7f8;--sidebar-ring:#7b6cff;--hi:#ff7a1a;--hi-bg:#fff3e8;--hi-fg:#b04600;--hi-soft:#ffe3cc;--en:#3f73ff;--en-bg:#ebf1ff;--en-fg:#2348c4;--en-soft:#d6e2ff;--yue:#12b886;--yue-bg:#e3f7ee;--yue-fg:#08744f;--yue-soft:#c6efdd;--mark:#ffe066;--shadow:0 1px 2px #1d1b3a0a,0 10px 28px -16px #3b2fd02e;--shadow-lg:0 2px 6px #1d1b3a0f,0 26px 50px -22px #3b2fd04d;--font-ui:"Nunito","Avenir Next",Avenir,system-ui,-apple-system,"Segoe UI",sans-serif;--font-hi:"Kohinoor Devanagari","Devanagari Sangam MN","Noto Sans Devanagari","Nunito",sans-serif;--font-yue:"PingFang HK","PingFang TC","Hiragino Sans CNS","Noto Sans HK","Noto Sans CJK TC","Microsoft JhengHei",sans-serif;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,1,.36,1)}.dark{--background:#0e0d1c;--foreground:#f1efff;--card:#181730;--card-foreground:#f1efff;--popover:#1b1a35;--popover-foreground:#f1efff;--primary:#8f84ff;--primary-foreground:#0f0c2e;--primary-strong:#6b5ff0;--primary-soft:#26234a;--secondary:#26234a;--secondary-foreground:#cfc9ff;--muted:#222040;--muted-foreground:#aaa6c9;--accent:#24214a;--accent-foreground:#c4bdff;--border:#2c2950;--input:#3a3664;--ring:#8f84ff;--sidebar:#13122ae6;--sidebar-foreground:#c9c5e6;--sidebar-primary:#8f84ff;--sidebar-primary-foreground:#0f0c2e;--sidebar-accent:#26234a;--sidebar-accent-foreground:#d1cbff;--sidebar-border:#26234a;--sidebar-ring:#8f84ff;--hi:#ff9a4d;--hi-bg:#3a2414;--hi-fg:#ffb27a;--hi-soft:#4a2c14;--en:#7c9dff;--en-bg:#16223f;--en-fg:#a3bdff;--en-soft:#1d2d55;--yue:#3fd6a2;--yue-bg:#10302a;--yue-fg:#72e0b8;--yue-soft:#123d33;--mark:#5c4400;--shadow:0 1px 2px #0006,0 12px 30px -16px #000c;--shadow-lg:0 2px 8px #0008,0 28px 60px -24px #000e}.hindi,.lane-hi{--lane:var(--hi);--lane-bg:var(--hi-bg);--lane-fg:var(--hi-fg);--lane-soft:var(--hi-soft)}.english,.lane-en{--lane:var(--en);--lane-bg:var(--en-bg);--lane-fg:var(--en-fg);--lane-soft:var(--en-soft)}.cantonese,.lane-yue{--lane:var(--yue);--lane-bg:var(--yue-bg);--lane-fg:var(--yue-fg);--lane-soft:var(--yue-soft)}:root,.world-today,[data-world=today],[data-world=studio]{--world:#5b4cff;--world-2:#a78bfa;--world-ink:#4433e6}.world-course,[data-world=course]{--world:#6366f1;--world-2:#38bdf8;--world-ink:#3f3fc4}.world-sound-script,[data-world=sound-script]{--world:#ec4899;--world-2:#fb923c;--world-ink:#b31f68}.world-words,[data-world=words]{--world:#f59e0b;--world-2:#f97316;--world-ink:#9a4a00}.world-grammar,[data-world=grammar]{--world:#8b5cf6;--world-2:#d946ef;--world-ink:#6a32d6}.world-read-write,[data-world=read-write]{--world:#0ea5e9;--world-2:#2563eb;--world-ink:#0b5d9e}.world-listen-speak,[data-world=listen-speak]{--world:#10b981;--world-2:#84cc16;--world-ink:#06704f}.world-you,[data-world=you]{--world:#f43f5e;--world-2:#fb923c;--world-ink:#b8173a}.world-play,[data-world=play]{--world:#f76707;--world-2:#339af0;--world-ink:#b34700}.world-icon.world-play{background:linear-gradient(135deg,#ff6b6b,#fcc419 38%,#51cf66 68%,#339af0)}.dark :is([data-world],[class*=world-]){--world-ink:color-mix(in srgb,var(--world) 52%,#fff)}body{font-family:var(--font-ui);background:var(--background);color:var(--foreground);font-feature-settings:"kern","liga"}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42rem 30rem at 6% -8%,color-mix(in srgb,var(--hi) 15%,transparent),transparent 70%), radial-gradient(44rem 30rem at 98% -4%,color-mix(in srgb,var(--en) 14%,transparent),transparent 70%), radial-gradient(52rem 36rem at 58% 112%,color-mix(in srgb,var(--yue) 13%,transparent),transparent 70%);position:fixed;inset:0}.dark body:before{opacity:.55}button,a,input,select,textarea{font-family:inherit}[lang=hi]{font-family:var(--font-hi)}[lang=yue],[lang|=zh]{font-family:var(--font-yue)}h1,h2,h3,h4{font-family:var(--font-ui);letter-spacing:-.012em}.workspace :is(h2,h3){font-weight:800}main h1[tabindex="-1"]:focus,main h2[tabindex="-1"]:focus{outline:3px solid color-mix(in srgb,var(--primary) 30%,transparent);outline-offset:4px;border-radius:10px}main h1[tabindex="-1"]:focus:not(:focus-visible),main h2[tabindex="-1"]:focus:not(:focus-visible){outline:none}::selection{background:color-mix(in srgb,var(--primary) 26%,transparent);color:inherit}kbd{border:1px solid var(--border);background:var(--muted);min-width:22px;height:22px;color:var(--muted-foreground);font:800 11px/1 var(--font-ui);border-bottom-width:2px;border-radius:7px;place-items:center;padding:0 6px;display:inline-grid}.app-main{background:0 0}.workspace{max-width:1380px;padding-top:28px;padding-bottom:40px}.lang-dot.hindi{background:var(--hi)}.lang-dot.english{background:var(--en)}.lang-dot.cantonese{background:var(--yue)}.lang-dot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--lane,currentColor) 18%,transparent)}.world-icon{--size:30px;width:var(--size);height:var(--size);border-radius:calc(var(--size) * .32);background:linear-gradient(135deg,var(--world),var(--world-2));color:#fff;box-shadow:0 8px 16px -10px var(--world);flex-shrink:0;place-items:center;display:inline-grid}.lane-glyph{background:var(--lane-fg,var(--primary));width:28px;height:28px;color:var(--card);border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;line-height:1;display:inline-grid}.lane-glyph.lane-hi{font-family:var(--font-hi)}.lane-glyph.lane-yue{font-family:var(--font-yue)}.studio-sidebar{border-right:1px solid var(--sidebar-border)!important}.studio-sidebar [data-sidebar=sidebar]{background:var(--sidebar);-webkit-backdrop-filter:blur(22px)saturate(1.4)}.brand{font:inherit;text-align:left;color:var(--foreground);letter-spacing:0;background:0 0;border:0;align-items:center;gap:12px;padding:20px 18px 10px;display:flex}.brand .brand-mark{letter-spacing:0;background:0 0;border-radius:0;flex-shrink:0;width:42px;height:40px;padding:0;font-size:0;display:block;position:relative}.brand .brand-mark i{opacity:.95;mix-blend-mode:multiply;width:25px;height:25px;transition:transform .5s var(--ease-spring);border-radius:50%;position:absolute}.brand .brand-mark i:first-child{background:var(--hi);top:0;left:0}.brand .brand-mark i:nth-child(2){background:var(--en);top:0;right:0}.brand .brand-mark i:nth-child(3){background:var(--yue);bottom:0;left:8.5px}.dark .brand .brand-mark i{mix-blend-mode:screen}.brand:hover .brand-mark i:first-child{transform:translate(-2px,-1px)}.brand:hover .brand-mark i:nth-child(2){transform:translate(2px,-1px)}.brand:hover .brand-mark i:nth-child(3){transform:translateY(2px)}.brand-word{font:900 26px/1 var(--font-ui);letter-spacing:-.045em;color:var(--foreground);display:block}.brand-word>span{letter-spacing:0;color:var(--muted-foreground);gap:6px;margin-top:6px;font-size:11px;font-weight:800;display:flex}.brand-word>span>span:first-child{color:var(--hi-fg)}.brand-word>span>span:nth-child(2){color:var(--en-fg)}.brand-word>span>span:nth-child(3){color:var(--yue-fg)}.sidebar-search{border:1.5px solid var(--border);background:var(--card);height:40px;color:var(--muted-foreground);text-align:left;border-radius:13px;align-items:center;gap:10px;margin:8px 14px 6px;padding:0 8px 0 12px;font-size:13px;font-weight:700;transition:border-color .18s,color .18s,box-shadow .18s;display:flex}.sidebar-search:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));color:var(--foreground);box-shadow:var(--shadow)}.sidebar-search kbd{margin-left:auto}.brand-lockup{align-items:center;gap:10px;padding:16px 14px 8px;display:flex}.brand-lockup .brand{flex:1;width:auto;min-width:0;padding:4px 0}.lockup-mark{width:36px;height:36px;color:var(--foreground);border-radius:11px;flex-shrink:0;place-items:center;transition:background .18s;display:grid}.lockup-mark:hover{background:var(--sidebar-accent)}.lockup-divider{background:color-mix(in srgb,var(--foreground) 22%,transparent);flex-shrink:0;width:1px;height:30px}:root[data-audience=little] .lockup-mark{width:30px;height:30px;color:var(--muted-foreground)}:root[data-audience=little] .lockup-divider{background:color-mix(in srgb,var(--foreground) 14%,transparent);height:24px}.studio-credit{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;padding:0 0 40px;font-size:14px;font-weight:700;display:flex}.studio-credit a{border-radius:9px;min-height:32px;padding:0 8px}.studio-credit a:hover{background:var(--muted)}.studio-credit a:hover span{text-decoration:underline}.sidebar-utilities{margin:6px 8px 0}.local-note{padding:10px 16px 16px}.topbar{z-index:30;background:color-mix(in srgb,var(--background) 74%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.5);border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);gap:16px;height:68px;padding:0 28px;position:sticky;top:0}.topbar>div{min-width:0}.topbar .topbar-left{flex:auto}.topbar .topbar-right{flex:none}.topbar .topbar-left{gap:12px;min-width:0}.topbar-breadcrumb{min-width:0}.topbar-breadcrumb ol{align-items:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.topbar-breadcrumb li{min-width:0;color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.topbar-breadcrumb li>span{text-overflow:ellipsis;overflow:hidden}.topbar-breadcrumb li+li:before{content:"";opacity:.45;border-top:2px solid;border-right:2px solid;flex-shrink:0;width:6px;height:6px;margin:0 6px 0 2px;transform:rotate(45deg)}.topbar-breadcrumb li[aria-current]{color:var(--foreground);font-size:15px;font-weight:900}.topbar-breadcrumb .world-icon{--size:24px;border-radius:8px}.topbar .topbar-right{gap:10px}.topbar-search{border:1.5px solid var(--border);background:var(--card);min-width:260px;height:42px;color:var(--muted-foreground);box-shadow:var(--shadow);transition:border-color .18s,color .18s,transform .18s var(--ease-spring);border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 14px;font-size:13px;font-weight:700;display:flex}.topbar-search>span{display:inline}.topbar-search kbd{margin-left:auto}.topbar-search:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));color:var(--foreground);transform:translateY(-1px)}.streak{white-space:nowrap;background:var(--muted);height:38px;color:var(--muted-foreground);border-radius:999px;gap:6px;padding:0 12px;font-weight:800;font-size:13px!important}.streak strong{color:var(--foreground);font-weight:900}.streak svg{color:var(--muted-foreground)}.streak.lit{color:#b23c0a;background:linear-gradient(135deg,#fff1e0,#ffe4ea)}.streak.lit svg{color:#f97316;animation:2.6s ease-in-out infinite trio-flicker}.dark .streak.lit{color:#ffc49b;background:linear-gradient(135deg,#3d2412,#3d1626)}.goal-pill{border:1.5px solid var(--border);background:var(--card);height:38px;color:var(--foreground);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:13px;font-weight:900;display:inline-flex}.goal-pill-ring{background:conic-gradient(var(--yue) var(--percent),var(--muted) 0);border-radius:50%;width:26px;height:26px;-webkit-mask:radial-gradient(circle,#0000 7.5px,#000 8.5px);mask:radial-gradient(circle,#0000 7.5px,#000 8.5px)}.goal-pill:hover,.topbar-archive:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.topbar-archive{border:1.5px solid var(--border);background:var(--card);height:38px;color:var(--muted-foreground);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:800;display:inline-flex}.topbar .icon-button{border-width:1.5px;width:38px;height:38px}.avatar{background:linear-gradient(135deg,var(--hi-fg),var(--en-fg) 55%,var(--yue-fg));width:38px;height:38px;color:var(--card);box-shadow:0 6px 14px -8px var(--en);border:0;outline:0;font-weight:900;font-size:14px!important}@media (width<=1500px){.topbar-archive-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar-archive{justify-content:center;width:38px;padding:0}}@media (width<=1280px){.streak-label{display:none}}@media (width<=1180px){.topbar-search{min-width:0}.topbar-search>span,.topbar-search kbd{display:none}.topbar-search{justify-content:center;width:42px;padding:0}.streak-label{display:none}}@media (width<=767px){.topbar{height:60px;padding:0 12px}.topbar-breadcrumb li:not([aria-current]),.topbar-breadcrumb li+li:before{display:none}.topbar-breadcrumb li[aria-current]{font-size:14px}.goal-pill,.topbar .avatar{display:none}.topbar-archive,.topbar .icon-button{width:36px;height:36px}.topbar .topbar-right{gap:6px}}@media (width<=1100px){.topbar-breadcrumb li:not([aria-current]),.topbar-breadcrumb li+li:before{display:none}}@media (width<=1023px){.goal-pill{display:none}}@media (width<=400px){.streak{padding:0 9px}}@media (width<=360px){.topbar .streak{display:none}}.back-chip{border:1.5px solid var(--border);background:var(--card);color:var(--primary);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:7px;margin:0 0 14px;padding:8px 13px;font-size:12.5px;font-weight:800;display:inline-flex}.back-chip:hover{border-color:var(--primary)}.archive-note{background:var(--hi-bg);color:var(--hi-fg);border-radius:14px;margin:0 0 14px;padding:10px 14px;font-size:13px;font-weight:700}.page-heading,.atlas-intro{isolation:isolate;background:linear-gradient(115deg,color-mix(in srgb,var(--world) 13%,var(--card)) 0%,var(--card) 58%);border:1px solid color-mix(in srgb,var(--world) 18%,var(--border));box-shadow:var(--shadow);border-radius:28px;margin-bottom:26px;padding:28px 30px;position:relative;overflow:hidden}.page-heading:before,.page-heading:after,.atlas-intro:before,.atlas-intro:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.page-heading:before,.atlas-intro:before{background:radial-gradient(circle at 35% 35%,var(--world-2),var(--world));opacity:.2;width:240px;height:240px;top:-110px;right:-70px}.page-heading:after,.atlas-intro:after{background:radial-gradient(circle at 35% 35%,var(--world),var(--world-2));opacity:.14;width:120px;height:120px;bottom:-70px;right:110px}.page-heading .eyebrow,.atlas-intro .eyebrow,.home-hero .eyebrow{background:color-mix(in srgb,var(--world) 12%,var(--card));color:var(--world-ink);letter-spacing:.14em;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;font-size:10px;font-weight:900;display:inline-flex}.page-heading .eyebrow:before,.atlas-intro .eyebrow:before,.home-hero .eyebrow:before{content:"";background:linear-gradient(135deg,var(--world),var(--world-2));border-radius:50%;width:7px;height:7px}.page-heading h1,.atlas-intro h1{letter-spacing:-.03em;margin-top:4px;font-size:34px;font-weight:900;line-height:1.15}.page-heading p,.atlas-intro p{max-width:760px;font-size:15px;font-weight:600}.eyebrow{letter-spacing:.14em;font-weight:900}.section-heading h2,.section-heading h3{letter-spacing:-.015em;font-weight:900}.section-heading>span{letter-spacing:.14em;color:var(--muted-foreground);font-weight:900}@media (width<=600px){.page-heading,.atlas-intro{border-radius:22px;padding:22px 20px}.page-heading h1,.atlas-intro h1{font-size:26px}.page-heading p,.atlas-intro p{font-size:14px}}@media print{.page-heading,.atlas-intro{box-shadow:none;background:0 0;border:0;padding:0}.page-heading:before,.page-heading:after,.atlas-intro:before,.atlas-intro:after{display:none}}.panel,.stat-card{border-color:var(--border);box-shadow:var(--shadow);border-radius:22px}.panel h2,.panel h3{font-weight:900}.soft-tag{background:color-mix(in srgb,var(--primary) 10%,var(--card));border-radius:999px;font-weight:800}.primary-button{background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:var(--primary-foreground);box-shadow:0 3px 0 var(--primary-strong),0 10px 20px -10px var(--primary);transition:transform .16s var(--ease-spring),box-shadow .16s,filter .16s;border-radius:14px;font-weight:800}.dark .primary-button{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 70%,#fff),var(--primary))}.primary-button:hover:not(:disabled){filter:saturate(1.15);box-shadow:0 4px 0 var(--primary-strong),0 14px 24px -10px var(--primary);transform:translateY(-1px)}.primary-button:active:not(:disabled){box-shadow:0 1px 0 var(--primary-strong),0 4px 10px -8px var(--primary);transform:translateY(2px)}.secondary-button{border:1.5px solid var(--border);background:var(--card);box-shadow:0 2px 0 var(--border);transition:transform .16s var(--ease-spring),border-color .16s,background .16s;border-radius:14px;font-weight:800}.secondary-button:hover:not(:disabled){background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));transform:translateY(-1px)}.secondary-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.text-button{font-weight:800}.text-button:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.white-button{transition:transform .16s var(--ease-spring);border-radius:14px;font-weight:900;box-shadow:0 3px #0000002e,0 12px 24px -12px #0008}.white-button:hover{transform:translateY(-1px)}.icon-button{transition:transform .16s var(--ease-spring),background .16s,color .16s}.icon-button:hover{transform:translateY(-1px)}.collection-tabs{border:1px solid var(--border);background:color-mix(in srgb,var(--muted) 85%,transparent)!important;border-radius:999px!important;padding:5px!important}.collection-tabs [role=tab]{color:var(--muted-foreground);border-radius:999px!important;font-weight:800!important}@media (width<=1100px){.collection-tabs{flex-wrap:wrap;justify-content:flex-start;max-width:100%;height:auto!important}.collection-tabs [role=tab]{white-space:normal;flex:auto}}.collection-tabs [role=tab][data-state=active]{background:var(--card)!important;color:var(--world-ink)!important;box-shadow:0 4px 12px -6px #3b2fd040!important}.lab-stage-options button{background:var(--card);transition:transform .16s var(--ease-spring),background .16s,border-color .16s;border-width:1.5px;border-radius:999px;font-weight:800}.lab-stage-options button:hover{border-color:color-mix(in srgb,var(--world) 50%,var(--border));transform:translateY(-1px)}.lab-stage-options button.selected{background:var(--world-ink);color:var(--card);box-shadow:0 8px 18px -10px var(--world);border-color:#0000}.lab-stage-options button.selected small{background:color-mix(in srgb,var(--foreground) 16%,transparent);color:inherit}.lab-stage-options small{border-radius:999px;font-weight:900}.connected-catalog>button{border:1.5px solid var(--border);box-shadow:var(--shadow);transition:transform .2s var(--ease-spring),box-shadow .2s,border-color .2s,background .2s;border-radius:22px;position:relative}.connected-catalog>button:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--world) 45%,var(--border));transform:translateY(-3px)}.connected-catalog>button.selected{background:color-mix(in srgb,var(--world) 8%,var(--card));border-color:var(--world);box-shadow:0 0 0 4px color-mix(in srgb,var(--world) 18%,transparent),var(--shadow-lg)}.connected-catalog>button>span:first-child{background:color-mix(in srgb,var(--world) 13%,var(--card));width:46px;height:46px;color:var(--world-ink);border-radius:15px;place-items:center;font-size:23px;line-height:1;display:grid}.connected-catalog strong{font-size:15px;font-weight:900}.connected-catalog .lab-card-stage{color:var(--world-ink)}.connected-catalog>button.done:after{content:"✓";background:var(--yue-fg);width:24px;height:24px;color:var(--card);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:14px;right:14px}.connected-overview{background:0 0;border:0;gap:14px;overflow:visible}.connected-overview>div,.connected-overview>div:last-child{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px}.connected-overview svg{box-sizing:content-box;background:color-mix(in srgb,var(--world) 13%,var(--card));color:var(--world-ink);border-radius:13px;padding:9px}.connected-overview>div{min-width:0}.connected-overview strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:900}.connected-overview span{font-weight:700}@media (width<=600px){.connected-overview{gap:8px}.connected-overview>div,.connected-overview>div:last-child{border:1px solid var(--border)}}.language-card{border:1px solid color-mix(in srgb,var(--lane) 22%,transparent);border-radius:22px}.language-card .phrase-script,.connected-script{font-weight:700}.connected-language{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(180deg,color-mix(in srgb,var(--lane) 8%,var(--card)) 0,var(--card) 120px);border-radius:22px;position:relative;overflow:hidden}.connected-language.hindi,.connected-language.english,.connected-language.cantonese{border-top:1px solid var(--border)}.connected-language:before{content:"";background:linear-gradient(90deg,var(--lane),color-mix(in srgb,var(--lane) 45%,transparent));height:5px;position:absolute;inset:0 0 auto}.connected-language>header{font-weight:900}.connected-language>header strong{color:var(--lane-fg)}.hindi .connected-script{color:var(--hi-fg)}.english .connected-script{color:var(--en-fg)}.cantonese .connected-script{color:var(--yue-fg)}.easy-pronunciation small{letter-spacing:.12em;font-weight:900}.easy-pronunciation strong{font-weight:800}.connected-audio{flex-wrap:wrap;gap:6px}.connected-audio .text-button{background:color-mix(in srgb,var(--lane,var(--primary)) 10%,transparent);color:var(--lane-fg,var(--primary));border-radius:999px;padding:6px 10px}.connected-audio .text-button:hover{background:color-mix(in srgb,var(--lane,var(--primary)) 20%,transparent);text-decoration:none}.role-person{--chunk-color:#8b5cf6}.role-action{--chunk-color:#10b981}.role-thing{--chunk-color:#f97316}.role-link{--chunk-color:#64748b}.role-description{--chunk-color:#ec4899}.role-place{--chunk-color:#0ea5e9}.role-question{--chunk-color:#d4a106}.sentence-chunk{background:color-mix(in srgb,var(--chunk-color) 15%,transparent);border-bottom-width:3px;border-radius:7px}.sentence-role-key span[class^=role-]{border-radius:999px;font-weight:800}.connected-rule{border:1.5px solid color-mix(in srgb,var(--world) 26%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--world) 10%,var(--card)),var(--card) 70%);border-radius:22px}.connected-rule h3{color:var(--world-ink);font-weight:900}.connected-rule h3>svg{box-sizing:content-box;background:linear-gradient(135deg,var(--world),var(--world-2));color:#fff;border-radius:11px;padding:7px}.connected-rule h3>span{color:var(--muted-foreground);margin-left:4px;font-weight:700}:is(.connected-rule,.grammar-pitfall,.connected-notice) .connected-parallel>div{border-left:3px solid var(--lane-line);padding-left:14px}:is(.connected-rule,.grammar-pitfall,.connected-notice) .connected-parallel>div:first-child{--lane-line:var(--hi)}:is(.connected-rule,.grammar-pitfall,.connected-notice) .connected-parallel>div:nth-child(2){--lane-line:var(--en)}:is(.connected-rule,.grammar-pitfall,.connected-notice) .connected-parallel>div:nth-child(3){--lane-line:var(--yue)}:is(.connected-rule,.grammar-pitfall,.connected-notice) .connected-parallel p{font-size:15px;line-height:1.85}.connected-parallel small{letter-spacing:.1em;font-weight:900}.grammar-pitfall{border:1.5px solid color-mix(in srgb,#f59e0b 38%,var(--border));background:color-mix(in srgb,#f59e0b 8%,var(--card));border-left:6px solid #f59e0b;border-radius:22px}.grammar-pitfall>h3{color:#8a4b00;align-items:center;gap:9px;font-weight:900;display:flex}.dark .grammar-pitfall>h3{color:#ffc65c}.grammar-pitfall>h3>svg{box-sizing:content-box;color:#fff;background:#f59e0b;border-radius:11px;padding:7px}.grammar-pitfall>h3>span{color:var(--muted-foreground);font-weight:700}.connected-notice{border-radius:18px}.connected-detail-title h2{letter-spacing:-.025em;font-weight:900}.chapter-symbol{background:var(--world-ink);color:var(--card);box-shadow:0 10px 20px -12px var(--world);border-radius:16px;font-size:22px}.connected-check{border-radius:22px}.connected-answer{transition:transform .18s var(--ease-spring),border-color .18s,background .18s,box-shadow .18s;border-radius:18px!important}.connected-answer:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-2px)}.connected-choice-letter{font-weight:900;border-radius:12px!important}.connected-answer.correct{box-shadow:0 0 0 4px color-mix(in srgb,var(--yue) 16%,transparent);border-color:var(--yue)!important;background:color-mix(in srgb,var(--yue) 10%,var(--card))!important}.connected-answer.retry{animation:.4s ease-in-out trio-nudge}.connected-feedback{border-radius:16px}.learning-preparation{border:1.5px dashed color-mix(in srgb,var(--world) 45%,var(--border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--world) 8%,var(--card)),var(--card))!important;border-radius:22px!important}.home-hero{isolation:isolate;border:1px solid var(--border);background:linear-gradient(120deg,color-mix(in srgb,var(--hi) 11%,var(--card)) 0%,var(--card) 42%,color-mix(in srgb,var(--en) 8%,var(--card)) 70%,color-mix(in srgb,var(--yue) 12%,var(--card)) 100%);box-shadow:var(--shadow);border-radius:32px;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:24px;margin-bottom:26px;padding:34px 38px;display:grid;position:relative;overflow:hidden}.home-hero .home-hero-title{letter-spacing:-.04em;max-width:640px;margin:12px 0 10px;font-size:44px;font-weight:900;line-height:1.06}.home-hero p{color:var(--muted-foreground);font-size:16px;font-weight:600}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.home-hero .soft-tag{height:36px;padding:0 13px}.home-search{border:2px solid var(--border);background:var(--card);max-width:580px;min-height:56px;color:var(--muted-foreground);text-align:left;box-shadow:var(--shadow);transition:border-color .18s,transform .18s var(--ease-spring),box-shadow .18s;border-radius:18px;flex:420px;align-items:center;gap:12px;padding:0 10px 0 18px;font-size:14px;font-weight:700;display:flex}.home-search>svg{color:var(--primary)}.home-search>span{flex:1}.home-search b{font-weight:900}.home-search b[lang=hi]{color:var(--hi-fg)}.home-search b[lang=en]{color:var(--en-fg)}.home-search b[lang=yue]{color:var(--yue-fg)}.home-search:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home-hero-art{height:230px;position:relative}.home-orb{color:#fff;text-shadow:0 2px 8px #0006;border-radius:50%;place-items:center;font-weight:900;animation:7s ease-in-out infinite trio-float;display:grid;position:absolute;box-shadow:inset -10px -14px 30px #0000001f,0 24px 40px -22px #0007}.home-orb.hindi{background:radial-gradient(circle at 30% 25%,#ffc08a,#e8590c 72%);width:150px;height:150px;font-size:27px;top:14px;left:0}.home-orb.english{background:radial-gradient(circle at 30% 25%,#a9c2ff,#2f5bea 72%);width:122px;height:122px;font-size:24px;animation-delay:-2.3s;top:0;right:4px}.home-orb.cantonese{background:radial-gradient(circle at 30% 25%,#86ecc6,#0b8f66 72%);width:136px;height:136px;font-size:36px;animation-delay:-4.6s;bottom:0;left:92px}.lesson-hero{background:radial-gradient(70% 120% at 100% 0,#c2255c 0%,#0000 55%),radial-gradient(60% 110% at 0 100%,#087f5b 0%,#0000 55%),linear-gradient(135deg,#5b4cff 0%,#7a3cff 55%,#9333ea 100%);border-radius:30px;box-shadow:0 30px 60px -30px #5b4cffaa}.lesson-hero:after{content:"अ A 字";z-index:1;font:900 120px/1 var(--font-ui);letter-spacing:.06em;color:#fff;opacity:.13;white-space:nowrap;pointer-events:none;position:absolute;bottom:-26px;right:28px}.hero-label{letter-spacing:.16em;color:#fff;font-weight:900}.lesson-hero .hero-content p,.lesson-hero .hero-meta{color:#fff}.hero-content h2{letter-spacing:-.035em;font-weight:900}.daily-plan-count{border-radius:999px;font-weight:800}.daily-review-card{border-radius:22px}.goal-ring{background:conic-gradient(var(--yue) var(--percent),var(--muted) 0)!important}.home-worlds{margin-top:30px}.home-world-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;display:grid}.home-world{border:1px solid color-mix(in srgb,var(--world) 22%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--world) 12%,var(--card)),var(--card) 58%);box-shadow:var(--shadow);transition:transform .22s var(--ease-spring),box-shadow .22s;border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex}.home-world:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.home-world-main{text-align:left;color:var(--foreground);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0;display:grid}.home-world-main .world-icon{--size:46px;border-radius:15px}.home-world-main strong{font-size:16.5px;font-weight:900;line-height:1.2;display:block}.home-world-main small{color:var(--muted-foreground);margin-top:3px;font-size:12.5px;font-weight:700;line-height:1.35;display:block}.home-world-main>svg{color:var(--world-ink);opacity:.7;transition:transform .2s var(--ease-spring)}.home-world-main:hover>svg{opacity:1;transform:translate(2px,-2px)}.home-world-meter{align-items:center;gap:10px;display:flex}.home-world-meter>span{background:color-mix(in srgb,var(--world) 14%,var(--muted));border-radius:9px;flex:1;height:8px;overflow:hidden}.home-world-meter i{border-radius:inherit;background:linear-gradient(90deg,var(--world),var(--world-2));height:100%;display:block}.home-world-meter small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-weight:800}.home-world-links{flex-wrap:wrap;gap:6px;display:flex}.home-world-links button{border:1px solid color-mix(in srgb,var(--world) 28%,var(--border));background:var(--card);color:var(--world-ink);transition:background .16s,color .16s,transform .16s var(--ease-spring);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;line-height:1.3}.home-world-links button:hover{background:var(--world-ink);color:var(--card);border-color:#0000;transform:translateY(-1px)}.word-of-day-symbol{font-size:30px;line-height:1}.word-of-day-lanes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.word-of-day-lane{background:var(--lane-bg);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:grid}.word-of-day-copy b{color:var(--lane-fg);overflow-wrap:anywhere;font-size:20px;font-weight:800;line-height:1.35;display:block}.word-of-day-copy small{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px;font-weight:700;display:block}.word-of-day-lane .icon-button{width:34px;height:34px;color:var(--lane-fg);background:var(--card);border-color:#0000}.word-of-day-cue{color:var(--muted-foreground);margin:12px 0 8px;font-size:13px;font-weight:600}@media (width<=1100px){.home-hero{grid-template-columns:1fr}.home-hero-art{display:none}}@media (width<=600px){.home-hero{border-radius:24px;padding:24px 20px}.home-hero .home-hero-title{font-size:30px}.home-search{flex-basis:100%;min-height:52px;font-size:13px}.home-search kbd{display:none}.lesson-hero:after{font-size:80px}}.explorer-activity-card,.explorer-room-card{box-shadow:var(--shadow);transition:transform .2s var(--ease-spring),box-shadow .2s;position:relative;overflow:hidden;border-radius:22px!important}.explorer-activity-card:hover,.explorer-room-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.explorer-activity-card[data-world]:before{content:"";background:linear-gradient(90deg,var(--world),var(--world-2));height:4px;position:absolute;inset:0 0 auto}.explorer-activity-card[data-world] .explorer-card-meta>span:first-child{color:var(--world-ink);font-weight:900}.world-progress{margin:0 0 26px}.world-progress-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;display:grid}.world-progress-card{border:1px solid color-mix(in srgb,var(--world) 22%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--world) 10%,var(--card)),var(--card) 60%);box-shadow:var(--shadow);border-radius:22px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;padding:16px;display:grid}.world-progress-ring{background:radial-gradient(closest-side,var(--card) 76%,transparent 77% 100%),conic-gradient(var(--world) var(--percent),color-mix(in srgb,var(--world) 14%,var(--muted)) 0);border-radius:50%;grid-row:1/3;place-items:center;width:64px;height:64px;display:grid}.world-progress-ring .world-icon{--size:34px;border-radius:50%}.world-progress-copy h3{font-size:15px;font-weight:900}.world-progress-copy p{color:var(--muted-foreground);font-size:12.5px;font-weight:700}.world-progress-copy strong{color:var(--world-ink);font-weight:900}.world-progress-card .text-button{color:var(--world-ink);justify-self:start;font-size:12.5px}.world-progress-note{color:var(--muted-foreground);margin-top:10px;font-size:12.5px;font-weight:600}.mobile-tab-bar{display:none}@media (width<=767px){.mobile-tab-bar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 90%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);box-shadow:var(--shadow-lg);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px;display:grid;position:fixed}.mobile-tab-bar button{color:var(--muted-foreground);background:0 0;border:0;border-radius:16px;justify-items:center;gap:3px;padding:7px 2px 6px;font-size:10.5px;font-weight:800;line-height:1.2;display:grid;position:relative}.mobile-tab-bar button.current{background:var(--primary-soft);color:var(--primary)}.mobile-tab-bar i{color:#fff;min-width:17px;height:17px;font:900 10px/17px var(--font-ui);background:#e11d48;border-radius:9px;padding:0 4px;font-style:normal;position:absolute;top:3px;left:calc(50% + 6px)}.workspace{padding-bottom:104px}}@media print{.mobile-tab-bar,.topbar,.back-chip{display:none!important}body:before{display:none}}@keyframes trio-rise{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes trio-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes trio-flicker{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(1.12)rotate(-6deg)}70%{transform:scale(.96)rotate(4deg)}}@keyframes trio-nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:no-preference){.workspace>*{animation:trio-rise .5s var(--ease-out) both}.workspace>:nth-child(2){animation-delay:40ms}.workspace>:nth-child(3){animation-delay:80ms}.workspace>:nth-child(4){animation-delay:.12s}.workspace>:nth-child(n+5){animation-delay:.16s}.home-world,.connected-catalog>button{animation:trio-rise .45s var(--ease-out) both}.home-world:nth-child(2),.connected-catalog>button:nth-child(2){animation-delay:40ms}.home-world:nth-child(3),.connected-catalog>button:nth-child(3){animation-delay:80ms}.home-world:nth-child(4),.connected-catalog>button:nth-child(4){animation-delay:.12s}.home-world:nth-child(n+5),.connected-catalog>button:nth-child(n+5){animation-delay:.16s}}@media (prefers-reduced-motion:reduce){.home-orb,.streak.lit svg{animation:none}}:root[data-text-size=large] .workspace{zoom:1.12}:root[data-text-size=larger] .workspace{zoom:1.25}:root[data-text-size=large] .studio-room-navigation{zoom:1.05}:root[data-text-size=larger] .studio-room-navigation{zoom:1.1}@media (width>=768px){:root[data-text-size=large] .topbar{zoom:1.05}:root[data-text-size=larger] .topbar{zoom:1.1}}@media (width<=767px){:root[data-audience=little] .topbar .streak{display:none}}:root[data-contrast=high]{--muted-foreground:#34304f;--border:#8a84b0;--input:#6f6898;--sidebar-border:#8a84b0}:root[data-contrast=high].dark{--muted-foreground:#dedaf5;--border:#8f89c2;--input:#a29ccc;--sidebar-border:#8f89c2}:root[data-contrast=high] body:before{display:none}:root[data-contrast=high] :is(.page-heading,.atlas-intro,.home-hero,.connected-rule,.home-world,.world-progress-card){background:var(--card)!important}:root[data-contrast=high] :is(.page-heading,.atlas-intro):before,:root[data-contrast=high] :is(.page-heading,.atlas-intro):after{display:none}:root[data-contrast=high] :focus-visible{outline-offset:3px;outline:3px solid var(--foreground)!important}:root[data-contrast=high] .text-button{text-underline-offset:3px;text-decoration:underline}:root[data-contrast=high] :is(.panel,.connected-language,.connected-catalog>button,.picture-tile,.trick-card){border-width:2px}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}:root[data-audience=little] .studio-room-navigation .studio-room-link{min-height:48px;font-size:15px}:root[data-audience=little] :is(.primary-button,.secondary-button){border-radius:18px;min-height:52px;font-size:16px}:root[data-audience=little] .page-heading h1{font-size:38px}:root[data-audience=little] .page-heading p{font-size:17px}:root[data-audience=little] .home-hero-grownup .home-hero-art{display:none}:root[data-audience=little] .home-hero-grownup{grid-template-columns:1fr;padding:22px 26px}:root[data-audience=little] .home-hero-grownup .home-hero-title{font-size:26px}:root[data-audience=little] .workspace-footer{display:none}@media (width<=600px){:root[data-audience=little] .page-heading h1{font-size:30px}}:root[data-audience=teen] .home-orb{animation:none}:root[data-audience=teen] .page-heading{padding:22px 26px}:root[data-audience=teen] .page-heading:after{display:none}.avatar.has-buddy{background:var(--card);box-shadow:inset 0 0 0 2px var(--border);font-size:22px!important}.text-button{min-height:32px}:is(p,small,li,em,span,h2,h3)>.text-button{min-height:0}.connected-audio .text-button{min-height:32px}[data-slot=switch][data-size=default]{padding:0 2px;width:46px!important;height:26px!important}[data-slot=switch] [data-slot=switch-thumb]{width:20px!important;height:20px!important}[data-slot=switch][data-state=checked] [data-slot=switch-thumb]{translate:20px!important}[data-slot=switch][data-state=unchecked] [data-slot=switch-thumb]{translate:0!important}input[type=checkbox],input[type=radio]{width:24px;height:24px;accent-color:var(--primary);cursor:pointer}[role=tabpanel]:focus-visible{outline-offset:4px;border-radius:14px;outline:3px solid var(--ring)!important}.command-search:focus-within{box-shadow:inset 0 -2px 0 var(--primary)}.settings-grid>*{min-width:0}@media (width<=600px){.settings-grid{grid-template-columns:minmax(0,1fr)!important}}:root{--de:#e0a800;--de-bg:#fff7db;--de-fg:#7a5a00;--de-soft:#ffecb0;--es:#e8436e;--es-bg:#ffedf2;--es-fg:#b0123f;--es-soft:#ffd5e0;--fr:#9a5cff;--fr-bg:#f4edff;--fr-fg:#6526d6;--fr-soft:#e4d6ff}.dark{--de:#fc3;--de-bg:#33290a;--de-fg:#ffd966;--de-soft:#45370c;--es:#ff6b91;--es-bg:#3a1520;--es-fg:#ff9ab3;--es-soft:#4d1a29;--fr:#b98cff;--fr-bg:#261a40;--fr-fg:#cdb0ff;--fr-soft:#33245a}.lane-de{--lane:var(--de);--lane-bg:var(--de-bg);--lane-fg:var(--de-fg);--lane-soft:var(--de-soft)}.lane-es{--lane:var(--es);--lane-bg:var(--es-bg);--lane-fg:var(--es-fg);--lane-soft:var(--es-soft)}.lane-fr{--lane:var(--fr);--lane-bg:var(--fr-bg);--lane-fg:var(--fr-fg);--lane-soft:var(--fr-soft)}:root[data-lane-hi=de]{--hi:var(--de);--hi-bg:var(--de-bg);--hi-fg:var(--de-fg);--hi-soft:var(--de-soft)}:root[data-lane-hi=es]{--hi:var(--es);--hi-bg:var(--es-bg);--hi-fg:var(--es-fg);--hi-soft:var(--es-soft)}:root[data-lane-hi=fr]{--hi:var(--fr);--hi-bg:var(--fr-bg);--hi-fg:var(--fr-fg);--hi-soft:var(--fr-soft)}:root[data-lane-en=de]{--en:var(--de);--en-bg:var(--de-bg);--en-fg:var(--de-fg);--en-soft:var(--de-soft)}:root[data-lane-en=es]{--en:var(--es);--en-bg:var(--es-bg);--en-fg:var(--es-fg);--en-soft:var(--es-soft)}:root[data-lane-en=fr]{--en:var(--fr);--en-bg:var(--fr-bg);--en-fg:var(--fr-fg);--en-soft:var(--fr-soft)}:root[data-lane-yue=de]{--yue:var(--de);--yue-bg:var(--de-bg);--yue-fg:var(--de-fg);--yue-soft:var(--de-soft)}:root[data-lane-yue=es]{--yue:var(--es);--yue-bg:var(--es-bg);--yue-fg:var(--es-fg);--yue-soft:var(--es-soft)}:root[data-lane-yue=fr]{--yue:var(--fr);--yue-bg:var(--fr-bg);--yue-fg:var(--fr-fg);--yue-soft:var(--fr-soft)}
