:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:Georgia, "Times New Roman", serif;--font-hanzi:"Noto Serif SC", "Songti SC", "STSong", "SimSun", "Microsoft YaHei", serif;--xuan-50:#fffef9;--xuan-100:#f8f4eb;--xuan-150:#f2ebde;--xuan-200:#e7ddca;--xuan-300:#d6c5a8;--ink-980:#15110d;--ink-900:#201b16;--ink-760:#393129;--ink-620:#665b4c;--ink-500:#8a7d6b;--ash-760:#4c4840;--ash-520:#777065;--ash-120:#ebe7df;--celadon-820:#3f584f;--celadon-760:#49645a;--celadon-560:#7a9286;--celadon-120:#e2e9e4;--cinnabar-750:#873528;--cinnabar-620:#a94a37;--cinnabar-120:#efd8cf;--seal-900:#4a1713;--tea-650:#876637;--mist:#fffef9bd;--paper-edge:#342e271f;--paper-edge-strong:#342e2733;--ink-line:#1c191614;--ink-line-strong:#1c191624;--shadow-float:0 20px 52px #24201b1a;--shadow-near:0 7px 22px #24201b0e;--radius:8px;--sidebar-width:292px;color:var(--ink-760);background:var(--xuan-100);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--xuan-100);min-width:320px}body{background:linear-gradient(115deg, #fffef9f5, #f8f4ebdb 48%, #efeae0cc), var(--xuan-100);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-2;pointer-events:none;content:"";filter:blur(16px);opacity:.72;background:linear-gradient(100deg,#0000 0 15%,#15110d0a 19%,#0000 30% 100%),linear-gradient(158deg,#0000 0 62%,#4a171308 69%,#0000 82% 100%),linear-gradient(25deg,#8f382a08,#0000 34% 100%);position:fixed;inset:0}body:after{display:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink-980);letter-spacing:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #4d665d57}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#app{min-height:100vh}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.ink-atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:0}.ink-atmosphere:before,.ink-atmosphere:after{content:"";opacity:.13;filter:blur(12px);position:absolute;transform:rotate(-8deg)}.ink-atmosphere:before{background:linear-gradient(105deg,#0000,#15110d4d 48%,#0000),repeating-linear-gradient(102deg,#0000 0 16px,#15110d1c 18px 19px,#0000 21px 42px),linear-gradient(118deg,#0000 0 58%,#4d665d2e,#0000 78%);width:46%;height:28%;top:7%;right:-7%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 72%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 72%,#0000)}.ink-atmosphere:after{background:linear-gradient(20deg,#0000,#87352829,#0000),linear-gradient(110deg,#0000,#4d665d21,#0000);width:34%;height:22%;bottom:4%;left:12%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 28% 70%,#0000)}.app-sidebar{isolation:isolate;scrollbar-gutter:stable;scrollbar-width:thin;background:linear-gradient(90deg, #fffef9b3, #f2ebde6b 74%, #e7ddca1f), var(--xuan-100);border-right:0;flex-direction:column;height:100dvh;padding:32px 22px 24px;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:inset -1px 0 #fffef975,16px 0 48px #24201b07}.app-sidebar:before{z-index:1;content:"";opacity:.58;background:linear-gradient(90deg,#0000,#87352857 32%,#4d665d2e 62%,#0000);width:58%;height:1px;margin:0 0 26px 12px;display:block;position:relative}.app-sidebar:after{z-index:0;pointer-events:none;content:"";opacity:.13;background-image:radial-gradient(circle at 18% 18%,#402e1914 0 .55px,#0000 .8px),radial-gradient(circle at 72% 58%,#8735280b 0 .6px,#0000 .9px),linear-gradient(104deg,#0000 0 42%,#fffef938,#0000 72%);background-size:15px 15px,23px 23px,100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d6,#00000080);mask-image:linear-gradient(#000000d6,#00000080)}.app-sidebar>*{z-index:1;position:relative}.brand{--brand-lockup-height:61px;--brand-logo-column:44px;--brand-logo-size:66px;grid-template-columns:var(--brand-logo-column) 1fr;color:var(--ink-980);align-items:center;gap:13px;padding:2px 10px 24px;text-decoration:none;display:grid}.nav-mark,.feature-mark,.empty-mark,.avatar-fallback,.profile-dot{font-family:var(--font-hanzi);border:1px solid var(--paper-edge-strong);background:linear-gradient(145deg, #fffef9f5, #e7ddca57), var(--xuan-50);flex:none;place-items:center;display:inline-grid}.user-avatar{border:1px solid var(--paper-edge-strong);color:#4a1713ad;background:linear-gradient(145deg, #fffef9eb, #e7ddca57), var(--xuan-50);width:38px;height:38px;font-family:var(--font-hanzi);border-radius:50%;place-items:center;font-weight:760;line-height:1;display:inline-grid;overflow:hidden}.user-avatar__image,.user-avatar__fallback{border-radius:inherit;width:100%;height:100%;display:block}.user-avatar__image{background-position:50%;background-size:cover}.user-avatar__image img{opacity:0;pointer-events:none;width:1px;height:1px;display:block;overflow:hidden}.user-avatar__fallback{place-items:center;display:grid}.brand-logo{width:var(--brand-logo-size);height:var(--brand-logo-size);object-fit:contain;filter:drop-shadow(0 7px 14px #24201b0b);justify-self:center;display:block;transform:translate(1px,-3px)}.brand-copy{min-height:var(--brand-lockup-height);align-content:center;display:grid}.brand strong{color:var(--ink-980);font-family:var(--font-serif);font-size:18.5px;font-weight:700;line-height:1.04;display:block}.sidebar-profile strong{color:var(--ink-980);font-family:var(--font-serif);font-size:18px;font-weight:700;line-height:1.1;display:block}.brand small{color:#5c5042ad;margin-top:7px;font-size:11.5px;font-weight:430;line-height:1.3;display:block}.sidebar-profile small{color:var(--ink-500);margin-top:5px;font-size:12px;line-height:1.25;display:block}.sidebar-note{color:#201d1961;font-family:var(--font-hanzi);text-align:center;border-block:1px solid #402e190e;grid-template-columns:repeat(4,1fr);gap:9px;padding:13px 10px 18px;font-size:20px;display:grid}.sidebar-nav{gap:4px;padding-top:14px;display:grid}.sidebar-nav-group{border-top:1px solid #402e190e;gap:3px;margin-top:5px;padding-top:8px;display:grid}.sidebar-nav-label{color:#5c504275;letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0 0 1px 12px;font-size:9.5px;font-weight:780;line-height:1}.sidebar-nav a,.mobile-nav a{color:var(--ink-620);text-decoration:none}.sidebar-nav a{border-radius:var(--radius);border:0;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:7px 20px 7px 12px;font-size:14px;font-weight:760;transition:background-color .2s,box-shadow .2s,color .2s,transform .2s;display:grid;position:relative}.sidebar-nav a:before{content:"";opacity:.76;background:linear-gradient(#873528b8,#3f584fd6);width:1px;height:0;transition:height .22s,opacity .22s;position:absolute;left:2px}.sidebar-nav a:hover{color:var(--ink-980);background:#fffef933;box-shadow:inset 0 0 0 1px #4d665d0e,0 7px 18px #24201b06}.sidebar-nav a.router-link-active{color:#201d19e6;background:linear-gradient(90deg,#e4ebe647,#fffef91f),#fffef91f;box-shadow:inset 0 0 0 1px #4d665d14}.sidebar-nav a:hover:before{height:58%}.sidebar-nav a.router-link-active:before{opacity:.58;height:48%}.nav-mark{color:#7a3127d6;background:0 0;border:0;width:30px;height:30px;font-size:20px;line-height:1;transition:color .22s,opacity .22s,transform .22s}.sidebar-nav a:hover .nav-mark{color:var(--celadon-820);opacity:.96;transform:translateY(-.5px)}.sidebar-nav a.router-link-active .nav-mark{color:#4d665dd6;opacity:.94}.sidebar-profile{color:inherit;background:0 0;border:1px solid #1c161114;border-inline:0;border-radius:0;grid-template-columns:38px 1fr;align-items:center;gap:11px;margin-top:auto;padding:12px 8px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:grid}.sidebar-profile:hover{background:#fffef942;border-color:#4d665d1f}.sidebar-profile img,.sidebar-profile .user-avatar,.avatar-fallback,.profile-dot{object-fit:cover;border-radius:50%;width:38px;height:38px}.sidebar-account-strip{border-top:1px solid #402e1912;gap:10px;margin-top:auto;padding-top:13px;display:grid}.sidebar-account-user{min-width:0;color:var(--ink-760);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:2px 0;text-decoration:none;display:grid}.sidebar-account-user .user-avatar{width:34px;height:34px}.sidebar-account-name{color:#201d19d1;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:780;line-height:1.2;overflow:hidden}.sidebar-account-user:hover .sidebar-account-name{color:var(--ink-980)}.sidebar-signout{align-self:start;margin-top:0;font-size:13px}.community-nav-dot{border-radius:999px;width:6px;height:6px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}@media (width>=921px) and (height<=860px){.app-sidebar{padding:22px 18px 16px}.app-sidebar:before{margin-bottom:14px}.brand{--brand-lockup-height:48px;--brand-logo-column:38px;--brand-logo-size:55px;gap:10px;padding:0 8px 14px}.brand strong{font-size:16.5px;line-height:1}.brand small{margin-top:4px;font-size:10.5px}.sidebar-note{padding:8px 8px 10px;font-size:17px}.sidebar-nav{gap:2px;padding-top:9px}.sidebar-nav-group{gap:2px;margin-top:3px;padding-top:5px}.sidebar-nav-label{padding-left:10px;font-size:8.5px}.sidebar-nav a{grid-template-columns:26px 1fr;gap:8px;min-height:32px;padding:4px 18px 4px 10px;font-size:13px}.nav-mark{width:26px;height:26px;font-size:17px}.sidebar-account-strip{gap:7px;padding-top:9px}.sidebar-account-user{grid-template-columns:30px minmax(0,1fr);gap:8px}.sidebar-account-user .user-avatar{width:30px;height:30px}.sidebar-account-name,.sidebar-signout{font-size:12px}}@media (width>=921px) and (height<=740px){.app-sidebar{padding-block:16px 12px}.app-sidebar:before,.sidebar-note{display:none}.brand{--brand-lockup-height:42px;--brand-logo-column:34px;--brand-logo-size:48px;padding-bottom:10px}.brand strong{font-size:15px}.brand small{display:none}.sidebar-nav{padding-top:4px}.sidebar-nav a{min-height:28px;padding-block:3px;font-size:12.5px}.nav-mark{font-size:16px}.sidebar-account-strip{padding-top:7px}}.text-button,.quiet-link{color:var(--ink-620);cursor:pointer;letter-spacing:0;background:0 0;border:0;padding:0;font-weight:700;text-decoration:none}.text-button:hover,.quiet-link:hover{color:var(--cinnabar-750)}.review-due-link{border-radius:var(--radius);min-height:45px;color:var(--xuan-50);background:linear-gradient(180deg, #57776afa, #395249fa), var(--celadon-820);border:1px solid #3f584f75;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-weight:850;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 12px 26px #3f584f29}.review-due-link:hover{background:linear-gradient(180deg, #49645afa, #2f4940fa), var(--celadon-760);border-color:#3f584fad;transform:translateY(-1px);box-shadow:0 16px 30px #3f584f33}.review-due-link:active{transform:translateY(0);box-shadow:0 8px 18px #3f584f24}.review-due-link span{color:#2f4b42;letter-spacing:0;text-transform:uppercase;background:#fffef9eb;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.app-workspace{isolation:isolate;background:linear-gradient(115deg,#fffef92e,#f8f4eb14 56%,#e7ddca0f),0 0;min-width:0;position:relative;overflow:hidden}.app-workspace:before{z-index:0;pointer-events:none;content:"";opacity:.18;background-image:radial-gradient(circle at 18% 24%,#1c191607 0 .7px,#0000 .9px),radial-gradient(circle at 72% 62%,#402e1905 0 .8px,#0000 1px),linear-gradient(92deg,#fffef91f,#0000 34% 100%);background-size:13px 13px,19px 19px,100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f5,#000000ad);mask-image:linear-gradient(#000000f5,#000000ad)}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:linear-gradient(#f8f4ebb8,#f8f4eb38),0 0;border-bottom:0;justify-content:flex-end;align-items:center;min-height:64px;padding:16px 44px 10px;display:flex;position:sticky;top:0}.app-topbar:after{content:"";background:linear-gradient(90deg,#0000,#402e192e,#0000);height:1px;position:absolute;bottom:0;left:44px;right:44px}.topbar-actions{align-items:center;gap:16px;display:flex}.topbar-future-dot{background:#4d665d6b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #e4ebe65c}.profile-chip{border-radius:var(--radius);min-width:0;color:var(--ink-760);background:#fffef95c;border:1px solid #402e191f;align-items:center;gap:10px;padding:6px 10px 6px 6px;text-decoration:none;display:flex}.profile-chip:hover{background:#e4ebe638;border-color:#4d665d38}.profile-chip span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:14px;font-weight:700;overflow:hidden}.profile-dot{width:30px;height:30px;color:var(--cinnabar-750);font-size:16px}.quick-add-card-trigger{z-index:55;border-radius:var(--radius);min-height:44px;color:var(--xuan-50);background:linear-gradient(145deg, #342419f5, #0f0c0af7), var(--ink-980);cursor:pointer;opacity:1;border:1px solid #fffef929;align-items:center;gap:9px;padding:0 15px 0 9px;font-weight:880;transition:gap .2s,min-width .2s,opacity .18s,padding .2s,box-shadow .18s,transform .18s;display:inline-flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 16px 34px #16110d2e,inset 0 1px #fffef91f}.quick-add-card-trigger span{color:#1c1611f5;background:linear-gradient(180deg, #fffef9fa, #e8ddcaeb), var(--xuan-50);border:1px solid #fffef9a3;border-radius:50%;place-items:center;width:27px;height:27px;font-size:19px;font-weight:900;line-height:1;display:grid;box-shadow:0 5px 12px #14110e1f}.quick-add-card-trigger strong{letter-spacing:.01em;opacity:1;white-space:nowrap;max-width:56px;font-size:13.5px;transition:max-width .2s,opacity .14s;display:inline-block;overflow:hidden}.quick-add-card-trigger:hover,.quick-add-card-trigger:focus-visible{transform:translateY(-1px);box-shadow:0 20px 42px #16110d38,inset 0 1px #fffef929}.quick-add-card-trigger--dock-pending{visibility:hidden;pointer-events:none;opacity:0}@media (width>=921px){.quick-add-card-trigger{justify-content:center;gap:8px;width:96px;min-height:56px;padding:8px}.quick-add-card-trigger span{width:32px;height:32px}}.quick-add-card-overlay{z-index:90;-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);background:#14110e52;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.quick-add-card-dialog{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9eb, #f2ebde6b), var(--xuan-50);border:1px solid #342e271f;gap:16px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 28px 70px #14110e38}.quick-add-card-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.quick-add-card-dialog h2{color:var(--ink-980);font-family:var(--font-serif);font-size:28px;line-height:1.05}.quick-add-card-dialog header button{border-radius:var(--radius);width:34px;height:34px;color:var(--ink-620);cursor:pointer;background:#fffef96b;border:1px solid #342e2714;place-items:center;font-size:24px;line-height:1;display:grid}.quick-add-card-form{gap:12px;display:grid}.quick-add-card-form label{gap:7px;display:grid}.quick-add-card-form span{color:var(--ink-620);font-size:12px;font-weight:820}.quick-add-card-form textarea,.quick-add-card-form select{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink-760);background:#fffef994;border:1px solid #342e271a;padding:12px}.quick-add-card-form textarea{resize:vertical}.quick-add-card-form textarea:focus-visible,.quick-add-card-form select:focus-visible{border-color:#4d665d47;outline:none;box-shadow:0 0 0 3px #4d665d14}.quick-add-card-form footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quick-add-card-form p{color:var(--celadon-820);font-size:13px;font-weight:820}.background-audio-player{--audio-drag-x:0px;--audio-drag-y:0px;--audio-edge-bottom:84px;--audio-edge-top:24px;--audio-edge-x:24px;--audio-expanded-top:var(--audio-edge-top);right:var(--audio-edge-x);bottom:var(--audio-edge-bottom);z-index:54;border-radius:var(--radius);background:radial-gradient(circle at 14% 0%, #fffef929, transparent 34%), radial-gradient(circle at 92% 18%, #87352833, transparent 42%), linear-gradient(145deg, #2f2017fa, #0e0b09fc), var(--ink-980);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);opacity:1;touch-action:none;transform-origin:100% 100%;-webkit-user-select:none;user-select:none;border:1px solid #fffef933;gap:10px;width:min(360px,100vw - 48px);padding:12px;transition:width .22s,height .22s,padding .22s,border-radius .22s,opacity .18s,box-shadow .18s,transform .18s;display:grid;position:fixed;box-shadow:0 22px 52px #16110d47,inset 0 1px #fffef92e}.background-audio-player--dock-top-left{top:var(--audio-edge-top);bottom:auto;right:auto;left:var(--audio-edge-x);transform-origin:0 0}.background-audio-player--dock-top-left:not(.background-audio-player--collapsed){top:var(--audio-expanded-top)}.background-audio-player--dock-top-right{top:var(--audio-edge-top);right:var(--audio-edge-x);transform-origin:100% 0;bottom:auto;left:auto}.background-audio-player--dock-top-right:not(.background-audio-player--collapsed){top:var(--audio-expanded-top)}.background-audio-player--dock-bottom-left{top:auto;right:auto;bottom:var(--audio-edge-bottom);left:var(--audio-edge-x);transform-origin:0 100%}.background-audio-player--dock-bottom-right{top:auto;right:var(--audio-edge-x);bottom:var(--audio-edge-bottom);transform-origin:100% 100%;left:auto}.background-audio-player--dragging{cursor:grabbing;opacity:1;transform:translate3d(var(--audio-drag-x), var(--audio-drag-y), 0);transition:none}.background-audio-player--collapsed{border-radius:var(--radius);background:radial-gradient(circle at 32% 20%, #fffef933, transparent 40%), linear-gradient(145deg, #2f2017fa, #0e0b09fc), var(--ink-980);border-color:#fffef933;place-items:center;width:96px;min-height:56px;padding:8px;box-shadow:0 16px 34px #16110d42,inset 0 1px #fffef92e}.background-audio-content-enter-active,.background-audio-content-leave-active{transition:opacity .15s,transform .15s}.background-audio-content-enter-from,.background-audio-content-leave-to{opacity:0;transform:scale(.96)translateY(3px)}.background-audio-expanded{gap:var(--audio-expanded-gap,10px);display:grid}.background-audio-compact{cursor:grab;touch-action:none;align-items:center;gap:8px;display:flex}.background-audio-player--dragging .background-audio-compact{cursor:grabbing}.background-audio-topline,.background-audio-main,.background-audio-footer,.background-audio-footer label{align-items:center;display:flex}.background-audio-topline{justify-content:space-between;gap:var(--audio-topline-gap,12px)}.background-audio-actions{align-items:center;gap:var(--audio-actions-gap,7px);min-width:0;display:inline-flex}.background-audio-topline>span{color:#fff7e8fa;font-family:var(--font-hanzi);font-size:var(--audio-kicker-size,16px);text-shadow:0 1px 8px #0003;font-weight:880;line-height:1}.background-audio-mode{gap:var(--audio-mode-gap,4px);padding:var(--audio-mode-padding,3px);border-radius:var(--radius);background:#fffef91a;border:1px solid #fffef924;display:inline-flex}.background-audio-mode button,.background-audio-next{min-height:var(--audio-chip-height,27px);padding:0 var(--audio-chip-padding-x,9px);color:#fff8ecc7;cursor:pointer;font-size:var(--audio-chip-font-size,12px);background:0 0;border:1px solid #0000;border-radius:6px;font-weight:840}.background-audio-mode button.active{color:var(--ink-980);background:linear-gradient(180deg, #fffef9fa, #e2d7c3eb), var(--xuan-50);border-color:#fffef961;box-shadow:0 6px 14px #00000029,inset 0 1px #fffef9db}.background-audio-collapse,.background-audio-expand{color:#fff8ece6;cursor:pointer;background:#fffef91a;border:1px solid #fffef92e;border-radius:50%;flex:none;place-items:center;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid;box-shadow:inset 0 1px #fffef929}.background-audio-collapse{width:var(--audio-collapse-size,28px);height:var(--audio-collapse-size,28px)}.background-audio-expand{width:32px;height:32px}.background-audio-collapse:hover,.background-audio-collapse:focus-visible,.background-audio-expand:hover,.background-audio-expand:focus-visible{color:var(--xuan-50);background:#fffef926;border-color:#fffef93d;outline:none;transform:translateY(-1px)}.background-audio-collapse span{background:currentColor;border-radius:999px;width:11px;height:2px;display:block}.background-audio-expand span{width:12px;height:12px;display:block;position:relative;transform:translateY(2px)}.background-audio-expand span:before{content:"";border-top:2px solid;border-left:2px solid;border-radius:1.5px 0 0;position:absolute;inset:2px;transform:rotate(45deg)}.background-audio-main{gap:var(--audio-main-gap,10px);min-width:0}.background-audio-play{appearance:none;width:var(--audio-play-size,40px);height:var(--audio-play-size,40px);color:var(--ink-980);background:linear-gradient(180deg, #fffef9fa, #e8ddcaeb), var(--xuan-50);cursor:pointer;border:1px solid #fffef957;border-radius:50%;flex:none;place-self:center;place-items:center;padding:0;line-height:1;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 10px 22px #00000038,inset 0 1px #fffef9cc}.background-audio-play:hover:not(:disabled){border-color:#fffef98a;transform:translateY(-1px);box-shadow:0 14px 28px #00000047,inset 0 1px #fffef9db}.background-audio-play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0;margin-left:3px}.background-audio-play-icon--pause{border:0;width:12px;height:14px;margin-left:0;position:relative}.background-audio-play-icon--pause:before,.background-audio-play-icon--pause:after{content:"";background:currentColor;border-radius:999px;width:4px;height:14px;position:absolute;top:0}.background-audio-play-icon--pause:before{left:0}.background-audio-play-icon--pause:after{right:0}.background-audio-play:disabled,.background-audio-next:disabled{cursor:wait;opacity:.62}.background-audio-copy{gap:2px;min-width:0;display:grid}.background-audio-copy strong,.background-audio-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.background-audio-copy strong{color:#fffcf4fa;font-size:var(--audio-title-size,14px);text-shadow:0 1px 10px #0000002e;line-height:1.25}.background-audio-copy small,.background-audio-footer span,.background-audio-error{color:#fff6e8c2;font-size:var(--audio-small-size,11.5px)}.background-audio-next{background:#fffef91a;border-color:#fffef92e;flex:none}.background-audio-footer{justify-content:flex-end}.background-audio-footer label{gap:7px}.background-audio-footer input{width:104px;accent-color:var(--celadon-760)}.background-audio-error{line-height:1.35}.app-main{z-index:1;width:min(1120px,100%);padding:32px 44px 112px;position:relative}.mobile-brandbar,.mobile-brandbar-lockup{display:none}.page-stack{gap:28px;display:grid}.page-header{gap:16px;max-width:860px;padding:12px 0;display:grid;position:relative}.page-header:before{z-index:-1;color:#201b1609;content:"文";font-family:var(--font-hanzi);font-size:154px;line-height:1;position:absolute;top:-14px;right:0}.page-header h2{max-width:780px;font-family:var(--font-serif);font-size:56px;font-weight:700;line-height:.98}.page-header .muted{max-width:690px;font-size:17px}.page-header-rule{background:linear-gradient(90deg, var(--cinnabar-750), #4d665d42 34%, #402e191f 62%, transparent);width:min(440px,68vw);height:1px}.eyebrow{color:var(--cinnabar-750);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:760}.muted,.feature-panel p,.empty-state p,.deck-item p,.scene-copy p,.chat-line p,.auth-success{color:var(--ink-620);line-height:1.66}.base-card,.feature-panel,.auth-card{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9a8, #f2ebde57), var(--xuan-50);border:1px solid #342e271b;position:relative;overflow:hidden;box-shadow:0 8px 26px #24201b0b}.base-card:before,.feature-panel:before,.auth-card:before{pointer-events:none;content:"";opacity:.24;background:repeating-linear-gradient(0deg,#37312a04 0 1px,#0000 1px 8px),linear-gradient(110deg,#0000,#fffef96b,#0000);position:absolute;inset:0}.base-card>*,.feature-panel>*,.auth-card>*{position:relative}.base-card{padding:28px}.base-card--ink{color:var(--xuan-50);background:linear-gradient(135deg, #15110df0, #302a24e6), var(--ink-980);border-color:#fffef91f;box-shadow:0 28px 68px #15110d2e}.base-card--ink:before{opacity:.28;background:linear-gradient(95deg,#0000 0 24%,#fffef917 32%,#0000 48% 100%),repeating-linear-gradient(100deg,#0000 0 22px,#fffef90b 24px 25px,#0000 27px 48px)}.base-card--ink h3,.base-card--ink .eyebrow{color:var(--xuan-50)}.base-card--ink p{color:#fffef9bd}.base-button{border-radius:var(--radius);min-height:45px;color:var(--xuan-50);background:var(--ink-980);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-weight:800;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.base-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #24201b13}.base-button:active{box-shadow:none;transform:translateY(0)}.base-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.base-button--secondary{color:var(--ink-980);border-color:var(--paper-edge-strong);background:#fffef9db}.base-button--ghost{color:var(--ink-760);background:#fffef93d;border-color:#342e2714}.base-input,.form-field{gap:8px;display:grid}.base-input__label,.form-field span{color:var(--ink-620);font-size:13px;font-weight:760}.base-input__control{display:block;position:relative}.base-input input,.form-field input,.form-field select,.form-field textarea{border:1px solid var(--paper-edge-strong);border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink-980);background:#fffef9d1;outline:none;padding:0 13px}.base-input__control--with-toggle input{padding-right:76px}.base-input__toggle{border-radius:var(--radius);min-width:56px;height:32px;color:var(--celadon-820);cursor:pointer;background:#fffef9b8;border:1px solid #4d665d2e;padding:0 10px;font-size:12px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.base-input__toggle:hover{background:#fffef9f0;border-color:#4d665d57}.form-field textarea{resize:vertical;min-height:96px;padding:12px 13px;line-height:1.5}.base-input input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#4d665d80;box-shadow:0 0 0 4px #4d665d1a}.base-input small,.form-error{color:var(--cinnabar-750);font-weight:700}.form-success{color:var(--seal-900);font-weight:760}.stats-grid,.feature-grid{gap:16px;display:grid}.stats-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.94fr) minmax(0,.94fr)}.feature-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.96fr) minmax(0,.96fr)}.daily-news-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.news-category-card{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;border-color:#342e2714}.news-category-card .feature-panel__copy{gap:5px}.daily-news-category-grid .feature-panel:first-child{min-height:142px}.news-category-card:disabled{cursor:wait;opacity:.72}.news-category-card--active{background:linear-gradient(145deg, #e4ebe67a, #fffef9b3), var(--xuan-50);border-color:#4d665d42}.news-category-card strong{color:var(--ink-980);font-family:var(--font-serif);font-size:21px;line-height:1.12;display:block}.news-category-card small{color:var(--ink-620);text-wrap:pretty;line-height:1.48;display:block}.daily-news-status-card,.daily-news-lesson-card,.daily-news-questions-card{gap:18px;display:grid}.daily-news-status-card{grid-template-columns:52px minmax(0,1fr);align-items:start}.news-loading-mark{animation:1.35s ease-in-out infinite newsMarkPulse}.daily-news-loading-copy{gap:8px;display:grid}.news-loading-steps{flex-wrap:wrap;gap:7px;padding-top:4px;display:flex}.news-loading-steps span{color:#4d665dc7;background:#e4ebe642;border:1px solid #4d665d1f;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:820;animation:1.8s ease-in-out infinite newsStepFade;display:inline-flex}.news-loading-steps span:nth-child(2){animation-delay:.2s}.news-loading-steps span:nth-child(3){animation-delay:.4s}.daily-news-status-card h3,.daily-news-lesson-head h2{color:var(--ink-980);font-family:var(--font-serif);line-height:1.04}.daily-news-status-card h3{margin-bottom:6px;font-size:26px}.daily-news-status-card p,.daily-news-lesson-head p,.daily-news-source,.daily-news-sentence p,.daily-news-question-list p,.daily-news-question-list li{color:var(--ink-620);line-height:1.55}.daily-news-lesson-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.daily-news-lesson-head h2{margin:4px 0 8px;font-size:clamp(30px,4vw,44px)}.daily-news-lesson-head>span{color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d29;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:850}.daily-news-source{border-radius:var(--radius);background:#fffef957;border:1px solid #342e2713;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.daily-news-source strong{overflow-wrap:anywhere;color:var(--ink-760)}.daily-news-source a{color:var(--cinnabar-750);font-weight:780;text-decoration:none}.daily-news-article,.daily-news-question-list{gap:12px;display:grid}.daily-news-sentence,.daily-news-question-list article{border-radius:var(--radius);background:linear-gradient(#fffef99e,#f2ebde2e),#fffef94d;border:1px solid #342e2713;gap:12px;padding:16px;display:grid}.daily-news-sentence h3{color:var(--ink-980);font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:clamp(24px,3.4vw,34px);line-height:1.22}.daily-news-sentence-main{gap:14px;display:grid}.daily-news-sentence-support{gap:5px;display:grid}.daily-news-pinyin{color:var(--seal-900);font-family:var(--font-sans);font-weight:780}.daily-news-vocab-row{flex-wrap:wrap;gap:8px;display:flex}.daily-news-vocab-row button{min-height:34px;color:var(--cinnabar-750);cursor:pointer;font-family:var(--font-hanzi);background:#fffef970;border:1px solid #4a17131f;border-radius:999px;padding:0 11px;font-size:16px;font-weight:760}.daily-news-vocab-row button:hover{background:#efd8cf42;border-color:#4a171338}.daily-news-question-list ul{gap:5px;padding-left:20px;display:grid}.daily-news-question-list strong{color:var(--ink-980)}.daily-news-question-list .base-button{justify-self:start}.daily-news-answer{border-radius:var(--radius);color:var(--seal-900);background:#e4ebe647;border:1px solid #4d665d1f;justify-self:start;padding:8px 11px;font-weight:760;display:inline-flex}.news-vocab-card{gap:14px}.news-vocab-card h3{font-size:clamp(28px,5vw,42px)}.news-vocab-card-back{border-radius:var(--radius);background:#fffef961;border:1px solid #342e2714;flex-wrap:wrap;align-items:baseline;gap:5px 9px;padding:13px 14px;display:flex}.news-vocab-card-back strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:28px;line-height:1.05}.news-vocab-card-back span{color:var(--seal-900);font-family:var(--font-sans);font-weight:820}.news-vocab-card-back p{color:var(--ink-620);flex-basis:100%;line-height:1.45}.news-vocab-popover .drawer-save-message{margin-top:-6px}.daily-news-picker{gap:12px;display:grid}.daily-news-url-panel{border-radius:var(--radius);background:linear-gradient(145deg,#fffef9a8,#e4ebe63d),#fffef947;border:1px solid #342e2714;grid-template-columns:52px minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.daily-news-url-panel label{gap:6px;min-width:0;display:grid}.daily-news-url-panel label>span,.daily-news-switch span,.news-srs-card-form label>span,.news-srs-card-form header>span,.news-srs-back-head span,.news-srs-back-head small{color:var(--ink-620);font-size:12px;font-weight:850}.daily-news-url-panel input{border-radius:var(--radius);width:100%;min-width:0;min-height:45px;color:var(--ink-760);font:inherit;background:#fffef9a3;border:1px solid #342e271a;padding:0 13px}.daily-news-url-panel input:focus-visible,.news-srs-card-form textarea:focus-visible{border-color:#4d665d47;outline:none;box-shadow:0 0 0 3px #4d665d14}.daily-news-reader-card{gap:18px;display:grid}.daily-news-reader-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.daily-news-reader-head h2{color:var(--ink-980);font-family:var(--font-serif);margin:4px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.04}.daily-news-reader-head p{color:var(--ink-620);line-height:1.55}.daily-news-gist-label{min-height:24px;color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d24;border-radius:999px;align-items:center;margin-right:6px;padding:0 8px;font-size:12px;font-weight:880;line-height:1;display:inline-flex}.daily-news-reader-head>span{color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d29;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:850}.daily-news-reader-toolbar{border-radius:var(--radius);background:#fffef95c;border:1px solid #342e2714;flex-wrap:wrap;gap:8px;width:fit-content;padding:6px;display:flex}.daily-news-switch{border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffef947;border:1px solid #342e2714;align-items:center;min-height:36px;padding:0 12px;display:inline-flex;position:relative}.daily-news-switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.daily-news-switch span{color:var(--ink-760);align-items:center;gap:8px;display:inline-flex}.daily-news-switch span:before{content:"";background:#fffef9b8;border:1px solid #342e272e;border-radius:50%;width:10px;height:10px;display:block}.daily-news-switch input:checked+span:before{background:var(--celadon-760);border-color:#4d665d7a;box-shadow:0 0 0 4px #e4ebe69e}.daily-news-readable-article{border-radius:var(--radius);background:linear-gradient(#fffef9bd,#f2ebde2e),#fffef94d;border:1px solid #342e2713;gap:18px;padding:22px;display:grid}.daily-news-readable-paragraph{color:var(--ink-980);margin:0;font-size:0;line-height:1.72}.daily-news-sentence-wrap{font-size:clamp(22px,2.3vw,28px);display:inline;position:relative}.daily-news-readable-sentence{color:inherit;font:inherit;font-family:var(--font-hanzi);line-height:inherit;text-align:left;background:0 0;border:0;padding:0;display:inline}button.daily-news-readable-sentence{cursor:pointer;border-radius:6px;transition:background-color .16s,box-shadow .16s,color .16s}.daily-news-readable-article--srs button.daily-news-readable-sentence:hover,.daily-news-sentence-wrap--active .daily-news-readable-sentence{color:var(--ink-980);background:#efd8cf73;box-shadow:0 0 0 3px #efd8cf4d}.daily-news-readable-article--pinyin .daily-news-readable-paragraph{flex-wrap:wrap;align-items:baseline;gap:10px 4px;font-size:1rem;display:flex}.daily-news-readable-article--pinyin .daily-news-sentence-wrap{margin-right:3px;display:inline-flex}.daily-news-readable-article--pinyin .daily-news-readable-sentence{gap:2px;line-height:1.25;display:grid}.daily-news-inline-pinyin{color:var(--seal-900);font-family:var(--font-sans);font-size:13px;font-weight:780;line-height:1.32;display:block}.daily-news-srs-popover{z-index:2;width:30px;height:30px;color:var(--xuan-50);background:var(--ink-980);cursor:pointer;border:1px solid #fffef9b8;border-radius:50%;place-items:center;font-size:22px;font-weight:900;line-height:1;display:grid;position:absolute;top:-34px;right:-12px;box-shadow:0 12px 24px #1c19162e}.daily-news-expander{border-radius:var(--radius);background:linear-gradient(#fffef97a,#f2ebde29),#fffef947;border:1px solid #342e2714}.daily-news-expander summary{color:var(--ink-980);cursor:pointer;font-family:var(--font-serif);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:21px;font-weight:720;list-style:none;display:flex}.daily-news-expander summary::-webkit-details-marker{display:none}.daily-news-expander summary:after{content:"+";width:28px;height:28px;color:var(--ink-760);font-family:var(--font-sans);background:#fffef96b;border:1px solid #342e2714;border-radius:50%;place-items:center;font-size:18px;display:grid}.daily-news-expander[open] summary:after{content:"-"}.daily-news-note-list,.daily-news-expander .daily-news-question-list{gap:12px;padding:0 18px 18px;display:grid}.daily-news-note-list article{border-radius:var(--radius);background:#fffef95c;border:1px solid #342e2713;gap:5px;padding:13px 14px;display:grid}.daily-news-note-list strong{color:var(--ink-980)}.daily-news-note-list p{color:var(--ink-620);line-height:1.5}.news-srs-modal{width:min(720px,100%)}.news-srs-card-form{gap:14px;display:grid}.news-srs-card-form header{gap:4px;padding-right:34px;display:grid}.news-srs-card-form h3{color:var(--ink-980);font-family:var(--font-serif);font-size:30px;line-height:1.08}.news-srs-card-form label{gap:7px;display:grid}.news-srs-card-form textarea{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink-760);font:inherit;resize:vertical;background:#fffef994;border:1px solid #342e271a;padding:12px}.news-srs-back-editor{gap:10px;display:grid}.news-srs-back-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.news-srs-vocab-line{border-radius:var(--radius);background:#fffef966;border:1px solid #342e2714;grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:12px;padding:12px;display:grid}.news-srs-vocab-line div{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.news-srs-vocab-line strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:24px;line-height:1.1}.news-srs-vocab-line span{color:var(--seal-900);font-weight:820}.news-srs-vocab-line p{color:var(--ink-620);flex-basis:100%;line-height:1.45}.news-srs-vocab-line button{width:34px;height:34px;color:var(--cinnabar-750);cursor:pointer;background:#fffef98a;border:1px solid #4a17131f;border-radius:50%;place-items:center;font-size:22px;font-weight:900;line-height:1;display:grid}.news-srs-vocab-line button:hover{background:#efd8cf42;border-color:#4a171338}.news-srs-empty-back{border-radius:var(--radius);color:var(--ink-620);background:#fffef947;border:1px dashed #342e2724;padding:12px;line-height:1.45}.news-srs-back-editor pre{border-radius:var(--radius);color:var(--ink-760);font-family:var(--font-sans);white-space:pre-wrap;background:#e4ebe633;border:1px solid #4d665d1f;margin:0;padding:12px;font-size:14px;line-height:1.5;overflow-x:auto}.news-srs-card-form footer{flex-wrap:wrap;gap:10px;display:flex}@keyframes newsMarkPulse{0%,to{transform:translateY(0);box-shadow:0 0 #4d665d14}50%{transform:translateY(-1px);box-shadow:0 0 0 8px #4d665d0a}}@keyframes newsStepFade{0%,to{opacity:.52}45%{opacity:1}}.stat-tile{border-radius:var(--radius);background:linear-gradient(180deg, #fffef98f, #f2ebde3d), var(--xuan-50);border:1px solid #342e271a;gap:7px;min-height:132px;padding:19px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 20px #24201b09}.stat-tile:after{content:"";background:linear-gradient(90deg,#0000,#8f382a47);width:48%;height:1px;position:absolute;bottom:12px;right:18px}.stat-tile span,.stat-tile small{color:var(--ink-500)}.stat-tile strong{color:var(--ink-980);font-family:var(--font-serif);align-self:end;font-size:44px;font-weight:700;line-height:1}.feature-panel{min-height:142px;color:inherit;grid-template-columns:48px 1fr;gap:17px;padding:21px;text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s;display:grid}.feature-panel__copy{align-content:start;gap:6px;min-width:0;display:grid}.feature-panel__title-row{flex-wrap:wrap;align-items:start;gap:9px;display:flex}.feature-panel__title-row h3{margin-bottom:0}.feature-panel__status{color:#873528b8;white-space:nowrap;background:#fffef98a;border:1px solid #87352821;border-radius:999px;place-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:830;line-height:1;display:inline-grid}.feature-panel--disabled{cursor:default}.feature-panel--disabled:hover{border-color:#342e271b;transform:none;box-shadow:0 8px 26px #24201b0b}.feature-panel--disabled:hover .feature-mark{color:var(--cinnabar-750);background:linear-gradient(145deg, #fffef9e6, #efd8cf80), var(--xuan-50);border-color:#87352833}.feature-panel:first-child{min-height:158px}.feature-panel:hover{border-color:#4d665d33;transform:translateY(-1px);box-shadow:0 14px 34px #24201b0f}.feature-mark,.empty-mark{width:46px;height:46px;color:var(--cinnabar-750);border-radius:50%;font-size:25px}.feature-panel:hover .feature-mark{color:var(--celadon-760);background:linear-gradient(145deg, #fffef9f0, #e4ebe680), var(--xuan-50);border-color:#4d665d33}.feature-panel h3,.section-head h3,.empty-state h3,.scene-copy h3{color:var(--ink-980);font-family:var(--font-serif);margin-bottom:7px;font-size:23px;font-weight:700}.section-head{border-bottom:1px solid var(--ink-line);justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;padding-bottom:14px;display:flex}.activity-list,.leader-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.activity-list li,.leader-list li{border-radius:var(--radius);background:#fffef97a;border:1px solid #1c161113;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.activity-list li strong,.leader-list li strong{color:var(--cinnabar-750);font-family:var(--font-serif)}.empty-state{border-radius:var(--radius);background:linear-gradient(120deg,#fffef98f,#e7ddca24),#fffef947;border:1px solid #342e271f;justify-items:start;gap:10px;padding:22px;display:grid}.scene-canvas{grid-template-columns:minmax(240px,.86fr) 1fr;align-items:center;gap:30px;display:grid}.scene-frame{aspect-ratio:16/10;border-radius:var(--radius);background:linear-gradient(120deg,#fffef914,#0000 36%),repeating-linear-gradient(102deg,#0000 0 18px,#fffef90e 20px 21px,#0000 24px 44px),linear-gradient(150deg,#1b1713,#2a241f);border:1px solid #fffef929;place-items:center;display:grid}.scene-play{width:78px;height:78px;color:var(--xuan-50);font-family:var(--font-hanzi);background:#8f382ad1;border:1px solid #fffef933;border-radius:50%;place-items:center;font-size:44px;display:grid}.scene-learning-page{gap:18px}.scene-hero-card{padding:clamp(20px,4vw,34px)}.scene-canvas--lesson{grid-template-columns:minmax(260px,.72fr) minmax(0,1fr)}.scene-frame--lesson{position:relative;overflow:hidden}.scene-frame--lesson:after{content:"";background:linear-gradient(90deg,#fffef96b,#0000);height:1px;position:absolute;inset:auto 18px 18px}.scene-frame-caption{color:var(--xuan-50);gap:3px;display:grid;position:absolute;bottom:22px;left:18px}.scene-frame-caption strong{font-family:var(--font-serif);font-size:22px;line-height:1}.scene-frame-caption small{color:#fffef9a3;font-size:12px;font-weight:720}.scene-copy h3{max-width:640px;color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(34px,5vw,56px);line-height:.98}.scene-workspace-card,.scene-video-card,.scene-step-card,.scene-sync-card,.scene-moment-card,.scene-preview-card,.scene-loading-card,.scene-analysis-card{padding:clamp(18px,3vw,24px)}.scene-card--collapsible{position:relative}.scene-card--collapsible:not(.scene-card--collapsed){padding-right:clamp(56px,6vw,68px)}.scene-card--collapsed{padding:9px 12px}.scene-workspace-grid{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);align-items:start;gap:22px;display:grid}.scene-video-card--embedded{padding:clamp(16px,2.5vw,22px)}.scene-video-card--setup{gap:18px;display:grid}.scene-mode-card{padding:10px}.scene-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scene-mode-switch button{border-radius:var(--radius);min-height:64px;color:var(--ink-620);cursor:pointer;text-align:left;background:#fffef95c;border:1px solid #342e2714;gap:4px;padding:10px 12px;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.scene-mode-switch button:hover,.scene-mode-switch button:focus-visible{color:var(--ink-980);background:#fffef9a8;border-color:#4d665d33;outline:none;transform:translateY(-1px)}.scene-mode-switch button:disabled{cursor:not-allowed;transform:none}.scene-mode-switch button.scene-mode-switch__button--locked,.scene-mode-switch button.scene-mode-switch__button--locked:hover,.scene-mode-switch button.scene-mode-switch__button--locked:focus-visible{box-shadow:none;border-color:#342e2714;transform:none;color:#665b4c9e!important;background:#fffef942!important}.scene-mode-switch__button--active{box-shadow:inset 0 0 0 1px #4d665d14;color:var(--ink-980)!important;background:linear-gradient(#e4ebe675,#fffef980),#fffef980!important;border-color:#4d665d42!important}.scene-mode-switch span{align-items:center;gap:7px;font-size:14px;font-weight:900;line-height:1.15;display:inline-flex}.scene-mode-lock{opacity:.78;border:2px solid;border-radius:3px;width:14px;height:11px;display:inline-block;position:relative}.scene-mode-lock:before{content:"";border:2px solid;border-bottom:0;border-radius:8px 8px 0 0;width:8px;height:7px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.scene-mode-switch small{color:var(--ink-620);font-size:12px;font-weight:720;line-height:1.3}.scene-step-card{gap:16px;display:grid}.scene-video-entry{width:min(100%,640px);margin:0 auto}.scene-saved-sets{border-radius:var(--radius);background:linear-gradient(145deg,#e4ebe642,#fffef98a),#fffef947;border:1px solid #4d665d29;gap:10px;width:min(100%,640px);margin:0 auto;padding:12px;display:grid}.scene-saved-sets-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.scene-saved-sets-head span{color:var(--celadon-760);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.scene-saved-set-list{gap:7px;max-height:232px;display:grid;overflow:auto}.scene-saved-set-list button{border-radius:var(--radius);color:var(--ink-760);cursor:pointer;text-align:left;background:#fffef975;border:1px solid #342e2714;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;transition:background-color .18s,border-color .18s,transform .18s;display:grid}.scene-saved-set-list button:hover{background:#fffef9c2;border-color:#4d665d3d;transform:translateY(-1px)}.scene-saved-set-main,.scene-saved-set-meta{min-width:0;display:grid}.scene-saved-set-main{gap:3px}.scene-saved-set-main strong{color:var(--ink-980);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;line-height:1.2;overflow:hidden}.scene-saved-set-main small,.scene-saved-set-meta small{color:var(--ink-620);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:720;line-height:1.25;overflow:hidden}.scene-saved-set-meta{justify-items:end;gap:2px}.scene-saved-set-meta time{color:var(--tea-650);font-size:12px;font-weight:900;line-height:1.25}.scene-field-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-setup-summary,.scene-sync-summary,.scene-preview-summary{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.scene-compact-title{min-width:0;color:var(--ink-760);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;font-weight:850;line-height:1.2;overflow:hidden}.scene-compact-actions{flex:none;align-items:center;gap:8px;display:flex}.scene-compact-actions .base-button,.scene-compact-text-button{white-space:nowrap;min-height:34px;padding:0 12px;font-size:12px}.scene-card-chevron{width:34px;height:34px;color:var(--ink-620);cursor:pointer;background:#fffef99e;border:1px solid #342e271a;border-radius:999px;flex:none;place-items:center;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:grid}.scene-card-chevron:hover{color:var(--ink-980);background:#fffef9f0;border-color:#4d665d3d;transform:translateY(-1px)}.scene-card-chevron span{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin-top:-3px;transform:rotate(45deg)}.scene-card-chevron[aria-expanded=true] span{margin-top:3px;transform:rotate(225deg)}.scene-card-chevron--floating{z-index:1;position:absolute;top:14px;right:14px}.scene-form-panel,.scene-upload-panel{gap:16px;min-width:0;display:grid}.scene-section-head{margin-bottom:0;padding-bottom:11px}.scene-section-head h3,.scene-moment-grid h3,.scene-preview-head h3,.scene-analysis-card h3,.scene-loading-card h3{color:var(--ink-980);font-family:var(--font-serif);font-size:27px;line-height:1.06}.scene-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.scene-field--wide{grid-column:1/-1}.scene-upload-drop{border-radius:var(--radius);text-align:center;cursor:pointer;background:linear-gradient(145deg,#e4ebe64d,#fffef97a),#fffef947;border:1px dashed #4d665d47;place-items:center;gap:9px;min-height:214px;padding:22px;display:grid;position:relative}.scene-upload-drop input{cursor:pointer;opacity:0;position:absolute;inset:0}.scene-upload-mark{width:58px;height:58px;color:var(--celadon-760);font-family:var(--font-hanzi);background:#fffef9b3;border:1px solid #4d665d38;border-radius:50%;place-items:center;font-size:32px;display:grid}.scene-upload-drop strong{color:var(--ink-980);font-family:var(--font-serif);overflow-wrap:anywhere;font-size:22px;line-height:1.12}.scene-upload-drop small,.scene-trust-note,.scene-moment-grid p,.scene-analysis-card p,.scene-analysis-card small,.scene-analysis-card em{color:var(--ink-620);line-height:1.55}.scene-trust-note{margin:0;font-size:13px}.scene-subtitle-stats{flex-wrap:wrap;gap:8px;display:flex}.scene-subtitle-stats span,.scene-preview-head>span,.scene-item-head span{min-height:26px;color:var(--celadon-760);text-transform:uppercase;background:#e4ebe647;border:1px solid #4d665d29;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:850;display:inline-flex}.scene-moment-grid{grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto;align-items:end;gap:18px;display:grid}.scene-moment-card--compact{padding:14px}.scene-moment-card--compact .scene-moment-grid{grid-template-columns:minmax(220px,320px) auto;justify-content:end;gap:12px}.scene-moment-grid .base-button{min-height:48px}.scene-moment-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.scene-video-head,.scene-sync-head{border-bottom:1px solid var(--ink-line);justify-content:space-between;align-items:start;gap:18px;margin-bottom:14px;padding-bottom:14px;display:flex}.scene-video-head{border-bottom:0;margin-bottom:18px;padding-bottom:0}.scene-video-card--embedded .scene-video-head{align-items:center;margin-bottom:10px}.scene-video-head h3,.scene-sync-head h3{color:var(--ink-980);font-family:var(--font-serif);font-size:27px;line-height:1.06}.scene-video-head h3{font-size:clamp(31px,4vw,42px);line-height:1}.scene-title-mobile{display:none}.scene-video-status-row{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:7px;display:flex}.scene-video-time-pill,.scene-video-mode-pill{color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d29;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:850}.scene-video-mode-pill{color:var(--seal-900);background:#fffef985}.scene-video-source{color:var(--ink-620);margin-top:6px;font-size:13px;font-weight:760;line-height:1.4}.scene-video-card--embedded .scene-video-source{color:var(--ink-760);margin-top:0;font-size:13px;font-weight:820}.scene-video-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#17120f;border:1px solid #342e271a;overflow:hidden}.scene-video-frame iframe,.scene-video-frame div{border:0;width:100%;height:100%}.scene-video-fallback{color:#665b4cbd;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:8px;font-size:12px;font-weight:740;display:flex}.scene-video-fallback a{color:var(--cinnabar-750);text-underline-offset:.16em;font-weight:860;text-decoration-thickness:.08em}.scene-video-empty{border-radius:var(--radius);text-align:center;background:linear-gradient(120deg,#fffef99e,#e7ddca1f),#fffef947;border:1px solid #342e2713;grid-template-columns:1fr;place-items:center;gap:14px;min-height:184px;padding:clamp(24px,5vw,40px);display:grid}.scene-video-empty .scene-play{color:var(--xuan-50)}.scene-video-empty strong{max-width:520px;color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(24px,3vw,32px);line-height:1.04}.scene-video-card>.form-error{width:min(100%,640px);margin:0 auto}.scene-sync-head p{max-width:620px;color:var(--ink-620);line-height:1.55}.scene-sync-confirmation{border-radius:var(--radius);color:var(--celadon-820);background:linear-gradient(145deg,#e4ebe657,#fffef980),#fffef952;border:1px solid #4d665d29;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:13px 14px;display:flex}.scene-sync-confirmation strong{color:var(--celadon-820)}.scene-sync-confirmation span{color:var(--ink-620);font-size:13px;font-weight:800}.scene-sync-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:start;gap:18px;display:grid}.scene-sync-reference,.scene-sync-selected{gap:12px;display:grid}.scene-sync-options{border-radius:var(--radius);background:linear-gradient(#402e1914,#342e270b),#e7ddca57;border:1px solid #342e271f;gap:7px;max-height:300px;padding:8px;display:grid;overflow:auto}.scene-sync-options button{border-radius:var(--radius);color:var(--ink-620);cursor:pointer;text-align:left;background:#fffef95c;border:1px solid #342e2712;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:10px;padding:10px 11px;display:grid}.scene-sync-options button.active{color:var(--ink-980);background:linear-gradient(145deg,#e4ebe652,#fffef985),#fffef957;border-color:#4d665d3d}.scene-sync-options time,.scene-sync-selected time{color:var(--tea-650);font-size:12px;font-weight:850}.scene-sync-options span{line-height:1.42}.scene-sync-selected{border-radius:var(--radius);background:#fffef94d;border:1px solid #342e2713;padding:16px}.scene-sync-selected strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:22px;line-height:1.28}.scene-sync-guide{color:var(--ink-620);margin:0;font-size:13px;line-height:1.5}.scene-sync-match{width:fit-content;min-height:30px;color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d29;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.scene-sync-actions{flex-wrap:wrap;gap:9px;display:flex}.scene-sync-manual{max-width:320px}.scene-sync-placeholder{color:#665b4c94;margin:0;font-size:12px;font-weight:720;line-height:1.45}.scene-start-action{justify-items:center;gap:12px;padding:4px 0 10px;display:grid}.scene-start-timestamp{width:min(100%,480px)}.scene-start-button.base-button{width:min(100%,460px);min-height:64px;font-size:18px}.scene-helper-download{min-height:46px;color:var(--ink-760);background:linear-gradient(#fffef9db,#f2eee27a),#fffef9b3;border:1px solid #4d665d29;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 10px;text-decoration:none;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;box-shadow:0 10px 28px #18120c0f,inset 0 1px #ffffffdb}.scene-helper-download:hover,.scene-helper-download:focus-visible{color:var(--ink-980);border-color:#4d665d47;outline:none;transform:translateY(-1px);box-shadow:0 14px 32px #18120c14,inset 0 1px #ffffffeb}.scene-helper-download__mark{background:#e4ebe675;border:1px solid #4d665d29;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative}.scene-helper-download__mark:before{border-right:2px solid var(--celadon-760);border-bottom:2px solid var(--celadon-760);content:"";width:10px;height:12px;transform:translateY(-2px)rotate(45deg)}.scene-helper-download__mark:after{background:var(--celadon-760);content:"";border-radius:999px;width:14px;height:2px;position:absolute;bottom:7px}.scene-helper-download strong,.scene-helper-download small{line-height:1.15;display:block}.scene-helper-download strong{font-size:13px;font-weight:900}.scene-helper-download small{color:var(--ink-620);margin-top:2px;font-size:11px;font-weight:750}.scene-sync-adjust-button{font-size:12px;line-height:1.4}.scene-start-action .form-error{text-align:center;margin:0}.scene-preview-head{border-bottom:1px solid var(--ink-line);justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;padding-bottom:14px;display:flex}.scene-preview-head p{color:var(--ink-620);margin-top:6px;font-size:13px;line-height:1.45}.scene-cue-list{gap:9px;max-height:340px;padding-right:4px;display:grid;overflow:auto}.scene-cue-list article{border-radius:var(--radius);background:#fffef957;border:1px solid #342e270f;grid-template-columns:74px minmax(0,1fr);align-items:start;gap:12px;padding:12px 13px;display:grid}.scene-cue-list time{color:var(--tea-650);font-size:12px;font-weight:850}.scene-cue-list p{color:var(--ink-760);white-space:pre-line;margin:0;line-height:1.52}.scene-loading-card{gap:14px;display:grid}.scene-loading-head{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.scene-loading-mark{animation:1.6s ease-in-out infinite sceneLoadingPulse}.scene-loading-meter{background:#4d665d1f;border-radius:999px;width:min(100%,360px);height:6px;position:relative;overflow:hidden}.scene-loading-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--cinnabar-750), var(--celadon-760));width:42%;animation:1.2s ease-in-out infinite sceneLoadingSweep;position:absolute;inset:0 auto 0 0}@keyframes sceneLoadingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sceneLoadingSweep{0%{transform:translate(-120%)}to{transform:translate(260%)}}.scene-analysis-summary{gap:18px;display:grid}.scene-analysis-summary h3{max-width:820px;font-size:clamp(27px,3.4vw,38px)}.scene-register-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scene-register-grid article,.scene-item-list article,.scene-note-list article{border-radius:var(--radius);background:linear-gradient(#fffef994,#f2ebde29),#fffef94d;border:1px solid #342e2713;gap:8px;padding:15px;display:grid}.scene-register-grid strong,.scene-item-head strong,.scene-note-list strong{color:var(--ink-980);font-family:var(--font-serif);font-size:19px;line-height:1.16}.scene-register-warning{background:linear-gradient(#efd8cf47,#fffef961),#fffef947;border-color:#87352824;grid-column:1/-1}.scene-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.scene-analysis-card{align-content:start;gap:14px;display:grid;position:relative}.scene-analysis-card--wide{grid-column:1/-1}.scene-result-grid--compact{align-items:start}.scene-vocabulary-card{overflow:visible}.scene-deck-toast{z-index:2;max-width:min(250px,100% - 36px);color:var(--celadon-820);pointer-events:none;background:#fffef9f5;border:1px solid #4d665d33;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:820;position:absolute;top:18px;right:18px;box-shadow:0 12px 26px #24201b1f}.scene-gist-card p:not(.eyebrow){max-width:820px;color:var(--ink-760);font-size:18px;line-height:1.62}.scene-audio-script{border-radius:var(--radius);background:linear-gradient(#fffef9a3,#f2ebde29),#fffef952;border:1px solid #342e2713;gap:7px;max-width:860px;padding:15px;display:grid}.scene-audio-script strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.25}.scene-audio-script small,.scene-audio-transcript-note{color:var(--ink-760);line-height:1.6}.scene-audio-script small{font-family:var(--font-hanzi);font-size:19px}.scene-audio-transcript-note{margin:0;font-size:17px}.scene-lesson-reader-card{gap:16px}.scene-lesson-reader-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.scene-lesson-reader-head h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(20px,2.1vw,27px);line-height:1.12}.scene-lesson-reader-head>span{color:var(--seal-900);background:#e4ebe670;border:1px solid #4d665d2e;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:820}.scene-lesson-beginner-note{max-width:820px;color:var(--ink-620);font-size:14px;line-height:1.62}.scene-lesson-toolbar{width:fit-content}.scene-lesson-readable{padding:18px}.scene-lesson-readable-paragraph{flex-direction:column;gap:12px;font-size:1rem;display:flex}.scene-lesson-line-wrap{width:100%;font-size:clamp(24px,3vw,32px);display:block}.scene-lesson-readable-line{width:100%}.daily-news-readable-sentence.scene-lesson-readable-line{gap:3px;padding:2px 4px;line-height:1.28;display:grid}.scene-lesson-readable .daily-news-inline-pinyin{font-size:14px}.scene-lesson-expander{border-radius:var(--radius);background:linear-gradient(#fffef97a,#f2ebde29),#fffef947;border:1px solid #342e2714}.scene-lesson-expander summary{cursor:pointer;color:var(--ink-980);font-family:var(--font-serif);padding:15px 18px;font-size:21px;font-weight:760}.scene-lesson-expander>p,.scene-lesson-vocab-cloud{padding:0 18px 18px}.scene-lesson-expander>p{color:var(--ink-620);line-height:1.6}.scene-lesson-vocab-cloud{flex-wrap:wrap;gap:8px;display:flex}.scene-lesson-vocab-cloud span{color:var(--ink-620);background:#fffef970;border:1px solid #342e2714;border-radius:999px;padding:8px 10px;font-size:13px;line-height:1.3}.scene-lesson-vocab-cloud strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:16px}.scene-lines-card{gap:16px}.scene-line-list{gap:10px;display:grid}.scene-line-list article{border-radius:var(--radius);background:linear-gradient(#fffef9a3,#f2ebde29),#fffef952;border:1px solid #342e2713;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px;display:grid}.scene-line-list article>span{width:28px;height:28px;color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d29;border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.scene-line-list article div{gap:6px;display:grid}.scene-line-list strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:clamp(23px,3vw,32px);font-weight:700;line-height:1.24}.scene-line-list small,.scene-line-list p,.scene-line-list em{color:var(--ink-620);line-height:1.5}.scene-line-list small{font-weight:760}.scene-line-list p{color:var(--ink-760);margin:0}.scene-line-list em{background:#efd8cf29;border-left:2px solid #8735283d;padding:9px 10px;font-style:normal}.scene-line-equivalent{border-radius:var(--radius);background:linear-gradient(145deg,#e4ebe652,#fffef985),#fffef94d;border:1px solid #4d665d29;border-left:2px solid #4d665d5c;gap:5px;padding:11px 12px;display:grid}.scene-line-equivalent>span{color:var(--celadon-760);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:850}.scene-line-equivalent strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:clamp(20px,2.4vw,27px);line-height:1.25}.scene-line-equivalent p,.scene-line-equivalent em{margin:0}.scene-line-equivalent em{color:var(--ink-620);background:0 0;border-left:0;padding:0}.scene-item-list,.scene-note-list{gap:10px;display:grid}.scene-item-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.scene-item-head .base-button{flex:none;min-height:34px;padding:0 11px;font-size:12px}.scene-item-list strong{overflow-wrap:anywhere}.scene-item-list small{font-weight:720}.scene-item-list em{font-style:normal}.deck-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start;gap:10px;display:grid}.deck-item{border:1px solid var(--ink-line);border-radius:var(--radius);background:#fffef98a;gap:6px;padding:12px;display:grid}.deck-item:not(.deck-item--compact){grid-template-rows:auto auto minmax(0,1fr) auto;height:272px;overflow:hidden}.deck-item--editing:not(.deck-item--compact){grid-template-rows:none;height:auto;min-height:272px;overflow:visible}.deck-item strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:23px;font-weight:700;line-height:1.18}.deck-item:not(.deck-item--compact)>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.deck-item span{color:var(--seal-900);font-weight:760}.deck-item__compact-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.deck-item-actions{flex-wrap:wrap;justify-content:flex-end;align-self:end;align-items:center;gap:6px;margin-top:3px;display:flex}.deck-item-actions--compact{flex-wrap:nowrap;margin-top:0}.deck-item-action{color:#5c5042c7;cursor:pointer;background:#fffef961;border:1px solid #342e2714;border-radius:999px;min-height:29px;padding:0 10px;font-size:12px;font-weight:820;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.deck-item-action:hover{color:var(--ink-980);background:#fffef9c2;border-color:#4d665d2e}.deck-item-action:active{transform:translateY(1px)}.deck-item-action:focus-visible{outline-offset:2px;outline:3px solid #4d665d2e}.deck-item-action:disabled{cursor:not-allowed;opacity:.58;transform:none}.deck-item-action--delete{color:#752c23ad}.deck-item-action--confirm{color:#752c23e6;background:#efd8cf3d;border-color:#752c2338}.deck-edit-form,.deck-edit-grid,.deck-edit-form label{display:grid}.deck-edit-form{gap:12px}.deck-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deck-edit-full{grid-column:1/-1}.deck-edit-form label{gap:6px}.deck-edit-form span{color:var(--ink-620);font-size:12px;font-weight:820}.deck-edit-form input,.deck-edit-form textarea{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink-760);background:#fffef99e;border:1px solid #342e271a;outline:none;padding:10px 11px}.deck-edit-form textarea{resize:vertical}.deck-edit-form input:focus,.deck-edit-form textarea:focus{background:#fffef9d6;border-color:#4d665d3d}.deck-edit-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deck-edit-actions .base-button{min-height:36px;padding:0 13px;font-size:12px}.deck-action-message{margin:-4px 0 0}.deck-item__topline,.review-card-meta,.conversation-topic-card__meta,.conversation-card-actions,.conversation-reader__intro,.conversation-script-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-item__topline span,.deck-item__topline small,.review-card-meta span,.review-card-meta small{color:#665b4cb8;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:850}.srs-deck-shell,.review-session-card,.manual-card-composer{gap:18px;display:grid}.srs-deck-shell .section-head{margin-bottom:0}.deck-primary-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.deck-primary-actions .base-button,.deck-primary-actions .review-due-link{min-height:42px}.manual-card-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.manual-card-form label{grid-column:1/-1;gap:7px;display:grid}.manual-card-actions{grid-column:1/-1}.manual-card-form span{color:var(--ink-620);font-size:12px;font-weight:820}.manual-card-form textarea,.manual-card-form select{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink-760);resize:vertical;background:#fffef98f;border:1px solid #342e271a;padding:11px 12px}.manual-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.srs-deck-controls{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;display:grid}.srs-deck-controls input{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink-760);background:#fffef98a;border:1px solid #342e271a;padding:11px 13px}.srs-deck-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.srs-view-toggle,.srs-collapse-toggle{color:#5c5042c7;cursor:pointer;background:#fffef97a;border:1px solid #342e2716;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:820;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.srs-view-toggle:hover,.srs-collapse-toggle:hover{color:var(--ink-980);background:#fffef9b8;border-color:#4d665d2e}.srs-view-toggle:active,.srs-collapse-toggle:active{transform:translateY(1px)}.srs-view-toggle:focus-visible,.srs-collapse-toggle:focus-visible,.scroll-top-button:focus-visible{outline-offset:2px;outline:3px solid #4d665d2e}.deck-grid--compact{grid-template-columns:1fr;gap:6px}.deck-item--compact{background:#fffef95c;border-color:#342e2711;min-height:0;padding:10px 12px}.deck-item--compact strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.25;overflow:hidden}.scroll-top-button{z-index:20;color:#4a171370;cursor:pointer;background:linear-gradient(#fffef9ad,#efe8da57),#fffef98a;border:1px solid #342e2714;border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;line-height:1;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s;display:grid;position:fixed;bottom:28px;right:26px;box-shadow:0 10px 24px #24201b0e}.scroll-top-button:hover{color:#4a1713ad;background:#fffef9d1;border-color:#4d665d29;transform:translateY(-1px)}.srs-filter-row{flex-wrap:wrap;gap:7px;display:flex}.srs-filter-row button{border-radius:var(--radius);color:var(--ink-620);cursor:pointer;background:#fffef952;border:1px solid #342e2717;padding:9px 11px;font-size:12px;font-weight:820;transition:background-color .18s,border-color .18s,color .18s,transform .18s}.srs-filter-row button:hover{color:var(--ink-980);background:#fffef994;border-color:#342e2724}.srs-filter-row button:active{transform:translateY(1px)}.srs-filter-row button.active{color:var(--celadon-760);background:#e4ebe65c;border-color:#4d665d33}.srs-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.srs-pagination span{color:#665b4cc2;font-size:12px;font-weight:800}.srs-pagination-pages{flex-wrap:wrap;gap:5px;display:flex}.srs-pagination button{color:#5c5042c7;cursor:pointer;background:#fffef96b;border:1px solid #342e2716;border-radius:999px;min-height:32px;padding:0 10px;font-size:12px;font-weight:820;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.srs-pagination button:hover{color:var(--ink-980);background:#fffef9c2;border-color:#4d665d2e}.srs-pagination button:active{transform:translateY(1px)}.srs-pagination button:focus-visible{outline-offset:2px;outline:3px solid #4d665d2e}.srs-pagination button:disabled{cursor:not-allowed;opacity:.5;transform:none}.srs-pagination button.active{color:var(--celadon-760);background:#e4ebe661;border-color:#4d665d38}.review-session-card{--review-phrase-size:36px;--review-phrase-line-height:1.12;--review-phrase-measure:16em;--review-phrase-breath:4px;text-align:center;justify-items:center;min-height:420px}.review-session-card .review-card-meta{justify-content:center}.review-session-card h3{width:min(100%, var(--review-phrase-measure));margin:var(--review-phrase-breath) auto;color:var(--ink-980);font-family:var(--font-hanzi);font-size:var(--review-phrase-size);font-weight:700;line-height:var(--review-phrase-line-height);text-wrap:pretty;overflow-wrap:break-word;word-break:normal;line-break:loose}.review-reveal-button{border-radius:var(--radius);color:var(--ink-980);background:linear-gradient(145deg, #fffef9c2, #efd8cf3d), var(--xuan-50);cursor:pointer;border:1px solid #4a17132e;padding:13px 16px;font-weight:850}.review-card-reveal,.review-rating-row{justify-items:center;gap:12px;display:grid}.deck-item p,.review-card-reveal p{white-space:pre-line}.review-card-reveal p{font-size:17px;line-height:1.75}.deck-item:not(.deck-item--compact) p{overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;min-height:0;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.review-rating-row{grid-template-columns:repeat(4,minmax(0,1fr));width:min(520px,100%);margin-top:8px}.conversations-page{gap:22px}.conversation-topic-grid,.conversation-script-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.conversation-topic-heading h2{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(30px,4vw,44px);line-height:1.02}.conversation-topic-card,.conversation-script-card,.conversation-reader{gap:15px;display:grid}.conversation-topic-card,.conversation-script-card{min-height:236px;color:inherit;cursor:pointer;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.conversation-topic-card:hover,.conversation-script-card:hover{background:linear-gradient(180deg, #fffef9c7, #efd8cf2e), var(--xuan-50);border-color:#87352829;transform:translateY(-2px);box-shadow:0 16px 34px #24201b11}.conversation-topic-card:active,.conversation-script-card:active{transform:translateY(0);box-shadow:0 8px 18px #24201b0a}.conversation-topic-card__meta span{color:#87352894;font-family:var(--font-serif);font-size:18px;font-weight:700}.conversation-topic-card__meta small,.conversation-card-actions span,.conversation-script-card p,.conversation-topic-card p{color:var(--ink-620);line-height:1.56}.conversation-topic-card h3,.conversation-script-card h3,.conversation-reader h3{color:var(--ink-980);font-family:var(--font-serif);font-size:27px;line-height:1.12}.conversation-topic-card h3+p,.conversation-script-card h3+p{margin-top:7px}.conversation-chunk-row{flex-wrap:wrap;gap:8px;display:flex}.conversation-chunk-row span{overflow-wrap:anywhere;max-width:100%;color:var(--ink-900);font-family:var(--font-hanzi);background:linear-gradient(#fffef9ad,#f2ebde38),#fffef957;border:1px solid #342e2711;border-radius:999px;padding:8px 10px;font-size:16px;font-weight:700}.conversation-card-actions{margin-top:auto}.conversation-card-actions strong{min-height:34px;color:var(--cinnabar-750);background:#fffef975;border:1px solid #4a17131f;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:880;display:inline-flex}.conversation-topic-card:hover .conversation-card-actions strong,.conversation-script-card:hover .conversation-card-actions strong{color:var(--ink-980);background:#efd8cf52;border-color:#87352833}.conversations-page{--conversation-ink:#121826;--conversation-teal:#247c73;--conversation-coral:#e0644b;--conversation-gold:#c89a3a;--conversation-blue:#315b72;gap:18px}.conversation-hub-hero{border-radius:var(--radius);background:linear-gradient(135deg, #fffef9f0, #edf7f48f 48%, #ffefe97a), var(--xuan-50);border:1px solid #24746b21;grid-template-columns:minmax(0,1.16fr) minmax(270px,.48fr);grid-template-areas:"copy feature""stats feature";align-items:stretch;gap:16px;min-height:286px;padding:clamp(20px,2.6vw,30px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #12182613,inset 0 1px #fffef9d1}.conversation-hub-hero:before{content:"";background:linear-gradient(90deg, var(--conversation-blue), var(--conversation-teal), var(--conversation-coral), var(--conversation-gold));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:22px;right:22px}.conversation-hub-hero:after{pointer-events:none;color:#1218260b;content:"聊";font-family:var(--font-hanzi);font-size:clamp(160px,19vw,270px);line-height:1;position:absolute;bottom:-48px;right:clamp(18px,4vw,52px)}.conversation-hub-hero>*{position:relative}.conversation-hub-hero__copy{grid-area:copy;align-content:end;gap:9px;max-width:760px;padding-top:14px;display:grid}.conversation-hub-hero__copy h2{max-width:760px;color:var(--conversation-ink);font-family:var(--font-sans);letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(34px,4.1vw,56px);font-weight:940;line-height:1}.conversation-hub-hero__copy p:not(.eyebrow){color:#121826a8;max-width:520px;font-size:16px;line-height:1.48}.conversation-feature-card{border-radius:var(--radius);min-height:100%;color:var(--xuan-50);background:linear-gradient(145deg, #121826fa, #205a5cf0 55%, #813d2deb), var(--conversation-ink);border:1px solid #fffef92e;grid-area:feature;align-content:end;gap:12px;padding:22px;text-decoration:none;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #1218262e}.conversation-feature-card:before{color:#fffef91a;content:"會";font-family:var(--font-hanzi);font-size:98px;line-height:1;position:absolute;top:16px;right:18px}.conversation-feature-card:hover{transform:translateY(-2px);box-shadow:0 24px 52px #1218263d}.conversation-feature-card__tag{color:#fffef9c7;text-transform:uppercase;background:#fffef917;border:1px solid #fffef92e;border-radius:999px;width:fit-content;min-height:28px;padding:7px 10px;font-size:11px;font-weight:900}.conversation-feature-card strong{max-width:100%;color:var(--xuan-50);letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(27px,2.7vw,34px);font-weight:940;line-height:1.02}.conversation-feature-card small{color:#fffef9b8;max-width:19rem;font-size:14px;line-height:1.42}.conversation-feature-card__chunks{flex-wrap:wrap;gap:7px;padding-top:4px;display:flex}.conversation-feature-card__chunks span{color:#fffef9db;font-family:var(--font-hanzi);background:#fffef91a;border:1px solid #fffef921;border-radius:999px;padding:7px 9px;font-size:15px;font-weight:780;line-height:1.2}.conversation-hub-stats{grid-area:stats;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:10px;max-width:620px;display:grid}.conversation-hub-stats span{border-radius:var(--radius);background:#fffef999;border:1px solid #24746b1f;gap:3px;min-height:72px;padding:13px;display:grid;box-shadow:inset 0 1px #fffef9cc}.conversation-hub-stats strong{color:var(--conversation-ink);font-size:26px;font-weight:940;line-height:1}.conversation-hub-stats small{color:#12182680;text-transform:uppercase;font-size:11px;font-weight:900}.conversation-topic-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.conversation-topic-card{--topic-accent:var(--conversation-teal);--topic-border:#24746b3d;--topic-tint:#24746b14;background:linear-gradient(180deg, #fffef9e6, #fffef99e), var(--topic-tint);border-color:#12182616;grid-column:span 4;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:18px;min-height:284px;padding:22px;box-shadow:0 14px 34px #1218260d,inset 0 1px #fffef9b8}.conversation-topic-card:first-child,.conversation-topic-card:nth-child(2){grid-column:span 6;min-height:260px}.conversation-topic-card:before{opacity:1;background:linear-gradient(180deg, var(--topic-accent) 0, var(--topic-accent) 4px, transparent 4px);inset:0}.conversation-topic-card--accent-1{--topic-accent:var(--conversation-teal);--topic-border:#24746b3d;--topic-tint:#24746b17}.conversation-topic-card--accent-2{--topic-accent:var(--conversation-coral);--topic-border:#e0644b40;--topic-tint:#e0644b17}.conversation-topic-card--accent-3{--topic-accent:var(--conversation-blue);--topic-border:#315b7240;--topic-tint:#315b7217}.conversation-topic-card--accent-4{--topic-accent:var(--conversation-gold);--topic-border:#c89a3a47;--topic-tint:#c89a3a1c}.conversation-topic-card:hover{border-color:var(--topic-border);background:linear-gradient(180deg, #fffef9f5, #fffef9b3), var(--topic-tint);transform:translateY(-3px);box-shadow:0 20px 44px #12182616,inset 0 1px #fffef9c7}.conversation-topic-card__meta{align-items:start}.conversation-topic-card__meta span{border:1px solid var(--topic-border);width:38px;height:38px;color:var(--topic-accent);background:var(--topic-tint);font-family:var(--font-sans);border-radius:999px;place-items:center;font-size:13px;font-weight:940;display:grid}.conversation-topic-card__meta small{color:#12182680;text-align:right;text-transform:uppercase;max-width:14rem;font-size:11px;font-weight:900;line-height:1.25}.conversation-topic-card h3{color:var(--conversation-ink);font-family:var(--font-sans);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(25px,2.4vw,34px);font-weight:940;line-height:1.16;overflow:hidden}.conversation-topic-card h3.conversation-title-fit--compact{font-size:clamp(22px,2vw,30px)}.conversation-topic-card h3.conversation-title-fit--tight{font-size:clamp(20px,1.8vw,26px)}.conversation-topic-card p{color:#1218269e;max-width:34rem;font-size:15px;line-height:1.5}.conversation-topic-card h3+p{margin-top:8px}.conversation-topic-card .conversation-chunk-row{align-content:start;align-self:stretch;gap:7px}.conversation-topic-card .conversation-chunk-row span{color:#121826c7;background:#fffef9b8;border-color:#12182613;border-radius:999px;font-size:15px;box-shadow:inset 0 1px #fffef9c2}.conversation-topic-card .conversation-card-actions{flex-direction:row;justify-content:space-between;align-self:end;align-items:center;width:100%;padding-top:8px;display:flex}.conversation-topic-card .conversation-card-actions span{color:#12182680;font-size:12px;font-weight:850}.conversation-topic-card .conversation-card-actions strong{border-color:var(--topic-border);min-height:36px;color:var(--topic-accent);background:var(--topic-tint);margin-left:auto;padding:0 13px;font-size:12px;font-weight:940}.conversation-topic-card:hover .conversation-card-actions strong{color:var(--xuan-50);background:var(--topic-accent);border-color:#0000}@media (width<=1180px){.conversation-hub-hero{grid-template-columns:minmax(0,1fr) minmax(238px,.42fr)}.conversation-topic-card,.conversation-topic-card:first-child,.conversation-topic-card:nth-child(2){grid-column:span 6}}@media (width<=720px){.conversation-hub-hero:after{display:none}.conversation-hub-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""feature""stats";min-height:0;padding:17px}.conversation-hub-hero__copy{align-content:start;padding-top:9px}.conversation-hub-hero__copy h2{font-size:30px}.conversation-feature-card{min-height:188px}.conversation-topic-card,.conversation-topic-card:first-child,.conversation-topic-card:nth-child(2){grid-column:1/-1;min-height:0}}@media (width<=560px){.conversation-hub-hero{gap:12px;padding:16px}.conversation-hub-stats{gap:7px}.conversation-hub-stats span{min-height:62px;padding:10px 8px}.conversation-hub-stats strong{font-size:22px}.conversation-hub-stats small{font-size:9px}.conversation-topic-card{padding:18px}.conversation-topic-card__meta{gap:8px}.conversation-topic-card__meta small{max-width:12rem;font-size:10px}}.conversation-topic-hero{border-radius:var(--radius);background:linear-gradient(135deg, #fffef9eb, #edf7f475 52%, #ffefe952), var(--xuan-50);border:1px solid #24746b21;grid-template-columns:minmax(0,1fr) minmax(250px,.34fr);grid-template-areas:"copy stats""chunks chunks";gap:16px;padding:clamp(20px,2.6vw,30px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #1218260f,inset 0 1px #fffef9c7}.conversation-topic-hero:before{content:"";background:linear-gradient(90deg, var(--conversation-teal), var(--conversation-coral), var(--conversation-gold));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:20px;right:20px}.conversation-topic-hero:after{color:#1218260a;content:"說";font-family:var(--font-hanzi);pointer-events:none;font-size:clamp(128px,14vw,210px);line-height:1;position:absolute;bottom:-34px;right:22px}.conversation-topic-hero>*{position:relative}.conversation-topic-hero__copy{grid-area:copy;gap:8px;max-width:720px;display:grid}.conversation-topic-hero__copy h2{color:var(--conversation-ink);font-family:var(--font-sans);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(34px,4.6vw,58px);font-weight:940;line-height:1.14;overflow:hidden}.conversation-topic-hero__copy p{color:#121826a3;max-width:590px;font-size:16px;line-height:1.5}.conversation-topic-hero__copy small{color:#1218267a;font-size:13px;font-weight:780;line-height:1.42}.conversation-topic-hero__stats{grid-area:stats;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:8px;display:grid}.conversation-topic-hero__stats span{border-radius:var(--radius);background:#fffef99e;border:1px solid #24746b1f;gap:3px;min-height:70px;padding:12px;display:grid}.conversation-topic-hero__stats strong{color:var(--conversation-ink);font-size:25px;font-weight:940;line-height:1}.conversation-topic-hero__stats small,.conversation-script-card__meta small,.conversation-script-card__details small{color:#1218267a;text-transform:uppercase;font-size:10px;font-weight:900}.conversation-topic-hero__chunks{flex-wrap:wrap;grid-area:chunks;gap:8px;display:flex}.conversation-topic-hero__chunks span{color:#121826c7;font-family:var(--font-hanzi);background:#fffef9ad;border:1px solid #12182613;border-radius:999px;padding:8px 10px;font-size:15px;font-weight:780;line-height:1.2}.conversation-script-list{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}.conversation-script-card{--script-accent:var(--conversation-teal);--script-border:#24746b3d;--script-tint:#24746b14;background:linear-gradient(180deg, #fffef9eb, #fffef9a3), var(--script-tint);border-color:#12182616;grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:stretch;gap:17px;min-height:280px;padding:22px;box-shadow:0 14px 34px #1218260d,inset 0 1px #fffef9b8}.conversation-script-card:before{opacity:1;background:linear-gradient(180deg, var(--script-accent) 0, var(--script-accent) 4px, transparent 4px);inset:0}.conversation-script-card--accent-1{--script-accent:var(--conversation-teal);--script-border:#24746b3d;--script-tint:#24746b17}.conversation-script-card--accent-2{--script-accent:var(--conversation-coral);--script-border:#e0644b40;--script-tint:#e0644b17}.conversation-script-card--accent-3{--script-accent:var(--conversation-blue);--script-border:#315b7240;--script-tint:#315b7217}.conversation-script-card--accent-4{--script-accent:var(--conversation-gold);--script-border:#c89a3a47;--script-tint:#c89a3a1c}.conversation-script-card:hover{border-color:var(--script-border);background:linear-gradient(180deg, #fffef9f5, #fffef9b8), var(--script-tint);transform:translateY(-3px);box-shadow:0 20px 44px #12182616,inset 0 1px #fffef9c7}.conversation-script-card__meta{justify-content:space-between;align-items:start;gap:12px;display:flex}.conversation-script-card__meta span{border:1px solid var(--script-border);width:38px;height:38px;color:var(--script-accent);background:var(--script-tint);border-radius:999px;place-items:center;font-size:13px;font-weight:940;display:grid}.conversation-script-card h3{color:var(--conversation-ink);font-family:var(--font-sans);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(24px,2.3vw,32px);font-weight:940;line-height:1.16;overflow:hidden}.conversation-script-card h3.conversation-title-fit--compact{font-size:clamp(22px,1.95vw,29px)}.conversation-script-card h3.conversation-title-fit--tight{font-size:clamp(20px,1.75vw,25px)}.conversation-script-card p{color:#1218269e;font-size:15px;line-height:1.48}.conversation-script-card__details{grid-template-columns:minmax(64px,.28fr) minmax(64px,.28fr) minmax(0,1fr);gap:8px;display:grid}.conversation-script-card__details span{border-radius:var(--radius);background:#fffef994;border:1px solid #12182612;gap:2px;min-width:0;min-height:58px;padding:10px;display:grid}.conversation-script-card__details strong{color:var(--conversation-ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:920;line-height:1.16;overflow:hidden}.conversation-script-card .conversation-chunk-row span{background:#fffef9b8}.conversation-script-card .conversation-chunk-row{align-content:start;align-self:stretch}.conversation-script-card .conversation-card-actions{flex-direction:row;justify-content:space-between;align-self:end;align-items:center;width:100%;padding-top:8px;display:flex}.conversation-script-card .conversation-card-actions strong{border-color:var(--script-border);color:var(--script-accent);background:var(--script-tint);margin-left:auto}.conversation-script-card:hover .conversation-card-actions strong{color:var(--xuan-50);background:var(--script-accent);border-color:#0000}@media (width<=900px){.conversation-topic-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""stats""chunks"}.conversation-script-list{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.conversation-topic-hero{padding:17px}.conversation-topic-hero__copy h2{font-size:30px}.conversation-topic-hero__stats{gap:7px}.conversation-topic-hero__stats span{min-height:62px;padding:9px 8px}.conversation-script-card{min-height:0;padding:18px}.conversation-script-card__details{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-script-card__details span:last-child{grid-column:1/-1}}.building-blocks-hero{border-radius:var(--radius);background:linear-gradient(122deg, #fffef9e0, #e2e9e470 46%, #efd8cf47), var(--xuan-50);border:1px solid #342e271a;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);align-items:end;gap:20px;padding:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #24201b0e}.building-blocks-hero:before{pointer-events:none;color:#201b160b;content:"基";font-family:var(--font-hanzi);font-size:176px;line-height:1;position:absolute;bottom:-42px;right:18px}.building-blocks-hero>*{position:relative}.building-blocks-hero__copy{gap:11px;max-width:740px;display:grid}.building-blocks-hero__copy h2{max-width:680px;font-family:var(--font-serif);font-size:clamp(36px,5vw,62px);line-height:.98}.building-blocks-hero__copy p:not(.eyebrow){max-width:650px;color:var(--ink-620);font-size:17px;line-height:1.58}.building-blocks-hero__meter{border-radius:var(--radius);background:#fffef975;border:1px solid #4d665d21;justify-self:end;gap:9px;width:min(240px,100%);padding:15px;display:grid}.building-blocks-hero__meter span,.building-block-foundation-row small,.building-block-phrase span,.building-block-answer-card span,.building-block-pattern-strip span,.building-block-choice-panel header small{color:var(--ink-620);text-transform:uppercase;font-size:12px;font-weight:820}.building-blocks-hero__meter strong{color:var(--ink-980);font-family:var(--font-serif);font-size:30px;line-height:1}.building-block-meter,.building-block-studio-progress,.building-block-path-card__progress{background:#342e2714;border-radius:999px;height:7px;overflow:hidden}.building-block-meter i,.building-block-studio-progress i,.building-block-path-card__progress i{border-radius:inherit;background:linear-gradient(90deg, var(--celadon-760), #873528b8);height:100%;transition:width .24s;display:block}.building-block-learning-arc{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.building-block-arc-step{border-radius:var(--radius);min-width:0;color:inherit;background:#fffef95c;border:1px solid #342e2716;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:3px 11px;padding:12px;text-decoration:none;display:grid}.building-block-arc-step span{width:42px;height:42px;color:var(--cinnabar-750);font-family:var(--font-hanzi);background:#fffef99e;border:1px solid #87352829;border-radius:50%;grid-row:span 2;place-items:center;font-size:23px;display:grid}.building-block-arc-step strong{color:var(--ink-980);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.1;overflow:hidden}.building-block-arc-step small{color:var(--ink-620);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.building-block-arc-step--active{background:linear-gradient(#e2e9e48f,#fffef970),#e2e9e438;border-color:#4d665d38}.building-block-workspace{grid-template-columns:minmax(248px,.34fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.building-block-path-list{gap:10px;display:grid}.building-block-path-card{appearance:none;border-radius:var(--radius);min-height:94px;color:inherit;cursor:pointer;text-align:left;background:linear-gradient(#fffef99e,#f2ebde38),#fffef947;border:1px solid #342e2714;grid-template-columns:38px 42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.building-block-path-card:hover,.building-block-path-card:focus-visible{background:linear-gradient(180deg, #fffef9c7, #e2e9e442), var(--xuan-50);border-color:#4d665d33;transform:translateY(-1px);box-shadow:0 12px 28px #24201b0e}.building-block-path-card--active{background:linear-gradient(135deg, #efd8cf57, #fffef9c7 54%, #e2e9e447), var(--xuan-50);border-color:#8735282e;box-shadow:0 13px 30px #24201b0f}.building-block-path-card__order{color:#8735288f;font-family:var(--font-serif);align-self:start;font-size:17px;font-weight:780}.building-block-path-card__mark{width:42px;height:42px;color:var(--celadon-820);font-family:var(--font-hanzi);background:#fffef98f;border:1px solid #4d665d29;border-radius:50%;place-items:center;font-size:23px;display:grid}.building-block-path-card__copy{gap:4px;min-width:0;display:grid}.building-block-path-card__copy strong{color:var(--ink-980);font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.08;overflow:hidden}.building-block-path-card__copy small{color:var(--ink-620);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.34;display:-webkit-box;overflow:hidden}.building-block-path-card__progress{grid-column:2/4;height:5px}.building-block-studio,.building-block-conversation-bridge{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9c2, #f2ebde47), var(--xuan-50);border:1px solid #342e271b;gap:18px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 38px #24201b0d}.building-block-studio:before,.building-block-conversation-bridge:before{pointer-events:none;content:"";opacity:.22;background:repeating-linear-gradient(94deg,#0000 0 21px,#342e2709 23px 24px,#0000 26px 48px),linear-gradient(100deg,#0000,#fffef96b,#0000);position:absolute;inset:0}.building-block-studio>*,.building-block-conversation-bridge>*{position:relative}.building-block-studio__head{justify-content:space-between;align-items:start;gap:16px;display:flex}.building-block-studio__head>div{gap:7px;min-width:0;display:grid}.building-block-studio__head h3,.building-block-conversation-bridge h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(30px,4vw,44px);line-height:1.02}.building-block-studio__head p,.building-block-conversation-bridge p{color:var(--ink-620);line-height:1.55}.building-block-studio__score{border-radius:var(--radius);min-width:64px;min-height:42px;color:var(--celadon-820);background:#e2e9e447;border:1px solid #4d665d29;place-items:center;padding:0 12px;font-weight:900;display:grid}.building-block-foundation-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.building-block-foundation-row>div{border-radius:var(--radius);background:#fffef96b;border:1px solid #342e2713;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;padding:12px;display:flex}.building-block-foundation-row small{flex:1 0 100%}.building-block-foundation-row span,.building-block-core-patterns span{overflow-wrap:anywhere;max-width:100%;min-height:30px;color:var(--celadon-820);background:#e2e9e440;border:1px solid #4d665d1f;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:820;display:inline-flex}.building-block-drill-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:14px;display:grid}.building-block-cue-panel,.building-block-choice-panel{border-radius:var(--radius);background:#fffef980;border:1px solid #342e2714;align-content:start;gap:14px;min-width:0;padding:18px;display:grid}.building-block-cue-panel__topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.building-block-cue-panel__topline span{min-height:30px;color:var(--cinnabar-750);background:#efd8cf38;border:1px solid #87352821;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:880;display:inline-flex}.building-block-cue-panel__topline small{color:var(--ink-620);font-weight:760}.building-block-context{color:var(--ink-620);line-height:1.52}.building-block-phrase,.building-block-answer-card,.building-block-pattern-strip{border-radius:var(--radius);background:linear-gradient(#fffef9ad,#f2ebde33),#fffef957;border:1px solid #342e2713;gap:6px;min-width:0;padding:14px;display:grid}.building-block-phrase strong,.building-block-answer-card strong,.building-block-choice-panel header strong{color:var(--ink-980);font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:clamp(28px,4.8vw,42px);line-height:1.16}.building-block-phrase em,.building-block-answer-card em,.building-block-option span{color:var(--seal-900);font-style:normal;font-weight:780;line-height:1.34}.building-block-phrase small,.building-block-answer-card small,.building-block-option small,.building-block-feedback p{color:var(--ink-620);line-height:1.48}.building-block-answer-card{background:linear-gradient(#e2e9e466,#fffef98f),#e2e9e429;border-color:#4d665d21}.building-block-answer-card p{color:var(--ink-760);padding-top:4px;line-height:1.5}.building-block-pattern-strip{grid-template-columns:minmax(0,.36fr) minmax(0,1fr);align-items:center}.building-block-pattern-strip strong{color:var(--ink-900);font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:18px;line-height:1.32}.building-block-choice-panel header{gap:6px;padding-bottom:2px;display:grid}.building-block-choice-panel header strong{font-size:clamp(22px,3.4vw,31px)}.building-block-option{appearance:none;border-radius:var(--radius);min-height:92px;color:inherit;cursor:pointer;text-align:left;background:linear-gradient(#fffef9bd,#f2ebde2e),#fffef96b;border:1px solid #342e2716;gap:4px;padding:13px 14px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.building-block-option:hover,.building-block-option:focus-visible{border-color:#4d665d33;transform:translateY(-1px);box-shadow:0 10px 24px #24201b0e}.building-block-option strong{color:var(--ink-980);font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:24px;line-height:1.2}.building-block-option--selected{box-shadow:0 10px 24px #24201b0e}.building-block-feedback{border-radius:var(--radius);background:#fffef96b;border:1px solid #342e2714;gap:5px;padding:13px 14px;display:grid}.building-block-feedback strong{color:var(--ink-980);line-height:1.32}.building-block-feedback--correct{background:#e2e9e438;border-color:#4d665d2e}.building-block-feedback--incorrect{background:#efd8cf2e;border-color:#87352829}.building-block-drill-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.building-block-drill-dots button{cursor:pointer;background:#342e271f;border:0;border-radius:999px;width:38px;height:8px;padding:0}.building-block-drill-dots .building-block-drill-dot--done{background:#4d665d6b}.building-block-drill-dots .building-block-drill-dot--active{background:var(--cinnabar-750)}.building-block-studio__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.building-block-save-message{color:var(--celadon-820);justify-self:end;font-size:13px;font-weight:820}.building-block-conversation-bridge{grid-template-columns:minmax(0,1fr) minmax(240px,.72fr) auto;align-items:center;gap:18px}.building-block-conversation-bridge>div:first-child{gap:7px;display:grid}.building-block-core-patterns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.building-block-core-patterns span{min-height:34px;color:var(--ink-900);font-family:var(--font-hanzi);font-size:15px}.building-block-bridge-link{border-radius:var(--radius);min-height:45px;color:var(--xuan-50);background:var(--ink-980);white-space:nowrap;border:1px solid #342e2724;justify-content:center;align-items:center;padding:0 16px;font-weight:850;text-decoration:none;transition:box-shadow .18s,transform .18s;display:inline-flex}.building-block-bridge-link:hover,.building-block-bridge-link:focus-visible{transform:translateY(-1px);box-shadow:0 10px 22px #24201b13}.building-blocks-page{gap:18px}.building-blocks-header{grid-template-columns:minmax(0,1fr) 168px;align-items:end;gap:18px;padding:8px 0 2px;display:grid}.building-blocks-header>div:first-child{gap:8px;display:grid}.building-blocks-header h2{max-width:680px;font-family:var(--font-serif);white-space:nowrap;font-size:clamp(18px,5.8vw,54px);line-height:1}.building-blocks-header p:not(.eyebrow){max-width:620px;color:var(--ink-620);line-height:1.58}.building-blocks-progress{border-radius:var(--radius);background:#fffef96b;border:1px solid #342e2717;gap:7px;padding:12px;display:grid}.building-blocks-progress span,.building-block-cue-card span,.building-block-choice-panel header small,.building-block-result small,.building-block-side-panel small,.building-block-details small{color:var(--ink-620);text-transform:uppercase;font-size:11px;font-weight:820}.building-blocks-progress strong{color:var(--ink-980);font-family:var(--font-serif);font-size:27px;line-height:1}@media (width<=1180px){.building-blocks-header{grid-template-columns:1fr;align-items:start;gap:8px}.building-blocks-progress{order:-1;justify-self:end;gap:5px;width:142px;padding:9px 10px}.building-blocks-progress span{font-size:10px}.building-blocks-progress strong{font-size:24px}}.building-block-tabs{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.building-block-tab{appearance:none;border-radius:var(--radius);min-height:48px;color:var(--ink-760);cursor:pointer;background:#fffef957;border:1px solid #342e2714;flex:none;grid-template-columns:30px minmax(118px,1fr) auto;align-items:center;gap:8px;padding:8px 10px;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:grid;position:relative}.building-block-tab:hover,.building-block-tab:focus-visible{background:#fffef994;border-color:#4d665d33;transform:translateY(-1px);box-shadow:0 8px 18px #24201b0a}.building-block-tab span{width:30px;height:30px;color:var(--celadon-820);font-family:var(--font-hanzi);background:#fffef994;border:1px solid #4d665d1f;border-radius:50%;place-items:center;font-size:17px;display:grid}.building-block-tab strong{color:var(--ink-900);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.15;overflow:hidden}.building-block-tab small{color:var(--ink-620);font-size:12px;font-weight:820}.building-block-tab--active{color:var(--ink-980);background:linear-gradient(#e2e9e4a3,#fffef98f),#e2e9e42e;border-color:#4d665d57;box-shadow:inset 0 0 0 1px #4d665d14,0 9px 20px #24201b0b}.building-block-tab--active:after{content:"";background:linear-gradient(90deg,#4d665d94,#87352852);border-radius:999px;height:2px;position:absolute;bottom:5px;left:48px;right:10px}.building-block-tab--active span{color:var(--xuan-50);background:var(--celadon-760);border-color:#4d665d42}.building-block-topic-carousel{display:none}.building-block-focus-bar{border-radius:var(--radius);color:#5c5042b8;background:#fffef961;border:1px solid #342e2713;justify-self:center;align-items:center;gap:10px;width:min(860px,100%);margin-inline:auto;padding:8px 10px;display:flex}.building-block-topic-select{align-items:center;gap:8px;min-width:min(390px,58vw);display:inline-flex}.building-block-topic-select span,.building-block-focus-progress,.building-block-focus-link{font-size:12px;font-weight:820;line-height:1}.building-block-topic-select span{color:#665b4c94;text-transform:uppercase}.building-block-topic-select select{border-radius:calc(var(--radius) - 1px);width:100%;min-width:0;min-height:34px;color:var(--ink-900);font:inherit;background:linear-gradient(#fffef9db,#e2e9e433),#fffef99e;border:1px solid #4d665d21;padding:0 32px 0 11px;font-weight:850}.building-block-topic-select select:focus{border-color:#4d665d52;outline:none;box-shadow:0 0 0 3px #4d665d14}.building-block-focus-progress{color:#5c5042a3;white-space:nowrap}.building-block-focus-link{color:#49645ad1;white-space:nowrap;margin-left:auto;text-decoration:none}.building-block-focus-link:hover,.building-block-focus-link:focus-visible{color:var(--celadon-820);text-underline-offset:3px;text-decoration:underline}.building-block-practice-layout{grid-template-columns:minmax(0,1fr) 268px;align-items:start;gap:18px;display:grid}.building-block-practice-card,.building-block-side-panel{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9bd, #f2ebde38), var(--xuan-50);border:1px solid #342e271a;gap:18px;min-width:0;padding:24px;display:grid;position:relative;box-shadow:0 12px 32px #24201b0d}.building-block-practice-card{border-color:#342e271f;box-shadow:0 16px 38px #24201b0f}.building-block-mode-switch{border-radius:var(--radius);background:#fffef96b;border:1px solid #342e2717;grid-template-columns:repeat(2,minmax(0,1fr));width:min(390px,100%);padding:4px;display:inline-grid}.building-block-mode-switch button{border-radius:calc(var(--radius) - 2px);min-height:38px;color:var(--ink-620);cursor:pointer;background:0 0;border:0;font-weight:850}.building-block-mode-switch button:hover,.building-block-mode-switch button:focus-visible{color:var(--ink-980);background:#fffef994}.building-block-mode-switch__button--active{box-shadow:0 6px 14px #24201b0b;color:var(--ink-980)!important;background:linear-gradient(#e2e9e49e,#fffef9ad),#e2e9e442!important}.building-block-practice-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.building-block-practice-head>div{gap:6px;display:grid}.building-block-practice-head h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(28px,3.6vw,40px);line-height:1.05}.building-block-practice-head>span{border-radius:var(--radius);min-width:54px;min-height:36px;color:var(--celadon-820);background:#e2e9e44d;border:1px solid #4d665d29;justify-content:center;align-items:center;padding:0 10px;font-weight:900;display:inline-flex}.building-block-practice-progress{border-radius:var(--radius);background:#fffef952;border:1px solid #342e2713;gap:7px;padding:10px 12px;display:grid}.building-block-practice-progress__labels{justify-content:space-between;align-items:center;gap:12px;display:flex}.building-block-practice-progress__labels strong{color:var(--ink-980);font-size:13px;font-weight:860}.building-block-practice-progress__labels span{color:var(--ink-620);text-align:right;font-size:12px;font-weight:760}.building-block-cue-card,.building-block-choice-panel,.building-block-result{border-radius:var(--radius);background:#fffef975;border:1px solid #342e2714;gap:10px;min-width:0;padding:16px;display:grid}.building-block-choice-panel{position:relative}.building-block-drill-basic-grid{gap:16px;min-width:0;display:grid}.building-block-cue-card strong{color:var(--ink-980);font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:36px;font-weight:780;line-height:1.16}.building-block-cue-card:not(.building-block-cue-card--drill) strong{box-sizing:border-box;overflow-wrap:normal;white-space:nowrap;width:100%;max-width:100%;display:block}.building-block-cue-card--drill strong{font-family:var(--font-serif);font-size:clamp(36px,5vw,58px)}.building-block-cue-card--mandarin strong{font-family:var(--font-hanzi)}.building-block-cue-card--drill{background:linear-gradient(#e2e9e46b,#fffef994),#e2e9e429;border-color:#4d665d29}.building-block-cue-target{gap:8px;min-width:0;display:grid}.building-block-cue-card em,.building-block-result em,.building-block-option span{color:var(--seal-900);font-style:normal;font-weight:780;line-height:1.35}.building-block-cue-card small,.building-block-result p,.building-block-option small,.building-block-side-panel p{color:var(--ink-620);line-height:1.48}.building-block-choice-panel header{padding:0}.building-block-option-list{gap:8px;display:grid}.building-block-option{min-height:74px;box-shadow:none;border-color:#342e271b;grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 48px 14px 15px;position:relative}.building-block-option strong{font-size:23px}.building-block-option-list--rapid{grid-template-columns:repeat(3,minmax(0,1fr))}.building-block-option-list--rapid .building-block-option{text-align:center;align-content:center;justify-items:center;min-height:88px;padding:13px 12px 14px}.building-block-option-list--rapid .building-block-option:before{border-radius:999px 999px 0 0;width:auto;height:3px;inset:auto 12px 0}.building-block-option-list--rapid .building-block-option-status{width:17px;height:17px;top:8px;right:8px;transform:none}.building-block-option--literal strong{font-family:var(--font-sans);font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1.05}.building-block-option--color-tile{padding:10px}.building-block-color-tile{border-radius:calc(var(--radius) - 2px);border:1px solid #342e2724;width:100%;min-height:54px;display:block;box-shadow:inset 0 1px #fffef93d,0 6px 14px #24201b14}.building-block-option:before{content:"";background:0 0;border-radius:0 999px 999px 0;width:3px;transition:background-color .18s;position:absolute;top:12px;bottom:12px;left:0}.building-block-option-status{background:#fffef994;border:1px solid #342e2729;border-radius:50%;width:20px;height:20px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.building-block-option:hover .building-block-option-status,.building-block-option:focus-visible .building-block-option-status{border-color:#4d665d42;box-shadow:0 0 0 4px #e2e9e457}.building-block-option--selected{border-color:#4d665d3d;box-shadow:inset 0 0 0 1px #4d665d12,0 10px 24px #24201b0e}.building-block-option--selected:before{background:#4d665d94}.building-block-option--selected .building-block-option-status{background:#e2e9e48a;border-color:#4d665d57;box-shadow:0 0 0 4px #e2e9e46b}.building-block-option--correct{background:linear-gradient(#e2e9e494,#fffef994),#e2e9e438;border-color:#4d665d52}.building-block-option--correct:before{background:var(--celadon-760)}.building-block-option--correct .building-block-option-status{background:#fffef9db;border-color:#4d665d6b;box-shadow:0 0 0 4px #e2e9e485}.building-block-option--correct .building-block-option-status:after{border-bottom:2px solid var(--celadon-820);border-left:2px solid var(--celadon-820);content:"";width:9px;height:5px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}.building-block-option--incorrect{background:linear-gradient(#efd8cf70,#fffef994),#efd8cf24;border-color:#8735284d}.building-block-option--incorrect:before{background:#873528a3}.building-block-option--incorrect .building-block-option-status{background:#fffef9d6;border-color:#8735285c;box-shadow:0 0 0 4px #efd8cf75}.building-block-option--incorrect .building-block-option-status:before,.building-block-option--incorrect .building-block-option-status:after{content:"";background:var(--cinnabar-750);border-radius:999px;width:10px;height:2px;position:absolute;top:8px;left:4px}.building-block-option--incorrect .building-block-option-status:before{transform:rotate(45deg)}.building-block-option--incorrect .building-block-option-status:after{transform:rotate(-45deg)}.building-block-result{background:linear-gradient(#e2e9e452,#fffef980),#e2e9e424;border-color:#4d665d26;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.building-block-result--incorrect{background:linear-gradient(#efd8cf47,#fffef985),#efd8cf1f;border-color:#8735282e}.building-block-result>div{gap:5px;min-width:0;display:grid}.building-block-result strong{color:var(--ink-980);font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:24px;line-height:1.22}.building-block-result>div:first-child strong{font-size:clamp(25px,3.4vw,34px)}.building-block-correction{border-radius:var(--radius);color:var(--ink-620);background:#efd8cf29;border:1px solid #87352829;flex-wrap:wrap;align-items:baseline;gap:6px;padding:10px 12px;font-size:14px;line-height:1.35;display:flex}.building-block-correction strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:20px}.building-block-correction span{color:var(--seal-900);font-weight:780}.building-block-essential-note{border-radius:var(--radius);color:var(--ink-620);background:#e2e9e433;border:1px solid #4d665d24;padding:10px 12px;font-size:14px;line-height:1.45}.building-block-xp-float{z-index:1;color:var(--celadon-820);pointer-events:none;font-size:13px;font-weight:900;line-height:1;animation:.64s ease-out forwards buildingBlockXpFloat;position:absolute;top:12px;right:14px}@keyframes buildingBlockXpFloat{0%{opacity:0;transform:translateY(6px)}18%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@media (prefers-reduced-motion:reduce){.building-block-xp-float{animation:.64s linear forwards buildingBlockXpFade}.building-block-topic-slide-next-enter-active,.building-block-topic-slide-next-leave-active,.building-block-topic-slide-previous-enter-active,.building-block-topic-slide-previous-leave-active{transition:none}}@keyframes buildingBlockXpFade{0%,18%{opacity:1}to{opacity:0}}.building-block-side-panel{color:#393129db;gap:14px;padding:18px;box-shadow:0 8px 22px #24201b09}.building-block-side-panel section{gap:6px;display:grid}.building-block-side-panel h3{color:var(--ink-980);font-family:var(--font-serif);font-size:24px;line-height:1.08}.building-block-details{gap:10px;padding-top:2px;display:grid}.building-block-details summary{color:var(--ink-760);cursor:pointer;font-weight:820}.building-block-details[open]{border-top:1px solid #342e2714;padding-top:12px}.building-block-details div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.building-block-details small{flex:1 0 100%}.building-block-details span{overflow-wrap:anywhere;max-width:100%;min-height:28px;color:var(--celadon-820);background:#e2e9e43d;border:1px solid #4d665d1f;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:820;display:inline-flex}.building-block-bridge-link{white-space:normal;text-align:center;width:100%}@media (width>=921px){.building-blocks-page{gap:12px}.building-blocks-header,.building-block-tabs{display:none}.building-block-practice-layout{grid-template-columns:minmax(0,860px);justify-content:center;gap:0}.building-block-side-panel{display:none}.building-block-practice-card{gap:14px;padding:22px 24px 24px;box-shadow:0 14px 34px #24201b0c}.building-block-practice-card--drill{background:linear-gradient(135deg, #fffef9db, #e8f6f14d 52%, #ffefe93d), var(--xuan-50);border-color:#27746c26;overflow:hidden;box-shadow:0 18px 42px #24201b0d,inset 0 1px #fffef9c7}.building-block-practice-card--drill:before{content:"";background:linear-gradient(90deg,#27746cc7,#d8644ac2);border-radius:0 0 999px 999px;height:3px;position:absolute;top:0;left:18px;right:18px}.building-block-mode-switch{width:min(330px,100%)}.building-block-practice-card--drill .building-block-mode-switch{background:#fffef994;border-color:#27746c24;box-shadow:inset 0 1px #fffef9b8}.building-block-practice-card--drill .building-block-mode-switch__button--active{box-shadow:inset 0 0 0 1px #27746c14,0 7px 16px #24201b0a;background:linear-gradient(#e8f6f1eb,#fffef9bd),#27746c14!important}.building-block-practice-head h3{font-size:clamp(28px,3vw,34px);line-height:1.03}.building-block-practice-progress{padding:8px 10px}.building-block-practice-card--drill .building-block-practice-progress{background:#fffef985;border-color:#27746c21;gap:9px;padding:11px 13px}.building-block-practice-card--drill .building-block-studio-progress{background:#342e2714;height:9px;box-shadow:inset 0 1px 2px #24201b0f}.building-block-practice-card--drill .building-block-studio-progress i{background:linear-gradient(90deg,#2f7d74,#d8644a)}.building-block-cue-card,.building-block-choice-panel,.building-block-result{padding:14px 15px}.building-block-practice-card--drill .building-block-drill-basic-grid{grid-template-columns:minmax(0,1fr) minmax(268px,.72fr);align-items:stretch;gap:18px}.building-block-practice-card--drill .building-block-cue-card--drill{background:linear-gradient(#fffef9c2,#e2e9e42e),#fffef966;border-color:#4d665d2e;grid-template-rows:auto minmax(0,1fr);align-content:stretch;min-height:256px;padding:22px 26px 24px;box-shadow:inset 0 1px #fffef9bd,0 10px 24px #24201b09}.building-block-practice-card--drill .building-block-cue-card--drill>span{justify-self:start}.building-block-practice-card--drill .building-block-cue-target{place-self:center stretch;justify-items:start;max-width:100%}.building-block-practice-card--drill .building-block-cue-card--mandarin .building-block-cue-target{text-align:center;justify-items:center}.building-block-practice-card--drill .building-block-cue-card--drill strong{text-wrap:balance;font-size:clamp(46px,5.8vw,78px);line-height:.98}.building-block-practice-card--drill .building-block-cue-card--mandarin strong{font-size:clamp(72px,7.6vw,108px);line-height:.94}.building-block-practice-card--drill .building-block-cue-card--drill em{color:var(--seal-900);font-size:22px;line-height:1}.building-block-practice-card--drill .building-block-cue-card--mandarin em{margin-top:12px}.building-block-practice-card--drill .building-block-choice-panel{background:#fffef95c;border-color:#342e2717;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:12px;padding:18px}.building-block-practice-card--drill .building-block-option-list--rapid{grid-template-rows:repeat(3,minmax(68px,auto));grid-template-columns:1fr;align-content:center;gap:10px}.building-block-practice-card--drill .building-block-option-list--rapid .building-block-option{background:linear-gradient(#fffef9d1,#f2ebde29),#fffef985;border-color:#342e271f;min-height:68px;padding:11px 44px 11px 14px;box-shadow:inset 0 1px #fffef9c7,0 6px 14px #24201b07}.building-block-practice-card--drill .building-block-option-list--rapid .building-block-option:hover,.building-block-practice-card--drill .building-block-option-list--rapid .building-block-option:focus-visible{border-color:#27746c33;box-shadow:inset 0 1px #fffef9d6,0 10px 22px #24201b0d}.building-block-practice-card--drill .building-block-option-list--rapid .building-block-option:before{border-radius:0 999px 999px 0;width:3px;height:auto;inset:12px auto 12px 0}.building-block-practice-card--drill .building-block-option-list--rapid .building-block-option-status{width:18px;height:18px;top:50%;right:14px;transform:translateY(-50%)}.building-block-practice-card--drill .building-block-option--literal strong{font-size:clamp(30px,3.6vw,42px)}.building-block-practice-card--drill .building-block-option-list--rapid .building-block-option:not(.building-block-option--literal) strong{font-size:28px}.building-block-practice-card--drill .building-block-option-list--rapid .building-block-option:not(.building-block-option--color-tile) span:not(.visually-hidden){font-size:17px}.building-block-practice-card--drill .building-block-color-tile{min-height:46px}.building-block-practice-card--drill .building-block-drill-dots{gap:6px;padding-top:2px}.building-block-practice-card--drill .building-block-drill-dots button{background:#342e271c;width:31px;height:7px}.building-block-practice-card--drill .building-block-drill-dots .building-block-drill-dot--done{background:#2f7d7466}.building-block-practice-card--drill .building-block-drill-dots .building-block-drill-dot--active{background:#d8644a}}.conversation-reader{max-width:920px;margin-inline:auto}.conversation-note{color:var(--ink-620);background:#efd8cf24;border-left:2px solid #87352857;padding:12px 14px;line-height:1.52}.conversation-lines{gap:10px;display:grid}.conversation-audio-panel{border-radius:var(--radius);background:linear-gradient(#fffef9ad,#e4ebe63d),#fffef95c;border:1px solid #342e2714;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.conversation-audio-panel strong{color:var(--ink-900);margin-top:3px;font-size:14px;font-weight:850;display:block}.conversation-audio-xp{color:var(--celadon-820);margin-top:4px;font-size:12px;font-weight:850;animation:1.3s forwards softNoticeFade;display:block}.conversation-audio-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.conversation-line-shell{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.conversation-line{border-radius:var(--radius);width:100%;color:inherit;cursor:pointer;text-align:left;background:#fffef952;border:1px solid #342e2714;grid-template-columns:82px minmax(0,1fr);gap:5px 14px;padding:14px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 0 #24201b00}.conversation-line-shell--active .conversation-line{background:linear-gradient(#efd8cf3d,#fffef975),#fffef96b;border-color:#4a171338;box-shadow:0 0 0 3px #87352814}.conversation-line:hover,.conversation-line:focus-visible{background:#e4ebe638;border-color:#4d665d2e;transform:translateY(-1px);box-shadow:0 10px 24px #24201b0b}.conversation-line span{color:var(--cinnabar-750);text-transform:uppercase;grid-row:span 3;font-size:12px;font-weight:850}.conversation-line strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:clamp(22px,3vw,31px);font-weight:700;line-height:1.18}.conversation-line small{color:var(--ink-500);font-family:var(--font-hanzi);font-size:18px}.conversation-line em,.drawer-pinyin{color:var(--seal-900);font-family:var(--font-sans);font-style:normal;font-weight:780}.conversation-line-audio{border-radius:var(--radius);min-width:112px;min-height:48px;color:var(--seal-900);cursor:pointer;background:linear-gradient(#fffef9c2,#f2ebde4d),#fffef973;border:1px solid #4a17131f;place-items:center;padding:0 12px;font-size:13px;font-weight:850;transition:border-color .18s,background .18s,transform .18s;display:grid}.conversation-line-audio:hover:not(:disabled),.conversation-line-audio:focus-visible{background:linear-gradient(#fffef9d6,#efd8cf47),#fffef985;border-color:#4a171338;transform:translateY(-1px)}.conversation-line-audio:disabled{color:var(--ink-500);cursor:not-allowed;opacity:.66}.conversation-line-audio-equalizer{display:none}.conversation-line-shell--active .conversation-line-audio{color:var(--cinnabar-750);background:#efd8cf3d;border-color:#4a17133d}.conversation-line-audio-stack{align-content:start;gap:7px;display:grid}.conversation-line-admin-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.conversation-line-admin-actions button{min-height:30px;color:var(--ink-620);cursor:pointer;background:#fffef975;border:1px solid #342e2714;border-radius:6px;padding:0 8px;font-size:11.5px;font-weight:840;transition:border-color .16s,background .16s,color .16s,transform .16s}.conversation-line-admin-actions button:hover:not(:disabled),.conversation-line-admin-actions button:focus-visible{color:var(--seal-900);background:#efd8cf38;border-color:#8735282e;outline:none;transform:translateY(-1px)}.conversation-line-admin-actions button:disabled{cursor:wait;opacity:.58;transform:none}.conversation-line-audio-error{color:var(--cinnabar-750);grid-column:1/-1;margin:0;font-size:13px;line-height:1.42}.line-drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c191647;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.line-drawer{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9f0, #f2ebdee6), var(--xuan-50);border:1px solid #342e271f;gap:18px;width:min(840px,100%);max-height:min(88vh,900px);padding:28px;display:grid;position:relative;overflow-y:auto;box-shadow:0 24px 70px #1c19162e}.line-drawer-close{width:34px;height:34px;color:var(--ink-620);cursor:pointer;background:#fffef99e;border:1px solid #342e271a;border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute;top:14px;right:14px}.line-drawer-main{gap:8px;padding-right:28px;display:grid}.line-drawer-main span,.line-drawer-main small,.drawer-breakdown span,.drawer-breakdown small,.drawer-save-message{color:var(--ink-620);line-height:1.48}.line-drawer-main h3{color:var(--ink-980);font-family:var(--font-hanzi);font-size:clamp(30px,6vw,48px);line-height:1.16}.alternate-script-toggle{color:#665b4cc2;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:850}.alternate-script-text{font-family:var(--font-hanzi);font-size:20px}.drawer-save-main{width:fit-content;min-width:190px}.drawer-breakdown{gap:10px;display:grid}.drawer-breakdown h4{color:var(--ink-980);font-family:var(--font-serif);margin:0;font-size:20px}.drawer-breakdown article{border-radius:var(--radius);background:#fffef959;border:1px solid #342e2713;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px;display:grid}.drawer-breakdown article div{gap:4px;display:grid}.drawer-breakdown strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:22px;line-height:1.15}.drawer-save-message{animation:1.9s forwards softNoticeFade}.conversation-reader{background:linear-gradient(135deg, #fffef9e6, #edf7f452 48%, #ffefe933), var(--xuan-50);border-color:#24746b21;gap:0;max-width:none;padding:0;display:grid;box-shadow:0 20px 54px #12182611,inset 0 1px #fffef9c7}.conversation-reader:before{opacity:.1}.conversation-reader-hero{border-bottom:1px solid #24746b1a;grid-template-columns:minmax(0,1fr) minmax(210px,.28fr);gap:18px;padding:clamp(22px,3vw,32px);display:grid;position:relative;overflow:hidden}.conversation-reader-hero:before{content:"";background:linear-gradient(90deg, var(--conversation-blue), var(--conversation-teal), var(--conversation-coral));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:20px;right:20px}.conversation-reader-hero:after{color:#1218260a;content:"會";font-family:var(--font-hanzi);pointer-events:none;font-size:clamp(140px,15vw,220px);line-height:1;position:absolute;bottom:-38px;right:28px}.conversation-reader-hero>*{position:relative}.conversation-reader-hero__copy{gap:9px;max-width:760px;display:grid}.conversation-reader .conversation-reader-hero__copy h3{color:var(--conversation-ink);font-family:var(--font-sans);letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(34px,4.35vw,56px);font-weight:940;line-height:1.16}.conversation-reader-hero__copy p:not(.eyebrow){color:#121826a3;max-width:570px;font-size:16px;line-height:1.5}.conversation-reader-metadata{grid-template-columns:minmax(0,1.25fr) minmax(180px,.55fr);gap:8px;max-width:680px;padding-top:8px;display:grid}.conversation-reader-metadata span,.conversation-reader-progress-card{border-radius:var(--radius);background:#fffef99e;border:1px solid #24746b1f;gap:3px;min-width:0;padding:10px 11px;display:grid;box-shadow:inset 0 1px #fffef9c2}.conversation-reader-metadata small{color:#12182675;text-transform:uppercase;font-size:10px;font-weight:900}.conversation-reader-metadata strong{color:var(--conversation-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:880;line-height:1.22;overflow:hidden}.conversation-reader-progress-card{background:linear-gradient(145deg, #121826f5, #205a5ceb), var(--conversation-ink);align-content:end;justify-items:start;min-height:156px;padding:16px;box-shadow:0 16px 38px #12182624}.conversation-reader-progress-card span{color:#fffef9ad;text-transform:uppercase;font-size:11px;font-weight:900}.conversation-reader-progress-card strong{color:var(--xuan-50);font-size:23px;font-weight:940;line-height:1}.conversation-reader-progress-card .text-button{min-height:34px;color:var(--xuan-50);background:#fffef91a;border:1px solid #fffef929;border-radius:999px;margin-top:6px;padding:0 12px;font-size:12px}.conversation-reader-workspace{grid-template-columns:minmax(0,1fr) minmax(245px,.3fr);align-items:start;gap:16px;padding:clamp(18px,2.6vw,28px);display:grid}.conversation-dialogue-panel,.conversation-lines-panel,.conversation-script-sidecar,.conversation-core-card{gap:14px;display:grid}.conversation-audio-panel,.conversation-lines-panel,.conversation-note,.conversation-core-card{border-radius:var(--radius);background:linear-gradient(#fffef9c7,#fffef96b),#fffef985;border:1px solid #24746b1c;box-shadow:inset 0 1px #fffef9c7,0 10px 24px #12182609}.conversation-audio-panel{padding:14px 16px}.conversation-audio-panel .eyebrow{color:var(--conversation-teal)}.conversation-audio-panel strong{color:#121826bd}.conversation-lines-panel{padding:15px}.conversation-lines-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.conversation-lines-head h4{color:var(--conversation-ink);margin:0;font-size:19px;font-weight:940}.conversation-lines-head span,.conversation-note span,.conversation-core-card>span{color:#1218267a;text-transform:uppercase;font-size:10px;font-weight:900}.conversation-line-shell{--speaker-accent:var(--conversation-teal);--speaker-tint:#24746b17;grid-template-columns:minmax(0,1fr) minmax(108px,auto);gap:8px}.conversation-line-shell--speaker-2{--speaker-accent:var(--conversation-coral);--speaker-tint:#e0644b17}.conversation-line-shell--speaker-3{--speaker-accent:var(--conversation-blue);--speaker-tint:#315b7217}.conversation-line{background:#fffef994;border-color:#12182613;grid-template-columns:42px minmax(0,1fr);gap:5px 12px;padding:14px;box-shadow:inset 0 1px #fffef99e}.conversation-line-shell--active .conversation-line,.conversation-line:hover,.conversation-line:focus-visible{background:linear-gradient(#fffef9db,#edf7f46b),#fffef994;border-color:#24746b2e;box-shadow:0 12px 26px #1218260d}.conversation-line span{width:34px;height:34px;color:var(--speaker-accent);background:var(--speaker-tint);border:1px solid #12182612;border-radius:999px;grid-row:1/span 4;place-items:center;font-size:12px;font-weight:940;display:grid}.conversation-line strong{color:var(--conversation-ink);font-size:clamp(24px,3vw,34px)}.conversation-line small{color:#1218268f;font-family:var(--font-sans);font-size:14px;line-height:1.42}.conversation-line em{color:#4a1713d1}.conversation-line-audio{min-width:108px;min-height:48px;color:var(--conversation-teal);background:linear-gradient(#fffef9db,#edf7f46b),#fffef98a;border-color:#24746b21}.conversation-line-audio:hover:not(:disabled),.conversation-line-audio:focus-visible,.conversation-line-shell--active .conversation-line-audio{color:var(--conversation-ink);background:#edf7f4c2;border-color:#24746b38}.conversation-note{border-left-width:1px;gap:7px;padding:14px;display:grid}.conversation-note p{color:#1218269e;margin:0;font-size:14px;line-height:1.5}.conversation-core-card{padding:14px}.conversation-core-card .conversation-chunk-row{gap:7px}.conversation-core-card .conversation-chunk-row strong{color:#121826c7;font-family:var(--font-hanzi);background:#fffef9b3;border:1px solid #12182613;border-radius:999px;padding:8px 10px;font-size:15px;font-weight:780;line-height:1.2}.conversation-script-nav{padding:0 clamp(18px,2.6vw,28px) clamp(18px,2.6vw,28px)}.line-drawer{background:linear-gradient(135deg, #fffef9f5, #edf7f4b8 52%, #ffefe994), var(--xuan-50);border-color:#24746b24;box-shadow:0 28px 78px #12182638}.line-drawer:before{content:"";background:linear-gradient(90deg, var(--conversation-blue), var(--conversation-teal), var(--conversation-coral));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:22px;right:22px}.line-drawer-main h3{color:var(--conversation-ink)}.drawer-breakdown h4{color:var(--conversation-ink);font-family:var(--font-sans);font-weight:940}.drawer-breakdown article{background:#fffef994;border-color:#24746b1a}@media (width<=1100px){.conversation-reader-workspace,.conversation-reader-hero{grid-template-columns:minmax(0,1fr)}.conversation-reader-progress-card{min-height:0}}@media (width<=720px){.conversation-reader-hero:after{display:none}.conversation-reader-hero,.conversation-reader-workspace{padding:16px}.conversation-feature-card strong,.conversation-hub-hero__copy h2,.conversation-topic-card h3,.conversation-topic-hero__copy h2,.conversation-script-card h3,.conversation-reader .conversation-reader-hero__copy h3{text-overflow:clip;white-space:normal;overflow:visible}.conversation-reader .conversation-reader-hero__copy h3{font-size:30px}.conversation-reader-metadata{grid-template-columns:minmax(0,1fr)}.conversation-reader-metadata strong{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.conversation-reader-progress-card{grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:4px 10px;min-height:0;padding:13px}.conversation-reader-progress-card span,.conversation-reader-progress-card strong{grid-column:1}.conversation-reader-progress-card strong{font-size:21px}.conversation-reader-progress-card .text-button{white-space:nowrap;grid-area:1/2/span 2;align-self:center;min-height:32px;margin-top:0;padding:0 11px}.conversation-lines-panel{padding:10px}}@keyframes softNoticeFade{0%,72%{opacity:1}to{opacity:0}}.leaderboard-page{--leaderboard-ink:#121826;--leaderboard-teal:#247c73;--leaderboard-coral:#e0644b;--leaderboard-gold:#c89a3a;--leaderboard-blue:#315b72;gap:18px}.leaderboard-hero{border-radius:var(--radius);background:linear-gradient(135deg, #fffef9f0, #edf7f46b 48%, #ffefe952), var(--xuan-50);border:1px solid #24746b21;grid-template-columns:minmax(0,1fr) minmax(360px,.54fr);align-items:stretch;gap:18px;padding:clamp(22px,3vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 54px #12182611,inset 0 1px #fffef9d1}.leaderboard-hero:before{content:"";background:linear-gradient(90deg, var(--leaderboard-blue), var(--leaderboard-teal), var(--leaderboard-coral), var(--leaderboard-gold));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:22px;right:22px}.leaderboard-hero:after{color:#1218260b;content:"榜";font-family:var(--font-hanzi);pointer-events:none;font-size:clamp(160px,18vw,245px);line-height:1;position:absolute;bottom:-44px;right:clamp(18px,4vw,58px)}.leaderboard-hero>*{position:relative}.leaderboard-hero__copy{align-content:center;gap:8px;max-width:720px;display:grid}.leaderboard-hero__copy h2{color:var(--leaderboard-ink);font-family:var(--font-sans);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(40px,5.4vw,66px);font-weight:940;line-height:1}.leaderboard-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));align-content:end;gap:8px;display:grid}.leaderboard-hero__stats span{border-radius:var(--radius);background:#fffef9a3;border:1px solid #24746b1f;gap:6px;min-width:0;min-height:84px;padding:14px;display:grid;box-shadow:inset 0 1px #fffef9cc}.leaderboard-hero__stats small{color:#1218267a;text-transform:uppercase;font-size:10px;font-weight:900}.leaderboard-hero__stats strong{color:var(--leaderboard-ink);font-family:var(--font-sans);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:nowrap;font-size:clamp(21px,2.2vw,30px);font-weight:940;line-height:1.03}.leaderboard-loading{border-radius:var(--radius);color:#121826ad;background:#fffef994;border:1px solid #24746b1c;padding:18px;font-weight:860}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.leaderboard-podium-card{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9db, #f8faf985), var(--xuan-50);border:1px solid #315b7221;gap:10px;min-width:0;min-height:230px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #1218260d,inset 0 1px #fffef9c7}.leaderboard-podium-card:after{color:#12182609;content:"學";font-family:var(--font-hanzi);pointer-events:none;font-size:130px;line-height:1;position:absolute;bottom:-18px;right:10px}.leaderboard-podium-card--rank-1{background:linear-gradient(180deg, #fffef9e6, #fcf4e06b), var(--xuan-50);border-color:#c89a3a47;order:2;min-height:258px}.leaderboard-podium-card--rank-1:after{color:#c89a3a1a;content:"冠";font-size:152px;bottom:-20px;right:8px}.leaderboard-podium-card--rank-2{border-color:#315b722e;order:1}.leaderboard-podium-card--rank-2:after{color:#315b7213;content:"躍"}.leaderboard-podium-card--rank-3{border-color:#e0644b2e;order:3}.leaderboard-podium-card--rank-3:after{color:#e0644b13;content:"燃"}.leaderboard-podium-card__rank{width:38px;height:38px;color:var(--leaderboard-teal);font-family:var(--font-sans);background:#edf7f4b8;border:1px solid #24746b2e;border-radius:50%;place-items:center;font-size:15px;font-weight:940;display:grid}.leaderboard-podium-card--rank-1 .leaderboard-podium-card__rank{color:#8f6418;background:#fcf4e0d1;border-color:#c89a3a57}.leaderboard-podium-card--rank-3 .leaderboard-podium-card__rank{color:var(--leaderboard-coral);background:#ffefe9b8;border-color:#e0644b40}.leaderboard-podium-card__avatar{z-index:1;border:2px solid #fffef9db;width:70px;height:70px;position:relative;box-shadow:0 12px 24px #1218261f}.leaderboard-podium-card--rank-1 .leaderboard-podium-card__avatar{width:84px;height:84px}.leaderboard-podium-card>div{z-index:1;gap:4px;min-width:0;display:grid;position:relative}.leaderboard-podium-card__name{color:var(--leaderboard-ink);font-family:var(--font-sans);overflow-wrap:anywhere;font-size:clamp(22px,2.3vw,30px);font-weight:940;line-height:1.08;text-decoration:none}a.leaderboard-podium-card__name:hover{color:var(--leaderboard-coral)}.leaderboard-podium-card small{color:#1218267a;font-size:12px;font-weight:860}.leaderboard-podium-card strong{z-index:1;color:var(--leaderboard-teal);font-family:var(--font-sans);white-space:nowrap;background:#edf7f4bd;border-radius:999px;justify-self:start;padding:8px 10px;font-size:18px;font-weight:940;line-height:1;position:relative}.leaderboard-podium-card--rank-1 strong{color:#8f6418;background:#fcf4e0db}.leaderboard-board{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9d6, #fffef97a), var(--xuan-50);border:1px solid #24746b1c;gap:12px;padding:14px;display:grid;box-shadow:0 14px 34px #1218260b,inset 0 1px #fffef9c2}.leaderboard-board__head{border-bottom:1px solid #24746b1a;justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 12px;display:flex}.leaderboard-board__head .eyebrow{margin:0}.leaderboard-board__head h3{color:var(--leaderboard-ink);font-family:var(--font-sans);margin:0;font-size:26px;font-weight:940;line-height:1.1}.leaderboard-board__head>span{color:var(--leaderboard-teal);background:#edf7f4ad;border:1px solid #24746b24;border-radius:999px;flex:none;padding:8px 11px;font-size:12px;font-weight:900}.leaderboard-list{gap:8px}.leaderboard-list .leaderboard-row{background:#fffef994;border-color:#24746b1a;grid-template-columns:44px 44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 12px;display:grid}.leaderboard-list .leaderboard-row__rank{color:#12182670;width:auto;font-family:var(--font-sans);text-align:center;font-size:15px;font-weight:940}.leaderboard-list .leaderboard-row__avatar{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px}.leaderboard-row__identity{gap:2px;min-width:0;display:grid}.leaderboard-list .leaderboard-row__identity .leader-name{color:var(--leaderboard-ink);font-family:var(--font-sans);overflow-wrap:anywhere;font-size:16px;line-height:1.12}.leaderboard-row__identity small{color:#12182673;overflow-wrap:anywhere;font-size:11px;font-weight:780}.leaderboard-list .leaderboard-row strong{color:var(--leaderboard-teal);font-family:var(--font-sans);white-space:nowrap;margin-left:0;font-size:15px;font-weight:940}.leader-list li{justify-content:start}.leader-list strong{margin-left:auto}.leader-avatar{aspect-ratio:1;border:1px solid var(--paper-edge-strong);object-fit:cover;border-radius:50%;flex:0 0 38px;align-self:center;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px}.leader-avatar .user-avatar__image{width:100%;height:100%}.rank{width:28px;color:var(--tea-650);font-family:var(--font-serif);text-align:right;font-weight:700}.leader-name{color:var(--ink-980);font-weight:800;text-decoration:none}a.leader-name:hover{color:var(--cinnabar-750)}@media (width<=920px){.leaderboard-hero{grid-template-columns:minmax(0,1fr);padding:20px}.leaderboard-hero:after{display:none}.leaderboard-hero__copy{align-content:start}.leaderboard-podium{grid-template-columns:minmax(0,1fr)}.leaderboard-podium-card,.leaderboard-podium-card--rank-1{order:initial;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:0}.leaderboard-podium-card__rank{grid-row:1/span 2}.leaderboard-podium-card__avatar,.leaderboard-podium-card--rank-1 .leaderboard-podium-card__avatar{width:58px;height:58px}.leaderboard-podium-card>div,.leaderboard-podium-card strong{grid-column:2}.leaderboard-podium-card strong{justify-self:start}.leaderboard-board__head{flex-direction:column;align-items:flex-start}}@media (width<=560px){.leaderboard-page{gap:12px}.leaderboard-hero{padding:17px}.leaderboard-hero__copy h2{font-size:42px;line-height:1.02}.leaderboard-hero__copy p:not(.eyebrow){font-size:14px}.leaderboard-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-hero__stats span{min-height:72px;padding:10px}.leaderboard-hero__stats strong{font-size:22px}.leaderboard-podium-card{gap:8px 10px;padding:14px}.leaderboard-podium-card:after{display:none}.leaderboard-podium-card__name{font-size:21px}.leaderboard-board{padding:10px}.leaderboard-list .leaderboard-row{grid-template-columns:32px 40px minmax(0,1fr);align-items:center;gap:9px;min-height:0;padding:10px}.leaderboard-list .leaderboard-row__avatar{width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px}.leaderboard-list .leaderboard-row strong{grid-column:3;justify-self:start;font-size:14px}}.settings-form,.auth-form{gap:15px;display:grid}.settings-option{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-option-copy{gap:5px;min-width:0;display:grid}.settings-option-copy span{color:var(--cinnabar-750);text-transform:uppercase;font-size:12px;font-weight:860}.settings-option-copy h3{color:var(--ink-980);font-family:var(--font-serif);font-size:24px;line-height:1.05}.settings-option-copy p{max-width:580px;color:var(--ink-620);line-height:1.5}.settings-switch{cursor:pointer;flex:none;align-items:center;gap:9px;display:inline-flex}.settings-switch input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-switch span{background:#fffef9bd;border:1px solid #342e271f;border-radius:999px;width:48px;height:28px;transition:background .16s,border-color .16s;display:block;position:relative;box-shadow:inset 0 1px 2px #24201b14}.settings-switch span:after{background:linear-gradient(180deg, #fffef9fa, #e8ddcaeb), var(--xuan-50);content:"";border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 4px 10px #24201b24}.settings-switch input:checked+span{background:#efd8cfbd;border-color:#87352833}.settings-switch input:checked+span:after{transform:translate(20px)}.settings-switch input:focus-visible+span{outline-offset:2px;outline:3px solid #4d665d2e}.settings-switch strong{min-width:48px;color:var(--ink-620);font-size:13px;font-weight:820}.chat-placeholder{gap:13px;display:grid}.chat-line{border:1px solid var(--ink-line);border-radius:var(--radius);background:#fffef98a;max-width:720px;padding:15px}.chat-line--guide{background:linear-gradient(120deg, var(--celadon-120), #fffef994), var(--ash-120)}.chat-composer{border:1px solid var(--paper-edge-strong);border-radius:var(--radius);min-height:50px;color:var(--ink-500);background:#fffef9cc;padding:14px}.ai-tutor-page{gap:18px}.ai-tutor-generator{gap:20px;display:grid}.ai-tutor-intro{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:15px;display:grid}.ai-tutor-intro h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(27px,3vw,36px);line-height:1.05}.ai-tutor-control-panel h3,.ai-tutor-field-panel h3,.ai-tutor-prompt-card h3,.ai-tutor-board h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(23px,2.3vw,30px);line-height:1.08}.ai-tutor-intro p:not(.eyebrow),.ai-tutor-field-panel p,.ai-tutor-note-card p{color:var(--ink-620);line-height:1.58}.ai-tutor-stepper{border-radius:var(--radius);background:linear-gradient(135deg,#e4ebe633,#fffef966),#fffef93d;border:1px solid #342e270e;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:7px;display:grid}.ai-tutor-stepper button{border-radius:var(--radius);color:#665b4cb8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-height:40px;padding:7px 8px;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:grid}.ai-tutor-stepper button:hover,.ai-tutor-stepper button:focus-visible{color:var(--celadon-820);background:#fffef96b;border-color:#4d665d24}.ai-tutor-stepper button.active{color:var(--ink-980);background:#fffef994;border-color:#4d665d38;box-shadow:inset 3px 0 #4d665d7a}.ai-tutor-stepper button.complete{color:var(--celadon-760)}.ai-tutor-stepper span{background:#fffef980;border:1px solid #4d665d24;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:880;display:grid}.ai-tutor-stepper strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;line-height:1.15;overflow:hidden}.ai-tutor-step-panel{gap:12px;min-height:260px;padding-top:2px;display:grid}.ai-tutor-step-panel>.section-head{border-radius:var(--radius);background:linear-gradient(135deg,#e4ebe638,#fffef959),#fffef93d;padding:10px 12px}.ai-tutor-control-panel{border-top:1px solid #342e270b;gap:12px;padding-top:18px;display:grid}.ai-tutor-control-panel--first{border-top:0;padding-top:0}.ai-tutor-control-panel>.section-head,.ai-tutor-prompt-card>.section-head,.ai-tutor-board>.section-head{border-radius:var(--radius);background:linear-gradient(135deg,#e4ebe638,#fffef959),#fffef93d;padding:10px 12px}.ai-tutor-style-picker,.ai-tutor-script-picker,.ai-tutor-scope-picker{gap:10px;display:grid}.ai-tutor-style-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-tutor-script-picker{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.ai-tutor-scope-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-tutor-style-picker button,.ai-tutor-script-picker button,.ai-tutor-scope-picker button{border-radius:var(--radius);min-height:100%;color:var(--ink-620);cursor:pointer;text-align:left;background:#fffef952;border:1px solid #342e270f;align-content:start;gap:6px;padding:12px 13px;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:grid;position:relative}.ai-tutor-style-picker button:hover,.ai-tutor-script-picker button:hover,.ai-tutor-scope-picker button:hover{background:#fffef994;border-color:#4d665d29;transform:translateY(-1px)}.ai-tutor-style-picker button.active,.ai-tutor-script-picker button.active,.ai-tutor-scope-picker button.active{color:var(--ink-980);background:linear-gradient(145deg,#e4ebe66b,#fffef98f),#fffef980;border-color:#4d665d57;box-shadow:inset 4px 0 #4d665d8f,0 10px 24px #24201b0e}.ai-tutor-style-picker button.active small,.ai-tutor-script-picker button.active small{color:var(--celadon-760);background:#e4ebe66b;border-color:#4d665d2e}.ai-tutor-style-picker span,.ai-tutor-script-picker span,.ai-tutor-scope-picker span,.ai-tutor-script-picker strong{color:inherit;font-weight:880;line-height:1.2}.ai-tutor-style-picker span,.ai-tutor-scope-picker span{font-size:15px}.ai-tutor-script-picker strong{font-size:16px}.ai-tutor-style-picker small,.ai-tutor-script-picker small{color:#873528c7;background:#efd8cf2e;border:1px solid #8735281f;border-radius:999px;justify-self:start;place-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:850;display:inline-grid}.ai-tutor-style-picker p,.ai-tutor-script-picker p,.ai-tutor-scope-picker p{color:var(--ink-620);margin:0;font-size:13px;line-height:1.48}.ai-tutor-control-grid{grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr);gap:14px;display:grid}.ai-tutor-field-panel{border-radius:var(--radius);background:#fffef942;border:1px solid #342e270b;align-content:start;gap:10px;padding:14px;display:grid}.ai-tutor-field-panel select{border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink-900);font:inherit;background:linear-gradient(145deg,#e4ebe63d,#fffef99e),#fffef9c2;border:1px solid #4d665d33;padding:0 12px;font-weight:780}.ai-tutor-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-tutor-actions--primary{border-top:1px solid #342e270b;padding-top:18px}.ai-tutor-chatgpt-link{text-decoration:none}.ai-tutor-copy-message{color:var(--celadon-760);font-size:13px;font-weight:820}.ai-tutor-start-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ai-tutor-start-summary div{border-radius:var(--radius);background:#fffef95c;border:1px solid #342e270f;gap:4px;min-height:76px;padding:12px;display:grid}.ai-tutor-start-summary span{color:#665b4c99;text-transform:uppercase;font-size:11px;font-weight:820}.ai-tutor-start-summary strong{color:var(--ink-900);font-size:14px;line-height:1.28}.ai-tutor-step-nav{border-top:1px solid #342e270b;justify-content:space-between;gap:10px;padding-top:16px;display:flex}.ai-tutor-prompt-card{grid-template-rows:auto minmax(0,1fr);gap:14px;display:grid}.ai-tutor-prompt-head{align-items:center}.ai-tutor-prompt-head>span{color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d29;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:850}.ai-tutor-prompt{resize:vertical;border-radius:var(--radius);height:100%;min-height:0;color:var(--ink-760);background:#fffef99e;border:1px solid #342e271f;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.55}.ai-tutor-prompt-card--expanded .ai-tutor-prompt{height:auto;min-height:420px}.ai-tutor-board{gap:16px;display:grid}.ai-tutor-board-head{align-items:center}.ai-tutor-board-head>span{min-height:28px;color:var(--celadon-760);background:#e4ebe647;border:1px solid #4d665d29;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:850}.ai-tutor-board-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-tutor-board-toolbar span{color:var(--celadon-760);font-size:13px;font-weight:820}.ai-tutor-board-toolbar .form-error{margin:0;font-size:13px}.ai-tutor-note-form{border-radius:var(--radius);background:#fffef957;border:1px solid #342e2713;gap:10px;padding:12px;display:grid}.ai-tutor-note-form textarea{resize:vertical;border-radius:var(--radius);min-height:98px;color:var(--ink-760);background:#fffef9b8;border:1px solid #342e271f;padding:12px;line-height:1.5}.ai-tutor-note-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-tutor-note-actions span{color:var(--celadon-760);font-size:13px;font-weight:820}.ai-tutor-board-loading{color:var(--ink-500);margin:0;font-size:13px;font-weight:780}.ai-tutor-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ai-tutor-note-card{background:linear-gradient(155deg,#fffef9db,#efd8cf2e),#fffef9ad;border:1px solid #8735281f;border-radius:4px;align-content:space-between;gap:18px;min-height:158px;padding:15px;display:grid;box-shadow:0 10px 22px #24201b0b}.ai-tutor-note-card:nth-child(3n+2){background:linear-gradient(155deg,#fffef9db,#e4ebe63d),#fffef9ad;border-color:#4d665d24}.ai-tutor-note-card:nth-child(3n){background:linear-gradient(155deg,#fffef9e6,#e7ddca4d),#fffef9ad;border-color:#87673724}.ai-tutor-note-card p{white-space:pre-wrap}.ai-tutor-note-card footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-tutor-note-meta{gap:2px;min-width:0;display:grid}.ai-tutor-note-meta strong{color:var(--ink-760);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;line-height:1.2;overflow:hidden}.ai-tutor-note-card time{color:var(--ink-500);font-size:12px;font-weight:780}.ai-tutor-note-votes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-tutor-note-card .text-button{font-size:12px}.ai-tutor-note-card .text-button:disabled{cursor:wait;opacity:.58}.ai-tutor-note-card .text-button.active{color:var(--celadon-760)}.pinyin-page--guided{gap:22px}.mobile-support-cue{display:none}.foundation-lesson,.phrase-explanation,.phrase-exposures,.lesson-path-picker,.lesson-sound-path,.sound-atlas{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9b8, #f2ebde4d), var(--xuan-50);border:1px solid #342e2718;position:relative;overflow:hidden}.foundation-lesson{background:linear-gradient(180deg, #fffef9c7, #f2ebde3d), var(--xuan-50);border-color:#342e2712;grid-template-rows:auto auto minmax(280px,1fr) auto;gap:18px;min-height:590px;padding:clamp(22px,3.8vw,36px);display:grid;box-shadow:0 18px 44px #24201b0e}.foundation-lesson:before,.phrase-explanation:before,.phrase-exposures:before,.lesson-sound-path:before,.sound-atlas:before{pointer-events:none;content:"";opacity:.2;background:repeating-linear-gradient(0deg,#37312a04 0 1px,#0000 1px 8px),linear-gradient(112deg,#0000,#fffef96b,#0000);position:absolute;inset:0}.foundation-lesson>*,.phrase-explanation>*,.phrase-exposures>*,.lesson-sound-path>*,.sound-atlas>*{position:relative}.foundation-lesson-topline,.section-kicker,.recognition-panel-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.foundation-lesson-topline>div:first-child{gap:6px;display:grid}.foundation-lesson-topline h2,.section-kicker h3,.recognition-panel-head h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(24px,4vw,36px);line-height:1.05}.foundation-lesson-topline h2.foundation-lesson-title--complete{color:var(--celadon-760)}.section-kicker h3{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.section-pinyin{font-family:var(--font-sans);font-weight:800}.foundation-lesson-topline p:not(.eyebrow),.section-kicker span,.recognition-panel p,.phrase-meaning,.phrase-note,.phrase-helper,.phrase-context span,.listening-panel span,.recognition-waiting{color:var(--ink-620);line-height:1.62}.foundation-lesson-topline p:not(.eyebrow){color:#665b4cb8;max-width:34rem;font-size:14px;line-height:1.45}.foundation-lesson-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.foundation-lesson-meta span{color:#665b4ca3;background:0 0;align-items:center;min-height:24px;padding:0 5px;font-size:11px;font-weight:760;display:inline-flex}.mobile-lesson-label,.mobile-phrase-progress,.mobile-sound-pager{display:none}.phrase-context strong{border-radius:var(--radius);min-height:30px;color:var(--ink-620);background:#fffef96b;border:1px solid #342e271c;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.foundation-progress,.recognition-lock-progress div{background:#4c484013;border-radius:999px;height:4px;overflow:hidden}.foundation-progress i,.recognition-lock-progress i{border-radius:inherit;background:linear-gradient(90deg,#87352857,#4d665d61);height:100%;display:block}.lesson-stage-shell{grid-template-columns:minmax(0,740px);justify-content:center;align-items:stretch;gap:10px;min-height:310px;display:grid}.lesson-stage-shell--retrieval{grid-template-columns:minmax(0,1fr)}.lesson-phrase-pane,.lesson-exercise-pane,.lesson-retrieval-pane{gap:14px;padding:16px 20px;display:grid}.lesson-phrase-pane{text-align:center;border-top:1px solid #342e270f;align-content:center;justify-items:center;min-height:230px}.lesson-phrase-pane--recognition{text-align:center;justify-items:center}.lesson-exercise-pane{border-top:0;align-content:center;justify-items:center;min-height:92px;padding-top:0}.lesson-retrieval-pane{border-top:1px solid var(--ink-line);text-align:center;align-content:center;justify-items:center;gap:20px;min-height:365px;padding-inline:clamp(18px,6vw,72px)}.lesson-retrieval-pane>p{width:min(500px,100%);color:var(--ink-620);line-height:1.62}.lesson-retrieval-pane .recognition-panel-head{align-items:center;width:min(560px,100%)}.lesson-retrieval-pane .stage-audio-button{justify-self:center}.current-phrase{gap:13px;padding:14px 0 2px;display:grid}.current-phrase--recognition{text-align:center;align-content:center;justify-items:center;min-height:250px;padding-block:30px 18px}.phrase-context{justify-content:space-between;align-items:center;gap:14px;width:min(560px,100%);display:flex}.phrase-helper{text-align:center;max-width:560px;font-size:17px}.phrase-pinyin{width:100%;max-width:100%;color:var(--ink-980);font-family:var(--font-sans);text-overflow:clip;white-space:nowrap;font-size:clamp(34px,5vw,58px);font-weight:780;line-height:1.16;overflow:visible}.phrase-hanzi{gap:8px;width:100%;max-width:100%;margin-top:4px;display:grid}.phrase-hanzi span{color:var(--ink-900);font-family:var(--font-hanzi);text-overflow:clip;white-space:nowrap;font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.08;overflow:hidden}.phrase-hanzi small{color:var(--ink-500);font-family:var(--font-hanzi);font-size:clamp(22px,3vw,31px)}.phrase-meaning{max-width:560px;font-size:17px;line-height:1.48}.phrase-note{border-radius:var(--radius);color:#665b4cd1;background:#efd8cf29;border:1px solid #8735281f;max-width:560px;margin-top:-2px;padding:10px 12px;font-size:13px;line-height:1.42}.lesson-phrase-pane--short .phrase-pinyin{font-size:clamp(38px,5.4vw,60px)}.lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(34px,4.7vw,52px)}.lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(28px,3.9vw,42px)}.lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(23px,3.2vw,34px)}.lesson-phrase-pane--short .phrase-hanzi span{font-size:clamp(28px,3.5vw,40px)}.lesson-phrase-pane--medium .phrase-hanzi span{font-size:clamp(26px,3vw,36px)}.lesson-phrase-pane--long .phrase-hanzi span{font-size:clamp(23px,2.6vw,31px)}.lesson-phrase-pane--xlong .phrase-hanzi span{font-size:clamp(20px,2.2vw,27px)}.phrase-memory{justify-items:center;gap:10px;width:min(420px,100%);display:grid}.phrase-memory h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(28px,5vw,42px);line-height:1.04}.phrase-memory span{color:var(--ink-620);line-height:1.62}.focus-target{border-radius:var(--radius);background:linear-gradient(90deg,#efd8cf29,#fffef94d),#fffef93d;border:1px solid #342e2714;justify-items:start;gap:6px;width:fit-content;max-width:100%;padding:12px 16px;display:grid}.focus-target span{color:var(--cinnabar-750);text-transform:uppercase;font-size:12px;font-weight:850}.focus-target strong{color:var(--ink-980);font-family:var(--font-sans);font-size:clamp(34px,6vw,54px);font-weight:780;line-height:1.04}.focus-target p{color:var(--ink-620);line-height:1.54}.aural-prompt{justify-items:center;gap:12px;width:min(430px,100%);display:grid}.aural-prompt h3{color:var(--ink-980);font-family:var(--font-serif);font-size:clamp(28px,5vw,42px);line-height:1.04}.aural-prompt span{color:var(--ink-620);line-height:1.62}.stage-action-panel{align-content:center;justify-items:center;gap:12px;min-height:74px;display:grid}.stage-action-panel>small{color:var(--ink-500);line-height:1.48}.stage-button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;width:min(430px,100%);display:flex}.stage-button-row--audio{justify-self:center}.stage-audio-button{width:auto;min-width:178px;max-width:100%;min-height:54px;color:var(--ink-980);background:linear-gradient(145deg, #fffef9d1, #efd8cf4d), var(--xuan-50);cursor:pointer;text-align:left;border:1px solid #4a171329;border-radius:999px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:6px 14px 6px 7px;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-grid;box-shadow:0 8px 20px #4a17130f}.stage-audio-button:hover{border-color:#4a17133d;transform:translateY(-1px);box-shadow:0 11px 26px #4a171317}.stage-audio-button:active{transform:translateY(0);box-shadow:0 8px 18px #4a171314}.stage-audio-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.stage-audio-button:disabled:hover{border-color:#4a171329;transform:none;box-shadow:0 8px 20px #4a17130f}.stage-audio-button span{width:38px;height:38px;color:var(--xuan-50);background:linear-gradient(145deg, var(--cinnabar-750), var(--seal-900)), var(--cinnabar-750);font-family:var(--font-hanzi);border-radius:50%;place-items:center;font-size:20px;display:grid}.stage-audio-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:850;line-height:1.12;overflow:hidden}.stage-audio-button--compact{grid-template-columns:38px minmax(0,1fr);min-width:168px;min-height:54px}.stage-audio-button--compact span{width:38px;height:38px;font-size:19px}.stage-generate-audio-button{white-space:nowrap;min-width:146px;min-height:54px;padding-inline:16px;position:relative}.stage-generate-audio-button span{display:inline-block}.generate-audio-label-enter-active,.generate-audio-label-leave-active{transition:opacity .2s,transform .2s}.generate-audio-label-enter-from{opacity:0;transform:translateY(4px)}.generate-audio-label-leave-to{opacity:0;transform:translateY(-4px)}.stage-delete-audio-button{color:#873528c7;white-space:nowrap;min-width:118px;min-height:54px;padding-inline:14px}.stage-audio-status{width:min(430px,100%);color:var(--ink-620);text-align:center;margin:0;font-size:12px;font-weight:720;line-height:1.45}.lesson-retrieval-pane>.stage-audio-status{width:min(430px,100%);color:var(--ink-620);font-size:12px;line-height:1.45}.shadow-practice-strip{justify-items:center;gap:8px;width:min(430px,100%);display:grid}.shadow-practice-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.shadow-record-button,.shadow-share-button,.shadow-audio-remove-button{cursor:pointer;border:1px solid #4d665d29;border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s;display:inline-flex}.shadow-record-button{min-height:40px;color:var(--celadon-820);white-space:nowrap;background:linear-gradient(#fffef9c7,#e4ebe647),#fffef980;gap:7px;padding:0 14px;font-size:12px;font-weight:850}.shadow-share-button{min-height:30px;color:var(--xuan-50);background:linear-gradient(180deg, #4a1713f0, #3f1812fa), var(--seal-900);white-space:nowrap;border-color:#0000;padding:0 10px;font-size:11px;font-weight:850}.shadow-audio-remove-button{color:#665b4cad;background:0 0;width:30px;height:30px}.shadow-record-button:hover:not(:disabled),.shadow-share-button:hover:not(:disabled),.shadow-record-button:focus-visible,.shadow-share-button:focus-visible{transform:translateY(-1px)}.shadow-audio-remove-button:hover,.shadow-audio-remove-button:focus-visible{color:var(--cinnabar-750);background:#efd8cf3d}.shadow-record-button svg,.shadow-audio-remove-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.shadow-record-button svg rect{fill:currentColor;stroke:none}.shadow-record-button.active{color:var(--cinnabar-750);background:#efd8cf4d;border-color:#8735283d}.shadow-record-button:disabled,.shadow-share-button:disabled,.shadow-audio-remove-button:disabled{cursor:not-allowed;opacity:.52;transform:none}.shadow-recording-preview{background:linear-gradient(#fffef9b3,#e4ebe63d),#fffef961;border:1px solid #342e2713;border-radius:18px;flex:280px;grid-template-columns:minmax(150px,1fr) auto 32px;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:grid}.shadow-recording-preview audio{width:100%;min-width:0;height:34px;display:block}.shadow-practice-note{color:var(--ink-500);margin:0;font-size:12px;line-height:1.42}.shadow-practice-note--success{color:var(--celadon-820);font-weight:760}.shadow-practice-note--error{color:var(--cinnabar-750);font-weight:760}.stage-primary-action--mobile{display:none}.lesson-interactions{grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:18px;display:grid}.listening-panel,.recognition-panel{border-top:1px solid var(--ink-line);background:#fffef93d;align-content:start;gap:14px;min-height:178px;padding:18px;display:grid}.listening-panel{grid-template-columns:62px 1fr;align-items:center}.listening-seal{width:62px;height:62px;color:var(--xuan-50);background:linear-gradient(145deg, var(--cinnabar-750), var(--seal-900)), var(--cinnabar-750);cursor:pointer;font-family:var(--font-hanzi);border:1px solid #4a171338;border-radius:50%;place-items:center;font-size:28px;display:grid;box-shadow:0 12px 24px #4a171324}.listening-panel p{color:var(--ink-980);font-weight:800;line-height:1.45}.recognition-xp{color:var(--celadon-760);font-family:var(--font-serif);opacity:0;font-weight:800;transition:opacity .18s,transform .18s;transform:translateY(4px)}.recognition-xp--visible{opacity:1;transform:translateY(0)}.recognition-lock-progress{gap:8px;display:grid}.recognition-lock-progress span{color:var(--ink-500);font-size:12px;font-weight:800}.recognition-token-row{flex-wrap:wrap;gap:9px;display:flex}.recognition-token-row--retrieval{justify-content:center;gap:14px;width:min(560px,100%)}.sound-token{border-radius:var(--radius);min-width:92px;min-height:58px;color:var(--ink-760);background:linear-gradient(180deg, #fffef9b8, #f2ebde57), var(--xuan-50);cursor:pointer;text-align:left;border:1px solid #342e2721;gap:2px;padding:8px 14px;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;display:grid}.sound-token strong{color:var(--ink-980);font-family:var(--font-sans);overflow-wrap:anywhere;font-size:19px;font-weight:820;line-height:1.1}.sound-token--retrieval{min-width:126px;min-height:68px;box-shadow:none;text-align:center;background:linear-gradient(#fffef999,#f2ebde33),#fffef961;border-color:#342e2716;justify-items:center}.sound-token--retrieval strong{font-size:23px}.sound-token small{color:var(--ink-500);font-family:var(--font-hanzi);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.sound-token:hover,.sound-token--selected{border-color:#4d665d4d;transform:translateY(-1px);box-shadow:0 12px 28px #24201b0f}.sound-token--retrieval:hover,.sound-token--retrieval.sound-token--selected{background:linear-gradient(#e4ebe675,#fffef97a),#fffef970;border-color:#4d665d3d;box-shadow:0 10px 24px #24201b09}.sound-token:disabled{cursor:default}.sound-token--correct{background:linear-gradient(180deg, #e4ebe6e0, #fffef9b3), var(--celadon-120);border-color:#4d665d5c}.sound-token--soft{background:linear-gradient(180deg, #e7ddca6b, #fffef99e), var(--xuan-50);border-color:#8766372e}.recognition-reveal{border-top:1px solid var(--ink-line);gap:4px;padding-top:11px;display:grid}.recognition-reveal span{color:var(--ink-980);font-family:var(--font-hanzi);font-size:28px;font-weight:700}.recognition-reveal small{color:var(--ink-500);font-family:var(--font-hanzi);font-size:21px}.retrieval-next-action{justify-self:center}.recognition-waiting{border-top:1px solid var(--ink-line);place-items:center;min-height:88px;display:grid}.recognition-waiting span{color:#39312957;font-family:var(--font-sans);font-size:34px;font-weight:780}.foundation-actions{border-top:1px solid var(--ink-line);justify-content:space-between;align-self:end;gap:12px;padding-top:6px;display:flex}.phrase-exposures,.phrase-explanation,.lesson-path-picker,.lesson-sound-path,.sound-atlas{background:linear-gradient(#fffef970,#f2ebde24),#fffef93d;border-color:#342e270f;padding:22px}.phrase-explanation{background:linear-gradient(#e4ebe661,#fffef96b),#fffef93d;border-color:#4d665d29}.lesson-path-picker{grid-template-columns:minmax(150px,.28fr) minmax(220px,1fr) auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.lesson-path-picker div:first-child{gap:3px;display:grid}.lesson-path-picker small{color:#665b4c9e;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.lesson-path-picker strong{color:#393129db;font-family:var(--font-serif);font-size:17px;line-height:1.12}.lesson-path-picker select{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink-760);background:#fffef96b;border:1px solid #342e2716;padding:10px 12px;font-weight:760}.lesson-path-picker-actions{justify-content:flex-end;gap:8px;display:flex}.phrase-exposures,.phrase-explanation{padding:0}.phrase-explanation-toggle,.phrase-exposures-summary,.lesson-sound-path summary,.sound-atlas summary{transition:background-color .18s,box-shadow .18s,color .18s}.phrase-explanation-toggle:hover,.phrase-exposures-summary:hover,.lesson-sound-path summary:hover,.sound-atlas summary:hover{background:#fffef957}.phrase-explanation-toggle:active,.phrase-exposures-summary:active,.lesson-sound-path summary:active,.sound-atlas summary:active{background:#efd8cf2e}.phrase-explanation-toggle,.phrase-exposures-summary{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;display:flex}.phrase-explanation-toggle span,.phrase-exposures-summary span{gap:4px;display:grid}.phrase-explanation-toggle small,.phrase-exposures-summary small{color:#665b4cad;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.phrase-explanation-toggle strong,.phrase-exposures-summary strong{color:var(--ink-980);font-family:var(--font-serif);font-size:17px;line-height:1.1}.phrase-explanation-toggle i,.phrase-exposures-summary i{border-bottom:1px solid #8735288f;border-right:1px solid #8735288f;width:10px;height:10px;transition:transform .18s;transform:rotate(45deg)}.phrase-explanation-toggle[aria-expanded=true] i,.phrase-exposures-summary[aria-expanded=true] i{transform:rotate(225deg)}.phrase-explanation-body,.phrase-exposure-body{border-top:1px solid #1c19160e;gap:10px;padding:0 18px 16px;display:grid}.phrase-explanation-status,.phrase-explanation-error,.phrase-explanation-content{margin-top:12px}.phrase-explanation-loading{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;margin-top:12px;display:grid}.phrase-explanation-loading-mark{width:38px;height:38px;color:var(--xuan-50);background:linear-gradient(145deg, var(--cinnabar-750), var(--seal-900)), var(--cinnabar-750);font-family:var(--font-hanzi);border-radius:50%;place-items:center;font-size:19px;animation:1.35s ease-in-out infinite phraseExplanationPulse;display:grid}.phrase-explanation-status,.phrase-explanation-error p{color:#665b4cc2;font-size:14px;line-height:1.5}.phrase-explanation-loading .phrase-explanation-status{margin:0}.phrase-explanation-loading-steps{flex-wrap:wrap;gap:7px;padding-top:8px;display:flex}.phrase-explanation-loading-steps span{color:#873528c7;background:#efd8cf2e;border:1px solid #8735281f;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:820;animation:1.8s ease-in-out infinite phraseExplanationStepFade;display:inline-flex}.phrase-explanation-loading-steps span:nth-child(2){animation-delay:.2s}.phrase-explanation-loading-steps span:nth-child(3){animation-delay:.4s}.phrase-explanation-error{justify-items:start;gap:10px;display:grid}.phrase-explanation-content{color:var(--ink-760);gap:14px;display:grid}.phrase-explanation-card{gap:10px;display:grid}.phrase-explanation-content header{flex-wrap:wrap;justify-content:flex-start;align-items:start;gap:10px 14px;display:flex}.phrase-explanation-content header>div{gap:5px;min-width:0;max-width:min(100%,560px);display:grid}.phrase-explanation-content header strong{color:var(--ink-980);font-family:var(--font-serif);font-size:20px;line-height:1.18}.phrase-explanation-content header span{color:#873528db;font-family:var(--font-sans);font-size:14px;font-weight:780;line-height:1.25}.phrase-explanation-content header small,.phrase-explanation-card>p,.phrase-explanation-section p{color:#665b4cd1;font-size:14px;font-weight:400;line-height:1.52}.phrase-explanation-save.base-button{white-space:nowrap;min-height:38px;padding:0 13px;font-size:12px}.phrase-explanation-save-message{margin:-4px 0 0}@media (width>=721px){.phrase-explanation-card{border-radius:var(--radius);background:#fffef94d;border:1px solid #342e2713;padding:13px 14px}}.phrase-explanation-section{gap:7px;display:grid}.phrase-explanation-section h3{color:var(--ink-980);font-family:var(--font-serif);font-size:17px;line-height:1.15}.phrase-explanation-section ul{gap:7px;margin:0;padding-left:18px;display:grid}.phrase-explanation-section li{color:#393129d6;gap:3px;font-size:14px;line-height:1.45;display:grid}.phrase-explanation-section li div{flex-wrap:wrap;align-items:baseline;gap:6px 9px;display:flex}.phrase-explanation-section li strong{color:var(--ink-980);font-family:var(--font-hanzi);font-size:17px;font-weight:700;line-height:1.15}.phrase-explanation-section li span{color:#873528d1;white-space:nowrap;font-size:13px;font-weight:780;line-height:1.2}.phrase-explanation-section li small,.phrase-explanation-section li em{color:#665b4cc7;font-size:13px;font-style:normal}.phrase-explanation-section li em{margin-top:2px;display:block}@keyframes phraseExplanationPulse{0%,to{transform:translateY(0);box-shadow:0 0 #87352814}50%{transform:translateY(-1px);box-shadow:0 0 0 8px #8735280a}}@keyframes phraseExplanationStepFade{0%,to{opacity:.52}45%{opacity:1}}.exposure-more-action{justify-self:start}.exposure-list,.lesson-chip-row,.sound-atlas-grid{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.exposure-item,.lesson-sound-chip,.sound-atlas-cell{border-radius:var(--radius);color:var(--ink-760);cursor:pointer;text-align:left;background:#fffef947;border:1px solid #342e2714}.exposure-item{background:#fffef92e;border-color:#342e2711;gap:5px;width:min(260px,100%);padding:12px 13px 13px;display:grid}.exposure-item strong{color:var(--ink-980);font-family:var(--font-sans);overflow-wrap:anywhere;font-size:20px;font-weight:800}.exposure-item span{color:var(--ink-900);font-family:var(--font-hanzi);font-size:20px;font-weight:700}.exposure-item small{color:#665b4cc7;line-height:1.45}.exposure-item em{color:#873528d1;font-size:12px;font-style:normal;line-height:1.38}.exposure-item--active,.lesson-sound-chip--active,.sound-atlas-cell--active,.exposure-item:hover,.lesson-sound-chip:hover,.sound-atlas-cell:not(.sound-atlas-cell--static):not(:disabled):hover{background:linear-gradient(180deg, #e4ebe652, #fffef961), var(--xuan-50);border-color:#4d665d2e}.lesson-sound-chip{overflow-wrap:anywhere;min-width:76px;max-width:100%;padding:9px 11px;display:grid}.lesson-sound-chip strong{color:var(--ink-980);font-family:var(--font-sans);font-size:17px;font-weight:800;line-height:1.15}.lesson-sound-chip span{color:var(--ink-500);font-family:var(--font-hanzi);font-size:17px}.lesson-sound-chip--heard{border-color:#87352824}.lesson-sound-chip--heard span{color:var(--celadon-760)}.lesson-sound-chip--recognized{background:#e4ebe65c;border-color:#4d665d38}.lesson-sound-chip--recognized span{color:var(--celadon-760)}.lesson-sound-path,.sound-atlas{background:linear-gradient(#fffef942,#f2ebde14),#fffef924;border-color:#342e270b;padding:0}.lesson-sound-path summary,.sound-atlas summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;list-style:none;display:flex}.lesson-sound-path summary::-webkit-details-marker{display:none}.sound-atlas summary::-webkit-details-marker{display:none}.lesson-sound-path summary:after,.sound-atlas summary:after{content:"";border-bottom:1px solid #8735288f;border-right:1px solid #8735288f;width:10px;height:10px;transition:transform .18s;transform:rotate(45deg)}.lesson-sound-path[open] summary:after,.sound-atlas[open] summary:after{transform:rotate(225deg)}.lesson-sound-path summary strong,.sound-atlas summary strong{color:#393129db;font-family:var(--font-serif);font-size:16px;display:block}.lesson-sound-path summary small,.sound-atlas summary small{color:#8a7d6bad;font-size:12px;font-weight:680;display:block}.sound-atlas summary>span{gap:7px;display:grid}.sound-atlas summary strong{align-items:center;gap:8px;display:inline-flex}.sound-atlas-info-button{width:19px;height:19px;color:var(--celadon-760);font-family:var(--font-sans);cursor:help;background:#e4ebe661;border:1px solid #4d665d38;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:880;line-height:1;display:inline-grid}.sound-atlas-info-button:hover{background:#e4ebe694;border-color:#4d665d57}.sound-atlas-info-popover{border-radius:var(--radius);background:#fffef98f;border:1px solid #4d665d29;gap:10px;margin:0 18px 14px;padding:12px 13px;display:grid;box-shadow:0 14px 28px #30271f0f}.sound-atlas-info-popover p{color:#393129c7;margin:0;font-size:13px;line-height:1.48}.sound-atlas-info-popover button{color:#873528db;cursor:pointer;background:#efd8cf2e;border:1px solid #87352829;border-radius:999px;justify-self:start;padding:6px 11px;font-size:12px;font-weight:820}.lesson-sound-path-body{padding:0 18px 18px}.lesson-sound-path-body .lesson-chip-row,.sound-atlas-grid{margin-top:0}.sound-atlas-grid--ambient{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:7px;max-height:min(46vh,520px);padding:0 18px 18px;display:grid;overflow-y:auto}.sound-atlas-cell{min-width:0;max-width:100%;min-height:38px;font-family:var(--font-sans);overflow-wrap:anywhere;text-align:center;white-space:normal;border-radius:999px;padding:7px 9px;font-size:clamp(11px,1.4vw,14px);font-weight:790;line-height:1.15}.sound-atlas-cell:disabled{cursor:default}.sound-atlas-cell--static{cursor:default;justify-content:center;align-items:center;display:inline-flex}.sound-atlas-cell--unseen{color:#665b4c57;background:#fffef91f;border-color:#342e270b}.sound-atlas-cell--heard{color:#393129bd;background:#fffef957;border-color:#87352821}.sound-atlas-cell--recognized{color:var(--celadon-760);background:#e4ebe67a;border-color:#4d665d42;font-weight:900}.pinyin-page--guided{--first-sounds-ink:#121826;--first-sounds-teal:#247c73;--first-sounds-coral:#e0644b;--first-sounds-gold:#c89a3a;--first-sounds-blue:#315b72;gap:16px}.pinyin-page--guided .foundation-lesson,.pinyin-page--guided .phrase-explanation,.pinyin-page--guided .lesson-path-picker,.pinyin-page--guided .sound-atlas{background:linear-gradient(135deg,#fffef9e0,#e8f6f157 48%,#ffefe93d),#fffef9bd;border-color:#24746b21;box-shadow:0 16px 38px #1218260e,inset 0 1px #fffef9c7}.pinyin-page--guided .foundation-lesson{grid-template-rows:auto auto minmax(330px,auto) auto;min-height:0;padding:clamp(20px,3vw,30px)}.pinyin-page--guided .foundation-lesson:after{content:"";background:linear-gradient(90deg, var(--first-sounds-blue), var(--first-sounds-teal), var(--first-sounds-coral));border-radius:0 0 999px 999px;height:3px;position:absolute;top:0;left:20px;right:20px}.pinyin-page--guided .foundation-lesson:before,.pinyin-page--guided .phrase-explanation:before,.pinyin-page--guided .lesson-path-picker:before,.pinyin-page--guided .sound-atlas:before{opacity:.1}.foundation-lesson-topline h2{color:var(--first-sounds-ink);font-family:var(--font-sans);letter-spacing:0;font-size:clamp(30px,4vw,48px);font-weight:930}.foundation-lesson-topline p:not(.eyebrow){color:#1218269e;max-width:46rem;font-size:15px}.foundation-lesson-stats{flex-wrap:wrap;gap:9px;padding-top:6px;display:flex}.foundation-lesson-stats span{border-radius:var(--radius);background:#fffef994;border:1px solid #24746b1f;gap:2px;min-width:116px;padding:9px 11px;display:grid;box-shadow:inset 0 1px #fffef9b8}.foundation-lesson-stats small{color:#1218267a;text-transform:uppercase;font-size:10px;font-weight:900}.foundation-lesson-stats strong{color:var(--first-sounds-ink);font-size:18px;font-weight:920;line-height:1}.pinyin-page--guided .foundation-progress{background:#12182614;height:10px;box-shadow:inset 0 1px 2px #12182614}.pinyin-page--guided .foundation-progress i{background:linear-gradient(90deg, var(--first-sounds-blue), var(--first-sounds-teal), var(--first-sounds-coral))}.pinyin-page--guided .lesson-stage-shell{min-height:0}.pinyin-page--guided .lesson-phrase-pane,.pinyin-page--guided .lesson-exercise-pane,.pinyin-page--guided .lesson-retrieval-pane{border-radius:var(--radius);background:linear-gradient(#fffef9c7,#fffef961),#fffef985;border:1px solid #24746b1f;box-shadow:inset 0 1px #fffef9c7,0 10px 24px #1218260a}.pinyin-page--guided .lesson-phrase-pane{border-top:1px solid #24746b1f;gap:14px;min-height:302px;padding:22px}.pinyin-page--guided .phrase-sound-ribbon{background:#edf7f4c7;border:1px solid #315b7226;border-radius:999px;grid-template-columns:auto auto;justify-self:center;align-items:baseline;gap:2px 9px;padding:8px 12px;display:inline-grid}.pinyin-page--guided .phrase-sound-ribbon span{color:#12182675;text-transform:uppercase;font-size:10px;font-weight:900}.pinyin-page--guided .phrase-sound-ribbon strong{color:var(--first-sounds-teal);font-size:17px;font-weight:930}.pinyin-page--guided .phrase-sound-ribbon small{color:#1218268f;grid-column:1/-1;font-size:12px;font-weight:760}.pinyin-page--guided .phrase-helper{color:#12182685;max-width:38rem;font-size:14px;font-weight:760}.pinyin-page--guided .phrase-pinyin{color:var(--first-sounds-ink);padding-bottom:.08em;font-size:clamp(42px,5.6vw,70px);font-weight:930;line-height:1.12}.pinyin-page--guided .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(32px,4vw,48px)}.pinyin-page--guided .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(25px,3vw,38px)}.pinyin-page--guided .phrase-hanzi span{color:#121826d1;font-size:clamp(28px,3vw,40px)}.pinyin-page--guided .phrase-meaning{color:#1218269e;font-size:16px}.pinyin-page--guided .lesson-exercise-pane{min-height:0;padding:20px}.pinyin-page--guided .stage-action-panel,.pinyin-page--guided .stage-button-row,.pinyin-page--guided .shadow-practice-strip{width:100%}.pinyin-page--guided .stage-audio-button{background:linear-gradient(#fffef9db,#edf7f47a),#fffef98a;border-color:#24746b2e;box-shadow:0 10px 24px #1218260f}.pinyin-page--guided .stage-audio-button span{background:linear-gradient(145deg, var(--first-sounds-teal), #165d56)}.pinyin-page--guided .stage-audio-button--primary{min-width:194px}.pinyin-page--guided .shadow-practice-strip{border-radius:var(--radius);background:#fffef96b;border:1px solid #315b721f;padding:11px}.pinyin-page--guided .shadow-record-button{color:var(--first-sounds-blue);background:linear-gradient(#fffef9d6,#eff4f780),#fffef98a}.pinyin-page--guided .foundation-actions{padding-top:14px}.pinyin-page--guided .lesson-path-picker{grid-template-columns:minmax(150px,.25fr) minmax(240px,1fr) auto}.pinyin-page--guided .lesson-path-picker strong,.pinyin-page--guided .phrase-explanation-toggle strong,.pinyin-page--guided .sound-atlas summary strong{color:var(--first-sounds-ink);font-family:var(--font-sans);font-weight:920}.pinyin-page--guided .lesson-path-picker select{background:linear-gradient(#fffef9e0,#edf7f45c),#fffef99e;border-color:#24746b24}.pinyin-page--guided .sound-atlas-grid--ambient{gap:6px}.pinyin-page--guided .sound-atlas-cell{border-radius:999px}.pinyin-page--guided .sound-atlas-cell--recognized{color:#155e56;background:#ddf4eeb8;border-color:#24746b47}.pinyin-page--guided .sound-token--retrieval{background:linear-gradient(#fffef9c7,#edf7f459),#fffef980;border-color:#24746b21}.pinyin-page--guided .sound-token--retrieval strong{color:var(--first-sounds-ink);font-size:26px;font-weight:930}@media (width>=921px){.pinyin-page--guided .lesson-stage-shell--immersion,.pinyin-page--guided .lesson-stage-shell--recognition{grid-template-columns:minmax(0,1fr) minmax(272px,.48fr);gap:16px}.pinyin-page--guided .lesson-stage-shell--immersion .lesson-phrase-pane,.pinyin-page--guided .lesson-stage-shell--recognition .lesson-phrase-pane{grid-column:1}.pinyin-page--guided .lesson-stage-shell--immersion .lesson-exercise-pane,.pinyin-page--guided .lesson-stage-shell--recognition .lesson-exercise-pane{grid-column:2}.pinyin-page--guided .lesson-exercise-pane{align-content:center}}.dashboard-tree-progress-section{display:grid}.dashboard-tree-card.mandarin-tree-card{box-shadow:0 8px 22px #24201b09}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-art{width:138px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-info{gap:9px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{color:#665b4cb8;font-size:13px;line-height:1.35}.dashboard-section-label{align-items:center;gap:12px;padding:4px 2px 3px;display:flex}.dashboard-section-label:after{content:"";background:linear-gradient(90deg,#87352829,#87352812 36%,#e7ddca2e 68%,#0000);flex:auto;height:1px}.dashboard-section-label .eyebrow{color:#873528b8;letter-spacing:.075em;font-weight:680;line-height:1.1}.dashboard-card-grid,.dashboard-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-card-grid .feature-panel{min-height:132px;padding:22px}.dashboard-learn-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-learn-grid .feature-panel:first-child{min-height:118px}.dashboard-learn-grid .dashboard-path-card{grid-column:span 2;min-height:118px}.dashboard-learn-grid .dashboard-applied-card{grid-column:span 3;min-height:132px}.dashboard-learn-grid .dashboard-path-card h3{font-size:22px}.dashboard-learn-grid .dashboard-path-card p{line-height:1.54}.dashboard-secondary-card--coming-soon{color:#393129b8;background:linear-gradient(#fffef980,#f2ebde3d),#fffef96b;border-color:#342e2713}.dashboard-secondary-card--coming-soon .feature-mark{opacity:.68}.dashboard-secondary-card--coming-soon h3,.dashboard-secondary-card--coming-soon p{opacity:.78}.dashboard-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-secondary-grid .feature-panel{min-height:132px;padding:22px}.srs-dashboard-entry{border-radius:var(--radius);background:linear-gradient(110deg, #fffef9c2, #efd8cf42 58%, #e4ebe633), var(--xuan-50);border:1px solid #342e271b;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:132px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 26px #24201b0b}.dashboard-practice-grid .srs-dashboard-entry{min-height:132px}.srs-dashboard-entry:before{pointer-events:none;content:"";opacity:.2;background:repeating-linear-gradient(96deg,#0000 0 22px,#8735280e 24px 25px,#0000 27px 48px),linear-gradient(100deg,#0000,#fffef980,#0000);position:absolute;inset:0}.srs-dashboard-entry>*{position:relative}.dashboard-card-copy{grid-template-columns:46px minmax(0,1fr);gap:7px 17px;min-width:0;display:grid}.dashboard-card-header{display:contents}.dashboard-card-mark{grid-area:1/1}.dashboard-card-title{grid-column:2;min-width:0}.dashboard-card-copy>p{grid-column:2}.srs-dashboard-mark,.profile-summary-avatar{color:var(--cinnabar-750);background:linear-gradient(145deg, #fffef9e6, #efd8cf80), var(--xuan-50);font-family:var(--font-hanzi);border:1px solid #87352833;place-items:center;display:grid}.srs-dashboard-mark{border-radius:50%;width:46px;height:46px;font-size:25px}.srs-dashboard-copy h3{color:var(--ink-980);font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:26px;line-height:1.05;overflow:hidden}.srs-dashboard-copy p{color:var(--ink-620);line-height:1.48}.srs-dashboard-actions,.profile-summary-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.dashboard-practice-grid .srs-dashboard-actions{flex-direction:column;flex:none;justify-content:center;align-items:stretch;gap:8px;width:132px}.dashboard-practice-grid .review-due-link,.dashboard-practice-grid .srs-dashboard-actions .quiet-link{width:100%;min-height:42px;padding-inline:12px}.srs-dashboard-actions .quiet-link{border-radius:var(--radius);color:#5c5042ad;white-space:nowrap;background:#fffef938;border:1px solid #4d665d1c;justify-content:center;align-items:center;min-height:45px;padding:0 2px;font-size:14px;font-weight:650;display:inline-flex}.srs-dashboard-actions .quiet-link:hover{background:#fffef95c;border-color:#4d665d2e}.pinyin-dashboard-entry,.conversation-dashboard-entry{border-radius:var(--radius);min-height:142px;color:inherit;background:linear-gradient(110deg, #fffef9b8, #e4ebe63d 58%, #efd8cf2e), var(--xuan-50);border:1px solid #342e271b;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;padding:24px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 26px #24201b0b}.pinyin-dashboard-entry:before,.conversation-dashboard-entry:before{pointer-events:none;content:"";opacity:.22;background:repeating-linear-gradient(96deg,#0000 0 22px,#4d665d0f 24px 25px,#0000 27px 48px),linear-gradient(100deg,#0000,#fffef980,#0000);position:absolute;inset:0}.pinyin-dashboard-entry>*,.conversation-dashboard-entry>*{position:relative}.pinyin-dashboard-entry:hover,.conversation-dashboard-entry:hover{border-color:#4d665d38;transform:translateY(-1px);box-shadow:0 16px 36px #24201b11}.conversation-dashboard-entry{background:linear-gradient(110deg, #fffef9bd, #efd8cf3d 56%, #e4ebe62e), var(--xuan-50)}.conversation-dashboard-entry:before{background:repeating-linear-gradient(96deg,#0000 0 22px,#8735280d 24px 25px,#0000 27px 48px),linear-gradient(100deg,#0000,#fffef980,#0000)}.pinyin-dashboard-mark,.conversation-dashboard-mark{width:60px;height:60px;color:var(--celadon-760);background:linear-gradient(145deg, #fffef9e6, #e4ebe694), var(--xuan-50);font-family:var(--font-hanzi);border:1px solid #4d665d33;border-radius:50%;place-items:center;font-size:32px;display:grid}.conversation-dashboard-mark{color:var(--cinnabar-750);background:linear-gradient(145deg, #fffef9e6, #efd8cf8a), var(--xuan-50);border-color:#87352833}.pinyin-dashboard-copy h3,.conversation-dashboard-copy h3{color:var(--ink-980);font-family:var(--font-serif);margin:2px 0 0;font-size:27px;line-height:1.08}.pinyin-dashboard-copy p,.conversation-dashboard-copy p{color:var(--ink-620);line-height:1.62}.profile-page{padding-top:8px}.profile-summary{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.profile-summary img,.profile-summary-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px}.profile-summary-avatar{font-size:31px}.profile-summary-copy{gap:6px;display:grid}.profile-summary-copy h2{font-family:var(--font-serif);font-size:30px;line-height:1.05}.profile-summary-actions{justify-content:flex-end}.profile-hub-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-hub-link{border-radius:var(--radius);min-height:76px;color:var(--ink-760);background:linear-gradient(#fffef99e,#f2ebde33),#fffef957;border:1px solid #342e2716;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:14px;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:grid}.profile-hub-link:hover{color:var(--ink-980);background:linear-gradient(#fffef9bd,#e4ebe633),#fffef975;border-color:#4d665d2e;transform:translateY(-1px);box-shadow:0 8px 20px #24201b0a}.profile-hub-link:active{box-shadow:none;transform:translateY(0)}.profile-hub-link:focus-visible{outline-offset:2px;outline:3px solid #4d665d2e}.profile-hub-mark{width:42px;height:42px;color:var(--cinnabar-750);font-family:var(--font-hanzi);background:linear-gradient(145deg,#fffef9d1,#efd8cf57),#fffef975;border:1px solid #87352826;border-radius:50%;place-items:center;font-size:22px;display:grid}.profile-hub-link span:last-child{gap:3px;min-width:0;display:grid}.profile-hub-link strong{color:var(--ink-980);font-family:var(--font-serif);font-size:18px;line-height:1.1}.profile-hub-link small{color:#665b4ca8;font-size:12px;font-weight:680;line-height:1.35}.profile-tags{flex-wrap:wrap;grid-column:2/3;gap:8px;display:flex}.profile-tags span{color:var(--ink-620);background:#fffef994;border:1px solid #342e2717;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.profile-mobile-signout-row{display:none}.profile-progress-section{gap:28px;display:grid}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px;display:grid}.profile-story-stack{gap:16px;display:grid}.profile-detail-grid .base-card{gap:10px;display:grid}.profile-fact-list{gap:12px;margin:0;display:grid}.profile-fact-list div{border-bottom:1px solid #342e2714;justify-content:space-between;gap:16px;padding-block:10px;display:flex}.profile-fact-list div:last-child{border-bottom:0}.profile-fact-list dt{color:var(--ink-500);font-size:13px;font-weight:760}.profile-fact-list dd{color:var(--ink-980);text-align:right;margin:0;font-weight:830}@media (width>=1040px){.profile-progress-section{grid-template-columns:minmax(0,1.48fr) minmax(340px,1fr);align-items:stretch;gap:22px}.profile-progress-section .profile-tree-card{align-self:stretch}.profile-progress-section .profile-tree-card .mandarin-tree-layout{gap:20px;min-height:306px;padding:22px 26px}.profile-progress-section .profile-tree-card .mandarin-tree-layout--visual-only{min-height:306px}.profile-progress-section .profile-tree-card .mandarin-tree-stage-frame{width:min(100%,292px)}.profile-progress-section .profile-tree-card.mandarin-tree-card--visual-only .mandarin-tree-stage-frame{width:min(100%,332px)}.profile-progress-section .profile-stat-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-self:stretch;gap:16px}.profile-progress-section .stat-tile{min-height:0;padding:18px}.profile-progress-section .stat-tile strong{font-size:38px}.profile-detail-grid{grid-template-columns:minmax(0,1.48fr) minmax(340px,1fr);gap:22px}}.community-lounge-page{--lounge-ink:#121417;--lounge-body:#59635f;--lounge-faint:#7b8580;--lounge-line:#1214171a;--lounge-line-strong:#1214172e;--lounge-paper:#fffdf8;--lounge-paper-soft:#f9f7f0;--lounge-panel:#fffdf8db;--lounge-mist:#eef5f2;--lounge-jade:#07584f;--lounge-jade-2:#0f7468;--lounge-coral:#db6a4e;--lounge-shadow:0 18px 48px #12141711;gap:8px;width:min(1080px,100%);margin-inline:auto}.community-lounge-shell{box-shadow:none;background:0 0;border:0;border-radius:0;gap:8px;display:grid;overflow:visible}.community-conversation-frame{border:1px solid var(--lounge-line);background:var(--lounge-panel);box-shadow:var(--lounge-shadow);border-radius:8px;gap:0;margin:0;display:grid;overflow:hidden}.community-lounge-head{min-height:36px;box-shadow:none;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex;position:relative}.community-lounge-head:before{content:none;display:none}.community-room-mark{width:58px;height:58px;color:var(--xuan-50);background:linear-gradient(145deg, #23635cf2, #45372be6), var(--celadon-820);font-family:var(--font-hanzi);border:1px solid #4d665d33;border-radius:50%;place-items:center;font-size:30px;display:grid;box-shadow:0 12px 24px #24201b1f,inset 0 1px #fffef938}.community-title-stack{gap:7px;min-width:0;display:grid}.community-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.community-title-copy{gap:7px;min-width:0;display:grid}.community-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin-left:auto;display:flex}.community-lounge-head h2{color:var(--ink-980);font-family:var(--font-sans);letter-spacing:0;font-size:clamp(30px,3vw,40px);font-weight:950;line-height:1}.community-room-status-strip{flex-wrap:wrap;gap:6px;display:flex;position:relative}.community-room-status-chip{appearance:none;border:1px solid var(--lounge-line);min-height:34px;color:var(--lounge-body);box-shadow:none;background:#fffdf8b8;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.community-room-status-chip--presence{cursor:pointer;transition:border-color .16s,background-color .16s,box-shadow .16s,color .16s,transform .16s}.community-room-status-chip--presence:hover,.community-room-status-chip--presence:focus-visible,.community-room-status-chip--presence[aria-expanded=true]{color:var(--lounge-jade);background:var(--lounge-mist);box-shadow:none;border-color:#07584f38}.community-room-status-chip--presence:active{transform:translateY(1px)}.community-room-status-chip--presence:before{background:var(--lounge-jade-2);content:"";border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #07584f14,0 0 12px #07584f38}.community-presence-popover{z-index:32;width:min(210px,100vw - 48px);color:var(--ink-760);background:linear-gradient(180deg, #fffef9f7, #f4efe5f0), var(--xuan-50);border:1px solid #342e271f;border-radius:12px;gap:7px;padding:10px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 16px 34px #24201b21,inset 0 1px #fffef9e0}.community-presence-popover p{color:#873528d6;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:920;line-height:1}.community-presence-popover ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.community-presence-popover li{color:#201d19db;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;font-weight:780;line-height:1.3;overflow:hidden}.community-room-status-chip small{color:var(--lounge-faint);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:900}.community-room-status-chip strong{color:var(--lounge-ink);font-size:12px;font-weight:920;line-height:1}.community-notification-trigger{border:1px solid var(--lounge-line);min-height:34px;color:var(--lounge-jade);cursor:pointer;box-shadow:none;background:#fffdf8b8;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;font-weight:820;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.community-notification-trigger svg,.community-composer-tools svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:14px;height:14px}.community-notification-trigger span{color:#fffdf8;background:var(--lounge-coral);border-radius:6px;place-items:center;min-width:18px;height:18px;font-size:10px;font-weight:900;line-height:1;display:grid}.community-notification-trigger:hover,.community-notification-trigger:focus-visible,.community-notification-trigger--active,.community-notification-trigger--unread{color:#fffdf8;background:var(--lounge-jade);border-color:#07584f38}.community-notification-trigger:active{transform:translateY(1px)}.community-room-switcher{border-bottom:1px solid var(--lounge-line);box-shadow:none;background:#fffdf8c2;gap:7px;padding:8px;display:grid}.community-room-switcher__head{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.community-room-switcher__head span{color:var(--lounge-jade);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:940;line-height:1}.community-room-switcher__head small{color:#665b4c9e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;overflow:hidden}.community-room-switcher__side{align-items:center;gap:10px;min-width:0;display:inline-flex}.community-room-tabs{box-shadow:none;background:#fffdf894;border:1px solid #12141713;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:3px;display:grid}.community-room-tabs button{min-width:0;height:44px;color:var(--lounge-faint);cursor:pointer;text-align:center;white-space:normal;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:12px;font-weight:880;line-height:1;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.community-room-tabs button strong{overflow-wrap:anywhere;min-width:0;font-weight:inherit;line-height:1.1}.community-room-tabs button span{width:28px;height:28px;font-family:var(--font-hanzi);background:#fffdf8b8;border:1px solid #07584f1a;border-radius:8px;flex:0 0 28px;place-items:center;font-size:16px;transition:background-color .16s,border-color .16s,color .16s;display:grid}.community-room-tabs button:hover,.community-room-tabs button:focus-visible{border-color:var(--lounge-line);color:var(--lounge-jade);box-shadow:none;background:#fffdf8e6}.community-room-tabs button.active{color:var(--lounge-jade);background:var(--lounge-mist);box-shadow:none;border-color:#07584f2e}.community-room-tabs button.active span{color:#fffdf8;background:var(--lounge-jade);border-color:#0000}.community-room-tabs button:active{transform:translateY(1px)}.community-conversation-frame>.form-error,.community-conversation-frame>.form-success{margin:10px 14px 0}.community-chat-stage{min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.community-notifications-panel{background:linear-gradient(#fffef9a8,#e4ebe633),#fffef957;border-bottom:1px solid #402e1914;gap:8px;padding:10px 18px 12px;display:grid}.community-notifications-panel--focused{background:linear-gradient(#f1f6f294,#fffef96b),#fffef95c;align-content:start;min-height:clamp(280px,44vh,500px)}.community-notifications-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.community-notifications-head span,.community-notifications-note{color:#665b4c94;font-size:12px;font-weight:680}.community-notifications-note{margin:0}.community-notification-list{gap:6px;display:grid}.community-notification-item{border-radius:var(--radius);width:100%;color:var(--ink-620);cursor:pointer;text-align:left;background:#fffef970;border:1px solid #342e2713;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.community-notification-item:hover,.community-notification-item:focus-visible{background:#fffef9b3;border-color:#4d665d2e;transform:translateY(-1px)}.community-notification-item--unread{background:#efd8cf33;border-color:#87352829}.community-notification-avatar{width:28px;height:28px}.community-notification-item>span{gap:2px;min-width:0;font-size:12px;line-height:1.3;display:grid}.community-notification-item strong{color:var(--ink-760);font-weight:850}.community-notification-item small{color:#665b4cad;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:620;display:block;overflow:hidden}.community-notification-item time{color:#665b4c75;white-space:nowrap;font-size:11px;font-weight:720}.community-message-list{overscroll-behavior:contain;scroll-behavior:smooth;background:linear-gradient(#fffdf88a,#f9f7f05c),#fffdf866;align-content:start;gap:2px;height:clamp(470px,62vh,700px);min-height:0;padding:14px 18px 16px;display:grid;position:relative;overflow-y:auto}.community-copy-toast{z-index:34;width:max-content;max-width:calc(100% - 36px);min-height:42px;color:var(--xuan-50);pointer-events:none;white-space:nowrap;background:linear-gradient(#2c463ef5,#1a2b26f5),#1a2b26;border:1px solid #1f342d2e;border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 8px;font-size:12.5px;font-weight:850;line-height:1;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #24201b33,0 3px 10px #24201b1f,inset 0 1px #fffef929}.community-copy-toast__icon{width:28px;height:28px;color:var(--celadon-820);background:#fffef9e6;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px #fffef9b3}.community-copy-toast__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:16px;height:16px}.community-copy-toast-enter-active,.community-copy-toast-leave-active{transition:opacity .14s,transform .14s,filter .14s}.community-copy-toast-enter-from,.community-copy-toast-leave-to{opacity:0;filter:blur(2px);transform:translate(-50%)translateY(8px)scale(.98)}.community-resource-room{background:linear-gradient(#fffdf885,#f9f7f057),#fffdf857;align-content:start;gap:10px;min-height:clamp(420px,58vh,640px);padding:14px;display:grid;overflow-y:auto}.community-resource-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.community-resource-filter-control{align-items:center;gap:8px;min-width:0;display:inline-flex}.community-resource-filter-summary{min-width:0;color:var(--lounge-body);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:780;display:inline-flex;overflow:hidden}.community-resource-filter-summary small{color:var(--lounge-faint);flex:none;font-size:10.5px;font-weight:800}.community-resource-filters{border:1px solid var(--lounge-line);background:#fffdf89e;border-radius:8px;flex-wrap:wrap;gap:6px;padding:8px;display:flex}.community-resource-filters button,.community-resource-filter-toggle,.community-resource-add,.community-resource-form-footer button,.community-resource-card button{border:1px solid var(--lounge-line);min-height:30px;color:var(--lounge-jade);cursor:pointer;background:#fffdf8ad;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:850;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s;display:inline-flex}.community-resource-filter-toggle{width:34px;padding:0}.community-resource-filters button:hover,.community-resource-filters button:focus-visible,.community-resource-filters button.active,.community-resource-filter-toggle:hover,.community-resource-filter-toggle:focus-visible,.community-resource-filter-toggle[aria-expanded=true],.community-resource-add:hover,.community-resource-add:focus-visible,.community-resource-form-footer button:hover,.community-resource-form-footer button:focus-visible{color:var(--lounge-jade);background:var(--lounge-mist);border-color:#07584f38}.community-resource-filters button.active,.community-resource-filter-toggle[aria-expanded=true]{color:#fffdf8;background:var(--lounge-jade)}.community-resource-filter-toggle svg{stroke-width:2px;flex:none;width:17px;height:17px}.community-resource-add{color:#fffdf8;background:var(--lounge-coral);box-shadow:none;flex:none}.community-resource-add:hover,.community-resource-add:focus-visible{color:#fffdf8;background:#c9573f;transform:translateY(-1px)}.community-resource-form{border:1px solid var(--lounge-line);background:#fffdf8ad;border-radius:8px;gap:10px;padding:11px;display:grid}.community-resource-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.community-resource-form label{gap:5px;min-width:0;display:grid}.community-resource-form label span{color:#665b4c9e;font-size:11px;font-weight:820}.community-resource-form input,.community-resource-form select,.community-resource-form textarea{border:1px solid var(--lounge-line);width:100%;min-width:0;color:var(--lounge-ink);background:#fffdf8bd;border-radius:8px;font-size:13px}.community-resource-form input,.community-resource-form select{min-height:38px;padding:0 10px}.community-resource-form textarea{resize:vertical;min-height:72px;padding:9px 10px}.community-resource-form input:focus,.community-resource-form select:focus,.community-resource-form textarea:focus{border-color:#4d665d57;outline:none;box-shadow:0 0 0 3px #4d665d14}.community-resource-note-field{grid-column:1/-1}.community-resource-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.community-resource-form-footer>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.community-resource-form-footer small{color:#665b4c8f;font-size:11px;font-weight:720}.community-resource-form-footer small.warning{color:var(--cinnabar-750)}.community-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.community-resource-card{border:1px solid var(--lounge-line);background:#fffdf8bd;border-radius:8px;gap:7px;min-width:0;padding:12px;display:grid}.community-resource-card-head,.community-resource-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.community-resource-card-head span{min-height:24px;color:var(--lounge-jade);background:var(--lounge-mist);border:1px solid #07584f1f;border-radius:8px;padding:5px 8px 0;font-size:10px;font-weight:880}.community-resource-card-head time,.community-resource-host{color:var(--lounge-faint);font-size:11px;font-weight:720}.community-resource-title{color:var(--lounge-ink);font-family:var(--font-serif);overflow-wrap:anywhere;font-size:18px;font-weight:780;line-height:1.18;text-decoration:none}.community-resource-title:hover,.community-resource-title:focus-visible{color:var(--lounge-coral)}.community-resource-host,.community-resource-note{margin:0}.community-resource-note{color:var(--lounge-body);overflow-wrap:anywhere;font-size:13px;line-height:1.42}.community-resource-tags{flex-wrap:wrap;gap:5px;display:flex}.community-resource-tags span{color:var(--lounge-body);background:#fffdf88a;border:1px solid #12141713;border-radius:8px;padding:3px 7px;font-size:10px;font-weight:820}.community-resource-footer{padding-top:2px}.community-resource-footer>span{min-width:0;color:var(--lounge-faint);align-items:center;gap:6px;font-size:11px;font-weight:780;display:inline-flex}.community-resource-avatar{width:22px;height:22px}.community-resource-card button{color:#9d3e2d;background:#db6a4e1a;border-color:#db6a4e33;min-height:26px}.community-resource-card button:hover,.community-resource-card button:focus-visible{color:#7d2e23;background:#db6a4e29;border-color:#db6a4e4d}.community-new-messages{z-index:3;color:var(--celadon-820);cursor:pointer;background:#fffef9f0;border:1px solid #4d665d2e;border-radius:999px;justify-self:center;margin:8px 0 -4px;padding:6px 11px;font-size:12px;font-weight:840;position:sticky;top:8px;box-shadow:0 8px 18px #24201b0d}.community-message{z-index:0;background:0 0;border:1px solid #0000;border-radius:16px;grid-template-columns:32px minmax(0,1fr);gap:5px 12px;margin:0;padding:9px 12px 8px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;animation:.24s both community-message-enter;display:grid;position:relative}.community-message+.community-message:not(.community-message--grouped){margin-top:18px}.community-message--grouped{margin-top:-3px;padding-top:3px;padding-bottom:4px}.community-message--grouped-next{padding-bottom:4px}.community-message--mine{background:#e2e9e416;border-color:#4d665d0e}.community-message:hover,.community-message:focus-visible{z-index:2;background:#fffef95c;border-color:#4d665d1a;transform:translateY(-1px);box-shadow:0 10px 24px #24201b09}.community-message:has(.community-message-action-cluster :focus-visible){z-index:2;background:#fffef95c;border-color:#4d665d1a;transform:translateY(-1px);box-shadow:0 10px 24px #24201b09}.community-message:focus-visible{outline:none;box-shadow:0 0 0 3px #4d665d14}.community-message--grouped-next:not(.community-message--grouped){border-bottom-right-radius:8px;border-bottom-left-radius:8px}.community-message--grouped{border-top-left-radius:8px;border-top-right-radius:8px}.community-message--grouped.community-message--grouped-next{border-radius:8px}.community-message--grouped:not(.community-message--grouped-next){border-bottom-right-radius:16px;border-bottom-left-radius:16px}.community-message--highlighted{background:#efd8cf33;border-color:#87352829}.community-message--mine:hover,.community-message--mine:focus-within{background:#e2e9e42e}.community-message--active{z-index:8}.community-message-avatar{color:#4a1713a3;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;font-family:var(--font-serif);background:linear-gradient(145deg,#fffef9c7,#e7ddca47),#fffef957;border:1px solid #342e2714;border-radius:50%;place-self:start center;place-items:center;margin-top:2px;font-size:13px;font-weight:760;display:grid;position:relative;overflow:hidden}.community-message-avatar img{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.community-message--grouped .community-message-avatar{opacity:0}.community-message-content{justify-self:start;gap:5px;width:min(100%,720px);min-width:0;display:grid;position:relative}.community-message--grouped .community-message-content{gap:4px}.community-message-meta,.community-composer-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.community-message-meta{justify-content:flex-start;min-height:22px}.community-message-meta strong{color:#241e19e6;font-family:var(--font-serif);align-items:baseline;gap:6px;font-size:14px;font-weight:820;line-height:1.1;display:inline-flex}.community-author-link{color:inherit;text-decoration:none;transition:color .16s}.community-author-link:hover{color:var(--cinnabar-750)}.community-level-symbol{font-family:var(--font-sans);opacity:.78;font-size:11px;line-height:1}.community-message-meta time{color:#665b4c70;font-size:11px;font-weight:680}.community-message-time--grouped{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.community-message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#393129eb;flex:auto;min-width:0;margin:0;font-size:15.5px;line-height:1.52}.community-inline-mention{color:#37584cf0;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 48%,#e2e9e485 48%),0 0;border-radius:5px;padding:0 2px;font-weight:760;display:inline}.community-shared-context{background:linear-gradient(#fffef9d6,#e4ebe63d),#fffef975;border:1px solid #4d665d1f;border-radius:14px;gap:8px;width:min(460px,100%);padding:11px 12px;display:grid;box-shadow:inset 0 1px #fffef9b8}.community-shared-context--first-sounds{border-left:3px solid #4d665d80;width:fit-content;max-width:100%}.community-shared-context-head{color:#5c5042b8;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;font-weight:780;line-height:1.15;display:flex}.community-shared-context-head strong{color:var(--celadon-820);font-size:12px;font-weight:860}.community-shared-context-head>span:last-child{color:var(--cinnabar-750);background:#efd8cf38;border:1px solid #87352824;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850}.community-shared-context-mark{width:22px;height:22px;color:var(--celadon-820);font-family:var(--font-serif);background:#fffef97a;border:1px solid #4d665d2e;border-radius:50%;place-items:center;font-size:13px;line-height:1;display:inline-grid}.community-shared-audio{width:fit-content;max-width:100%}.community-message-stack{flex:auto;gap:6px;min-width:0;display:grid}.community-audio-message{width:fit-content;max-width:100%;display:block}.community-message-body-row{min-width:0;display:block;position:relative}.community-message-footer{flex-wrap:wrap;align-items:center;gap:7px;width:fit-content;max-width:100%;padding-top:2px;display:flex;position:relative}.community-reactions{flex-wrap:wrap;gap:5px;width:fit-content;max-width:100%;display:inline-flex}.community-reactions button,.community-message-action-button,.community-action-menu button,.community-reaction-picker button,.community-mobile-reaction-row button,.community-mobile-action-list button{cursor:pointer;border-radius:999px;font-size:12px;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s}.community-reactions button{color:#665b4cc7;background:#fffef975;border:1px solid #342e2712;align-items:center;gap:4px;min-height:26px;padding:0 8px;display:inline-flex}.community-reactions button:hover,.community-reactions button.active{color:var(--ink-980);background:#e4ebe661;border-color:#4d665d38;transform:translateY(-1px)}.community-reactions button:active,.community-message-action-button:active,.community-reaction-picker button:active,.community-action-menu button:active,.community-mobile-reaction-row button:active,.community-mobile-action-list button:active{transform:translateY(1px)}.community-reactions button:disabled,.community-reaction-picker button:disabled,.community-action-menu button:disabled,.community-mobile-reaction-row button:disabled,.community-mobile-action-list button:disabled{cursor:wait;opacity:.58}.community-reactions small{color:var(--ink-500);font-size:11px;font-weight:820}.community-message-action-cluster{z-index:6;opacity:0;pointer-events:none;visibility:hidden;background:linear-gradient(#fffef9f0,#f4eee2db),#fffef9e6;border:1px solid #4d665d1f;border-radius:999px;align-items:center;gap:2px;padding:3px;transition:opacity .16s,visibility .16s,transform .16s,border-color .16s,background-color .16s;display:inline-flex;position:absolute;top:12px;right:10px;transform:translateY(-4px)scale(.98);box-shadow:0 8px 18px #24201b12}.community-message:focus-visible .community-message-action-cluster,.community-message-action-cluster:focus-within,.community-message-action-cluster--open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}@media (hover:hover) and (pointer:fine){.community-message:hover .community-message-action-cluster{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}}.community-message-action-button{color:#49645ac7;background:#fffef96b;border:1px solid #342e270f;place-items:center;width:28px;height:28px;padding:0;display:grid}.community-message-action-button:hover,.community-message-action-button:focus-visible,.community-message-action-button[aria-expanded=true]{color:var(--celadon-820);background:linear-gradient(#fffef9db,#e2e9e447),#fffef999;border-color:#4d665d2e;outline:none}.community-message-action-button--reaction{color:#7e3d30d6}.community-message-action-button--reaction:hover,.community-message-action-button--reaction:focus-visible,.community-message-action-button--reaction[aria-expanded=true]{color:var(--seal-900);background:linear-gradient(#fffef9e0,#efd8cf42),#fffef9ad;border-color:#8735282e}.community-message-action-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:17px;height:17px}.community-message-action-button--more svg circle{fill:currentColor;stroke:none}.community-reaction-action{display:grid;position:relative}.community-reaction-action:before{content:"";height:8px;position:absolute;bottom:100%;left:-6px;right:-176px}.community-thread-actions{flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;padding-top:1px;display:inline-flex}.community-thread-actions:not(.community-thread-actions--visible){z-index:3;padding-top:0;position:absolute;top:calc(100% + 1px);left:0}.community-thread-toggle{color:#41564eb8;cursor:pointer;background:#fffef957;border:1px solid #4d665d1a;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:34px;min-height:28px;padding:0 8px;font-size:11px;font-weight:850;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s;display:inline-flex}.community-thread-toggle:hover,.community-thread-toggle:focus-visible,.community-thread-toggle.active{color:var(--celadon-820);background:#e2e9e44d;border-color:#4d665d3d}.community-thread-toggle:active{transform:translateY(1px)}.community-thread-toggle-icon{place-items:center;width:18px;height:18px;display:grid}.community-thread-toggle-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.82px;width:100%;height:100%;display:block}.community-thread-count{color:#40534cd1;min-width:8px;font-size:10px;font-weight:900;line-height:1}.community-thread-toggle--counted{padding-right:10px}.community-thread-toggle--counted .community-thread-count{padding-left:7px;position:relative}.community-thread-toggle--counted .community-thread-count:before{content:"";background:#4d665d24;width:1px;height:13px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.community-thread-toggle:not(.community-thread-toggle--counted){opacity:0;pointer-events:none;transform:translateY(2px)scale(.96)}.community-thread-actions--visible .community-thread-toggle:not(.community-thread-toggle--counted){opacity:1;pointer-events:auto;transform:none}.community-message:focus-visible .community-thread-toggle:not(.community-thread-toggle--counted){opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.community-message:has(.community-message-action-cluster :focus-visible) .community-thread-toggle:not(.community-thread-toggle--counted){opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}@media (hover:hover) and (pointer:fine){.community-message:hover .community-thread-toggle:not(.community-thread-toggle--counted){opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}}.community-thread-panel{background:0 0;border-left:1px solid #4d665d2e;gap:8px;width:min(560px,100%);margin-top:3px;margin-left:2px;padding:6px 0 5px 13px;display:grid}.community-reply-list{gap:6px;display:grid}.community-reply{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:7px;padding:4px 0;display:grid}.community-reply-avatar{width:24px;height:24px;margin-top:1px}.community-reply-body{gap:3px;min-width:0;display:grid}.community-reply-meta{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.community-reply-meta strong{color:var(--ink-760);font-size:12px;font-weight:850}.community-reply-meta time{color:#665b4c75;font-size:10.5px;font-weight:700}.community-reply-target{color:#49645ac2;background:#e2e9e433;border:1px solid #4d665d1a;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:10px;font-weight:820;display:inline-flex}.community-reply-meta button{color:#873528c7;cursor:pointer;background:#efd8cf2e;border:1px solid #8735281f;border-radius:999px;min-height:22px;padding:0 7px;font-size:10px;font-weight:820}.community-reply-meta button.community-reply-inline-action{color:#49645ab8;background:#fffef96b;border-color:#4d665d1f;place-items:center;width:24px;height:24px;min-height:24px;padding:0;display:inline-grid}.community-reply-meta button.community-reply-inline-action:hover,.community-reply-meta button.community-reply-inline-action:focus-visible{color:var(--celadon-820);background:#e2e9e44d;border-color:#4d665d38}.community-reply-inline-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:14px;height:14px}.community-reply-meta button.community-reply-delete-action{color:#873528c7;opacity:0;pointer-events:none;background:#efd8cf2e;border-color:#8735281f;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s;transform:translateY(1px)}.community-reply:hover .community-reply-delete-action,.community-reply:focus-within .community-reply-delete-action{opacity:1;pointer-events:auto;transform:translateY(0)}.community-reply-meta button.community-reply-delete-action:hover,.community-reply-meta button.community-reply-delete-action:focus-visible{color:var(--seal-900);background:#efd8cf47;border-color:#87352833}.community-reply-meta button:disabled{cursor:wait;opacity:.58}.community-reply-body p{color:var(--ink-620);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.42}.community-reply-audio{width:fit-content;max-width:100%;padding-top:2px}.community-reply-form{gap:6px;width:min(520px,100%);max-width:100%;display:grid}.community-reply-target-chip{color:#5c5042b3;background:linear-gradient(#fffef9b8,#e2e9e43d),#fffef96b;border:1px solid #4d665d1f;border-radius:999px;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:4px 5px 4px 9px;font-size:11px;font-weight:720;display:inline-flex}.community-reply-target-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.community-reply-target-chip strong{color:var(--celadon-820);font-weight:880}.community-reply-target-chip button{color:#5c50429e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.community-reply-target-chip button:hover,.community-reply-target-chip button:focus-visible{color:var(--cinnabar-750);background:#efd8cf38}.community-reply-target-chip svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:13px;height:13px}.community-reply-input-shell{background:linear-gradient(#fffef9d6,#f2ebde4d),#fffef97a;border:1px solid #342e2716;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;min-height:56px;padding:8px;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:inset 0 1px #fffef9c7,0 8px 22px #24201b09}.community-reply-form textarea{width:100%;min-height:38px;max-height:128px;color:var(--ink-760);resize:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:9px 2px 8px;font-size:14px;line-height:1.42;overflow:hidden}.community-reply-input-shell:focus-within{border-color:#4d665d57;box-shadow:inset 0 1px #fffef9b8,0 0 0 3px #4d665d13,0 12px 28px #24201b0b}.community-reply-form textarea:focus{box-shadow:none;outline:none}.community-reply-form textarea:not(:placeholder-shown){resize:vertical;overflow:auto}.community-reply-record-button{width:38px;min-width:38px;height:38px}.community-reply-record-button svg{width:17px;height:17px}.community-reply-record-button svg rect{fill:currentColor;stroke:none}.community-reply-send-button{width:38px;min-width:38px;height:38px;color:var(--xuan-50);background:linear-gradient(180deg, #4a1713eb, #3f1812fa), var(--seal-900);cursor:pointer;border:1px solid #0000;border-radius:50%;place-items:center;transition:background-color .16s,opacity .16s,transform .16s;display:grid;box-shadow:0 7px 14px #4a171324}.community-reply-send-button:hover:not(:disabled),.community-reply-send-button:focus-visible{background:linear-gradient(180deg, #5d221af5, #4a1713), var(--seal-900);transform:translateY(-1px)}.community-reply-send-button:disabled{cursor:not-allowed;opacity:.36;transform:none}.community-reply-send-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.community-reply-send-button .community-send-spinner{width:16px;height:16px}.community-reply-form-footer{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;min-height:16px;display:none}.community-reply-form:focus-within .community-reply-form-footer,.community-reply-form--recording .community-reply-form-footer{display:flex}.community-reply-form-footer small{color:#665b4c8f;font-size:11px;font-weight:720}.community-reply-form-footer small.warning{color:var(--cinnabar-750)}.community-reaction-picker,.community-action-menu{z-index:4;background:#fffef9f5;border:1px solid #342e2718;border-radius:999px;gap:5px;padding:6px;display:flex;position:absolute;box-shadow:0 10px 24px #24201b13}.community-reaction-picker{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .14s,transform .14s,visibility .14s;bottom:calc(100% + 5px);left:0;transform:translateY(4px)scale(.985)}.community-reaction-action:hover .community-reaction-picker,.community-reaction-action:focus-within .community-reaction-picker{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}.community-reaction-picker button{min-width:32px;height:32px;color:var(--ink-760);background:0 0;border:1px solid #0000;place-items:center;font-size:15px;font-weight:820;display:grid}.community-reaction-picker button:hover,.community-reaction-picker button.active{background:#e4ebe65c;border-color:#4d665d24}.community-action-menu{border-radius:var(--radius);bottom:calc(100% + 5px);right:0}.community-action-menu button{color:#665b4cc2;white-space:nowrap;background:0 0;border:0;min-height:30px;padding:0 9px}.community-action-menu button:hover{color:var(--cinnabar-750);background:#efd8cf38}.community-action-menu button.community-action-menu-danger{color:#873528db}.community-action-menu button.community-action-menu-danger:hover{color:var(--seal-900);background:#efd8cf4d}.community-report-form{grid-template-columns:minmax(130px,.32fr) minmax(0,1fr) auto;gap:7px;padding:4px 0 2px;display:grid}.community-report-form select,.community-report-form input,.community-composer textarea{border-radius:var(--radius);width:100%;min-width:0;color:var(--ink-760);background:#fffef98f;border:1px solid #342e271a;outline:none}.community-report-form select,.community-report-form input{min-height:36px;padding:0 10px}.community-composer{background:linear-gradient(#fffef9c7,#f2ebde57),#fffef970;border-top:1px solid #402e191a;gap:9px;padding:12px 18px 14px;display:grid;box-shadow:0 -12px 28px #24201b09,inset 0 1px #fffef9b3}.community-composer-prompt{color:#665b4c8a;min-height:17px;margin:0;font-size:12px;line-height:1.35}.community-composer-prompt--typing{color:#49645ac7;font-style:italic}.community-composer-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.community-composer-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.community-lounge-utility-dock{display:none}.community-composer-tools span{color:#5c50429e;background:#fffef957;border:1px solid #4d665d17;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:10.5px;font-weight:820;display:inline-flex}.community-input-bar{background:linear-gradient(#fffef9d6,#f2ebde4d),#fffef97a;border:1px solid #342e2716;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:inset 0 1px #fffef9c7,0 8px 22px #24201b09}.community-input-bar:focus-within{border-color:#4d665d57;box-shadow:inset 0 1px #fffef9b8,0 0 0 3px #4d665d13,0 12px 28px #24201b0b}.community-input-bar--recording{border-color:#8735282e;grid-template-columns:auto auto minmax(0,1fr) auto}.community-input-bar textarea{resize:none;min-height:38px;max-height:128px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:9px 2px 8px;font-size:15px;line-height:1.42}.community-input-bar textarea:focus{box-shadow:none;border-color:#0000}.community-mention-popover{z-index:24;background:linear-gradient(#fffef9f5,#f4efe5eb),#fffef9f0;border:1px solid #342e271a;border-radius:13px;gap:3px;max-height:min(270px,48vh);padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 42px #352a1f24,inset 0 1px #fffef9db}.community-mention-popover--composer{left:46px;right:46px}.community-mention-option{width:100%;min-height:40px;color:var(--ink-720);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:6px 8px;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:grid}.community-mention-option:hover,.community-mention-option:focus-visible,.community-mention-option.active{color:var(--celadon-820);background:#e2e9e447;border-color:#4d665d29}.community-mention-option:active{transform:translateY(1px)}.community-mention-avatar{width:30px;height:30px}.community-mention-option>span{min-width:0}.community-mention-option strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:880;display:block;overflow:hidden}.community-composer-icon-button,.community-send-button,.community-audio-remove-button{cursor:pointer;border:1px solid #0000;border-radius:50%;place-items:center;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s;display:grid}.community-composer-icon-button,.community-send-button{width:38px;min-width:38px;height:38px}.community-composer-icon-button{color:#5c5042bd;background:#fffef96b}.community-composer-icon-button:hover:not(:disabled),.community-composer-icon-button:focus-visible{color:var(--celadon-820);background:#e4ebe642;border-color:#4d665d29}.community-record-button.active{color:var(--cinnabar-750);background:#efd8cf4d;border-color:#8735283d}.community-recording-status{color:var(--cinnabar-750);white-space:nowrap;align-self:center;font-size:12px;font-weight:850}.community-send-button{color:var(--xuan-50);background:linear-gradient(180deg, #4a1713f0, #3f1812fa), var(--seal-900);box-shadow:0 8px 16px #4a171329}.community-send-button:hover:not(:disabled),.community-send-button:focus-visible{background:linear-gradient(180deg, #5d221af5, #4a1713), var(--seal-900);transform:translateY(-1px)}.community-send-button:disabled,.community-composer-icon-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.community-composer-icon-button svg,.community-send-button svg,.community-audio-remove-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:19px;height:19px}.community-record-button svg rect{fill:currentColor;stroke:none}.community-send-button svg{width:20px;height:20px}.community-send-spinner{border:2px solid #fffef966;border-top-color:var(--xuan-50);border-radius:50%;width:17px;height:17px;animation:.78s linear infinite communitySendSpin}.community-audio-draft{background:linear-gradient(#fffef9b3,#e4ebe63d),#fffef961;border:1px solid #342e2713;border-radius:18px;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:8px;width:min(380px,100%);padding:8px 9px;display:grid}.community-audio-draft .community-audio-player{justify-self:start;width:fit-content}.community-reply-audio-draft{background:linear-gradient(#fffef99e,#e4ebe629),#fffef947;border-color:#4d665d1a;border-radius:16px;width:min(360px,100%);padding:5px 7px}.community-reply-audio-draft .community-audio-player{max-width:100%}.community-audio-remove-button{color:#665b4cad;background:0 0;width:30px;height:30px}.community-audio-remove-button:hover,.community-audio-remove-button:focus-visible{color:var(--cinnabar-750);background:#efd8cf3d}.community-report-form select:focus,.community-report-form input:focus{border-color:#4d665d61;box-shadow:0 0 0 3px #4d665d13}.community-composer-footer small{color:#665b4c94;font-size:11px;font-weight:720}.community-composer-footer small.warning{color:var(--cinnabar-750)}.community-mobile-action-layer{z-index:120;padding:16px 12px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(7px)saturate(108%);background:#241e1947;place-items:end center;display:grid;position:fixed;inset:0}.community-mobile-action-sheet{overscroll-behavior:contain;touch-action:none;width:min(430px,100%);max-height:min(370px,100dvh - 118px);transform:translate3d(0, var(--community-mobile-action-drag-y,0px), 0) scale(1);will-change:transform, opacity;background:linear-gradient(#fffef9,#f7f2e7),#fffef9;border:1px solid #342e2724;border-radius:20px;gap:10px;padding:8px 10px 12px;display:grid;overflow:auto;box-shadow:0 28px 64px #24201b4d,inset 0 1px #fffef9}.community-mobile-action-sheet--dragging{cursor:grabbing;transition:none!important}.community-mobile-action-grabber{touch-action:none;background:#665b4c38;border-radius:999px;justify-self:center;width:38px;height:4px;margin-top:2px}.community-mobile-action-head{gap:3px;min-width:0;padding:0 3px;display:grid}.community-mobile-action-head strong{color:#241e19e0;font-family:var(--font-serif);font-size:15px;font-weight:820;line-height:1.15}.community-mobile-action-head p{color:#665b4ca3;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:12px;font-weight:680;line-height:1.35;overflow:hidden}.community-mobile-reaction-row{background:linear-gradient(#fffef9f5,#f1f6f2b8),#fffef9;border:1px solid #342e2713;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px;display:grid;box-shadow:inset 0 1px #fffef9d1,0 8px 18px #24201b0b}.community-mobile-reaction-row button{min-width:0;min-height:40px;color:var(--ink-760);background:linear-gradient(#fffef9f5,#e4ebe647),#fffef9d1;border:1px solid #4d665d1a;place-items:center;padding:0 4px;font-size:18px;display:grid;box-shadow:inset 0 1px #fffef9d6}.community-mobile-reaction-row button.active{background:linear-gradient(#e2e9e4a3,#fffef9b8),#e2e9e470;border-color:#4d665d42;box-shadow:inset 0 1px #fffef9bf,0 0 0 2px #4d665d12}.community-mobile-reaction-row button:hover,.community-mobile-reaction-row button:focus-visible{background:#e2e9e45c;border-color:#4d665d38;outline:none;transform:translateY(-1px)}.community-mobile-action-list{gap:4px;padding-top:2px;display:grid}.community-mobile-action-list button{color:#393129db;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:0 10px;font-size:13px;font-weight:820;display:grid}.community-mobile-action-list button:hover,.community-mobile-action-list button:focus-visible{color:var(--celadon-820);background:#e2e9e442;border-color:#4d665d1f;outline:none}.community-mobile-action-list svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:19px;height:19px}.community-mobile-action-list .community-mobile-action-danger{color:#873528db}.community-mobile-action-list .community-mobile-action-danger:hover,.community-mobile-action-list .community-mobile-action-danger:focus-visible{color:var(--seal-900);background:#efd8cf3d;border-color:#87352824}.community-mobile-actions-enter-active,.community-mobile-actions-leave-active{transition:opacity .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s}.community-mobile-actions-enter-active .community-mobile-action-sheet,.community-mobile-actions-leave-active .community-mobile-action-sheet{transition:opacity .26s,transform .3s cubic-bezier(.2,.9,.2,1)}.community-mobile-actions-enter-from,.community-mobile-actions-leave-to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}.community-mobile-actions-enter-from .community-mobile-action-sheet,.community-mobile-actions-leave-to .community-mobile-action-sheet{opacity:0;transform:translate3d(0, calc(var(--community-mobile-action-drag-y,0px) + 46px), 0) scale(.982)}@keyframes community-message-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes communitySendSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.community-message{animation:none}.community-message,.community-reactions button,.community-message-action-cluster,.community-reaction-picker,.community-mobile-reaction-row button,.community-mobile-action-list button,.community-mobile-actions-enter-active,.community-mobile-actions-leave-active,.community-mobile-actions-enter-active .community-mobile-action-sheet,.community-mobile-actions-leave-active .community-mobile-action-sheet,.community-copy-toast-enter-active,.community-copy-toast-leave-active,.community-composer-icon-button,.community-send-button{transition:none}}.seo-community-page{min-height:100vh;color:var(--ink-760);background:var(--xuan-100)}.seo-community-hero{min-height:82vh;color:var(--xuan-50);isolation:isolate;background-color:#0000;background-image:linear-gradient(90deg,#15110ddb,#15110d9e 43%,#15110d3d),url(/nightmarket_bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-content:space-between;padding:22px clamp(18px,4vw,58px) 56px;display:grid;position:relative;overflow:hidden}.seo-community-hero:after{z-index:-1;content:"";background:linear-gradient(#0000,#15110d94);height:34%;position:absolute;inset:auto 0 0}.seo-community-nav{justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100%);margin:0 auto;display:flex}.seo-community-brand,.seo-community-nav-actions,.seo-community-actions{align-items:center;display:flex}.seo-community-brand{color:var(--xuan-50);gap:10px;font-weight:850;text-decoration:none}.seo-community-brand img{object-fit:contain;width:34px;height:34px}.seo-community-nav-actions{gap:12px}.seo-community-nav-actions .text-button{color:#fffef9d1}.seo-community-nav-actions .text-button:hover{color:var(--xuan-50)}.seo-community-nav-primary{border-radius:var(--radius);min-height:40px;color:var(--ink-980);background:#fffef9eb;border:1px solid #fffef947;justify-content:center;align-items:center;padding:0 15px;font-weight:820;text-decoration:none;display:inline-flex}.seo-community-hero-copy{gap:18px;width:min(760px,100%);margin:82px auto 0;padding-right:min(12vw,150px);display:grid}.seo-community-hero-copy .eyebrow{color:#fffef9c7}.seo-community-hero-copy h1{max-width:700px;color:var(--xuan-50);font-family:var(--font-serif);font-size:78px;font-weight:700;line-height:.96}.seo-community-hero-copy p:not(.eyebrow){color:#fffef9c7;max-width:650px;font-size:18px;line-height:1.68}.seo-community-actions{flex-wrap:wrap;gap:12px;margin-top:6px}.seo-community-band{gap:30px;width:min(1120px,100% - 36px);margin:0 auto;padding:52px 0 72px;display:grid}.seo-community-section-head{gap:12px;max-width:760px;display:grid}.seo-community-section-head h2{color:var(--ink-980);font-family:var(--font-serif);font-size:52px;font-weight:700;line-height:1}.seo-community-section-head p:not(.eyebrow){color:var(--ink-620);font-size:17px;line-height:1.7}.seo-community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.seo-community-grid article{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9b8, #f2ebde57), var(--xuan-50);min-height:230px;box-shadow:var(--shadow-near);border:1px solid #342e271b;gap:12px;padding:24px;display:grid}.seo-community-grid span{border-radius:var(--radius);width:44px;height:44px;color:var(--xuan-50);background:var(--celadon-820);font-family:var(--font-hanzi);place-items:center;font-size:24px;display:grid}.seo-community-grid h3{color:var(--ink-980);font-family:var(--font-serif);font-size:25px;font-weight:700;line-height:1.08}.seo-community-grid p{color:var(--ink-620);line-height:1.64}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-screen--signin{isolation:isolate;background:repeating-linear-gradient(92deg, #402e1904 0 1px, transparent 1px 22px), linear-gradient(118deg, #fffef9d1, #f2ebde57 48%, #e4ebe62e), var(--xuan-50);position:relative;overflow:hidden}.auth-screen--signin:before{z-index:-1;pointer-events:none;content:"";opacity:.62;background:linear-gradient(132deg,#0000 0 18%,#87352807 38%,#0000 58%),linear-gradient(24deg,#0000 0 24%,#4d665d07 50%,#0000 76%),repeating-linear-gradient(0deg,#39312903 0 1px,#0000 1px 9px);position:absolute;inset:-18%}.auth-card{width:min(460px,100%);padding:28px}.auth-card--signin{isolation:isolate;background:linear-gradient(180deg, #fffef9d1, #f2ebde9e), var(--xuan-50);width:min(420px,100%)}.auth-card--signin:before{z-index:0;opacity:.38;background-color:#0000;background-image:linear-gradient(90deg,#fffef9eb 0%,#fffef9a8 31%,#fffef92e 58%,#0000 78%),linear-gradient(#fffef90a,#fffef975 58%,#f2ebdeb8);background-position:50%,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.auth-card--signin>*{z-index:1}.auth-card--wide{width:min(560px,100%)}.auth-brand{border-bottom:1px solid var(--ink-line);grid-template-columns:58px 1fr;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:20px;display:grid}.auth-brand--signin{isolation:isolate;border-bottom:0;grid-template-columns:minmax(0,1fr);margin-bottom:24px;padding-bottom:0;position:relative}.auth-brand>span{width:58px;height:58px;color:var(--xuan-50);background:var(--ink-980);font-family:var(--font-hanzi);border-radius:50%;place-items:center;font-size:34px;display:grid}.auth-brand-eyebrow{align-items:center;gap:6px;display:inline-flex}.auth-brand-eyebrow-logo{object-fit:contain;border-radius:0;flex:0 0 14px;width:14px;height:14px}.auth-brand h1,.auth-status h1{color:var(--ink-980);font-family:var(--font-serif);font-size:34px;font-weight:700;line-height:1.04}.auth-brand-subtitle{color:#665b4cad;margin:11px 0 0;font-size:13px;line-height:1.5}.auth-card--signin .auth-brand-subtitle{color:#393129d6}.auth-brand-tertiary{color:#665b4ca3;margin:5px 0 0;font-size:12px;line-height:1.45}.auth-card--signin .base-input input{background:linear-gradient(#fffef9b8,#f2ebde6b),#fffef99e;border-color:#402e191a}.auth-card--signin .base-input input:focus{background:linear-gradient(#fffef9d6,#f2ebde75),#fffef9b3;border-color:#4d665d57;box-shadow:0 0 0 3px #e4ebe675,0 8px 20px #24201b09}.auth-links{color:var(--ink-620);justify-content:space-between;gap:12px;margin-top:18px;font-weight:760;display:flex}.auth-card--signin .auth-links a{color:#5c5042bd;text-underline-offset:4px;font-size:14px;font-weight:650;text-decoration:none;transition:color .16s,text-decoration-color .16s}.auth-status{text-align:center;justify-items:center;gap:12px;display:grid}.spinner{border:3px solid #302a2424;border-top-color:var(--cinnabar-750);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.dashboard-academic-grid{grid-template-columns:minmax(0,1fr)}.dashboard-card-grid .dashboard-tocfl-card{background:linear-gradient(110deg, #fffef9cc, #e2e9e466 46%, #efd8cf38), var(--xuan-50);min-height:118px}.mobile-nav{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){:root{--sidebar-width:268px}.app-topbar{padding:18px 30px}.app-main{padding:38px 30px 104px}.page-header h2{font-size:44px}}@media (width<=920px){.seo-community-hero{background-color:#0000;background-image:linear-gradient(90deg,#15110de0,#15110da8),url(/nightmarket_bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:78vh;padding-bottom:42px}.seo-community-hero-copy{margin-top:62px;padding-right:0}.seo-community-hero-copy h1{font-size:56px}.seo-community-section-head h2{font-size:42px}.seo-community-grid{grid-template-columns:1fr}.seo-community-grid article{min-height:0}.app-shell{display:block}.app-sidebar,.app-topbar,.desktop-only{display:none}.mobile-brandbar{z-index:2;background:linear-gradient(180deg, #f8f4ebeb, #f8f4eb9e), var(--xuan-100);border-bottom:1px solid #402e1913;justify-content:flex-start;align-items:center;padding:10px 96px 9px 78px;display:flex;position:relative}.mobile-brandbar-lockup{min-width:0;max-width:100%;color:inherit;border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;text-decoration:none;display:grid}.mobile-brandbar-lockup:focus-visible{outline-offset:4px;outline:2px solid #126a5f6b}.mobile-brandbar-lockup>img{object-fit:contain;filter:drop-shadow(0 5px 10px #24201b0a);width:42px;height:42px;display:block;transform:translateY(-1px)}.mobile-brandbar span{gap:3px;min-width:0;display:grid}.mobile-brandbar strong{color:var(--ink-980);font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.02;overflow:hidden}.mobile-brandbar small{color:#5c5042ad;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.15;overflow:hidden}.quick-add-card-trigger{height:44px;min-height:0;padding-inline:8px 12px;top:10px;bottom:auto;right:16px}.background-audio-player{--audio-edge-bottom:92px;--audio-edge-top:10px;--audio-edge-x:16px;--audio-expanded-top:calc(env(safe-area-inset-top,0px) + 66px);width:calc(100vw - 32px);padding:10px;bottom:92px;left:auto;right:16px}.background-audio-player--collapsed{--audio-play-size:34px;width:44px;height:44px;min-height:0;padding:4px;box-shadow:0 14px 30px #16110d2e,inset 0 1px #fffef92e}.background-audio-player--collapsed .background-audio-compact{gap:0}.background-audio-player--collapsed .background-audio-expand{display:none}.background-audio-player--collapsed:hover,.background-audio-player--collapsed:focus-within{opacity:1}.background-audio-footer{display:none}.quick-add-card-trigger--dimmed{opacity:.42;gap:0;min-width:40px;padding-inline:6px}.quick-add-card-trigger--dimmed strong{opacity:0;max-width:0}.quick-add-card-trigger:hover,.quick-add-card-trigger:focus-visible{opacity:1}.app-main{padding:18px 18px 96px}.app-shell--pinyin .app-main{padding-top:14px}.app-shell--community-lounge .app-workspace{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.app-shell--community-lounge .app-main{width:100%;height:100%;min-height:0;padding:7px 8px calc(82px + env(safe-area-inset-bottom));display:grid;overflow:hidden}.app-shell--community-lounge .community-lounge-page,.app-shell--community-lounge .community-lounge-shell{height:100%;min-height:0}.app-shell--community-lounge .community-lounge-shell{grid-template-rows:auto minmax(0,1fr)}.page-header h2{font-size:38px}.stats-grid,.feature-grid,.daily-news-category-grid,.scene-canvas,.lesson-interactions,.srs-dashboard-entry,.community-report-form,.profile-detail-grid,.pinyin-dashboard-entry,.conversation-dashboard-entry,.building-blocks-header,.building-block-practice-layout,.building-block-result,.building-blocks-hero,.building-block-workspace,.building-block-drill-shell,.building-block-conversation-bridge{grid-template-columns:1fr}.building-blocks-hero__meter{justify-self:stretch;width:100%}.building-block-learning-arc,.building-block-foundation-row{grid-template-columns:1fr}.building-block-path-list{grid-template-columns:repeat(2,minmax(0,1fr))}.building-block-conversation-bridge{align-items:stretch}.building-block-bridge-link{justify-self:start}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-mobile-signout-row{justify-content:center;padding:2px 0 12px;display:flex}.profile-mobile-signout{color:#5c5042b8;font-size:14px}.dashboard-card-copy{grid-template-columns:1fr;gap:12px}.dashboard-card-header{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;display:grid}.dashboard-card-mark,.dashboard-card-title,.dashboard-card-copy>p{grid-column:auto}.srs-dashboard-mark{width:44px;height:44px;font-size:24px}.pinyin-dashboard-mark,.conversation-dashboard-mark{width:52px;height:52px;font-size:28px}.dashboard-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-card-grid .feature-panel,.dashboard-secondary-grid .feature-panel{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;min-height:0;padding:17px}.dashboard-card-grid .feature-mark,.dashboard-secondary-grid .feature-mark{width:44px;height:44px;font-size:24px}.dashboard-card-grid .feature-panel h3,.dashboard-secondary-grid .feature-panel h3{margin-bottom:5px;line-height:1.1}.dashboard-card-grid .feature-panel p,.dashboard-secondary-grid .feature-panel p{line-height:1.5}.dashboard-learn-grid .dashboard-path-card,.dashboard-learn-grid .dashboard-applied-card{grid-column:auto}.dashboard-practice-grid .srs-dashboard-actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px 12px;width:auto}.dashboard-practice-grid .review-due-link,.dashboard-practice-grid .srs-dashboard-actions .quiet-link{width:auto}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:112px minmax(0,1fr);gap:13px;padding:7px 14px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-art{width:112px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-stage-frame{width:106px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading h3{font-size:19px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{font-size:12.5px}.daily-news-lesson-head{gap:10px;display:grid}.daily-news-lesson-head>span{justify-self:start}.community-composer-footer{flex-direction:column;align-items:stretch}.community-lounge-head{background:0 0;flex-direction:row;justify-content:space-between;align-items:center;gap:7px;padding:0}.community-lounge-head:before{display:none}.community-room-mark{width:34px;height:34px;margin-top:0;font-size:18px;box-shadow:0 7px 14px #24201b1a,inset 0 1px #fffef938}.community-title-stack{grid-template-columns:minmax(0,1fr);gap:4px}.community-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.community-title-copy{gap:3px}.community-title-row .eyebrow{color:#873528eb;letter-spacing:.035em;white-space:nowrap;width:fit-content;max-width:100%;font-size:9px;line-height:1.1}.community-head-actions{flex-wrap:nowrap;justify-content:end;align-self:center;width:auto;margin:0 0 0 auto}.community-lounge-head h2{white-space:normal;margin-top:0;font-size:clamp(21px,5.7vw,25px);line-height:1.02}.community-room-status-strip{gap:5px}.community-room-status-chip{border-radius:8px;gap:5px;min-height:29px;padding-inline:8px}.community-room-status-chip small{font-size:8.5px}.community-room-status-chip strong{font-size:11px}.community-conversation-frame{min-height:0;box-shadow:var(--lounge-shadow);border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;margin:0}.community-notification-trigger{border-color:var(--lounge-line);background:#fffdf8b3;justify-content:center;min-width:0;min-height:29px;padding:0 9px;font-size:10.5px}.community-notification-trigger svg{width:13px;height:13px}.community-room-switcher{background:#fffdf8c2;gap:4px;padding:5px}.community-room-switcher__head{display:none}.community-room-switcher__head span{font-size:9.5px}.community-room-switcher__head small{font-size:10px}.community-room-tabs{border-radius:8px;gap:3px;padding:2px;overflow:visible}.community-room-tabs button{justify-content:center;gap:4px;min-width:0;height:38px;padding-inline:3px;font-size:9.5px;line-height:1.1}.community-room-tabs button.active{color:var(--lounge-jade);background:var(--lounge-mist);box-shadow:none}.community-room-tabs button span{flex-basis:22px;width:22px;height:22px;font-size:13px}.community-notifications-panel{padding:9px 12px 10px}.community-notification-item{grid-template-columns:26px minmax(0,1fr);align-items:start}.community-notification-avatar{width:26px;height:26px}.community-notification-item time{grid-column:2;justify-self:start}.community-message-list{height:auto;min-height:0;padding:9px}.app-shell--community-lounge .community-chat-stage{min-height:0}.app-shell--community-lounge .community-chat-stage .community-message-list{height:100%}.community-copy-toast{max-width:calc(100% - 20px);bottom:10px}.community-resource-room{min-height:0;padding:9px}.community-resource-toolbar,.community-resource-form-footer{flex-direction:column;align-items:stretch}.community-resource-add,.community-resource-form-footer .base-button,.community-resource-form-footer button{width:100%}.community-resource-filter-control{flex-direction:row;align-items:center;width:100%}.community-resource-filter-summary{flex:auto;justify-content:space-between}.community-resource-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.community-resource-form-grid,.community-resource-grid{grid-template-columns:1fr}.community-resource-form-footer>div{justify-content:stretch}.community-message{touch-action:pan-y;border-radius:12px;grid-template-columns:28px minmax(0,1fr);gap:4px 9px;padding:8px 7px 7px}.community-message+.community-message:not(.community-message--grouped){margin-top:9px}.community-message--grouped{margin-top:-1px;padding-top:1px;padding-bottom:2px}.community-message--grouped-next:not(.community-message--grouped){border-bottom-right-radius:5px;border-bottom-left-radius:5px}.community-message--grouped{border-top-left-radius:5px;border-top-right-radius:5px}.community-message--grouped.community-message--grouped-next{border-radius:5px}.community-message--grouped:not(.community-message--grouped-next){border-bottom-right-radius:12px;border-bottom-left-radius:12px}.community-message-avatar{width:26px;min-width:26px;max-width:26px;height:26px;min-height:26px;max-height:26px;font-size:12px}.community-message-body{font-size:14px;line-height:1.42}.community-message-content{width:100%}.community-message-body-row{align-items:flex-start;gap:5px}.community-shared-context,.community-thread-panel{width:100%}.community-shared-context{border-radius:12px;padding:8px 9px}.community-shared-context--first-sounds,.community-audio-message,.community-shared-audio,.community-reply-audio{width:fit-content;max-width:100%}.community-reactions{padding-top:1px}.community-message-footer{gap:6px}.community-thread-actions{padding-top:0;position:static}.community-thread-actions:not(.community-thread-actions--visible){position:static}.community-thread-toggle:not(.community-thread-toggle--counted){opacity:1;pointer-events:auto;transform:none}.community-thread-toggle{min-height:30px}.community-thread-panel{border-left-color:#4d665d24;gap:6px;margin-top:2px;margin-left:0;padding:5px 0 4px 9px}.community-reply-list{gap:4px}.community-reply{grid-template-columns:22px minmax(0,1fr);gap:6px;padding:3px 0}.community-reply-avatar{width:20px;height:20px}.community-reply-meta{gap:4px}.community-reply-meta strong{font-size:11.5px}.community-reply-meta time{font-size:10px}.community-reply-target{min-height:18px;padding-inline:6px;font-size:9.5px}.community-reply-meta button.community-reply-inline-action{width:28px;height:28px;min-height:28px}.community-reply-meta button.community-reply-delete-action{opacity:1;pointer-events:auto;transform:none}.community-reply-body p{font-size:12.5px;line-height:1.38}.community-reply-form{max-width:100%}.community-reply-form textarea{min-height:38px;padding:9px 2px 8px}.community-reply-form textarea:not(:placeholder-shown){max-height:112px}.community-reply-form-footer{align-items:flex-start}.community-mention-popover--composer{left:0;right:0}.community-audio-message,.community-audio-draft{justify-items:stretch}.community-audio-draft{grid-template-columns:minmax(0,1fr) 32px;width:100%;padding-right:8px}.community-audio-remove-button{grid-area:1/2;place-self:center}.community-reactions button{min-height:23px;padding-inline:7px}.community-mobile-action-layer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.community-mobile-action-sheet{max-height:min(370px,100dvh - 190px)}.community-message-action-cluster{display:none}.community-composer-footer .base-button{align-self:flex-end;width:auto}.community-composer{gap:5px;padding:6px 8px 7px}.community-composer-meta{gap:4px;display:block}.community-composer-tools{display:none}.community-composer textarea{min-height:34px;padding:7px 2px}.community-input-bar{border-radius:20px;gap:5px;padding:5px}.community-composer-icon-button,.community-send-button{width:34px;min-width:34px;height:34px}.community-composer-prompt:not(.community-composer-prompt--typing),.community-composer-footer{display:none}.community-composer-prompt--typing{padding:0 2px 2px}.community-composer-prompt,.community-typing-indicator{font-size:11px}.feature-panel:first-child{min-height:0}.mobile-nav{z-index:50;border:1px solid var(--paper-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#fffef9e0;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:7px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 14px 34px #24201b16}.mobile-nav a{border-radius:var(--radius);color:#54493ddb;justify-items:center;gap:3px;min-width:0;padding:8px 3px;transition:background-color .18s,color .18s;display:grid}.mobile-nav a.router-link-active{color:var(--celadon-820);background:linear-gradient(#e2e9e494,#fffef975),#e2e9e457}.mobile-nav span{font-family:var(--font-hanzi);font-size:19px}.mobile-nav-mark{place-items:center;line-height:1;display:inline-grid;position:relative}.mobile-nav-mark .community-nav-dot{width:4.5px;height:4.5px;top:0;right:-5px;transform:none}.mobile-nav small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.5px;font-weight:840;line-height:1.25;overflow:hidden}}@media (width<=560px){.app-topbar{align-items:start}.topbar-actions{display:none}.app-main{padding:14px 12px 94px}.mobile-brandbar{padding:8px 88px 8px 72px}.mobile-brandbar-lockup{grid-template-columns:38px minmax(0,1fr);gap:9px}.mobile-brandbar-lockup>img{width:38px;height:38px}.mobile-brandbar strong{font-size:16px}.mobile-brandbar small{font-size:10.5px}.mobile-nav{gap:3px;padding:6px}.mobile-nav a{padding:7px 1px}.mobile-nav span{font-size:17px}.mobile-nav small{font-size:8.5px}.quick-add-card-trigger{height:42px;min-height:0;top:9px;bottom:auto;right:14px}.quick-add-card-trigger span{width:23px;height:23px;font-size:17px}.quick-add-card-trigger strong{font-size:12.5px}.background-audio-player{--audio-edge-bottom:88px;--audio-edge-top:9px;--audio-edge-x:14px;--audio-expanded-top:calc(env(safe-area-inset-top,0px) + 58px);--audio-chip-font-size:11.5px;--audio-chip-height:25px;--audio-chip-padding-x:7px;--audio-play-size:36px;--audio-title-size:13px;--audio-topline-gap:8px;width:calc(100vw - 28px);bottom:88px;left:auto;right:14px}.background-audio-player--collapsed{--audio-play-size:32px;width:42px;height:42px;padding:4px}.settings-option{flex-direction:column;align-items:stretch}.settings-switch{justify-content:space-between}.quick-add-card-overlay{align-items:end;padding:12px}.quick-add-card-dialog{gap:14px;padding:16px}.quick-add-card-dialog h2{font-size:25px}.quick-add-card-form footer .base-button{flex:120px}.page-stack{gap:16px}.page-header h2{font-size:33px;line-height:1.02}.page-header:before{font-size:104px;top:-4px;right:-8px}.base-card,.auth-card{padding:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-tile{gap:4px;min-height:78px;padding:12px}.stat-tile span,.stat-tile small{font-size:11px;line-height:1.1}.stat-tile small{display:none}.building-blocks-hero,.building-block-studio,.building-block-conversation-bridge,.building-block-practice-card,.building-block-side-panel{padding:17px}.building-blocks-page{gap:9px}.building-blocks-header,.building-block-focus-bar{display:none}.building-blocks-header h2{font-size:clamp(20px,5.2vw,28px);line-height:1.02}.building-blocks-progress{order:0;justify-self:end;gap:5px;width:76px;padding:7px}.building-blocks-progress span{display:none}.building-blocks-progress strong{font-size:18px}.building-blocks-progress .building-block-meter{height:4px}.building-block-tabs{padding-bottom:0;gap:6px;margin-inline:-12px;padding-inline:12px;display:none}.building-block-topic-carousel{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:4px;min-width:0;margin-inline:-4px;display:grid}.building-block-topic-carousel__stage{touch-action:pan-y;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;min-width:0;min-height:50px;display:grid;position:relative;overflow:hidden}.building-block-topic-carousel__stage:before,.building-block-topic-carousel__stage:after{z-index:2;pointer-events:none;content:"";width:58px;position:absolute;top:0;bottom:0}.building-block-topic-carousel__stage:before{background:linear-gradient(90deg, var(--xuan-100), #f8f4ebeb 32%, transparent), radial-gradient(ellipse at left center, #fffef9db, transparent 70%);left:0}.building-block-topic-carousel__stage:after{background:linear-gradient(270deg, var(--xuan-100), #f8f4ebeb 32%, transparent), radial-gradient(ellipse at right center, #fffef9db, transparent 70%);right:0}.building-block-topic-current,.building-block-topic-peek{align-items:center;min-width:0;display:grid}.building-block-topic-current{z-index:1;border-radius:var(--radius);background:linear-gradient(#fffef9b3,#fffef957),#e2e9e42e;border:1px solid #4d665d29;grid-template-columns:32px minmax(0,1fr);gap:9px;min-height:50px;padding:7px 10px;box-shadow:inset 0 0 0 1px #fffef957,0 7px 16px #24201b08}.building-block-topic-current__mark,.building-block-topic-peek span{font-family:var(--font-hanzi);border:1px solid #4d665d29;border-radius:50%;place-items:center;line-height:1;display:grid}.building-block-topic-current__mark{width:32px;height:32px;color:var(--xuan-50);background:var(--celadon-760);font-size:17px}.building-block-topic-current__copy{gap:2px;min-width:0;display:grid}.building-block-topic-current strong,.building-block-topic-peek strong{color:var(--ink-980);text-overflow:ellipsis;white-space:nowrap;line-height:1.08;overflow:hidden}.building-block-topic-current strong{font-size:14px;font-weight:880}.building-block-topic-current small{color:var(--ink-620);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:780;line-height:1.15;overflow:hidden}.building-block-topic-peek{opacity:.52;filter:saturate(.84);grid-template-columns:22px minmax(70px,1fr);gap:6px;min-height:36px;padding:4px 0;transform:scale(.96)}.building-block-topic-peek--previous{transform-origin:100%;margin-right:-20px}.building-block-topic-peek--next{transform-origin:0;margin-left:-20px}.building-block-topic-peek span{width:22px;height:22px;color:var(--celadon-820);background:#fffef95c;border-color:#4d665d1a;font-size:13px}.building-block-topic-peek strong{color:#393129bd;font-size:10.5px;font-weight:820}.building-block-topic-chevron{border-radius:var(--radius);width:32px;height:42px;color:var(--celadon-820);cursor:pointer;background:#fffef952;border:1px solid #4d665d1f;place-items:center;transition:background-color .18s,border-color .18s,transform .18s;display:grid;position:relative;box-shadow:0 6px 14px #24201b07}.building-block-topic-chevron:hover,.building-block-topic-chevron:focus-visible{background:#fffef99e;border-color:#4d665d3d;transform:translateY(-1px)}.building-block-topic-chevron span{border-top:2px solid;border-left:2px solid;width:9px;height:9px}.building-block-topic-chevron--previous span{transform:translate(2px)rotate(-45deg)}.building-block-topic-chevron--next span{transform:translate(-2px)rotate(135deg)}.building-block-topic-slide-next-enter-active,.building-block-topic-slide-next-leave-active,.building-block-topic-slide-previous-enter-active,.building-block-topic-slide-previous-leave-active{transition:opacity .18s,transform .18s}.building-block-topic-slide-next-enter-from{opacity:0;transform:translate(18px)scale(.98)}.building-block-topic-slide-next-leave-to,.building-block-topic-slide-previous-enter-from{opacity:0;transform:translate(-18px)scale(.98)}.building-block-topic-slide-previous-leave-to{opacity:0;transform:translate(18px)scale(.98)}.building-block-tab{grid-template-columns:24px minmax(92px,1fr) auto;gap:6px;min-height:40px;padding:6px 8px}.building-block-tab span{width:24px;height:24px;font-size:15px}.building-block-tab strong{font-size:12px}.building-block-tab small{font-size:11px}.building-block-tab--active:after{bottom:4px;left:38px;right:8px}.building-block-practice-card{gap:10px;padding:13px}.building-block-mode-switch{padding:3px}.building-block-mode-switch button{min-height:34px;font-size:14px}.building-block-practice-card--drill .building-block-practice-head{display:none}.building-block-practice-head{grid-template-columns:1fr;gap:8px}.building-block-practice-head>div{gap:4px}.building-block-practice-head h3{font-size:24px}.building-block-practice-card--use .building-block-practice-head h3{white-space:normal;align-items:center;max-width:100%;min-height:44px;font-size:21px;line-height:1.06;display:flex;overflow:visible}.building-block-practice-head>span{justify-self:start}.building-block-studio-progress{height:5px}.building-block-practice-progress{gap:5px;padding:8px 9px}.building-block-practice-progress__labels{align-items:start;gap:8px}.building-block-practice-progress__labels strong{font-size:11.5px;line-height:1.15}.building-block-practice-progress__labels span{font-size:10.5px;line-height:1.15}.building-block-cue-card,.building-block-choice-panel,.building-block-result{gap:8px;padding:11px}.building-block-cue-card strong{font-size:32px}.building-block-cue-card--drill strong{font-size:34px}.building-block-cue-card--mandarin strong{font-size:48px}.building-block-cue-card--mandarin .building-block-cue-target{gap:10px}.building-block-choice-panel header small{font-size:10px}.building-block-option-list{gap:7px}.building-blocks-hero:before{font-size:116px;bottom:-28px;right:-12px}.building-blocks-hero__copy h2{font-size:35px;line-height:1.02}.building-blocks-hero__copy p:not(.eyebrow){font-size:15.5px}.building-block-arc-step{grid-template-columns:38px minmax(0,1fr);padding:10px}.building-block-arc-step span{width:38px;height:38px;font-size:21px}.building-block-path-list{grid-template-columns:1fr}.building-block-path-card{min-height:84px}.building-block-studio__head{display:grid}.building-block-studio__score{justify-self:start}.building-block-cue-panel,.building-block-choice-panel{padding:11px}.building-block-phrase strong,.building-block-answer-card strong{font-size:29px}.building-block-option{min-height:58px;padding:9px 40px 9px 11px}.building-block-option strong{font-size:21px}.building-block-option:before{top:9px;bottom:9px}.building-block-option-status{width:18px;height:18px;right:11px}.building-block-option--correct .building-block-option-status:after{width:8px;height:5px;top:4px;left:4px}.building-block-option--incorrect .building-block-option-status:before,.building-block-option--incorrect .building-block-option-status:after{width:9px;top:8px;left:4px}.building-block-option span{font-size:14px;line-height:1.2}.building-block-option small{font-size:12px;line-height:1.32}.building-block-option-list--rapid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.building-block-option-list--rapid .building-block-option{min-height:70px;padding:8px 6px 9px}.building-block-option-list--rapid .building-block-option:before{left:7px;right:7px}.building-block-option-list--rapid .building-block-option-status{width:14px;height:14px;top:5px;right:5px}.building-block-option--literal strong{font-size:22px}.building-block-color-tile{border-radius:6px;min-height:43px}.building-block-essential-note,.building-block-correction{padding:8px 10px;font-size:13px}.building-block-xp-float{font-size:12px;top:9px;right:10px}.building-block-drill-dots{gap:6px}.building-block-drill-dots button{width:28px;height:6px}.building-block-studio__actions{flex-wrap:nowrap;justify-content:stretch;gap:8px}.building-block-studio__actions .base-button{flex:1 1 0;width:auto;min-height:40px;padding-inline:8px;font-size:13px}.building-block-bridge-link{width:100%}.building-block-save-message{text-align:center;justify-self:stretch}.dashboard-card-copy{gap:10px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:88px minmax(0,1fr);gap:10px;min-height:92px;padding:5px 11px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-art{width:88px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-stage-frame{width:84px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-info{gap:6px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading{gap:2px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading h3{font-size:17px;line-height:1.05}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{font-size:11.5px;line-height:1.25}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-progress-track{height:4px}.dashboard-card-header{grid-template-columns:38px minmax(0,1fr);gap:11px}.srs-dashboard-mark{width:38px;height:38px;font-size:21px}.pinyin-dashboard-mark,.conversation-dashboard-mark{width:44px;height:44px;font-size:24px}.srs-dashboard-copy h3,.pinyin-dashboard-copy h3,.conversation-dashboard-copy h3{font-size:20px;line-height:1.08}.srs-dashboard-copy p,.pinyin-dashboard-copy p,.conversation-dashboard-copy p{line-height:1.5}.srs-dashboard-actions{flex-direction:row;align-items:center;gap:8px 12px}.profile-summary{grid-template-columns:58px minmax(0,1fr);place-items:center start;column-gap:13px}.profile-summary img,.profile-summary-avatar{width:58px;height:58px}.profile-summary-avatar{font-size:28px}.profile-summary-copy h2{font-size:27px}.profile-summary-actions{grid-column:1/-1;justify-content:flex-start}.profile-hub-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-hub-link{grid-template-columns:32px minmax(0,1fr);gap:9px;min-height:56px;padding:10px}.profile-hub-mark{width:32px;height:32px;font-size:18px}.profile-hub-link strong{font-size:16px}.profile-hub-link small{display:none}.profile-tags{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;display:grid}.profile-tags span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:6px 5px;font-size:10px;overflow:hidden}.community-message-list{height:min(58vh,440px);min-height:280px}.app-shell--community-lounge .community-message-list{height:auto;min-height:0}.feature-panel{grid-template-columns:40px 1fr;gap:13px;min-height:0;padding:15px}.foundation-lesson,.phrase-exposures,.lesson-path-picker{padding:18px}.foundation-lesson{grid-template-rows:auto auto minmax(520px,1fr) auto;min-height:760px}.foundation-lesson-topline,.section-kicker,.recognition-panel-head,.phrase-context,.foundation-actions{flex-direction:column;align-items:stretch}.foundation-lesson-meta{justify-content:stretch}.foundation-lesson-meta span{justify-content:center}.lesson-interactions,.lesson-stage-shell,.listening-panel{grid-template-columns:1fr}.lesson-stage-shell{gap:12px;min-height:520px}.lesson-phrase-pane,.lesson-exercise-pane,.lesson-retrieval-pane{min-height:auto;padding:14px 0}.lesson-exercise-pane,.lesson-retrieval-pane{padding:16px}.listening-panel,.recognition-panel{padding:16px 0 0}.recognition-token-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sound-token{min-width:0;transform:none}.sound-token:hover,.sound-token--selected{transform:none}.app-shell--pinyin .app-main{padding:10px 10px 94px}.app-shell--pinyin .pinyin-page--guided{gap:12px}.app-shell--pinyin .phrase-exposures,.app-shell--pinyin .lesson-sound-path{padding:0}.app-shell--pinyin .lesson-path-picker{grid-template-columns:1fr;gap:10px;padding:13px 14px;display:grid}.app-shell--pinyin .lesson-path-picker div:first-child{gap:2px}.app-shell--pinyin .lesson-path-picker strong{font-size:16px}.app-shell--pinyin .lesson-path-picker select{min-height:42px;padding:9px 11px;font-size:13px}.app-shell--pinyin .lesson-path-picker-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app-shell--pinyin .lesson-path-picker-actions .base-button{width:100%;min-height:40px;padding:0 10px;font-size:12px}.app-shell--pinyin .foundation-lesson{grid-template-rows:auto auto auto;gap:12px;min-height:0;padding:16px 14px;box-shadow:0 12px 30px #24201b0e}.app-shell--pinyin .foundation-lesson-topline{gap:6px}.app-shell--pinyin .foundation-lesson-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:4px;display:grid}.app-shell--pinyin .foundation-lesson-stats span{border-radius:var(--radius);min-width:0;padding:7px}.app-shell--pinyin .foundation-lesson-stats small{font-size:8px;line-height:1.1}.app-shell--pinyin .foundation-lesson-stats strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.app-shell--pinyin .mobile-lesson-label{color:#665b4cb8;font-size:12px;font-weight:820;line-height:1.25;display:block}.app-shell--pinyin .foundation-lesson-topline .eyebrow,.app-shell--pinyin .foundation-lesson-topline h2,.app-shell--pinyin .foundation-lesson-topline p:not(.eyebrow):not(.mobile-lesson-label),.app-shell--pinyin .foundation-lesson-meta,.app-shell--pinyin .foundation-progress{display:none}.app-shell--pinyin .lesson-stage-shell{gap:6px;min-height:0}.app-shell--pinyin .lesson-phrase-pane{border-top:0;gap:8px;min-height:0;padding:4px 0 2px}.app-shell--pinyin .phrase-sound-ribbon{justify-self:center;gap:1px 7px;padding:6px 9px}.app-shell--pinyin .phrase-sound-ribbon strong{font-size:14px}.app-shell--pinyin .phrase-sound-ribbon small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:10px;overflow:hidden}.app-shell--pinyin .mobile-phrase-progress{color:#665b4c94;margin-bottom:2px;font-size:12px;font-weight:820;line-height:1.2;display:block}.app-shell--pinyin .phrase-context,.app-shell--pinyin .lesson-exercise-pane .recognition-panel-head,.app-shell--pinyin .lesson-exercise-pane>p,.app-shell--pinyin .foundation-actions{display:none}.app-shell--pinyin .phrase-pinyin{padding-bottom:.1em;line-height:1.22}.app-shell--pinyin .lesson-phrase-pane--short .phrase-pinyin{font-size:clamp(34px,10.5vw,42px)}.app-shell--pinyin .lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(27px,8.4vw,34px)}.app-shell--pinyin .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(22px,6.8vw,27px)}.app-shell--pinyin .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(18px,5.5vw,22px)}.app-shell--pinyin .phrase-hanzi{gap:3px;margin-top:2px}.app-shell--pinyin .phrase-hanzi span{font-size:clamp(22px,6.5vw,30px)}.app-shell--pinyin .lesson-phrase-pane--short .phrase-hanzi span{font-size:clamp(25px,7.2vw,32px)}.app-shell--pinyin .lesson-phrase-pane--medium .phrase-hanzi span{font-size:clamp(22px,6.2vw,28px)}.app-shell--pinyin .lesson-phrase-pane--long .phrase-hanzi span{font-size:clamp(20px,5.5vw,25px)}.app-shell--pinyin .lesson-phrase-pane--xlong .phrase-hanzi span{font-size:clamp(18px,5vw,22px)}.app-shell--pinyin .phrase-hanzi small{font-size:clamp(19px,6vw,25px)}.app-shell--pinyin .phrase-meaning{font-size:15px;line-height:1.45}.app-shell--pinyin .phrase-note{text-align:left;width:100%;margin-top:0;padding:8px 10px;font-size:12px;line-height:1.35}.app-shell--pinyin .phrase-explanation-loading{grid-template-columns:34px minmax(0,1fr);gap:10px}.app-shell--pinyin .phrase-explanation-loading-mark{width:34px;height:34px;font-size:17px}.app-shell--pinyin .phrase-explanation-loading-steps{gap:6px}.app-shell--pinyin .phrase-explanation-loading-steps span{min-height:24px;padding:0 8px;font-size:10px}.app-shell--pinyin .phrase-explanation-content header{flex-direction:column}.app-shell--pinyin .phrase-explanation-save.base-button{width:100%}.app-shell--pinyin .lesson-exercise-pane{background:0 0;border:0;min-height:0;padding:2px 0 0}.app-shell--pinyin .stage-action-panel{gap:9px;min-height:0}.app-shell--pinyin .stage-audio-button{grid-template-columns:34px minmax(0,max-content);justify-content:center;gap:7px;width:100%;min-width:0;min-height:54px;padding:6px 8px 6px 6px}.app-shell--pinyin .stage-audio-button span{width:34px;height:34px;font-size:18px}.app-shell--pinyin .stage-audio-button strong{text-overflow:clip;white-space:nowrap;font-size:12px;overflow:visible}.app-shell--pinyin .focus-target{text-align:center;background:0 0;border:0;justify-items:center;width:100%;margin:0;padding:2px 0}.app-shell--pinyin .focus-target span{color:#665b4cc7;text-transform:none;font-size:13px;font-weight:760;line-height:1.2;display:block}.app-shell--pinyin .focus-target strong{font-size:clamp(30px,10vw,44px)}.app-shell--pinyin .focus-target p{display:none}.app-shell--pinyin .stage-button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;display:grid}.app-shell--pinyin .stage-button-row--audio{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.app-shell--pinyin .stage-primary-action--desktop{display:none}.app-shell--pinyin .stage-primary-action--mobile{display:inline-flex}.app-shell--pinyin .stage-button-row .stage-primary-action--mobile,.app-shell--pinyin .stage-button-row .base-button{width:100%;min-height:54px}.app-shell--pinyin .stage-generate-audio-button,.app-shell--pinyin .stage-delete-audio-button{padding-inline:8px;font-size:12px;line-height:1.15}.app-shell--pinyin .stage-audio-status{font-size:11px}.app-shell--pinyin .shadow-practice-strip{width:100%}.app-shell--pinyin .shadow-practice-row{justify-content:center}.app-shell--pinyin .shadow-record-button{min-width:130px}.app-shell--pinyin .shadow-recording-preview{flex-basis:100%;grid-template-columns:minmax(0,1fr) auto 32px}.app-shell--pinyin .shadow-share-button{padding-inline:9px}.app-shell--pinyin .mobile-sound-pager{grid-template-columns:1fr 1fr;gap:8px;padding-top:2px;display:grid}.app-shell--pinyin .mobile-sound-pager .base-button{color:#665b4cd1;background:#fffef933;min-height:40px;padding:0 10px;font-size:12px}.app-shell--pinyin .lesson-retrieval-pane{border-top:0;gap:13px;min-height:0;padding:8px 0 2px}.app-shell--pinyin .lesson-retrieval-pane .recognition-panel-head{text-align:center;justify-content:center}.app-shell--pinyin .lesson-retrieval-pane .eyebrow{display:none}.app-shell--pinyin .lesson-retrieval-pane h3{font-size:clamp(25px,8vw,34px)}.app-shell--pinyin .lesson-retrieval-pane>p{font-size:14px;line-height:1.42}.app-shell--pinyin .recognition-token-row--retrieval{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-shell--pinyin .sound-token--retrieval{min-width:0;min-height:56px}.app-shell--pinyin .sound-token--retrieval strong{font-size:22px}.app-shell--pinyin .retrieval-next-action{width:100%}.mobile-support-cue{color:var(--ink-500);opacity:.28;justify-items:center;padding-block:0 2px;display:grid}.mobile-support-cue i{border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;transform:rotate(45deg)}.exposure-item{width:100%}.lesson-sound-path summary,.sound-atlas summary{padding:13px 16px}.sound-atlas-grid--ambient{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));max-height:320px;padding:0 16px 16px}.srs-dashboard-entry,.pinyin-dashboard-entry,.conversation-dashboard-entry{gap:14px;padding:16px}.stat-tile{min-height:78px;padding:12px}.stat-tile strong{font-size:26px}.feature-mark,.empty-mark{width:40px;height:40px;font-size:22px}.dashboard-card-grid,.dashboard-secondary-grid{grid-template-columns:1fr;gap:8px}.dashboard-card-grid .feature-panel,.dashboard-secondary-grid .feature-panel{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:12px 13px}.dashboard-card-grid .feature-mark,.dashboard-secondary-grid .feature-mark{width:38px;height:38px;font-size:21px}.feature-panel h3,.section-head h3,.empty-state h3,.scene-copy h3{font-size:20px}.dashboard-card-grid .feature-panel h3,.dashboard-secondary-grid .feature-panel h3{margin-bottom:3px;font-size:18px;line-height:1.08}.dashboard-card-grid .feature-panel p,.dashboard-secondary-grid .feature-panel p{font-size:13px;line-height:1.42}.daily-news-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.news-category-card{grid-template-columns:40px minmax(0,1fr);gap:11px;min-height:0;padding:13px}.news-category-card .feature-mark{width:40px;height:40px;font-size:22px}.news-category-card strong{font-size:18px}.news-category-card small{font-size:12px;line-height:1.34}.daily-news-status-card,.daily-news-lesson-card,.daily-news-questions-card{gap:14px}.daily-news-status-card{grid-template-columns:42px minmax(0,1fr)}.daily-news-lesson-head h2{font-size:29px}.daily-news-source,.daily-news-sentence,.daily-news-question-list article{padding:13px}.daily-news-sentence h3{font-size:25px}.empty-state{padding:18px}.auth-screen{padding:16px}.section-head,.activity-list li,.leader-list li{align-items:stretch}.srs-deck-controls,.deck-edit-grid,.deck-item__compact-row,.manual-card-form,.drawer-breakdown article{grid-template-columns:1fr}.conversation-audio-panel,.conversation-audio-actions{flex-direction:column;align-items:stretch}.conversation-audio-actions,.conversation-line-audio-stack{width:100%}.srs-deck-head-actions,.deck-primary-actions,.deck-item-actions,.deck-item-actions--compact,.srs-pagination{justify-content:flex-start}.deck-primary-actions .base-button,.deck-primary-actions .review-due-link{width:100%}.deck-item--compact strong{font-size:20px}.scroll-top-button{color:#4a171375;-webkit-backdrop-filter:blur(14px)saturate(115%);backdrop-filter:blur(14px)saturate(115%);opacity:.72;background:linear-gradient(#fffef9ad,#efe8da5c),#fffef975;border-color:#342e2714;border-radius:999px;width:86px;height:30px;font-size:0;bottom:83px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 24px #24201b0e}.scroll-top-button:before,.scroll-top-button:after{content:"";background:currentColor;border-radius:999px;width:23px;height:2px;position:absolute;top:13px}.scroll-top-button:before{transform-origin:100%;left:22px;transform:rotate(-18deg)}.scroll-top-button:after{transform-origin:0;right:22px;transform:rotate(18deg)}.scroll-top-button:hover,.scroll-top-button:focus-visible{opacity:1;transform:translate(-50%)translateY(-1px)}body[data-audio-player=expanded] .scroll-top-button{bottom:208px}.review-rating-row{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-reader__intro,.conversation-script-nav,.conversation-card-actions{flex-direction:column;align-items:start}.conversation-script-nav{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;width:100%;display:grid}.conversation-script-nav>span{min-width:0}.conversation-script-nav .text-button{border-radius:var(--radius);color:#5c5042db;text-align:center;background:linear-gradient(#fffef9b8,#f2ebde47),#fffef96b;border:1px solid #342e271f;justify-content:center;align-items:center;width:100%;min-height:44px;padding:0 12px;font-size:14px;font-weight:850;display:inline-flex}.conversation-script-nav__next{color:var(--seal-900);background:linear-gradient(#fffef9c7,#efd8cf42),#fffef97a;border-color:#4a17132e}.conversation-lines{gap:8px}.conversation-line-shell{border-radius:var(--radius);background:linear-gradient(#fffef994,#f2ebde2e),#fffef957;border:1px solid #342e2716;grid-template-columns:minmax(0,1fr) 48px;gap:0;overflow:hidden}.conversation-line-shell--active{background:linear-gradient(#efd8cf38,#fffef96b),#fffef96b;border-color:#4a171333;box-shadow:0 0 0 3px #87352813}.conversation-line{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"speaker hanzi""speaker pinyin""meaning meaning";align-content:center;padding:13px 12px}.conversation-line:hover,.conversation-line:focus-visible,.conversation-line-shell--active .conversation-line{box-shadow:none;background:#e4ebe62e;border-color:#0000;transform:none}.conversation-line span{text-overflow:ellipsis;grid-area:speaker;place-self:start;width:30px;max-width:100%;height:30px;padding-top:0;font-size:11px;line-height:1;overflow:hidden}.conversation-line strong{grid-area:hanzi;min-width:0;font-size:clamp(21px,6.5vw,27px);line-height:1.14}.conversation-line em{overflow-wrap:anywhere;grid-area:pinyin;min-width:0;font-size:14.5px;line-height:1.25}.conversation-line small{color:#12182694;grid-area:meaning;width:100%;padding-top:8px;font-size:14px;line-height:1.42}.conversation-line-audio-stack{display:contents}.conversation-line-audio{background:linear-gradient(#fffef9c2,#f2ebde52),#fffef95c;border-width:0 0 0 1px;border-radius:0;grid-area:1/2;width:48px;min-width:48px;height:100%;min-height:0;padding:0;font-size:0;position:relative;transform:none}.conversation-line-audio:hover:not(:disabled),.conversation-line-audio:focus-visible,.conversation-line-shell--active .conversation-line-audio{background:linear-gradient(#fffef9e0,#efd8cf57),#fffef96b;transform:none}.conversation-line-audio:before,.conversation-line-audio:after{content:"";position:absolute;top:50%;left:50%}.conversation-line-audio:before{background:#fffef99e;border:1px solid #4a171324;border-radius:50%;width:30px;height:30px;transform:translate(-50%,-50%);box-shadow:inset 0 1px #fffc,0 6px 15px #24201b0e}.conversation-line-audio:after{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid;width:0;height:0;margin-left:2px;transform:translate(-50%,-50%)}.conversation-line-shell--active .conversation-line-audio:after{display:none}.conversation-line-shell--active .conversation-line-audio:before{background:linear-gradient(#fffef9e6,#efe8da8f),#fffef9b8;border-color:#4a17132e;box-shadow:inset 0 1px #ffffffe0,0 8px 18px #4a171317}.conversation-line-shell--active .conversation-line-audio-equalizer{z-index:1;color:currentColor;justify-content:center;align-items:center;gap:3px;width:18px;height:16px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conversation-line-audio-equalizer i{transform-origin:50%;background:currentColor;border-radius:999px;width:3px;height:9px;animation:.88s ease-in-out infinite conversationLineAudioBar;display:block;box-shadow:0 0 0 .35px #4a17130f}.conversation-line-audio-equalizer i:nth-child(2){animation-delay:-.28s}.conversation-line-audio-equalizer i:nth-child(3){animation-delay:-.56s}@keyframes conversationLineAudioBar{0%,to{opacity:.72;height:7px}45%{opacity:1;height:15px}}.conversation-line-admin-actions{background:#fffef942;border-top:1px solid #342e2713;grid-column:1/-1;gap:0;display:flex}.conversation-line-admin-actions button{background:0 0;border:0;border-right:1px solid #342e2713;border-radius:0;flex:1 1 0;min-height:32px}.conversation-line-admin-actions button:last-child{border-right:0}.conversation-line-audio-error{grid-column:1/-1;padding:0 13px 12px}.line-drawer-backdrop{place-items:end stretch;padding:0}.line-drawer{border-radius:var(--radius) var(--radius) 0 0;border-top:1px solid #342e271f;border-left:0;width:100%;height:min(88vh,760px);padding:22px 18px}.drawer-save-main,.drawer-breakdown .base-button{width:100%}.activity-list li{flex-direction:column}}@media (width<=920px){.scene-canvas--lesson,.scene-workspace-grid,.scene-sync-grid,.scene-moment-grid,.scene-result-grid,.scene-register-grid,.ai-tutor-control-grid{grid-template-columns:1fr}.scene-moment-grid{align-items:stretch}.scene-moment-grid .base-button{width:100%}.scene-moment-card--compact .scene-moment-grid{grid-template-columns:1fr;justify-content:stretch}.ai-tutor-style-picker,.ai-tutor-scope-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-tutor-stepper{grid-template-columns:repeat(5,minmax(44px,1fr))}.ai-tutor-stepper button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:54px}.ai-tutor-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.seo-community-hero{min-height:76vh;padding:18px 16px 34px}.seo-community-nav{align-items:flex-start}.seo-community-brand span{max-width:132px;line-height:1.1}.seo-community-nav-actions{gap:8px}.seo-community-nav-primary{min-height:38px;padding:0 12px}.seo-community-hero-copy{gap:15px;margin-top:48px}.seo-community-hero-copy h1{font-size:42px;line-height:1}.seo-community-hero-copy p:not(.eyebrow),.seo-community-section-head p:not(.eyebrow){font-size:15.5px;line-height:1.62}.seo-community-actions .base-button{width:100%}.seo-community-band{width:calc(100% - 28px);padding:38px 0 58px}.seo-community-section-head h2{font-size:34px;line-height:1.05}.seo-community-grid article{padding:20px}.scene-hero-card,.scene-workspace-card,.scene-video-card,.scene-step-card,.scene-sync-card,.scene-moment-card,.scene-preview-card,.scene-loading-card,.scene-analysis-card{padding:16px}.scene-card--collapsed{padding:9px 10px}.scene-moment-card--compact{padding:12px}.scene-card--collapsible:not(.scene-card--collapsed){padding-right:54px}.scene-field-grid,.scene-mode-switch{grid-template-columns:1fr}.scene-mode-switch button{min-height:54px}.ai-tutor-intro,.ai-tutor-style-picker,.ai-tutor-script-picker,.ai-tutor-scope-picker{grid-template-columns:1fr}.ai-tutor-stepper{gap:5px;padding:5px}.ai-tutor-stepper button{min-height:48px;padding:5px 4px}.ai-tutor-stepper strong{font-size:10px}.ai-tutor-step-panel{min-height:0}.ai-tutor-start-summary{grid-template-columns:1fr}.ai-tutor-step-nav{flex-direction:column}.ai-tutor-step-nav .base-button,.ai-tutor-actions .base-button,.ai-tutor-chatgpt-link{width:100%}.ai-tutor-board-head>span{min-height:24px;padding:4px 9px;font-size:11px}.ai-tutor-prompt{min-height:360px}.ai-tutor-note-grid{grid-template-columns:1fr}.scene-upload-drop{min-height:190px}.scene-sync-options{background:linear-gradient(#402e1921,#342e2712),#e7ddca80;max-height:164px}.scene-sync-subtitle{display:none}.scene-cue-list article{grid-template-columns:1fr;gap:6px}.scene-sync-options button,.scene-saved-set-list button,.scene-video-empty,.scene-line-list article{grid-template-columns:1fr}.scene-saved-set-meta{justify-items:start}.scene-preview-head,.scene-sync-head,.scene-item-head{flex-direction:column;align-items:start}.scene-video-head{flex-direction:row;align-items:flex-start;gap:8px;margin-bottom:12px}.scene-video-head>div{min-width:0}.scene-video-head h3{font-size:27px;line-height:1.02}.scene-title-full{display:none}.scene-title-mobile{display:inline}.scene-video-source{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-video-status-row{flex-wrap:nowrap;gap:5px}.scene-video-time-pill,.scene-video-mode-pill{white-space:nowrap;margin-top:1px;padding:4px 7px;font-size:10px;line-height:1.1}.scene-moment-actions,.scene-sync-actions{justify-content:stretch}.scene-moment-actions .base-button,.scene-sync-actions .base-button{width:100%}}@media (width<=720px){.daily-news-category-grid{gap:8px}.daily-news-category-grid .news-category-card,.daily-news-category-grid .feature-panel:first-child{min-height:116px}.daily-news-category-grid .news-category-card{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:11px}.daily-news-category-grid .news-category-card .feature-mark{width:36px;height:36px;font-size:20px}.daily-news-category-grid .news-category-card strong{font-size:17px;line-height:1.05}.daily-news-category-grid .news-category-card small{font-size:11.5px;line-height:1.26}.daily-news-url-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end}.daily-news-url-panel>.feature-mark{display:none}.daily-news-url-panel .base-button{white-space:nowrap;width:auto;min-width:112px;padding-inline:12px}.daily-news-url-panel input{font-size:14px}.daily-news-reader-head{flex-direction:column;align-items:stretch}.daily-news-reader-head>span{width:fit-content}.daily-news-reader-toolbar{flex-wrap:nowrap;width:100%}.daily-news-switch{flex:1 1 0;justify-content:center;min-width:0}.daily-news-readable-article{padding:16px}.daily-news-sentence-wrap{font-size:24px}.daily-news-readable-article--pinyin .daily-news-sentence-wrap{flex-basis:100%}.daily-news-srs-popover{top:-30px;right:-6px}.news-srs-card-form footer .base-button{width:100%}}@media (width<=560px){.daily-news-category-grid .news-category-card,.daily-news-category-grid .feature-panel:first-child{min-height:112px}.daily-news-url-panel{gap:10px;padding:13px}.daily-news-url-panel .base-button{min-width:104px}.daily-news-url-panel input{font-size:13.5px}.daily-news-reader-head h2{font-size:29px}.daily-news-expander summary{padding:13px 14px;font-size:19px}.daily-news-note-list,.daily-news-expander .daily-news-question-list{padding:0 13px 13px}.news-srs-vocab-line{grid-template-columns:minmax(0,1fr)}.news-srs-vocab-line button{justify-self:start}}.background-audio-player--docked{z-index:1;transform-origin:100% 0;width:min(100%,360px);max-width:100%;position:relative;inset:auto}.background-audio-player--dock-pending{visibility:hidden;pointer-events:none;opacity:0}.background-audio-player--docked.background-audio-player--collapsed{border-radius:var(--radius);opacity:1;width:50px;height:50px;min-height:0;padding:5px}.background-audio-player--docked.background-audio-player--collapsed .background-audio-compact{cursor:pointer;gap:0}.background-audio-player--docked.background-audio-player--collapsed .background-audio-play{width:36px;height:36px}.background-audio-player--docked.background-audio-player--collapsed .background-audio-play-icon{border-top-width:6px;border-bottom-width:6px;border-left-width:9px;margin-left:2px}.background-audio-player--docked.background-audio-player--collapsed .background-audio-play-icon--pause{width:10px;height:12px;margin-left:0}.background-audio-player--docked.background-audio-player--collapsed .background-audio-play-icon--pause:before,.background-audio-player--docked.background-audio-player--collapsed .background-audio-play-icon--pause:after{width:3px;height:12px}.background-audio-player--docked.background-audio-player--collapsed .background-audio-expand{display:none}.background-audio-player--dimmed.background-audio-player--collapsed{opacity:.42;box-shadow:0 10px 24px #16110d1f,inset 0 1px #fffef924}@media (hover:hover) and (pointer:fine){.background-audio-player--dimmed.background-audio-player--collapsed:hover{opacity:1}}.background-audio-player--user-docked{z-index:95;max-width:none;position:fixed}.background-audio-player--user-docked:not(.background-audio-player--collapsed){width:min(360px, calc(100vw - var(--audio-edge-x) - var(--audio-edge-x)))}.background-audio-player--user-docked.background-audio-player--dock-top-left{top:var(--audio-edge-top);bottom:auto;right:auto;left:var(--audio-edge-x);transform-origin:0 0}.background-audio-player--user-docked.background-audio-player--dock-top-left:not(.background-audio-player--collapsed){top:var(--audio-expanded-top)}.background-audio-player--user-docked.background-audio-player--dock-top-right{top:var(--audio-edge-top);right:var(--audio-edge-x);transform-origin:100% 0;bottom:auto;left:auto}.background-audio-player--user-docked.background-audio-player--dock-top-right:not(.background-audio-player--collapsed){top:var(--audio-expanded-top)}.background-audio-player--user-docked.background-audio-player--dock-bottom-left{top:auto;right:auto;bottom:var(--audio-edge-bottom);left:var(--audio-edge-x);transform-origin:0 100%}.background-audio-player--user-docked.background-audio-player--dock-bottom-right{top:auto;right:var(--audio-edge-x);bottom:var(--audio-edge-bottom);transform-origin:100% 100%;left:auto}@media (width<=920px){.background-audio-player.background-audio-player--dock-top-left:not(.background-audio-player--docked),.background-audio-player--user-docked.background-audio-player--dock-top-left{top:var(--audio-edge-top);bottom:auto;right:auto;left:var(--audio-edge-x)}.background-audio-player.background-audio-player--dock-top-left:not(.background-audio-player--collapsed):not(.background-audio-player--docked),.background-audio-player--user-docked.background-audio-player--dock-top-left:not(.background-audio-player--collapsed){top:var(--audio-expanded-top)}.background-audio-player.background-audio-player--dock-top-right:not(.background-audio-player--docked),.background-audio-player--user-docked.background-audio-player--dock-top-right{top:var(--audio-expanded-top);right:var(--audio-edge-x);bottom:auto;left:auto}.background-audio-player--user-docked.background-audio-player--collapsed{--audio-play-size:34px;width:44px;height:44px;padding:4px}.background-audio-player:is(.background-audio-player--dock-bottom-left,.background-audio-player--dock-bottom-right):not(.background-audio-player--collapsed):not(.background-audio-player--docked),.background-audio-player--user-docked:is(.background-audio-player--dock-bottom-left,.background-audio-player--dock-bottom-right):not(.background-audio-player--collapsed){--audio-actions-gap:5px;--audio-chip-font-size:11px;--audio-chip-height:24px;--audio-chip-padding-x:6px;--audio-collapse-size:26px;--audio-expanded-gap:8px;--audio-kicker-size:14px;--audio-main-gap:8px;--audio-mode-gap:3px;--audio-mode-padding:2px;--audio-play-size:34px;--audio-small-size:11px;--audio-title-size:12.8px;--audio-topline-gap:8px;top:auto;bottom:var(--audio-edge-bottom);width:min(318px, calc(100vw - var(--audio-edge-x) - var(--audio-edge-x)));height:auto;min-height:0;max-height:min(236px, calc(100dvh - var(--audio-edge-bottom) - var(--audio-edge-top) - 16px));border-radius:10px;align-content:start;padding:9px;overflow:hidden;box-shadow:0 18px 42px #16110d3d,inset 0 1px #fffef92e}}@media (width<=560px){.background-audio-player--docked.background-audio-player--collapsed{width:46px;height:46px;padding:5px}.background-audio-player--docked.background-audio-player--collapsed .background-audio-play{width:34px;height:34px}.background-audio-player--user-docked.background-audio-player--collapsed{--audio-play-size:32px;width:42px;height:42px;padding:4px}}.tocfl-page{gap:12px}.tocfl-command-center{border-radius:var(--radius);background:linear-gradient(135deg,#d6ede8eb,#fffef9d6 52%,#f7e2d9b8),linear-gradient(115deg,#fffef9f2,#e2e9e48f 48%,#efd8cf57),#edf6f3;border:1px solid #126a5f2e;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffef9db,0 14px 34px #126a5f12}.tocfl-title-block{align-content:center;gap:5px;min-width:0;display:grid}.tocfl-title-block h2{font-size:34px;line-height:1}.tocfl-title-meta{max-width:none;color:var(--ink-620);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:760;line-height:1.35;display:flex}.tocfl-srs-sync-note{color:#424d48c7;background:#edf6f3ad;border:1px solid #126a5f1f;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:2px 0 0;padding:4px 8px 4px 5px;font-size:11px;font-weight:760;line-height:1.25;display:flex}.tocfl-srs-sync-note span{min-height:22px;color:var(--celadon-820);text-transform:uppercase;background:#fffefac7;border-radius:999px;place-items:center;padding:0 8px;font-size:10px;font-weight:920;line-height:1;display:inline-grid}.tocfl-srs-sync-note small{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.tocfl-title-block a{color:var(--celadon-820);text-decoration:none}.tocfl-title-block a:hover{text-underline-offset:3px;text-decoration:underline}.tocfl-overview-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tocfl-overview-strip--single{grid-template-columns:auto;justify-content:end;align-self:start;margin-top:4px}.tocfl-overview-stat{border-radius:var(--radius);background:#fffef9b8;border:1px solid #342e271f;align-content:center;min-height:72px;padding:10px 12px;display:grid;box-shadow:0 1px #fffef9b8}.tocfl-overview-stat:first-child{background:#315b720e;border-color:#315b7226}.tocfl-overview-stat:nth-child(2){background:#8766370f;border-color:#87663726}.tocfl-overview-stat:nth-child(3){background:#e2e9e47a;border-color:#3f584f26}.tocfl-overview-stat:nth-child(4){background:#efd8cf4d;border-color:#87352824}.tocfl-overview-stat span,.tocfl-overview-stat small,.tocfl-level-card small,.tocfl-level-card__percent,.tocfl-inline-status{color:#665b4cb8}.tocfl-overview-stat span{letter-spacing:.03em;text-transform:uppercase;font-size:10.5px;font-weight:850}.tocfl-overview-stat strong{margin-top:4px;font-size:24px}.tocfl-overview-stat small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10.5px;overflow:hidden}.tocfl-overview-stat--known-total{background:#edf6f3b8;border-color:#126a5f2e;border-radius:999px;align-items:baseline;gap:5px;min-height:32px;padding:5px 10px;display:inline-flex}.tocfl-overview-stat--known-total span,.tocfl-overview-stat--known-total strong,.tocfl-overview-stat--known-total small{margin:0;line-height:1}.tocfl-overview-stat--known-total span{color:var(--celadon-820)}.tocfl-overview-stat--known-total strong{font-size:15px}.tocfl-overview-stat--known-total small{color:#665b4cad;font-size:10px}.tocfl-mobile-level-picker{display:none}.tocfl-level-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.tocfl-level-card{border-radius:var(--radius);min-height:80px;color:inherit;cursor:pointer;text-align:left;background:#fffef98a;border:1px solid #342e2716;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:6px 9px;padding:10px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.tocfl-level-card:hover,.tocfl-level-card--active{background:linear-gradient(180deg, #fffef9db, #e2e9e485), var(--xuan-50);border-color:#4d665d38;transform:translateY(-1px);box-shadow:0 10px 22px #24201b0a}.tocfl-level-card--active{background:linear-gradient(145deg,#e5f3f0f5,#f1f8f6f0 58%,#fffefaf0),#edf6f3;border-color:#126a5f4d;transform:translateY(-2px);box-shadow:inset 0 1px #fffefae6,0 12px 24px #126a5f1a}.tocfl-level-card--active .tocfl-level-card__mark{color:#fffefa;background:var(--celadon-820);border-color:#126a5f47;box-shadow:0 5px 12px #126a5f29}.tocfl-level-card--active .tocfl-level-card__percent{color:var(--celadon-820);font-weight:900}.tocfl-level-card__mark{width:28px;height:28px;color:var(--cinnabar-750);font-family:var(--font-hanzi);background:#fffef9c7;border:1px solid #87352829;border-radius:50%;grid-row:1/3;place-items:center;font-size:15px;display:grid}.tocfl-level-card__copy{gap:3px;min-width:0;display:grid}.tocfl-level-card strong{color:var(--ink-980);font-family:var(--font-serif);overflow-wrap:anywhere;font-size:13.5px;line-height:1.12}.tocfl-level-card small{font-size:10px}.tocfl-level-card__meter{background:#342e2714;border-radius:999px;grid-column:2/4;height:4px;overflow:hidden}.tocfl-level-card__meter i{border-radius:inherit;background:linear-gradient(90deg, var(--celadon-760), #873528c7);height:100%;display:block}.tocfl-level-card__percent{grid-area:1/3;align-self:start;font-size:10.5px}.tocfl-level-summary__head{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px;min-width:0;display:grid}.tocfl-active-mark{width:50px;height:50px;color:var(--celadon-820);background:linear-gradient(145deg, #fffef9f0, #e2e9e494), var(--xuan-50);font-family:var(--font-hanzi);border:1px solid #4d665d2e;border-radius:50%;place-items:center;font-size:24px;display:grid;box-shadow:0 10px 22px #3f584f14,inset 0 1px #fffef9b8}.tocfl-level-summary__head h3{color:var(--ink-980);font-family:var(--font-sans);letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(24px,2.4vw,31px);font-weight:940;line-height:1}.tocfl-level-summary__head h3 span{color:var(--ink-620);font-family:var(--font-sans);vertical-align:middle;margin-left:8px;font-size:14px;font-weight:820;display:inline-flex}.tocfl-level-summary__head p:last-child{max-width:62ch;color:var(--ink-620);margin-top:5px;font-size:13px;font-weight:640;line-height:1.4}.tocfl-word-workspace{border-radius:var(--radius);background:linear-gradient(120deg, #fffef9f5, #e2e9e447 42%, #efd8cf29), linear-gradient(180deg, #fffef9eb, #f8f4eb94), var(--xuan-50);border:1px solid #342e2724;gap:12px;min-width:0;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffef9c2,0 10px 26px #24201b0d}.tocfl-word-workspace:before{background:linear-gradient(90deg, var(--celadon-760), var(--cinnabar-620), var(--tea-650));content:"";border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:16px;right:16px}.tocfl-workspace-focus{border-radius:var(--radius);background:linear-gradient(#fffef9d1,#e2e9e43d),#fffef985;border:1px solid #4d665d1f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 16px;display:grid;box-shadow:inset 0 1px #fffef9c7}.tocfl-workspace-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tocfl-workspace-actions--header{flex-direction:column;place-content:center;align-self:stretch;min-width:186px}.tocfl-workspace-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:36px;display:flex}.tocfl-workspace-toolbar .tocfl-inline-status{margin-right:auto}.tocfl-search-field--solo{border-radius:var(--radius);background:linear-gradient(135deg,#edf6f3f5,#fffef9c7 48%,#f7e2d96b),#fffef9d1;border:1px solid #126a5f26;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:6px 12px;display:grid;position:relative;box-shadow:inset 0 1px #fffef9c7,0 6px 18px #24201b09}.tocfl-search-field__icon{background:linear-gradient(145deg,#fffefafa,#edf6f3bd),#fffefa;border:1px solid #126a5f1f;border-radius:50%;justify-self:start;place-items:center;width:32px;height:32px;display:inline-grid;position:relative;box-shadow:inset 0 1px #fffefaf5,0 6px 14px #126a5f14}.tocfl-search-field__icon svg{fill:none;width:18px;height:18px;stroke:var(--celadon-820);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.35px;overflow:visible}.tocfl-search-field__icon-glint{opacity:.58;stroke:#126a5f85;stroke-width:1.8px}.tocfl-search-status-filter{justify-self:end;align-items:center;min-width:0;display:inline-flex;position:relative}.tocfl-search-status-filter:after{width:6px;height:6px;color:var(--celadon-820);content:"";pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;position:absolute;top:50%;right:10px;transform:translateY(-65%)rotate(45deg)}.tocfl-search-status-filter select{appearance:none;width:118px;min-width:0;max-width:34vw;height:34px;color:var(--celadon-820);cursor:pointer;background:linear-gradient(#fffefaf0,#edf6f3d1),#fffefa;border:1px solid #126a5f2e;border-radius:999px;outline:none;padding:0 26px 0 11px;font-size:11px;font-weight:900;line-height:1;box-shadow:inset 0 1px #fffef9db}.tocfl-search-status-filter select:focus-visible{border-color:#126a5f57;box-shadow:0 0 0 3px #126a5f1a,inset 0 1px #fffef9db}.tocfl-search-field--solo input{width:100%;min-width:0;height:38px;color:var(--ink-980);background:0 0;border:0;outline:none;font-size:14px;font-weight:760}.tocfl-search-field--solo:focus-within{border-color:#4d665d57;box-shadow:0 0 0 4px #4d665d14,inset 0 1px #fffef9c2}.tocfl-list-frame{border-radius:var(--radius);background:#fffef9a8;border:1px solid #342e271f;display:grid;overflow:visible}.tocfl-list-toolbar,.tocfl-list-footer{min-width:0;color:var(--ink-620);border-bottom:1px solid #342e2712;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:12px;font-weight:760;display:flex}.tocfl-list-footer{border-top:1px solid #342e2712;border-bottom:0}.tocfl-pagination{border-radius:calc(var(--radius) + 3px);background:#e2e9e438;border:1px solid #4d665d14;align-items:center;gap:5px;padding:3px;display:flex}.tocfl-pagination button{border-radius:var(--radius);min-width:34px;height:32px;color:var(--ink-620);cursor:pointer;background:#fffef994;border:1px solid #342e2717;padding:0 9px;font-size:12px;font-weight:850}.tocfl-pagination button:hover:not(:disabled){color:var(--celadon-820);background:#e2e9e47a;border-color:#4d665d33}.tocfl-pagination button.tocfl-pagination__button--active,.tocfl-pagination button[aria-current=page],.tocfl-pagination button.tocfl-pagination__button--active:hover:not(:disabled),.tocfl-pagination button[aria-current=page]:hover:not(:disabled){color:var(--celadon-820);background:#e2e9e4e0;border-color:#3f584f5c;box-shadow:inset 0 0 0 1px #fffef980,0 4px 10px #3f584f1a}.tocfl-pagination button:disabled{cursor:not-allowed;opacity:.45}.tocfl-word-list{grid-template-columns:repeat(auto-fit,minmax(296px,1fr));gap:8px;max-height:min(660px,100vh - 312px);padding:8px;display:grid;overflow-y:auto}.tocfl-word-row{border-radius:var(--radius);background:#fffef9b8;border:1px solid #342e271b;grid-template-rows:minmax(0,1fr) auto;align-items:start;gap:10px;min-height:148px;padding:11px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid;position:relative}.tocfl-word-row--menu-open{z-index:8}.tocfl-word-row:hover{border-color:#342e2724;box-shadow:0 8px 18px #24201b09}.tocfl-word-row--new{background:#f3f7f7;border-color:#315b7233}.tocfl-word-row--learning{background:#f7f1e3;border-color:#8766373d}.tocfl-word-row--review{background:#fbf0eb;border-color:#87352838}.tocfl-word-row--known{background:#eaf3ec;border-color:#3f584f42}.tocfl-word-main{align-content:start;gap:7px;min-width:0;display:grid}.tocfl-word-title-row{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:8px;display:grid}.tocfl-word-index{color:#665b4c85;font-family:var(--font-serif);letter-spacing:0;font-size:12px;font-weight:760}.tocfl-word-main h3{font-family:var(--font-serif);font-size:22px;line-height:1.08}.tocfl-word-definition-line{color:var(--ink-760);flex-wrap:wrap;align-items:flex-start;gap:6px;margin-top:4px;font-size:13px;font-weight:760;line-height:1.35;display:flex}.tocfl-pinyin-piece,.tocfl-pos-piece{overflow-wrap:anywhere;text-align:center;border:1px solid #0000;border-radius:6px;place-items:center;max-width:100%;min-height:22px;padding:2px 7px;line-height:1;display:inline-grid}.tocfl-pinyin-piece{color:#315b72;background:#315b7214;border-color:#315b7229}.tocfl-definition-divider{color:#665b4c94}.tocfl-pos-piece{font-size:11px;font-weight:880;line-height:1.15}.tocfl-pos-piece--noun{color:#5a4b73;background:#5a4b731a;border-color:#5a4b732b}.tocfl-pos-piece--verb{color:var(--celadon-820);background:#e2e9e4b8;border-color:#3f584f2b}.tocfl-pos-piece--measure{color:var(--tea-650);background:#8766371a;border-color:#8766372e}.tocfl-pos-piece--modifier{color:var(--cinnabar-750);background:#efd8cf80;border-color:#8735282e}.tocfl-pos-piece--function{color:#4f6470;background:#4f647017;border-color:#4f64702b}.tocfl-pos-piece--other{color:var(--ash-760);background:#ebe7dfad;border-color:#4c484024}.tocfl-definition-piece{min-width:min(100%,180px);max-width:100%;color:var(--ink-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:220px;font-weight:850;display:-webkit-box;overflow:hidden}.tocfl-word-meta{color:#665b4cb8;flex-wrap:wrap;gap:6px;font-size:11px;font-weight:760;line-height:1.3;display:flex}.tocfl-word-meta span{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;max-width:100%;padding:0;overflow:hidden}.tocfl-word-meta{padding-left:40px}.tocfl-word-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.tocfl-word-status-pill{white-space:nowrap;background:#fffef9a3;border:1px solid #342e271a;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:70px;min-height:30px;padding:3px 9px;font-size:11px;font-weight:880;line-height:1;display:inline-flex}.tocfl-word-status-pill--new{color:#315b72;background:#315b721a;border-color:#315b7238}.tocfl-word-status-pill--learning{color:var(--tea-650);background:#8766371f;border-color:#87663747}.tocfl-word-status-pill--review{color:var(--cinnabar-750);background:#efd8cf85;border-color:#87352838}.tocfl-word-status-pill--known{color:var(--celadon-820);background:#e2e9e4d1;border-color:#3f584f4d}.tocfl-save-word{min-width:70px;min-height:30px;color:var(--xuan-50);cursor:pointer;white-space:nowrap;background:#fffef985;background:var(--ink-980);border:1px solid #15110ddb;border-radius:999px;padding:0 10px;font-size:11px;font-weight:850;line-height:1}.tocfl-save-word--saved{color:var(--celadon-820);background:#e2e9e4ad;border-color:#3f584f33}.tocfl-save-word:disabled{cursor:not-allowed;opacity:.72}.tocfl-save-word--saved:disabled{opacity:1}.tocfl-status-menu{align-items:stretch;display:inline-flex;position:relative}.tocfl-status-menu-trigger{appearance:none;cursor:pointer}.tocfl-status-menu-trigger:after{content:"";opacity:.62;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .16s;transform:rotate(45deg)translateY(-1px)}.tocfl-status-menu--open .tocfl-status-menu-trigger:after{transform:rotate(225deg)translateY(-1px)}.tocfl-status-menu-trigger:hover,.tocfl-status-menu--open .tocfl-status-menu-trigger{border-color:#3f584f33;box-shadow:0 0 0 3px #3f584f12}.tocfl-status-menu-popover{z-index:20;border-radius:var(--radius);background:linear-gradient(180deg, #fffef9f5, #f8f4ebf0), var(--xuan-50);border:1px solid #342e271f;gap:4px;min-width:142px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 38px #24201b24}.tocfl-status-menu-popover button{min-height:32px;color:var(--ink-620);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 9px;font-size:12px;font-weight:850}.tocfl-status-menu-popover button:hover,.tocfl-status-menu-option--active{color:var(--celadon-820);background:#e2e9e470;border-color:#3f584f24}.tocfl-empty-state{border-radius:var(--radius);text-align:center;border:1px dashed #342e271f;justify-items:center;gap:8px;padding:42px 16px;display:grid}.tocfl-empty-state h3{font-family:var(--font-serif);font-size:23px}.tocfl-empty-state p{color:var(--ink-620)}@media (width<=1180px){.tocfl-command-center{grid-template-columns:minmax(0,1fr) auto}.tocfl-workspace-focus{grid-template-columns:minmax(0,1fr)}}@media (width<=920px){.tocfl-command-center,.tocfl-word-workspace,.tocfl-workspace-focus{padding:12px}.tocfl-title-block h2{font-size:28px}.tocfl-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tocfl-overview-strip--single{grid-template-columns:auto;justify-content:end}.tocfl-mobile-level-picker{border-radius:var(--radius);background:linear-gradient(180deg, #fffef9e6, #f8f4eb8f), var(--xuan-50);border:1px solid #342e2722;gap:6px;padding:11px 12px;display:grid;box-shadow:0 8px 20px #24201b0a}.tocfl-mobile-level-picker span{color:var(--ink-620);font-size:12px;font-weight:850}.tocfl-mobile-level-picker select{border-radius:var(--radius);width:100%;height:40px;color:var(--ink-980);background:#fffef9c2;border:1px solid #342e2721;padding:0 10px}.tocfl-level-rail{display:none}.tocfl-workspace-actions{justify-content:flex-start}.tocfl-workspace-actions--header{align-items:flex-start;min-width:0}.tocfl-workspace-toolbar{justify-content:flex-start}.tocfl-word-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-height:none;overflow:visible}}@media (width<=560px){.tocfl-command-center{gap:10px}.tocfl-overview-stat{min-height:64px;padding:9px}.tocfl-overview-stat strong{font-size:21px}.tocfl-overview-stat--known-total{min-height:30px;padding:5px 9px}.tocfl-overview-stat--known-total strong{font-size:14px}.tocfl-overview-stat--known-total small{font-size:9.5px}.tocfl-workspace-focus{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}.tocfl-level-summary__head{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px}.tocfl-active-mark{width:30px;height:30px;margin-top:2px;font-size:16px}.tocfl-level-summary__head h3{font-size:21px;line-height:1.05}.tocfl-level-summary__head h3 span{margin-top:0;margin-left:4px;font-size:12px;display:inline}.tocfl-level-summary__head p:last-child{margin-top:2px;font-size:11px;line-height:1.25}.tocfl-search-field--solo{min-height:46px;padding-inline:12px}.tocfl-search-status-filter select{width:118px;max-width:34vw;font-size:10.5px}.tocfl-search-field--solo input{height:38px;font-size:13px}.tocfl-workspace-actions,.tocfl-workspace-toolbar,.tocfl-list-toolbar,.tocfl-list-footer{flex-direction:column;align-items:stretch}.tocfl-pagination{grid-template-columns:repeat(7,minmax(0,1fr));width:100%;display:grid}.tocfl-pagination button{min-width:0;padding:0 5px}.tocfl-word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px}.tocfl-word-row{gap:8px;min-height:166px;padding:8px}.tocfl-word-title-row{grid-template-columns:27px minmax(0,1fr);gap:5px}.tocfl-word-index{font-size:11px}.tocfl-word-title-row>div{padding-right:54px}.tocfl-word-main h3{overflow-wrap:anywhere;font-size:20px}.tocfl-word-definition-line{gap:4px;margin-top:5px;font-size:11px;line-height:1.3}.tocfl-pinyin-piece,.tocfl-pos-piece{border-radius:5px;min-height:20px;padding:2px 5px}.tocfl-pinyin-piece{font-size:11px}.tocfl-definition-divider{display:none}.tocfl-definition-piece{-webkit-line-clamp:initial;flex-basis:100%;-webkit-box-orient:initial;min-width:0;display:block;overflow:visible}.tocfl-word-meta{padding-left:32px;font-size:10px}.tocfl-word-meta span{text-overflow:clip;white-space:normal;overflow:visible}.tocfl-word-actions{justify-content:flex-end;gap:5px}.tocfl-word-status-pill,.tocfl-save-word{min-width:58px;min-height:27px;padding-inline:7px;font-size:10px}.tocfl-pos-piece{z-index:2;max-width:52px;position:absolute;top:8px;right:8px;box-shadow:0 4px 10px #24201b0a}.tocfl-word-definition-line{padding-right:0}}.dashboard-page{gap:16px}.dashboard-priority-grid{grid-template-columns:minmax(0,1.32fr) minmax(320px,.82fr);align-items:stretch;gap:16px;display:grid;position:relative}.dashboard-priority-grid[aria-busy=true]{border-radius:var(--radius);background:linear-gradient(115deg,#fffef9d6,#e2e9e433),#fffef96b;border:1px solid #342e2714;min-height:276px;overflow:hidden;box-shadow:0 14px 34px #24201b0b,inset 0 1px #fffef9b8}.dashboard-priority-grid[aria-busy=true]:before{pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#fffef975,#0000),linear-gradient(#fffef938,#f2ebde2e);position:absolute;inset:0}.dashboard-tree-progress-section{min-width:0;display:grid}.dashboard-tree-card.mandarin-tree-card{background:linear-gradient(124deg, #fffef9e0, #e2e9e46b 50%, #efd8cf33), var(--xuan-50);border-color:#4d665d29;height:100%;box-shadow:0 20px 52px #24201b14,inset 0 1px #fffef9d6}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:minmax(220px,.86fr) minmax(0,1fr);gap:20px;min-height:276px;padding:22px 24px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-art{justify-self:center;width:min(292px,100%)}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-art:before{opacity:.86;filter:blur(6px);inset:11% 4% 4%}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-stage-frame{width:min(100%,282px)}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-stage-image{filter:drop-shadow(0 13px 18px #24201b1f)}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-golden-particles{display:block}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading h3{font-size:32px;line-height:1.03}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{color:#665b4cbd;max-width:34rem;font-size:14px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-xp-row strong{font-size:32px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-progress-track{border-radius:999px;height:7px}.dashboard-next-card{border-radius:var(--radius);min-width:0;min-height:276px;color:inherit;background:linear-gradient(132deg, #fffef9e6, #efd8cf5c 52%, #e2e9e442), var(--xuan-50);border:1px solid #87352829;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:22px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 52px #24201b14,inset 0 1px #fffef9d1}.dashboard-next-card:before{pointer-events:none;content:"";opacity:.22;background:linear-gradient(115deg,#0000,#fffef994,#0000),repeating-linear-gradient(90deg,#0000 0 28px,#8735280e 29px 30px,#0000 31px 58px);position:absolute;inset:0}.dashboard-next-card>*{position:relative}.dashboard-next-card:hover{border-color:#87352842;transform:translateY(-1px);box-shadow:0 24px 58px #24201b1a,inset 0 1px #fffef9db}.dashboard-next-card__mark{width:72px;height:72px;color:var(--cinnabar-750);background:linear-gradient(145deg, #fffef9f5, #efd8cf8a), var(--xuan-50);font-family:var(--font-hanzi);border:1px solid #87352833;border-radius:50%;place-items:center;font-size:38px;display:grid;box-shadow:0 10px 24px #24201b12}.dashboard-next-card__copy{align-content:start;gap:8px;min-width:0;display:grid}.dashboard-next-card__copy h2{color:var(--ink-980);font-family:var(--font-serif);font-size:34px;line-height:1}.dashboard-next-card__copy p:not(.eyebrow){max-width:30rem;color:var(--ink-620);font-size:15px;line-height:1.5}.dashboard-next-card__copy span{min-height:26px;color:var(--celadon-820);background:#fffef994;border:1px solid #4d665d24;border-radius:999px;justify-self:start;padding:5px 10px;font-size:12px;font-weight:820}.dashboard-next-card__button{border-radius:var(--radius);min-height:48px;color:var(--xuan-50);background:linear-gradient(135deg, var(--cinnabar-750), #6e2a20), var(--cinnabar-750);grid-column:1/-1;place-items:center;padding-inline:16px;font-weight:880;display:inline-grid;box-shadow:0 12px 26px #8735282e}.dashboard-section{gap:10px;display:grid}.dashboard-section-label{justify-content:space-between;align-items:end;gap:16px;padding:4px 2px 0;display:flex}.dashboard-section-label>div{align-items:baseline;gap:10px;min-width:0;display:flex}.dashboard-section-label .eyebrow{color:#873528cc;font-weight:790;line-height:1.1}.dashboard-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboard-tile-grid--goals{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-learning-tile{border-radius:var(--radius);min-width:0;min-height:116px;color:inherit;background:linear-gradient(142deg,#fffef9c7,#f2ebde2e),#fffef975;border:1px solid #342e2718;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:14px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #24201b0a}.dashboard-learning-tile:before{pointer-events:none;content:"";opacity:0;background:linear-gradient(110deg,#0000,#fffef99e,#0000);transition:opacity .18s;position:absolute;inset:0}.dashboard-learning-tile:hover{border-color:#4d665d38;transform:translateY(-1px);box-shadow:0 14px 34px #24201b11}.dashboard-learning-tile:hover:before{opacity:1}.dashboard-learning-tile__mark,.dashboard-learning-tile__body{position:relative}.dashboard-learning-tile__mark{width:58px;height:58px;color:var(--cinnabar-750);background:linear-gradient(145deg, #fffef9f5, #efd8cf75), var(--xuan-50);font-family:var(--font-hanzi);border:1px solid #8735282e;border-radius:50%;place-items:center;font-size:31px;display:grid;box-shadow:0 8px 20px #24201b0e}.dashboard-learning-tile--immersion .dashboard-learning-tile__mark{color:var(--celadon-820);background:linear-gradient(145deg, #fffef9f5, #e2e9e494), var(--xuan-50);border-color:#4d665d33}.dashboard-learning-tile--goals .dashboard-learning-tile__mark{color:#765222;background:linear-gradient(145deg, #fffef9f5, #eeddac75), var(--xuan-50);border-color:#87663733}.dashboard-learning-tile--community .dashboard-learning-tile__mark{color:var(--celadon-760);background:linear-gradient(145deg, #fffef9f5, #e2e9e47a), var(--xuan-50);border-color:#49645a38}.dashboard-learning-tile__body{align-content:center;gap:5px;min-width:0;display:grid}.dashboard-learning-tile__body strong{color:var(--ink-980);font-family:var(--font-serif);overflow-wrap:anywhere;font-size:20px;line-height:1.1}.dashboard-learning-tile__body small{min-height:22px;color:var(--celadon-820);background:#fffef98f;border:1px solid #4d665d1f;border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-weight:820;line-height:1.1}.dashboard-learning-tile--compact{min-height:98px}@media (width<=1100px){.dashboard-priority-grid{grid-template-columns:minmax(0,1.1fr) minmax(292px,.9fr)}.dashboard-priority-grid[aria-busy=true]{min-height:248px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:minmax(178px,.72fr) minmax(0,1fr);min-height:248px;padding:18px 20px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-stage-frame{width:min(100%,230px)}.dashboard-next-card{min-height:248px}.dashboard-next-card__copy h2{font-size:30px}}@media (width<=920px){.dashboard-page{gap:14px}.dashboard-priority-grid{grid-template-columns:1fr;gap:10px}.dashboard-priority-grid[aria-busy=true]{min-height:248px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:132px minmax(0,1fr);gap:14px;min-height:158px;padding:12px 14px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-art{width:132px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-stage-frame{width:128px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading{gap:3px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading h3{font-size:22px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{font-size:12px;line-height:1.28}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-message{display:none}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-xp-row{padding:8px 0}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-xp-row strong{font-size:24px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-progress-track{height:5px}.dashboard-next-card{grid-template-rows:auto;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;padding:14px}.dashboard-next-card__mark{width:54px;height:54px;font-size:29px}.dashboard-next-card__copy{gap:5px}.dashboard-next-card__copy h2{font-size:24px;line-height:1.04}.dashboard-next-card__copy p:not(.eyebrow){font-size:13px;line-height:1.35}.dashboard-next-card__button{white-space:nowrap;grid-column:auto;min-height:42px;padding-inline:14px}.dashboard-tile-grid,.dashboard-tile-grid--goals{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:9px}.dashboard-learning-tile{min-height:104px;padding:12px}.dashboard-learning-tile__mark{width:50px;height:50px;font-size:27px}}@media (width<=560px){.dashboard-page{gap:10px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:112px minmax(0,1fr);gap:10px;min-height:138px;padding:10px 11px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-art{width:112px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-stage-frame{width:108px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading h3{font-size:19px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{font-size:11px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-xp-row{padding:6px 0}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-xp-row span,.dashboard-tree-card.mandarin-tree-card .mandarin-tree-progress-top span,.dashboard-tree-card.mandarin-tree-card .mandarin-tree-progress-top strong{font-size:11px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-xp-row strong{font-size:21px}.dashboard-next-card{grid-template-columns:46px minmax(0,1fr);padding:12px}.dashboard-next-card__mark{width:46px;height:46px;font-size:25px}.dashboard-next-card__copy h2{font-size:21px}.dashboard-next-card__copy p:not(.eyebrow){display:none}.dashboard-next-card__copy span{min-height:22px;padding:4px 8px;font-size:11px}.dashboard-next-card__button{grid-column:1/-1;min-height:40px}.dashboard-section{gap:7px}.dashboard-section-label>div{gap:1px;display:grid}.dashboard-section-label span{font-size:11px}.dashboard-tile-grid,.dashboard-tile-grid--goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-learning-tile{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:8px;min-height:124px;padding:11px}.dashboard-learning-tile__mark{width:44px;height:44px;font-size:24px}.dashboard-learning-tile__body{align-content:start;gap:4px}.dashboard-learning-tile__body strong{font-size:15px}.dashboard-learning-tile__body small{min-height:20px;padding:3px 7px;font-size:10px;line-height:1.15}.dashboard-learning-tile__body span{display:none}}@media (width<=720px){.dashboard-tile-grid,.dashboard-tile-grid--goals{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.dashboard-learning-tile{background:linear-gradient(145deg,#fffef9db,#fffef980),#fffef975;grid-column:span 3;grid-template-rows:54px minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;min-height:128px;padding:12px;box-shadow:0 10px 24px #24201b0b,inset 0 1px #fffef9d1}.dashboard-learning-tile:after{content:"";background:#87352885;border-radius:0 0 999px 999px;height:3px;position:absolute;top:0;left:10px;right:10px}.dashboard-learning-tile--immersion:after,.dashboard-learning-tile--community:after{background:#49645a85}.dashboard-learning-tile--goals:after{background:#87663785}.dashboard-learning-tile__mark{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;justify-self:start;font-size:45px;line-height:1}.dashboard-learning-tile__body{align-self:end;gap:6px}.dashboard-learning-tile__body strong{font-family:var(--font-sans);font-size:15px;font-weight:870;line-height:1.12}.dashboard-learning-tile__body small{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 74px);min-height:21px;padding:4px 7px;font-size:10px;line-height:1.1;position:absolute;top:11px;right:11px;overflow:hidden}.dashboard-learning-tile__body span{display:none}.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3),.dashboard-tile-grid--immersion .dashboard-learning-tile:nth-child(3),.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3),.dashboard-tile-grid--goals .dashboard-learning-tile{grid-column:span 6;grid-template-rows:auto;grid-template-columns:58px minmax(0,1fr);align-items:center;min-height:86px}.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body,.dashboard-tile-grid--immersion .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body,.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body,.dashboard-tile-grid--goals .dashboard-learning-tile .dashboard-learning-tile__body{align-self:center;padding-right:76px}.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid--immersion .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid--goals .dashboard-learning-tile__body strong{font-size:17px}.dashboard-tile-grid--learn{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dashboard-tile-grid--learn .dashboard-learning-tile,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3){background:linear-gradient(152deg,#fffef9f5,#f8f4ebb8 54%,#e2e9e470),#fffef994;border-color:#4d665d24;grid-column:auto;grid-template-rows:48px minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;min-height:124px;padding:10px 8px 9px;box-shadow:0 12px 26px #24201b0e,inset 0 1px #fffef9f0,inset 0 -1px #4d665d0e}.dashboard-tile-grid--learn .dashboard-learning-tile:after{background:linear-gradient(90deg,#87352885,#4d665d80);height:3px;left:8px;right:8px}.dashboard-tile-grid--learn .dashboard-learning-tile__mark,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__mark{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;justify-self:center;font-size:42px;line-height:1}.dashboard-tile-grid--learn .dashboard-learning-tile__body,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body{text-align:center;align-self:end;justify-items:center;gap:5px;padding-right:0}.dashboard-tile-grid--learn .dashboard-learning-tile__body strong,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong{font-size:12.5px;font-weight:880;line-height:1.1}.dashboard-tile-grid--learn .dashboard-learning-tile__body small{max-width:100%;min-height:19px;padding:3px 7px;font-size:9.5px;line-height:1.05;position:static}}@media (width<=420px){.dashboard-learning-tile{min-height:120px;padding:11px}.dashboard-learning-tile__mark{font-size:40px}.dashboard-learning-tile__body strong{font-size:14px}.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3),.dashboard-tile-grid--immersion .dashboard-learning-tile:nth-child(3),.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3),.dashboard-tile-grid--goals .dashboard-learning-tile{min-height:80px}.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid--immersion .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid--goals .dashboard-learning-tile__body strong{font-size:16px}.dashboard-tile-grid--learn{gap:6px}.dashboard-tile-grid--learn .dashboard-learning-tile,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3){min-height:118px;padding:10px 6px 8px}.dashboard-tile-grid--learn .dashboard-learning-tile__mark,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__mark{font-size:38px}.dashboard-tile-grid--learn .dashboard-learning-tile__body strong,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong{font-size:11.5px;line-height:1.08}.dashboard-tile-grid--learn .dashboard-learning-tile__body small{min-height:18px;padding:3px 6px;font-size:9px}}.dashboard-tree-card.mandarin-tree-card,.dashboard-next-card,.dashboard-learning-tile{background:linear-gradient(#fffef9f0,#faf7f1c7),#fffef9ad;box-shadow:0 14px 34px #24201b0e,inset 0 1px #fffef9e6}.dashboard-tree-card.mandarin-tree-card{border-color:#342e2717}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading h3,.dashboard-next-card__copy h2,.dashboard-learning-tile__body strong{font-family:var(--font-sans);letter-spacing:0;font-weight:860}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading h3{font-size:30px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{color:#665b4ca8;font-size:13px;font-weight:780}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-xp-row strong{font-family:var(--font-sans);font-size:28px;font-weight:860}.dashboard-next-card{border-color:#8735281f;grid-template-columns:60px minmax(0,1fr);min-height:260px;padding:20px}.dashboard-next-card:before{opacity:1;background:linear-gradient(90deg,#873528b8,#4d665d85);border-radius:0 0 999px 999px;height:3px;inset:0 18px auto}.dashboard-next-card:hover{border-color:#87352833;box-shadow:0 18px 42px #24201b13,inset 0 1px #fffef9e6}.dashboard-next-card__mark,.dashboard-learning-tile__mark{border-radius:var(--radius)}.dashboard-next-card__mark{width:58px;height:58px;box-shadow:none;font-size:31px}.dashboard-next-card__copy p:not(.eyebrow){color:#665b4cb8;max-width:24rem;font-size:14px}.dashboard-next-card__button{background:linear-gradient(135deg, #8f372c, #7a2f26), var(--cinnabar-750);min-height:46px;font-family:var(--font-sans);font-weight:860}.dashboard-section{gap:9px}.dashboard-section-label{padding-top:2px}.dashboard-section-label:after{content:none;display:none}.dashboard-section-label .eyebrow{color:#873528c2;font-size:11px;font-weight:840}.dashboard-section-label span{color:#665b4c9e;font-size:12px;font-weight:760}.dashboard-learning-tile{border-color:#342e2716;min-height:104px}.dashboard-learning-tile:hover{border-color:#4d665d2e;box-shadow:0 16px 36px #24201b12,inset 0 1px #fffef9eb}.dashboard-learning-tile__mark{width:50px;height:50px;box-shadow:none;font-size:28px}.dashboard-learning-tile__body strong{font-size:18px;line-height:1.12}.dashboard-learning-tile__body small,.dashboard-next-card__copy span{color:#31534a;background:#f0f7f4b8;border-color:#4d665d1a;font-weight:840}.dashboard-learning-tile__body span{color:#665b4ca8;font-size:12px;line-height:1.38}@media (width<=920px){.dashboard-next-card{min-height:0}.dashboard-next-card__mark{width:50px;height:50px;font-size:27px}.dashboard-next-card__copy h2{font-size:23px}}@media (width<=720px){.dashboard-tile-grid--learn .dashboard-learning-tile,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3){background:linear-gradient(#fffef9f5,#f7f8f4c7),#fffef9ad;box-shadow:0 10px 24px #24201b0d,inset 0 1px #fffef9f0}.dashboard-tile-grid--learn .dashboard-learning-tile__body strong,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong{font-size:12px}}.dashboard-copy-full,.dashboard-copy-mobile{font-style:normal}.dashboard-copy-mobile{display:none}.dashboard-learning-tile__description{color:#665b4ca8;font-size:12px;line-height:1.38}@media (width<=720px){.dashboard-page{gap:12px;padding-bottom:112px}.dashboard-priority-grid{gap:8px}.dashboard-priority-grid[aria-busy=true]{min-height:224px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-layout{min-height:128px}.dashboard-next-card{grid-template-columns:44px minmax(0,1fr);gap:9px 10px;min-height:0;padding:12px}.dashboard-next-card:before{height:2px;left:12px;right:12px}.dashboard-next-card__mark{width:42px;height:42px;font-size:23px}.dashboard-next-card__copy{gap:4px}.dashboard-next-card__copy h2{font-size:20px;line-height:1.08}.dashboard-next-card__copy span{min-height:20px;padding:3px 7px;font-size:10px}.dashboard-next-card__button{grid-column:2;justify-self:start;min-height:34px;padding-inline:13px;font-size:13px}.dashboard-section{gap:7px}.dashboard-section-label{padding-top:0}.dashboard-section-label>div{justify-content:space-between;align-items:baseline;width:100%;display:flex}.dashboard-section-label .eyebrow,.dashboard-section-label span{font-size:11px}.dashboard-tile-grid--learn{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dashboard-tile-grid--learn .dashboard-learning-tile,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3){grid-column:auto;grid-template-rows:36px minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:104px;padding:9px 6px 8px}.dashboard-tile-grid--learn .dashboard-learning-tile__mark,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__mark{justify-self:center;font-size:34px}.dashboard-tile-grid--learn .dashboard-learning-tile__body,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body{text-align:center;align-self:end;justify-items:center;gap:4px;padding-right:0}.dashboard-tile-grid--learn .dashboard-copy-full{display:none}.dashboard-tile-grid--learn .dashboard-copy-mobile{display:inline}.dashboard-tile-grid--learn .dashboard-learning-tile__body strong,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong{font-size:11.5px;line-height:1.08}.dashboard-tile-grid--learn .dashboard-learning-tile__body small{max-width:100%;min-height:18px;padding:3px 6px;font-size:9px;position:static}.dashboard-tile-grid:not(.dashboard-tile-grid--learn) .dashboard-learning-tile{grid-template-rows:auto;grid-template-columns:42px minmax(0,1fr);align-items:center;min-height:74px;padding:10px}.dashboard-tile-grid:not(.dashboard-tile-grid--learn) .dashboard-learning-tile__mark{border-radius:var(--radius);background:#fffef99e;border:1px solid #4d665d1f;width:42px;height:42px;font-size:26px}.dashboard-tile-grid:not(.dashboard-tile-grid--learn) .dashboard-learning-tile__body{align-content:center;align-self:center;gap:5px;padding-right:0}.dashboard-tile-grid:not(.dashboard-tile-grid--learn) .dashboard-learning-tile__body strong{font-size:15px;line-height:1.1}.dashboard-tile-grid:not(.dashboard-tile-grid--learn) .dashboard-learning-tile__body small{justify-self:start;max-width:100%;min-height:19px;padding:3px 7px;font-size:9.5px;position:static}.dashboard-learning-tile__description{display:none}}@media (width<=380px){.dashboard-tile-grid--learn{gap:5px}.dashboard-tile-grid--learn .dashboard-learning-tile,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3){min-height:100px;padding-inline:5px}.dashboard-tile-grid--learn .dashboard-learning-tile__body strong,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong{font-size:10.5px}}.dashboard-next-card{background:linear-gradient(#fffef9f5,#f8f6f0d1),#fffef9b3;border-color:#342e2716;grid-template-rows:auto auto auto;grid-template-columns:56px minmax(0,1fr);align-content:start;gap:13px 14px;min-height:238px}.dashboard-next-card:before{background:linear-gradient(90deg,#8735289e,#4d665d7a);left:16px;right:16px}.dashboard-next-card__mark{border-color:#87352824;width:54px;height:54px;font-size:29px}.dashboard-next-card__copy h2{font-size:27px;line-height:1.08}.dashboard-next-card__copy p:not(.eyebrow){max-width:27rem;font-size:13.5px;line-height:1.42}.dashboard-next-card__stats{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-next-card__stats span{border-radius:var(--radius);background:#fffef994;border:1px solid #4d665d1a;gap:3px;min-height:52px;padding:9px 10px;display:grid}.dashboard-next-card__stats strong{color:var(--ink-980);font-size:19px;font-weight:900;line-height:1}.dashboard-next-card__stats small{color:#665b4c94;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.1}.dashboard-next-card__button{box-shadow:0 10px 22px #87352824}.scene-learning-page,.ai-tutor-page,.conversations-page,.building-blocks-page,.pinyin-page--guided,.profile-page{gap:14px}.scene-video-card,.scene-mode-card,.scene-step-card,.scene-sync-card,.scene-moment-card,.scene-preview-card,.scene-loading-card,.scene-analysis-card,.ai-tutor-generator,.ai-tutor-prompt-card,.ai-tutor-board,.conversation-hub-hero,.conversation-topic-hero,.conversation-topic-card,.conversation-script-card,.building-blocks-header,.building-block-focus-bar,.building-block-practice-card,.building-block-side-panel,.pinyin-page--guided .foundation-lesson,.pinyin-page--guided .phrase-explanation,.pinyin-page--guided .lesson-path-picker,.pinyin-page--guided .sound-atlas,.profile-summary-card,.profile-detail-grid .base-card,.profile-hub-link{border-radius:var(--radius);background:linear-gradient(#fffef9f0,#f8f6f0c2),#fffef9ad;border-color:#342e2716;box-shadow:0 14px 34px #24201b0e,inset 0 1px #fffef9e0}.scene-video-card{padding:clamp(16px,2.2vw,22px)}.scene-video-head h3,.ai-tutor-intro h3,.conversation-hub-hero__copy h2,.conversation-topic-hero__copy h2,.building-blocks-header h2,.foundation-lesson-topline h2,.profile-summary-copy h2{font-family:var(--font-sans);letter-spacing:0;font-weight:900}.scene-video-head h3,.ai-tutor-intro h3,.conversation-hub-hero__copy h2,.conversation-topic-hero__copy h2{font-size:clamp(25px,3vw,34px)}.scene-video-empty{background:linear-gradient(135deg,#f0f7f494,#fffef9a3),#fffef98a;border-color:#4d665d1f;min-height:164px}.scene-video-empty .scene-play{border-radius:var(--radius)}.scene-video-empty strong{max-width:25rem;color:var(--ink-900);font-family:var(--font-sans);font-size:18px;font-weight:860;line-height:1.18}.scene-video-entry input{background:#fffef9b8;min-height:46px}.scene-video-error{flex-wrap:wrap;align-items:center;gap:7px 10px;margin-top:8px;display:flex}.scene-video-error a{color:var(--cinnabar-750);text-underline-offset:.16em;font-weight:850;text-decoration-thickness:.08em}.scene-mode-switch{gap:8px}.scene-mode-switch button{background:#fffef985;min-height:58px}.ai-tutor-generator{gap:16px;padding:clamp(16px,2.2vw,22px)}.ai-tutor-intro{grid-template-columns:48px minmax(0,1fr);align-items:center}.ai-tutor-intro .feature-mark{border-radius:var(--radius);width:48px;height:48px;font-size:27px}.ai-tutor-intro p:not(.eyebrow){max-width:42rem;font-size:13.5px;line-height:1.45}.ai-tutor-stepper{background:#fffef966;gap:6px;padding:6px}.ai-tutor-stepper button{min-height:38px;padding:6px 7px}.ai-tutor-step-panel{min-height:216px}.ai-tutor-step-panel>.section-head,.ai-tutor-prompt-card>.section-head,.ai-tutor-board>.section-head{background:#fffef97a;padding:9px 10px}.ai-tutor-style-picker,.ai-tutor-script-picker,.ai-tutor-scope-picker{gap:8px}.ai-tutor-style-picker button,.ai-tutor-script-picker button,.ai-tutor-scope-picker button,.ai-tutor-start-summary div{background:#fffef985;min-height:0;padding:10px 11px}.ai-tutor-style-picker p,.ai-tutor-script-picker p,.ai-tutor-scope-picker p{font-size:12.5px;line-height:1.38}.conversation-hub-hero,.conversation-topic-hero{min-height:0;padding:clamp(18px,2.6vw,26px)}.conversation-hub-hero:before,.conversation-hub-hero:after{opacity:.08}.conversation-hub-hero__copy{gap:8px}.conversation-hub-hero__copy p:not(.eyebrow),.conversation-topic-hero__copy p{max-width:42rem;font-size:14px;line-height:1.48}.conversation-topic-grid,.conversation-script-list{gap:10px}.conversation-topic-card,.conversation-script-card{gap:12px;min-height:0;padding:13px}.conversation-topic-card h3,.conversation-script-card h3{font-family:var(--font-sans);text-overflow:clip;white-space:normal;font-size:clamp(18px,1.35vw,21px);font-weight:880;line-height:1.14;overflow:visible}.conversation-topic-card h3.conversation-title-fit--compact,.conversation-script-card h3.conversation-title-fit--compact{font-size:clamp(18px,1.35vw,21px)}.conversation-topic-card h3.conversation-title-fit--tight,.conversation-script-card h3.conversation-title-fit--tight{font-size:clamp(17px,1.22vw,19px)}.conversation-topic-card p,.conversation-script-card p{font-size:12.5px;line-height:1.38}.conversation-chunk-row{gap:5px}.conversation-chunk-row span{min-height:22px;padding:3px 7px;font-size:10px}.building-blocks-header{min-height:0;padding:clamp(15px,2vw,20px)}.building-blocks-header h2{font-size:clamp(25px,3vw,34px)}.building-block-focus-bar{padding:10px 12px}.building-block-practice-card{padding:clamp(14px,2vw,20px)}.building-block-mode-switch{background:#fffef97a;padding:5px}.building-block-practice-head h3{font-size:clamp(22px,2.4vw,30px)}.building-block-cue-card,.building-block-choice-panel,.building-block-result{background:#fffef994;border-color:#342e2713}.building-block-option{background:#fffef99e;min-height:72px}.building-block-side-panel{gap:10px;padding:14px}.pinyin-page--guided{--first-sounds-ink:var(--ink-980);--first-sounds-teal:var(--celadon-760);--first-sounds-coral:var(--cinnabar-750);--first-sounds-blue:#49645a}.pinyin-page--guided .foundation-lesson{grid-template-rows:auto auto minmax(300px,auto) auto;padding:clamp(16px,2.4vw,24px)}.pinyin-page--guided .foundation-lesson:after{background:linear-gradient(90deg,#4d665db8,#87352894);left:16px;right:16px}.foundation-lesson-topline h2{font-size:clamp(28px,3.4vw,42px)}.foundation-lesson-stats{gap:7px}.foundation-lesson-stats span{background:#fffef99e;min-width:112px;padding:8px 10px}.foundation-lesson-stats small{letter-spacing:0;font-size:9.5px}.pinyin-page--guided .lesson-phrase-pane{min-height:276px}.profile-page{gap:16px}.profile-summary-card{padding:clamp(16px,2.4vw,24px)}.profile-summary{grid-template-columns:60px minmax(0,1fr) auto;gap:16px}.profile-summary img,.profile-summary-avatar{width:60px;height:60px}.profile-summary-copy{gap:4px}.profile-summary-copy .eyebrow{color:#873528b8;font-size:10.5px}.profile-summary-copy h2{font-size:clamp(25px,3vw,34px)}.profile-tags{grid-column:1/-1;padding-top:2px}.profile-tags span,.profile-hub-link small{color:#665b4ca3}.profile-progress-section{gap:16px}.profile-stat-grid{gap:10px}.profile-progress-section .stat-tile{min-height:116px}.profile-detail-grid,.profile-story-stack,.profile-hub-links{gap:10px}.profile-hub-link{min-height:72px;padding:12px}.profile-hub-mark{border-radius:var(--radius)}@media (width<=920px){.dashboard-next-card{min-height:0}.dashboard-next-card__stats{grid-column:1/-1}.conversation-topic-card,.conversation-script-card{padding:12px}.building-block-option{min-height:62px}}@media (width<=720px){.dashboard-next-card{grid-template-columns:42px minmax(0,1fr);gap:9px 10px}.dashboard-next-card__copy h2{font-size:19px}.dashboard-next-card__stats{gap:6px}.dashboard-next-card__stats span{min-height:44px;padding:7px 8px}.dashboard-next-card__stats strong{font-size:16px}.dashboard-next-card__stats small{font-size:9px}.dashboard-next-card__button{grid-column:1/-1;min-height:38px}.scene-video-card,.ai-tutor-generator,.conversation-hub-hero,.conversation-topic-hero,.building-block-practice-card,.profile-summary-card{padding:14px}.ai-tutor-intro{grid-template-columns:42px minmax(0,1fr);gap:10px}.ai-tutor-intro .feature-mark{width:42px;height:42px;font-size:24px}.ai-tutor-stepper{grid-template-columns:repeat(5,minmax(0,1fr))}.ai-tutor-stepper button{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:44px}.ai-tutor-stepper span{width:22px;height:22px}.ai-tutor-stepper strong{font-size:9.5px}.conversation-topic-grid,.conversation-script-list{grid-template-columns:1fr;gap:8px}.conversation-topic-card,.conversation-script-card{gap:9px;padding:11px}.conversation-topic-card h3,.conversation-script-card h3,.conversation-topic-card h3.conversation-title-fit--compact,.conversation-script-card h3.conversation-title-fit--compact{font-size:18px}.conversation-topic-card h3.conversation-title-fit--tight,.conversation-script-card h3.conversation-title-fit--tight{font-size:17px}.building-blocks-header,.building-block-focus-bar{padding:12px}.building-block-practice-head h3{font-size:21px}.building-block-option{min-height:56px;padding:9px 10px}.pinyin-page--guided .foundation-lesson{padding:14px}.foundation-lesson-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.foundation-lesson-stats span{min-width:0;padding:7px}.foundation-lesson-stats strong{font-size:15px}.profile-summary{grid-template-columns:52px minmax(0,1fr)}.profile-summary img,.profile-summary-avatar{width:52px;height:52px}.profile-summary-actions{grid-column:1/-1;justify-content:flex-start}.profile-stat-grid,.profile-detail-grid,.profile-hub-links{grid-template-columns:1fr}}.dashboard-next-card--review{background:linear-gradient(#fffef9f7,#f7f9f5d6),#fffef9b8;border-color:#4d665d24;grid-template-rows:auto auto;grid-template-columns:54px minmax(0,1fr);align-content:center;gap:14px 15px;min-height:0;padding:18px;box-shadow:0 16px 38px #24201b11,inset 0 1px #fffef9eb}.dashboard-next-card--review:before{opacity:.9;background:linear-gradient(90deg,#87352894,#4d665da3);height:3px;left:16px;right:16px}.dashboard-next-card--review:hover{border-color:#4d665d33;box-shadow:0 20px 46px #24201b16,inset 0 1px #fffef9f0}.dashboard-next-card--review .dashboard-next-card__mark{border-radius:var(--radius);width:52px;height:52px;color:var(--cinnabar-750);box-shadow:none;background:linear-gradient(#fffef9f5,#f8efe7b8),#fffef9bd;border-color:#87352826;font-size:29px}.dashboard-next-card--review .dashboard-next-card__copy{align-content:center;gap:6px}.dashboard-next-card--review .dashboard-next-card__copy .eyebrow{color:#873528d1;font-size:10.5px;font-weight:900}.dashboard-next-card--review .dashboard-next-card__copy h2{max-width:18rem;color:var(--ink-980);font-family:var(--font-sans);font-size:clamp(22px,2.2vw,28px);font-weight:920;line-height:1.05}.dashboard-next-card--review .dashboard-next-card__copy p:not(.eyebrow){color:#665b4cb3;max-width:24rem;font-size:13px;font-weight:640;line-height:1.42}.dashboard-next-card--review .dashboard-next-card__copy span{color:#31534a;background:#f0f7f4bd;border-color:#4d665d1f;min-height:24px;padding:4px 9px;font-size:11px;font-weight:880}.dashboard-next-card--review .dashboard-next-card__button{min-height:46px;color:var(--xuan-50);background:linear-gradient(135deg, #41675c, #244a42), var(--celadon-760);border:1px solid #1f473e2e;font-weight:900;box-shadow:0 12px 24px #244a4229}.dashboard-next-card--review .dashboard-next-card__button:hover{filter:brightness(1.03)}@media (width<=720px){.dashboard-next-card--review{grid-template-columns:42px minmax(0,1fr);gap:9px 10px;padding:12px}.dashboard-next-card--review:before{left:12px;right:12px}.dashboard-next-card--review .dashboard-next-card__mark{width:42px;height:42px;font-size:23px}.dashboard-next-card--review .dashboard-next-card__copy{gap:4px}.dashboard-next-card--review .dashboard-next-card__copy h2{max-width:none;font-size:20px;line-height:1.08}.dashboard-next-card--review .dashboard-next-card__copy p:not(.eyebrow){font-size:12px;line-height:1.35}.dashboard-next-card--review .dashboard-next-card__copy span{min-height:20px;padding:3px 7px;font-size:10px}.dashboard-next-card--review .dashboard-next-card__button{grid-column:1/-1;justify-self:stretch;width:100%;min-height:38px;font-size:13px}}@media (width<=380px){.dashboard-next-card--review .dashboard-next-card__copy h2{font-size:18px}}@media (width<=720px){.dashboard-next-card{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:10px 12px;padding:12px}.dashboard-next-card__mark{border-radius:var(--radius);width:42px;height:42px;font-size:24px}.dashboard-next-card__copy{gap:4px;min-width:0;padding-top:1px}.dashboard-next-card__copy .eyebrow{font-size:9.5px;line-height:1}.dashboard-next-card__copy h2{text-wrap:balance;max-width:100%;font-size:19px;line-height:1.08}.dashboard-next-card__copy p:not(.eyebrow){font-size:12px;line-height:1.34}.dashboard-next-card__copy span{min-height:20px;padding:3px 7px;font-size:10px}.dashboard-next-card__stats{grid-column:1/-1;gap:7px}.dashboard-next-card__stats span{min-height:42px;padding:7px 8px}.dashboard-next-card__button{grid-column:1/-1;justify-self:stretch;width:100%;min-height:40px;font-size:13px}}@media (width<=920px){.app-shell--pinyin .mobile-sound-pager{align-items:center;min-height:0;margin-top:2px;padding-top:0}.app-shell--pinyin .mobile-sound-pager .base-button{color:#493e33c7;width:100%;height:42px;min-height:42px;max-height:42px;box-shadow:none;background:linear-gradient(#fffef9cc,#edf7f452),#fffef980;border:1px solid #4d665d1f;align-self:center;padding:0 10px;font-size:12px;font-weight:880}.app-shell--pinyin .mobile-sound-pager .base-button:not(:disabled):last-child{color:var(--xuan-50);background:linear-gradient(180deg, #3d6055fa, #27423afa), var(--celadon-820);border-color:#24746b2e}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px}.leaderboard-podium-card,.leaderboard-podium-card--rank-1{text-align:center;grid-template-columns:minmax(0,1fr);align-content:end;place-items:end center;gap:8px;min-height:178px;padding:12px 8px}.leaderboard-podium-card--rank-1{order:2;min-height:214px}.leaderboard-podium-card--rank-2{order:1;min-height:190px}.leaderboard-podium-card--rank-3{order:3;min-height:184px}.leaderboard-podium-card__rank{grid-row:auto;width:30px;height:30px;font-size:12px}.leaderboard-podium-card__avatar,.leaderboard-podium-card--rank-1 .leaderboard-podium-card__avatar{width:52px;height:52px}.leaderboard-podium-card--rank-1 .leaderboard-podium-card__avatar{width:62px;height:62px}.leaderboard-podium-card>div,.leaderboard-podium-card strong{grid-column:auto}.leaderboard-podium-card>div{justify-items:center;width:100%}.leaderboard-podium-card__name{width:100%;font-size:16px;line-height:1.08}.leaderboard-podium-card small{font-size:10px;line-height:1.1}.leaderboard-podium-card strong{text-overflow:ellipsis;justify-self:center;max-width:100%;padding:6px 7px;font-size:11px;overflow:hidden}}@media (width<=560px){.leaderboard-podium{gap:6px}.leaderboard-podium-card,.leaderboard-podium-card--rank-1{gap:7px;padding:10px 6px}.leaderboard-podium-card{min-height:160px}.leaderboard-podium-card--rank-1{min-height:194px}.leaderboard-podium-card--rank-2{min-height:174px}.leaderboard-podium-card--rank-3{min-height:168px}.leaderboard-podium-card__avatar,.leaderboard-podium-card--rank-1 .leaderboard-podium-card__avatar{width:44px;height:44px}.leaderboard-podium-card--rank-1 .leaderboard-podium-card__avatar{width:54px;height:54px}.leaderboard-podium-card__name{font-size:12px}.leaderboard-podium-card small{font-size:9px}.leaderboard-podium-card strong{padding:5px 6px;font-size:9.5px}}@media (width<=720px){.profile-page .profile-progress-section{gap:10px}.profile-page .profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.profile-page .profile-progress-section .stat-tile{background:linear-gradient(#fffef9eb,#f8f6f0a8),#fffef9a3;border-color:#342e2714;gap:5px;min-height:72px;padding:8px 6px;box-shadow:0 8px 18px #24201b0a,inset 0 1px #fffef9e0}.profile-page .profile-progress-section .stat-tile:after{width:42%;bottom:8px;right:8px}.profile-page .profile-progress-section .stat-tile span{color:#665b4cb8;font-size:9px;font-weight:820;line-height:1.08}.profile-page .profile-progress-section .stat-tile small{display:none}.profile-page .profile-progress-section .stat-tile strong{align-self:end;font-size:20px;line-height:.95}}@media (width<=360px){.profile-page .profile-stat-grid{gap:5px}.profile-page .profile-progress-section .stat-tile{min-height:68px;padding-inline:5px}.profile-page .profile-progress-section .stat-tile span{font-size:8.5px}.profile-page .profile-progress-section .stat-tile strong{font-size:18px}}.daily-news-page{gap:14px}.daily-news-picker{gap:10px}.daily-news-picker-head{justify-content:space-between;align-items:end;gap:16px;padding:2px 2px 0;display:flex}.daily-news-picker-head h2{color:var(--ink-980);font-family:var(--font-sans);margin:0;font-size:26px;font-weight:920;line-height:1.06}.daily-news-preference-pills{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.daily-news-preference-pills span,.daily-news-reader-stats span{color:#31534a;background:#f0f7f4ad;border:1px solid #4d665d1c;border-radius:999px;align-items:center;min-height:24px;padding:4px 9px;font-size:11px;font-weight:860;line-height:1;display:inline-flex}.daily-news-category-grid{gap:10px}.daily-news-category-grid .news-category-card,.daily-news-category-grid .feature-panel:first-child{min-height:116px}.daily-news-category-grid .news-category-card{background:linear-gradient(#fffef9e6,#f8f6f09e),#fffef999;border-color:#342e2714;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:12px;padding:15px;box-shadow:0 10px 24px #24201b0b,inset 0 1px #fffef9e0}.daily-news-category-grid .news-category-card:hover{border-color:#4d665d2e;transform:translateY(-1px)}.daily-news-category-grid .news-category-card--active{background:linear-gradient(#f6faf7f5,#e8f0eba8),#fffef9ad;border-color:#4d665d38}.daily-news-category-grid .news-category-card .feature-mark{border-radius:var(--radius);width:46px;height:46px;font-size:25px}.daily-news-category-grid .news-category-card strong{font-family:var(--font-sans);font-size:20px;font-weight:900}.daily-news-category-grid .news-category-card small{color:#665b4cb8;font-size:12.5px;line-height:1.38}.daily-news-url-panel{background:linear-gradient(#fffef9e6,#f8f6f08f),#fffef994;border-color:#342e2713;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;padding:12px;box-shadow:0 10px 24px #24201b0a,inset 0 1px #fffef9db}.daily-news-url-panel>.feature-mark{border-radius:var(--radius);width:46px;height:46px;font-size:24px}.daily-news-url-panel input{background:#fffef9c2;min-height:44px}.daily-news-url-panel .base-button{min-height:44px}.daily-news-reader-card{background:linear-gradient(#fffef9f5,#f8f6f0b8),#fffef9b8;border-color:#342e2716;gap:16px;padding:clamp(18px,2vw,24px);box-shadow:0 18px 48px #24201b11,inset 0 1px #fffef9e6}.daily-news-reader-head{gap:12px;display:grid}.daily-news-reader-head__copy{gap:10px;min-width:0;display:grid}.daily-news-reader-kicker{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-news-reader-kicker .eyebrow{color:#873528c7;font-weight:880}.daily-news-reader-kicker>span{color:#31534a;background:#f0f7f4bd;border:1px solid #4d665d24;border-radius:999px;flex:none;min-height:28px;padding:6px 10px;font-size:11px;font-weight:900}.daily-news-reader-head h2{max-width:18em;color:var(--ink-980);font-family:var(--font-hanzi);overflow-wrap:anywhere;margin:0;font-size:38px;font-weight:900;line-height:1.06}.daily-news-reader-gist{color:#665b4cc7;max-width:68rem;margin:0;font-size:15px;line-height:1.55}.daily-news-gist-label{color:#31534a;background:#f0f7f4c2;min-height:22px;padding:3px 8px}.daily-news-reader-stats{flex-wrap:wrap;gap:6px;display:flex}.daily-news-source{background:#fffef98a;border-color:#342e2713;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:11px 12px;display:grid}.daily-news-source strong{color:#24201bdb;font-family:var(--font-sans);font-size:13px;font-weight:850;line-height:1.35}.daily-news-source span{color:#665b4cb8;font-size:12.5px;font-weight:720}.daily-news-source a{color:var(--cinnabar-750);text-underline-offset:.16em;font-size:12.5px;font-weight:880;text-decoration-thickness:.08em}.daily-news-reader-toolbar{background:#fffef98f;border-color:#342e2713;align-items:center;gap:6px;width:fit-content;padding:5px;display:inline-flex}.daily-news-toolbar-title{color:#665b4ca8;text-transform:uppercase;padding:0 8px;font-size:11px;font-weight:880}.daily-news-switch{background:#fffef985;border-color:#342e2713;min-height:34px;padding-inline:10px}.daily-news-switch span{color:#24201bcc;font-size:12px;font-weight:850}.daily-news-switch input:checked+span{color:#244a42}.daily-news-readable-article{background:linear-gradient(#fffef9f0,#fdfbf6d1),#fffef9ad;border-color:#342e2713;gap:20px;max-width:920px;margin-inline:auto;padding:28px 30px;box-shadow:inset 0 1px #fffef9eb,0 14px 32px #24201b0b}.daily-news-readable-paragraph{line-height:1.84}.daily-news-sentence-wrap{font-size:27px}.daily-news-readable-sentence{letter-spacing:0;font-weight:560}.daily-news-readable-article--srs button.daily-news-readable-sentence:hover,.daily-news-sentence-wrap--active .daily-news-readable-sentence{background:#efd8cf57;box-shadow:0 0 0 4px #efd8cf33}.daily-news-readable-article--pinyin .daily-news-readable-paragraph{gap:12px 5px}.daily-news-inline-pinyin{color:#31534a;font-size:12.5px;font-weight:760}.daily-news-srs-popover{width:32px;height:32px;color:var(--xuan-50);background:linear-gradient(135deg, #41675c, #244a42), var(--celadon-760);font-size:22px;box-shadow:0 12px 24px #244a4229}.daily-news-expander{background:linear-gradient(#fffef9e6,#f8f6f094),#fffef99e;border-color:#342e2713;box-shadow:0 10px 24px #24201b0a,inset 0 1px #fffef9db}.daily-news-expander summary{font-family:var(--font-sans);font-size:18px;font-weight:900}.daily-news-note-list article,.daily-news-expander .daily-news-question-list article{background:#fffef98f;border-color:#342e2712}@media (width<=920px){.daily-news-picker-head{align-items:start}.daily-news-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-news-reader-head h2{font-size:34px}}@media (width<=720px){.daily-news-page{gap:10px;padding-bottom:108px}.daily-news-picker-head{gap:8px;display:grid}.daily-news-picker-head h2{font-size:22px}.daily-news-preference-pills{justify-content:flex-start}.daily-news-category-grid{gap:7px}.daily-news-category-grid .news-category-card,.daily-news-category-grid .feature-panel:first-child{min-height:88px}.daily-news-category-grid .news-category-card{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:9px}.daily-news-category-grid .news-category-card .feature-mark{width:34px;height:34px;font-size:19px}.daily-news-category-grid .news-category-card strong{font-size:15px}.daily-news-category-grid .news-category-card small{font-size:10.5px;line-height:1.22}.daily-news-url-panel{grid-template-columns:minmax(0,1fr);padding:10px}.daily-news-url-panel .base-button{width:100%;min-width:0}.daily-news-reader-card{gap:12px;padding:13px}.daily-news-reader-kicker{align-items:start}.daily-news-reader-head h2{font-size:28px;line-height:1.08}.daily-news-reader-gist{font-size:13px;line-height:1.45}.daily-news-reader-stats span{min-height:21px;padding:3px 7px;font-size:10px}.daily-news-source{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px}.daily-news-reader-toolbar{grid-template-columns:1fr 1fr;width:100%;display:grid}.daily-news-toolbar-title{grid-column:1/-1;padding:2px 4px 0}.daily-news-switch{justify-content:center}.daily-news-readable-article{max-width:none;padding:18px}.daily-news-readable-paragraph{line-height:1.72}.daily-news-sentence-wrap{font-size:24px}.daily-news-inline-pinyin{font-size:11.5px}}@media (width<=380px){.daily-news-category-grid .news-category-card small{display:none}.daily-news-category-grid .news-category-card,.daily-news-category-grid .feature-panel:first-child{min-height:58px}.daily-news-reader-head h2{font-size:25px}.daily-news-readable-article{padding:15px}.daily-news-sentence-wrap{font-size:22px}}.pinyin-page--guided .foundation-lesson{grid-template-rows:auto auto auto auto;gap:14px}.pinyin-page--guided .lesson-stage-shell{align-content:start;gap:12px}.pinyin-page--guided .lesson-exercise-pane,.pinyin-page--guided .stage-action-panel{align-content:start}.pinyin-page--guided .foundation-actions{border-radius:calc(var(--radius) + 2px);background:linear-gradient(#fffef9c7,#edf7f457),#fffef980;border:1px solid #24746b1f;grid-template-columns:minmax(150px,.42fr) minmax(220px,.58fr);justify-self:center;align-items:center;gap:10px;width:min(740px,100%);margin-top:-2px;padding:8px;display:grid;box-shadow:0 12px 28px #1218260b,inset 0 1px #fffef9db}.pinyin-page--guided .foundation-actions .base-button{border-radius:var(--radius);gap:8px;width:100%;min-height:48px;font-size:13px;font-weight:900}.pinyin-page--guided .foundation-actions .base-button:first-child{color:#121826ad;box-shadow:none;background:#fffef975;border-color:#24746b1a}.pinyin-page--guided .foundation-actions .base-button:first-child:before{content:"←";font-size:15px;line-height:1}.pinyin-page--guided .foundation-actions .base-button:last-child{color:var(--xuan-50);background:linear-gradient(180deg, #3d6055fa, #27423afa), var(--celadon-820);border-color:#24746b38;box-shadow:0 12px 24px #244a4224}.pinyin-page--guided .foundation-actions .base-button:last-child:after{content:"→";font-size:15px;line-height:1}.pinyin-page--guided .foundation-actions .base-button:disabled{color:#665b4c6b;box-shadow:none;background:#fffef947;border-color:#342e270f}@media (width<=920px){.app-shell--pinyin .pinyin-page--guided .foundation-lesson{grid-template-rows:auto auto auto auto;gap:8px;padding-bottom:10px}.app-shell--pinyin .pinyin-page--guided .lesson-stage-shell{gap:8px}.app-shell--pinyin .pinyin-page--guided .lesson-exercise-pane{padding-top:0}.app-shell--pinyin .pinyin-page--guided .stage-action-panel{gap:8px}.app-shell--pinyin .pinyin-page--guided .shadow-practice-strip{padding:8px 10px}.app-shell--pinyin .pinyin-page--guided .foundation-actions{display:none}.app-shell--pinyin .pinyin-page--guided .mobile-sound-pager{border-radius:var(--radius);background:#fffef97a;border:1px solid #24746b1a;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:8px;margin-top:0;padding:7px;display:grid;box-shadow:inset 0 1px #fffef9cc}.app-shell--pinyin .pinyin-page--guided .mobile-sound-pager .base-button{border-radius:calc(var(--radius) - 2px);gap:6px;height:40px;min-height:40px;max-height:40px;font-size:12px;font-weight:900}.app-shell--pinyin .pinyin-page--guided .mobile-sound-pager .base-button:first-child:before{content:"←";font-size:13px;line-height:1}.app-shell--pinyin .pinyin-page--guided .mobile-sound-pager .base-button:last-child:after{content:"→";font-size:13px;line-height:1}}:root{--app-bg:#f6faf7;--surface-1:#fffdf8;--surface-2:#f8fbf8;--accent-green:#127a6f;--accent-green-dark:#0c5e56;--accent-coral:#d84e3f;--accent-coral-dark:#a9342a;--accent-blue:#356dd9;--accent-amber:#b77716;--accent-plum:#6f63d9;--shadow-app-card:0 14px 36px #141f2613;--shadow-app-card-hover:0 20px 46px #141f261c}body{background:linear-gradient(135deg, #127a6f14, transparent 28%), linear-gradient(162deg, transparent 45%, #d84e3f13 45% 61%, transparent 61%), linear-gradient(32deg, transparent 0 66%, #b7771614 66% 82%, transparent 82%), var(--app-bg)}body:before{opacity:.38;filter:none;background-color:#0000;background-image:linear-gradient(90deg,#127a6f0b 1px,#0000 1px),linear-gradient(#356dd909 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#0000006b,#0000 72%);mask-image:linear-gradient(#0000006b,#0000 72%)}.ink-atmosphere{display:none}.app-shell{background:0 0}.app-workspace:before{opacity:.2;background-color:#0000;background-image:linear-gradient(120deg,#0000 0 56%,#127a6f14 56% 57%,#0000 57%),linear-gradient(150deg,#0000 0 68%,#d84e3f12 68% 69%,#0000 69%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.app-sidebar{background:linear-gradient(180deg, #fffdf8f0, #f6faf7e6), var(--surface-1);border-right:1px solid #141f2614;box-shadow:14px 0 40px #141f260b,inset -1px 0 #ffffffc2}.app-sidebar:before{background:linear-gradient(90deg, var(--accent-coral), var(--accent-green), var(--accent-blue));opacity:.82;border-radius:999px;height:3px;margin-bottom:22px}.app-sidebar:after{opacity:0}.brand{padding:6px 10px 18px}.brand strong,.sidebar-profile strong,.mobile-brandbar strong{font-family:var(--font-sans);letter-spacing:0;font-weight:900}.brand small,.mobile-brandbar small{color:#3741519e;font-weight:680}.sidebar-note{border-radius:var(--radius);color:#127a6f7a;background:linear-gradient(135deg,#edf9f5d1,#fffdf89e),#ffffff70;border:1px solid #127a6f17}.sidebar-nav-label{color:#4b556385;letter-spacing:.02em;font-weight:880}.sidebar-nav a{color:#1f2937bd;border:1px solid #0000;min-height:38px}.sidebar-nav a:before{display:none}.sidebar-nav a:hover{color:#111827;background:#ffffffb3;border-color:#127a6f1f;box-shadow:0 10px 24px #141f260f}.nav-mark{width:29px;height:29px;color:var(--accent-coral);background:#ffffffa3;border-radius:7px;font-size:18px}.sidebar-nav a.router-link-active .nav-mark{color:var(--surface-1);background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark))}.community-nav-dot--unread{background:var(--accent-blue);box-shadow:0 0 0 3px #356dd924}.community-nav-dot--active{background:var(--accent-green);box-shadow:0 0 0 3px #127a6f24}.app-topbar{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#f6faf7c7;border-bottom:1px solid #141f260f;min-height:56px;padding:10px 44px}.app-topbar:after{display:none}.topbar-future-dot{background:var(--accent-coral);box-shadow:0 0 0 5px #d84e3f1f}.profile-chip{border-radius:var(--radius);background:#ffffffc7;border-color:#141f2614;box-shadow:0 8px 22px #141f260b}.profile-dot{color:var(--surface-1);background:linear-gradient(135deg, var(--accent-coral), var(--accent-green));border:0}.app-main{width:min(1180px,100%)}.page-stack{gap:22px}.page-header{gap:10px;max-width:960px;padding:6px 0 2px}.page-header:before{display:none}.page-header h2{font-family:var(--font-sans);font-size:clamp(32px,4.2vw,48px);font-weight:920;line-height:1.02}.page-header .muted{color:#374151ad;max-width:700px;font-size:16px;line-height:1.5}.page-header-rule{background:linear-gradient(90deg, var(--accent-coral), var(--accent-green), var(--accent-blue));border-radius:999px;width:104px;height:4px}.eyebrow{color:var(--accent-coral);letter-spacing:.025em;font-weight:900}.muted,.feature-panel p,.empty-state p,.deck-item p,.scene-copy p,.chat-line p,.auth-success{color:#374151a8}.base-card,.feature-panel,.auth-card{background:linear-gradient(180deg, #fffdf8fa, #f8fbf8e6), var(--surface-1);box-shadow:var(--shadow-app-card);border-color:#141f2614}.base-card:before,.feature-panel:before,.auth-card:before{display:none}.base-card--ink{background:linear-gradient(135deg,#123f39,#111827 68%),#111827;border-color:#ffffff1f}.base-card--wash{background:linear-gradient(135deg, #e6f8f3f5, #fffdf8eb), var(--surface-1)}.base-card--cinnabar{background:linear-gradient(135deg, #ffede9fa, #fffdf8eb), var(--surface-1)}.base-button{color:#fff;background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)), var(--accent-green);border-color:#127a6f29;min-height:46px;padding-inline:19px;font-weight:900;box-shadow:0 12px 24px #127a6f2e,inset 0 1px #ffffff24}.base-button:hover{box-shadow:0 16px 32px #127a6f38,inset 0 1px #ffffff2e}.base-button--secondary{color:#0f5e56;background:linear-gradient(180deg, #ecf9f5fa, #fffdf8eb), var(--surface-1);border-color:#127a6f2e;box-shadow:0 8px 18px #141f260b}.base-button--secondary:hover{background:linear-gradient(180deg, #e2f7f1, #fffdf8f5), var(--surface-1);border-color:#127a6f47}.base-button--ghost{color:#1f2937c7;box-shadow:none;background:#ffffff9e;border-color:#141f2614}.base-button--ghost:hover{color:#111827;background:#ffffffeb;border-color:#141f2624}.review-rating-row .base-button--secondary{color:#fff;background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)), var(--accent-green);border-color:#127a6f2e}.review-rating-row .base-button--ghost:first-child{color:var(--accent-coral-dark);background:#ffede9ad;border-color:#d84e3f29}.base-input input,.form-field input,.form-field select,.form-field textarea,.quick-add-card-form textarea,.quick-add-card-form select,.manual-card-form textarea,.manual-card-form select,.news-srs-card-form textarea{background:#ffffffdb;border-color:#141f261a;box-shadow:inset 0 1px #ffffffb8}.base-input input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.quick-add-card-form textarea:focus-visible,.quick-add-card-form select:focus-visible,.manual-card-form textarea:focus-visible,.manual-card-form select:focus-visible,.news-srs-card-form textarea:focus-visible{border-color:#127a6f75;box-shadow:0 0 0 4px #127a6f1a,inset 0 1px #ffffffd6}.stat-tile{background:linear-gradient(180deg, #fffdf8fa, #f8fbf8db), var(--surface-1);box-shadow:var(--shadow-app-card);border-color:#141f2614}.stat-tile:after{background:linear-gradient(90deg, transparent, var(--accent-coral));border-radius:999px;height:4px}.stat-tile:nth-child(2):after{background:linear-gradient(90deg, transparent, var(--accent-green))}.stat-tile:nth-child(3):after{background:linear-gradient(90deg, transparent, var(--accent-blue))}.stat-tile strong,.feature-panel h3,.section-head h3,.empty-state h3,.scene-copy h3{font-family:var(--font-sans);font-weight:900}.feature-panel{background:linear-gradient(135deg, #fffdf8fa, #f8fbf8db), var(--surface-1);border-color:#141f2614}.feature-panel:hover{box-shadow:var(--shadow-app-card-hover);border-color:#127a6f33}.feature-mark,.empty-mark{border-radius:var(--radius);color:var(--accent-green);background:#e7f8f3b8;border-color:#127a6f1f}.feature-panel:nth-child(3n+1) .feature-mark{color:var(--accent-coral);background:#ffede9c7;border-color:#d84e3f24}.feature-panel:nth-child(3n+2) .feature-mark{color:var(--accent-blue);background:#e8efffc7;border-color:#356dd924}.feature-panel__status{color:#0f5e56;background:#e7f8f3b8;border-color:#127a6f1f}.quick-add-card-trigger{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)), var(--accent-green);border-color:#127a6f38;box-shadow:0 16px 34px #127a6f2e,inset 0 1px #ffffff2e}.quick-add-card-trigger span{color:var(--accent-green-dark);background:#fff;border-color:#ffffffb8}.quick-add-card-dialog{background:linear-gradient(180deg, #fffdf8fa, #f8fbf8f0), var(--surface-1);border-color:#141f261a}.quick-add-card-dialog h2{font-family:var(--font-sans);font-weight:900}.review-due-link{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)), var(--accent-green);border-color:#127a6f33;box-shadow:0 14px 28px #127a6f2e}.dashboard-tree-card.mandarin-tree-card,.dashboard-next-card,.dashboard-learning-tile{background:linear-gradient(180deg, #fffdf8fc, #f8fbf8e6), var(--surface-1);box-shadow:var(--shadow-app-card);border-color:#141f2614}.dashboard-next-card{border-color:#d84e3f21}.dashboard-next-card:before,.dashboard-learning-tile:after{background:linear-gradient(90deg, var(--accent-coral), var(--accent-green), var(--accent-blue))}.dashboard-next-card:hover,.dashboard-learning-tile:hover{box-shadow:var(--shadow-app-card-hover)}.dashboard-next-card__mark,.dashboard-learning-tile__mark{border-radius:var(--radius);box-shadow:none}.dashboard-next-card__button{color:#fff;background:linear-gradient(135deg, var(--accent-coral), var(--accent-coral-dark)), var(--accent-coral);box-shadow:0 12px 24px #d84e3f2e}.dashboard-learning-tile{--tile-accent:var(--accent-coral);--tile-soft:#ffede9d6}.dashboard-learning-tile--immersion{--tile-accent:var(--accent-blue);--tile-soft:#e8efffd6}.dashboard-learning-tile--goals{--tile-accent:var(--accent-amber);--tile-soft:#fff4dae6}.dashboard-learning-tile--community{--tile-accent:var(--accent-green);--tile-soft:#e7f8f3e6}.dashboard-learning-tile--learn{--tile-accent:var(--accent-coral);--tile-soft:#ffede9db}.dashboard-learning-tile__mark,.dashboard-learning-tile--immersion .dashboard-learning-tile__mark,.dashboard-learning-tile--goals .dashboard-learning-tile__mark,.dashboard-learning-tile--community .dashboard-learning-tile__mark{color:var(--tile-accent);background:var(--tile-soft);border-color:#141f2614}.dashboard-learning-tile:hover .dashboard-learning-tile__mark{color:#fff;background:var(--tile-accent)}.dashboard-learning-tile__body small,.dashboard-next-card__copy span{color:#0f5e56;background:#e7f8f3c7;border-color:#127a6f1f}.background-audio-player,.background-audio-player--collapsed{background:linear-gradient(135deg,#123f39,#111827 72%),#111827;box-shadow:0 18px 42px #11182747,inset 0 1px #ffffff29}.background-audio-mode button.active,.background-audio-play{color:#111827;background:#fff}@media (width<=920px){.mobile-brandbar{background:linear-gradient(180deg, #fffdf8f5, #f6faf7e6), var(--surface-1);border-bottom-color:#141f2614;box-shadow:0 8px 20px #141f260e}.mobile-brandbar strong{font-family:var(--font-sans);font-weight:920}.quick-add-card-trigger{box-shadow:0 12px 24px #127a6f2e,inset 0 1px #ffffff2e}.mobile-nav{background:#fffdf8ed;border-color:#141f261a;box-shadow:0 16px 40px #141f2624,inset 0 1px #ffffffd1}.mobile-nav a{color:#1f2937ad;border:1px solid #0000;min-height:50px}.mobile-nav a.router-link-active{color:var(--accent-green-dark);background:linear-gradient(#e7f8f3eb,#fffdf8b8),#ffffffad;border-color:#127a6f24}.mobile-nav a.router-link-active .mobile-nav-mark{color:#fff;background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark));border-radius:7px;width:27px;height:27px}.mobile-nav span{font-size:17px;font-weight:640}.mobile-nav small{color:inherit;font-weight:900}}@media (width<=560px){.app-main{padding:13px 12px 98px}.page-stack{gap:16px}.page-header h2{font-size:clamp(28px,9vw,36px)}.base-card{padding:18px}.base-button{min-height:44px}}.dashboard-next-card:not(.dashboard-next-card--review){border-color:#127a6f24}.dashboard-next-card:not(.dashboard-next-card--review):before{background:linear-gradient(90deg, var(--accent-green), var(--accent-blue))}.dashboard-next-card:not(.dashboard-next-card--review) .dashboard-next-card__mark{color:var(--accent-green);background:#e7f8f3e6;border-color:#127a6f24}.dashboard-next-card:not(.dashboard-next-card--review) .dashboard-next-card__button{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)), var(--accent-green);box-shadow:0 12px 24px #127a6f2e}.dashboard-next-card--review{border-color:#d84e3f29}.dashboard-next-card--review:before{background:linear-gradient(90deg, var(--accent-coral), var(--accent-amber))}.dashboard-next-card--review .dashboard-next-card__mark{color:var(--accent-coral);background:#ffede9e6;border-color:#d84e3f29}.dashboard-next-card--review .dashboard-next-card__button{background:linear-gradient(135deg, var(--accent-coral), var(--accent-coral-dark)), var(--accent-coral);box-shadow:0 12px 24px #d84e3f2e}.dashboard-next-card__button:hover{filter:saturate(1.06)brightness(1.02)}.dashboard-learning-tile{cursor:pointer}.dashboard-learning-tile__body{padding-right:24px}.dashboard-learning-tile__body:after{content:"";opacity:0;background:linear-gradient(#fffffff5,#f8fbf8d1),#ffffffb8;border:1px solid #141f2614;border-radius:999px;place-items:center;width:22px;height:22px;transition:background-color .18s,border-color .18s,box-shadow .18s,opacity .18s,transform .18s;display:grid;position:absolute;top:50%;right:0;transform:translate(5px,-50%)scale(.94);box-shadow:0 8px 18px #141f2612,inset 0 1px #ffffffd1}.dashboard-learning-tile__body:before{z-index:1;border-top:2px solid var(--tile-accent);border-right:2px solid var(--tile-accent);content:"";opacity:0;border-radius:1px;width:7px;height:7px;transition:border-color .18s,opacity .18s,transform .18s;position:absolute;top:50%;right:8px;transform:translate(-1px,-50%)rotate(45deg)}.dashboard-learning-tile:hover .dashboard-learning-tile__body:after,.dashboard-learning-tile:focus-visible .dashboard-learning-tile__body:after{border-color:color-mix(in srgb, var(--tile-accent) 28%, #141f2614);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-accent) 94%, #fff 6%), var(--tile-accent)), var(--tile-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--tile-accent) 22%, transparent), inset 0 1px 0 #fff3;opacity:1;transform:translateY(-50%)scale(1)}.dashboard-learning-tile:hover .dashboard-learning-tile__body:before,.dashboard-learning-tile:focus-visible .dashboard-learning-tile__body:before{opacity:1;border-color:#fff;transform:translateY(-50%)rotate(45deg)}.dashboard-learning-tile:active,.feature-panel:active,.conversation-topic-card:active,.conversation-script-card:active{transform:translateY(0)scale(.995)}.dashboard-learning-tile:hover{border-color:color-mix(in srgb, var(--tile-accent) 28%, transparent)}.dashboard-section-label{position:relative}.dashboard-section-label:before{background:linear-gradient(90deg, var(--accent-coral), var(--accent-green));content:"";border-radius:999px;flex:none;width:28px;height:4px;margin-right:8px}.dashboard-section-label>div{flex:auto}.dashboard-section:nth-of-type(3) .dashboard-section-label:before{background:linear-gradient(90deg, var(--accent-blue), var(--accent-plum))}.dashboard-section:nth-of-type(4) .dashboard-section-label:before{background:linear-gradient(90deg, var(--accent-amber), var(--accent-coral))}.dashboard-section:nth-of-type(5) .dashboard-section-label:before{background:linear-gradient(90deg, var(--accent-green), var(--accent-blue))}.sidebar-nav a{grid-template-columns:34px 1fr;gap:11px;padding:6px 18px 6px 10px}.nav-mark{background:#ffffffc7;border:1px solid #141f2612;width:34px;height:34px;font-weight:850;box-shadow:0 8px 18px #141f2609,inset 0 1px #ffffffc7}.sidebar-nav a:hover .nav-mark{color:var(--accent-green);background:#e7f8f3db;border-color:#127a6f24}.sidebar-nav a.router-link-active .nav-mark{border-color:#0000;box-shadow:0 10px 20px #127a6f29,inset 0 1px #ffffff29}.sidebar-account-strip{border-top-color:#141f2612}.sidebar-account-user{border-radius:var(--radius);background:#ffffff80;border:1px solid #141f2612;padding:7px}.sidebar-account-user:hover{background:#ffffffc7;border-color:#127a6f1f}.text-button.sidebar-signout{padding:0 7px}.quick-add-card-trigger:hover,.quick-add-card-trigger:focus-visible{background:linear-gradient(135deg, #168a7d, var(--accent-green-dark)), var(--accent-green);border-color:#127a6f4d;box-shadow:0 20px 42px #127a6f38,inset 0 1px #fff3}.quick-add-card-trigger:active,.base-button:active{transform:translateY(0)scale(.99)}@media (width<=920px){.mobile-nav a{transition:background-color .18s,border-color .18s,color .18s,transform .18s}.mobile-nav a:active{transform:scale(.98)}.mobile-nav-mark{font-weight:640}.mobile-nav a.router-link-active .mobile-nav-mark{font-weight:720;box-shadow:0 8px 16px #127a6f2e,inset 0 1px #ffffff29}}@media (width<=720px){.dashboard-section-label:before{width:22px;height:3px;margin-right:6px}.dashboard-learning-tile__body{padding-right:0}.dashboard-learning-tile__body:after,.dashboard-learning-tile__body:before{display:none}.dashboard-tile-grid:not(.dashboard-tile-grid--learn) .dashboard-learning-tile__body{padding-right:0}}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading{gap:6px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-heading p{color:#3741518f;font-weight:780}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-reward-chip{color:#0f5e56;background:#e7f8f3d1;border-color:#127a6f24;margin-top:2px;font-weight:900;box-shadow:inset 0 1px #ffffffc7}.dashboard-next-card__copy .eyebrow{color:var(--accent-green)}.dashboard-next-card--review .dashboard-next-card__copy .eyebrow{color:var(--accent-coral)}.dashboard-next-card__stats span:first-child{background:linear-gradient(#e7f8f3eb,#fffdf8b8),#e7f8f3ad;border-color:#127a6f24}.dashboard-next-card__stats span:first-child strong{color:var(--accent-green-dark)}.dashboard-learning-tile{border-color:#141f2613}.dashboard-learning-tile__body strong{letter-spacing:0;font-weight:800}.dashboard-learning-tile__description{color:#37415194;font-weight:540}.dashboard-learning-tile__body:after{opacity:.58;transform:translateY(-50%)scale(.94)}.dashboard-learning-tile__body:before{opacity:.62;transform:translate(-1px,-50%)rotate(45deg)}.dashboard-learning-tile:hover .dashboard-learning-tile__body:after,.dashboard-learning-tile:focus-visible .dashboard-learning-tile__body:after,.dashboard-learning-tile:hover .dashboard-learning-tile__body:before,.dashboard-learning-tile:focus-visible .dashboard-learning-tile__body:before{opacity:1}.dashboard-learning-tile:focus-visible{outline:3px solid color-mix(in srgb, var(--tile-accent) 22%, transparent);outline-offset:3px}.dashboard-learning-tile:hover{transform:translateY(-2px)}@media (width<=720px){.dashboard-section-label span{display:none}.dashboard-section-label>div{display:block}.dashboard-section-label .eyebrow{letter-spacing:.035em;font-size:11px}.dashboard-tree-card.mandarin-tree-card .mandarin-tree-reward-chip{min-height:21px;padding:3px 7px;font-size:10px}.dashboard-learning-tile:hover{transform:none}.dashboard-learning-tile:active{transform:scale(.985)}.dashboard-tile-grid--learn .dashboard-learning-tile__body strong,.dashboard-tile-grid--learn .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid:not(.dashboard-tile-grid--learn) .dashboard-learning-tile__body strong{font-weight:820}}.dashboard-priority-grid,.dashboard-section{scroll-margin-block:22vh}.dashboard-priority-grid{--dashboard-section-accent:var(--accent-green);--dashboard-section-soft:#e7f8f394}.dashboard-section{--dashboard-section-accent:var(--accent-green);--dashboard-section-soft:#e7f8f394;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.dashboard-section[data-dashboard-section=learn]{--dashboard-section-accent:var(--accent-coral);--dashboard-section-soft:#ffede99e}.dashboard-section[data-dashboard-section=immersion]{--dashboard-section-accent:var(--accent-blue);--dashboard-section-soft:#e8efffa8}.dashboard-section[data-dashboard-section=goals]{--dashboard-section-accent:var(--accent-amber);--dashboard-section-soft:#fff4daad}.dashboard-section[data-dashboard-section=community]{--dashboard-section-accent:var(--accent-green);--dashboard-section-soft:#e7f8f3a3}@media (width<=920px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-nav a{--mobile-nav-accent:var(--accent-green);min-width:0}.mobile-nav-link--today,.mobile-nav-link--community{--mobile-nav-accent:var(--accent-green)}.mobile-nav-link--learn{--mobile-nav-accent:var(--accent-coral)}.mobile-nav-link--immersion{--mobile-nav-accent:var(--accent-blue)}.mobile-nav-link--goals{--mobile-nav-accent:var(--accent-amber)}.mobile-nav a.router-link-active{color:color-mix(in srgb, var(--mobile-nav-accent) 78%, #111827 22%);border-color:color-mix(in srgb, var(--mobile-nav-accent) 34%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--mobile-nav-accent) 20%, #fff 80%), color-mix(in srgb, var(--mobile-nav-accent) 8%, #fffdf8 92%)), #ffffffb8}.mobile-nav a.router-link-active .mobile-nav-mark{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--mobile-nav-accent) 100%, #fff 0%), color-mix(in srgb, var(--mobile-nav-accent) 66%, #111827 34%));box-shadow:0 8px 18px color-mix(in srgb, var(--mobile-nav-accent) 32%, transparent), inset 0 1px 0 #ffffff2e;font-weight:720}.mobile-nav small{overflow-wrap:anywhere;max-width:100%;font-size:9px;line-height:1.08}.dashboard-priority-grid--nav-active,.dashboard-section--nav-active{z-index:0;border:1px solid color-mix(in srgb, var(--dashboard-section-accent) 34%, transparent);border-radius:calc(var(--radius) + 8px);background:radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--dashboard-section-accent) 24%, transparent), transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--dashboard-section-accent) 15%, #fffdf8 85%), #fffdf89e);box-shadow:0 20px 44px color-mix(in srgb, var(--dashboard-section-accent) 18%, transparent), inset 0 1px 0 #ffffffb3;margin:-10px;padding:10px;position:relative}.dashboard-priority-grid--nav-active:after,.dashboard-section--nav-active:after{background:linear-gradient(90deg, var(--dashboard-section-accent), var(--accent-blue));content:"";border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:18px;right:18px}.dashboard-section--nav-active .dashboard-section-label .eyebrow{color:color-mix(in srgb, var(--dashboard-section-accent) 78%, #111827 22%)}.dashboard-section--nav-active .dashboard-learning-tile,.dashboard-priority-grid--nav-active .dashboard-tree-card.mandarin-tree-card,.dashboard-priority-grid--nav-active .dashboard-next-card{border-color:color-mix(in srgb, var(--dashboard-section-accent) 24%, #141f2614)}}@media (width<=720px){.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3),.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(4){grid-column:span 3;grid-template-rows:auto;grid-template-columns:42px minmax(0,1fr);align-items:center;min-height:74px;padding:10px}.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body,.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(4) .dashboard-learning-tile__body{align-content:center;align-self:center;gap:5px;padding-right:0}.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body strong,.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(4) .dashboard-learning-tile__body strong{font-size:15px;line-height:1.1}.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__body small,.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(4) .dashboard-learning-tile__body small{justify-self:start;max-width:100%;min-height:19px;padding:3px 7px;font-size:9.5px;position:static}.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(3) .dashboard-learning-tile__mark,.dashboard-tile-grid--community .dashboard-learning-tile:nth-child(4) .dashboard-learning-tile__mark{border-radius:var(--radius);background:#fffef99e;border:1px solid #4d665d1f;width:42px;height:42px;font-size:26px}}:root{--studio-bg:#f4f3ee;--studio-panel:#fffefa;--studio-panel-soft:#faf9f5;--studio-ink:#181b1f;--studio-muted:#66706b;--studio-line:#181b1f17;--studio-line-strong:#181b1f29;--studio-jade:#126a5f;--studio-jade-dark:#0b4b44;--studio-clay:#b64b3f;--studio-blue:#345f9f;--studio-gold:#9a681d;--studio-shadow:0 18px 44px #181b1f13}html,body{background:var(--studio-bg)}body:before,.app-workspace:before,.ink-atmosphere{display:none}.app-workspace{background:var(--studio-bg)}.app-sidebar,.mobile-brandbar{background:#fffefaeb}.dashboard-page--studio{width:min(1080px,100%);color:var(--studio-ink);gap:20px;margin-inline:auto;display:grid}.dashboard-page--studio[aria-busy=true]{opacity:.82}.dashboard-studio-hero{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:stretch;gap:14px;display:grid}.dashboard-studio-focus,.dashboard-studio-progress,.dashboard-studio-mode{border:1px solid var(--studio-line);background:var(--studio-panel);box-shadow:var(--studio-shadow);border-radius:8px}.dashboard-studio-focus{min-height:238px;color:inherit;grid-template-rows:auto auto;grid-template-columns:66px minmax(0,1fr) auto;gap:18px;padding:24px;text-decoration:none;display:grid}.dashboard-studio-focus:hover,.dashboard-studio-focus:focus-visible,.dashboard-studio-mode:hover{border-color:var(--studio-line-strong);box-shadow:0 22px 54px #181b1f1a}.dashboard-studio-mode:has(a:focus-visible){border-color:var(--studio-line-strong);box-shadow:0 22px 54px #181b1f1a}.dashboard-studio-focus__mark{width:66px;height:66px;color:var(--studio-jade);font-family:var(--font-hanzi);background:#edf6f3;border:1px solid #126a5f2e;border-radius:8px;place-items:center;font-size:36px;font-weight:520;line-height:1;display:grid}.dashboard-studio-focus__copy{align-content:start;gap:7px;min-width:0;display:grid}.dashboard-studio-focus__copy small,.dashboard-studio-section-head .eyebrow{color:var(--studio-jade);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:850}.dashboard-studio-focus__copy strong{max-width:14ch;color:var(--studio-ink);font-family:var(--font-sans);letter-spacing:0;font-size:clamp(38px,5vw,64px);font-weight:920;line-height:.96}.dashboard-studio-focus__copy span{max-width:36rem;color:var(--studio-muted);font-size:16px;font-weight:560;line-height:1.45}.dashboard-studio-focus__meta{min-height:26px;color:var(--studio-jade-dark);white-space:nowrap;background:#edf6f3;border:1px solid #126a5f24;border-radius:999px;justify-self:end;padding:5px 10px;font-size:12px;font-weight:850}.dashboard-studio-focus__button{color:#fff;background:var(--studio-jade-dark);border-radius:8px;grid-column:2/-1;justify-self:start;place-items:center;min-width:174px;min-height:48px;padding-inline:18px;font-size:14px;font-weight:900;display:inline-grid}.dashboard-studio-progress{background:linear-gradient(180deg, #fffefa, #f8f7f1), var(--studio-panel);align-content:space-between;gap:14px;min-height:238px;padding:16px;display:grid}.dashboard-tree-card--studio.mandarin-tree-card{box-shadow:none;background:0 0;border:0}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:minmax(104px,.38fr) minmax(0,.62fr);gap:12px;min-height:140px;padding:0}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading{gap:5px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading h3{font-size:24px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading p,.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-message{display:none}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-progress-track{height:6px}.dashboard-studio-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-studio-stats span{border:1px solid var(--studio-line);background:#fffefaa8;border-radius:8px;gap:2px;min-height:58px;padding:10px;display:grid}.dashboard-studio-stats strong{color:var(--studio-ink);font-size:20px;font-weight:900;line-height:1}.dashboard-studio-stats small{color:var(--studio-muted);text-transform:uppercase;font-size:11px;font-weight:760}.dashboard-studio-modes{gap:12px;display:grid}.dashboard-studio-section-head{justify-content:space-between;align-items:baseline;gap:16px;padding-inline:2px;display:flex}.dashboard-studio-section-head h2{color:var(--studio-ink);font-family:var(--font-sans);letter-spacing:0;margin:0;font-size:22px;font-weight:900}.dashboard-studio-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard-studio-mode{--mode-accent:var(--studio-jade);--mode-soft:#eef6f3;min-width:0;display:grid;overflow:hidden}.dashboard-studio-mode--explore{--mode-accent:var(--studio-blue);--mode-soft:#eef3fb}.dashboard-studio-mode--community{--mode-accent:var(--studio-clay);--mode-soft:#f8eeeb}.dashboard-studio-mode__main{min-height:128px;color:inherit;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px;text-decoration:none;display:grid}.dashboard-studio-mode__mark{width:52px;height:52px;color:var(--mode-accent);background:var(--mode-soft);font-family:var(--font-hanzi);border-radius:8px;place-items:center;font-size:30px;font-weight:520;line-height:1;display:grid}.dashboard-studio-mode__copy{align-content:start;gap:6px;min-width:0;display:grid}.dashboard-studio-mode__copy strong{color:var(--studio-ink);font-family:var(--font-sans);font-size:22px;font-weight:900;line-height:1.05}.dashboard-studio-mode__copy small{min-height:22px;color:color-mix(in srgb, var(--mode-accent) 76%, #111827 24%);background:var(--mode-soft);border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-weight:850;line-height:1.1}.dashboard-studio-mode__copy span{color:var(--studio-muted);font-size:13px;line-height:1.38}.dashboard-studio-mode__links{border-top:1px solid var(--studio-line);background:var(--studio-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.dashboard-studio-mode__links a{min-height:54px;color:inherit;background:var(--studio-panel-soft);gap:2px;padding:9px 10px;text-decoration:none;display:grid}.dashboard-studio-mode__links a:hover,.dashboard-studio-mode__links a:focus-visible{background:var(--mode-soft);outline:none}.dashboard-studio-mode__links span{color:var(--studio-ink);font-size:12px;font-weight:820;line-height:1.12}.dashboard-studio-mode__links small{color:var(--studio-muted);font-size:10px;font-weight:720;line-height:1.1}@media (width<=920px){body{background:var(--studio-bg)}.app-main{padding:14px 12px 96px}.mobile-nav{border-color:var(--studio-line);background:#fffefaf0;grid-template-columns:repeat(6,minmax(0,1fr));box-shadow:0 16px 38px #181b1f29}.mobile-nav a{color:#181b1f9e;border:1px solid #0000;min-height:50px}.mobile-nav a.router-link-active{color:var(--studio-jade-dark);background:#edf6f3;border-color:#126a5f24}.mobile-nav a.router-link-active .mobile-nav-mark{width:auto;height:auto;color:var(--studio-jade-dark);box-shadow:none;background:0 0;font-weight:620}.mobile-nav span,.mobile-nav-mark{font-size:17px;font-weight:520}.mobile-nav small{color:inherit;font-size:9.5px;font-weight:840}.dashboard-page--studio{gap:12px}.dashboard-studio-hero,.dashboard-studio-mode-grid{grid-template-columns:1fr}.dashboard-studio-focus{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:0;padding:16px}.dashboard-studio-focus__mark{width:52px;height:52px;font-size:29px}.dashboard-studio-focus__copy strong{max-width:none;font-size:32px}.dashboard-studio-focus__copy span{font-size:13px}.dashboard-studio-focus__meta{grid-column:2;justify-self:start}.dashboard-studio-focus__button{grid-column:1/-1;width:100%}.dashboard-studio-progress{min-height:0}.dashboard-studio-section-head{gap:2px;display:grid}}@media (width<=560px){.dashboard-studio-progress{padding:12px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:94px minmax(0,1fr);min-height:112px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-art{width:94px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-stage-frame{width:90px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading h3{font-size:21px}.dashboard-studio-mode__main{grid-template-columns:46px minmax(0,1fr);min-height:104px;padding:13px}.dashboard-studio-mode__mark{width:46px;height:46px;font-size:26px}.dashboard-studio-mode__copy strong{font-size:19px}.dashboard-studio-mode__copy span{display:none}.dashboard-studio-mode__links a{min-height:48px;padding:8px}.dashboard-studio-mode__links span{font-size:11px}}.app-sidebar{width:var(--sidebar-width);background:#fffefaf5}.brand{padding-bottom:14px}.brand-logo{box-shadow:none}.sidebar-note{color:#126a5f57;background:#126a5f0b;min-height:54px}.sidebar-nav{gap:6px;padding-top:12px}.sidebar-nav-group{gap:4px;margin-top:4px;padding-top:12px}.sidebar-nav-label{color:#181b1f6b;padding-left:10px;font-size:10px;font-weight:850}.sidebar-nav a{color:#181b1fa8;min-height:36px;padding:5px 10px;font-size:13.5px;font-weight:760}.sidebar-nav a:hover{color:var(--studio-ink);border-color:var(--studio-line);box-shadow:none;background:#fffefab8}.sidebar-nav a.router-link-active{color:var(--studio-jade-dark);box-shadow:inset 3px 0 0 var(--studio-jade);background:#edf6f3;border-color:#126a5f1f}.nav-mark{color:#181b1f6b;width:30px;height:30px;box-shadow:none;background:0 0;font-size:18px;font-weight:520}.sidebar-nav a:hover .nav-mark,.sidebar-nav a.router-link-active .nav-mark{color:var(--studio-jade-dark);box-shadow:none;background:0 0}.sidebar-account-strip{gap:8px}.sidebar-account-user{background:#fffefab3;min-height:44px}.sidebar-account-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sidebar-settings,.text-button.sidebar-signout{border:1px solid var(--studio-line);color:#181b1f94;background:#fffefa8a;border-radius:8px;place-items:center;min-height:32px;padding:0 8px;font-size:12px;font-weight:800;text-decoration:none;display:inline-grid}.sidebar-settings:hover,.text-button.sidebar-signout:hover{color:var(--studio-ink);background:#fff}.dashboard-studio-focus,.dashboard-studio-progress,.dashboard-studio-mode{box-shadow:0 12px 30px #181b1f0e,inset 0 1px #ffffffa8}.dashboard-studio-focus:hover,.dashboard-studio-focus:focus-visible,.dashboard-studio-mode:hover{transform:translateY(-1px)}.dashboard-studio-mode:has(a:focus-visible){transform:translateY(-1px)}.dashboard-studio-focus{position:relative;overflow:hidden}.dashboard-studio-focus:before{background:var(--studio-jade);content:"";border-radius:0 0 999px 999px;height:3px;position:absolute;top:0;left:18px;right:18px}.dashboard-studio-focus__copy strong{max-width:13ch}.dashboard-studio-focus__button{transition:background-color .16s,transform .16s}.dashboard-studio-focus:hover .dashboard-studio-focus__button,.dashboard-studio-focus:focus-visible .dashboard-studio-focus__button{background:var(--studio-jade)}.dashboard-studio-mode-grid{align-items:start}.dashboard-studio-mode{transition:border-color .16s,box-shadow .16s,transform .16s}.dashboard-studio-mode__main{min-height:118px}.dashboard-studio-mode__links{background:0 0;border-top:0;flex-wrap:wrap;gap:6px;padding:0 16px 16px 80px;display:flex}.dashboard-studio-mode__links a{border:1px solid var(--studio-line);background:#faf9f5b8;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:6px 9px;display:inline-flex}.dashboard-studio-mode__links a:hover,.dashboard-studio-mode__links a:focus-visible{border-color:color-mix(in srgb, var(--mode-accent) 26%, var(--studio-line));background:var(--mode-soft)}.dashboard-studio-mode__links span{font-size:11.5px;font-weight:850}.dashboard-studio-mode__links small{white-space:nowrap;font-size:10px}@media (width>=921px){:root{--sidebar-width:272px}.dashboard-page--studio{padding-top:2px}}@media (width<=920px){.mobile-nav a.router-link-active{background:linear-gradient(#edf6f3fa,#fffefac7),#edf6f3;border-color:#126a5f33}.mobile-nav small{letter-spacing:0;font-size:9px}.dashboard-studio-focus:hover,.dashboard-studio-focus:focus-visible,.dashboard-studio-mode:hover{transform:none}.dashboard-studio-mode:has(a:focus-visible){transform:none}.dashboard-studio-mode__links{padding:0 13px 13px 71px}}@media (width<=560px){.dashboard-studio-focus{padding:14px}.dashboard-studio-focus__copy strong{font-size:29px;line-height:1}.dashboard-studio-section-head h2{font-size:19px}.dashboard-studio-mode__links{padding:0 13px 13px}}.dashboard-studio-hero{grid-template-columns:minmax(0,1.38fr) minmax(304px,.62fr);gap:16px}.dashboard-studio-focus{background:linear-gradient(135deg, #edf6f3c7, #fffefa00 42%), var(--studio-panel);grid-template-rows:auto auto;grid-template-columns:58px minmax(0,1fr);gap:16px;min-height:214px;padding:22px}.dashboard-studio-focus__copy span{max-width:34rem;font-size:15px}.dashboard-studio-focus__meta{order:2;grid-column:2;place-self:start}.dashboard-studio-focus__button{order:4;grid-column:2;justify-self:start;min-width:176px;min-height:46px;margin-top:2px}.dashboard-studio-progress{align-content:center;min-height:214px;padding:14px}.dashboard-studio-stats--focus{order:3;grid-column:2;width:min(360px,100%)}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-layout{min-height:126px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-art{width:104px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-stage-frame{width:100px}.dashboard-studio-section-head{justify-content:start;justify-items:start;gap:3px;padding-inline:2px;display:grid}.dashboard-studio-mode-grid{gap:14px}.dashboard-studio-mode{position:relative}.dashboard-studio-mode:before{background:var(--mode-accent);content:"";opacity:.88;width:3px;position:absolute;inset:0 auto 0 0}.dashboard-studio-mode__main{grid-template-columns:48px minmax(0,1fr);min-height:108px;padding:16px 16px 10px 18px}.dashboard-studio-mode__copy span{max-width:34rem;font-size:12.5px}.dashboard-studio-mode__links{padding:0 16px 16px 82px}.sidebar-note{min-height:48px}.app-sidebar .sidebar-note{border:0;color:#126a5f70;min-height:46px;box-shadow:none;background:linear-gradient(90deg,#0000,#edf6f38f 18% 82%,#0000),linear-gradient(#fffefab8,#fffefa47);border-block:1px solid #126a5f13;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 12px;padding:10px 4px 12px;position:relative}.app-sidebar .sidebar-note:before{content:"";background:linear-gradient(90deg,#d84e3f38,#127a6f5c,#356dd938);height:1px;position:absolute;top:-1px;left:12px;right:12px}.app-sidebar .sidebar-note span{place-items:center;min-width:0;font-size:19px;line-height:1;display:grid}.app-sidebar .sidebar-note span+span{border-left:1px solid #126a5f12}.sidebar-nav a{color:#181b1fbd}.nav-mark{color:#181b1f80}@media (width>=921px){.app-main{padding-top:34px}}@media (width<=920px){.dashboard-page--studio{gap:14px}.dashboard-studio-hero{grid-template-columns:1fr;gap:14px}.dashboard-studio-focus{grid-template-columns:50px minmax(0,1fr);min-height:0;padding:15px}.dashboard-studio-focus__mark{width:50px;height:50px;font-size:28px}.dashboard-studio-focus__copy strong{max-width:none;font-size:30px;line-height:1.02}.dashboard-studio-focus__meta{grid-column:2}.dashboard-studio-focus__button{grid-column:1/-1;width:100%;min-width:0}.dashboard-studio-progress{min-height:0;padding:13px}.dashboard-studio-stats--focus{grid-column:1/-1;width:100%}.dashboard-studio-mode__main{min-height:86px;padding:14px 14px 8px 16px}.dashboard-studio-mode__copy span{display:none}.dashboard-studio-mode__links{padding:0 14px 14px 78px}}@media (width<=560px){.app-main{padding:12px 12px calc(112px + env(safe-area-inset-bottom,0px))}.dashboard-studio-focus{padding:14px}.dashboard-studio-focus__copy strong{font-size:29px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:90px minmax(0,1fr);min-height:104px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-art{width:90px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-stage-frame{width:86px}.dashboard-studio-section-head h2{font-size:22px}.dashboard-studio-mode__main{grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:78px;padding:13px 13px 7px 15px}.dashboard-studio-mode__mark{width:44px;height:44px;font-size:25px}.dashboard-studio-mode__links{gap:5px;padding:0 13px 13px 71px}.dashboard-studio-mode__links a{min-height:28px;padding:5px 8px}}@media (width<=720px){.dashboard-studio-mode__links{grid-template-columns:1fr;gap:6px;padding:0 13px 13px 71px;display:grid}.dashboard-studio-mode__links a{background:linear-gradient(180deg, #fffefaeb, #faf9f5c7), var(--studio-panel-soft);border-radius:8px;align-items:center;width:100%;min-height:36px;padding:8px 10px;display:inline-flex}.dashboard-studio-mode__links a:after{content:"";opacity:.34;border-top:2px solid;border-right:2px solid;flex:none;width:7px;height:7px;margin-left:auto;transform:rotate(45deg)}.dashboard-studio-mode__links small{margin-left:8px}}.dashboard-studio-focus{grid-template-columns:58px minmax(0,1fr) 96px;row-gap:14px;min-height:184px}.dashboard-studio-focus__mark{grid-area:1/1}.dashboard-studio-focus__copy{grid-area:1/2}.dashboard-studio-focus__copy strong{font-size:clamp(40px,4vw,52px)}.dashboard-studio-focus__meta,.dashboard-studio-focus__progress{grid-area:1/3/span 2;justify-self:end}.dashboard-studio-focus__progress{--progress:0%;aspect-ratio:1;width:86px;color:var(--studio-jade-dark);background:conic-gradient(var(--studio-jade) var(--progress), #126a5f1f 0), #edf6f3;border-radius:50%;align-content:center;justify-items:center;display:grid;position:relative}.dashboard-studio-focus__progress:before{border-radius:inherit;background:var(--studio-panel);content:"";border:1px solid #126a5f1a;position:absolute;inset:7px}.dashboard-studio-focus__progress strong,.dashboard-studio-focus__progress small{z-index:1;position:relative}.dashboard-studio-focus__progress strong{color:var(--studio-ink);font-size:20px;font-weight:930;line-height:1}.dashboard-studio-focus__progress small{color:var(--studio-jade-dark);text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:850;line-height:1}.dashboard-studio-focus__button{grid-column:2}.dashboard-studio-section-head{margin-top:-2px}.dashboard-studio-section-head h2{color:var(--studio-jade-dark);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:900}@media (width>=721px){.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:1fr;justify-items:center;gap:5px;min-height:156px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-art{width:136px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-stage-frame{width:132px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-info{width:min(220px,100%)}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading{text-align:center;justify-items:center}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading h3{font-size:23px}}@media (width<=920px){.dashboard-studio-focus{grid-template-columns:50px minmax(0,1fr) 76px}.dashboard-studio-focus__progress{width:72px}.dashboard-studio-focus__progress strong{font-size:17px}.dashboard-studio-focus__progress small{font-size:8px}.dashboard-studio-stats--focus,.dashboard-studio-focus__button{grid-column:1/-1}}@media (width<=560px){.dashboard-studio-focus{grid-template-columns:48px minmax(0,1fr) 66px;row-gap:12px}.dashboard-studio-focus__progress{width:64px}}.dashboard-studio-focus{grid-template-columns:52px minmax(0,1fr) minmax(190px,.34fr);gap:12px 16px;min-height:152px;padding:18px 20px}.dashboard-studio-focus:before{height:3px;left:16px;right:16px}.dashboard-studio-focus__mark{width:52px;height:52px;font-size:29px}.dashboard-studio-focus__copy{gap:5px}.dashboard-studio-focus__copy small{font-size:10.5px}.dashboard-studio-focus__copy strong{max-width:18ch;font-size:clamp(30px,3.2vw,38px);line-height:1.02}.dashboard-studio-focus__copy span{max-width:38rem;font-size:14px;line-height:1.35}.dashboard-studio-focus__progress{align-self:start;width:76px}.dashboard-studio-focus__progress:before{inset:6px}.dashboard-studio-focus__progress strong{font-size:18px}.dashboard-studio-focus__progress small{font-size:8px}.dashboard-studio-focus__meta{align-self:start}.dashboard-studio-stats--focus{grid-column:2;width:min(350px,100%)}.dashboard-studio-stats span{min-height:50px;padding:9px 10px}.dashboard-studio-stats strong{font-size:19px}.dashboard-studio-stats small{font-size:10px}.dashboard-studio-focus__button{grid-column:3;place-self:end stretch;min-width:0;min-height:42px;padding-inline:14px}.dashboard-studio-focus--review{min-height:132px}.dashboard-studio-focus--review .dashboard-studio-focus__copy strong{font-size:clamp(28px,2.8vw,34px)}.dashboard-studio-focus--review .dashboard-studio-focus__button{align-self:center}.dashboard-studio-progress{min-height:152px}@media (width<=920px){.dashboard-studio-focus{grid-template-columns:48px minmax(0,1fr) 64px;padding:15px}.dashboard-studio-focus__mark{width:48px;height:48px;font-size:27px}.dashboard-studio-focus__copy strong{font-size:28px}.dashboard-studio-focus__progress{width:62px}.dashboard-studio-stats--focus,.dashboard-studio-focus__button{grid-column:1/-1}}@media (width<=560px){.dashboard-studio-focus{row-gap:10px}.dashboard-studio-focus__copy strong{font-size:26px}.dashboard-studio-focus__copy span{font-size:13px}}@media (width>=921px){.dashboard-studio-hero{grid-template-columns:minmax(0,1.62fr) minmax(292px,.58fr);gap:14px}.dashboard-studio-focus,.dashboard-studio-focus--review,.dashboard-studio-progress{min-height:132px}.dashboard-studio-focus{grid-template-columns:50px minmax(0,1fr) minmax(168px,.28fr);align-content:center;padding:15px 18px}.dashboard-studio-focus__mark{width:50px;height:50px;font-size:28px}.dashboard-studio-focus__copy strong{font-size:clamp(28px,2.8vw,34px)}.dashboard-studio-focus__copy span{font-size:13.5px}.dashboard-studio-focus__button{min-height:40px}.dashboard-studio-progress{align-content:center;padding:12px 14px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-layout{grid-template-columns:94px minmax(0,1fr);justify-items:stretch;gap:10px;min-height:106px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-art{width:94px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-stage-frame{width:92px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-info{width:100%}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading{text-align:left;justify-items:start}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-heading h3{font-size:20px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-reward-chip{font-size:10.5px}}@media (width>=721px){.dashboard-studio-mode-grid{align-items:stretch}.dashboard-studio-mode{height:100%}}.deck-command-card{gap:14px}.deck-command-card__layout{border-bottom:1px solid #141f2614;grid-template-columns:minmax(78px,.28fr) minmax(0,1fr);align-items:center;gap:16px;padding-bottom:14px;display:grid}.deck-command-card__stat{align-content:center;gap:2px;min-width:0;display:grid}.deck-command-card__stat .eyebrow{color:var(--accent-coral)}.deck-command-card__stat strong{color:var(--ink-980);font-family:var(--font-sans);font-size:22px;font-weight:930;line-height:1}.deck-command-card__stat span{color:var(--ink-980);font-family:var(--font-sans);font-size:18px;font-weight:900;line-height:1.05}.deck-command-card__summary{display:none}.deck-command-card__summary h3{color:var(--ink-980);font-family:var(--font-sans);margin:0;font-size:24px;font-weight:930;line-height:1.05}.deck-command-card__summary p{color:#1f293794;max-width:34rem;margin:6px 0 0;font-size:13.5px;font-weight:620;line-height:1.35}.deck-command-card .deck-primary-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.deck-command-card .review-due-link,.deck-command-card .deck-add-card-button{width:100%;min-height:42px;font-family:var(--font-sans);border-radius:8px;font-size:14px;font-weight:900}.deck-command-card .review-due-link{color:#fff;background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)), var(--accent-green);justify-content:center;box-shadow:0 12px 24px #127a6f29}.deck-command-card .review-due-link span{color:var(--accent-green-dark);background:#ffffffe6;padding:5px 9px;font-size:11px}.deck-command-card .deck-add-card-button{color:var(--accent-green-dark);background:linear-gradient(180deg, #ffffffeb, #f7fdfad1), var(--surface-1);box-shadow:none;border-color:#127a6f38}.deck-command-card .deck-add-card-button:hover,.deck-command-card .deck-add-card-button:focus-visible{color:var(--accent-green-dark);background:#fff;border-color:#127a6f57}@media (width>=721px){.deck-command-card__layout{border-bottom:0;grid-template-columns:116px minmax(0,1fr) 286px;gap:20px;min-height:116px;padding-bottom:0}.deck-command-card__stat{border-right:1px solid #141f2614;min-height:82px;padding-right:18px}.deck-command-card__summary{display:block}.deck-command-card .deck-primary-actions{align-self:center}.deck-command-card .review-due-link,.deck-command-card .deck-add-card-button{min-height:42px}}@media (width<=560px){.deck-command-card__layout{grid-template-columns:70px minmax(0,1fr);gap:12px;padding-bottom:12px}.deck-command-card__stat strong{font-size:20px}.deck-command-card__stat span{font-size:17px}}.app-shell--studio-theme{--studio-card-bg:linear-gradient(180deg, #fffefafc, #faf9f5eb), var(--studio-panel);--studio-card-bg-soft:linear-gradient(180deg, #fffefaf0, #f7f7f2e0), var(--studio-panel-soft);--studio-card-shadow:0 14px 34px #181b1f0e, inset 0 1px 0 #ffffffb8;--studio-card-shadow-hover:0 18px 44px #181b1f14, inset 0 1px 0 #ffffffd1}.app-shell--studio-theme .app-main{width:min(1180px,100%)}.app-shell--studio-theme .page-stack:not(.dashboard-page--studio){gap:18px;width:min(1120px,100%);margin-inline:auto}.app-shell--studio-theme .page-header{gap:10px;max-width:920px;padding-block:2px 4px}.app-shell--studio-theme .page-header h2{max-width:18ch;font-family:var(--font-sans);font-size:clamp(30px,3.4vw,44px);font-weight:930;line-height:1.02}.app-shell--studio-theme .page-header .muted{max-width:44rem;color:var(--studio-muted);font-size:14px;font-weight:560;line-height:1.48}.app-shell--studio-theme :is(.base-card:not(.dashboard-tree-card--studio),.feature-panel,.daily-news-picker,.daily-news-url-panel,.daily-news-reader-card,.daily-news-status-card,.daily-news-expander,.foundation-lesson,.lesson-stage-shell,.lesson-path-picker,.phrase-explanation-card,.building-blocks-header,.building-block-focus-bar,.building-block-practice-card,.building-block-side-panel,.conversation-hub-hero,.conversation-topic-hero,.conversation-reader,.conversation-topic-card,.conversation-script-card,.scene-video-card,.scene-mode-card,.scene-step-card,.scene-analysis-card,.scene-loading-card,.tocfl-command-center,.tocfl-level-card,.tocfl-word-workspace,.leaderboard-hero,.leaderboard-podium-card,.leaderboard-board,.profile-summary-card,.profile-progress-section,.profile-story-card,.profile-fact-card,.profile-hub-link){border-color:var(--studio-line);background:var(--studio-card-bg);box-shadow:var(--studio-card-shadow);border-radius:8px}.app-shell--studio-theme :is(.base-card:not(.dashboard-tree-card--studio),.feature-panel,.daily-news-picker,.daily-news-url-panel,.daily-news-reader-card,.daily-news-status-card,.foundation-lesson,.lesson-stage-shell,.lesson-path-picker,.building-blocks-header,.building-block-focus-bar,.building-block-practice-card,.building-block-side-panel,.conversation-hub-hero,.conversation-topic-hero,.conversation-reader,.conversation-topic-card,.conversation-script-card,.scene-video-card,.scene-mode-card,.scene-step-card,.scene-analysis-card,.tocfl-command-center,.tocfl-level-card,.tocfl-word-workspace,.leaderboard-hero,.leaderboard-podium-card,.leaderboard-board,.profile-summary-card,.profile-progress-section,.profile-story-card,.profile-fact-card,.profile-hub-link):before{display:none}.app-shell--studio-theme :is(.base-card:not(.dashboard-tree-card--studio),.feature-panel){padding:24px}.app-shell--studio-theme :is(.feature-panel:hover,.conversation-topic-card:hover,.conversation-script-card:hover,.tocfl-level-card:hover,.profile-hub-link:hover){border-color:var(--studio-line-strong);box-shadow:var(--studio-card-shadow-hover)}.app-shell--studio-theme :is(.eyebrow,.section-head .eyebrow){color:var(--studio-jade-dark);letter-spacing:.04em;font-size:11px;font-weight:900}.app-shell--studio-theme :is(.section-head,.daily-news-picker-head,.daily-news-reader-head,.scene-section-head,.conversation-lines-head,.tocfl-list-toolbar,.leaderboard-board__head){gap:10px}.app-shell--studio-theme :is(.section-head h3,.feature-panel h3,.daily-news-picker h2,.daily-news-reader-head h2,.foundation-lesson h2,.building-blocks-header h2,.conversation-hub-hero h2,.conversation-topic-hero h2,.conversation-reader h2,.scene-video-head h2,.tocfl-title-block h2,.leaderboard-hero h2,.profile-summary-copy h2,.settings-option-copy h3){font-family:var(--font-sans);letter-spacing:0;font-weight:930;line-height:1.04}.app-shell--studio-theme :is(.muted,.feature-panel p,.daily-news-picker p,.daily-news-url-panel p,.daily-news-reader-gist,.foundation-lesson-meta,.building-blocks-header p,.building-block-side-panel p,.conversation-hub-hero p,.conversation-topic-card p,.conversation-script-card p,.scene-video-head p,.scene-analysis-card p,.tocfl-title-block p,.tocfl-workspace-focus p,.leaderboard-hero p,.profile-summary-copy p,.settings-option-copy p){color:var(--studio-muted);line-height:1.5}.app-shell--studio-theme :is(.base-button,.review-reveal-button,.building-block-focus-link,.scene-start-button,.srs-view-toggle,.srs-collapse-toggle,.deck-item-action,.daily-news-readable-sentence,.daily-news-expander summary,.scene-lesson-expander summary,.profile-hub-link){border-radius:8px}.app-shell--studio-theme :is(.base-button,.review-reveal-button,.scene-start-button){color:#fffefa;background:var(--studio-jade-dark);border-color:#126a5f29;font-weight:900;box-shadow:0 12px 24px #126a5f24}.app-shell--studio-theme :is(.base-button:hover,.review-reveal-button:hover,.scene-start-button:hover){background:var(--studio-jade);box-shadow:0 15px 30px #126a5f2e}.app-shell--studio-theme :is(.base-button--secondary,.base-button--ghost,.building-block-focus-link,.srs-view-toggle,.srs-collapse-toggle,.deck-item-action){color:var(--studio-jade-dark);box-shadow:none;background:#fffefac7;border:1px solid #126a5f24}.app-shell--studio-theme :is(.base-button--secondary:hover,.base-button--ghost:hover,.building-block-focus-link:hover,.srs-view-toggle:hover,.srs-collapse-toggle:hover,.deck-item-action:hover){color:var(--studio-jade-dark);background:#fffefa;border-color:#126a5f3d}.app-shell--studio-theme :is(.base-input input,.form-field input,.form-field select,.form-field textarea,.quick-add-card-form textarea,.quick-add-card-form select,.manual-card-form textarea,.manual-card-form select,.news-srs-card-form textarea,.srs-deck-controls input,.tocfl-search-field input){border-color:var(--studio-line);color:var(--studio-ink);background:#fffefadb;border-radius:8px;box-shadow:inset 0 1px #ffffffb8}.app-shell--studio-theme :is(.feature-mark,.empty-mark,.tocfl-active-mark,.tocfl-level-card__mark,.conversation-feature-card__tag,.scene-play,.scene-upload-mark,.profile-hub-mark){font-family:var(--font-hanzi);letter-spacing:0;border-radius:8px;font-weight:520}.app-shell--studio-theme :is(.daily-news-preference-pills button,.daily-news-reader-stats span,.building-block-tab,.building-block-mode-switch__button,.scene-mode-switch__button,.ai-tutor-stepper button,.ai-tutor-style-picker button,.ai-tutor-script-picker button,.ai-tutor-scope-picker button,.tocfl-pagination button,.tocfl-word-status-pill,.tocfl-save-word,.srs-filter-row button,.review-card-meta small,.profile-tags span,.profile-stat-grid span){border-color:var(--studio-line);background:#fffefab8;border-radius:999px}.app-shell--studio-theme :is(.daily-news-preference-pills button.active,.building-block-tab--active,.building-block-mode-switch__button--active,.scene-mode-switch__button--active,.ai-tutor-stepper button.active,.tocfl-pagination__button--active,.srs-filter-row button.active){color:var(--studio-jade-dark);background:#edf6f3;border-color:#126a5f33}.app-shell--studio-theme .manual-card-form,.app-shell--studio-theme .settings-form,.app-shell--studio-theme .ai-tutor-note-form,.app-shell--studio-theme .news-srs-card-form{border-top:1px solid var(--studio-line);gap:14px;padding-top:14px}.app-shell--studio-theme .settings-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.app-shell--studio-theme .settings-switch{background:var(--studio-card-bg-soft);border-radius:999px}.app-shell--studio-theme .news-category-card{border-color:var(--studio-line);background:#fffefab8;border-radius:8px}.app-shell--studio-theme .daily-news-reader-toolbar,.app-shell--studio-theme .scene-lesson-toolbar{border-color:var(--studio-line);background:var(--studio-card-bg-soft);border-radius:8px}.app-shell--studio-theme .daily-news-readable-article,.app-shell--studio-theme .scene-lesson-readable{background:#fffefa;border-radius:8px}.app-shell--studio-theme .daily-news-readable-sentence{background:0 0;border-color:#0000}.app-shell--studio-theme .daily-news-readable-sentence:hover,.app-shell--studio-theme .daily-news-readable-sentence:focus-visible{background:#edf6f3;border-color:#126a5f24}.app-shell--studio-theme .foundation-lesson,.app-shell--studio-theme .building-block-practice-card,.app-shell--studio-theme .conversation-reader,.app-shell--studio-theme .scene-analysis-card{overflow:visible}.app-shell--studio-theme .foundation-lesson-topline,.app-shell--studio-theme .building-block-practice-head,.app-shell--studio-theme .conversation-reader-hero,.app-shell--studio-theme .scene-video-head,.app-shell--studio-theme .tocfl-workspace-focus{border-bottom-color:var(--studio-line)}.app-shell--studio-theme .lesson-stage-shell,.app-shell--studio-theme .building-block-cue-card,.app-shell--studio-theme .building-block-choice-panel,.app-shell--studio-theme .conversation-audio-panel,.app-shell--studio-theme .conversation-lines-panel,.app-shell--studio-theme .conversation-script-sidecar,.app-shell--studio-theme .scene-result-grid .base-card,.app-shell--studio-theme .ai-tutor-step-panel,.app-shell--studio-theme .ai-tutor-field-panel,.app-shell--studio-theme .ai-tutor-prompt-card,.app-shell--studio-theme .ai-tutor-board{border-color:var(--studio-line);background:var(--studio-card-bg-soft);box-shadow:none;border-radius:8px}.app-shell--studio-theme .building-block-option,.app-shell--studio-theme .scene-sync-options button,.app-shell--studio-theme .conversation-line,.app-shell--studio-theme .ai-tutor-note-card,.app-shell--studio-theme .deck-item,.app-shell--studio-theme .tocfl-word-row,.app-shell--studio-theme .leaderboard-row{border-color:var(--studio-line);background:#fffefab3;border-radius:8px}.app-shell--studio-theme .building-block-option:hover,.app-shell--studio-theme .scene-sync-options button:hover,.app-shell--studio-theme .deck-item:hover,.app-shell--studio-theme .tocfl-word-row:hover,.app-shell--studio-theme .leaderboard-row:hover{border-color:var(--studio-line-strong);background:#fffefa}.app-shell--studio-theme .building-block-option--correct,.app-shell--studio-theme .building-block-result--correct,.app-shell--studio-theme .tocfl-word-row--known{background:#edf6f3b8;border-color:#126a5f3d}.app-shell--studio-theme .building-block-option--incorrect,.app-shell--studio-theme .building-block-result--incorrect{background:#f8eeebb8;border-color:#b64b3f38}.app-shell--studio-theme .tocfl-command-center{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:22px;display:grid}.app-shell--studio-theme .tocfl-title-block h2{font-size:clamp(38px,5vw,64px)}.app-shell--studio-theme .tocfl-overview-strip{gap:8px}.app-shell--studio-theme .tocfl-overview-strip--single{justify-content:end}.app-shell--studio-theme .tocfl-overview-stat{border-color:var(--studio-line);background:#fffefab8;border-radius:8px}.app-shell--studio-theme .tocfl-overview-stat--known-total{background:#edf6f3c7;border-color:#126a5f2e;border-radius:999px}.app-shell--studio-theme .tocfl-level-rail{gap:10px}.app-shell--studio-theme .tocfl-level-rail .tocfl-level-card.tocfl-level-card--active{background:linear-gradient(145deg,#e5f3f0f5,#f1f8f6f0 58%,#fffefaf0),#edf6f3;border-color:#126a5f4d;box-shadow:inset 0 1px #fffefae6,0 12px 24px #126a5f1a}.app-shell--studio-theme .tocfl-list-frame{border-color:var(--studio-line);background:#fffefa;border-radius:8px}.app-shell--studio-theme .tocfl-word-title-row h3{font-family:var(--font-hanzi);font-weight:650}.app-shell--studio-theme .conversation-hub-hero,.app-shell--studio-theme .conversation-topic-hero{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px}.app-shell--studio-theme .conversation-topic-grid,.app-shell--studio-theme .conversation-script-list{gap:12px}.app-shell--studio-theme .conversation-chunk-row span{border-color:var(--studio-line);background:#fffefab8;border-radius:999px}.app-shell--studio-theme .scene-video-card{padding:18px}.app-shell--studio-theme .scene-video-frame,.app-shell--studio-theme .scene-video-empty,.app-shell--studio-theme .scene-upload-drop{border-color:var(--studio-line);background:#fffefa;border-radius:8px}.app-shell--studio-theme .ai-tutor-page{max-width:1040px}.app-shell--studio-theme .ai-tutor-generator,.app-shell--studio-theme .ai-tutor-board{padding:24px}.app-shell--studio-theme .ai-tutor-intro{grid-template-columns:56px minmax(0,1fr);gap:14px}.app-shell--studio-theme .ai-tutor-intro h2{font-family:var(--font-sans);font-size:clamp(30px,3.5vw,44px);font-weight:930;line-height:1.02}.app-shell--studio-theme .srs-deck-shell .section-head{border-bottom:1px solid var(--studio-line);padding-bottom:16px}.app-shell--studio-theme .srs-deck-controls{gap:10px;padding-block:16px 10px}.app-shell--studio-theme .deck-grid{gap:7px}.app-shell--studio-theme .deck-item--compact{min-height:48px;padding:10px 12px}.app-shell--studio-theme .deck-item__compact-row strong,.app-shell--studio-theme .deck-item strong{font-family:var(--font-hanzi);font-weight:680}.app-shell--studio-theme .review-session-card{text-align:center;place-items:center;min-height:min(560px,100vh - 190px);padding:clamp(24px,5vw,56px);display:grid}.app-shell--studio-theme .review-session-card h3{font-family:var(--font-hanzi);font-weight:650}.app-shell--studio-theme .review-rating-row{gap:8px}.app-shell--studio-theme .leaderboard-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.48fr);gap:16px;padding:22px}.app-shell--studio-theme .leaderboard-podium{gap:12px}.app-shell--studio-theme .leaderboard-row{min-height:58px}.app-shell--studio-theme .profile-page{max-width:1040px}.app-shell--studio-theme .profile-summary-card{padding:22px}.app-shell--studio-theme .profile-summary{align-items:center}.app-shell--studio-theme .profile-detail-grid,.app-shell--studio-theme .profile-hub-links{gap:12px}.app-shell--studio-theme .profile-hub-link{text-decoration:none}@media (width>=921px){.app-shell--studio-theme .page-stack:not(.dashboard-page--studio){padding-top:0}.app-shell--studio-theme :is(.daily-news-page,.tocfl-page,.building-blocks-page,.scene-learning-page){width:min(1180px,100%)}.app-shell--studio-theme .srs-deck-shell{padding:28px}.app-shell--studio-theme .deck-command-card__layout{grid-template-columns:110px minmax(0,1fr) minmax(270px,.34fr)}}@media (width<=920px){.app-shell--studio-theme .page-stack:not(.dashboard-page--studio){gap:14px}.app-shell--studio-theme :is(.base-card:not(.dashboard-tree-card--studio),.feature-panel){padding:16px}.app-shell--studio-theme .page-header h2{font-size:30px}.app-shell--studio-theme .settings-option,.app-shell--studio-theme .tocfl-command-center,.app-shell--studio-theme .conversation-hub-hero,.app-shell--studio-theme .conversation-topic-hero,.app-shell--studio-theme .leaderboard-hero{grid-template-columns:1fr}.app-shell--studio-theme .tocfl-command-center{grid-template-columns:minmax(0,1fr) auto}.app-shell--studio-theme .tocfl-command-center,.app-shell--studio-theme .conversation-hub-hero,.app-shell--studio-theme .conversation-topic-hero,.app-shell--studio-theme .leaderboard-hero{padding:16px}.app-shell--studio-theme .tocfl-overview-strip--single{justify-content:end}.app-shell--studio-theme .daily-news-reader-toolbar,.app-shell--studio-theme .scene-lesson-toolbar,.app-shell--studio-theme .srs-deck-controls{grid-template-columns:1fr}.app-shell--studio-theme .deck-command-card__summary{display:none}.app-shell--studio-theme .review-session-card{min-height:min(520px,100vh - 170px)}}@media (width<=560px){.app-shell--studio-theme .page-stack:not(.dashboard-page--studio){gap:12px}.app-shell--studio-theme :is(.base-card:not(.dashboard-tree-card--studio),.feature-panel){padding:14px}.app-shell--studio-theme .deck-command-card__layout{align-items:stretch}.app-shell--studio-theme .deck-command-card .deck-primary-actions{align-content:center}.app-shell--studio-theme .tocfl-overview-strip,.app-shell--studio-theme .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell--studio-theme .tocfl-overview-strip--single{grid-template-columns:auto}}.app-shell--studio-theme .pinyin-page--guided,.app-shell--studio-theme .building-blocks-page,.app-shell--studio-theme .conversations-page{gap:14px;width:min(1088px,100%)}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson,.app-shell--studio-theme .building-blocks-header,.app-shell--studio-theme .building-block-focus-bar,.app-shell--studio-theme .conversation-hub-hero{border-color:var(--studio-line);background:linear-gradient(135deg, #edf6f39e, #fffefaf5 42%), var(--studio-panel)}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson{grid-template-rows:auto auto auto auto;gap:14px;min-height:0;padding:18px 20px 20px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson:after{background:var(--studio-jade);height:3px;left:18px;right:18px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline>div:first-child{grid-template-columns:minmax(0,1fr) minmax(282px,.38fr);align-items:start;gap:7px 18px;display:grid}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline .eyebrow,.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline h2,.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline p:not(.eyebrow){grid-column:1}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline h2{max-width:16ch;color:var(--studio-ink);font-size:clamp(30px,3.4vw,42px);line-height:1.02}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline p:not(.eyebrow){max-width:42rem;color:var(--studio-muted);font-size:13.5px;font-weight:560;line-height:1.42}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats{grid-area:1/2/span 3;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:8px;padding-top:0;display:grid}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats span{border-color:var(--studio-line);background:#fffefaad;min-width:0;min-height:58px;padding:10px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats small{color:var(--studio-muted);font-size:9.5px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats strong{color:var(--studio-ink);font-size:18px}.app-shell--studio-theme .pinyin-page--guided .foundation-progress{background:#126a5f1a;border-radius:999px;height:6px}.app-shell--studio-theme .pinyin-page--guided .foundation-progress i{background:var(--studio-jade)}.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell{gap:12px}@media (width>=921px){.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--recognition{grid-template-columns:minmax(0,1.18fr) minmax(278px,.48fr)}}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane,.app-shell--studio-theme .pinyin-page--guided .lesson-exercise-pane,.app-shell--studio-theme .pinyin-page--guided .lesson-retrieval-pane{border-color:var(--studio-line);box-shadow:none;background:#fffefac2}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane{align-content:center;gap:11px;min-height:246px;padding:18px}.app-shell--studio-theme .pinyin-page--guided .phrase-sound-ribbon{background:#edf6f3;border-color:#126a5f24;justify-self:start}.app-shell--studio-theme .pinyin-page--guided .phrase-sound-ribbon strong{color:var(--studio-jade-dark)}.app-shell--studio-theme .pinyin-page--guided .phrase-helper{text-align:left;justify-self:stretch;max-width:42rem}.app-shell--studio-theme .pinyin-page--guided .phrase-pinyin{text-align:left;font-size:clamp(38px,5vw,58px)}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(30px,3.6vw,44px)}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(24px,2.8vw,34px)}.app-shell--studio-theme .pinyin-page--guided .phrase-hanzi{justify-content:start}.app-shell--studio-theme .pinyin-page--guided .phrase-hanzi span{font-weight:600}.app-shell--studio-theme .pinyin-page--guided .phrase-meaning{text-align:left}.app-shell--studio-theme .pinyin-page--guided .lesson-exercise-pane{align-content:center;min-height:246px;padding:16px}.app-shell--studio-theme .pinyin-page--guided .stage-button-row--audio{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.app-shell--studio-theme .pinyin-page--guided .stage-audio-button{border-color:var(--studio-line);width:100%;min-height:48px;box-shadow:none;background:#fffefad1}.app-shell--studio-theme .pinyin-page--guided .stage-audio-button span{background:var(--studio-jade-dark)}.app-shell--studio-theme .pinyin-page--guided .stage-audio-button--primary{min-width:0}.app-shell--studio-theme .pinyin-page--guided .shadow-practice-strip{border-color:var(--studio-line);background:var(--studio-card-bg-soft);padding:10px}.app-shell--studio-theme .pinyin-page--guided .foundation-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:0;display:grid}.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker{grid-template-columns:minmax(132px,.24fr) minmax(220px,1fr) auto;gap:10px;padding:14px}.app-shell--studio-theme .building-blocks-header{grid-template-columns:minmax(0,1fr) 172px;align-items:center;padding:18px 20px}.app-shell--studio-theme .building-blocks-title-copy{gap:5px;display:grid}.app-shell--studio-theme .building-blocks-header h2{max-width:none;color:var(--studio-ink);font-family:var(--font-sans);white-space:normal;font-size:clamp(31px,3.4vw,44px);font-weight:930;line-height:1.02}.app-shell--studio-theme .building-blocks-header p:not(.eyebrow){max-width:42rem;color:var(--studio-muted);font-size:13.5px;font-weight:560;line-height:1.42}.app-shell--studio-theme .building-blocks-progress{border-color:var(--studio-line);background:#fffefab8;gap:6px;min-height:82px;padding:12px}.app-shell--studio-theme .building-blocks-progress strong{color:var(--studio-ink);font-family:var(--font-sans);font-size:25px;font-weight:930}.app-shell--studio-theme .building-block-focus-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;width:100%;padding:10px;display:grid}.app-shell--studio-theme .building-block-topic-select{width:100%;min-width:0}.app-shell--studio-theme .building-block-topic-select select{border-color:var(--studio-line);background:#fffefac7;border-radius:8px}.app-shell--studio-theme .building-block-tabs{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:8px;padding:0;display:grid;overflow:visible}.app-shell--studio-theme .building-block-tab{border-color:var(--studio-line);background:#fffefaad;grid-template-columns:34px minmax(0,1fr) auto;min-height:50px}.app-shell--studio-theme .building-block-tab span{width:34px;height:34px;color:var(--studio-jade-dark);background:#edf6f3;border-radius:8px}.app-shell--studio-theme .building-block-tab--active{box-shadow:inset 3px 0 0 var(--studio-jade);background:#edf6f3;border-color:#126a5f38}.app-shell--studio-theme .building-block-tab--active:after{display:none}.app-shell--studio-theme .building-block-tab--active span{color:#fffefa;background:var(--studio-jade-dark)}.app-shell--studio-theme .building-block-practice-layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:14px}.app-shell--studio-theme .building-block-practice-card,.app-shell--studio-theme .building-block-side-panel{gap:14px;padding:18px}.app-shell--studio-theme .building-block-mode-switch{border-color:var(--studio-line);background:#fffefab3;width:min(360px,100%)}.app-shell--studio-theme .building-block-practice-head{align-items:end;padding-bottom:2px}.app-shell--studio-theme .building-block-practice-head h3{color:var(--studio-ink);font-family:var(--font-sans);font-size:clamp(28px,3vw,38px);font-weight:930}.app-shell--studio-theme .building-block-practice-progress{border-color:var(--studio-line);background:#fffefa9e;padding:9px 10px}.app-shell--studio-theme .building-block-cue-card,.app-shell--studio-theme .building-block-choice-panel,.app-shell--studio-theme .building-block-result{border-color:var(--studio-line);background:#fffefab3;padding:14px}.app-shell--studio-theme .building-block-cue-card:not(.building-block-cue-card--drill) strong{font-weight:650}.app-shell--studio-theme .building-block-option-list{gap:8px}@media (width>=921px){.app-shell--studio-theme .building-block-practice-card--use .building-block-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell--studio-theme .building-block-option{border-color:var(--studio-line);background:#fffefab8;min-height:70px;padding:13px 44px 13px 14px}.app-shell--studio-theme .building-block-option strong{color:var(--studio-ink);font-weight:650}.app-shell--studio-theme .building-block-side-panel{align-self:start;position:sticky;top:24px}.app-shell--studio-theme .building-block-side-panel__summary h3{color:var(--studio-ink);font-family:var(--font-sans);font-size:22px;font-weight:930}.app-shell--studio-theme .building-block-bridge-link{color:#fffefa;background:var(--studio-jade-dark);border-radius:8px;min-height:42px}.app-shell--studio-theme .building-block-details{border-color:var(--studio-line);background:#fffefa9e;border-radius:8px}.app-shell--studio-theme .conversations-page .conversation-hub-hero{grid-template-columns:minmax(0,1fr) minmax(286px,.42fr);grid-template-areas:"copy feature";gap:16px;min-height:0;padding:20px;display:grid;overflow:hidden}.app-shell--studio-theme .conversations-page .conversation-hub-hero:before{background:var(--studio-jade);height:3px;left:18px;right:18px}.app-shell--studio-theme .conversation-hub-hero__copy{grid-template-rows:auto auto 1fr;grid-template-columns:58px minmax(0,1fr);align-content:start;gap:12px 16px;padding-top:0;display:grid}.app-shell--studio-theme .conversation-hub-mark{width:58px;height:58px;color:var(--studio-jade-dark);font-family:var(--font-hanzi);background:#edf6f3;border:1px solid #126a5f29;border-radius:8px;grid-row:1/span 2;place-items:center;font-size:34px;font-weight:520;display:grid}.app-shell--studio-theme .conversation-hub-hero__copy>div{gap:5px;min-width:0;display:grid}.app-shell--studio-theme .conversation-hub-hero__copy h2{max-width:14ch;color:var(--studio-ink);font-size:clamp(36px,4.4vw,56px);line-height:.98}.app-shell--studio-theme .conversation-hub-hero__copy p:not(.eyebrow){max-width:38rem;color:var(--studio-muted);grid-column:2;font-size:14px;font-weight:560}.app-shell--studio-theme .conversations-page .conversation-hub-stats{flex-wrap:wrap;grid-column:2;align-self:end;gap:8px;max-width:none;display:flex}.app-shell--studio-theme .conversations-page .conversation-hub-stats span{border-color:var(--studio-line);background:#fffefaad;min-width:96px;min-height:52px;padding:9px 10px}.app-shell--studio-theme .conversations-page .conversation-hub-stats strong{color:var(--studio-ink);font-size:21px}.app-shell--studio-theme .conversation-feature-card{color:#fffefa;background:linear-gradient(145deg,#103f39,#111827 72%),#111827;border-color:#1118271f;border-radius:8px;grid-area:feature;align-content:stretch;gap:10px;min-height:214px;padding:18px;box-shadow:0 18px 40px #1118272e}.app-shell--studio-theme .conversation-feature-card:before{opacity:.7;font-size:82px;top:12px;right:14px}.app-shell--studio-theme .conversation-feature-card__tag,.app-shell--studio-theme .conversation-feature-card__meta span{background:#fffefa1a;border-color:#fffefa29;width:fit-content}.app-shell--studio-theme .conversation-feature-card strong{margin-top:auto;font-size:clamp(25px,2.8vw,34px)}.app-shell--studio-theme .conversation-feature-card small{max-width:21rem}.app-shell--studio-theme .conversation-feature-card__meta{flex-wrap:wrap;gap:6px;display:flex}.app-shell--studio-theme .conversation-feature-card__meta span{color:#fffefac7;border-radius:999px;min-height:24px;padding:5px 8px;font-size:11px;font-weight:850}.app-shell--studio-theme .conversation-feature-card__chunks{gap:6px}.app-shell--studio-theme .conversation-feature-card__chunks span{border-radius:8px}.app-shell--studio-theme .conversation-feature-card b{color:#0b4b44;background:#fffefa;border-radius:8px;justify-self:start;place-items:center;min-height:34px;padding:0 13px;font-size:12px;font-style:normal;font-weight:930;display:inline-grid}.app-shell--studio-theme .conversation-topic-section{gap:10px;display:grid}.app-shell--studio-theme .conversation-topic-section__head{gap:3px;padding-inline:2px;display:grid}.app-shell--studio-theme .conversation-topic-section__head h3{color:var(--studio-ink);font-size:24px;font-weight:930;line-height:1.05}.app-shell--studio-theme .conversations-page .conversation-topic-card,.app-shell--studio-theme .conversations-page .conversation-topic-card:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card:nth-child(2){border-color:var(--studio-line);background:var(--studio-card-bg);grid-column:auto;grid-template-rows:auto auto auto;grid-template-columns:48px minmax(0,1fr);gap:10px 13px;min-height:0;padding:16px;display:grid}.app-shell--studio-theme .conversations-page .conversation-topic-card:before{background:var(--topic-accent);width:3px;height:auto;inset:0 auto 0 0}.app-shell--studio-theme .conversation-topic-card__meta{grid-area:1/1/span 2;justify-items:center;gap:8px;display:grid}.app-shell--studio-theme .conversation-topic-card__meta span{background:var(--topic-tint);border-radius:8px;width:42px;height:42px}.app-shell--studio-theme .conversation-topic-card__meta small{text-align:center;writing-mode:horizontal-tb;max-width:42px}.app-shell--studio-theme .conversation-topic-card__copy{grid-column:2;gap:6px;min-width:0;display:grid}.app-shell--studio-theme .conversations-page .conversation-topic-card h3,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--tight{color:var(--studio-ink);white-space:normal;font-size:22px;line-height:1.08}.app-shell--studio-theme .conversations-page .conversation-topic-card p{color:var(--studio-muted);font-size:13px;line-height:1.42}.app-shell--studio-theme .conversations-page .conversation-topic-card h3+p{margin-top:0}.app-shell--studio-theme .conversation-topic-card .conversation-chunk-row{grid-column:2;gap:6px}.app-shell--studio-theme .conversation-topic-card .conversation-chunk-row span{border-color:var(--studio-line);background:#fffefab3;padding:6px 8px;font-size:13px}.app-shell--studio-theme .conversation-topic-card .conversation-card-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;margin-left:61px;padding-top:2px;display:flex}.app-shell--studio-theme .conversation-topic-card .conversation-card-actions strong{border:1px solid var(--topic-border);min-height:34px;color:var(--topic-accent);background:var(--topic-tint);border-radius:8px;align-items:center;gap:8px;padding:0 8px 0 12px;display:inline-flex}.app-shell--studio-theme .conversation-topic-card .conversation-card-actions strong i{opacity:.72;border:1px solid;border-radius:999px;width:20px;height:20px;display:block;position:relative}.app-shell--studio-theme .conversation-topic-card .conversation-card-actions strong i:before{content:"";border-top:2px solid;border-right:2px solid;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-62%,-50%)rotate(45deg)}.app-shell--studio-theme .conversation-topic-card:hover .conversation-card-actions strong{color:#fffefa;background:var(--topic-accent);border-color:#0000}@media (width<=920px){.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline>div:first-child,.app-shell--studio-theme .building-blocks-header,.app-shell--studio-theme .building-block-focus-bar,.app-shell--studio-theme .building-block-practice-layout,.app-shell--studio-theme .conversations-page .conversation-hub-hero,.app-shell--studio-theme .conversations-page .conversation-topic-grid{grid-template-columns:1fr}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats{grid-area:auto/1}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane,.app-shell--studio-theme .pinyin-page--guided .lesson-exercise-pane{min-height:0}.app-shell--studio-theme .pinyin-page--guided .phrase-sound-ribbon,.app-shell--studio-theme .pinyin-page--guided .phrase-helper,.app-shell--studio-theme .pinyin-page--guided .phrase-pinyin,.app-shell--studio-theme .pinyin-page--guided .phrase-meaning{text-align:center;justify-self:center}.app-shell--studio-theme .pinyin-page--guided .phrase-hanzi{justify-content:center}.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker{grid-template-columns:1fr}.app-shell--studio-theme .building-block-tabs{display:flex;overflow-x:auto}.app-shell--studio-theme .building-block-tab{flex:0 0 min(230px,74vw)}.app-shell--studio-theme .building-block-side-panel{position:static}.app-shell--studio-theme .conversation-hub-hero__copy{grid-template-columns:50px minmax(0,1fr)}.app-shell--studio-theme .conversation-hub-mark{width:50px;height:50px;font-size:29px}.app-shell--studio-theme .conversation-hub-hero__copy h2{font-size:34px}.app-shell--studio-theme .conversation-feature-card{min-height:188px}}@media (width<=560px){.app-shell--studio-theme .pinyin-page--guided,.app-shell--studio-theme .building-blocks-page,.app-shell--studio-theme .conversations-page{gap:12px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson,.app-shell--studio-theme .building-blocks-header,.app-shell--studio-theme .building-block-practice-card,.app-shell--studio-theme .building-block-side-panel,.app-shell--studio-theme .conversations-page .conversation-hub-hero{padding:14px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats span{min-height:52px;padding:8px}.app-shell--studio-theme .pinyin-page--guided .foundation-actions{grid-template-columns:1fr}.app-shell--studio-theme .building-blocks-progress{justify-self:stretch;width:100%}.app-shell--studio-theme .building-block-focus-bar{gap:8px}.app-shell--studio-theme .building-block-focus-progress,.app-shell--studio-theme .building-block-focus-link{justify-self:start}.app-shell--studio-theme .building-block-option-list--rapid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell--studio-theme .conversation-hub-hero__copy{grid-template-columns:46px minmax(0,1fr);gap:10px 12px}.app-shell--studio-theme .conversation-hub-mark{width:46px;height:46px;font-size:27px}.app-shell--studio-theme .conversation-hub-hero__copy h2{font-size:31px}.app-shell--studio-theme .conversations-page .conversation-hub-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-shell--studio-theme .conversations-page .conversation-hub-stats span{min-width:0;min-height:50px;padding:8px}.app-shell--studio-theme .conversations-page .conversation-topic-card,.app-shell--studio-theme .conversations-page .conversation-topic-card:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card:nth-child(2){grid-template-columns:42px minmax(0,1fr);padding:14px}.app-shell--studio-theme .conversation-topic-card__meta span{width:38px;height:38px}.app-shell--studio-theme .conversation-topic-card .conversation-card-actions{margin-left:54px}}.app-shell--studio-theme .conversations-page .conversation-hub-hero{grid-template-columns:minmax(0,1fr) minmax(270px,306px);grid-template-areas:"copy feature";align-items:stretch;min-height:0}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-area:copy;min-width:0}.app-shell--studio-theme .conversations-page .conversation-feature-card{grid-area:feature;min-width:0}.app-shell--studio-theme .conversations-page .conversation-topic-card{overflow:hidden}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions{grid-column:2;width:100%;min-width:0;margin-left:0}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions strong{flex:none;margin-left:auto}@media (width>=921px){.app-shell--studio-theme .conversations-page .conversation-hub-hero{padding:18px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-rows:auto auto auto;align-content:center}.app-shell--studio-theme .conversations-page .conversation-hub-stats{align-self:end}}@media (width<=920px){.app-shell--studio-theme .conversations-page .conversation-hub-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""feature";gap:12px;padding:14px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-rows:auto auto auto;grid-template-columns:48px minmax(0,1fr);gap:10px 12px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy p:not(.eyebrow){grid-column:1/-1}.app-shell--studio-theme .conversations-page .conversation-hub-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.app-shell--studio-theme .conversations-page .conversation-feature-card{min-height:0;padding:14px}.app-shell--studio-theme .conversations-page .conversation-feature-card:before{font-size:68px}.app-shell--studio-theme .conversations-page .conversation-feature-card strong{margin-top:8px}}@media (width<=560px){.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{font-size:30px}.app-shell--studio-theme .conversations-page .conversation-feature-card__chunks{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-shell--studio-theme .conversations-page .conversation-feature-card__chunks span{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-shell--studio-theme .conversations-page .conversation-topic-card,.app-shell--studio-theme .conversations-page .conversation-topic-card:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card:nth-child(2){grid-template-columns:42px minmax(0,1fr);gap:9px 11px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions{grid-column:2;margin-left:0}}.app-shell--studio-theme .conversations-page .conversation-hub-hero{grid-template-columns:minmax(0,1fr) minmax(248px,286px);gap:14px;padding:16px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-columns:50px minmax(0,1fr);gap:9px 13px}.app-shell--studio-theme .conversations-page .conversation-hub-mark{width:50px;height:50px;font-size:30px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{max-width:15ch;font-size:clamp(34px,3.6vw,48px)}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy p:not(.eyebrow){font-size:13px;line-height:1.42}.app-shell--studio-theme .conversations-page .conversation-hub-stats{gap:7px}.app-shell--studio-theme .conversations-page .conversation-hub-stats span{min-width:82px;min-height:46px;padding:8px 9px}.app-shell--studio-theme .conversations-page .conversation-hub-stats small{font-size:9.5px}.app-shell--studio-theme .conversations-page .conversation-feature-card{gap:8px;min-height:0;padding:14px}.app-shell--studio-theme .conversations-page .conversation-feature-card:before{font-size:70px}.app-shell--studio-theme .conversations-page .conversation-feature-card__tag{min-height:24px;padding:5px 9px;font-size:10px}.app-shell--studio-theme .conversations-page .conversation-feature-card strong{margin-top:8px;font-size:clamp(23px,2.3vw,30px)}.app-shell--studio-theme .conversations-page .conversation-feature-card small{font-size:12.5px;line-height:1.38}.app-shell--studio-theme .conversations-page .conversation-feature-card__meta span{min-height:22px;padding:4px 7px;font-size:10px}.app-shell--studio-theme .conversations-page .conversation-feature-card__chunks span{padding:6px 8px;font-size:13px}.app-shell--studio-theme .conversations-page .conversation-feature-card b{min-height:31px;padding-inline:12px}.app-shell--studio-theme .conversation-topic-section{gap:8px}.app-shell--studio-theme .conversation-topic-section__head{padding-inline:2px}.app-shell--studio-theme .conversations-page .conversation-topic-card,.app-shell--studio-theme .conversations-page .conversation-topic-card:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card:nth-child(2){grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:8px;padding:14px}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta{grid-area:auto/1;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta span{flex:none;width:38px;height:38px}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta small{border:1px solid var(--topic-border);max-width:none;min-height:24px;color:var(--topic-accent);background:var(--topic-tint);text-align:left;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;line-height:1.05;display:inline-flex}.app-shell--studio-theme .conversations-page .conversation-topic-card__copy,.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-chunk-row,.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions{grid-column:1}.app-shell--studio-theme .conversations-page .conversation-topic-card h3,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--tight{font-size:21px}.app-shell--studio-theme .conversations-page .conversation-topic-card p{font-size:12.5px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-chunk-row{gap:5px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-chunk-row span{padding:5px 8px;font-size:12.5px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions{padding-top:2px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions span{font-size:11px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions strong{min-height:32px}@media (width>=921px){.app-shell--studio-theme .conversations-page .conversation-hub-hero{align-items:center}.app-shell--studio-theme .conversations-page .conversation-feature-card{align-self:stretch}}@media (width<=920px){.app-shell--studio-theme .conversations-page .conversation-hub-hero{gap:10px;padding:12px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-columns:44px minmax(0,1fr);gap:8px 10px}.app-shell--studio-theme .conversations-page .conversation-hub-mark{width:44px;height:44px;font-size:27px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{font-size:28px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy p:not(.eyebrow){margin-top:-1px}.app-shell--studio-theme .conversations-page .conversation-hub-stats span{min-height:43px;padding:7px 8px}.app-shell--studio-theme .conversations-page .conversation-feature-card{padding:12px}}@media (width<=560px){.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{font-size:27px}.app-shell--studio-theme .conversations-page .conversation-feature-card strong{font-size:23px}.app-shell--studio-theme .conversations-page .conversation-feature-card__chunks{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell--studio-theme .conversations-page .conversation-topic-card,.app-shell--studio-theme .conversations-page .conversation-topic-card:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card:nth-child(2){padding:12px}}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta{display:block}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta span{width:38px;height:38px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson{padding:18px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline>div:first-child{grid-template-columns:minmax(0,1fr) minmax(236px,.32fr);gap:10px 16px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline h2{font-size:clamp(30px,3.1vw,40px)}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats{gap:7px}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-stats span{min-height:54px;padding:9px}.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell{align-items:stretch}@media (width>=921px){.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--recognition{grid-template-columns:minmax(0,1fr) minmax(250px,282px)}}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane{border-radius:8px;min-height:232px;padding:18px}.app-shell--studio-theme .pinyin-page--guided .lesson-exercise-pane{border-radius:8px;min-height:232px;padding:14px}.app-shell--studio-theme .pinyin-page--guided .phrase-pinyin{padding-bottom:.08em;font-size:clamp(42px,4.8vw,62px);line-height:1.12}.app-shell--studio-theme .pinyin-page--guided .phrase-hanzi span{color:#181b1fd1;font-size:clamp(30px,3.2vw,42px)}.app-shell--studio-theme .pinyin-page--guided .phrase-meaning{color:var(--studio-muted);font-size:14px}.app-shell--studio-theme .pinyin-page--guided .foundation-actions{border:1px solid var(--studio-line);width:min(520px,100%);box-shadow:none;background:#fffefab8;border-radius:8px;justify-self:end;padding:0}.app-shell--studio-theme .pinyin-page--guided .foundation-actions .base-button{min-height:42px;box-shadow:none;border:0}.app-shell--studio-theme .pinyin-page--guided .foundation-actions .base-button:first-child{color:#181b1f75;background:0 0}.app-shell--studio-theme .pinyin-page--guided .foundation-actions .base-button:last-child{background:var(--studio-jade-dark)}.app-shell--studio-theme .building-blocks-page{width:min(1120px,100%)}.app-shell--studio-theme .building-block-focus-bar{max-width:none}.app-shell--studio-theme .building-block-practice-layout{width:100%}@media (width>=921px){.app-shell--studio-theme .building-block-practice-layout{grid-template-columns:minmax(0,1fr) minmax(276px,314px);justify-content:stretch;gap:14px}.app-shell--studio-theme .building-block-side-panel{display:grid}.app-shell--studio-theme .building-block-practice-card{min-width:0}}.app-shell--studio-theme .building-block-practice-card{background:linear-gradient(135deg, #edf6f37a, #fffefaf5 38%), var(--studio-panel);border-radius:8px}.app-shell--studio-theme .building-block-side-panel{background:var(--studio-card-bg);border-radius:8px}.app-shell--studio-theme .building-block-practice-card--drill .building-block-drill-basic-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.7fr);align-items:stretch;gap:14px}.app-shell--studio-theme .building-block-practice-card--drill .building-block-cue-card--drill{align-content:center;min-height:260px}.app-shell--studio-theme .building-block-practice-card--drill .building-block-choice-panel{align-content:start}.app-shell--studio-theme .building-block-practice-card--drill .building-block-option-list--rapid{grid-template-columns:1fr}.app-shell--studio-theme .building-block-practice-card--drill .building-block-option-list--rapid .building-block-option{min-height:74px}.app-shell--studio-theme .building-block-drill-dots{margin-top:2px}.app-shell--studio-theme .building-block-studio__actions{justify-content:end}.app-shell--studio-theme .building-block-studio__actions--choice{grid-template-columns:repeat(3,minmax(0,1fr));width:min(440px,100%);margin-left:auto;display:grid}.app-shell--studio-theme .building-block-studio__actions--choice .base-button{min-width:0}@media (width<=920px){.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline>div:first-child{grid-template-columns:1fr}.app-shell--studio-theme .pinyin-page--guided .foundation-actions{width:100%}.app-shell--studio-theme .building-block-practice-card--drill .building-block-drill-basic-grid{grid-template-columns:1fr}.app-shell--studio-theme .building-block-practice-card--drill .building-block-cue-card--drill{min-height:190px}}@media (width<=720px){.app-shell--studio-theme .building-blocks-page{gap:10px}.app-shell--studio-theme .building-block-focus-bar,.app-shell--studio-theme .building-block-tabs{display:none!important}.app-shell--studio-theme .building-block-topic-carousel{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;margin:0;padding:0;display:grid}.app-shell--studio-theme .building-block-topic-carousel__stage{grid-template-columns:1fr;min-height:0;display:grid;overflow:visible}.app-shell--studio-theme .building-block-topic-carousel__stage:before,.app-shell--studio-theme .building-block-topic-carousel__stage:after,.app-shell--studio-theme .building-block-topic-peek{display:none}.app-shell--studio-theme .building-block-topic-current{background:linear-gradient(135deg, #edf6f3eb, #fffefaf0), var(--studio-panel);border-color:#126a5f29;border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:62px;padding:9px 11px;box-shadow:0 10px 24px #181b1f0f,inset 0 1px #ffffffc7}.app-shell--studio-theme .building-block-topic-current__mark{color:#fffefa;background:var(--studio-jade-dark);border:0;border-radius:8px;width:42px;height:42px;font-size:24px;font-weight:520}.app-shell--studio-theme .building-block-topic-current__copy{gap:4px}.app-shell--studio-theme .building-block-topic-current strong{color:var(--studio-ink);font-size:16px;font-weight:930;line-height:1.08}.app-shell--studio-theme .building-block-topic-current small{color:var(--studio-muted);font-size:11px;font-weight:800}.app-shell--studio-theme .building-block-topic-chevron{border-color:var(--studio-line);width:38px;height:52px;color:var(--studio-jade-dark);background:#fffefad6;border-radius:8px;box-shadow:0 8px 18px #181b1f0b,inset 0 1px #fffc}.app-shell--studio-theme .building-block-practice-layout{grid-template-columns:1fr;gap:10px}.app-shell--studio-theme .building-block-practice-card{background:linear-gradient(180deg, #fffefafa, #faf9f5eb), var(--studio-panel);border-radius:8px;gap:11px;padding:12px;box-shadow:0 12px 30px #181b1f11,inset 0 1px #ffffffb8}.app-shell--studio-theme .building-block-mode-switch{border-color:var(--studio-line);background:#faf9f5d1;width:100%;padding:3px}.app-shell--studio-theme .building-block-mode-switch button{border-radius:7px;min-height:38px;font-size:13.5px;font-weight:900}.app-shell--studio-theme .building-block-mode-switch__button--active{box-shadow:none;color:var(--studio-jade-dark)!important;background:#edf6f3!important}.app-shell--studio-theme .building-block-practice-progress{background:#fffefabd;border-radius:8px;gap:6px;padding:8px 9px}.app-shell--studio-theme .building-block-practice-progress__labels strong{font-size:12px}.app-shell--studio-theme .building-block-practice-progress__labels span{max-width:52%;font-size:10.5px;line-height:1.1}.app-shell--studio-theme .building-block-cue-card,.app-shell--studio-theme .building-block-choice-panel,.app-shell--studio-theme .building-block-result{border-radius:8px;padding:12px}.app-shell--studio-theme .building-block-practice-card--drill .building-block-cue-card--drill{min-height:156px}.app-shell--studio-theme .building-block-practice-card--drill .building-block-cue-card--drill strong{font-size:clamp(44px,17vw,64px);line-height:1}.app-shell--studio-theme .building-block-practice-card--drill .building-block-cue-card--drill>span,.app-shell--studio-theme .building-block-choice-panel header small{color:#181b1f94;letter-spacing:.02em;font-size:10px;font-weight:900}.app-shell--studio-theme .building-block-choice-panel{gap:9px}.app-shell--studio-theme .building-block-practice-card--drill .building-block-option-list--rapid{grid-template-columns:1fr;gap:8px}.app-shell--studio-theme .building-block-practice-card--drill .building-block-option-list--rapid .building-block-option,.app-shell--studio-theme .building-block-option{background:#fffefac2;border-radius:8px;min-height:66px;padding:10px 42px 10px 12px}.app-shell--studio-theme .building-block-option strong{font-size:22px;line-height:1.05}.app-shell--studio-theme .building-block-option span:not(.visually-hidden),.app-shell--studio-theme .building-block-option small{font-size:12px}.app-shell--studio-theme .building-block-option-status{right:11px}.app-shell--studio-theme .building-block-drill-dots{gap:5px;padding:0 2px;display:flex;overflow-x:auto}.app-shell--studio-theme .building-block-drill-dots button{flex:0 0 24px;height:5px}.app-shell--studio-theme .building-block-studio__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-shell--studio-theme .building-block-studio__actions .base-button{min-height:42px;padding-inline:10px}.app-shell--studio-theme .building-block-studio__actions--choice{width:100%}.app-shell--studio-theme .building-block-side-panel{gap:10px;padding:12px;position:static}.app-shell--studio-theme .building-block-side-panel__summary h3{font-size:19px}.app-shell--studio-theme .building-block-side-panel__summary p{font-size:12.5px}}@media (width>=721px){.app-shell--studio-theme .building-block-focus-bar,.app-shell--studio-theme .building-block-topic-carousel{display:none!important}.app-shell--studio-theme .building-block-tabs{border:1px solid var(--studio-line);background:#fffefab8;border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:6px;overflow:visible;box-shadow:0 12px 28px #181b1f0b,inset 0 1px #ffffffc7;display:grid!important}.app-shell--studio-theme .building-block-tab{min-width:0;min-height:54px;box-shadow:none;background:#fffefa9e;border-radius:8px;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"mark title""mark progress";gap:2px 8px;padding:8px 9px}.app-shell--studio-theme .building-block-tab:hover,.app-shell--studio-theme .building-block-tab:focus-visible{background:#fffefae6;transform:none;box-shadow:inset 0 0 0 1px #126a5f14}.app-shell--studio-theme .building-block-tab span{border-radius:8px;grid-area:mark;width:32px;height:32px;font-size:18px;font-weight:520}.app-shell--studio-theme .building-block-tab strong{grid-area:title;align-self:end;font-size:12.5px;line-height:1.05}.app-shell--studio-theme .building-block-tab small{color:var(--studio-muted);grid-area:progress;align-self:start;font-size:11px;line-height:1.1}.app-shell--studio-theme .building-block-tab--active{background:linear-gradient(#edf6f3f0,#fffefae0);border-color:#126a5f3d}.app-shell--studio-theme .building-block-tab--active:after{background:var(--studio-jade);height:3px;bottom:5px;left:48px;right:8px}}@media (width>=721px) and (width<=1120px){.app-shell--studio-theme .building-block-tabs{scrollbar-width:thin;padding-bottom:8px;overflow-x:auto;display:flex!important}.app-shell--studio-theme .building-block-tab{flex:0 0 150px}}@media (width<=720px){.app-shell--studio-theme .building-block-studio__actions{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:7px;display:grid}.app-shell--studio-theme .building-block-studio__actions .base-button{white-space:nowrap;border-radius:8px;min-width:0;min-height:40px;padding-inline:6px;font-size:12.5px;line-height:1}.app-shell--studio-theme .building-block-studio__actions--choice{grid-auto-flow:row;grid-auto-columns:initial;grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell--studio-theme .building-block-studio__actions--choice .base-button{font-size:11.5px}}.app-shell--studio-theme .conversations-page{gap:16px;width:min(1120px,100%)}.app-shell--studio-theme .conversations-page .conversation-hub-hero{border-radius:8px;align-items:stretch;gap:18px;min-height:0;padding:18px;grid-template-columns:minmax(0,1fr) minmax(286px,.36fr)!important;grid-template-areas:"copy feature"!important;display:grid!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero:after{display:none}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-area:copy;grid-template-columns:54px minmax(0,1fr);grid-template-areas:"mark heading"".body"".stats";align-content:center;gap:9px 14px;min-width:0;padding:0;display:grid}.app-shell--studio-theme .conversations-page .conversation-hub-mark{border-radius:8px;grid-area:mark;width:54px;height:54px;font-size:32px;font-weight:520}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>div{grid-area:heading;min-width:0}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{max-width:none;color:var(--studio-ink);text-wrap:balance;overflow-wrap:normal;font-size:clamp(36px,4vw,52px);line-height:.98}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>p:not(.eyebrow){max-width:56rem;color:var(--studio-muted);grid-area:body;margin:0;font-size:13.5px;line-height:1.42}.app-shell--studio-theme .conversations-page .conversation-hub-stats{grid-area:stats;grid-template-columns:repeat(3,minmax(0,92px));align-self:start;gap:8px;max-width:none;display:grid}.app-shell--studio-theme .conversations-page .conversation-hub-stats span{border-radius:8px;min-width:0;min-height:48px;padding:8px 10px}.app-shell--studio-theme .conversations-page .conversation-hub-stats strong{font-size:20px}.app-shell--studio-theme .conversations-page .conversation-feature-card{border-radius:8px;grid-area:feature;align-content:start;gap:10px;width:100%;min-width:0;min-height:0;padding:16px}.app-shell--studio-theme .conversations-page .conversation-feature-card:before{font-size:84px;top:14px;right:14px}.app-shell--studio-theme .conversations-page .conversation-feature-card strong{overflow-wrap:normal;margin-top:8px;font-size:clamp(25px,2.3vw,32px)}.app-shell--studio-theme .conversations-page .conversation-feature-card small{max-width:24rem}.app-shell--studio-theme .conversations-page .conversation-feature-card__meta span{min-height:24px}.app-shell--studio-theme .conversations-page .conversation-feature-card b{border-radius:8px;width:100%;min-height:42px;margin-top:auto;font-size:13px}.app-shell--studio-theme .conversations-page .conversation-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.app-shell--studio-theme .conversations-page .conversation-topic-card,.app-shell--studio-theme .conversations-page .conversation-topic-card:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card:nth-child(2){border-radius:8px;grid-template:"meta copy action""meta chunks action"/44px minmax(0,1fr) auto;grid-column:auto;align-items:center;gap:9px 12px;min-height:138px;padding:14px;display:grid;overflow:hidden}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta{grid-area:meta;align-self:start;min-width:0;display:block}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta span{border-radius:8px;width:40px;height:40px}.app-shell--studio-theme .conversations-page .conversation-topic-card__copy{grid-area:copy;gap:5px;min-width:0}.app-shell--studio-theme .conversations-page .conversation-topic-card h3,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--tight{white-space:normal;font-size:22px;line-height:1.08}.app-shell--studio-theme .conversations-page .conversation-topic-card p{max-width:none;font-size:12.5px;line-height:1.34}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-chunk-row{grid-area:chunks;gap:5px;min-width:0}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-chunk-row span{padding:5px 8px;font-size:12.5px;line-height:1.15}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions{grid-area:action;align-self:stretch;justify-items:end;width:auto;min-width:76px;margin:0;padding:0;display:grid}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions span{align-self:start;font-size:11px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions strong{align-self:end;min-height:34px;margin:0}@media (width<=920px){.app-shell--studio-theme .conversations-page .conversation-hub-hero{gap:12px;padding:14px;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy""feature"!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-columns:48px minmax(0,1fr);gap:8px 12px}.app-shell--studio-theme .conversations-page .conversation-hub-mark{width:48px;height:48px;font-size:29px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{font-size:clamp(30px,9vw,38px)}.app-shell--studio-theme .conversations-page .conversation-hub-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell--studio-theme .conversations-page .conversation-feature-card{min-height:0;padding:14px}.app-shell--studio-theme .conversations-page .conversation-topic-grid{grid-template-columns:1fr}}@media (width<=560px){.app-shell--studio-theme .conversations-page{gap:12px}.app-shell--studio-theme .conversations-page .conversation-hub-hero{padding:12px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"mark heading""body body""stats stats";gap:8px 10px}.app-shell--studio-theme .conversations-page .conversation-hub-mark{width:44px;height:44px;font-size:27px}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{font-size:31px;line-height:1.02}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>p:not(.eyebrow){font-size:13px}.app-shell--studio-theme .conversations-page .conversation-hub-stats{gap:6px}.app-shell--studio-theme .conversations-page .conversation-hub-stats span{min-height:44px;padding:7px 8px}.app-shell--studio-theme .conversations-page .conversation-feature-card{gap:8px;padding:12px}.app-shell--studio-theme .conversations-page .conversation-feature-card strong{font-size:24px}.app-shell--studio-theme .conversations-page .conversation-feature-card b{min-height:40px}.app-shell--studio-theme .conversations-page .conversation-topic-card,.app-shell--studio-theme .conversations-page .conversation-topic-card:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card:nth-child(2){grid-template-columns:40px minmax(0,1fr);grid-template-areas:"meta copy""chunks chunks""action action";gap:8px 10px;min-height:0;padding:12px}.app-shell--studio-theme .conversations-page .conversation-topic-card__meta span{width:38px;height:38px}.app-shell--studio-theme .conversations-page .conversation-topic-card h3,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card h3.conversation-title-fit--tight{font-size:20px}.app-shell--studio-theme .conversations-page .conversation-topic-card .conversation-card-actions{justify-content:space-between;align-items:center;width:100%;display:flex}}@media (width<=920px){.app-shell--studio-theme .pinyin-page--guided .foundation-actions{display:none!important}.app-shell--studio-theme .pinyin-page--guided .mobile-sound-pager{display:grid!important}}.app-shell--studio-theme .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:100%;font-size:clamp(32px,12cqw,56px)}.app-shell--studio-theme .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) .building-block-cue-target{min-width:0;container-type:inline-size}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-columns:58px minmax(0,1fr);grid-auto-rows:auto;align-content:center;row-gap:10px;grid-template-areas:"mark heading"".body"".stats"!important}.app-shell--studio-theme .conversations-page .conversation-hub-mark{grid-area:1/1/span 3!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>div{align-self:end;min-width:0;grid-area:1/2!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy h2{margin:0}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>p:not(.eyebrow){margin:0;grid-area:2/2!important}.app-shell--studio-theme .conversations-page .conversation-hub-stats{z-index:1;margin-top:2px;position:relative;grid-area:3/2!important}@media (width<=560px){.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"mark heading""body body""stats stats"!important}.app-shell--studio-theme .conversations-page .conversation-hub-mark{grid-row:1!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>p:not(.eyebrow),.app-shell--studio-theme .conversations-page .conversation-hub-stats{grid-column:1/-1!important}.app-shell--studio-theme .conversations-page .conversation-feature-card__meta span:nth-child(2){display:none}}@media (width<=920px){.app-shell--studio-theme .conversations-page .conversation-feature-card__meta span:nth-child(2){display:none}}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{align-content:center;gap:10px 14px;grid-template:"mark heading"".body"".stats"/58px minmax(0,1fr)!important;display:grid!important}.app-shell--studio-theme .conversations-page .conversation-hub-heading{min-width:0;grid-area:auto/2!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>.conversation-hub-stats{z-index:1;margin:2px 0 0;grid-area:auto/2!important;position:static!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>p:not(.eyebrow){grid-area:auto/2!important}@media (width<=560px){.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy{grid-template-columns:44px minmax(0,1fr)!important;grid-template-areas:"mark heading""body body""stats stats"!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>.conversation-hub-stats,.app-shell--studio-theme .conversations-page .conversation-hub-hero__copy>p:not(.eyebrow){grid-column:1/-1!important}}a.leaderboard-podium-card{color:inherit;cursor:pointer;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}a.leaderboard-podium-card:hover,a.leaderboard-podium-card:focus-visible{border-color:#24746b3d;outline:none;transform:translateY(-1px);box-shadow:0 18px 40px #12182615,inset 0 1px #fffef9d1}a.leaderboard-podium-card:hover .leaderboard-podium-card__name,a.leaderboard-podium-card:focus-visible .leaderboard-podium-card__name{color:var(--leaderboard-coral)}.leaderboard-list .leaderboard-row,.app-shell--studio-theme .leaderboard-list .leaderboard-row,.app-shell--studio-theme .leaderboard-list .leaderboard-row:hover{background:0 0;border:0;min-height:0;padding:0;display:block}.leaderboard-row__content{border-radius:var(--radius);min-height:68px;color:inherit;background:#fffef994;border:1px solid #24746b1a;grid-template-columns:44px 44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:grid}a.leaderboard-row__content{cursor:pointer}a.leaderboard-row__content:hover,a.leaderboard-row__content:focus-visible{background:#fffefa;border-color:#24746b33;outline:none;transform:translateY(-1px);box-shadow:0 10px 22px #1218260e}a.leaderboard-row__content:hover .leader-name,a.leaderboard-row__content:focus-visible .leader-name{color:var(--cinnabar-750)}.app-shell--studio-theme .leaderboard-row__content{border-color:var(--studio-line);background:#fffefab3;border-radius:8px}.app-shell--studio-theme a.leaderboard-row__content:hover,.app-shell--studio-theme a.leaderboard-row__content:focus-visible{border-color:var(--studio-line-strong);background:#fffefa}@media (width<=560px){.leaderboard-list .leaderboard-row__content{grid-template-columns:28px 40px minmax(0,1fr) auto;gap:8px;padding:9px 10px}.leaderboard-list .leaderboard-row strong{text-align:right;grid-area:1/4;place-self:center end;font-size:13px}}.app-shell--studio-theme .tocfl-save-word{color:var(--studio-jade-dark);background:linear-gradient(#edf6f3d1,#fffefae6),#fffefa;border-color:#126a5f2e;box-shadow:inset 0 1px #fffefae6}.app-shell--studio-theme .tocfl-save-word:not(:disabled):hover{color:#fffefa;background:var(--studio-jade);border-color:#126a5f52}.app-shell--studio-theme .tocfl-save-word--saved,.app-shell--studio-theme .tocfl-save-word--saved:disabled{color:#493e339e;opacity:1;background:#fffefaad;border-color:#493e331f}.app-shell--studio-theme .ai-tutor-style-picker,.app-shell--studio-theme .ai-tutor-script-picker,.app-shell--studio-theme .ai-tutor-scope-picker{align-items:stretch}.app-shell--studio-theme .ai-tutor-style-picker button,.app-shell--studio-theme .ai-tutor-script-picker button,.app-shell--studio-theme .ai-tutor-scope-picker button{text-align:left;word-break:normal;overflow-wrap:anywhere;border-radius:8px;min-width:0;min-height:116px;overflow:visible}.app-shell--studio-theme .ai-tutor-style-picker span,.app-shell--studio-theme .ai-tutor-script-picker span,.app-shell--studio-theme .ai-tutor-scope-picker span,.app-shell--studio-theme .ai-tutor-script-picker strong,.app-shell--studio-theme .ai-tutor-style-picker p,.app-shell--studio-theme .ai-tutor-script-picker p,.app-shell--studio-theme .ai-tutor-scope-picker p{white-space:normal;overflow-wrap:anywhere;max-width:100%}@media (width>=921px){.app-shell--studio-theme .ai-tutor-style-picker,.app-shell--studio-theme .ai-tutor-scope-picker{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.app-shell--studio-theme .ai-tutor-script-picker{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}}.dashboard-studio-focus--placeholder{pointer-events:none}.dashboard-studio-focus--placeholder .dashboard-studio-focus__mark,.dashboard-studio-focus--placeholder .dashboard-studio-focus__button,.dashboard-studio-placeholder-line{background:linear-gradient(90deg,#edf6f3b8,#fffefadb,#edf6f3b8) 0 0/220% 100%;border-color:#126a5f14;animation:1.25s ease-in-out infinite dashboard-placeholder-sheen}.dashboard-studio-focus--placeholder .dashboard-studio-focus__mark{color:#0000}.dashboard-studio-placeholder-line{border-radius:999px;width:min(28rem,100%);height:13px;display:block}.dashboard-studio-placeholder-line--title{width:min(18rem,82%);height:28px}.dashboard-studio-focus--placeholder .dashboard-studio-focus__progress{color:#0000;background:#edf6f3d1}.dashboard-studio-focus--placeholder .dashboard-studio-focus__progress:before{background:#fffefab8}.dashboard-studio-focus--placeholder .dashboard-studio-focus__button{color:#0000}@keyframes dashboard-placeholder-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.dashboard-studio-focus--placeholder .dashboard-studio-focus__mark,.dashboard-studio-focus--placeholder .dashboard-studio-focus__button,.dashboard-studio-placeholder-line{animation:none}}@media (width<=720px){.dashboard-page--studio{gap:12px}.dashboard-studio-focus{grid-template-columns:44px minmax(0,1fr) 58px;row-gap:9px;padding:13px}.dashboard-studio-focus--no-progress{grid-template-columns:44px minmax(0,1fr)}.dashboard-studio-focus__mark{width:44px;height:44px;font-size:25px}.dashboard-studio-focus__copy{gap:4px}.dashboard-studio-focus__copy small{letter-spacing:.03em;font-size:10px}.dashboard-studio-focus__copy strong{font-size:25px;line-height:1.04}.dashboard-studio-focus__copy span{font-size:12.5px;line-height:1.3}.dashboard-studio-focus__progress{width:56px}.dashboard-studio-focus__progress:before{inset:5px}.dashboard-studio-focus__progress strong{font-size:16px}.dashboard-studio-focus__button{min-height:40px}.dashboard-studio-progress{padding:11px}.dashboard-tree-card--studio.mandarin-tree-card .mandarin-tree-reward-chip{background:0 0;border-color:#0000;padding-inline:0}.dashboard-studio-section-head h2{font-size:12px}.dashboard-studio-mode__main{min-height:68px}.dashboard-studio-mode__copy{gap:4px}.dashboard-studio-mode__copy small{background:0 0;border-radius:0;min-height:0;padding:0}.dashboard-studio-mode__links{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 13px 13px;display:grid}.dashboard-studio-mode__links a{background:linear-gradient(180deg, #fffefafa, #faf9f5d1), var(--studio-panel-soft);text-align:center;border:1px solid #126a5f1f;border-radius:8px;place-items:center;min-height:40px;padding:6px 5px;display:grid;box-shadow:inset 0 1px #ffffffad}.dashboard-studio-mode__links a:after{display:none}.dashboard-studio-mode__links a:active{transform:translateY(1px)}.dashboard-studio-mode__links span{text-wrap:balance;font-size:10.8px;font-weight:880;line-height:1.12}.dashboard-studio-mode__links small{display:none}}@media (width<=430px){.dashboard-studio-focus{grid-template-columns:40px minmax(0,1fr) 52px}.dashboard-studio-focus--no-progress{grid-template-columns:40px minmax(0,1fr)}.dashboard-studio-focus__mark{width:40px;height:40px;font-size:23px}.dashboard-studio-focus__copy strong{font-size:23px}.dashboard-studio-focus__progress{width:52px}.dashboard-studio-mode__links{gap:5px;padding-inline:12px}.dashboard-studio-mode__links a{min-height:38px;padding-inline:4px}.dashboard-studio-mode__links span{font-size:10.2px}}@media (width>=921px){.dashboard-page--studio{--dashboard-card-gap:14px;--dashboard-path-card-width:440px;--dashboard-community-card-width:296px;--dashboard-continue-card-width:584px}.dashboard-studio-hero{grid-template-columns:minmax(0, var(--dashboard-continue-card-width)) var(--dashboard-community-card-width);gap:var(--dashboard-card-gap);justify-content:start}.dashboard-studio-mode-grid{grid-template-columns:repeat(2, minmax(0, var(--dashboard-path-card-width)));gap:var(--dashboard-card-gap);justify-content:start}}.dashboard-page--studio{gap:16px;width:min(860px,100%)}.dashboard-studio-focus,.dashboard-studio-community,.dashboard-studio-leaderboard,.dashboard-studio-mode{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:8px;box-shadow:0 12px 30px #181b1f0e,inset 0 1px #ffffffa8}.dashboard-studio-focus,.dashboard-studio-community__main,.dashboard-studio-leaderboard,.dashboard-studio-mode__main,.dashboard-studio-mode__links a{transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s}.dashboard-studio-hero{grid-template-columns:minmax(0,1.52fr) minmax(260px,.48fr)}.dashboard-studio-focus{min-height:150px}.dashboard-studio-focus__copy span{font-weight:720}.dashboard-studio-board{gap:14px;display:grid}.dashboard-studio-community{--community-accent:var(--studio-jade);--community-soft:#eef5f2;display:grid;overflow:hidden}.dashboard-studio-community-rail{gap:8px;min-width:0;display:grid}.dashboard-studio-community__main{height:100%;min-height:150px;color:inherit;grid-template-columns:50px minmax(0,1fr);align-content:center;gap:12px;padding:15px 16px 10px;text-decoration:none;display:grid}.dashboard-studio-community__main:hover,.dashboard-studio-community__main:focus-visible{background:linear-gradient(135deg, #e7f3eec7, #fffefa00 58%), var(--studio-panel);outline:none}.dashboard-studio-community__mark{width:50px;height:50px;color:var(--community-accent);background:var(--community-soft);font-family:var(--font-hanzi);border:1px solid #055f4e24;border-radius:8px;place-items:center;font-size:28px;font-weight:520;line-height:1;display:grid}.dashboard-studio-community__copy{align-content:start;gap:5px;min-width:0;display:grid}.dashboard-studio-community__copy small{color:var(--community-accent);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:900}.dashboard-studio-community__copy strong{color:var(--studio-ink);font-family:var(--font-sans);font-size:30px;font-weight:930;line-height:1}.dashboard-studio-community__copy span{color:var(--studio-muted);font-size:13px;font-weight:760;line-height:1.2}.dashboard-studio-community__status,.dashboard-studio-community__hint{display:none}.dashboard-studio-community__button{color:#fffefa;background:var(--community-accent);border-radius:8px;grid-column:1/-1;place-items:center;min-height:38px;font-size:13px;font-weight:900;display:grid}.dashboard-studio-community__main:hover .dashboard-studio-community__button,.dashboard-studio-community__main:focus-visible .dashboard-studio-community__button{background:color-mix(in srgb, var(--community-accent) 88%, #111827 12%)}.dashboard-studio-leaderboard{--leaderboard-accent:var(--studio-blue);--leaderboard-soft:#eef3fb;min-height:68px;color:inherit;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;text-decoration:none;display:grid;overflow:hidden}.dashboard-studio-leaderboard:hover,.dashboard-studio-leaderboard:focus-visible{border-color:color-mix(in srgb, var(--leaderboard-accent) 26%, var(--studio-line));background:linear-gradient(90deg, var(--leaderboard-soft), #fffefa00 72%), var(--studio-panel);outline:none}.dashboard-studio-leaderboard__mark{width:44px;height:44px;color:var(--leaderboard-accent);background:var(--leaderboard-soft);font-family:var(--font-hanzi);border:1px solid #315b7224;border-radius:8px;place-items:center;font-size:25px;font-weight:520;line-height:1;display:grid}.dashboard-studio-leaderboard__copy{gap:3px;min-width:0;display:grid}.dashboard-studio-leaderboard__copy strong{color:var(--studio-ink);font-size:16px;font-weight:920;line-height:1.05}.dashboard-studio-leaderboard__copy small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;line-height:1.15;overflow:hidden}.dashboard-studio-leaderboard__button{color:#fffefa;background:var(--leaderboard-accent);border-radius:8px;place-items:center;min-width:56px;min-height:34px;padding-inline:12px;font-size:12px;font-weight:900;display:inline-grid}.dashboard-studio-leaderboard:hover .dashboard-studio-leaderboard__button,.dashboard-studio-leaderboard:focus-visible .dashboard-studio-leaderboard__button{background:color-mix(in srgb, var(--leaderboard-accent) 88%, #111827 12%)}.dashboard-studio-section-head h2{font-size:12px}.dashboard-studio-mode-grid{grid-template-columns:minmax(0,895px);gap:8px}.dashboard-studio-mode{--mode-accent:var(--studio-jade);--mode-soft:#eef6f3;grid-template-columns:minmax(184px,.35fr) minmax(0,1fr);align-items:center}.dashboard-studio-mode--immerse{--mode-accent:var(--studio-blue);--mode-soft:#eef3fb}.dashboard-studio-mode--write{--mode-accent:var(--studio-clay);--mode-soft:#f8eeeb}.dashboard-studio-mode--review{--mode-accent:var(--studio-gold);--mode-soft:#f8f1e4}.dashboard-studio-mode:before{width:2px}.dashboard-studio-mode__main{grid-template-columns:42px minmax(0,1fr);gap:11px;min-height:70px;padding:12px 14px 12px 16px}.dashboard-studio-mode__main:hover,.dashboard-studio-mode__main:focus-visible{background:linear-gradient(90deg, var(--mode-soft), #fffefa00 72%), var(--studio-panel);outline:none}.dashboard-studio-mode__copy{gap:3px}.dashboard-studio-mode__copy strong{font-size:18px}.dashboard-studio-mode__copy small{min-height:0;color:color-mix(in srgb, var(--mode-accent) 72%, #111827 28%);background:0 0;padding:0;font-size:11px}.dashboard-studio-mode__copy span{color:var(--studio-muted);font-size:12px;font-weight:760}.dashboard-studio-mode__links{justify-content:end;align-items:center;padding:12px 12px 12px 0}.dashboard-studio-mode__links a{text-align:center;background:#faf9f5a3;border-radius:8px;justify-content:center;min-width:86px;min-height:34px}.dashboard-studio-mode__links span{font-size:11px}@media (width>=921px){.dashboard-page--studio{--dashboard-card-gap:12px;--dashboard-community-card-width:252px;--dashboard-continue-card-width:596px}.dashboard-studio-board{grid-template-columns:minmax(0, var(--dashboard-continue-card-width)) var(--dashboard-community-card-width);align-items:stretch;column-gap:var(--dashboard-card-gap);row-gap:14px}.dashboard-studio-hero{grid-area:1/1;grid-template-columns:1fr}.dashboard-studio-community-rail{grid-area:1/2/span 2;grid-template-rows:minmax(0,1fr) auto;gap:10px}.dashboard-studio-community{min-height:0}.dashboard-studio-community__main{grid-template-rows:auto auto 1fr auto auto;grid-template-columns:1fr;align-content:start;gap:18px;min-height:100%;padding:20px;position:relative}.dashboard-studio-community__mark{width:72px;height:72px;font-size:44px}.dashboard-studio-community__copy{gap:8px}.dashboard-studio-community__copy strong{font-size:34px}.dashboard-studio-community__status{min-height:28px;color:var(--community-accent);text-transform:uppercase;background:#e7f3eedb;border:1px solid #055f4e29;border-radius:999px;place-items:center;padding:0 10px;font-size:10.5px;font-weight:920;line-height:1;display:inline-grid;position:absolute;top:20px;right:20px}.dashboard-studio-community__status--active{color:var(--studio-jade);background:#e7f3eedb;border-color:#055f4e2e}.dashboard-studio-community__status--unread{color:#a53c33;background:#f8eeebf0;border-color:#b64b3f3d}.dashboard-studio-community__hint{max-width:100%;color:color-mix(in srgb, var(--community-accent) 68%, var(--studio-muted) 32%);text-overflow:ellipsis;white-space:nowrap;grid-row:4;padding-top:2px;font-size:12px;font-weight:780;line-height:1.25;display:block;overflow:hidden}.dashboard-studio-community__button{grid-row:5;align-self:end;min-height:44px}.dashboard-studio-leaderboard{min-height:76px}.dashboard-studio-mode-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=920px){.dashboard-page--studio{gap:12px}.dashboard-studio-hero{grid-template-columns:1fr;gap:10px}.dashboard-studio-community__main{grid-template-columns:44px minmax(0,1fr) minmax(88px,.28fr);min-height:0;padding:13px}.dashboard-studio-community__mark{width:44px;height:44px;font-size:25px}.dashboard-studio-community__copy strong{font-size:25px}.dashboard-studio-community__button{grid-column:3;align-self:center}.dashboard-studio-mode-grid,.dashboard-studio-mode{grid-template-columns:1fr}.dashboard-studio-mode__links{justify-content:stretch;padding:0 13px 13px}.dashboard-studio-mode__links a{min-width:0}}@media (width<=720px){.dashboard-studio-focus{min-height:0}.dashboard-studio-community__main{grid-template-columns:42px minmax(0,1fr) minmax(82px,.26fr);gap:10px;padding:12px}.dashboard-studio-community__mark{width:42px;height:42px;font-size:24px}.dashboard-studio-community__copy strong{font-size:23px}.dashboard-studio-community__copy span{font-size:12px}.dashboard-studio-community__button{min-height:36px}.dashboard-studio-mode__main{min-height:62px;padding:12px 13px 7px}.dashboard-studio-mode__mark{width:40px;height:40px;font-size:23px}.dashboard-studio-mode__copy strong{font-size:17px}.dashboard-studio-mode__links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=430px){.dashboard-studio-community__main{grid-template-columns:40px minmax(0,1fr)}.dashboard-studio-community__button{grid-column:1/-1}}.dashboard-studio-mode{grid-template-columns:1fr}.dashboard-studio-mode__row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:0;display:grid}.dashboard-studio-mode__main{grid-template-columns:62px minmax(0,1fr);gap:14px;min-height:86px}.dashboard-studio-mode__mark{width:58px;height:58px;font-size:36px}.dashboard-studio-mode__more{border:1px solid color-mix(in srgb, var(--mode-accent) 28%, var(--studio-line));width:40px;height:40px;color:color-mix(in srgb, var(--mode-accent) 76%, #111827 24%);background:linear-gradient(180deg, #fffefafa, #faf9f5bd), var(--studio-panel-soft);font-family:var(--font-sans);cursor:pointer;border-radius:8px;align-self:center;place-items:center;margin-right:12px;padding:0;font-size:11px;font-weight:920;line-height:1;display:grid;box-shadow:inset 0 1px #fffefae0,0 8px 18px #1118270e}.dashboard-studio-mode__more-icon{transition:transform .17s,stroke-width .17s}.dashboard-studio-mode__more:hover,.dashboard-studio-mode__more:focus-visible,.dashboard-studio-mode__more[aria-expanded=true]{border-color:color-mix(in srgb, var(--mode-accent) 34%, var(--studio-line));color:color-mix(in srgb, var(--mode-accent) 88%, #111827 12%);background:linear-gradient(180deg, color-mix(in srgb, var(--mode-soft) 76%, #fffefa 24%), var(--mode-soft)), var(--mode-soft);box-shadow:inset 0 1px 0 #fffefab8, 0 10px 22px color-mix(in srgb, var(--mode-accent) 16%, transparent);outline:none}.dashboard-studio-mode__more:hover .dashboard-studio-mode__more-icon,.dashboard-studio-mode__more:focus-visible .dashboard-studio-mode__more-icon{transform:scale(1.08)}.dashboard-studio-mode__more[aria-expanded=true] .dashboard-studio-mode__more-icon{transform:rotate(45deg)}.dashboard-studio-mode__links{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));justify-content:stretch;gap:6px;padding:0 12px 12px 92px;display:grid}.dashboard-studio-mode__links a{min-width:0;min-height:34px}@media (width<=720px){.dashboard-studio-mode__row{grid-template-columns:minmax(0,1fr) auto}.dashboard-studio-mode__main{grid-template-columns:54px minmax(0,1fr);gap:12px;min-height:74px;padding-right:8px}.dashboard-studio-mode__links{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));padding:0 12px 12px}.dashboard-page--studio,.dashboard-studio-board,.dashboard-studio-community-rail,.dashboard-studio-mode-grid{gap:8px}.dashboard-studio-focus{row-gap:8px;padding:11px 12px}.dashboard-studio-focus__copy strong{font-size:22px}.dashboard-studio-focus__button{min-height:36px}.dashboard-studio-community__main{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px 12px}.dashboard-studio-community__mark,.dashboard-studio-leaderboard__mark{width:44px;height:44px}.dashboard-studio-community__copy{gap:3px}.dashboard-studio-community__copy small{display:none}.dashboard-studio-community__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.05;overflow:hidden}.dashboard-studio-community__copy span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.15;overflow:hidden}.dashboard-studio-community__button{grid-column:auto;min-width:56px;min-height:34px;padding-inline:12px;font-size:12px}.dashboard-studio-leaderboard{min-height:64px;padding:10px 12px}.dashboard-studio-section-head h2{font-size:11px}.dashboard-studio-mode__main{grid-template-columns:46px minmax(0,1fr);gap:10px;min-height:64px;padding:9px 8px 9px 12px}.dashboard-studio-mode__mark{width:42px;height:42px;font-size:25px}.dashboard-studio-mode__copy span{display:none}.dashboard-studio-mode__more{width:36px;height:36px;margin-right:10px}}@media (width<=430px){.dashboard-studio-community__main{grid-template-columns:44px minmax(0,1fr) auto}.dashboard-studio-community__button{grid-column:auto}}@media (width>=921px){.app-shell--community-lounge .community-lounge-utility-dock{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:inline-flex}.app-shell--community-lounge .community-card-dock{justify-content:center;align-items:center;min-width:34px;min-height:34px;display:flex;position:relative;overflow:visible}.app-shell--community-lounge .community-card-dock .quick-add-card-trigger{z-index:1;border-radius:999px;gap:6px;width:auto;height:34px;min-height:34px;padding:0 10px 0 6px;position:static;inset:auto;transform:none;box-shadow:0 8px 18px #127a6f24,inset 0 1px #ffffff29}.app-shell--community-lounge .community-card-dock .quick-add-card-trigger span{width:22px;height:22px;font-size:15px}.app-shell--community-lounge .community-card-dock .quick-add-card-trigger strong{max-width:42px;font-size:11px}.app-shell--community-lounge .community-card-dock .quick-add-card-trigger:hover,.app-shell--community-lounge .community-card-dock .quick-add-card-trigger:focus-visible{transform:translateY(-1px)}.app-shell--studio-theme .page-stack.pinyin-page--guided{width:min(832px,100%);margin-inline:0 auto}.app-shell--studio-theme .pinyin-page--guided .phrase-pinyin{white-space:normal;overflow-wrap:normal;word-break:normal}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(34px,3.6vw,44px)}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(28px,3vw,36px)}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(23px,2.5vw,30px)}.app-shell--studio-theme .pinyin-page--guided .phrase-hanzi span{white-space:normal;overflow-wrap:break-word}}@media (width<=920px){.app-shell--studio-theme .page-stack.pinyin-page--guided,.app-shell--studio-theme .pinyin-page--guided>*,.app-shell--studio-theme .pinyin-page--guided .foundation-lesson,.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell,.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane,.app-shell--studio-theme .pinyin-page--guided .lesson-exercise-pane,.app-shell--studio-theme .pinyin-page--guided .lesson-retrieval-pane,.app-shell--studio-theme .pinyin-page--guided .stage-action-panel,.app-shell--studio-theme .pinyin-page--guided .shadow-practice-strip,.app-shell--studio-theme .pinyin-page--guided .mobile-sound-pager,.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker,.app-shell--studio-theme .pinyin-page--guided .sound-atlas{box-sizing:border-box;min-width:0;max-width:100%}.app-shell--studio-theme .page-stack.pinyin-page--guided{width:100%;overflow-x:clip}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson{overflow:hidden}.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell,.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--recognition,.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--retrieval{grid-template-columns:minmax(0,1fr)}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane{container-type:inline-size}.app-shell--studio-theme .pinyin-page--guided .phrase-pinyin,.app-shell--studio-theme .pinyin-page--guided .phrase-hanzi span{overflow-wrap:break-word;max-width:100%}.app-shell--studio-theme .pinyin-page--guided .phrase-pinyin{overflow-wrap:normal;text-overflow:clip;text-wrap:balance;white-space:normal;word-break:normal;padding-bottom:.1em;font-size:clamp(32px,13cqw,48px);line-height:1.22;overflow:visible}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(26px,9.2cqw,38px)}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(22px,6.4cqw,30px)}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(18px,5.3cqw,24px)}.app-shell--studio-theme .pinyin-page--guided .stage-button-row--audio:has(.stage-audio-button--compact){grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell--studio-theme .pinyin-page--guided .stage-button-row--audio>*{min-width:0}.app-shell--studio-theme .pinyin-page--guided .stage-generate-audio-button,.app-shell--studio-theme .pinyin-page--guided .stage-delete-audio-button,.app-shell--studio-theme .pinyin-page--guided .stage-audio-status,.app-shell--studio-theme .pinyin-page--guided .shadow-practice-strip{grid-column:1/-1}.app-shell--studio-theme .pinyin-page--guided .stage-audio-button{justify-content:center;padding-inline:10px}.app-shell--studio-theme .pinyin-page--guided .stage-audio-button strong{text-overflow:ellipsis;min-width:0;overflow:hidden}}.pinyin-page--guided .stage-path-action-row{display:none}.pinyin-page--guided .stage-admin-tools{background:#fffefa75;border:1px solid #342e2713;border-radius:8px;width:100%;overflow:hidden}.pinyin-page--guided .stage-admin-tools summary,.pinyin-page--guided .shadow-practice-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;list-style:none;display:flex}.pinyin-page--guided .stage-admin-tools summary::-webkit-details-marker{display:none}.pinyin-page--guided .shadow-practice-summary::-webkit-details-marker{display:none}.pinyin-page--guided .stage-admin-tools summary{color:#665b4cad;min-height:34px;padding:0 10px;font-size:11px;font-weight:850}.pinyin-page--guided .stage-admin-tools summary:after,.pinyin-page--guided .shadow-practice-summary:after{content:"";border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.pinyin-page--guided .stage-admin-tools[open] summary:after,.pinyin-page--guided .shadow-practice-strip[open] .shadow-practice-summary:after{transform:rotate(225deg)translate(-1px,-1px)}.pinyin-page--guided .stage-admin-tools .stage-delete-audio-button{border-radius:8px;width:calc(100% - 12px);min-height:36px;margin:0 6px 6px;font-size:11px}.pinyin-page--guided .shadow-practice-strip{border-radius:8px;width:100%;padding:0;overflow:hidden}.pinyin-page--guided .shadow-practice-summary{color:#393129bd;background:#fffefa7a;min-height:38px;padding:0 12px}.pinyin-page--guided .shadow-practice-summary span{color:var(--studio-ink,var(--ink-980));font-size:12px;font-weight:900}.pinyin-page--guided .shadow-practice-summary small{color:#665b4c9e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;overflow:hidden}.pinyin-page--guided .shadow-practice-body{gap:8px;padding:0 10px 10px;display:grid}.pinyin-page--guided .shadow-practice-strip--direct{background:linear-gradient(#fffefae0,#edf6f35c),#fffefa9e;border-color:#126a5f1a;padding:6px;display:grid}.pinyin-page--guided .shadow-practice-strip--direct .shadow-practice-body{gap:7px;padding:0}.pinyin-page--guided .shadow-practice-strip--direct .shadow-record-button{border-radius:8px;width:100%;min-height:42px;font-weight:900}@media (width>=921px){.app-shell--studio-theme .pinyin-page--guided .foundation-lesson{gap:12px}.app-shell--studio-theme .pinyin-page--guided .foundation-actions{display:none}.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--guided .lesson-stage-shell--recognition{grid-template-columns:minmax(0,1fr) minmax(246px,280px);gap:12px}.app-shell--studio-theme .pinyin-page--guided .lesson-phrase-pane,.app-shell--studio-theme .pinyin-page--guided .lesson-exercise-pane{min-height:254px}.app-shell--studio-theme .pinyin-page--guided .lesson-exercise-pane{align-content:start;padding:14px}.app-shell--studio-theme .pinyin-page--guided .stage-action-panel{align-content:start;gap:9px}.app-shell--studio-theme .pinyin-page--guided .stage-button-row--audio{grid-template-columns:minmax(0,1fr);gap:7px;width:100%;display:grid}.app-shell--studio-theme .pinyin-page--guided .stage-audio-button{border-radius:999px;min-height:46px}.app-shell--studio-theme .pinyin-page--guided .stage-audio-button--compact{opacity:.84;min-height:42px}.app-shell--studio-theme .pinyin-page--guided .stage-generate-audio-button{border-radius:8px;width:100%;min-height:42px}.app-shell--studio-theme .pinyin-page--guided .stage-path-action-row{background:linear-gradient(#fffefae6,#edf6f36b),#fffefaa8;border:1px solid #126a5f1a;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;padding:5px;display:grid;box-shadow:inset 0 1px #fffefae6,0 8px 18px #126a5f0b}.app-shell--studio-theme .pinyin-page--guided .stage-path-action-row .base-button{white-space:nowrap;border-radius:8px;gap:6px;width:100%;min-height:42px;padding-inline:10px;font-size:12px;font-weight:900;line-height:1}.app-shell--studio-theme .pinyin-page--guided .stage-path-action-row .base-button:first-child{color:#393129a8;box-shadow:none;background:#fffefa94;border-color:#342e270e}.app-shell--studio-theme .pinyin-page--guided .stage-path-action-row .base-button:first-child:before{content:"←"}.app-shell--studio-theme .pinyin-page--guided .stage-path-action-row .base-button:last-child{color:#fffefa;background:linear-gradient(180deg, #0e5b52fa, #084841fa), var(--studio-jade-dark);border-color:#0c5e563d;box-shadow:0 10px 22px #126a5f29,inset 0 1px #ffffff24}.app-shell--studio-theme .pinyin-page--guided .stage-path-action-row .base-button:last-child:after{content:"→"}.app-shell--studio-theme .pinyin-page--guided .phrase-explanation,.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker,.app-shell--studio-theme .pinyin-page--guided .sound-atlas{box-shadow:0 10px 24px #24201b09,inset 0 1px #fffefac2}.app-shell--studio-theme .pinyin-page--guided .phrase-explanation-toggle,.app-shell--studio-theme .pinyin-page--guided .sound-atlas summary{min-height:52px;padding:11px 16px}.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker{align-items:center;min-height:58px;padding:10px 12px}.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker-actions .base-button{white-space:nowrap;border-radius:8px;min-height:38px;font-size:12px;font-weight:880}}@media (width<=920px){.app-shell--studio-theme .pinyin-page--guided .stage-path-action-row,.app-shell--studio-theme .pinyin-page--guided .stage-admin-tools{display:none}.app-shell--studio-theme .pinyin-page--guided .shadow-practice-strip--direct{grid-column:1/-1}.app-shell--studio-theme .pinyin-page--guided .mobile-sound-pager{background:linear-gradient(#fffefae6,#edf6f36b),#fffefaa8;border:1px solid #126a5f1a;border-radius:10px;gap:6px;padding:5px}.app-shell--studio-theme .pinyin-page--guided .mobile-sound-pager .base-button{white-space:nowrap;border-radius:8px;min-height:40px;font-size:12px;font-weight:900;line-height:1}.app-shell--studio-theme .pinyin-page--guided .mobile-sound-pager .base-button:first-child:before{content:"←"}.app-shell--studio-theme .pinyin-page--guided .mobile-sound-pager .base-button:last-child:after{content:"→"}}.pinyin-page--guided .foundation-lesson-stats{display:none}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline>div:first-child{grid-template-columns:minmax(0,1fr)}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline h2{max-width:none}.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker{grid-template-columns:minmax(132px,.28fr) minmax(220px,1fr)}.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker select{justify-self:stretch;width:100%}@media (width<=920px){.app-shell--studio-theme .pinyin-page--guided .foundation-lesson-topline{display:none}.app-shell--studio-theme .pinyin-page--guided .lesson-path-picker{grid-template-columns:1fr}}.app-shell--studio-theme .pinyin-page--guided .foundation-lesson:after{display:none}.app-shell--studio-theme .pinyin-page--guided .foundation-progress{z-index:2;height:3px;box-shadow:none;background:#126a5f1f;border-radius:0 0 999px 999px;display:block;position:absolute;top:0;left:18px;right:18px;overflow:hidden}.app-shell--studio-theme .pinyin-page--guided .foundation-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--studio-jade-dark), var(--studio-jade));height:100%;transition:width .24s;display:block}.app-shell--studio-theme .daily-news-page{gap:14px;width:min(920px,100%)}.app-shell--studio-theme .daily-news-picker{gap:14px;padding:16px;position:relative;overflow:hidden}.app-shell--studio-theme .daily-news-picker:after{content:"";background:var(--studio-jade);border-radius:0 0 999px 999px;height:3px;position:absolute;top:0;left:18px;right:18px}.app-shell--studio-theme .daily-news-picker-head{grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;padding:2px 0 0;display:grid}.app-shell--studio-theme .daily-news-picker-head h2{max-width:none;color:var(--studio-muted);margin-top:4px;font-size:14px;font-weight:720;line-height:1.35}.app-shell--studio-theme .daily-news-preference-pills{display:none}.app-shell--studio-theme .daily-news-category-grid{gap:10px}.app-shell--studio-theme .daily-news-category-grid .news-category-card,.app-shell--studio-theme .daily-news-category-grid .feature-panel:first-child{min-height:120px}.app-shell--studio-theme .daily-news-category-grid .news-category-card{text-align:left;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:12px;padding:14px;display:grid}.app-shell--studio-theme .daily-news-category-grid .news-category-card .feature-mark{background:linear-gradient(#edf6f3eb,#fffefadb),#fffefa;border-color:#126a5f1f;border-radius:8px;width:58px;height:58px;font-size:34px}.app-shell--studio-theme .daily-news-category-grid .news-category-card strong{color:var(--studio-ink);font-family:var(--font-sans);font-size:18px;font-weight:930;line-height:1.05}.app-shell--studio-theme .daily-news-category-grid .news-category-card small{display:none}.app-shell--studio-theme .daily-news-category-grid .news-category-card:hover,.app-shell--studio-theme .daily-news-category-grid .news-category-card:focus-visible{transform:translateY(-1px)}.app-shell--studio-theme .daily-news-url-panel{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.app-shell--studio-theme .daily-news-url-panel label>span{color:var(--studio-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:900}.app-shell--studio-theme .daily-news-url-panel input{border-color:var(--studio-line);background:#fffefad1;min-height:42px}.app-shell--studio-theme .daily-news-url-panel .base-button{min-width:112px;min-height:42px}@media (width<=720px){.app-shell--studio-theme .daily-news-page{gap:12px}.app-shell--studio-theme .daily-news-picker{padding:14px}.app-shell--studio-theme .daily-news-picker-head h2{font-size:13px}.app-shell--studio-theme .daily-news-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-shell--studio-theme .daily-news-category-grid .news-category-card,.app-shell--studio-theme .daily-news-category-grid .feature-panel:first-child{min-height:106px}.app-shell--studio-theme .daily-news-category-grid .news-category-card{padding:11px}.app-shell--studio-theme .daily-news-category-grid .news-category-card .feature-mark{width:52px;height:52px;font-size:30px}.app-shell--studio-theme .daily-news-category-grid .news-category-card strong{font-size:16px}.app-shell--studio-theme .daily-news-url-panel{grid-template-columns:minmax(0,1fr)}.app-shell--studio-theme .daily-news-url-panel .base-button{width:100%}}.app-shell--studio-theme .daily-news-loading-card{grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px}.app-shell--studio-theme .daily-news-loading-card h3{font-family:var(--font-sans);margin:0;font-size:21px;font-weight:930;line-height:1.05}.app-shell--studio-theme .daily-news-loading-card p:not(.eyebrow){color:var(--studio-muted);margin:0;font-size:13px;font-weight:560;line-height:1.35}.app-shell--studio-theme .daily-news-loading-card .news-loading-steps{gap:6px;padding-top:2px}.app-shell--studio-theme .daily-news-loading-card .news-loading-steps span{min-height:24px;padding-inline:9px;font-size:10.5px}@media (width<=560px){.app-shell--studio-theme .daily-news-loading-card{padding:13px}.app-shell--studio-theme .daily-news-loading-card h3{font-size:19px}}.app-shell--studio-theme .daily-news-status-card--plain{grid-template-columns:minmax(0,1fr)}.app-shell--studio-theme .daily-news-reader-card{gap:10px;position:relative}.app-shell--studio-theme .daily-news-reader-head--compact{justify-self:stretch;gap:8px;width:min(920px,100%);margin-inline:auto}.app-shell--studio-theme .daily-news-reader-head--compact .daily-news-reader-head__copy{justify-self:stretch;gap:8px;width:100%}.app-shell--studio-theme .daily-news-reader-kicker{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:28px;padding-right:0;display:flex}.app-shell--studio-theme .daily-news-reader-kicker .eyebrow{min-width:0;color:var(--studio-jade-dark);overflow-wrap:anywhere}.app-shell--studio-theme .daily-news-reader-kicker>span{min-height:26px;color:var(--studio-jade-dark);background:#edf6f3b8;border-color:#126a5f1f;flex:none;padding:5px 10px;font-size:10.5px;position:static}.app-shell--studio-theme .daily-news-gist-expander{box-sizing:border-box;border:1px solid var(--studio-line);background:#fffefa9e;border-radius:8px;justify-self:stretch;width:100%}.app-shell--studio-theme .daily-news-gist-expander summary{min-height:42px;color:var(--studio-jade-dark);cursor:pointer;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:900;list-style:none;display:flex}.app-shell--studio-theme .daily-news-gist-expander summary::-webkit-details-marker{display:none}.app-shell--studio-theme .daily-news-gist-expander summary:after{content:"";border-bottom:2px solid #4d665d9e;border-right:2px solid #4d665d9e;width:7px;height:7px;transition:transform .18s;transform:rotate(45deg)translateY(-2px)}.app-shell--studio-theme .daily-news-gist-expander[open] summary:after{transform:rotate(225deg)translateY(-1px)}.app-shell--studio-theme .daily-news-gist-expander>p{color:var(--studio-muted);margin:0;padding:0 12px 10px;font-size:13px;font-weight:560;line-height:1.45}.app-shell--studio-theme .daily-news-source--inline{background:#fffefac2;border-radius:8px;margin:0 10px 10px;padding:9px 10px}.app-shell--studio-theme .daily-news-reader-toolbar--premium{border:1px solid var(--studio-line);background:linear-gradient(#fffefaeb,#edf6f357),#fffefaa3;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(920px,100%);margin-inline:auto;padding:5px;display:grid;box-shadow:inset 0 1px #ffffffb8}.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch{background:0 0;border:0;min-height:42px;padding:0;display:block;position:relative}.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch span{color:#24201bb8;background:#fffefaa8;border:1px solid #126a5f1a;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 12px;font-size:12px;font-weight:900;line-height:1;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch span:before{display:none}.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch input:focus-visible+span{border-color:#126a5f47;box-shadow:0 0 0 3px #126a5f17}.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch input:checked+span{color:#fffefa;background:linear-gradient(180deg, #0e5b52fa, #084841fa), var(--studio-jade-dark);border-color:#0c5e5638;box-shadow:0 9px 18px #126a5f21,inset 0 1px #ffffff29}@media (width<=560px){.app-shell--studio-theme .daily-news-reader-card{gap:10px}.app-shell--studio-theme .daily-news-gist-expander summary,.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch,.app-shell--studio-theme .daily-news-reader-toolbar--premium .daily-news-switch span{min-height:40px}}.app-shell--studio-theme .daily-news-readable-article{width:min(920px,100%);max-width:none}.daily-news-page .daily-news-reader-head--compact,.daily-news-page .daily-news-reader-toolbar--premium,.daily-news-page .daily-news-readable-article{box-sizing:border-box;justify-self:center;width:min(920px,100%);max-width:none}.daily-news-page .daily-news-reader-head--compact .daily-news-reader-head__copy{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;min-width:0;display:flex}.daily-news-page .daily-news-reader-head--compact .daily-news-reader-kicker{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-width:0;display:grid}.daily-news-page .daily-news-reader-head--compact .daily-news-reader-kicker>span{justify-self:end;position:static}.daily-news-page .daily-news-reader-head--compact .daily-news-gist-expander{box-sizing:border-box;align-self:stretch;width:100%;min-width:0;max-width:none;display:block}.daily-news-page .daily-news-reader-column{box-sizing:border-box;justify-self:center;gap:10px;width:min(920px,100%);max-width:100%;margin-inline:auto;display:grid}.daily-news-page .daily-news-reader-column>.daily-news-reader-head--compact,.daily-news-page .daily-news-reader-column>.daily-news-reader-toolbar--premium,.daily-news-page .daily-news-reader-column>.daily-news-readable-article,.daily-news-page .daily-news-reader-column>.drawer-save-message{box-sizing:border-box;justify-self:stretch;width:100%;max-width:none;margin-inline:0}.daily-news-page .daily-news-reader-column>.daily-news-reader-head--compact{display:grid}.daily-news-page .daily-news-reader-column .daily-news-reader-head__copy,.daily-news-page .daily-news-reader-column .daily-news-gist-expander{box-sizing:border-box;width:100%;max-width:none}.daily-news-page .daily-news-reader-column .daily-news-reader-kicker{grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;display:grid}.mobile-account-link{display:none}@media (width<=920px){.mobile-brandbar{gap:10px;padding-right:118px}.mobile-brandbar-lockup{flex:auto;max-width:100%}.mobile-account-link{z-index:56;background:linear-gradient(180deg, #fffefafa, #eef7f4eb), var(--surface-1);border:1px solid #126a5f29;border-radius:10px;place-items:center;width:44px;height:44px;margin-left:0;transition:border-color .16s,background .16s,box-shadow .16s,opacity .16s,transform .16s;display:grid;position:fixed;top:10px;right:68px;box-shadow:0 12px 24px #126a5f13,inset 0 1px #ffffffd1}.mobile-account-link:hover,.mobile-account-link:focus-visible{opacity:1;border-color:#126a5f47;transform:translateY(-1px);box-shadow:0 14px 28px #126a5f1c,inset 0 1px #ffffffdb}.mobile-account-link--dimmed{opacity:.44;box-shadow:0 8px 18px #126a5f0b,inset 0 1px #ffffffb8}.mobile-account-link.router-link-active{background:linear-gradient(#e5f4effa,#fffdf8f0),#edf6f3;border-color:#126a5f52}.mobile-account-icon{width:23px;height:23px;color:var(--studio-jade-dark);stroke-linecap:round;stroke-linejoin:round;display:block}.quick-add-card-trigger:not(.quick-add-card-trigger--docked){background:linear-gradient(180deg, #0e5b52fa, #084841fa), var(--studio-jade-dark);border-color:#126a5f38;border-radius:10px;justify-content:center;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;top:10px;right:16px;box-shadow:0 12px 24px #126a5f29,inset 0 1px #ffffff24}.quick-add-card-trigger:not(.quick-add-card-trigger--docked) span{width:28px;height:28px;color:var(--studio-jade-dark);background:#fffefa;border-color:#ffffffbd;font-size:0;line-height:0;position:relative}.quick-add-card-trigger:not(.quick-add-card-trigger--docked) span svg{width:18px;height:18px;display:block}.quick-add-card-trigger:not(.quick-add-card-trigger--docked) strong{display:none}}@media (width<=560px){.mobile-brandbar{padding-right:112px}.mobile-account-link{width:42px;height:42px;top:9px;right:62px}.mobile-account-icon{width:22px;height:22px}.quick-add-card-trigger:not(.quick-add-card-trigger--docked){width:42px;min-width:42px;height:42px;min-height:42px;top:9px;right:14px}.quick-add-card-trigger:not(.quick-add-card-trigger--docked) span{width:27px;height:27px}.quick-add-card-trigger:not(.quick-add-card-trigger--docked) span svg{width:18px;height:18px}}.auth-screen--signin{background:linear-gradient(135deg, #127a6f0e, transparent 38%), linear-gradient(180deg, #fffdf8fc, #f0f8f4eb), var(--app-bg);place-items:center;min-height:100svh;padding:clamp(28px,5vw,72px)}.auth-screen--signin:before{opacity:.16}.auth-screen--signup,.auth-screen--reset{isolation:isolate;background:linear-gradient(135deg, #127a6f0b, transparent 34%), linear-gradient(180deg, #fffdf8fa, #f6faf7f0), var(--app-bg);place-items:center;min-height:100svh;padding:32px;position:relative;overflow:hidden}.auth-screen--signup:before,.auth-screen--reset:before{z-index:-1;pointer-events:none;content:"";opacity:.16;background:repeating-linear-gradient(92deg,#402e1904 0 1px,#0000 1px 22px),repeating-linear-gradient(0deg,#39312903 0 1px,#0000 1px 9px);position:absolute;inset:-18%}.auth-card--signin{-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:#fffdf8f5;border-color:#141f2614;border-radius:8px;grid-template-columns:minmax(0,1fr) 424px;width:min(1080px,100%);min-height:clamp(520px,57svh,620px);padding:0;display:grid;box-shadow:0 28px 74px #141f261f,0 2px #ffffffd6,inset 0 1px #ffffffb8}.auth-card--reset{-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:#fffdf8f0;border-color:#141f2614;border-radius:8px;grid-template-columns:minmax(0,1fr) 368px;width:min(900px,100%);min-height:0;padding:0;display:grid;box-shadow:0 20px 52px #141f2614,inset 0 1px #ffffffb8}.auth-card--signup{-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:#fffdf8f0;border-color:#141f2614;border-radius:8px;grid-template-columns:minmax(0,1fr) 416px;width:min(980px,100%);min-height:0;padding:0;display:grid;box-shadow:0 20px 52px #141f2614,inset 0 1px #ffffffb8}.auth-card--signin:before,.auth-card--signup:before,.auth-card--reset:before,.auth-card--signup .auth-identity-panel:before,.auth-card--signup .auth-identity-panel:after,.auth-card--reset .auth-identity-panel:before,.auth-card--reset .auth-identity-panel:after{display:none}.auth-identity-panel{isolation:isolate;background:linear-gradient(145deg, #fffdf8fc, #edf7f2e0), var(--surface-1);grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:clamp(64px,9svh,104px);min-width:0;padding:clamp(46px,5vw,64px);display:grid;position:relative}.auth-card--signin .auth-identity-panel{overflow:hidden}.auth-card--signin .auth-identity-panel:after{z-index:-1;aspect-ratio:3/2;pointer-events:none;content:"";opacity:.2;filter:sepia(.08)saturate(.8);background-image:linear-gradient(90deg,#fffdf8f0,#fffdf894 34%,#fffdf833),linear-gradient(#0000 0 48%,#edf7f285),url(/nightmarket_bg.png);background-position:50%;background-size:cover;width:min(92%,640px);position:absolute;bottom:-58px;right:-70px}.auth-logo-lockup{z-index:1;width:fit-content;max-width:100%;color:inherit;grid-area:auto;align-items:center;gap:16px;text-decoration:none;display:inline-flex;position:relative}.auth-logo{object-fit:contain;transform-origin:50% 72%;will-change:transform;flex:0 0 72px;width:72px;height:72px;animation:6.5s ease-in-out .7s infinite auth-logo-sway}.auth-logo-copy{min-width:0;display:grid}.auth-logo-title{color:#111827eb;font-size:18px;font-weight:850;line-height:1.1;display:block}.auth-left-content{z-index:1;grid-area:auto;align-self:end;padding:0;position:relative}.auth-hero-copy{gap:20px;max-width:520px;display:grid}.auth-hero-copy h1{color:#101419;max-width:480px;font-family:var(--font-sans);font-size:60px;font-weight:940;line-height:1}.auth-card--signin .auth-brand-subtitle,.auth-card--signup .auth-brand-subtitle,.auth-card--reset .auth-brand-subtitle{color:#1f2937b8;max-width:440px;font-size:17px;line-height:1.58}.auth-exchange-note{color:#0f6c63eb;max-width:440px;margin:0;padding:2px 0 2px 13px;font-size:13.5px;font-weight:780;line-height:1.42;position:relative}.auth-exchange-note:before{content:"";background:#127a6f3d;border-radius:999px;width:1px;height:min(28px,100% - 8px);position:absolute;top:4px;left:0}.auth-action-panel{background:#ffffffb8;border-left:1px solid #141f2612;border-radius:0 8px 8px 0;align-content:center;gap:26px;padding:clamp(54px,5vw,72px) 48px;display:grid}.auth-action-panel>*{justify-self:center;width:min(100%,304px)}.auth-card--signin .auth-action-panel>*{width:min(100%,352px)}.auth-card--signup .auth-action-panel>*{width:min(100%,336px)}.auth-card--reset .auth-action-panel>*{width:min(100%,304px)}.auth-action-panel--signup{gap:20px}.auth-action-panel--reset{gap:22px}.auth-form-head{gap:9px;display:grid}.auth-form-head h2{color:#111827e0;font-size:29px;font-weight:820;line-height:1.08}.auth-form-head p{color:#1f2937a3;font-size:15px;line-height:1.45}.auth-card--signin .auth-form,.auth-card--signup .auth-form,.auth-card--reset .auth-form{gap:16px}.auth-card--signin .base-input__label,.auth-card--signup .base-input__label,.auth-card--reset .base-input__label{color:#1f2937c7;font-size:13px;font-weight:820}.auth-card--signin .base-input input,.auth-card--signup .base-input input,.auth-card--reset .base-input input{min-height:54px;box-shadow:none;background:#fffffff5;border-color:#141f2621;border-radius:8px}.auth-card--signin .base-input input:focus,.auth-card--signup .base-input input:focus,.auth-card--reset .base-input input:focus{border-color:#127a6f73;box-shadow:0 0 0 4px #127a6f17}.auth-card--signin .base-input__toggle,.auth-card--signup .base-input__toggle,.auth-card--reset .base-input__toggle{place-items:center;width:38px;min-width:38px;padding:0;display:inline-grid}.auth-card--signin .base-input__toggle svg,.auth-card--signup .base-input__toggle svg,.auth-card--reset .base-input__toggle svg{stroke-width:2.2px;width:18px;height:18px}.auth-card--signin .base-button,.auth-card--signup .base-button,.auth-card--reset .base-button{background:#127a6f;min-height:54px;margin-top:2px;box-shadow:0 12px 24px #127a6f2e}.auth-card--signin .base-button:hover,.auth-card--signup .base-button:hover,.auth-card--reset .base-button:hover{background:#0f6c63;box-shadow:0 14px 28px #127a6f38}.auth-card--signin .auth-links,.auth-card--signup .auth-links,.auth-card--reset .auth-links{justify-content:space-between;gap:14px;margin-top:0;display:flex}.auth-card--signin .auth-links a{color:#1f2937b3;text-underline-offset:4px;font-size:13.5px;font-weight:760;line-height:1.35;text-decoration:none}.auth-card--signin .auth-links a:hover,.auth-card--signin .auth-links a:focus-visible{color:var(--accent-coral-dark);-webkit-text-decoration:underline #d84e3f61;text-decoration:underline #d84e3f61}.auth-card--signup .auth-links,.auth-card--reset .auth-links{justify-content:flex-start}.auth-card--signup .auth-links a,.auth-card--reset .auth-links a{color:#1f2937a8;text-underline-offset:4px;font-size:13px;font-weight:760;line-height:1.35;text-decoration:none}.auth-card--signup .auth-links a:hover,.auth-card--signup .auth-links a:focus-visible,.auth-card--signup .quiet-link:hover,.auth-card--signup .quiet-link:focus-visible,.auth-card--reset .auth-links a:hover,.auth-card--reset .auth-links a:focus-visible{color:var(--accent-coral-dark);-webkit-text-decoration:underline #d84e3f61;text-decoration:underline #d84e3f61}.auth-action-panel--reset .form-success{color:var(--accent-green-dark);font-size:13px;font-weight:760;line-height:1.45}.auth-action-panel--signup .auth-success{gap:10px;display:grid}.auth-action-panel--signup .auth-success h3{color:#111827d1;font-size:22px;font-weight:780;line-height:1.14}.auth-action-panel--signup .auth-success p{color:#1f293794;margin:0;font-size:14px;line-height:1.55}.auth-action-panel--signup .quiet-link{color:#1f2937a8;text-underline-offset:4px;width:fit-content;font-size:13px;font-weight:760;text-decoration:none}@keyframes auth-logo-sway{0%,to{transform:rotate(-1.1deg)translateY(0)}50%{transform:rotate(1.1deg)translateY(-2px)}}@media (width<=820px){.auth-screen--signin,.auth-screen--signup,.auth-screen--reset{align-items:start;padding:18px}.auth-card--signin,.auth-card--signup,.auth-card--reset{border-radius:8px;grid-template-columns:1fr;width:min(540px,100%);min-height:0}.auth-identity-panel{gap:34px;padding:36px 32px 32px}.auth-card--signin .auth-identity-panel:after{display:none}.auth-logo{flex-basis:64px;width:64px;height:64px}.auth-left-content{align-self:start}.auth-hero-copy h1{max-width:none;font-size:40px;line-height:1.03}.auth-card--signin .auth-brand-subtitle,.auth-card--signup .auth-brand-subtitle,.auth-card--reset .auth-brand-subtitle{max-width:none}.auth-action-panel{border-top:1px solid #141f2612;border-left:0;border-radius:0 0 8px 8px;padding:34px 32px 38px}.auth-action-panel>*{width:100%}.auth-action-panel--signup,.auth-action-panel--reset{gap:20px}}@media (width<=520px){.auth-screen--signin,.auth-screen--signup,.auth-screen--reset{padding:0}.auth-card--signin,.auth-card--signup,.auth-card--reset{width:100%;min-height:auto;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto auto;align-content:start}.auth-identity-panel{grid-template-rows:auto auto;gap:22px;padding:28px 20px 24px}.auth-logo-lockup{gap:14px}.auth-logo{flex-basis:62px;width:62px;height:62px}.auth-logo-title{font-size:17px}.auth-hero-copy h1{max-width:360px;font-size:30px;font-weight:930;line-height:1.08}.auth-card--signin .auth-brand-subtitle,.auth-card--signup .auth-brand-subtitle,.auth-card--reset .auth-brand-subtitle{max-width:350px;font-size:15px;line-height:1.6}.auth-card--signin .auth-brand-subtitle,.auth-card--signin .auth-exchange-note{display:none}.auth-action-panel{padding:28px 20px max(28px, env(safe-area-inset-bottom));background:linear-gradient(#ffffff8a,#fffdf82e),0 0;align-content:start;gap:20px}.auth-form-head{gap:7px}.auth-form-head h2{font-size:24px;font-weight:800;line-height:1.12}.auth-form-head p{font-size:14px}.auth-card--signin .auth-form,.auth-card--signup .auth-form,.auth-card--reset .auth-form{gap:13px}.auth-card--signin .base-input input,.auth-card--signup .base-input input,.auth-card--reset .base-input input,.auth-card--signup .base-button,.auth-card--reset .base-button,.auth-card--signin .base-button{min-height:52px}.auth-card--signin .auth-links,.auth-card--signup .auth-links,.auth-card--reset .auth-links{gap:18px;padding-top:2px}.auth-card--signin .auth-links a,.auth-card--signup .auth-links a,.auth-card--reset .auth-links a{font-size:13px;font-weight:760}.auth-action-panel--signup,.auth-action-panel--reset{gap:20px}}@media (width<=520px) and (height<=760px){.auth-identity-panel{gap:16px;padding:22px 20px 18px}.auth-logo{flex-basis:54px;width:54px;height:54px}.auth-hero-copy{gap:12px}.auth-hero-copy h1{font-size:27px}.auth-exchange-note{display:none}.auth-card--signin .auth-brand-subtitle,.auth-card--signup .auth-brand-subtitle,.auth-card--reset .auth-brand-subtitle{font-size:14px;line-height:1.55}.auth-action-panel{padding:22px 20px max(22px, env(safe-area-inset-bottom));gap:16px}.auth-form-head h2{font-size:21px}.auth-card--signin .auth-form,.auth-card--signup .auth-form,.auth-card--reset .auth-form{gap:12px}.auth-action-panel--signup,.auth-action-panel--reset{gap:16px}}@media (prefers-reduced-motion:reduce){.auth-logo{animation:none}}.app-shell--studio-theme .building-blocks-page{--bb-ink:#13171b;--bb-muted:#5f6964;--bb-line:#13171b1a;--bb-line-strong:#13171b2e;--bb-paper:#fffefa;--bb-wash:#f6f2e8;--bb-mist:#edf6f3;--bb-forest:#084b43;--bb-jade:#127468;--bb-coral:#dc674a;--bb-gold:#c9953f;--bb-plum:#6b4e71;gap:16px;width:min(1168px,100%)}@media (width>=721px){.app-shell--studio-theme .building-blocks-page .building-block-tabs{background:linear-gradient(135deg, #fffefaeb, #f6f2e8b8), var(--bb-paper);border-color:#084b4324;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:8px;box-shadow:0 18px 42px #13171b12,inset 0 1px #ffffffe0}.app-shell--studio-theme .building-blocks-page .building-block-tab{min-height:58px;color:var(--bb-muted);background:linear-gradient(#fffefae6,#faf8f2c7),#fffefab8;border-color:#13171b14;grid-template-columns:34px minmax(0,1fr);padding:8px 9px;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #13171b09}.app-shell--studio-theme .building-blocks-page .building-block-tab:hover,.app-shell--studio-theme .building-blocks-page .building-block-tab:focus-visible{background:#fffefa;border-color:#084b4333;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 12px 24px #13171b0f}.app-shell--studio-theme .building-blocks-page .building-block-tab span{color:var(--bb-forest);background:linear-gradient(180deg, #edf6f3f5, #fffefad6), var(--bb-mist);border:1px solid #084b4321;box-shadow:inset 0 1px #ffffffd1}.app-shell--studio-theme .building-blocks-page .building-block-tab strong{color:var(--bb-ink);font-size:12.5px;font-weight:930}.app-shell--studio-theme .building-blocks-page .building-block-tab small{color:#5f6964d6;font-size:10.5px;font-weight:900}.app-shell--studio-theme .building-blocks-page .building-block-tab--active{color:#fffefa;background:linear-gradient(145deg, #0c5a51, #073c37 76%), var(--bb-forest);border-color:#084b4357;box-shadow:0 16px 30px #084b432e,inset 0 1px #ffffff29}.app-shell--studio-theme .building-blocks-page .building-block-tab--active:after{background:linear-gradient(90deg, var(--bb-gold), var(--bb-coral));height:3px;display:block;bottom:6px;left:51px;right:9px}.app-shell--studio-theme .building-blocks-page .building-block-tab--active span{color:var(--bb-forest);background:#fffefa;border-color:#fffefa33}.app-shell--studio-theme .building-blocks-page .building-block-tab--active strong,.app-shell--studio-theme .building-blocks-page .building-block-tab--active small{color:#fffefa}}@media (width>=921px){.app-shell--studio-theme .building-blocks-page .building-block-practice-layout{grid-template-columns:minmax(0,1fr) minmax(288px,324px);gap:16px}}.app-shell--studio-theme .building-blocks-page .building-block-practice-card,.app-shell--studio-theme .building-blocks-page .building-block-side-panel{border-color:var(--bb-line);background:linear-gradient(135deg, #fffefafa, #f6f2e894), var(--bb-paper);box-shadow:0 22px 54px #13171b14,inset 0 1px #ffffffe6}.app-shell--studio-theme .building-blocks-page .building-block-practice-card{gap:16px;padding:22px;overflow:hidden}.app-shell--studio-theme .building-blocks-page .building-block-practice-card:before{content:"";background:linear-gradient(90deg, var(--bb-forest), var(--bb-jade) 48%, var(--bb-coral));border-radius:0 0 999px 999px;height:4px;position:absolute;inset:0 18px auto}.app-shell--studio-theme .building-blocks-page .building-block-practice-card:after{pointer-events:none;content:"";opacity:.72;background:linear-gradient(#edf6f37a,#0000),repeating-linear-gradient(135deg,#0000 0 18px,#084b4309 18px 19px,#0000 19px 38px);height:110px;position:absolute;inset:4px 0 auto}.app-shell--studio-theme .building-blocks-page .building-block-practice-card>*{z-index:1;position:relative}.app-shell--studio-theme .building-blocks-page .building-block-mode-switch{background:#fffefab8;border-color:#084b4321;width:min(356px,100%);padding:4px;box-shadow:inset 0 1px #ffffffe0,0 8px 18px #13171b0a}.app-shell--studio-theme .building-blocks-page .building-block-practice-head{padding-bottom:0}.app-shell--studio-theme .building-blocks-page .building-block-practice-head h3{max-width:19ch;color:var(--bb-ink);font-size:clamp(28px,3vw,40px);line-height:1}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress{background:linear-gradient(#fffefadb,#edf6f36b),#fffefaa3;border-color:#084b431f;gap:8px;padding:10px 12px;box-shadow:inset 0 1px #ffffffc7}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress__labels strong{color:var(--bb-ink);font-weight:930}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress__labels span{color:var(--bb-muted);font-weight:820}.app-shell--studio-theme .building-blocks-page .building-block-studio-progress{background:#13171b14;height:8px;box-shadow:inset 0 1px 2px #13171b14}.app-shell--studio-theme .building-blocks-page .building-block-cue-card,.app-shell--studio-theme .building-blocks-page .building-block-choice-panel,.app-shell--studio-theme .building-blocks-page .building-block-result{border-color:var(--bb-line);background:#fffefac7;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #13171b0a}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-drill-basic-grid{grid-template-columns:minmax(0,1fr) minmax(276px,.68fr);gap:16px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--drill{background:linear-gradient(150deg, #fffefafa, #edf6f3a8 58%, #fff1eb85), var(--bb-paper);border-color:#084b432e;min-height:292px;padding:24px 28px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--drill>span,.app-shell--studio-theme .building-blocks-page .building-block-choice-panel header small,.app-shell--studio-theme .building-blocks-page .building-block-result small,.app-shell--studio-theme .building-blocks-page .building-block-details small{color:#13171b94;font-size:10.5px;font-weight:930}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-target{gap:10px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--drill strong{color:var(--bb-ink);font-size:clamp(48px,6vw,78px);font-weight:900;line-height:.98}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{font-size:clamp(34px,12cqw,58px)}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--mandarin strong{font-size:clamp(74px,7.6vw,112px);font-weight:650}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-choice-panel{background:linear-gradient(#fffefadb,#f6f2e88f),#fffefaad;gap:12px;padding:18px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-option-list--rapid{gap:10px}.app-shell--studio-theme .building-blocks-page .building-block-option{min-height:74px;color:var(--bb-ink);background:linear-gradient(#fffefaf5,#f9f7f1bd),#fffefabd;border-color:#13171b1a;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #13171b09}.app-shell--studio-theme .building-blocks-page .building-block-option strong{color:var(--bb-ink);font-size:26px;font-weight:820}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-option-list--rapid .building-block-option{min-height:76px;padding:12px 46px 12px 15px}.app-shell--studio-theme .building-blocks-page .building-block-option--literal strong{font-size:clamp(29px,3.4vw,42px);font-weight:930}.app-shell--studio-theme .building-blocks-page .building-block-option-status{background:#fffefad6;border-color:#13171b2e}.app-shell--studio-theme .building-blocks-page .building-block-option--selected{border-color:#084b4352;box-shadow:inset 0 0 0 1px #084b4314,0 14px 30px #084b431a}.app-shell--studio-theme .building-blocks-page .building-block-option--selected:before{background:var(--bb-jade)}.app-shell--studio-theme .building-blocks-page .building-block-option--correct:before{background:var(--bb-jade)}.app-shell--studio-theme .building-blocks-page .building-block-result{background:linear-gradient(135deg, #edf6f3db, #fffefadb), var(--bb-mist);border-color:#12746833}.app-shell--studio-theme .building-blocks-page .building-block-result--incorrect{background:linear-gradient(135deg,#fff1ebe0,#fffefadb),#fff1eb;border-color:#dc674a3d}.app-shell--studio-theme .building-blocks-page .building-block-drill-dots{justify-content:center;gap:7px;margin-top:0}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions{justify-content:end;gap:9px}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions .base-button{border-radius:8px;min-height:44px;font-size:13.5px;font-weight:930}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions .base-button:last-child:not(:disabled){color:#fffefa;background:linear-gradient(180deg, #0c5a51fa, #073c37fa), var(--bb-forest);border-color:#084b4347;box-shadow:0 12px 24px #084b4329,inset 0 1px #ffffff29}.app-shell--studio-theme .building-blocks-page .building-block-side-panel{color:var(--bb-muted);gap:14px;padding:18px}.app-shell--studio-theme .building-blocks-page .building-block-side-panel__summary{gap:8px;padding-bottom:2px}.app-shell--studio-theme .building-blocks-page .building-block-side-panel__summary h3{color:var(--bb-ink);font-size:25px;line-height:1.02}.app-shell--studio-theme .building-blocks-page .building-block-side-panel p{color:var(--bb-muted);font-size:14px;line-height:1.55}.app-shell--studio-theme .building-blocks-page .building-block-bridge-link{background:linear-gradient(180deg, #0c5a51fa, #073c37fa), var(--bb-forest);border:1px solid #084b4333;min-height:46px;font-weight:930;box-shadow:0 12px 24px #084b4329,inset 0 1px #ffffff24}.app-shell--studio-theme .building-blocks-page .building-block-details{border:1px solid var(--bb-line);background:#fffefab8;padding:12px}.app-shell--studio-theme .building-blocks-page .building-block-details summary{color:var(--bb-ink);font-weight:930}.app-shell--studio-theme .building-blocks-page .building-block-details span{color:var(--bb-forest);background:#edf6f3a8;border-color:#084b4321}@media (width>=721px) and (width<=1120px){.app-shell--studio-theme .building-blocks-page .building-block-tabs{padding-bottom:8px}.app-shell--studio-theme .building-blocks-page .building-block-tab{flex-basis:158px}}@media (width<=920px){.app-shell--studio-theme .building-blocks-page .building-block-practice-card{padding:16px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-drill-basic-grid{grid-template-columns:1fr}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--drill{min-height:198px}}@media (width<=720px){.app-shell--studio-theme .building-blocks-page{gap:11px}.app-shell--studio-theme .building-blocks-page .building-block-topic-current{background:linear-gradient(135deg, #fffefaf5, #edf6f3c7), var(--bb-paper);border-color:#084b4329}.app-shell--studio-theme .building-blocks-page .building-block-topic-current__mark{background:linear-gradient(180deg, #0c5a51fa, #073c37fa), var(--bb-forest)}.app-shell--studio-theme .building-blocks-page .building-block-practice-card{gap:12px;padding:13px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card:after{height:78px}.app-shell--studio-theme .building-blocks-page .building-block-mode-switch{width:100%}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--drill{min-height:164px;padding:16px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--drill strong{font-size:clamp(42px,16vw,66px)}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-cue-card--mandarin strong{font-size:clamp(58px,20vw,86px)}.app-shell--studio-theme .building-blocks-page .building-block-option{min-height:66px;padding:10px 42px 10px 12px}.app-shell--studio-theme .building-blocks-page .building-block-option strong{font-size:22px}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions .base-button{min-height:40px;padding-inline:7px;font-size:12px}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions--choice .base-button{font-size:11.5px}.app-shell--studio-theme .building-blocks-page .building-block-side-panel{padding:13px}}.app-shell--studio-theme .building-blocks-page{--bb-clean-ink:#111418;--bb-clean-muted:#68716d;--bb-clean-line:#1114181a;--bb-clean-line-strong:#1114182e;--bb-clean-paper:#fffdf8;--bb-clean-panel:#fffdf8eb;--bb-clean-soft:#f4f7f4;--bb-clean-jade:#07584f;--bb-clean-jade-soft:#e9f3f0;--bb-clean-coral:#d96b4f;--bb-clean-gold:#c6903b;gap:12px;width:min(1040px,100%)}.app-shell--studio-theme .building-blocks-page :is(.building-blocks-header,.building-block-focus-bar,.building-block-tabs,.building-block-topic-carousel){display:none!important}.app-shell--studio-theme .building-block-session{grid-template-columns:42px minmax(0,1fr) 42px;align-items:stretch;gap:8px;min-width:0;display:grid}.app-shell--studio-theme .building-block-path-step{border:1px solid var(--bb-clean-line);min-width:0;min-height:54px;color:var(--bb-clean-jade);box-shadow:none;cursor:pointer;background:#fffdf8bd;border-radius:8px;place-items:center;transition:border-color .16s,background-color .16s,transform .16s;display:grid;position:relative}.app-shell--studio-theme .building-block-path-step:hover,.app-shell--studio-theme .building-block-path-step:focus-visible{background:var(--bb-clean-paper);border-color:#07584f3d;transform:translateY(-1px)}.app-shell--studio-theme .building-block-path-step span{border-top:2px solid;border-left:2px solid;width:10px;height:10px}.app-shell--studio-theme .building-block-path-step--previous span{transform:translate(2px)rotate(-45deg)}.app-shell--studio-theme .building-block-path-step--next span{transform:translate(-2px)rotate(135deg)}.app-shell--studio-theme .building-block-session-card{border:1px solid var(--bb-clean-line);background:var(--bb-clean-panel);border-radius:8px;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:11px 12px;display:grid;box-shadow:0 10px 26px #1114180b,inset 0 1px #ffffffb8}.app-shell--studio-theme .building-block-session-card__mark{color:#fffdf8;background:var(--bb-clean-jade);width:46px;height:46px;font-family:var(--font-hanzi);border-radius:8px;place-items:center;font-size:27px;font-weight:520;line-height:1;display:grid}.app-shell--studio-theme .building-block-session-card__copy{gap:3px;min-width:0;display:grid}.app-shell--studio-theme .building-block-session-card__copy .eyebrow{color:var(--bb-clean-jade);font-size:10px}.app-shell--studio-theme .building-block-session-card__copy h2{color:var(--bb-clean-ink);font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2vw,27px);font-weight:930;line-height:1.04;overflow:hidden}.app-shell--studio-theme .building-block-session-card__copy p:not(.eyebrow){color:var(--bb-clean-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:560;line-height:1.3;overflow:hidden}.app-shell--studio-theme .building-block-session-card__meta{min-width:76px;color:var(--bb-clean-muted);text-align:right;justify-items:end;gap:1px;display:grid}.app-shell--studio-theme .building-block-session-card__meta strong{color:var(--bb-clean-ink);font-size:16px;font-weight:930;line-height:1}.app-shell--studio-theme .building-block-session-card__meta span{white-space:nowrap;font-size:10.5px;font-weight:820;line-height:1.1}.app-shell--studio-theme .building-block-session-card__conversation{color:#fffdf8;background:var(--bb-clean-jade);white-space:nowrap;border:1px solid #07584f2e;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:12.5px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.app-shell--studio-theme .building-block-path-rail{background:#fffdf8a3;border:1px solid #11141813;border-radius:8px;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-width:0;padding:4px;display:grid}.app-shell--studio-theme .building-block-path-pill{min-width:0;min-height:42px;color:var(--bb-clean-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:5px;transition:border-color .16s,background-color .16s,color .16s;display:grid;position:relative}.app-shell--studio-theme .building-block-path-pill:hover,.app-shell--studio-theme .building-block-path-pill:focus-visible{border-color:var(--bb-clean-line);color:var(--bb-clean-jade);background:#fffdf8d1}.app-shell--studio-theme .building-block-path-pill span{color:currentColor;width:30px;height:30px;font-family:var(--font-hanzi);background:#fffdf8d1;border:1px solid #07584f1f;border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid}.app-shell--studio-theme .building-block-path-pill strong{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell--studio-theme .building-block-path-pill i{background:#11141814;border-radius:999px;height:3px;position:absolute;bottom:5px;left:8px;right:8px;overflow:hidden}.app-shell--studio-theme .building-block-path-pill i b{border-radius:inherit;background:#07584f73;height:100%;display:block}.app-shell--studio-theme .building-block-path-pill--active{color:var(--bb-clean-jade);background:var(--bb-clean-jade-soft);border-color:#07584f2e}.app-shell--studio-theme .building-block-path-pill--active span{color:#fffdf8;background:var(--bb-clean-jade);border-color:#0000}.app-shell--studio-theme .building-block-path-pill--active i b{background:var(--bb-clean-coral)}.app-shell--studio-theme .building-blocks-page .building-block-practice-layout{grid-template-columns:minmax(0,880px);justify-content:center;gap:0;width:100%;display:grid}.app-shell--studio-theme .building-blocks-page .building-block-side-panel{display:none!important}.app-shell--studio-theme .building-blocks-page .building-block-practice-card{border:1px solid var(--bb-clean-line);background:var(--bb-clean-paper);border-radius:8px;gap:12px;padding:18px;overflow:visible;box-shadow:0 18px 44px #1114180f,inset 0 1px #ffffffc7}.app-shell--studio-theme .building-blocks-page .building-block-practice-card:before,.app-shell--studio-theme .building-blocks-page .building-block-practice-card:after{display:none}.app-shell--studio-theme .building-blocks-page .building-block-practice-card>*{position:static}.app-shell--studio-theme .building-blocks-page .building-block-practice-card--drill .building-block-practice-head{display:none}.app-shell--studio-theme .building-blocks-page .building-block-mode-switch{border:1px solid var(--bb-clean-line);width:min(356px,100%);box-shadow:none;background:#f4f7f4bd;border-radius:8px;padding:3px}.app-shell--studio-theme .building-blocks-page .building-block-mode-switch button{color:#11141894;border-radius:7px;min-height:38px;font-size:13.5px;font-weight:900}.app-shell--studio-theme .building-blocks-page .building-block-mode-switch button:hover,.app-shell--studio-theme .building-blocks-page .building-block-mode-switch button:focus-visible{color:var(--bb-clean-ink);background:#fffdf8db}.app-shell--studio-theme .building-blocks-page .building-block-mode-switch__button--active{color:#fffdf8!important;background:var(--bb-clean-jade)!important;box-shadow:none!important}.app-shell--studio-theme .building-blocks-page .building-block-practice-head{border:0;padding:0}.app-shell--studio-theme .building-blocks-page .building-block-practice-head h3{max-width:24ch;color:var(--bb-clean-ink);font-family:var(--font-sans);font-size:clamp(24px,2.8vw,34px);font-weight:930;line-height:1.05}.app-shell--studio-theme .building-blocks-page .building-block-practice-head .eyebrow{color:var(--bb-clean-jade)}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress{border:1px solid var(--bb-clean-line);box-shadow:none;background:#f4f7f48f;border-radius:8px;gap:7px;padding:9px 11px}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress__labels strong{color:var(--bb-clean-ink);font-size:13px;font-weight:900}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress__labels span{color:var(--bb-clean-muted);font-size:12px;font-weight:780}.app-shell--studio-theme .building-blocks-page .building-block-studio-progress{height:6px;box-shadow:none;background:#11141814}.app-shell--studio-theme .building-blocks-page .building-block-studio-progress i{background:linear-gradient(90deg, var(--bb-clean-jade), var(--bb-clean-coral));box-shadow:none}.app-shell--studio-theme .building-blocks-page .building-block-drill-basic-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);align-items:stretch;gap:12px;display:grid}.app-shell--studio-theme .building-blocks-page :is(.building-block-cue-card,.building-block-choice-panel,.building-block-result){border:1px solid var(--bb-clean-line);box-shadow:none;background:#fffdf8d1;border-radius:8px}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill{background:linear-gradient(180deg, #e9f3f08f, #fffdf8e6), var(--bb-clean-paper);grid-template-rows:auto minmax(0,1fr);min-height:262px;padding:22px;display:grid}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill>span,.app-shell--studio-theme .building-blocks-page .building-block-choice-panel header small,.app-shell--studio-theme .building-blocks-page .building-block-result small{color:#1114188f;font-size:10.5px;font-weight:900}.app-shell--studio-theme .building-blocks-page .building-block-cue-target{align-self:center;justify-items:start;gap:9px;min-width:0;display:grid}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--mandarin .building-block-cue-target{text-align:center;justify-items:center}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill strong{max-width:100%;color:var(--bb-clean-ink);font-family:var(--font-serif);overflow-wrap:normal;text-wrap:balance;white-space:normal;font-size:clamp(42px,6vw,68px);font-weight:900;line-height:.98}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{-webkit-hyphens:auto;hyphens:auto;max-width:min(10.8ch,100%)}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--mandarin strong{font-family:var(--font-hanzi);font-size:clamp(68px,7vw,96px);font-weight:620}.app-shell--studio-theme .building-blocks-page .building-block-cue-card em,.app-shell--studio-theme .building-blocks-page .building-block-option span:not(.visually-hidden),.app-shell--studio-theme .building-blocks-page .building-block-result em{color:#5e251d;font-weight:820}.app-shell--studio-theme .building-blocks-page .building-block-choice-panel{background:#fffdf8b3;align-content:start;gap:10px;padding:16px}.app-shell--studio-theme .building-blocks-page .building-block-option-list{gap:8px}.app-shell--studio-theme .building-blocks-page .building-block-option-list--rapid{grid-template-rows:repeat(3,minmax(66px,auto));grid-template-columns:1fr;gap:9px}.app-shell--studio-theme .building-blocks-page .building-block-option{border:1px solid var(--bb-clean-line);min-height:68px;color:var(--bb-clean-ink);box-shadow:none;background:#fffdf8e0;border-radius:8px;padding:11px 42px 11px 13px}.app-shell--studio-theme .building-blocks-page .building-block-option:hover,.app-shell--studio-theme .building-blocks-page .building-block-option:focus-visible{background:#fffdf8;border-color:#07584f42;transform:none;box-shadow:0 8px 18px #1114180b}.app-shell--studio-theme .building-blocks-page .building-block-option:before{border-radius:0 999px 999px 0;width:3px;top:10px;bottom:10px;left:0}.app-shell--studio-theme .building-blocks-page .building-block-option strong{color:var(--bb-clean-ink);font-size:25px;font-weight:760;line-height:1.05}.app-shell--studio-theme .building-blocks-page .building-block-option--literal strong{font-family:var(--font-sans);font-size:clamp(24px,3vw,34px);font-weight:900}.app-shell--studio-theme .building-blocks-page .building-block-option-status{border-color:var(--bb-clean-line-strong);box-shadow:none;background:#fffdf8;right:13px}.app-shell--studio-theme .building-blocks-page .building-block-option--selected{background:var(--bb-clean-jade-soft);box-shadow:none;border-color:#07584f4d}.app-shell--studio-theme .building-blocks-page .building-block-option--selected:before,.app-shell--studio-theme .building-blocks-page .building-block-option--correct:before{background:var(--bb-clean-jade)}.app-shell--studio-theme .building-blocks-page .building-block-option--correct{background:var(--bb-clean-jade-soft);border-color:#07584f4d}.app-shell--studio-theme .building-blocks-page .building-block-option--incorrect{background:#fff3ee;border-color:#d96b4f61}.app-shell--studio-theme .building-blocks-page .building-block-option--incorrect:before{background:var(--bb-clean-coral)}.app-shell--studio-theme .building-blocks-page .building-block-result{background:var(--bb-clean-jade-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.app-shell--studio-theme .building-blocks-page .building-block-result--incorrect{background:#fff3ee}.app-shell--studio-theme .building-blocks-page .building-block-result strong{color:var(--bb-clean-ink);font-size:24px}.app-shell--studio-theme .building-blocks-page .building-block-drill-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:1px 0;display:flex}.app-shell--studio-theme .building-blocks-page .building-block-drill-dots button{background:#1114181f;border-radius:999px;width:28px;height:5px}.app-shell--studio-theme .building-blocks-page .building-block-drill-dots .building-block-drill-dot--done{background:#07584f61}.app-shell--studio-theme .building-blocks-page .building-block-drill-dots .building-block-drill-dot--active{background:var(--bb-clean-coral);box-shadow:none}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions--choice{grid-template-columns:repeat(3,minmax(0,1fr));width:min(452px,100%);margin-left:auto;display:grid}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions .base-button{min-height:42px;box-shadow:none;border-radius:8px;font-size:13px;font-weight:900}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions .base-button:hover{transform:none}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions .base-button:last-child:not(:disabled){color:#fffdf8;border-color:var(--bb-clean-jade);background:var(--bb-clean-jade);box-shadow:none}.app-shell--studio-theme .building-blocks-page :is(.building-block-correction,.building-block-essential-note){box-shadow:none;border-radius:8px}@media (width>=921px){.app-shell--studio-theme .building-blocks-page .building-block-practice-card--use .building-block-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.app-shell--studio-theme .building-blocks-page{gap:10px}.app-shell--studio-theme .building-block-session-card{grid-template-columns:46px minmax(0,1fr) auto;padding:9px 10px}.app-shell--studio-theme .building-block-session-card__conversation,.app-shell--studio-theme .building-block-session-card__copy p:not(.eyebrow){display:none}.app-shell--studio-theme .building-block-path-rail{scrollbar-width:none;gap:6px;padding:4px;display:flex;overflow-x:auto}.app-shell--studio-theme .building-block-path-rail::-webkit-scrollbar{display:none}.app-shell--studio-theme .building-block-path-pill{flex:0 0 44px}.app-shell--studio-theme .building-blocks-page .building-block-drill-basic-grid{grid-template-columns:1fr}.app-shell--studio-theme .building-blocks-page .building-block-practice-card{padding:14px}}@media (width<=720px){.app-shell--studio-theme .building-blocks-page{padding-bottom:max(94px, env(safe-area-inset-bottom))}.app-shell--studio-theme .building-block-session{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.app-shell--studio-theme .building-block-path-step{min-height:50px}.app-shell--studio-theme .building-block-session-card{grid-template-columns:42px minmax(0,1fr);gap:8px}.app-shell--studio-theme .building-block-session-card__mark{width:42px;height:42px;font-size:24px}.app-shell--studio-theme .building-block-session-card__copy h2{font-size:16px}.app-shell--studio-theme .building-block-session-card__copy .eyebrow{display:none}.app-shell--studio-theme .building-block-session-card__meta{text-align:left;grid-column:2;justify-items:start;min-width:0}.app-shell--studio-theme .building-block-session-card__meta strong{display:none}.app-shell--studio-theme .building-block-session-card__meta span{color:var(--bb-clean-muted);font-size:10.5px}.app-shell--studio-theme .building-block-path-pill{min-height:38px}.app-shell--studio-theme .building-block-path-pill span{width:28px;height:28px;font-size:16px}.app-shell--studio-theme .building-blocks-page .building-block-practice-card{gap:10px;padding:12px}.app-shell--studio-theme .building-blocks-page .building-block-mode-switch{width:100%}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress{padding:8px 9px}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress__labels{align-items:start}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress__labels strong{font-size:12px}.app-shell--studio-theme .building-blocks-page .building-block-practice-progress__labels span{max-width:54%;font-size:10.5px;line-height:1.15}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill{min-height:178px;padding:15px}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill strong{font-size:clamp(38px,12vw,50px)}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{max-width:min(10.8ch,100%)}.app-shell--studio-theme .building-blocks-page .building-block-cue-card--mandarin strong{font-size:clamp(54px,18vw,78px)}.app-shell--studio-theme .building-blocks-page .building-block-choice-panel{padding:12px}.app-shell--studio-theme .building-blocks-page .building-block-option-list--rapid{gap:8px}.app-shell--studio-theme .building-blocks-page .building-block-option{min-height:64px;padding:10px 40px 10px 11px}.app-shell--studio-theme .building-blocks-page .building-block-option strong{font-size:22px}.app-shell--studio-theme .building-blocks-page .building-block-result{grid-template-columns:1fr}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page .building-block-studio__actions--choice{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0;display:grid}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions--choice{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions .base-button{white-space:nowrap;min-width:0;min-height:40px;padding-inline:6px;font-size:12px}.app-shell--studio-theme .building-blocks-page .building-block-studio__actions--choice .base-button{font-size:11px}}.app-shell--studio-theme .building-blocks-page--overhaul{--bb-o-ink:#121417;--bb-o-body:#59635f;--bb-o-faint:#7b8580;--bb-o-line:#1214171a;--bb-o-line-strong:#1214172e;--bb-o-paper:#fffdf8;--bb-o-paper-soft:#f9f7f0;--bb-o-mist:#eef5f2;--bb-o-jade:#07584f;--bb-o-jade-2:#0f7468;--bb-o-coral:#db6a4e;--bb-o-shadow:0 18px 48px #12141711;gap:10px;width:min(980px,100%)}.app-shell--studio-theme .building-blocks-page--overhaul :is(.building-blocks-header,.building-block-focus-bar,.building-block-tabs,.building-block-topic-carousel,.building-block-side-panel){display:none!important}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session{grid-template-columns:38px minmax(0,1fr) 38px;align-items:stretch;gap:8px;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-step{border:1px solid var(--bb-o-line);min-width:0;min-height:46px;color:var(--bb-o-jade);box-shadow:none;cursor:pointer;background:#fffdf8c2;border-radius:8px;place-items:center;padding:0;transition:border-color .16s,background-color .16s,color .16s;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-step:hover,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-step:focus-visible{color:#fffdf8;background:var(--bb-o-jade);border-color:#07584f3d;transform:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card{border:1px solid var(--bb-o-line);min-width:0;box-shadow:none;background:#fffdf8db;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 9px;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__mark{color:#fffdf8;background:var(--bb-o-jade);width:38px;height:38px;font-family:var(--font-hanzi);border-radius:8px;place-items:center;font-size:23px;font-weight:520;line-height:1;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__copy{gap:2px;min-width:0;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__copy .eyebrow{color:var(--bb-o-jade);font-size:9.5px;line-height:1}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__copy h2{color:var(--bb-o-ink);font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:920;line-height:1.08;overflow:hidden}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__copy p:not(.eyebrow){color:var(--bb-o-body);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:560;line-height:1.25;overflow:hidden}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta{min-width:72px;color:var(--bb-o-faint);text-align:right;justify-items:end;gap:1px;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta strong{color:var(--bb-o-ink);font-size:15px;font-weight:920;line-height:1}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta span{white-space:nowrap;font-size:10px;font-weight:780;line-height:1.1}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__conversation{min-height:34px;color:var(--bb-o-jade);background:var(--bb-o-mist);white-space:nowrap;border:1px solid #07584f2e;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:880;line-height:1;text-decoration:none;display:inline-flex}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__conversation:hover,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__conversation:focus-visible{color:#fffdf8;background:var(--bb-o-jade)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-rail{scrollbar-width:none;background:#fffdf894;border:1px solid #12141712;border-radius:8px;gap:5px;min-width:0;padding:3px;display:flex;overflow-x:auto}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-rail::-webkit-scrollbar{display:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill{min-width:38px;min-height:38px;color:var(--bb-o-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1 0 38px;place-items:center;padding:4px;display:grid;position:relative}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill:hover,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill:focus-visible{border-color:var(--bb-o-line);color:var(--bb-o-jade);background:#fffdf8e6}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill span{color:currentColor;width:27px;height:27px;font-family:var(--font-hanzi);background:#fffdf8b8;border:1px solid #07584f1a;border-radius:8px;place-items:center;font-size:16px;line-height:1;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill strong{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill i{background:#12141714;border-radius:999px;height:2px;position:absolute;bottom:4px;left:7px;right:7px;overflow:hidden}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill i b{border-radius:inherit;background:#07584f6b;height:100%;display:block}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill--active{color:var(--bb-o-jade);background:var(--bb-o-mist);border-color:#07584f2e}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill--active span{color:#fffdf8;background:var(--bb-o-jade);border-color:#0000}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill--active i b{background:var(--bb-o-coral)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-layout{width:100%;display:block}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card{border:1px solid var(--bb-o-line);background:var(--bb-o-paper);min-width:0;box-shadow:var(--bb-o-shadow);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid;overflow:visible}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card:before,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card:after{display:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card>*{position:static}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-mode-switch{border:1px solid var(--bb-o-line);background:var(--bb-o-paper-soft);width:min(326px,100%);box-shadow:none;border-radius:8px;justify-self:start;padding:3px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-mode-switch button{color:#12141794;border-radius:7px;min-height:36px;font-size:13px;font-weight:880}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-mode-switch button:hover,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-mode-switch button:focus-visible{color:var(--bb-o-ink);background:#fffdf8db}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-mode-switch__button--active{color:#fffdf8!important;background:var(--bb-o-jade)!important;box-shadow:none!important}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-head{border:0;padding:0}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card--drill .building-block-practice-head{display:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-head .eyebrow{color:var(--bb-o-jade)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-head h3{max-width:26ch;color:var(--bb-o-ink);font-family:var(--font-sans);font-size:clamp(22px,2.5vw,32px);font-weight:920;line-height:1.06}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-progress{border:1px solid var(--bb-o-line);box-shadow:none;background:#f9f7f0b8;border-radius:8px;gap:7px;padding:8px 10px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-progress__labels strong{color:var(--bb-o-ink);font-size:12.5px;font-weight:880}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-progress__labels span{color:var(--bb-o-body);font-size:11.5px;font-weight:720}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio-progress{height:5px;box-shadow:none;background:#12141714}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio-progress i{background:linear-gradient(90deg, var(--bb-o-jade-2), var(--bb-o-coral));box-shadow:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-drill-basic-grid{grid-template-columns:minmax(0,1.05fr) minmax(270px,.7fr);align-items:stretch;gap:10px;min-width:0;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul :is(.building-block-cue-card,.building-block-choice-panel,.building-block-result){border:1px solid var(--bb-o-line);box-shadow:none;background:#fffdf8d1;border-radius:8px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--drill{background:linear-gradient(180deg, #eef5f2b8, #fffdf8f0), var(--bb-o-paper);grid-template-rows:auto minmax(0,1fr);min-height:246px;padding:18px;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--drill>span,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-choice-panel header small,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-result small{color:#1214178c;font-size:10px;font-weight:880}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-target{align-self:center;gap:8px;min-width:0;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--mandarin .building-block-cue-target{text-align:center;justify-items:center}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--drill strong{max-width:100%;color:var(--bb-o-ink);font-family:var(--font-serif);overflow-wrap:normal;white-space:normal;font-size:clamp(38px,5.2vw,62px);font-weight:900;line-height:1}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{-webkit-hyphens:auto;hyphens:auto;max-width:min(12ch,100%)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--mandarin strong{font-family:var(--font-hanzi);font-size:clamp(60px,6.5vw,88px);font-weight:620}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card em,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option span:not(.visually-hidden),.app-shell--studio-theme .building-blocks-page--overhaul .building-block-result em{color:#5b241d;font-weight:820}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-choice-panel{background:#fffdf8b8;align-content:start;gap:9px;padding:14px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option-list{gap:8px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option-list--rapid{grid-template-columns:1fr;gap:8px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option{border:1px solid var(--bb-o-line);min-height:66px;color:var(--bb-o-ink);box-shadow:none;background:#fffdf8e6;border-radius:8px;padding:10px 40px 10px 12px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option:hover,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option:focus-visible{box-shadow:none;background:#fffdf8;border-color:#07584f3d;transform:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option:before{border-radius:0 999px 999px 0;width:3px;top:10px;bottom:10px;left:0}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option strong{color:var(--bb-o-ink);font-size:24px;font-weight:760;line-height:1.05}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option--literal strong{font-family:var(--font-sans);font-size:clamp(22px,2.6vw,32px);font-weight:900}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option-status{border-color:var(--bb-o-line-strong);box-shadow:none;background:#fffdf8;right:12px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option--selected,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option--correct{background:var(--bb-o-mist);box-shadow:none;border-color:#07584f47}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option--selected:before,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option--correct:before{background:var(--bb-o-jade)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option--incorrect{background:#fff3ee;border-color:#db6a4e5c}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option--incorrect:before{background:var(--bb-o-coral)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-result{background:var(--bb-o-mist);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-result--incorrect{background:#fff3ee}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-result strong{color:var(--bb-o-ink);font-size:23px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-drill-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;display:flex}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-drill-dots button{background:#1214171f;border-radius:999px;width:26px;height:5px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-drill-dots .building-block-drill-dot--done{background:#07584f5c}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-drill-dots .building-block-drill-dot--active{background:var(--bb-o-coral);box-shadow:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions--choice{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:auto;margin-left:0;display:flex}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions .base-button{min-height:40px;box-shadow:none;border-radius:8px;font-size:12.5px;font-weight:880}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions .base-button:hover{transform:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions .base-button:last-child:not(:disabled){color:#fffdf8;border-color:var(--bb-o-jade);background:var(--bb-o-jade);box-shadow:none}.app-shell--studio-theme .building-blocks-page--overhaul :is(.building-block-correction,.building-block-essential-note,.building-block-save-message){box-shadow:none;border-radius:8px}@media (width>=921px){.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card--use .building-block-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.app-shell--studio-theme .building-blocks-page--overhaul{gap:9px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card{grid-template-columns:40px minmax(0,1fr) auto}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__conversation,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__copy p:not(.eyebrow){display:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta{min-width:58px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta span{white-space:normal}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-pill{flex:0 0 38px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-drill-basic-grid{grid-template-columns:1fr}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card{padding:12px}}@media (width<=720px){.app-shell--studio-theme .building-blocks-page--overhaul{padding-bottom:max(96px, env(safe-area-inset-bottom));gap:8px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-path-step{min-height:46px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:7px 8px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__mark{width:38px;height:38px;font-size:22px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__copy .eyebrow{display:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__copy h2{font-size:15px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta{text-align:left;grid-column:2;justify-items:start;min-width:0}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta strong{display:none}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-session-card__meta span{font-size:10px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-card{gap:9px;padding:11px;box-shadow:0 10px 26px #1214170e}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-mode-switch{width:100%}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-mode-switch button{min-height:36px;font-size:12.5px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-progress{padding:8px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-progress__labels{align-items:start}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-progress__labels strong{font-size:11.5px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-practice-progress__labels span{max-width:54%;font-size:10px;line-height:1.12}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--drill{min-height:168px;padding:14px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--drill strong{font-size:clamp(34px,10.5vw,46px)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{max-width:min(12ch,100%)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-cue-card--mandarin strong{font-size:clamp(52px,17vw,74px)}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-choice-panel{padding:11px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option{min-height:62px;padding:9px 38px 9px 11px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option strong{font-size:21px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option span:not(.visually-hidden),.app-shell--studio-theme .building-blocks-page--overhaul .building-block-option small{font-size:12px}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-result{grid-template-columns:1fr}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions--choice{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions--choice{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell--studio-theme .building-blocks-page--overhaul .building-block-studio__actions .base-button{white-space:nowrap;min-width:0;min-height:38px;padding-inline:6px;font-size:11.5px}}.app-shell--studio-theme:has(.building-blocks-page--focus){background:#fffdf9;display:block}:is(.app-shell--studio-theme:has(.building-blocks-page--focus) .ink-atmosphere,.app-shell--studio-theme:has(.building-blocks-page--focus) .app-sidebar,.app-shell--studio-theme:has(.building-blocks-page--focus) .mobile-brandbar,.app-shell--studio-theme:has(.building-blocks-page--focus) .mobile-nav,.app-shell--studio-theme:has(.building-blocks-page--focus) .background-audio-player){display:none!important}.app-shell--studio-theme:has(.building-blocks-page--focus) .app-workspace{background:#fffdf9;min-height:100svh}.app-shell--studio-theme:has(.building-blocks-page--focus) .app-workspace:before{display:none}.app-shell--studio-theme:has(.building-blocks-page--focus) .app-main{width:100%;min-height:100svh;padding:0;display:block}.app-shell--studio-theme .building-blocks-page--focus{--bb-focus-ink:#101419;--bb-focus-muted:#697681;--bb-focus-faint:#aebdba;--bb-focus-line:#004e4529;--bb-focus-line-strong:#004e4542;--bb-focus-jade:#004e45;--bb-focus-jade-soft:#004e4514;--bb-focus-coral:#e36349;--bb-focus-pinyin:#6d221a;width:min(820px,100%);min-height:100svh;color:var(--bb-focus-ink);background:0 0;gap:0;margin:0 auto;padding:48px clamp(22px,4vw,44px) 42px;display:grid}.app-shell--studio-theme .building-blocks-page--focus :is(.building-block-session,.building-block-path-rail,.building-block-side-panel,.building-block-practice-head,.building-block-practice-progress,.building-block-drill-dots){display:none!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell h1{min-width:0;color:var(--bb-focus-jade);font-family:var(--font-sans);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(23px,3vw,30px);font-weight:880;line-height:1.1;overflow:hidden}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button{width:48px;height:48px;color:var(--bb-focus-jade);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;text-decoration:none;transition:background-color .16s,color .16s;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button:focus-visible{color:#fffdf9;background:var(--bb-focus-jade);outline:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{justify-items:center;gap:20px;padding-top:38px;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots{flex-wrap:wrap;justify-content:center;gap:19px;display:flex}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots button{border:2px solid var(--bb-focus-faint);cursor:pointer;background:0 0;border-radius:50%;width:17px;height:17px;padding:0;transition:border-color .16s,background-color .16s,box-shadow .16s}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots button:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots button:focus-visible{border-color:var(--bb-focus-jade);outline:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots .building-block-focus-dot--done{background:#004e452e;border-color:#004e4547}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots .building-block-focus-dot--active{border-color:var(--bb-focus-jade);background:var(--bb-focus-jade);box-shadow:0 0 0 4px #004e4514}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress p{color:#536171;letter-spacing:0;justify-items:center;gap:6px;margin:0;font-size:26px;font-weight:480;line-height:1;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress p small{color:var(--bb-focus-jade);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:840;line-height:1}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-layout{width:100%;display:block}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card:before,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card:after{display:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card>*{position:static}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch{width:172px;box-shadow:none;background:#004e4509;border:1px solid #004e451a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:inline-grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch button{color:#1014197a;letter-spacing:0;border-radius:6px;min-height:31px;font-size:12px;font-weight:780}.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle{color:#004e45ad;cursor:pointer;min-height:37px;font:inherit;background:0 0;border:1px solid #004e451c;border-radius:8px;padding:0 13px;font-size:12px;font-weight:800;transition:border-color .16s,background-color .16s,color .16s}.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle:focus-visible,.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle--active{color:var(--bb-focus-jade);background:var(--bb-focus-jade-soft);border-color:#004e4538;outline:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(28px,5vh,44px);margin-top:clamp(56px,11vh,132px);display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card{box-shadow:none;background:0 0;border:0;border-radius:0}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill{place-items:center;min-height:clamp(130px,18vh,220px);padding:0;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill>span{display:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-target{text-align:center;justify-items:center;gap:12px;width:100%;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill strong{max-width:min(760px,100%);color:var(--bb-focus-jade);font-family:var(--font-serif);text-align:center;overflow-wrap:anywhere;font-size:clamp(58px,8vw,108px);font-weight:860;line-height:.92}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--mandarin strong{font-family:var(--font-hanzi);font-size:clamp(82px,10vw,132px);font-weight:620;line-height:1}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card em,.app-shell--studio-theme .building-blocks-page--focus .building-block-option span:not(.visually-hidden),.app-shell--studio-theme .building-blocks-page--focus .building-block-result em,.app-shell--studio-theme .building-blocks-page--focus .building-block-correction span{color:var(--bb-focus-pinyin);font-weight:780}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel{box-shadow:none;background:0 0;border:0;border-radius:0;justify-items:center;gap:27px;padding:0;display:grid;position:relative}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel header small{color:#586677;letter-spacing:0;text-transform:none;font-size:clamp(23px,3vw,27px);font-weight:480;line-height:1.15}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list--rapid{grid-template-columns:minmax(0,1fr);gap:28px;width:min(700px,100%);display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{border:1px solid var(--bb-focus-line);min-height:130px;color:var(--bb-focus-jade);background:#ffffffa3;border-radius:8px;justify-items:center;padding:20px 54px;display:grid;box-shadow:0 7px 20px #141f260b}.app-shell--studio-theme .building-blocks-page--focus .building-block-option:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-option:focus-visible{border-color:var(--bb-focus-line-strong);background:#fff;outline:none;transform:none;box-shadow:0 12px 28px #141f2612}.app-shell--studio-theme .building-blocks-page--focus .building-block-option:before{display:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-option strong{color:var(--bb-focus-jade);font-family:var(--font-hanzi);text-align:center;overflow-wrap:anywhere;font-size:clamp(42px,6vw,64px);font-weight:620;line-height:1.05}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--literal strong{font-family:var(--font-sans);font-size:clamp(30px,4vw,42px);font-weight:820}.app-shell--studio-theme .building-blocks-page--focus .building-block-option span:not(.visually-hidden),.app-shell--studio-theme .building-blocks-page--focus .building-block-option small{text-align:center;margin-top:5px;font-size:15px;line-height:1.2}.app-shell--studio-theme .building-blocks-page--focus .building-block-option small{color:#10141985;font-weight:650}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-status{width:19px;height:19px;box-shadow:none;background:#fffdf9;border-color:#004e452e;top:24px;right:24px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--selected,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--correct{background:#eef7f4e0;border-color:#004e4561}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--selected .building-block-option-status,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--correct .building-block-option-status{border-color:var(--bb-focus-jade);background:var(--bb-focus-jade)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--incorrect{background:#fff4f0e6;border-color:#e3634961}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--incorrect .building-block-option-status{border-color:var(--bb-focus-coral);background:var(--bb-focus-coral)}.app-shell--studio-theme .building-blocks-page--focus .building-block-color-tile{border-radius:8px;width:84px;height:84px}.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options{color:#004e459e;cursor:pointer;min-height:42px;font:inherit;letter-spacing:0;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;margin-top:clamp(24px,5vh,62px);font-size:19px;font-weight:520;transition:color .16s,opacity .16s;display:inline-flex}.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options:focus-visible{color:var(--bb-focus-jade);outline:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-result,.app-shell--studio-theme .building-blocks-page--focus .building-block-correction,.app-shell--studio-theme .building-blocks-page--focus .building-block-essential-note,.app-shell--studio-theme .building-blocks-page--focus .building-block-save-message{width:min(700px,100%);box-shadow:none;border-radius:8px;justify-self:center;margin-top:18px}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions--choice{flex-wrap:wrap;justify-content:center;gap:10px;width:min(700px,100%);margin:26px auto 0;display:flex}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions .base-button{min-width:118px;min-height:44px;box-shadow:none;border-radius:8px;font-size:13px;font-weight:820}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions .base-button:last-child:not(:disabled){color:#fffdf9;border-color:var(--bb-focus-jade);background:var(--bb-focus-jade)}.app-shell--studio-theme .building-blocks-page--focus .building-block-xp-float{top:-10px;right:10px}@media (width>=860px){.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use .building-block-option-list{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.app-shell--studio-theme .building-blocks-page--focus{width:100%;min-height:100svh;padding:18px 18px 26px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell{grid-template-columns:42px minmax(0,1fr) 42px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button{width:42px;height:42px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell h1{font-size:21px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{gap:18px;padding-top:28px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots{gap:17px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots button{width:16px;height:16px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress p{font-size:24px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{margin-top:24px}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{gap:25px;margin-top:clamp(46px,8vh,76px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill{min-height:clamp(112px,17vh,160px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill strong{font-size:clamp(43px,12vw,64px);line-height:.9}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--mandarin strong{font-size:clamp(66px,19vw,92px);line-height:1}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel{gap:22px}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel header small{font-size:22px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list--rapid{gap:14px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{min-height:102px;padding:16px 44px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option strong{font-size:clamp(37px,11vw,52px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--literal strong{font-size:clamp(25px,7vw,34px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-status{width:16px;height:16px;top:17px;right:17px}.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options{margin-top:28px;font-size:16px}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions--choice{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:22px;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions--choice{grid-template-columns:1fr}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions .base-button{min-width:0;min-height:42px;padding-inline:8px;font-size:12px}}@media (width<=430px){.app-shell--studio-theme .building-blocks-page--focus{padding-inline:16px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots{gap:13px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots button{width:14px;height:14px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{justify-content:space-between}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch{width:158px}.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle{padding-inline:10px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{min-height:92px;padding-inline:38px}}.app-shell--studio-theme .building-blocks-page--focus{width:min(760px,100%);padding-top:clamp(30px,4.8vh,52px);padding-bottom:clamp(32px,5vh,54px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{gap:clamp(18px,2.8vh,28px);padding-top:clamp(32px,6vh,70px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{justify-items:center;gap:clamp(25px,4.2vh,40px);width:100%;max-width:700px;margin:clamp(42px,7vh,74px) auto 0;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card,.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill,.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel{width:100%;max-width:700px;box-shadow:none!important;background:0 0!important;border:0!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill{min-height:0;padding:0!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill strong{color:var(--bb-focus-jade);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(60px,8.2vw,94px);line-height:.94}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{max-width:min(13ch,100%)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list--rapid{gap:16px;width:min(620px,100%)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-status{display:none!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--color-tile{min-height:112px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--color-tile .building-block-color-tile{border-radius:8px;width:min(210px,82%);height:70px;margin:0;box-shadow:inset 0 0 0 1px #1014191f,0 8px 20px #1014190f;display:block!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options{margin-top:clamp(10px,2.5vh,26px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin{justify-items:center;gap:6px;margin-top:-6px;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin button{color:#004e45ad;cursor:pointer;min-height:32px;font:inherit;background:#ffffff6b;border:1px solid #004e451f;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:11.5px;font-weight:780;display:inline-flex}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin button:hover:not(:disabled),.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin button:focus-visible{color:var(--bb-focus-jade);background:#004e450f;border-color:#004e453d;outline:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin button:disabled{cursor:wait;opacity:.6}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin p{max-width:min(520px,100%);color:var(--bb-focus-coral);text-align:center;margin:0;font-size:12px;font-weight:650;line-height:1.35}@media (width<=720px){.app-shell--studio-theme .building-blocks-page--focus{width:100%;min-height:100svh;padding:16px 18px max(24px, env(safe-area-inset-bottom))}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{gap:16px;padding-top:clamp(26px,6vh,48px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{margin-top:20px}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{gap:20px;margin-top:clamp(32px,6vh,52px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill strong{font-size:clamp(44px,15vw,70px);line-height:.92}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--mandarin strong{font-size:clamp(66px,20vw,94px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel{gap:16px}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel header small{font-size:20px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list--rapid{gap:11px;width:100%}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{min-height:82px;padding:12px 22px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option strong{font-size:clamp(35px,11vw,48px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--literal strong{font-size:clamp(22px,7vw,31px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--color-tile{min-height:84px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--color-tile .building-block-color-tile{width:min(220px,90%);height:54px}.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options{margin-top:12px}}@media (width<=430px){.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell{grid-template-columns:36px minmax(0,1fr) 36px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button{width:36px;height:36px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell h1{font-size:19px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots{gap:10px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots button{width:13px;height:13px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress p{font-size:22px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{justify-content:center;gap:7px}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch{width:146px}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch button,.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle{min-height:32px;font-size:11px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{min-height:78px;padding-inline:18px}}.app-shell--studio-theme:has(.building-blocks-page--focus) .quick-add-card-trigger{display:none!important}:is(.app-shell--studio-theme:has(.building-blocks-page--focus) .app-workspace,.app-shell--studio-theme:has(.building-blocks-page--focus) .app-main){height:100svh;min-height:0;overflow:hidden}.app-shell--studio-theme .building-blocks-page--focus{overscroll-behavior:contain;scrollbar-gutter:stable;height:100svh;min-height:0;padding:clamp(12px, 2svh, 28px) clamp(18px, 4vw, 42px) max(clamp(10px, 1.8svh, 24px), env(safe-area-inset-bottom));align-content:start;overflow:hidden auto}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell{min-height:clamp(34px,5svh,48px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button{width:clamp(34px,5svh,48px);height:clamp(34px,5svh,48px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell h1{font-size:clamp(19px,3.1svh,30px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{text-align:center;gap:clamp(9px,1.9svh,18px);width:100%;padding-top:clamp(14px,3.6svh,40px);justify-items:center!important;display:grid!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots{gap:clamp(10px,1.6svh,17px);width:fit-content;max-width:100%;margin-inline:auto;justify-content:center!important;display:flex!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress p{font-size:clamp(20px,3.1svh,26px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{margin-top:clamp(10px,2.4svh,26px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch{width:clamp(148px,21svh,172px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{gap:clamp(15px,2.8svh,28px);margin-top:clamp(22px,4.4svh,48px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill strong{font-size:clamp(44px,7.1svh,76px);line-height:.92}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--mandarin strong{font-size:clamp(58px,9svh,98px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel header small{font-size:clamp(18px,2.7svh,24px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{min-height:clamp(60px,8.3svh,92px);padding:clamp(9px,1.6svh,16px) clamp(18px,4vw,32px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--literal strong{font-size:clamp(20px,3.8svh,34px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options{min-height:clamp(31px,4.4svh,42px);margin-top:clamp(4px,1.4svh,14px);font-size:clamp(14px,2.3svh,18px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin button{min-height:clamp(28px,3.7svh,32px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions--choice{z-index:5;background:linear-gradient(#fffdf900,#fffdf9 34%);width:min(620px,100%);margin-top:clamp(8px,1.8svh,18px);padding:clamp(8px,1.5svh,12px) 0 0;position:sticky;bottom:0}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions .base-button{min-height:clamp(38px,5svh,44px)}@media (height<=760px) and (width>=721px){.app-shell--studio-theme .building-blocks-page--focus{width:min(680px,100%)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{padding-top:12px}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{margin-top:18px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list--rapid{width:min(560px,100%)}}@media (width<=720px){.app-shell--studio-theme .building-blocks-page--focus{padding:14px clamp(16px, 4vw, 22px) max(12px, env(safe-area-inset-bottom))}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{padding-top:clamp(18px,4.2svh,34px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{margin-top:clamp(22px,4.2svh,38px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill strong{font-size:clamp(42px,8.5svh,68px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--mandarin strong{font-size:clamp(56px,11svh,88px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{min-height:clamp(66px,8.6svh,82px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option strong{font-size:clamp(34px,6.2svh,48px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--color-tile .building-block-color-tile{height:clamp(44px,6.6svh,54px)}}@media (width<=430px),(height<=700px){.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{gap:8px;padding-top:14px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots{gap:8px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{margin-top:12px}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid{gap:12px;margin-top:18px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list--rapid{gap:8px}.app-shell--studio-theme .building-blocks-page--focus .building-block-hear-options{margin-top:4px}}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--correct,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--correct:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--correct:focus-visible{background:#eef7f4e0!important;border-color:#004e4561!important;box-shadow:0 10px 24px #004e4512!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--incorrect,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--incorrect:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--incorrect:focus-visible{background:#fff4f0e6!important;border-color:#e3634961!important;box-shadow:0 10px 24px #e3634911!important}@media (width>=721px) and (hover:hover) and (pointer:fine){.app-shell--studio-theme .building-blocks-page--focus .building-block-option:not(.building-block-option--correct):not(.building-block-option--incorrect):hover{background:linear-gradient(#fffffff0,#f2f9f6e0),#fff;border-color:#004e454d;transform:translateY(-1px);box-shadow:0 14px 30px #004e4517,inset 0 0 0 1px #004e450a}.app-shell--studio-theme .building-blocks-page--focus .building-block-option:not(.building-block-option--correct):not(.building-block-option--incorrect):hover strong{color:#003f39}}@media (width>=721px){.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use{justify-items:center}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-cue-card,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-choice-panel,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-result,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-save-message{justify-self:center;width:min(700px,100%)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use .building-block-audio-admin,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-studio__actions{justify-self:center;width:min(620px,100%);margin-left:auto;margin-right:auto}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-drill-basic-grid{justify-items:center;gap:clamp(12px,2svh,20px);width:100%;max-width:min(620px,100%);margin:clamp(18px,3.6svh,36px) auto 0;grid-template-columns:minmax(0,1fr)!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-cue-card--drill{min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-cue-target{gap:clamp(5px,1svh,10px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-cue-card--drill strong{font-size:clamp(42px,7.2svh,72px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-cue-card--mandarin strong{font-size:clamp(58px,9svh,94px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-choice-panel{gap:clamp(10px,1.8svh,18px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-option-list--rapid{gap:clamp(8px,1.25svh,13px);width:min(620px,100%)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-option{min-height:clamp(58px,7.4svh,82px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions--choice{background:0 0;padding-top:0;position:static}}@media (width>=721px) and (height<=900px){.app-shell--studio-theme .building-blocks-page--focus{width:min(660px,100%);padding-top:clamp(10px,1.8svh,18px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{gap:clamp(7px,1.4svh,13px);padding-top:clamp(8px,2svh,20px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{margin-top:clamp(8px,1.8svh,18px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel header small{font-size:clamp(17px,2.3svh,22px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions,.app-shell--studio-theme .building-blocks-page--focus .building-block-studio__actions--choice{margin-top:clamp(8px,1.6svh,14px)}}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress{text-align:center;gap:clamp(4px,.8svh,7px);padding-top:clamp(10px,2.2svh,18px);justify-items:center!important;display:grid!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-progress p{color:#4f5f6d;font-size:clamp(15px,2svh,18px);font-weight:620}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots{flex-wrap:wrap;gap:clamp(7px,1.05svh,10px);width:min(620px,100%);margin-inline:auto;justify-content:center!important;display:flex!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-dots button{width:clamp(11px,1.55svh,14px);height:clamp(11px,1.55svh,14px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-controls{gap:7px;margin-top:clamp(12px,2.2svh,22px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch{background:#004e450b;width:clamp(144px,20svh,166px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch button,.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle{min-height:clamp(31px,4svh,35px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-mode-switch__button--active{color:var(--bb-focus-jade)!important;background:#004e451a!important;box-shadow:inset 0 0 0 1px #004e450d!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-pinyin-toggle{color:#004e4594;background:#ffffff70}.app-shell--studio-theme .building-blocks-page--focus .building-block-drill-basic-grid,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-drill-basic-grid{gap:clamp(13px,2.1svh,24px);margin-top:clamp(16px,3svh,32px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong,.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--drill .building-block-cue-card--drill:not(.building-block-cue-card--mandarin) strong{max-width:100%;color:var(--bb-focus-ink);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;white-space:nowrap;font-size:clamp(30px,8.8vw,56px);line-height:.96}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--prompt{gap:clamp(8px,1.2svh,11px);margin-top:clamp(8px,1.6svh,14px);display:grid;background:linear-gradient(#ffffffe6,#ebf6f2a8),#ffffff94!important;border:1px solid #004e451f!important;border-radius:8px!important;width:min(620px,100%)!important;max-width:min(620px,100%)!important;padding:clamp(12px,1.9svh,16px) clamp(16px,3vw,22px)!important;box-shadow:0 8px 22px #141f2609,inset 0 1px #ffffffb8!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card__topline{justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;display:flex}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card__topline>span{color:#13171b94;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:930;line-height:1}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card__body{gap:4px;min-width:0;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--prompt strong{color:#101419;font-size:clamp(27px,4.5svh,34px);line-height:1.16}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-card--prompt small{color:#101419a8;font-weight:650}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-save{color:#004e45a8;cursor:pointer;min-height:29px;font:inherit;letter-spacing:0;background:#ffffff80;border:1px solid #004e4521;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:820;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-save span{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:0!important;text-transform:none!important;line-height:1!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-save:hover:not(:disabled),.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-save:focus-visible{color:var(--bb-focus-jade);background:#004e450f;border-color:#004e4542;outline:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-save:disabled{cursor:wait;opacity:.62}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-choice-panel{margin-top:clamp(7px,1.25svh,11px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel{gap:clamp(10px,1.65svh,15px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-choice-panel header small{color:#586474;font-size:clamp(18px,2.55svh,21px);font-weight:560}.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list,.app-shell--studio-theme .building-blocks-page--focus .building-block-option-list--rapid{gap:clamp(8px,1.35svh,11px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{background:linear-gradient(#ffffffdb,#fffefac2),#ffffffb8;min-height:clamp(70px,9svh,88px);padding:clamp(10px,1.55svh,14px) clamp(18px,5vw,28px);box-shadow:0 6px 16px #141f2609,inset 0 1px #ffffffb3}.app-shell--studio-theme .building-blocks-page--focus .building-block-option strong{font-size:clamp(33px,5.7svh,45px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use .building-block-option strong{font-size:clamp(29px,4.7svh,38px);line-height:1.08}.app-shell--studio-theme .building-blocks-page--focus .building-block-option small{color:#1014199e;font-size:clamp(13px,1.9svh,15px);font-weight:760}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin{margin-top:-2px}.app-shell--studio-theme .building-blocks-page--focus .building-block-audio-admin button{color:#004e4585;background:0 0;border-color:#0000;min-height:30px}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-studio__actions{grid-template-columns:minmax(78px,.84fr) minmax(92px,1fr) minmax(104px,1.24fr)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-studio__actions .base-button:nth-child(2){color:#004e458f;background:#ffffff75;border-color:#004e451c}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use>.building-block-studio__actions .base-button:nth-child(2):not(:disabled){color:var(--bb-focus-jade);background:#004e4512}@media (width<=720px){.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell{grid-template-columns:38px minmax(0,1fr) 38px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button{width:38px;height:38px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button svg{width:24px;height:24px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option strong{font-size:clamp(28px,5.2svh,39px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-practice-card--use .building-block-option strong{font-size:clamp(25px,4.4svh,33px);line-height:1.1}}@media (width<=380px){.app-shell--studio-theme .building-blocks-page--focus .building-block-cue-save span{display:none}}.app-shell--studio-theme:has(.pinyin-page--focus){background:#fffdf9;display:block}:is(.app-shell--studio-theme:has(.pinyin-page--focus) .ink-atmosphere,.app-shell--studio-theme:has(.pinyin-page--focus) .app-sidebar,.app-shell--studio-theme:has(.pinyin-page--focus) .mobile-brandbar,.app-shell--studio-theme:has(.pinyin-page--focus) .mobile-nav,.app-shell--studio-theme:has(.pinyin-page--focus) .background-audio-player,.app-shell--studio-theme:has(.pinyin-page--focus) .quick-add-card-trigger){display:none!important}:is(.app-shell--studio-theme:has(.pinyin-page--focus) .app-workspace,.app-shell--studio-theme:has(.pinyin-page--focus) .app-main){background:#fffdf9;height:100svh;min-height:0;overflow:hidden}.app-shell--studio-theme:has(.pinyin-page--focus) .app-workspace:before{display:none}.app-shell--studio-theme:has(.pinyin-page--focus) .app-main{width:100%;padding:0;display:block}.app-shell--studio-theme .pinyin-page--focus{--fs-focus-ink:#101419;--fs-focus-muted:#5f6f7e;--fs-focus-faint:#aebdba;--fs-focus-line:#004e4526;--fs-focus-line-strong:#004e4547;--fs-focus-jade:#004e45;--fs-focus-jade-soft:#004e4513;--fs-focus-coral:#e36349;--fs-focus-pinyin:#6d221a;width:min(760px,100%);height:100svh;min-height:0;padding:clamp(12px, 2svh, 28px) clamp(18px, 4vw, 42px) max(clamp(16px, 2.2svh, 30px), env(safe-area-inset-bottom));overscroll-behavior:contain;color:var(--fs-focus-ink);scrollbar-gutter:stable;background:#fffdf9;align-content:start;justify-items:center;gap:0;margin:0 auto;display:grid;overflow:hidden auto}.app-shell--studio-theme .pinyin-page--focus>*{width:100%;max-width:700px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell{grid-template-columns:clamp(34px,5svh,48px) minmax(0,1fr) clamp(34px,5svh,48px);align-items:center;gap:12px;min-height:clamp(34px,5svh,48px);display:grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell h1{min-width:0;color:var(--fs-focus-jade);font-family:var(--font-sans);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(19px,3.1svh,30px);font-weight:880;line-height:1.1;overflow:hidden}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-icon-button{width:clamp(34px,5svh,48px);height:clamp(34px,5svh,48px);color:var(--fs-focus-jade);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;text-decoration:none;transition:background-color .16s,color .16s,opacity .16s;display:grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-header-spacer{width:clamp(34px,5svh,48px);height:clamp(34px,5svh,48px);display:block}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-icon-button:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-icon-button:focus-visible{color:#fffdf9;background:var(--fs-focus-jade);outline:none}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-icon-button:disabled{cursor:default;opacity:.38}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots{flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.6svh,17px);width:fit-content;max-width:100%;margin-inline:auto;display:flex}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots button{border:2px solid var(--fs-focus-faint);cursor:pointer;background:0 0;border-radius:50%;width:clamp(12px,1.8svh,17px);height:clamp(12px,1.8svh,17px);padding:0;transition:border-color .16s,background-color .16s,box-shadow .16s}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots button:hover,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots button:focus-visible{border-color:var(--fs-focus-jade);outline:none}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dot--done{background:#004e452e!important;border-color:#004e4547!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dot--active{box-shadow:0 0 0 4px #004e4514;border-color:var(--fs-focus-jade)!important;background:var(--fs-focus-jade)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress p{color:#536171;letter-spacing:0;justify-items:center;gap:6px;margin:0;font-size:clamp(20px,3.1svh,26px);font-weight:480;line-height:1;display:grid}.app-shell--studio-theme .pinyin-page--focus .foundation-lesson-topline,.app-shell--studio-theme .pinyin-page--focus .foundation-progress,.app-shell--studio-theme .pinyin-page--focus .foundation-actions,.app-shell--studio-theme .pinyin-page--focus .mobile-sound-pager{display:none!important}.app-shell--studio-theme .pinyin-page--focus .foundation-lesson,.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane,.app-shell--studio-theme .pinyin-page--focus .lesson-exercise-pane,.app-shell--studio-theme .pinyin-page--focus .lesson-retrieval-pane{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.app-shell--studio-theme .pinyin-page--focus .foundation-lesson,.app-shell--studio-theme .pinyin-page--focus .foundation-lesson>*,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell>*{position:static}.app-shell--studio-theme .pinyin-page--focus .foundation-lesson{justify-items:center;gap:0;min-height:0;margin:0;display:grid;overflow:visible;padding:0!important}.app-shell--studio-theme .pinyin-page--focus .foundation-lesson:before,.app-shell--studio-theme .pinyin-page--focus .foundation-lesson:after,.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane:before,.app-shell--studio-theme .pinyin-page--focus .lesson-exercise-pane:before,.app-shell--studio-theme .pinyin-page--focus .lesson-retrieval-pane:before{display:none!important}.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--recognition,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--retrieval{justify-items:center;gap:clamp(14px,2.5svh,24px);width:100%;margin:clamp(22px,4.4svh,48px) auto 0;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane{text-align:center;align-content:center;justify-items:center;gap:clamp(6px,1.1svh,11px);width:100%;min-height:clamp(170px,28svh,282px);display:grid;container-type:inline-size;padding:0!important}.app-shell--studio-theme .pinyin-page--focus .phrase-sound-ribbon{width:auto;max-width:min(100%,520px);min-height:32px;box-shadow:none;text-align:center;background:#004e4509;border:1px solid #004e451a;border-radius:8px;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:7px;padding:4px 10px;display:inline-grid}.app-shell--studio-theme .pinyin-page--focus .phrase-sound-ribbon span,.app-shell--studio-theme .pinyin-page--focus .phrase-sound-ribbon small{color:#10141985;letter-spacing:0;text-transform:none;font-size:11px;font-weight:760;line-height:1.15}.app-shell--studio-theme .pinyin-page--focus .phrase-sound-ribbon strong{color:var(--fs-focus-jade);font-family:var(--font-sans);letter-spacing:0;font-size:14px;font-weight:900;line-height:1}.app-shell--studio-theme .pinyin-page--focus .phrase-helper{color:#536171bd;letter-spacing:0;text-transform:none;margin:clamp(4px,1svh,10px) 0 0;font-size:13px;font-weight:650;line-height:1.25}.app-shell--studio-theme .pinyin-page--focus .phrase-pinyin{max-width:min(100%,680px);color:var(--fs-focus-ink);font-family:var(--font-serif);text-align:center;text-wrap:balance;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;margin:0;font-size:clamp(42px,8.4svh,78px);font-weight:860;line-height:.96;overflow:visible}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(35px,6.5svh,58px);line-height:1.02}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(28px,5.1svh,44px);line-height:1.08}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(23px,4.1svh,34px);line-height:1.14}.app-shell--studio-theme .pinyin-page--focus .phrase-hanzi{max-width:100%;margin:0;display:block;overflow:visible}.app-shell--studio-theme .pinyin-page--focus .phrase-hanzi span{max-width:100%;color:var(--fs-focus-jade);font-family:var(--font-hanzi);text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word;font-size:clamp(30px,5.6svh,54px);font-weight:540;line-height:1.08;display:block}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--long .phrase-hanzi span,.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--xlong .phrase-hanzi span{font-size:clamp(26px,4.7svh,43px)}.app-shell--studio-theme .pinyin-page--focus .phrase-meaning{color:#536171d6;text-align:center;max-width:min(33rem,100%);margin:0;font-size:15px;font-weight:560;line-height:1.35}.app-shell--studio-theme .pinyin-page--focus .lesson-exercise-pane{justify-items:center;width:100%;min-height:0;display:grid;padding:0!important}.app-shell--studio-theme .pinyin-page--focus .stage-action-panel{width:min(620px,100%);box-shadow:none;background:0 0;border:0;justify-items:center;gap:clamp(8px,1.6svh,13px);padding:0;display:grid}.app-shell--studio-theme .pinyin-page--focus .stage-button-row--audio{flex-wrap:wrap;justify-content:center;gap:8px;width:min(520px,100%);display:flex}.app-shell--studio-theme .pinyin-page--focus .stage-button-row--audio>*{min-width:0}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button,.app-shell--studio-theme .pinyin-page--focus .stage-generate-audio-button,.app-shell--studio-theme .pinyin-page--focus .stage-delete-audio-button,.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row .base-button,.app-shell--studio-theme .pinyin-page--focus .retrieval-next-action{min-height:clamp(38px,5svh,44px);box-shadow:none;border-radius:8px}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button{min-width:116px;color:var(--fs-focus-jade);cursor:pointer;font:inherit;background:#ffffff8a;border:1px solid #004e4521;flex:0 auto;justify-content:center;align-items:center;gap:8px;padding:0 14px;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:inline-flex}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button span{color:inherit;font-family:var(--font-hanzi);font-size:19px;font-weight:580;line-height:1}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button strong{color:inherit;letter-spacing:0;white-space:nowrap;font-size:12.5px;font-weight:880;line-height:1}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button--primary{color:#fffdf9;border-color:var(--fs-focus-jade);background:var(--fs-focus-jade);min-width:142px}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .stage-audio-button:focus-visible{border-color:var(--fs-focus-line-strong);background:#004e4512;outline:none;transform:translateY(-1px)}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button--primary:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .stage-audio-button--primary:focus-visible{color:#fffdf9;background:#003f39}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button:disabled{cursor:default;opacity:.42}.app-shell--studio-theme .pinyin-page--focus .stage-generate-audio-button,.app-shell--studio-theme .pinyin-page--focus .stage-delete-audio-button{color:#004e45b8;background:#ffffff75;border-color:#004e451f;width:auto;min-height:32px;padding-inline:10px;font-size:11.5px;font-weight:780}.app-shell--studio-theme .pinyin-page--focus .stage-admin-tools{width:min(360px,100%);box-shadow:none;background:#ffffff6b;border:1px solid #004e451a;border-radius:8px;overflow:hidden;display:block!important}.app-shell--studio-theme .pinyin-page--focus .stage-admin-tools summary{color:#004e45b3;min-height:32px;font-size:11.5px;font-weight:800}.app-shell--studio-theme .pinyin-page--focus .stage-audio-status{max-width:min(520px,100%);color:var(--fs-focus-coral);text-align:center;margin:0;font-size:12px;font-weight:650;line-height:1.35}.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row{width:min(320px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px;padding:0;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row .base-button{white-space:nowrap;min-width:0;padding-inline:12px;font-size:12.5px;font-weight:880}.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row .base-button:first-child{color:#004e45a8;background:#ffffff70;border-color:#004e451a}.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row .base-button:first-child:before,.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row .base-button:last-child:after{content:none!important}.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row .base-button:last-child{color:#fffdf9;border-color:var(--fs-focus-jade);background:var(--fs-focus-jade)}.app-shell--studio-theme .pinyin-page--focus .shadow-practice-strip--direct{width:min(420px,100%);box-shadow:none;background:#ffffff6b;border:1px solid #004e451a;border-radius:8px;padding:6px;display:grid}.app-shell--studio-theme .pinyin-page--focus .shadow-practice-body{gap:7px;padding:0}.app-shell--studio-theme .pinyin-page--focus .shadow-record-button{border-radius:8px;min-height:38px}.app-shell--studio-theme .pinyin-page--focus .lesson-retrieval-pane{text-align:center;justify-items:center;gap:clamp(12px,2svh,18px);width:100%;display:grid;padding:0!important}.app-shell--studio-theme .pinyin-page--focus .lesson-retrieval-pane .recognition-panel-head{justify-items:center;gap:6px;display:grid}.app-shell--studio-theme .pinyin-page--focus .lesson-retrieval-pane h3{color:var(--fs-focus-jade);margin:0;font-size:clamp(24px,4svh,34px);font-weight:880;line-height:1.08}.app-shell--studio-theme .pinyin-page--focus .lesson-retrieval-pane>p{color:#536171d1;max-width:min(32rem,100%);margin:0;font-size:16px;font-weight:560;line-height:1.35}.app-shell--studio-theme .pinyin-page--focus .recognition-xp{font-size:12px;font-weight:900}.app-shell--studio-theme .pinyin-page--focus .recognition-token-row--retrieval{grid-template-columns:minmax(0,1fr);gap:clamp(8px,1.45svh,14px);width:min(620px,100%);display:grid}.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval{border:1px solid var(--fs-focus-line);min-height:clamp(60px,8.3svh,92px);color:var(--fs-focus-jade);background:#ffffffa3;border-radius:8px;place-items:center;padding:clamp(9px,1.6svh,16px) clamp(18px,4vw,32px);transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 7px 20px #141f260b}.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval strong{color:var(--fs-focus-jade);font-family:var(--font-sans);text-align:center;font-size:clamp(27px,5.4svh,46px);font-weight:880;line-height:1.05}.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval:focus-visible{background:linear-gradient(#fffffff0,#f2f9f6e0),#fff;border-color:#004e454d;outline:none;transform:translateY(-1px);box-shadow:0 14px 30px #004e4517,inset 0 0 0 1px #004e450a}.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval.sound-token--selected,.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval.sound-token--selected:hover,.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval.sound-token--selected:focus-visible{background:#eef7f4e0;border-color:#004e4561;box-shadow:0 10px 24px #004e4512}.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval.sound-token--soft,.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval.sound-token--soft:hover,.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval.sound-token--soft:focus-visible{background:#fff4f0e6;border-color:#e3634961;box-shadow:0 10px 24px #e3634911}.app-shell--studio-theme .pinyin-page--focus .retrieval-next-action{color:#fffdf9;border-color:var(--fs-focus-jade);background:var(--fs-focus-jade);min-width:142px}.app-shell--studio-theme .pinyin-page--focus .phrase-explanation,.app-shell--studio-theme .pinyin-page--focus .lesson-path-picker,.app-shell--studio-theme .pinyin-page--focus .sound-atlas{width:min(700px,100%);box-shadow:none;background:#ffffff7a;border:1px solid #004e451a;border-radius:8px;margin-top:clamp(12px,2.2svh,20px)}.app-shell--studio-theme .pinyin-page--focus .phrase-explanation{margin-top:clamp(20px,4svh,34px)}.app-shell--studio-theme .pinyin-page--focus .phrase-explanation:before,.app-shell--studio-theme .pinyin-page--focus .lesson-path-picker:before,.app-shell--studio-theme .pinyin-page--focus .sound-atlas:before{display:none}.app-shell--studio-theme .pinyin-page--focus .phrase-explanation-toggle,.app-shell--studio-theme .pinyin-page--focus .sound-atlas summary{min-height:48px;padding:10px 14px}.app-shell--studio-theme .pinyin-page--focus .lesson-path-picker{grid-template-columns:minmax(126px,.36fr) minmax(0,1fr);align-items:center;min-height:58px;padding:10px 12px}.app-shell--studio-theme .pinyin-page--focus .lesson-path-picker select{width:100%}.app-shell--studio-theme .pinyin-page--focus .sound-atlas-grid--ambient{max-height:240px;overflow:auto}@media (height<=760px) and (width>=721px){.app-shell--studio-theme .pinyin-page--focus{width:min(680px,100%)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{padding-top:12px}.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--recognition,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--retrieval{gap:12px;margin-top:18px}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane{min-height:clamp(140px,24svh,210px)}.app-shell--studio-theme .pinyin-page--focus .phrase-pinyin{font-size:clamp(36px,7.2svh,62px)}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(31px,5.8svh,48px)}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(25px,4.6svh,38px)}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(21px,3.7svh,30px)}.app-shell--studio-theme .pinyin-page--focus .phrase-hanzi span{font-size:clamp(27px,4.9svh,44px)}}@media (width<=720px){.app-shell--studio-theme .pinyin-page--focus{width:100%;padding:16px 18px max(22px, env(safe-area-inset-bottom))}.app-shell--studio-theme .pinyin-page--focus>*{max-width:100%}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell{grid-template-columns:38px minmax(0,1fr) 38px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-icon-button{width:38px;height:38px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell h1{font-size:21px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{gap:14px;padding-top:26px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots{gap:12px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots button{width:14px;height:14px}.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--recognition,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--retrieval{gap:18px;margin-top:30px}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane{min-height:clamp(180px,27svh,240px)}.app-shell--studio-theme .pinyin-page--focus .phrase-sound-ribbon{grid-template-columns:auto auto}.app-shell--studio-theme .pinyin-page--focus .phrase-sound-ribbon small{grid-column:1/-1}.app-shell--studio-theme .pinyin-page--focus .phrase-pinyin{font-size:clamp(38px,8svh,62px);line-height:.98}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(31px,6.2svh,46px)}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(25px,4.8svh,35px)}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(20px,3.8svh,28px)}.app-shell--studio-theme .pinyin-page--focus .phrase-hanzi span{font-size:clamp(29px,5.4svh,45px)}.app-shell--studio-theme .pinyin-page--focus .stage-button-row--audio{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-shell--studio-theme .pinyin-page--focus .stage-button-row--audio .stage-audio-button--primary,.app-shell--studio-theme .pinyin-page--focus .stage-button-row--audio .stage-generate-audio-button{grid-column:1/-1}.app-shell--studio-theme .pinyin-page--focus .stage-audio-button{width:100%;min-width:0}.app-shell--studio-theme .pinyin-page--focus .stage-path-action-row{width:100%;max-width:360px}.app-shell--studio-theme .pinyin-page--focus .recognition-token-row--retrieval{width:100%}.app-shell--studio-theme .pinyin-page--focus .sound-token--retrieval strong{font-size:clamp(27px,6svh,42px)}.app-shell--studio-theme .pinyin-page--focus .lesson-path-picker{grid-template-columns:minmax(0,1fr);gap:9px}}@media (width<=430px),(height<=700px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{gap:9px;padding-top:14px}.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--immersion,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--recognition,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--retrieval{gap:12px;margin-top:18px}.app-shell--studio-theme .pinyin-page--focus .lesson-phrase-pane{min-height:clamp(142px,24svh,198px)}.app-shell--studio-theme .pinyin-page--focus .phrase-helper,.app-shell--studio-theme .pinyin-page--focus .phrase-meaning{font-size:12.5px}.app-shell--studio-theme .pinyin-page--focus .stage-action-panel{gap:8px}}.app-shell--studio-theme:has(.pinyin-page--focus) .app-main{place-items:start center;display:grid!important}.app-shell--studio-theme .page-stack.pinyin-page--guided.pinyin-page--focus{width:min(840px,100%)!important;max-width:none!important;padding:clamp(14px, 2.2svh, 30px) clamp(20px, 4.2vw, 48px) max(clamp(24px, 3svh, 42px), env(safe-area-inset-bottom))!important;margin-inline:auto!important}.app-shell--studio-theme .page-stack.pinyin-page--guided.pinyin-page--focus>*{width:100%;max-width:720px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress,.app-shell--studio-theme .pinyin-page--focus .first-sounds-practice,.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack{justify-self:center}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{padding-top:clamp(22px,4.6svh,54px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--immersion.first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--recognition.first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell--retrieval.first-sounds-stage-shell{align-items:start;max-width:720px;grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;gap:0!important;width:100%!important;margin:clamp(38px,6.6svh,78px) auto 0!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-immersion-stage{grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(20px,3.2svh,32px);width:100%;display:grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{text-align:center;align-content:center;justify-items:center;gap:clamp(8px,1.45svh,14px);container-type:inline-size;width:min(700px,100%)!important;min-height:clamp(248px,38svh,380px)!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px 8px;max-width:min(100%,28rem);min-height:0;width:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;display:inline-flex!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon span{color:#53617194;letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;font-weight:900;line-height:1}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon strong{color:var(--fs-focus-jade);font-family:var(--font-sans);letter-spacing:0;font-size:15px;font-weight:930;line-height:1}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon small{color:#536171a8;letter-spacing:0;font-size:12px;font-weight:720;line-height:1}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-helper{color:#536171b8;text-align:center;order:2;max-width:min(32rem,100%);margin:clamp(6px,1.1svh,12px) 0 0;font-size:14px;font-weight:670;line-height:1.35}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{max-width:min(100%,15ch);color:var(--fs-focus-ink);font-family:var(--font-serif);text-align:center;text-wrap:balance;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;order:3;margin:0;font-size:clamp(52px,11cqw,86px);font-weight:860;line-height:.94}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-hanzi{order:4;width:100%;margin:0}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-hanzi span{color:var(--fs-focus-jade);font-family:var(--font-hanzi);text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word;font-size:clamp(38px,7.5cqw,60px);font-weight:540;line-height:1.05}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--long .phrase-hanzi span,.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--xlong .phrase-hanzi span{font-size:clamp(30px,5.8cqw,48px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-meaning{color:#536171c7;order:5;max-width:min(28rem,100%);margin:0;font-size:14px;font-weight:610;line-height:1.35}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage.lesson-exercise-pane{justify-items:center;width:min(430px,100%)!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-action-panel{justify-items:center;gap:10px;width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio{gap:8px;grid-template-columns:minmax(0,1fr)!important;width:100%!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact){grid-template-columns:minmax(0,1fr) minmax(112px,.36fr)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-generate-audio-button{grid-column:1/-1}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button{border-radius:8px;justify-content:center;width:100%;min-height:44px;display:inline-flex;min-width:0!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button span{border-radius:50%;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:inline-grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--primary span{color:#fffdf9;background:0 0}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--compact span{color:var(--fs-focus-jade);background:#004e451a}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-strip--direct,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-status{max-width:430px;width:100%!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools{background:#ffffff61;border-radius:8px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-strip--direct{background:0 0;border:0;padding:0}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-body{padding:0}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-row{justify-items:center;gap:8px;display:grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-record-button{border-radius:8px;width:auto;min-width:128px;min-height:36px;padding-inline:14px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-retrieval-stage.lesson-retrieval-pane{align-content:center;gap:clamp(16px,2.6svh,26px);min-height:clamp(320px,50svh,520px);width:min(620px,100%)!important;padding:0!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack{gap:12px;width:100%;margin-top:clamp(28px,4.8svh,52px);display:grid;max-width:700px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack>.phrase-explanation,.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack>.lesson-path-picker,.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack>.sound-atlas{border-radius:8px;width:100%!important;box-shadow:none!important;margin:0!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack .phrase-explanation-toggle,.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack .sound-atlas summary{min-height:56px}@media (height<=780px) and (width>=721px){.app-shell--studio-theme .page-stack.pinyin-page--guided.pinyin-page--focus{width:min(760px,100%)!important;padding-top:clamp(10px,1.6svh,18px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{padding-top:clamp(12px,2.5svh,24px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{margin-top:clamp(18px,3.6svh,34px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{min-height:clamp(210px,34svh,290px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-immersion-stage{gap:clamp(14px,2.4svh,22px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack{margin-top:clamp(18px,3.4svh,32px)}}@media (width<=720px){.app-shell--studio-theme .page-stack.pinyin-page--guided.pinyin-page--focus{width:100%!important;padding:16px 18px max(24px, env(safe-area-inset-bottom))!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{padding-top:24px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{margin-top:34px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{min-height:clamp(250px,36svh,320px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{font-size:clamp(46px,15cqw,72px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(36px,10.6cqw,56px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(28px,7.4cqw,40px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(22px,5.5cqw,30px)}:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact)){grid-template-columns:minmax(0,1fr)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack{margin-top:28px}}@media (width<=430px),(height<=700px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{margin-top:20px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{min-height:clamp(204px,32svh,270px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-immersion-stage{gap:14px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack{margin-top:20px}}.app-shell--studio-theme .page-stack.pinyin-page--guided.pinyin-page--focus{width:min(760px,100%)!important;padding-top:clamp(12px,2svh,28px)!important;padding-bottom:max(clamp(24px, 3svh, 44px), env(safe-area-inset-bottom))!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell{max-width:760px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell h1{font-size:clamp(19px,3.1svh,30px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{gap:clamp(9px,1.9svh,18px);max-width:760px;padding-top:clamp(14px,3.6svh,40px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots{gap:clamp(10px,1.6svh,17px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-practice,.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .first-sounds-immersion-stage,.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage.lesson-exercise-pane{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-practice{max-width:760px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;width:100%!important;max-width:700px!important;margin:clamp(34px,6.2svh,70px) auto 0!important;padding:0!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-immersion-stage{gap:clamp(18px,3.2svh,30px);grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;width:100%!important;max-width:700px!important;padding:0!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-immersion-stage>*{grid-column:1/-1!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{gap:clamp(7px,1.35svh,13px);width:100%!important;min-height:clamp(210px,31svh,320px)!important;padding:0!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon{flex-wrap:wrap;justify-content:center;gap:5px 8px;max-width:min(100%,32rem);margin:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:inline-flex!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon span{color:#53617194;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:920}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon strong{color:var(--fs-focus-jade);font-family:var(--font-sans);font-size:15px;font-weight:930}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon small{color:#536171a3;font-size:12px;font-weight:720}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-helper{color:#536171c2;max-width:min(32rem,100%);margin:clamp(4px,1svh,10px) 0 0;font-size:clamp(15px,2.1svh,19px);font-weight:520;line-height:1.25}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{max-width:min(100%,15ch);color:var(--fs-focus-ink);font-family:var(--font-serif);text-align:center;text-wrap:balance;font-size:clamp(54px,8.2svh,90px);font-weight:860;line-height:.94}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--medium .phrase-pinyin{max-width:min(100%,21ch);font-size:clamp(43px,6.8svh,70px);line-height:1}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--long .phrase-pinyin{max-width:min(100%,30ch);font-size:clamp(33px,5.2svh,52px);line-height:1.08}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--xlong .phrase-pinyin{max-width:min(100%,42ch);font-size:clamp(25px,4.1svh,38px);line-height:1.14}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-hanzi span{color:var(--fs-focus-jade);font-size:clamp(39px,6svh,62px);line-height:1.05}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-meaning{color:#536171c7;font-size:15px;font-weight:560}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage.lesson-exercise-pane{width:min(620px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-action-panel{gap:clamp(8px,1.45svh,14px);width:min(620px,100%)!important}:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact)){flex-wrap:wrap;justify-content:center;gap:8px;width:min(360px,100%)!important;display:flex!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-generate-audio-button{flex-basis:100%}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button{flex:1 1 0;min-height:clamp(38px,5svh,44px);width:auto!important;min-width:126px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--primary{min-width:150px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools{width:min(360px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row{margin-top:0;width:min(320px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-strip--direct{width:min(320px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-record-button{min-width:0}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack{margin-top:clamp(28px,5svh,52px);width:min(700px,100%)!important;max-width:700px!important}@media (height<=780px) and (width>=721px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{margin-top:clamp(20px,4svh,42px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{min-height:clamp(170px,28svh,250px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{font-size:clamp(44px,7.3svh,72px)}}@media (width<=720px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{margin-top:clamp(30px,6svh,52px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{min-height:clamp(210px,32svh,300px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-helper{font-size:14px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{font-size:clamp(44px,8.6svh,70px)}:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact),.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-strip--direct){max-width:380px;width:100%!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio{grid-template-columns:minmax(0,1fr)!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button{width:100%!important;min-width:0!important}}.app-shell--studio-theme .pinyin-page--focus .first-sounds-secondary-stack{display:none!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-action-panel{gap:9px!important;padding-bottom:clamp(12px,3svh,28px)!important}:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact)){background:#004e4509;border:1px solid #004e451a;border-radius:8px;order:1;gap:4px;padding:4px;grid-template-columns:minmax(0,1fr) minmax(92px,.46fr)!important;width:min(330px,100%)!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:not(:has(.stage-audio-button--compact)){grid-template-columns:minmax(0,1fr)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button{box-shadow:none;background:0 0;border-color:#0000;border-radius:6px;min-height:38px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--primary{color:#fffdf9;background:var(--fs-focus-jade)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--compact span{width:22px;height:22px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button:focus-visible{background:#004e4514;transform:none}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-generate-audio-button{border-radius:6px;grid-column:1/-1;min-height:32px;font-size:11.5px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools{background:#ffffff57;border-color:#004e4517;order:2;width:min(330px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools summary{color:#004e4594;min-height:30px;font-size:11px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row{order:3;gap:10px;margin-top:4px;width:min(350px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row .base-button{border-radius:8px;min-height:44px;font-size:13px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row .base-button:first-child{background:#ffffff6b}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row .base-button:last-child{box-shadow:0 12px 26px #004e4524}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row{flex-wrap:wrap;order:4;justify-content:center;align-items:center;gap:8px;width:min(350px,100%);margin-top:2px;display:flex}.app-shell--studio-theme .pinyin-page--focus .first-sounds-sound-atlas-link,.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-button,.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-record-button{color:#004e45a8;cursor:pointer;min-width:0;min-height:32px;font:inherit;background:0 0;border:1px solid #004e4517;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:11.5px;font-weight:780;line-height:1;text-decoration:none;display:inline-flex}.app-shell--studio-theme .pinyin-page--focus .first-sounds-sound-atlas-link span{color:#004e45c7;background:#004e4513;border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;font-weight:920;line-height:1;display:inline-grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-sound-atlas-link:hover,.app-shell--studio-theme .pinyin-page--focus .first-sounds-sound-atlas-link:focus-visible,.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-button:hover,.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-button:focus-visible,.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-button[aria-expanded=true],.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-record-button:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-record-button:focus-visible,.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-record-button.active{color:var(--fs-focus-jade);background:#004e450e;border-color:#004e452e;outline:none}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-practice-strip--direct{padding:0;width:auto!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-practice-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-panel{color:#536171d1;text-align:left;background:#ffffff75;border:1px solid #004e451a;border-radius:8px;order:5;width:min(430px,100%);margin-top:2px;padding:10px 12px;font-size:12.5px;font-weight:560;line-height:1.4}.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-panel p{margin:0}.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-panel button{color:var(--fs-focus-jade);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:8px;font-size:12px;font-weight:820}@media (width<=720px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row,.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row,.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-panel{width:min(380px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact){width:min(380px,100%)!important}:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact)){grid-template-columns:minmax(0,1fr) minmax(86px,.4fr)!important}}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic{grid-template-columns:32px minmax(0,auto) 32px;justify-content:center;align-items:center;gap:clamp(4px,1vw,10px);min-width:0;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic h1{min-width:0;max-width:min(44vw,520px);padding-inline:2px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron{color:#004e45b8;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;transition:background-color .16s,color .16s,opacity .16s,transform .16s;display:grid}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron:hover:not(:disabled),.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron:focus-visible{color:var(--bb-focus-jade);background:#004e450f;outline:none}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron--previous:hover:not(:disabled),.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron--previous:focus-visible{transform:translate(-1px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron--next:hover:not(:disabled),.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron--next:focus-visible{transform:translate(1px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron:disabled{cursor:default;opacity:.18}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-next-enter-active,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-next-leave-active,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-previous-enter-active,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-previous-leave-active{transition:opacity .17s,transform .17s}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-next-enter-from{opacity:0;transform:translate(12px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-next-leave-to,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-previous-enter-from{opacity:0;transform:translate(-12px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-previous-leave-to{opacity:0;transform:translate(12px)}@media (width<=640px){.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic{grid-template-columns:28px minmax(0,auto) 28px;gap:2px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic h1{max-width:58vw}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-next-enter-active,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-next-leave-active,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-previous-enter-active,.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic .building-block-topic-slide-previous-leave-active{transition:none}}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{font-family:var(--font-sans), "Noto Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:0;font-weight:880}:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact)){background:linear-gradient(#fffef9c7,#e2e9e438),#004e4506;border-color:#004e451c;border-radius:999px;gap:5px;padding:5px;box-shadow:inset 0 1px #fffef9d1,0 8px 22px #24201b06;grid-template-columns:minmax(0,1fr) minmax(88px,.42fr)!important;width:min(360px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button{color:#004e45c7;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:999px;min-height:38px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button span{color:#004e45bd;background:#004e4513;width:24px;height:24px;font-size:14px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button strong{color:currentColor;font-size:12.5px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--primary{color:var(--fs-focus-jade);background:#fffef9b8;border-color:#004e451a}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--compact{color:#317169c7;background:#3171690b}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button:focus-visible{color:var(--fs-focus-jade);background:#004e4511;border-color:#004e4529;outline:none;transform:none}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--primary:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-audio-button--primary:focus-visible{color:var(--fs-focus-jade);background:#004e4513}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-admin-tools{border-radius:999px;width:min(360px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row{width:min(430px,100%);margin-top:4px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-practice-strip--direct{max-width:100%}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:auto;display:flex}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-row{display:contents}.app-shell--studio-theme .pinyin-page--focus .first-sounds-sound-atlas-link,.app-shell--studio-theme .pinyin-page--focus .first-sounds-explain-button,.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-record-button{border-radius:999px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview{background:linear-gradient(#fffef9c7,#e2e9e42e),#fffef95c;border-radius:999px;grid-template-columns:minmax(0,auto) auto 30px;align-items:center;gap:7px;width:auto;max-width:100%;padding:5px 6px;display:inline-grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .community-audio-player{max-width:min(220px,46vw)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .community-audio-label{max-width:110px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .shadow-share-button{color:#fffdf9;background:#4a1713eb;border-color:#0000;border-radius:999px;min-height:30px;padding-inline:11px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .shadow-share-button:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .shadow-share-button:focus-visible{background:#4a1713fa}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .shadow-audio-remove-button{background:0 0}@media (width<=560px){:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio:has(.stage-audio-button--compact)){grid-template-columns:minmax(0,1fr) minmax(82px,.4fr)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview{grid-template-columns:minmax(0,auto) 30px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .shadow-share-button{grid-column:1/-1;justify-self:center}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .community-audio-player{max-width:min(250px,72vw)}}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio{align-items:stretch;overflow:hidden;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio-split{grid-template-columns:minmax(0,1fr) minmax(92px,.42fr)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button--primary,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button--compact{width:100%!important;min-width:0!important;max-width:none!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button{justify-content:center;padding-inline:clamp(8px,2vw,14px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button--compact{grid-template-columns:24px minmax(0,auto)}@media (width<=560px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio{width:min(300px,100% - 56px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio-split{grid-template-columns:minmax(0,1fr) minmax(82px,.42fr)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button{padding-inline:8px;min-height:38px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button span{width:22px;height:22px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row--audio .stage-audio-button strong{font-size:12px}}@media (width<=640px){.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-shell{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:4px!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-icon-button{width:34px!important;height:34px!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic{width:100%;grid-template-columns:22px minmax(0,1fr) 22px!important;gap:1px!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic h1{max-width:100%;font-size:clamp(15px,4.8vw,21px)!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron{width:22px;height:28px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron svg{width:15px;height:15px}}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic{grid-template-columns:32px minmax(0,auto) 32px;justify-content:center;align-items:center;gap:clamp(4px,1vw,10px);min-width:0;display:grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic h1{min-width:0;max-width:min(44vw,520px);padding-inline:2px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron{color:#004e45b8;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;transition:background-color .16s,color .16s,opacity .16s,transform .16s;display:grid}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron:focus-visible{color:var(--fs-focus-jade);background:#004e450f;outline:none}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron--previous:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron--previous:focus-visible{transform:translate(-1px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron--next:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron--next:focus-visible{transform:translate(1px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron:disabled{cursor:default;opacity:.18}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-next-enter-active,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-next-leave-active,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-previous-enter-active,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-previous-leave-active{transition:opacity .17s,transform .17s}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-next-enter-from{opacity:0;transform:translate(12px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-next-leave-to,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-previous-enter-from{opacity:0;transform:translate(-12px)}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-previous-leave-to{opacity:0;transform:translate(12px)}@media (width<=640px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-shell{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:4px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-icon-button,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-header-spacer{width:34px!important;height:34px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic{width:100%;grid-template-columns:22px minmax(0,1fr) 22px!important;gap:1px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic h1{max-width:100%;font-size:clamp(15px,4.8vw,21px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron{width:22px;height:28px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron svg{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-next-enter-active,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-next-leave-active,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-previous-enter-active,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic .first-sounds-topic-slide-previous-leave-active{transition:none}}@media (width<=560px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row{margin-top:8px;padding-top:2px}}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic{touch-action:pan-y;justify-self:center;max-width:100%;grid-template-columns:auto minmax(0,auto) auto!important;gap:clamp(1px,.45vw,5px)!important;width:fit-content!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic h1,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic h1{max-width:min(52vw,520px)}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron{width:24px;height:30px}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron svg,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron svg{width:15px;height:15px}@media (width<=640px){.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic{max-width:100%;grid-template-columns:auto minmax(0,auto) auto!important;gap:1px!important;width:fit-content!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic h1,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic h1{max-width:calc(100vw - 142px);font-size:clamp(15px,4.8vw,21px)!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-focus-topic-chevron,.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-topic-chevron{width:20px;height:28px}}:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row.stage-button-row--audio.stage-button-row--audio-split,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row.stage-button-row--audio.stage-button-row--audio-split:has(.stage-audio-button--compact)){grid-template-columns:minmax(0,1fr) minmax(92px,.42fr)!important;width:min(360px,100%)!important;max-width:360px!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row.stage-button-row--audio.stage-button-row--audio-split>.stage-audio-button{grid-column:auto!important;min-width:0!important}@media (width<=560px){:is(.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row.stage-button-row--audio.stage-button-row--audio-split,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-button-row.stage-button-row--audio.stage-button-row--audio-split:has(.stage-audio-button--compact)){grid-template-columns:minmax(0,1fr) minmax(82px,.42fr)!important;width:min(300px,100% - 56px)!important;max-width:300px!important}}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{text-align:center;justify-items:center!important;gap:clamp(4px,.8svh,7px)!important;padding-top:clamp(10px,2.2svh,18px)!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots{flex-wrap:wrap;margin-inline:auto;justify-content:center!important;gap:clamp(7px,1.05svh,10px)!important;width:min(620px,100%)!important;display:flex!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-dots button{width:clamp(11px,1.55svh,14px)!important;height:clamp(11px,1.55svh,14px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress p{color:#4f5f6d;justify-items:center;gap:6px;font-weight:620;line-height:1.05;display:grid;font-size:clamp(15px,2svh,18px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress p small{color:var(--fs-focus-jade);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:840;line-height:1}.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{max-width:660px!important;margin-top:clamp(18px,3.2svh,34px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-immersion-stage{gap:clamp(13px,2.1svh,24px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{background:linear-gradient(#ffffffe6,#ebf6f2a8),#ffffff94!important;border:1px solid #004e451f!important;border-radius:8px!important;gap:clamp(7px,1.25svh,12px)!important;width:min(620px,100%)!important;min-height:clamp(190px,29svh,280px)!important;padding:clamp(14px,2.2svh,18px) clamp(16px,3vw,24px)!important;box-shadow:0 8px 22px #141f2609,inset 0 1px #ffffffb8!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-sound-ribbon{gap:4px 7px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-helper{color:#4f5f6dbd;font-weight:580;margin-top:0!important;font-size:clamp(14px,1.85svh,17px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{max-width:min(100%,16ch);line-height:.98;font-size:clamp(42px,7.2svh,74px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--medium .phrase-pinyin{max-width:min(100%,21ch);line-height:1.02;font-size:clamp(36px,5.8svh,58px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--long .phrase-pinyin{max-width:min(100%,30ch);line-height:1.08;font-size:clamp(28px,4.6svh,44px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--xlong .phrase-pinyin{max-width:min(100%,42ch);line-height:1.14;font-size:clamp(22px,3.6svh,34px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-hanzi span{font-size:clamp(34px,5.2svh,52px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-action-panel{gap:clamp(8px,1.4svh,12px)!important;padding-bottom:clamp(10px,2svh,22px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row{width:min(360px,100%)!important}@media (width<=720px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{padding-top:clamp(18px,4.4svh,26px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{margin-top:clamp(22px,4.8svh,34px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{min-height:clamp(186px,29svh,246px)!important;padding:clamp(14px,3.3svh,18px) clamp(16px,5vw,22px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage .phrase-pinyin{font-size:clamp(38px,8svh,58px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--medium .phrase-pinyin{font-size:clamp(31px,6.5svh,46px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--long .phrase-pinyin{font-size:clamp(24px,5.2svh,34px)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane--xlong .phrase-pinyin{font-size:clamp(19px,4.2svh,27px)!important}}@media (width<=430px),(height<=700px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-focus-progress{padding-top:14px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-stage-shell,.app-shell--studio-theme .pinyin-page--focus .lesson-stage-shell.first-sounds-stage-shell{margin-top:18px!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-phrase-stage.lesson-phrase-pane{min-height:clamp(170px,27svh,218px)!important}}.app-shell--studio-theme .conversations-page{gap:14px}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal{background:#fffef9bd;border-color:#004e451a;align-items:center;gap:14px;min-height:0;box-shadow:0 10px 28px #1e1b1609,inset 0 1px #ffffffb8;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy feature"!important;padding:16px!important;display:grid!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal:before,.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal:after{display:none}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy{align-content:center;align-items:center;gap:12px;min-width:0;grid-template:"mark heading"/46px minmax(0,1fr)!important;display:grid!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-mark{background:#e8f4f0b8;border-color:#004e4521;width:46px;height:46px;font-size:28px;grid-area:auto!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-heading{gap:3px;min-width:0;display:grid;grid-area:heading!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy h2{max-width:none;margin:0;font-size:clamp(31px,3.8vw,46px);line-height:.98}.app-shell--studio-theme .conversations-page .conversation-hub-start{min-height:42px;color:var(--studio-jade-dark);background:#e8f4f0c2;border:1px solid #004e4524;border-radius:8px;grid-area:feature;grid-template-columns:auto auto;align-items:center;gap:8px 10px;padding:6px 7px 6px 13px;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s;display:grid;box-shadow:inset 0 1px #ffffffb8}.app-shell--studio-theme .conversations-page .conversation-hub-start:after{color:#fffefa;content:">";background:var(--studio-jade-dark);border-radius:999px;place-items:center;width:28px;height:28px;font-size:16px;font-weight:520;line-height:1;display:grid}.app-shell--studio-theme .conversations-page .conversation-hub-start span{color:#004e459e;text-transform:uppercase;grid-column:1;font-size:10.5px;font-weight:900;line-height:1}.app-shell--studio-theme .conversations-page .conversation-hub-start strong{color:currentColor;white-space:nowrap;grid-column:1;font-size:13px;font-weight:920;line-height:1}.app-shell--studio-theme .conversations-page .conversation-hub-start:hover,.app-shell--studio-theme .conversations-page .conversation-hub-start:focus-visible{color:#fffefa;background:var(--studio-jade-dark);border-color:#0000;outline:none}.app-shell--studio-theme .conversations-page .conversation-hub-start:hover:after,.app-shell--studio-theme .conversations-page .conversation-hub-start:focus-visible:after{color:var(--studio-jade-dark);background:#fffefa}.app-shell--studio-theme .conversations-page .conversation-hub-start:hover span,.app-shell--studio-theme .conversations-page .conversation-hub-start:focus-visible span{color:#fffefab8}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:nth-child(2){background:#fffef9bd;border-color:#004e451a;grid-template:"meta copy action"/40px minmax(0,1fr) auto;grid-column:auto;align-items:center;gap:12px;min-height:78px;padding:13px 14px;display:grid;box-shadow:0 8px 22px #1e1b1608,inset 0 1px #ffffffc2}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:before{background:var(--topic-accent);width:3px;height:auto;inset:0 auto 0 0}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__meta{grid-area:meta;align-self:center}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__meta span{border-radius:8px;width:38px;height:38px}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__copy{grid-area:copy;gap:0;min-width:0}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{color:var(--studio-ink);margin:0;font-size:clamp(20px,2vw,25px);line-height:1.06}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions{grid-area:action;justify-content:end;align-items:center;gap:0;width:auto;min-width:0;margin:0;padding:0;display:flex}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions span{color:#4f5f6dc2;white-space:nowrap;font-size:11.5px;font-weight:820}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions strong{white-space:nowrap;min-height:34px;margin:0}@media (width<=920px){.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy""feature"!important}.app-shell--studio-theme .conversations-page .conversation-hub-start{justify-self:start}}@media (width<=560px){.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal{padding:12px!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy{gap:10px;grid-template-columns:42px minmax(0,1fr)!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-mark{width:42px;height:42px;font-size:26px}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy h2{font-size:30px}.app-shell--studio-theme .conversations-page .conversation-hub-start{grid-template-columns:minmax(0,1fr) auto;justify-self:stretch;width:100%}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:nth-child(2){grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"meta copy action";gap:9px 10px;padding:12px}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__meta span{width:36px;height:36px}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{font-size:20px}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions{justify-content:end;width:auto}}.app-shell--studio-theme .conversations-page{gap:16px;width:min(1180px,100%);padding-bottom:clamp(28px,4vw,56px)}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal{background:linear-gradient(135deg,#fffef9fa,#ecf6f29e),#fffefa;border:1px solid #004e451a;border-radius:8px;align-items:center;gap:clamp(14px,2vw,22px);min-height:112px;position:relative;overflow:hidden;box-shadow:0 18px 42px #1e1b160e,inset 0 1px #ffffffc7;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy feature"!important;padding:clamp(18px,2vw,24px)!important;display:grid!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal:before{content:"";background:linear-gradient(90deg,#0b5e55,#d96d54,#c79a3e,#3a6f8c);border-radius:0 0 999px 999px;height:3px;display:block;position:absolute;inset:0 18px auto}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal:after{display:none}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy{align-items:center;gap:14px;grid-template-columns:54px minmax(0,1fr)!important;grid-template-areas:"mark heading"!important;display:grid!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-mark{color:#064e46;background:linear-gradient(#f4fbf8f5,#e2f1ecb8),#e9f5f1;border-color:#004e4524;width:54px;height:54px;font-size:32px;box-shadow:inset 0 1px #ffffffe0}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-heading{align-self:center;gap:4px}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-heading .eyebrow,.app-shell--studio-theme .conversations-page .conversation-topic-section__head .eyebrow{color:#064e46;letter-spacing:.04em;font-size:11px}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy h2{font-size:clamp(38px,4.8vw,58px);line-height:.92}.app-shell--studio-theme .conversations-page .conversation-hub-start{background:linear-gradient(#f0faf7f5,#ddf1ebbd),#e9f5f1;border-color:#004e4529;grid-template-columns:minmax(0,1fr) 34px;grid-template-areas:"label icon""title icon";gap:5px 11px;min-width:188px;min-height:54px;padding:8px 9px 8px 13px}.app-shell--studio-theme .conversations-page .conversation-hub-start:after{content:none!important;display:none!important}.app-shell--studio-theme .conversations-page .conversation-hub-start .conversation-hub-start__label{color:#004e459e;text-transform:uppercase;grid-area:label;font-size:10.5px;font-weight:920;line-height:1}.app-shell--studio-theme .conversations-page .conversation-hub-start strong{color:#064e46;grid-area:title;font-size:13.5px;font-weight:940}.app-shell--studio-theme .conversations-page .conversation-hub-start .conversation-hub-start__icon{color:#fffefa;background:#064e46;border-radius:999px;grid-area:icon;place-items:center;width:34px;height:34px;transition:color .16s,background-color .16s;display:grid}.app-shell--studio-theme .conversations-page .conversation-hub-start:hover .conversation-hub-start__label,.app-shell--studio-theme .conversations-page .conversation-hub-start:focus-visible .conversation-hub-start__label{color:#fffefabd}.app-shell--studio-theme .conversations-page .conversation-hub-start:hover strong,.app-shell--studio-theme .conversations-page .conversation-hub-start:focus-visible strong{color:#fffefa}.app-shell--studio-theme .conversations-page .conversation-hub-start:hover .conversation-hub-start__icon,.app-shell--studio-theme .conversations-page .conversation-hub-start:focus-visible .conversation-hub-start__icon{color:#064e46;background:#fffefa}.app-shell--studio-theme .conversations-page .conversation-topic-section{gap:0;display:grid}.app-shell--studio-theme .conversations-page .conversation-topic-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))!important;display:grid!important}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:nth-child(2){border-color:color-mix(in srgb, var(--topic-accent) 18%, #11182714);background:linear-gradient(180deg, #fffef9f5, #fffef9c2), color-mix(in srgb, var(--topic-accent) 8%, #fffefa);border-radius:8px;grid-template:"meta action""copy copy"minmax(0,1fr)/auto auto;align-content:space-between;align-items:start;gap:18px 12px;min-height:132px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #1e1b160b,inset 0 1px #ffffffc7}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:before{content:"";background:var(--topic-accent);width:auto;height:3px;position:absolute;inset:0 0 auto}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:hover,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:focus-visible{border-color:color-mix(in srgb, var(--topic-accent) 34%, #11182714);outline:none;transform:translateY(-2px);box-shadow:0 18px 38px #1e1b1612,inset 0 1px #ffffffdb}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__meta{grid-area:meta}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__meta span{border-color:color-mix(in srgb, var(--topic-accent) 24%, #11182714);width:40px;height:40px;color:var(--topic-accent);background:color-mix(in srgb, var(--topic-accent) 10%, #fffefa);font-size:12px;font-weight:940}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__copy{grid-area:copy;align-self:end}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{text-wrap:balance;max-width:12.5ch;font-size:clamp(22px,2.15vw,27px);line-height:1.02}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions{grid-area:action;justify-self:end}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions .conversation-card-action-icon{border:1px solid color-mix(in srgb, var(--topic-accent) 34%, transparent);width:36px;height:36px;color:var(--topic-accent);background:#fffef9b3;border-radius:999px;place-items:center;transition:color .16s,background-color .16s,border-color .16s;display:grid;box-shadow:inset 0 1px #ffffffd1}.app-shell--studio-theme .conversations-page .conversation-topic-card:hover .conversation-card-action-icon,.app-shell--studio-theme .conversations-page .conversation-topic-card:focus-visible .conversation-card-action-icon{color:#fffefa;background:var(--topic-accent);border-color:#0000}@media (width<=1100px){.app-shell--studio-theme .conversations-page .conversation-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=720px){.app-shell--studio-theme .conversations-page{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));gap:12px}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal{gap:12px;min-height:0;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy""feature"!important;padding:12px!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal:before{inset-inline:12px}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy{gap:11px;grid-template-columns:44px minmax(0,1fr)!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-mark{width:44px;height:44px;font-size:27px}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy h2{font-size:clamp(28px,8vw,34px);line-height:1}.app-shell--studio-theme .conversations-page .conversation-hub-start{justify-self:stretch;width:100%}.app-shell--studio-theme .conversations-page .conversation-topic-grid{gap:10px;grid-template-columns:minmax(0,1fr)!important}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:nth-child(2){grid-template:"meta copy action"/38px minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:74px;padding:12px}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:before{width:3px;height:auto;inset:0 auto 0 0}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__meta span{width:36px;height:36px;font-size:11.5px}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{max-width:none;font-size:clamp(19px,5.5vw,22px);line-height:1.05}.app-shell--studio-theme .conversations-page .conversation-card-action-icon{width:36px;height:36px}}@media (width>=721px){.app-shell--studio-theme .conversations-page{gap:14px;width:min(1130px,100%)}.app-shell--studio-theme .conversations-page .conversation-hub-hero.conversation-hub-hero--minimal{min-height:104px;padding:18px 20px!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy{gap:13px;grid-template-columns:50px minmax(0,1fr)!important}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-mark{width:50px;height:50px;font-size:30px}.app-shell--studio-theme .conversations-page .conversation-hub-hero--minimal .conversation-hub-hero__copy h2{font-size:clamp(42px,4.1vw,54px);line-height:.96}.app-shell--studio-theme .conversations-page .conversation-hub-start{min-width:174px;min-height:50px}.app-shell--studio-theme .conversations-page .conversation-topic-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:nth-child(2){grid-template:"meta copy action"/40px minmax(0,1fr) 36px;align-items:center;gap:13px;min-height:86px;padding:14px}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:before{width:3px;height:auto;inset:0 auto 0 0}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__meta span{width:38px;height:38px}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__copy{align-self:center}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{text-wrap:normal;white-space:nowrap;max-width:none;font-size:clamp(20px,1.42vw,22px);line-height:1.06}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions{place-self:center end}}@media (width>=721px) and (width<=1100px){.app-shell--studio-theme .conversations-page .conversation-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{font-size:clamp(20px,2vw,23px)}}@media (width>=721px){.app-shell--studio-theme .conversations-page .conversation-topic-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:first-child,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal:nth-child(2){grid-template-columns:38px minmax(0,1fr) 36px;gap:12px;min-height:88px;padding:14px}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-topic-card__copy{min-width:0}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--compact,.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{overflow-wrap:normal;text-wrap:balance;white-space:normal;max-width:none;font-size:clamp(19px,1.32vw,21.5px);line-height:1.06}.app-shell--studio-theme .conversations-page .conversation-topic-card.conversation-topic-card--minimal h3.conversation-title-fit--tight{font-size:clamp(18px,1.2vw,20.5px)}.app-shell--studio-theme .conversations-page .conversation-topic-card--minimal .conversation-card-actions{min-width:36px}}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus{--conversation-reader-ink:#15191f;--conversation-reader-muted:#626b67;--conversation-reader-line:#13171b1a;--conversation-reader-paper:#fffefa;--conversation-reader-mist:#edf6f3;--conversation-reader-jade:#075f55;--conversation-reader-coral:#d96d54;--conversation-reader-blue:#315b72;background:linear-gradient(135deg, #fffefafa, #edf6f38f), var(--conversation-reader-paper);border-color:#075f551f;border-radius:8px;width:min(900px,100%);margin-inline:auto;overflow:hidden;box-shadow:0 24px 62px #1e1b1613,inset 0 1px #ffffffdb}.app-shell--studio-theme .conversations-page .conversation-reader--focus:before{opacity:0}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus{border-bottom:0;grid-template-columns:minmax(0,1fr) 50px;align-items:center;gap:16px;padding:clamp(24px,3vw,36px) clamp(18px,3.2vw,38px) 16px;display:grid;overflow:visible}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus:before{background:linear-gradient(90deg, var(--conversation-reader-jade), var(--conversation-reader-coral), var(--conversation-reader-blue));height:3px;inset:0 24px auto}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus:after{display:none}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero__copy{gap:7px;max-width:none}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero__copy .eyebrow{color:var(--conversation-reader-jade)}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3{max-width:16ch;color:var(--conversation-reader-ink);letter-spacing:0;text-wrap:balance;font-size:clamp(42px,5.4vw,64px);font-weight:940;line-height:.96}.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button{width:50px;height:50px;color:var(--conversation-reader-jade);background:linear-gradient(180deg, #fffefaf5, #edf6f3b8), var(--conversation-reader-paper);border:1px solid #075f5529;border-radius:999px;place-items:center;transition:border-color .16s,box-shadow .16s,color .16s,background-color .16s,transform .16s;display:grid;box-shadow:0 10px 22px #075f5512,inset 0 1px #ffffffe0}.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button:hover:not(:disabled),.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button:focus-visible,.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button--active{color:#fffefa;background:var(--conversation-reader-jade);border-color:#0000;outline:none;transform:translateY(-1px);box-shadow:0 14px 28px #075f5526,inset 0 1px #ffffff29}.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus{align-items:center;gap:8px;padding:0 clamp(18px,3.2vw,38px) 18px;display:flex}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch{background:#fffefaa3;border-color:#075f551f;min-height:38px;font-size:12.5px;font-weight:900}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch input:checked+span{color:var(--conversation-reader-jade)}.app-shell--studio-theme .conversations-page .conversation-audio-xp{color:var(--conversation-reader-jade);margin-left:auto;font-size:12px;font-weight:900}.app-shell--studio-theme .conversations-page .conversation-lines-panel.conversation-lines-panel--focus{box-shadow:none;background:0 0;border:0;padding:0 clamp(18px,3.2vw,38px) 20px}.app-shell--studio-theme .conversations-page .conversation-lines--focus{gap:10px;display:grid}.app-shell--studio-theme .conversations-page .conversation-line-shell.conversation-line-shell--focus{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.app-shell--studio-theme .conversations-page .conversation-line-shell--focus .conversation-line-audio-error{grid-column:1/-1;margin:0}.app-shell--studio-theme .conversations-page .conversation-line.conversation-line--focus{width:100%;min-height:92px;color:inherit;text-align:left;background:linear-gradient(#fffefaf5,#faf8f2b8),#fffefac7;border:1px solid #13171b17;border-radius:8px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:13px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s,background-color .16s;display:grid;box-shadow:inset 0 1px #ffffffdb,0 9px 20px #1e1b1609}.app-shell--studio-theme .conversations-page .conversation-line.conversation-line--focus:hover:not(:disabled),.app-shell--studio-theme .conversations-page .conversation-line.conversation-line--focus:focus-visible,.app-shell--studio-theme .conversations-page .conversation-line-shell--active .conversation-line--focus{background:linear-gradient(180deg, #fffefafa, #edf6f39e), var(--conversation-reader-paper);border-color:#075f5538;outline:none;transform:translateY(-1px);box-shadow:0 14px 30px #1e1b1611,inset 0 1px #ffffffe6}.app-shell--studio-theme .conversations-page .conversation-line.conversation-line--focus:disabled{cursor:not-allowed;opacity:.58;transform:none}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-speaker{border:1px solid color-mix(in srgb, var(--speaker-accent) 20%, #13171b0f);width:36px;height:36px;color:var(--speaker-accent);background:color-mix(in srgb, var(--speaker-accent) 10%, #fffefa);border-radius:999px;grid-row:auto;place-items:center;font-size:12px;font-weight:940;line-height:1;display:grid}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-copy{gap:4px;min-width:0;display:grid}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-copy strong{color:var(--conversation-reader-jade);font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:clamp(32px,4.1vw,44px);font-weight:650;line-height:1.08}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-copy em{color:#5e1f19cc;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:860;line-height:1.25}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-copy small{color:#15191f94;font-family:var(--font-sans);font-size:14px;font-weight:760;line-height:1.35}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-mode{width:38px;height:38px;color:var(--conversation-reader-jade);background:#edf6f39e;border:1px solid #075f5524;border-radius:999px;place-items:center;transition:color .16s,background-color .16s,border-color .16s;display:grid}.app-shell--studio-theme .conversations-page .conversation-line-shell--active .conversation-line-mode,.app-shell--studio-theme .conversations-page .conversation-line--focus:hover:not(:disabled) .conversation-line-mode,.app-shell--studio-theme .conversations-page .conversation-line--focus:focus-visible .conversation-line-mode{color:#fffefa;background:var(--conversation-reader-jade);border-color:#0000}.app-shell--studio-theme .conversations-page .conversation-line-srs-mark{color:inherit;font-size:22px;font-weight:900;line-height:1}.app-shell--studio-theme .conversations-page .conversation-line-redo-button{width:42px;min-height:100%;color:var(--conversation-reader-jade);background:#fffefab8;border:1px solid #075f5521;border-radius:8px;place-items:center;transition:border-color .16s,color .16s,background-color .16s;display:grid;box-shadow:inset 0 1px #ffffffd1}.app-shell--studio-theme .conversations-page .conversation-line-redo-button:hover:not(:disabled),.app-shell--studio-theme .conversations-page .conversation-line-redo-button:focus-visible{color:#fffefa;background:var(--conversation-reader-jade);border-color:#0000;outline:none}.app-shell--studio-theme .conversations-page .conversation-line-redo-button:disabled{cursor:not-allowed;opacity:.46}.app-shell--studio-theme .conversations-page .conversation-script-nav.conversation-script-nav--focus{justify-content:space-between;align-items:center;gap:12px;padding:2px clamp(18px,3.2vw,38px) clamp(20px,3vw,30px);display:flex}.app-shell--studio-theme .conversations-page .conversation-script-nav--focus .text-button{min-height:40px;color:var(--conversation-reader-jade);background:#fffefaad;border:1px solid #075f551f;border-radius:8px;padding-inline:14px;font-size:13px;font-weight:900}.app-shell--studio-theme .conversation-srs-sheet{border-radius:8px;width:min(420px,100vw - 28px)}.app-shell--studio-theme .conversation-srs-sheet .line-drawer-main{gap:7px}.app-shell--studio-theme .conversation-srs-sheet .line-drawer-main>span{color:var(--conversation-reader-jade,#075f55)}.app-shell--studio-theme .conversation-srs-sheet .line-drawer-main h3{font-size:clamp(34px,8vw,46px);line-height:1.08}.app-shell--studio-theme .conversation-srs-sheet .drawer-save-main{width:100%}@media (width<=720px){.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus{width:100%}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus{grid-template-columns:minmax(0,1fr) 46px;gap:12px;padding:20px 16px 13px}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus:before{inset-inline:16px}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3{font-size:clamp(36px,11vw,48px);line-height:.98}.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button{width:46px;height:46px}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus{padding:0 16px 14px}.app-shell--studio-theme .conversations-page .conversation-lines-panel.conversation-lines-panel--focus{padding:0 16px 16px}.app-shell--studio-theme .conversations-page .conversation-line-shell.conversation-line-shell--focus{grid-template-columns:minmax(0,1fr) 40px;gap:7px}.app-shell--studio-theme .conversations-page .conversation-line.conversation-line--focus{grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;min-height:82px;padding:12px}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-speaker{width:32px;height:32px;font-size:11px}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-copy strong{font-size:clamp(27px,8.8vw,38px)}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-copy em,.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-copy small{font-size:13px}.app-shell--studio-theme .conversations-page .conversation-line--focus .conversation-line-mode{width:34px;height:34px}.app-shell--studio-theme .conversations-page .conversation-line-redo-button{width:40px}.app-shell--studio-theme .conversations-page .conversation-script-nav.conversation-script-nav--focus{padding:0 16px 18px}}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus{width:min(780px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus{grid-template-columns:minmax(0,1fr) 48px;width:min(720px,100%);margin-inline:auto;padding:clamp(20px,4svh,34px) 0 10px}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus:before{inset:0 0 auto}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3{text-wrap:nowrap;white-space:nowrap;min-width:0;max-width:none;font-size:64px;line-height:.96;overflow:visible}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3.conversation-script-title--medium{font-size:56px}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3.conversation-script-title--long{font-size:48px}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3.conversation-script-title--xlong{font-size:42px}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus{width:min(720px,100%);margin-inline:auto;padding:0 0 clamp(14px,2.4svh,20px)}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch{background:0 0;border:0;min-height:42px;padding:0;display:block;position:relative}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch span{color:#24201bb8;background:#fffefaad;border:1px solid #126a5f1c;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:12.5px;font-weight:900;line-height:1;display:flex}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch span:before{display:none}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch input:focus-visible+span{border-color:#126a5f47;box-shadow:0 0 0 3px #126a5f17}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch input:checked+span{color:#fffefa;background:linear-gradient(#0e5b52fa,#084841fa),#075f55;border-color:#0c5e5638;box-shadow:0 9px 18px #126a5f21,inset 0 1px #ffffff29}.app-shell--studio-theme .conversations-page .conversation-reading-stage{width:min(720px,100%);margin-inline:auto;display:grid}.app-shell--studio-theme .conversations-page .conversation-readable-dialogue{background:linear-gradient(#fffefad1,#f2ebde2e),#fffefa5c;border:1px solid #126a5f1a;border-radius:8px;gap:clamp(18px,2.5svh,24px);padding:clamp(20px,3vw,30px);display:grid;box-shadow:inset 0 1px #ffffffb8,0 16px 36px #1e1b160b}.app-shell--studio-theme .conversations-page .conversation-readable-row{--speaker-accent:#075f55;--speaker-tint:#126a5f17;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.app-shell--studio-theme .conversations-page .conversation-readable-row.conversation-line-shell--speaker-2{--speaker-accent:#d96d54;--speaker-tint:#d96d541a}.app-shell--studio-theme .conversations-page .conversation-readable-row.conversation-line-shell--speaker-3{--speaker-accent:#315b72;--speaker-tint:#315b721a}.app-shell--studio-theme .conversations-page .conversation-readable-line{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:66px minmax(0,1fr) auto;align-items:start;gap:14px;padding:5px 7px;transition:background-color .16s,box-shadow .16s;display:grid}.app-shell--studio-theme .conversations-page .conversation-readable-line:hover:not(:disabled),.app-shell--studio-theme .conversations-page .conversation-readable-line:focus-visible,.app-shell--studio-theme .conversations-page .conversation-readable-row--active .conversation-readable-line{background:#edf6f3a3;outline:none;box-shadow:0 0 0 4px #edf6f357}.app-shell--studio-theme .conversations-page .conversation-readable-line:disabled{cursor:not-allowed;opacity:.56}.app-shell--studio-theme .conversations-page .conversation-readable-speaker{border:1px solid color-mix(in srgb, var(--speaker-accent) 22%, transparent);min-width:56px;height:25px;color:var(--speaker-accent);background:var(--speaker-tint);white-space:nowrap;border-radius:999px;place-items:center;margin-top:8px;padding:0 9px;font-size:11px;font-weight:930;line-height:1;display:inline-grid}.app-shell--studio-theme .conversations-page .conversation-readable-copy{gap:3px;min-width:0;display:grid}.app-shell--studio-theme .conversations-page .conversation-readable-hanzi{color:#15191f;font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:clamp(28px,4.1vw,38px);font-weight:560;line-height:1.26}.app-shell--studio-theme .conversations-page .conversation-readable-pinyin{color:#5e1f19c7;font-family:var(--font-sans);font-size:14px;font-weight:820;line-height:1.32}.app-shell--studio-theme .conversations-page .conversation-readable-meaning{color:#15191f8f;font-family:var(--font-sans);font-size:14px;font-weight:650;line-height:1.38}.app-shell--studio-theme .conversations-page .conversation-readable-srs-mark{color:#fffefa;background:#075f55;border-radius:999px;place-items:center;width:26px;height:26px;margin-top:7px;font-size:19px;font-weight:900;line-height:1;display:grid}.app-shell--studio-theme .conversations-page .conversation-line-redo-button{width:38px;min-height:38px;box-shadow:none;background:0 0;border-radius:999px;margin-top:4px}.app-shell--studio-theme .conversations-page .conversation-readable-row .conversation-line-audio-error{grid-column:1/-1;margin:-4px 0 0 47px}.app-shell--studio-theme .conversations-page .conversation-script-nav.conversation-script-nav--focus{width:min(720px,100%);margin-inline:auto;padding:clamp(16px,2.8svh,24px) 0 0}@media (width<=720px){.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus,.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus,.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus,.app-shell--studio-theme .conversations-page .conversation-reading-stage,.app-shell--studio-theme .conversations-page .conversation-script-nav.conversation-script-nav--focus{width:100%}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus{grid-template-columns:minmax(0,1fr) 44px;gap:10px;padding:16px 0 10px}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3{font-size:42px}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3.conversation-script-title--medium{font-size:36px}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3.conversation-script-title--long{font-size:31px}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3.conversation-script-title--xlong{font-size:25px}.app-shell--studio-theme .conversations-page .conversation-readable-dialogue{gap:16px;padding:17px 15px}.app-shell--studio-theme .conversations-page .conversation-readable-line{grid-template-columns:58px minmax(0,1fr) auto;gap:9px;padding:4px 1px}.app-shell--studio-theme .conversations-page .conversation-readable-speaker{min-width:52px;height:24px;margin-top:5px;padding-inline:7px;font-size:10px}.app-shell--studio-theme .conversations-page .conversation-readable-hanzi{font-size:clamp(27px,8.6vw,36px);line-height:1.24}.app-shell--studio-theme .conversations-page .conversation-readable-pinyin,.app-shell--studio-theme .conversations-page .conversation-readable-meaning{font-size:13px}.app-shell--studio-theme .conversations-page .conversation-line-redo-button{width:34px;min-height:34px}}.app-shell--studio-theme .conversation-srs-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c191657;place-items:center;padding:clamp(14px,3vw,30px)}.app-shell--studio-theme .conversation-srs-sheet.line-drawer{background:linear-gradient(135deg,#fffefafa,#edf6f3b8 56%,#fff6f0bd),#fffefa;border:1px solid #075f5521;border-radius:8px;gap:18px;width:min(720px,100vw - 28px);max-height:min(88svh,820px);padding:clamp(20px,3vw,30px);display:grid;overflow-y:auto;box-shadow:0 28px 80px #1c191638,inset 0 1px #ffffffdb}.app-shell--studio-theme .conversation-srs-sheet.line-drawer:before{display:none}.app-shell--studio-theme .conversation-srs-sheet .line-drawer-close{color:#342e279e;background:#fffefac7;border-color:#342e271a;width:36px;height:36px;font-size:22px;top:16px;right:16px}.app-shell--studio-theme .conversation-srs-sheet__head{align-items:center;min-height:24px;padding-right:42px;display:flex}.app-shell--studio-theme .conversation-srs-sheet__head span,.app-shell--studio-theme .conversation-srs-card-face>span,.app-shell--studio-theme .conversation-srs-vocab h4{color:#24201b9e;letter-spacing:0;font-size:12px;font-weight:850;line-height:1}.app-shell--studio-theme .conversation-srs-card-preview{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:12px;display:grid}.app-shell--studio-theme .conversation-srs-card-face{background:linear-gradient(#fffefae0,#edf6f361),#fffefaad;border:1px solid #075f551a;border-radius:8px;align-content:start;gap:10px;min-width:0;min-height:188px;padding:clamp(16px,2.4vw,22px);display:grid;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #1e1b1609}.app-shell--studio-theme .conversation-srs-card-face h3{color:#24201b;font-family:var(--font-hanzi);overflow-wrap:anywhere;margin:0;font-size:clamp(34px,5vw,52px);font-weight:560;line-height:1.12}.app-shell--studio-theme .conversation-srs-card-face--back{gap:9px}.app-shell--studio-theme .conversation-srs-card-face--back .drawer-pinyin{color:#5e1f19db;margin:0;font-size:15px;font-weight:900;line-height:1.36}.app-shell--studio-theme .conversation-srs-card-face--back p:not(.drawer-pinyin){color:#24201bc7;margin:0;font-size:15px;font-weight:620;line-height:1.48}.app-shell--studio-theme .conversation-srs-card-face--back small{color:#24201b8a;font-size:13px;line-height:1.42}.app-shell--studio-theme .conversation-srs-vocab{background:#fffefa94;border:1px solid #075f551a;border-radius:8px;gap:10px;padding:clamp(14px,2vw,18px);display:grid;box-shadow:inset 0 1px #ffffffc7}.app-shell--studio-theme .conversation-srs-vocab h4{color:#075f55d6;text-transform:uppercase;margin:0}.app-shell--studio-theme .conversation-srs-vocab ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.app-shell--studio-theme .conversation-srs-vocab li{border-top:1px solid #075f5514;flex-wrap:wrap;align-items:baseline;gap:4px 7px;padding-top:9px;display:flex}.app-shell--studio-theme .conversation-srs-vocab li:first-child{border-top:0;padding-top:0}.app-shell--studio-theme .conversation-srs-vocab li strong{color:#075f55;font-family:var(--font-hanzi);font-size:20px;font-weight:620;line-height:1.1}.app-shell--studio-theme .conversation-srs-vocab li span{color:#5e1f19c7;font-size:13px;font-weight:850}.app-shell--studio-theme .conversation-srs-vocab li em{color:#24201b80;font-size:13px;font-style:normal;font-weight:800}.app-shell--studio-theme .conversation-srs-vocab li small{color:#24201bad;margin:0;font-size:13.5px;font-weight:620;line-height:1.42}.app-shell--studio-theme .conversation-srs-sheet .drawer-save-main{border-radius:8px;justify-self:start;width:min(220px,100%);min-width:0;min-height:46px}.app-shell--studio-theme .conversation-srs-sheet .drawer-save-message{color:#075f55;margin:-4px 0 0;font-weight:850}@media (width<=720px){.app-shell--studio-theme .conversation-srs-sheet.line-drawer{border-radius:8px 8px 0 0;align-self:end;width:100%;max-height:min(88svh,760px)}.app-shell--studio-theme .conversation-srs-card-preview{grid-template-columns:minmax(0,1fr)}.app-shell--studio-theme .conversation-srs-card-face{min-height:0}.app-shell--studio-theme .conversation-srs-card-face h3{font-size:clamp(31px,9.2vw,42px)}.app-shell--studio-theme .conversation-srs-vocab li{gap:3px 6px}.app-shell--studio-theme .conversation-srs-sheet .drawer-save-main{width:100%}}.app-shell--studio-theme .conversation-srs-sheet.line-drawer{width:min(780px,100vw - 28px)}.app-shell--studio-theme .conversation-srs-card-form{gap:16px;display:grid}.app-shell--studio-theme .conversation-srs-card-form .conversation-srs-sheet__head{gap:6px;padding-right:44px;display:grid}.app-shell--studio-theme .conversation-srs-card-form .conversation-srs-sheet__head span{color:#075f55d1;text-transform:uppercase}.app-shell--studio-theme .conversation-srs-card-form .conversation-srs-sheet__head h3{color:#15191f;letter-spacing:0;margin:0;font-size:clamp(30px,4vw,42px);font-weight:940;line-height:1.04}.app-shell--studio-theme .conversation-srs-card-editors{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:12px;display:grid}.app-shell--studio-theme .conversation-srs-card-field{background:linear-gradient(#fffefae6,#edf6f352),#fffefaa3;border:1px solid #075f551c;border-radius:8px;align-content:start;gap:9px;min-width:0;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #1e1b1609}.app-shell--studio-theme .conversation-srs-card-field>span{color:#24201b9e;font-size:12px;font-weight:900;line-height:1}.app-shell--studio-theme .conversation-srs-card-field textarea{color:#24201b;width:100%;min-width:0;font:inherit;resize:vertical;background:#fffefad1;border:1px solid #126a5f1f;border-radius:8px;line-height:1.45;box-shadow:inset 0 1px #ffffffb8}.app-shell--studio-theme .conversation-srs-card-field textarea:focus-visible{border-color:#126a5f6b;outline:none;box-shadow:0 0 0 4px #126a5f17,inset 0 1px #ffffffd6}.app-shell--studio-theme .conversation-srs-card-field--front textarea{min-height:132px;font-family:var(--font-hanzi);font-size:clamp(28px,4.6vw,42px);font-weight:560;line-height:1.2}.app-shell--studio-theme .conversation-srs-card-field--back textarea{color:#24201bc7;min-height:236px;font-size:15px;font-weight:650}.app-shell--studio-theme .conversation-srs-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-shell--studio-theme .conversation-srs-card-actions .base-button{border-radius:8px;min-height:46px}.app-shell--studio-theme .conversation-srs-card-actions .drawer-save-main{color:#fffefa;background:linear-gradient(#0e5b52fa,#074841fa),#075f55;border-color:#075f5538;justify-self:auto;width:auto;min-width:168px;box-shadow:0 14px 30px #075f5524,inset 0 1px #ffffff2e}.app-shell--studio-theme .conversation-srs-card-actions .drawer-save-message{margin:0}@media (width<=720px){.app-shell--studio-theme .conversation-srs-card-form{gap:14px}.app-shell--studio-theme .conversation-srs-card-editors{grid-template-columns:minmax(0,1fr)}.app-shell--studio-theme .conversation-srs-card-field{padding:12px}.app-shell--studio-theme .conversation-srs-card-field--front textarea{min-height:96px;font-size:clamp(24px,7vw,32px)}.app-shell--studio-theme .conversation-srs-card-field--back textarea{min-height:210px;font-size:14px}.app-shell--studio-theme .conversation-srs-card-actions{grid-template-columns:minmax(0,1fr) auto;display:grid}.app-shell--studio-theme .conversation-srs-card-actions .drawer-save-main{width:100%;min-width:0}.app-shell--studio-theme .conversation-srs-card-actions .drawer-save-message{grid-column:1/-1}}.app-shell--studio-theme .conversation-srs-vocab li{color:#24201bb8;font-size:13.5px;font-weight:660;line-height:1.48;display:block}.app-shell--studio-theme .conversations-page .conversation-script-nav.conversation-script-nav--focus{align-items:center;gap:12px}.app-shell--studio-theme .conversations-page .conversation-script-nav__spacer{min-width:min(188px,42vw)}.app-shell--studio-theme .conversations-page .conversation-script-nav-button{border:1px solid #075f5521;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:178px;min-height:48px;padding:0 14px;font-size:13px;font-weight:930;line-height:1;text-decoration:none;transition:border-color .16s,box-shadow .16s,color .16s,background .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffd6,0 10px 22px #1e1b160a}.app-shell--studio-theme .conversations-page .conversation-script-nav-button__icon{border-radius:999px;place-items:center;width:28px;height:28px;transition:color .16s,background-color .16s;display:grid}.app-shell--studio-theme .conversations-page .conversation-script-nav-button--previous{color:#075f55;background:linear-gradient(#fffefaeb,#edf6f36b),#fffefab8}.app-shell--studio-theme .conversations-page .conversation-script-nav-button--previous .conversation-script-nav-button__icon{color:#075f55;background:#075f5514}.app-shell--studio-theme .conversations-page .conversation-script-nav-button--next{color:#fffefa;background:linear-gradient(#0e5b52fa,#074841fa),#075f55;border-color:#075f5538;box-shadow:0 14px 30px #075f5524,inset 0 1px #ffffff2e}.app-shell--studio-theme .conversations-page .conversation-script-nav-button--next .conversation-script-nav-button__icon{color:#075f55;background:#fffefaeb}.app-shell--studio-theme .conversations-page .conversation-script-nav-button:hover,.app-shell--studio-theme .conversations-page .conversation-script-nav-button:focus-visible{border-color:#075f5547;outline:none;transform:translateY(-1px);box-shadow:0 16px 32px #1e1b1613,inset 0 1px #ffffffe0}.app-shell--studio-theme .conversations-page .conversation-script-nav-button--previous:hover,.app-shell--studio-theme .conversations-page .conversation-script-nav-button--previous:focus-visible{color:#fffefa;background:linear-gradient(#0e5b52f5,#074841f5),#075f55}.app-shell--studio-theme .conversations-page .conversation-script-nav-button--previous:hover .conversation-script-nav-button__icon,.app-shell--studio-theme .conversations-page .conversation-script-nav-button--previous:focus-visible .conversation-script-nav-button__icon{color:#075f55;background:#fffefaeb}.app-shell--studio-theme .conversations-page .conversation-script-nav-button--next:hover,.app-shell--studio-theme .conversations-page .conversation-script-nav-button--next:focus-visible{background:linear-gradient(#126a5ffa,#085149fa),#0b6b60}@media (width<=720px){.app-shell--studio-theme .conversations-page .conversation-script-nav.conversation-script-nav--focus{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-shell--studio-theme .conversations-page .conversation-script-nav__spacer{min-width:0}.app-shell--studio-theme .conversations-page .conversation-script-nav-button{gap:8px;width:100%;min-width:0;min-height:46px;padding-inline:10px;font-size:12.5px}.app-shell--studio-theme .conversations-page .conversation-script-nav-button__icon{width:26px;height:26px}}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.app-shell--studio-theme .conversations-page .conversation-reader-toolbar--focus .daily-news-switch{min-width:0}.app-shell--studio-theme .conversations-page .conversation-audio-xp{grid-column:1/-1;margin-left:0}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3{padding-bottom:.06em;line-height:1.04}@media (width<=720px){.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero--focus{grid-template-columns:minmax(0,1fr) 40px;gap:8px;width:100%;max-width:100%}.app-shell--studio-theme .conversations-page .conversation-reader--focus .conversation-reader-hero__copy{min-width:0;overflow:hidden}.app-shell--studio-theme .conversations-page .conversation-reader.conversation-reader--focus .conversation-reader-hero__copy h3{max-width:100%;padding-bottom:4px;line-height:1.08;overflow:hidden}.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button{justify-self:end;width:40px;min-width:40px;height:40px}.app-shell--studio-theme .conversations-page .conversation-dialogue-icon-button svg{width:21px;height:21px}.app-shell--studio-theme .conversations-page .conversation-readable-hanzi{font-size:clamp(22px,6.3vw,29px);line-height:1.24}.app-shell--studio-theme .conversations-page .conversation-readable-dialogue{gap:14px}}.prefilled-srs-card-overlay.quick-add-card-overlay{z-index:96;-webkit-backdrop-filter:blur(13px)saturate(112%);backdrop-filter:blur(13px)saturate(112%);background:#14110e57;padding:clamp(12px,3vw,24px)}.prefilled-srs-card-dialog.quick-add-card-dialog{background:linear-gradient(135deg,#fffefafa,#edf6f3b8 58%,#fff6f0b8),#fffefa;border-color:#126a5f1f;border-radius:8px;gap:16px;width:min(560px,100%);max-height:min(88svh,760px);padding:clamp(20px,3vw,24px);overflow-y:auto}.prefilled-srs-card-dialog.quick-add-card-dialog header{align-items:start}.prefilled-srs-card-dialog.quick-add-card-dialog header>div{gap:4px;min-width:0;display:grid}.prefilled-srs-card-dialog.quick-add-card-dialog header span{color:#24201bad;font-size:14px;font-weight:520;line-height:1.2}.prefilled-srs-card-dialog.quick-add-card-dialog h2{color:#171a1f;font-family:var(--font-sans);letter-spacing:0;font-size:clamp(27px,4vw,34px);font-weight:940;line-height:1.02}.prefilled-srs-card-form.quick-add-card-form{gap:14px}.prefilled-srs-card-form.quick-add-card-form label{gap:8px}.prefilled-srs-card-form.quick-add-card-form label>span{color:#24201ba3;font-size:12px;font-weight:900;line-height:1}.prefilled-srs-card-form.quick-add-card-form textarea{color:#24201b;background:#fffefadb;border-color:#126a5f21;border-radius:8px;font-size:16px;line-height:1.45}.prefilled-srs-card-form.quick-add-card-form label:first-of-type textarea{min-height:118px;font-family:var(--font-hanzi);font-size:clamp(22px,4.3vw,30px);font-weight:540;line-height:1.28}.prefilled-srs-card-form.quick-add-card-form label:nth-of-type(2) textarea{min-height:220px;font-family:var(--font-sans);font-size:15px;font-weight:560}.prefilled-srs-card-form.quick-add-card-form footer{grid-template-columns:minmax(0,auto) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.prefilled-srs-card-form.quick-add-card-form footer .base-button:first-child{color:#fffefa;background:linear-gradient(135deg, var(--accent-green,#127a6f), var(--accent-green-dark,#075f55)), #075f55;border-color:#127a6f38;min-width:170px;box-shadow:0 14px 28px #126a5f29,inset 0 1px #ffffff29}.prefilled-srs-card-form.quick-add-card-form footer p{color:#075f55;margin:0;font-weight:850}@media (width<=640px){.prefilled-srs-card-overlay.quick-add-card-overlay{place-items:end center;padding:10px 8px 0}.prefilled-srs-card-dialog.quick-add-card-dialog{border-radius:8px 8px 0 0;width:100%;max-height:min(88svh,760px)}.prefilled-srs-card-form.quick-add-card-form textarea{font-size:15px}.prefilled-srs-card-form.quick-add-card-form label:first-of-type textarea{min-height:104px;font-size:clamp(21px,6.8vw,28px)}.prefilled-srs-card-form.quick-add-card-form label:nth-of-type(2) textarea{min-height:196px;font-size:14px}.prefilled-srs-card-form.quick-add-card-form footer{grid-template-columns:minmax(0,1fr) auto}.prefilled-srs-card-form.quick-add-card-form footer .base-button:first-child{width:100%;min-width:0}.prefilled-srs-card-form.quick-add-card-form footer p{grid-column:1/-1}}.daily-news-sentence-save-mark{display:none}.daily-news-readable-article--srs button.daily-news-readable-sentence{vertical-align:baseline;align-items:center;gap:.22em;padding:0 .14em;display:inline-flex}.daily-news-readable-article--srs .daily-news-sentence-hanzi{min-width:0}.daily-news-readable-article--srs .daily-news-sentence-save-mark{color:#fffefa;background:linear-gradient(#127a6ffa,#075f55fa),#075f55;border:1px solid #075f552e;border-radius:999px;flex:none;place-items:center;width:.92em;min-width:20px;height:.92em;min-height:20px;margin-inline-start:.04em;line-height:1;display:inline-grid;transform:translateY(-.08em);box-shadow:0 6px 14px #075f551f,inset 0 1px #ffffff2e}.daily-news-readable-article--srs .daily-news-sentence-save-mark svg{width:.62em;min-width:12px;height:.62em;min-height:12px;display:block}.daily-news-readable-article--srs button.daily-news-readable-sentence:hover .daily-news-sentence-save-mark,.daily-news-readable-article--srs button.daily-news-readable-sentence:focus-visible .daily-news-sentence-save-mark,.daily-news-sentence-wrap--active .daily-news-sentence-save-mark{background:linear-gradient(#16897cfa,#08695efa),#0b6b60;box-shadow:0 8px 18px #075f5529,inset 0 1px #fff3}.daily-news-readable-article--srs.daily-news-readable-article--pinyin button.daily-news-readable-sentence{grid-template-columns:minmax(0,auto) auto;align-items:center;gap:2px .22em;display:inline-grid}.daily-news-readable-article--srs.daily-news-readable-article--pinyin .daily-news-inline-pinyin{grid-column:1/-1}@media (width<=640px){.daily-news-readable-article--srs .daily-news-sentence-save-mark{min-width:18px;min-height:18px}}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-action-panel{gap:12px!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio.stage-button-row--audio-split{background:linear-gradient(#f3f9fafa,#e7f1f4b8),#eef6f8;border:1px solid #315b7229;border-radius:999px;align-items:stretch;gap:6px;padding:6px;box-shadow:0 10px 22px #315b720b,inset 0 1px #ffffffe0;grid-template-columns:minmax(0,1fr) minmax(94px,.42fr)!important;width:min(370px,100%)!important;max-width:370px!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio:has(.stage-audio-button--compact){background:linear-gradient(#f3f9fafa,#e7f1f4b8),#eef6f8;border:1px solid #315b7229;border-radius:999px;align-items:stretch;gap:6px;padding:6px;box-shadow:0 10px 22px #315b720b,inset 0 1px #ffffffe0;grid-template-columns:minmax(0,1fr) minmax(94px,.42fr)!important;width:min(370px,100%)!important;max-width:370px!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio.stage-button-row--audio-split:has(.stage-audio-button--compact){background:linear-gradient(#f3f9fafa,#e7f1f4b8),#eef6f8;border:1px solid #315b7229;border-radius:999px;align-items:stretch;gap:6px;padding:6px;box-shadow:0 10px 22px #315b720b,inset 0 1px #ffffffe0;grid-template-columns:minmax(0,1fr) minmax(94px,.42fr)!important;width:min(370px,100%)!important;max-width:370px!important;display:grid!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio:not(:has(.stage-audio-button--compact)){grid-template-columns:minmax(0,1fr)!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button,.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button--primary,.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button--compact{color:#28566d;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:999px;width:100%!important;min-width:0!important;max-width:none!important;min-height:40px!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button--primary{background:linear-gradient(#fffefafa,#f9fcfceb),#fffefa;border-color:#315b7224;box-shadow:0 7px 16px #315b720f,inset 0 1px #ffffffe6}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button--compact{color:#28566db8;background:#315b720e}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button span{color:#28566d;background:#315b721a}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button--primary span{color:#28566d;background:#315b721c}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button strong{color:currentColor;font-size:12.5px;font-weight:900}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button:hover:not(:disabled),.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button:focus-visible{color:#234f65;background:#fffefad1;border-color:#315b7233;outline:none;transform:none;box-shadow:0 8px 18px #315b7213,inset 0 1px #ffffffe0}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row--audio .stage-audio-button:disabled{cursor:not-allowed;opacity:.58}@media (width<=560px){.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio,.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio.stage-button-row--audio-split{grid-template-columns:minmax(0,1fr) minmax(86px,.4fr)!important;width:min(318px,100%)!important;max-width:318px!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio:has(.stage-audio-button--compact){grid-template-columns:minmax(0,1fr) minmax(86px,.4fr)!important;width:min(318px,100%)!important;max-width:318px!important}.app-shell--studio-theme .pinyin-page--focus :is(.first-sounds-action-stage,.first-sounds-retrieval-stage) .stage-button-row.stage-button-row--audio.stage-button-row--audio-split:has(.stage-audio-button--compact){grid-template-columns:minmax(0,1fr) minmax(86px,.4fr)!important;width:min(318px,100%)!important;max-width:318px!important}}.app-shell--studio-theme .building-blocks-page--focus .building-block-option{transition:border-color .16s,background .16s,box-shadow .16s,color .16s;position:relative}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active:hover,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active:focus-visible{background:linear-gradient(#eff7f9f5,#fffefae6),#f3f9fa;border-color:#315b7257;box-shadow:0 14px 32px #315b721d,inset 0 0 0 1px #315b7212}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active:after{content:"";pointer-events:none;border:1px solid #315b7224;border-radius:6px;position:absolute;inset:6px}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active.building-block-option--correct,.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active.building-block-option--incorrect{box-shadow:0 14px 32px #315b721c,inset 0 0 0 2px #315b721a!important}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active strong{color:#0b5260}.app-shell--studio-theme .building-blocks-page--focus .building-block-option--audio-active .building-block-color-tile{box-shadow:0 0 0 2px #fffefaf5,0 0 0 5px #315b722e}@media (width<=560px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex;width:min(360px,100%)!important}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-practice-strip--direct,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-body,.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .shadow-practice-row{display:contents}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .first-sounds-sound-atlas-link,.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .first-sounds-explain-button,.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-record-button{white-space:nowrap;flex:0 auto;gap:5px;min-height:30px;padding-inline:8px;font-size:11px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .first-sounds-sound-atlas-link span{width:18px;height:18px;font-size:13px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .first-sounds-sound-atlas-link,.app-shell--studio-theme .pinyin-page--focus .first-sounds-utility-row .shadow-record-button{justify-self:center}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview{flex:0 0 100%;grid-template-columns:minmax(0,1fr) 118px 28px;justify-items:center;gap:5px;width:min(360px,100%);padding:6px;overflow:hidden}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .community-audio-player{grid-area:1/1;grid-template-columns:28px 16px minmax(0,1fr);justify-self:center;gap:6px;width:100%;min-width:0;max-width:100%;min-height:36px;padding:3px 9px 3px 3px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .community-audio-play{width:28px;height:28px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .community-audio-activity{grid-template-columns:repeat(3,2px);gap:2px;width:16px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .community-audio-label{max-width:112px;font-size:10.5px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .shadow-audio-remove-button{grid-area:1/3;place-self:center end;width:28px;height:28px}.app-shell--studio-theme .pinyin-page--focus .first-sounds-shadow-preview .shadow-share-button{grid-area:1/2;justify-self:center;width:118px;min-width:0;padding-inline:9px;font-size:10.5px}}.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row+.first-sounds-utility-row{margin-top:14px!important}@media (width<=560px){.app-shell--studio-theme .pinyin-page--focus .first-sounds-action-stage .stage-path-action-row+.first-sounds-utility-row{margin-top:16px!important}}.profile-page{gap:12px;width:min(920px,100%)}.profile-showcase-card.profile-summary-card{gap:14px;padding:16px;display:grid;overflow:hidden}.profile-masthead{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;display:grid}.profile-masthead .profile-summary-avatar{border:1px solid #126a5f24;width:64px;height:64px;box-shadow:0 10px 22px #12182614}.profile-summary-copy{gap:3px;min-width:0;display:grid}.profile-summary-copy h2{color:var(--studio-ink);font-family:var(--font-sans);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:38px;font-weight:940;line-height:1}.profile-summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:inline-flex}.profile-summary-actions .quiet-link{border:1px solid var(--studio-line);background:#fffefaa3;border-radius:8px;min-height:34px;padding:8px 10px;font-size:12px;font-weight:860;text-decoration:none}.profile-summary-copy .muted{margin:0;font-size:13px;font-weight:760}.profile-meta-line{color:var(--studio-muted);flex-wrap:wrap;gap:6px 10px;font-size:12px;font-weight:820;display:flex}.profile-meta-line span{align-items:center;min-width:0;display:inline-flex}.profile-meta-line span+span:before{content:"";background:#181b1f42;border-radius:50%;width:3px;height:3px;margin-right:10px}.profile-metric-rail{border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-metric-rail span{gap:3px;min-width:0;padding:12px 10px;display:grid}.profile-metric-rail span+span{border-left:1px solid var(--studio-line)}.profile-metric-rail strong{color:var(--studio-ink);font-family:var(--font-sans);overflow-wrap:anywhere;font-size:24px;font-weight:940;line-height:1}.profile-metric-rail small{color:#181b1f7a;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1}.profile-tree-showcase{gap:0;display:grid;position:relative}.profile-tree-showcase .profile-tree-card{border-color:var(--studio-line);background:linear-gradient(180deg, #fffefaf5, #f8f7f2b8), var(--studio-card-bg);box-shadow:var(--studio-card-shadow);border-radius:8px}.profile-tree-showcase .profile-tree-card .mandarin-tree-layout--visual-only{min-height:clamp(300px,45vw,430px);padding:clamp(8px,1.6vw,16px)}.profile-tree-showcase .profile-tree-card.mandarin-tree-card--visual-only .mandarin-tree-stage-frame{width:min(100%,390px)}.profile-tree-caption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefad1;border:1px solid #181b1f12;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 12px 26px #181b1f12}.profile-tree-caption strong{color:var(--studio-ink);font-family:var(--font-sans);grid-column:1;font-size:21px;font-weight:940;line-height:1}.profile-tree-caption small{max-width:180px;color:var(--studio-muted);text-align:right;overflow-wrap:anywhere;grid-column:2;align-self:center;font-size:11px;font-weight:780;line-height:1.15}.profile-detail-grid{grid-template-columns:minmax(0,1fr);gap:10px}.profile-story-card.base-card,.profile-fact-card.base-card{padding:15px;display:grid;box-shadow:0 10px 24px #181b1f0a,inset 0 1px #ffffffad}.profile-story-list{border-top:0;display:grid}.profile-story-list section{border-bottom:1px solid var(--studio-line);gap:7px;padding-block:0 14px;display:grid}.profile-story-list section+section{padding-top:14px}.profile-story-list p{color:var(--studio-muted);margin:0;font-size:15px;line-height:1.55}.profile-story-list span{color:#181b1f80;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1}.profile-fact-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;display:grid}.profile-fact-list div,.profile-fact-list div:first-child{border-bottom:0;gap:7px;padding:2px 12px;display:grid}.profile-fact-list div+div{border-left:1px solid var(--studio-line)}.profile-fact-list dt{color:#181b1f80;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1}.profile-fact-list dd{color:var(--studio-ink);font-family:var(--font-sans);text-align:left;margin:0;font-size:14px;font-weight:880;line-height:1.15}.profile-hub-links{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.profile-hub-link{background:0 0;grid-template-columns:auto minmax(0,auto);min-height:42px;padding:6px 9px}.profile-hub-mark{width:28px;height:28px;font-size:17px}.profile-hub-link small{display:none}@media (width<=720px){.profile-showcase-card.profile-summary-card{padding:14px}.profile-masthead{grid-template-columns:54px minmax(0,1fr) auto;gap:11px}.profile-masthead .profile-summary-avatar{width:54px;height:54px}.profile-summary-actions{grid-column:auto;justify-content:end}.profile-summary-actions .quiet-link{min-height:32px;padding-inline:9px}.profile-summary-copy h2{font-size:31px}.profile-meta-line{font-size:11px}.profile-metric-rail strong{font-size:21px}.profile-tree-showcase .profile-tree-card .mandarin-tree-layout--visual-only{min-height:300px;padding-bottom:54px}.profile-detail-grid{grid-template-columns:1fr}}@media (width<=860px){.profile-fact-list{grid-template-columns:1fr}.profile-fact-list div,.profile-fact-list div:first-child{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding:11px 0}.profile-fact-list div+div{border-left:0}.profile-fact-list div:last-child{border-bottom:0;padding-bottom:0}.profile-fact-list dd{text-align:right;font-size:15px}}@media (width<=430px){.profile-masthead{grid-template-columns:48px minmax(0,1fr)}.profile-masthead .profile-summary-avatar{width:48px;height:48px}.profile-summary-actions{grid-column:1/-1;justify-content:start}.profile-summary-copy h2{font-size:25px}.profile-meta-line{gap:4px;display:grid}.profile-meta-line span+span:before{display:none}.profile-metric-rail span{padding:10px 6px}.profile-metric-rail strong{font-size:18px}.profile-metric-rail small{letter-spacing:0;font-size:8.5px}.profile-tree-showcase .profile-tree-card .mandarin-tree-layout--visual-only{min-height:286px;padding-bottom:58px}.profile-tree-caption{bottom:10px;left:10px;right:10px}.profile-tree-caption small{max-width:132px}}