:root{--brand:#e93445;--ink:#211e24;--paper:#fff;--gold:#e9ad43;--gold-deep:#a96813;--red:#f0444f;--night:#21151f;--line:#211e2421;--muted:#706970}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;scrollbar-gutter:stable}body{background:#fff;min-width:320px;min-height:100vh;margin:0;font-family:Inter,Noto Sans SC,system-ui,sans-serif;overflow-x:clip}.xjy-history-restoring .app-content,.xjy-history-restoring .site-filing-footer{visibility:hidden}button,input{font:inherit}button{color:inherit;transition:transform .14s,filter .14s,background-color .14s,border-color .14s,box-shadow .14s}button:active:not(:disabled){filter:brightness(.98);transform:translateY(1px)scale(.97)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #437ee547}.site-header{z-index:40;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1840px,100% - 40px);height:78px;margin:0 auto;display:flex;position:relative}.brand-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;width:auto;height:48px;padding:0;display:flex}.brand-mark{background-image:url(/brand-mark-reference.png);background-position:-10px -4px;background-repeat:no-repeat;background-size:53px;border-radius:12px;width:38px;height:38px;display:block;box-shadow:0 8px 18px #e9344529}.brand-button strong{letter-spacing:-.04em;font-size:21px}.header-actions{align-items:center;gap:12px;display:flex}.header-home-actions{align-items:center;gap:10px;display:flex}.header-notification-area{position:relative}.header-action-button{cursor:pointer;background:#ffffffeb;border:1px solid #211e2421;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:5px 16px 5px 7px;font-weight:700;display:inline-flex;box-shadow:0 7px 20px #382b2b0f}.header-action-button:hover,.header-action-button[aria-expanded=true]{color:#b52334;background:#fff8f7;border-color:#e9344542;box-shadow:0 9px 24px #e934451a}.header-action-button .sidebar-nav-icon{flex-basis:30px}.header-notification-button{border-radius:50%;justify-content:center;width:42px;min-height:42px;padding:0;position:relative}.header-notification-button .sidebar-nav-icon{width:20px;height:20px;box-shadow:none;color:currentColor;background:0 0;border:0;border-radius:0;flex-basis:20px}.header-notification-button .sidebar-nav-icon svg{width:20px;height:20px}.header-notification-badge{color:#fff;background:#e93445;border:2px solid #fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-7px;box-shadow:0 4px 10px #e9344547}.header-notification-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #211e241c;border-radius:18px;width:min(340px,100vw - 28px);padding:10px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 22px 55px #2a202329}.header-notification-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:5px 6px 10px 10px;display:flex}.header-notification-heading strong{font-size:16px}.header-notification-heading>div{align-items:center;gap:4px;display:flex}.header-notification-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0}.header-notification-heading .notification-close{border:0;border-radius:9px;place-items:center;width:30px;height:30px;font-size:22px;display:grid}.header-notification-heading .notification-read-all{color:#b52334;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700}.header-notification-heading button:hover{color:var(--ink);background:#f7f2f1}.header-notification-loading{color:var(--muted);text-align:center;padding:42px 20px;font-size:13px}.header-notification-list{max-height:min(460px,100vh - 130px);padding:4px 0;display:grid;overflow-y:auto}.header-notification-list article{border-bottom:1px solid #211e2414;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 10px;display:grid;position:relative}.header-notification-list article:last-child{border-bottom:0}.header-notification-list article.unread:before{background:var(--brand);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:20px;left:0}.notification-category .sidebar-nav-icon{border-radius:10px;width:32px;height:32px}.notification-category.security .sidebar-nav-icon{color:#3b6fc4;background:#eef5ff}.notification-category.membership .sidebar-nav-icon{color:#a96813;background:#fff4dc}.notification-content{min-width:0}.notification-content>strong{font-size:14px;display:block}.notification-content>p{color:var(--muted);margin:5px 0 6px;font-size:12px;line-height:1.55}.notification-content>small{color:#9a9295;font-size:10px}.notification-content>div{gap:12px;margin-top:8px;display:flex}.notification-content button{color:#a96813;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.header-notification-empty{text-align:center;justify-items:center;padding:27px 20px 22px;display:grid}.header-notification-empty>.sidebar-nav-icon{width:42px;height:42px;color:var(--brand);background:#fff1ed;border-radius:13px;margin-bottom:12px}.header-notification-empty strong{font-size:15px}.header-notification-empty p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.65}.header-notification-empty>button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:16px;padding:9px 18px;font-weight:700}.app-shell{width:100%}.app-shell.has-sidebar{grid-template-columns:216px minmax(0,1fr);align-items:start;gap:30px;width:min(1840px,100% - 40px);margin:0 auto;display:grid}.app-content{min-width:0}.has-sidebar .app-content>:where(.landing,.mode-home,.records-page,.learning-library-page,.membership-page,.account-settings-page){width:100%}.app-sidebar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #211e241a;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:min(690px,100vh - 118px);margin:28px 0 48px;padding:12px;display:flex;position:sticky;top:96px;box-shadow:0 18px 45px #342a2512}.app-sidebar nav{gap:5px;display:grid}.app-sidebar nav>button{color:#4c4649;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;min-height:46px;padding:0 10px;font-size:14px;font-weight:650;line-height:1.2;display:flex}.app-sidebar nav>button:hover{color:#2c2628;background:#fff5ed}.app-sidebar nav>button.active{color:#b52334;background:linear-gradient(135deg,#fff0e8,#ffe9e9);box-shadow:inset 0 0 0 1px #e9344517}.sidebar-nav-icon{color:#7b6c70;background:linear-gradient(145deg,#fff,#f5f1ef);border:1px solid #6856561a;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;line-height:1;display:grid;box-shadow:0 3px 9px #3f30300f,inset 0 1px #ffffffe6}.sidebar-nav-icon svg{width:17px;height:17px;display:block}.app-sidebar nav>button.active>.sidebar-nav-icon{color:#fff;background:linear-gradient(145deg,#ef5260,#df2e40);border-color:#e9344540;box-shadow:0 5px 12px #e9344533,inset 0 1px #ffffff3d}.app-sidebar .sidebar-disclosure{padding-right:12px}.sidebar-chevron{transform-origin:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;margin-left:auto;font-style:normal;line-height:0;transition:transform .16s;display:grid;transform:rotate(0)}.sidebar-chevron svg{stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.sidebar-disclosure[aria-expanded=true] .sidebar-chevron{transform:rotate(180deg)}.sidebar-subnav{border-left:1px solid #ead9d0;gap:3px;margin:1px 0 7px 36px;padding-left:11px;display:grid}.sidebar-subnav button{color:#726a6d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:36px;padding:0 10px;font-size:13px}.sidebar-subnav button:hover,.sidebar-subnav button.active{color:#b52334;background:#fff5ed;font-weight:700}.sidebar-account-note{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px 8px 4px;display:grid}.sidebar-account-note>span{width:38px;height:38px;color:var(--brand);background:#fff0e8;border-radius:13px;place-items:center;font-weight:800;display:grid}.sidebar-account-note div{min-width:0;display:grid}.sidebar-account-note strong,.sidebar-account-note small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account-note strong{font-size:13px}.sidebar-account-note small{color:var(--muted);margin-top:2px;font-size:10px}.text-action,.login-button{border:1px solid var(--line);cursor:pointer;background:#ffffff8a;border-radius:999px;min-height:42px}.text-action{border-color:#0000;padding:0 16px}.login-button{align-items:center;gap:8px;padding:0 18px;display:flex}.landing{width:min(1400px,100% - 64px);margin:0 auto;padding:24px 0 34px}.hero-copy{text-align:center}.mode-heading>span,.result-page>span{color:var(--brand);letter-spacing:.18em;font-size:12px;font-weight:800}.hero-copy h1{letter-spacing:-.04em;white-space:nowrap;margin:8px 0 12px;font-family:Noto Serif SC,serif;font-size:clamp(30px,4vw,54px);line-height:1.08}.hero-title{text-shadow:0 8px 24px #211e2414;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.hero-title-kicker{color:#756e75;letter-spacing:.36em;padding-left:.36em;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-size:clamp(16px,1.45vw,21px);font-weight:700;line-height:1}.hero-title-line{justify-content:center;align-items:baseline;gap:clamp(12px,1.7vw,28px);display:flex}.hero-title-line>span{position:relative}.hero-title-line>i{border:2px solid #e9ad43e6;border-radius:3px;align-self:center;width:10px;height:10px;transform:rotate(45deg);box-shadow:0 0 0 5px #e9ad431a}.hero-copy h1 em{z-index:0;color:#bd701b;margin-left:.16em;font-style:normal;position:relative}.hero-copy h1 em:after{z-index:-1;content:"";background:linear-gradient(90deg,#f9c5572e,#ee81306b);border-radius:999px;height:.22em;position:absolute;bottom:.02em;left:-.04em;right:-.04em;transform:rotate(-1.5deg)}.hero-copy p{max-width:680px;color:var(--muted);margin:0 auto;font-size:15px;line-height:1.65}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:28px;display:grid}.mode-card{--look-x:0px;--look-y:0px;isolation:isolate;border:1px solid;border-radius:36px;min-height:458px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:visible}.mode-card:before{z-index:-1;border-radius:inherit;content:"";position:absolute;inset:0;overflow:hidden}.mode-card.classic{background:linear-gradient(135deg,#fffdf9 0%,#fff6e7 100%);border-color:#d3932575;box-shadow:0 30px 70px #6f4c1a21}.mode-card.classic:before{background:radial-gradient(circle at 78% 32%,#ffdb9199,#0000 18rem),linear-gradient(120deg,#0000 65%,#fffc)}.mode-card.crazy{color:#fff;background:#21151f;border-color:#f0444f94;box-shadow:0 34px 72px #4e0e1a40}.mode-card.crazy:before{background:radial-gradient(circle at 76% 36%,#f0444f4d,#0000 19rem),linear-gradient(150deg,#0000 48%,#850f2461)}.mode-card:hover,.mode-card.is-focused{transform:translateY(-6px)}.mode-card.classic:hover,.mode-card.classic.is-focused{border-color:#e3a537;box-shadow:0 38px 86px #86581433}.mode-card.crazy:hover,.mode-card.crazy.is-focused{border-color:#ff4d5a;box-shadow:0 40px 88px #680a1b57}.card-copy{z-index:5;width:58%;padding:42px 0 34px 48px;position:relative}.mode-label{color:var(--gold-deep);letter-spacing:.08em;background:#e9ad431f;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.crazy .mode-label{color:#ff8a91;background:#f0444f24}.mode-card h2{letter-spacing:-.045em;margin:16px 0 12px;font-size:clamp(30px,2.7vw,43px);line-height:1.18}.mode-card.classic h2{color:#7b4d15;font-family:Noto Serif SC,serif}.mode-card p{color:#725f4d;margin:0;font-size:14px;line-height:1.72}.mode-card.crazy p{color:#ffffffad}.card-tags{flex-wrap:wrap;gap:8px;margin:18px 0 15px;display:flex}.card-tags span{color:#8f5b18;border:1px solid #a9681333;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.crazy .card-tags span{color:#ffffffc7;border-color:#ffffff1f}.card-copy>small{color:var(--muted);margin-bottom:13px;display:block}.crazy .card-copy>small{color:#ffffff7a}.card-copy>button,.main-action{cursor:pointer;border:0;border-radius:16px;min-height:52px;padding:0 25px;font-weight:800;transition:transform .16s,filter .16s}.card-copy>button:hover,.main-action:hover{filter:brightness(1.04);transform:translateY(-2px)}.classic .card-copy>button,.main-action.gold{color:#fff;background:linear-gradient(135deg,#f8c55a,#e89e24);box-shadow:0 12px 24px #c57d143b}.crazy .card-copy>button,.main-action.red{color:#fff;background:linear-gradient(135deg,#ff3e4d,#dc172f);box-shadow:0 12px 26px #dc172f40}.mascot-wrap{z-index:3;pointer-events:none;width:60%;height:111%;transform:translate(var(--look-x), var(--look-y));transition:transform .22s;position:absolute;bottom:-2%;right:-7%}.mascot-art{z-index:2;object-fit:contain;filter:drop-shadow(0 26px 24px #381b1233);transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute}.mascot-art.xiaoxi{width:100%;height:105%;bottom:-2%;right:-2%}.mascot-art.dianzai{width:112%;height:96%;bottom:3%;right:-2%}.xiaoxi-rig{isolation:isolate;aspect-ratio:2/3;pointer-events:none;transform-origin:50% 78%;position:relative}.xiaoxi-rig-extra,.xiaoxi-rig-body,.xiaoxi-rig-pen,.xiaoxi-rig-expression{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.xiaoxi-rig-extra{z-index:0}.xiaoxi-rig-body{z-index:1;animation:.42s both xiaoxi-materialize}.xiaoxi-rig-pen{z-index:2}.xiaoxi-rig-expression{z-index:3;animation:.22s both xiaoxi-expression-in}.xiaoxi-motion-glow{z-index:4;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:42%;left:17%;box-shadow:0 0 24px 9px #ffd268c7}.home-xiaoxi-rig{filter:drop-shadow(0 26px 24px #5b39112e);width:100%;height:108%;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-15%;right:-5%}.home-xiaoxi-rig[data-motion=idle]{animation:3.8s ease-in-out infinite xiaoxi-breathe}.home-xiaoxi-rig[data-motion=proximity]{animation:.3s both xiaoxi-proximity}.home-xiaoxi-rig[data-motion=enter]{animation:.42s both xiaoxi-enter}.home-xiaoxi-rig[data-motion=enter] .xiaoxi-motion-glow{animation:.42s both xiaoxi-pen-light}.mode-card:hover .home-xiaoxi-rig,.mode-card.is-focused .home-xiaoxi-rig{transform:translate(-3%,-2%)scale(1.025)}@keyframes xiaoxi-materialize{0%{opacity:.7;filter:brightness(1.18)}to{opacity:1;filter:none}}@keyframes xiaoxi-expression-in{0%{opacity:0}to{opacity:1}}@keyframes xiaoxi-proximity{0%{transform:translateY(0)}to{transform:translate(-2%,-2%)scale(1.018)}}@keyframes xiaoxi-enter{0%{transform:translateY(0)scale(1)}58%{transform:translate(-3%,-3%)scale(1.04)}to{transform:translate(-1%,-1%)scale(1.02)}}@keyframes xiaoxi-pen-light{0%{opacity:0;transform:scale(.25)}55%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.7)}}.dianzai-rig{isolation:isolate;aspect-ratio:1;pointer-events:none;position:relative}.dianzai-rig-pen,.dianzai-rig-extra,.dianzai-rig-body,.dianzai-rig-face,.dianzai-rig-face img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.dianzai-rig-extra{z-index:0}.dianzai-rig-pen{z-index:1}.dianzai-rig-body{z-index:2;animation:.36s cubic-bezier(.2,.8,.2,1) both dianzai-evolution-materialize}.dianzai-rig-face{z-index:3;animation:.21s both dianzai-face-in}@keyframes dianzai-evolution-materialize{0%{opacity:.72;filter:brightness(1.35)saturate(1.12)}55%{opacity:1;filter:brightness(1.08)saturate(1.05)}to{opacity:1;filter:none}}.dianzai-motion-trail{z-index:4;opacity:0;filter:drop-shadow(0 0 9px #ff2642d1);pointer-events:none;transform-origin:100%;border-top:4px solid #ff364aeb;border-radius:50%;width:58%;height:34%;position:absolute;top:19%;right:1%;transform:rotate(-22deg)scaleX(.2)}.home-dianzai-rig{filter:drop-shadow(0 26px 24px #38091447);transform-origin:52% 78%;width:112%;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-2%;right:-12%}.home-dianzai-rig[data-motion=idle]{animation:3.2s ease-in-out infinite dianzai-home-idle}.home-dianzai-rig[data-motion=proximity]{animation:.28s both dianzai-home-proximity}.home-dianzai-rig[data-motion=hover]{animation:.32s cubic-bezier(.2,.8,.2,1) both dianzai-home-hover}.home-dianzai-rig[data-motion=enter]{animation:.36s cubic-bezier(.2,.8,.2,1) both dianzai-home-enter}.home-dianzai-rig[data-motion=enter] .dianzai-motion-trail{animation:.33s ease-out both dianzai-red-trail}.home-dianzai-rig .dianzai-rig-pen{transform-origin:67% 70%;animation:3.2s ease-in-out infinite dianzai-pen-float}.home-dianzai-rig[data-motion=hover] .dianzai-rig-pen,.home-dianzai-rig[data-motion=enter] .dianzai-rig-pen{animation:.36s both dianzai-pen-ready}.mode-card:hover .mascot-art,.mode-card.is-focused .mascot-art,.mode-card:hover .home-dianzai-rig,.mode-card.is-focused .home-dianzai-rig{transform:translate(-3%,-2%)scale(1.025)}.flame{z-index:1;background:radial-gradient(#f0444f42,#0000 67%);border-radius:50%;width:64%;height:40%;animation:2.2s ease-in-out infinite flame-pulse;position:absolute;bottom:12%;right:5%}.pen-glint,.pen-spin{z-index:5;border-radius:50%;width:9px;height:9px;position:absolute}.pen-glint{background:#fff;animation:3.3s ease-in-out infinite glint;top:45%;left:31%;box-shadow:0 0 18px 7px #ffcf60b8}.pen-spin{border:2px solid #ffc038;animation:2.8s ease-in-out infinite spin;top:31%;right:14%;box-shadow:0 0 12px #ff5753a8}.entry-wash{z-index:90;pointer-events:none;animation:.43s forwards wash;position:fixed;inset:0}.entry-wash.classic{background:radial-gradient(circle at 25% 60%,#ffd36ff2,#0000 52%)}.entry-wash.crazy{background:linear-gradient(115deg,#0000 35%,#f0263aeb);animation-duration:.25s}.mode-home,.records-page{width:min(1480px,100% - 56px);margin:0 auto;padding:28px 0 48px}.mode-heading{max-width:760px;margin-bottom:24px;padding-top:0;position:relative}.mode-heading-nav{align-items:center;gap:14px;min-height:38px;margin-bottom:14px;display:flex}.mode-heading-nav>button{border:1px solid var(--line);cursor:pointer;background:#ffffffc7;border-radius:999px;width:auto;height:38px;padding:0 13px;font-size:14px;position:static}.page-path{color:#8c8179;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.4;display:flex;overflow:hidden}.page-path span{align-items:center;gap:7px;min-width:0;display:inline-flex}.page-path span:last-child{color:#4d4540;text-overflow:ellipsis;font-weight:750;overflow:hidden}.page-path i{color:#c8bbb1;font-style:normal}.mode-heading>span{color:#171414;letter-spacing:.08em;margin:2px 0 10px;display:block}.mode-heading h1{letter-spacing:-.045em;margin:8px 0;font-family:Noto Serif SC,serif;font-size:clamp(34px,4vw,52px)}.mode-heading p{color:var(--muted);font-size:14px;line-height:1.65}.course-directory-groups{gap:34px;display:grid}.course-directory-group{gap:14px;display:grid}.course-group-heading{justify-content:space-between;align-items:baseline;gap:20px;padding:0 4px;display:flex}.course-group-heading h2{color:#251f1b;margin:0;font-family:Noto Serif SC,serif;font-size:22px}.course-group-heading p{color:var(--muted);text-align:right;margin:0;font-size:12px}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.course-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffffad;border-radius:22px;flex-direction:column;align-items:stretch;min-width:0;padding:0;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.course-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #3f302317}.course-card-cover{aspect-ratio:3/2;background:#f2eee8;width:100%;display:block;position:relative;overflow:hidden}.course-card-cover img{object-fit:cover;transition:transform .26s}.course-card:hover .course-card-cover img{transform:scale(1.025)}.course-card-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:14px 16px 16px;display:grid}.course-card-arrow{align-self:center;font-size:18px}.medical-course-card{background:linear-gradient(145deg,#f6fffd,#e7f7f3);border-color:#49978b59}.campus-course-card{background:linear-gradient(145deg,#f7faff,#eaf0fb);border-color:#4b70ad59}.medical-dialogue-context{background:#f4fbf9;border:1px solid #cde1dc;border-radius:16px;gap:8px;margin-bottom:18px;padding:14px 16px;display:grid}.medical-dialogue-context small{color:#397d74;font-weight:800}.medical-dialogue-context p{color:#37343a;margin:0;font-size:13px;line-height:1.45}.medical-dialogue-context p span{color:#68706e;padding-left:2.4em;display:block}.medical-dialogue-context details{color:#53756f;font-size:12px}.course-dot{background:#f1cf82;border-radius:16px;width:46px;height:46px;margin-right:15px}.course-card-copy{gap:4px;min-width:0;display:grid}.course-card small{color:var(--brand);letter-spacing:.08em;font-size:10px;font-weight:800}.course-vip b{color:#d99b23;font-size:14px;line-height:1}.course-card strong{font-size:18px;line-height:1.3}.course-card i{color:var(--muted);font-size:12px;font-style:normal;line-height:1.45}.restaurant-course-card{background:linear-gradient(135deg,#fff,#fff8f7);border-color:#e9344547}.restaurant-course-card .course-dot{background:linear-gradient(145deg,#e93445,#f28b66);box-shadow:0 10px 24px #e9344533}.shopping-course-card{background:linear-gradient(135deg,#fff,#f3fbf9);border-color:#1e8e824d}.shopping-course-card .course-dot{background:linear-gradient(145deg,#1e8e82,#67c6a9);box-shadow:0 10px 24px #1e8e8233}.travel-course-card{background:linear-gradient(135deg,#fff,#f3f8fd);border-color:#2e74b54d}.travel-course-card .course-dot{background:linear-gradient(145deg,#2e74b5,#69b7e5);box-shadow:0 10px 24px #2e74b533}.workplace-course-card{background:linear-gradient(135deg,#fff,#f4f6fa);border-color:#4b5c754d}.workplace-course-card .course-dot{background:linear-gradient(145deg,#4b5c75,#8394ad);box-shadow:0 10px 24px #4b5c7533}.social-course-card{background:linear-gradient(135deg,#fff,#faf6fd);border-color:#875caa47}.social-course-card .course-dot{background:linear-gradient(145deg,#875caa,#c89cda);box-shadow:0 10px 24px #875caa33}.shopping-preview-note{background:#f2fbf8;border-color:#1e8e8238}.shopping-preview-note strong{color:#17776e}.restaurant-entry-card.is-planning:disabled{cursor:not-allowed;opacity:.72;filter:saturate(.6)}.restaurant-entry-card.is-planning:disabled:hover{box-shadow:none;transform:none}.restaurant-course-page,.restaurant-course-page :where(h1,h2,h3,p,span,strong,small,i,b,button){color:#000}.restaurant-prototype-note{background:#fff7f6;border:1px solid #e934452e;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin:-4px 0 22px;padding:9px 13px;font-size:12px;display:flex}.restaurant-prototype-note strong{color:var(--brand)}.restaurant-prototype-note span{color:#665f5d}.restaurant-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.restaurant-entry-card{text-align:left;cursor:pointer;background:radial-gradient(circle at 88% 12%,#f1b44c21,#0000 28%),#fff;border:1px solid #e6e1dd;border-radius:28px;flex-direction:column;align-items:flex-start;min-height:286px;padding:28px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.restaurant-entry-card:hover,.restaurant-entry-card:focus-visible{border-color:#e9344561;outline:none;transform:translateY(-4px);box-shadow:0 22px 50px #412a201a}.restaurant-entry-card.vip{background:radial-gradient(circle at 86% 12%,#f5be4d40,#0000 28%),linear-gradient(145deg,#fffdf7,#fff8e8);border-color:#c78c1c6b}.restaurant-entry-label{letter-spacing:.04em;background:#fff0ec;border-radius:999px;align-items:center;min-height:28px;margin-bottom:20px;padding:0 10px;font-size:11px;font-weight:850;display:inline-flex;color:#b51f30!important}.restaurant-entry-card.vip .restaurant-entry-label{background:#f8e7b8;color:#81560a!important}.restaurant-entry-card h2{letter-spacing:-.04em;margin:2px 0 12px;font-family:Noto Serif SC,serif;font-size:clamp(30px,2.7vw,42px);line-height:1.16}.restaurant-entry-headline{color:#6e6764;margin-bottom:18px;font-size:14px;font-weight:650;line-height:1.65}.restaurant-entry-card>b{font-size:14px}.restaurant-entry-card p{color:#68605d;margin:9px 0 24px;font-size:13px;line-height:1.7}.restaurant-entry-action{align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:850;display:flex}.restaurant-entry-action i{color:var(--brand);font-size:18px;font-style:normal}.restaurant-directory-page .mode-heading{margin-bottom:28px}.restaurant-section-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.restaurant-section-tabs button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e6e1dd;border-radius:18px;gap:5px;min-height:78px;padding:15px 17px;display:grid}.restaurant-section-tabs button:hover,.restaurant-section-tabs button:focus-visible,.restaurant-section-tabs button.active{background:#fff6f4;border-color:#e934456b;outline:none}.restaurant-section-tabs strong{font-size:15px}.restaurant-section-tabs span{color:#706865;font-size:11px}.restaurant-section-intro{align-items:baseline;gap:13px;margin:0 2px 16px;display:flex}.restaurant-section-intro strong{font-size:20px}.restaurant-section-intro span{color:#68605d;font-size:13px}.restaurant-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.restaurant-directory-card{background:#fff;border:1px solid #e7e2de;border-radius:22px;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:17px;min-height:132px;padding:17px 18px;display:grid}.restaurant-directory-card.dialogue{min-height:132px}.restaurant-directory-number{background:#fff0ec;border-radius:17px;place-items:center;width:56px;height:56px;font-size:12px;font-weight:900;display:grid;color:#b51f30!important}.restaurant-directory-card.dialogue .restaurant-directory-number{background:#fff6dc;color:#80550b!important}.restaurant-directory-copy{gap:5px;display:grid}.restaurant-directory-copy small{color:#a32936;font-size:10px;font-weight:800}.restaurant-directory-copy h3{margin:0;font-size:19px}.restaurant-directory-copy p{margin:0;font-size:13px;line-height:1.55;color:#6f6763!important}.restaurant-directory-copy span{color:#706865;font-size:12px;line-height:1.5}.restaurant-directory-card>button,.full-flow-part-card>button{white-space:nowrap;background:#f7f5f3;border:1px solid #ddd7d2;border-radius:999px;min-height:38px;padding:0 12px;font-size:11px;color:#8a837f!important}.essential-expression-card>button:not(:disabled),.restaurant-directory-card.dialogue>button:not(:disabled){cursor:pointer;background:#ef3340;border-color:#ef3340;color:#fff!important}.essential-expression-card>button:not(:disabled):hover,.restaurant-directory-card.dialogue>button:not(:disabled):hover{background:#d92735}.restaurant-resume-note{color:#5f5754;text-align:center;width:min(760px,100% - 32px);margin:18px auto 0}.restaurant-dialogue-section{gap:15px;margin-top:28px;display:grid}.restaurant-dialogue-section>header{justify-content:space-between;align-items:end;gap:24px;padding:0 3px;display:flex}.restaurant-dialogue-section>header small{color:#a32936;font-size:11px;font-weight:850}.restaurant-dialogue-section>header h2{margin:4px 0 0;font-size:25px}.restaurant-dialogue-section>header p{color:#68605d;text-align:right;max-width:560px;margin:0;font-size:13px;line-height:1.55}.restaurant-dialogue-detail{padding-bottom:88px}.dialogue-detail-intro{background:#fffaf7;border:1px solid #eadfda;border-radius:20px;gap:7px;margin:0 0 24px;padding:20px 24px;display:grid}.dialogue-detail-intro strong{font-size:18px}.dialogue-detail-intro span{color:#625b58;font-size:13px;line-height:1.65}.dialogue-turn-list{gap:12px;display:grid}.dialogue-turn{background:#fff;border:1px solid #e7e2de;border-radius:22px;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px;padding:18px 22px;display:grid}.dialogue-turn.customer{background:#fffdfa;border-color:#efd9c8;margin-right:8%}.dialogue-turn.staff{background:#fbfdfe;border-color:#dce7ea;margin-left:8%}.dialogue-turn.context{padding-block:14px}.dialogue-speaker{gap:4px;padding-top:5px;display:grid}.dialogue-speaker span{font-size:14px;font-weight:900}.dialogue-speaker small{color:#817875;font-size:11px}.dialogue-context-copy{gap:5px;padding:6px 2px;display:grid}.dialogue-context-copy strong{font-size:18px;line-height:1.45}.dialogue-context-copy span{color:#68605d;font-size:13px}.dialogue-practice-copy{min-width:0}.dialogue-session-choice{text-align:left;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:12px;width:min(980px,100%);margin:0 auto 14px;display:grid}.dialogue-session-current,.dialogue-session-alternative{background:#fff;border:1px solid #e5ddd7;border-radius:14px}.dialogue-session-current{background:#fff8ed;border-color:#efb65e;align-content:center;gap:4px;min-height:82px;padding:12px 15px;display:grid;box-shadow:0 8px 22px #70481d14}.dialogue-session-current small,.dialogue-session-alternatives>small{color:#9b5c12;font-size:10px;font-weight:850}.dialogue-session-current strong{color:#151313;font-size:17px;line-height:1.3}.dialogue-session-current span{color:#615955;font-size:12px}.dialogue-session-alternatives{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-content:center;gap:7px;display:grid}.dialogue-session-alternatives>small{color:#756d69;grid-column:1/-1;padding-left:3px}.dialogue-session-alternative{color:#171414;text-align:left;cursor:pointer;gap:2px;min-width:0;min-height:58px;padding:8px 11px 8px 94px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.dialogue-session-alternative strong{overflow-wrap:anywhere;font-size:14px;line-height:1.3}.dialogue-session-alternative span{color:#77706c;font-size:11px;line-height:1.3}.dialogue-session-alternative i{color:#fff;text-align:center;opacity:0;pointer-events:none;background:#e93445;border-radius:999px;width:78px;padding:7px 8px;font-size:11px;font-style:normal;font-weight:850;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:8px;transform:translate(7px,-50%)}.dialogue-session-alternative:hover,.dialogue-session-alternative:focus-visible{background:#fff8f9;border-color:#e93445;transform:translateY(-1px);box-shadow:0 8px 18px #e934451a}.dialogue-session-alternative:hover i,.dialogue-session-alternative:focus-visible i{opacity:1;transform:translateY(-50%)}.dialogue-session-alternative:disabled{cursor:default;opacity:.72}.dialogue-inline-alternatives{color:#151313;text-align:left;background:linear-gradient(135deg,#fffdfb 0%,#fff9f1 100%);border:1px solid #eadfd5;border-radius:18px;grid-template-columns:52px minmax(0,1fr);align-items:center;width:min(1100px,100vw - 400px);max-width:none;min-height:126px;margin:14px auto 0;padding:14px 16px 14px 10px;display:grid;box-shadow:0 10px 28px #4a36270e}.word-exercise.has-dialogue-alternatives .segment-board{height:auto;margin-top:0}.word-exercise.has-dialogue-alternatives .segment-card{min-height:0;padding-top:0}.word-exercise.has-dialogue-alternatives .segment-card h3{margin-top:0;margin-bottom:5px}.word-exercise.has-dialogue-alternatives .segment-listen{margin-bottom:7px}.word-exercise.has-dialogue-alternatives .segment-actions{margin-top:10px}.dialogue-inline-alternatives>small{color:#151313;letter-spacing:.12em;text-orientation:upright;writing-mode:vertical-rl;border-right:1px solid #eadfd5;align-self:stretch;place-items:center;margin:0;padding-right:10px;font-size:16px;font-weight:850;line-height:1.15;display:grid}.dialogue-inline-alternatives>div{grid-template-columns:minmax(0,1fr);align-content:center;gap:6px;min-width:0;padding-left:16px;display:grid}.dialogue-inline-alternatives button{color:#6b4b3a;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:12px;width:100%;min-width:0;min-height:48px;padding:6px 8px 6px 14px;font-family:Noto Serif SC,serif;font-size:clamp(21px,1.5vw,25.5px);font-weight:700;line-height:1.35;transition:color .16s,background .16s,transform .16s;display:grid;position:relative}.segment-actions .dialogue-inline-alternatives{margin-top:0}.segment-actions .dialogue-inline-alternatives button{color:#6b4b3a;background:0 0;border:0;border-radius:10px;min-height:48px;padding:6px 8px 6px 14px;font-size:clamp(21px,1.5vw,25.5px)}@media (width>=761px){.classic-practice.has-dialogue-context .practice-shell{grid-template-columns:150px minmax(0,1fr) 150px;padding-top:4px}.classic-practice.has-dialogue-context .exercise-card{padding-top:8px}.word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-card{align-content:start;min-height:0;padding-top:8px}.word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-card h3{min-height:0;margin-top:2px;margin-bottom:4px}.word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-listen{margin-bottom:6px}.word-exercise.has-dialogue-prelude .segment-board.count-1 .word-inputs{gap-block:8px;min-height:60px}.word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-actions{gap:5px;margin-top:8px}.segment-board.count-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.segment-board:not(.count-1) .word-inputs{column-gap:5px}.word-exercise.has-dialogue-alternatives .segment-board.count-1 .segment-card{align-content:start;min-height:0;padding:4px 44px 10px}.word-exercise.has-dialogue-alternatives .segment-board.count-1 .segment-card h3{min-height:0;margin:0 0 4px}.word-exercise.has-dialogue-alternatives .segment-board.count-1 .segment-listen{margin-bottom:5px}.word-exercise.has-dialogue-alternatives .segment-board.count-1 .word-inputs{gap:8px 10px;min-height:54px}.word-exercise.has-dialogue-alternatives .segment-board.count-1 .word-inputs input{height:52px;font-size:22px}.word-exercise.has-dialogue-alternatives .segment-board.count-1 .segment-actions{gap:4px;margin-top:7px}}@media (width>=761px) and (height<=700px){.classic-practice.has-dialogue-context .node-progress{padding-top:4px;padding-bottom:0}.classic-practice.has-dialogue-context .practice-shell{padding-top:0}.word-exercise.has-dialogue-prelude .dialogue-prelude{margin-bottom:2px}.word-exercise.has-dialogue-prelude .dialogue-prelude article{padding-top:6px;padding-bottom:6px}.word-exercise.has-dialogue-prelude .dialogue-prelude-content{gap:2px}.word-exercise.has-dialogue-prelude .dialogue-prelude-content>strong{font-size:clamp(18px,1.55vw,23px);line-height:1.2}.word-exercise.has-dialogue-prelude .dialogue-prelude-content>span{font-size:clamp(14px,1.15vw,17px);line-height:1.25}.word-exercise.has-dialogue-prelude .annotation-cards.dialogue-context-note-cards>button{grid-template-rows:17px 23px minmax(21px,auto);min-height:70px}.word-exercise.has-dialogue-prelude .dialogue-context-listen{min-height:34px;margin:0;position:absolute;bottom:8px;right:16px}.word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-card{padding-top:0}.word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-card h3{font-size:clamp(26px,2vw,32px);line-height:1.35}}.dialogue-inline-alternatives button span{width:100%;min-width:0;color:inherit;overflow-wrap:normal;word-break:normal;text-align:center;grid-area:1/1;display:block}@media (width>=761px){.word-exercise.has-dialogue-alternatives .segment-board.count-1 .segment-card{grid-template-columns:minmax(0,1fr)}.segment-board.count-1 .segment-card .segment-actions{justify-self:center;width:min(1100px,100vw - 400px);max-width:none}.segment-board.count-1 .segment-actions .dialogue-inline-alternatives>div>button{color:#6b4b3a;width:100%;min-height:52px;padding:7px 8px 7px 16px;font-size:clamp(21px,1.5vw,25.5px)}}.dialogue-inline-alternatives button+button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#6b4b3a1f 12%,#6b4b3a4d 50%,#6b4b3a1f 88%,#0000 100%);height:1px;position:absolute;top:-3px;left:7%;right:7%}.dialogue-inline-alternatives button i{color:#fff;text-align:center;opacity:0;pointer-events:none;background:#e93445;border-radius:999px;grid-area:1/2;width:76px;padding:6px 7px;font-size:10px;font-style:normal;font-weight:850;transition:opacity .16s,transform .16s;position:static;transform:translate(-7px)}.dialogue-inline-alternatives.is-unlocked button:hover,.dialogue-inline-alternatives.is-unlocked button:focus-visible{color:#d92735;background:#e934450e;transform:translate(2px)}.dialogue-inline-alternatives.is-unlocked button:hover i,.dialogue-inline-alternatives.is-unlocked button:focus-visible i{opacity:1;transform:translate(0)}.dialogue-inline-alternatives.is-locked button{color:#aaa29e;cursor:default}.dialogue-main-sentence,.dialogue-alternative-sentence{text-align:left;width:100%;display:grid;position:relative}.dialogue-main-sentence{background:#fff5e9;border:1px solid #efc49d;border-radius:17px;gap:7px;min-height:106px;padding:18px 20px;box-shadow:0 10px 26px #70481d14}.dialogue-turn.staff .dialogue-main-sentence{background:#edf6f8;border-color:#cddfe4}.dialogue-main-sentence strong{font-size:clamp(21px,2vw,28px);line-height:1.35;color:#161313!important}.dialogue-main-sentence span{font-size:15px;color:#3f3835!important}.dialogue-main-sentence small{font-size:10px;font-weight:800;color:#9a6631!important}.dialogue-turn.staff .dialogue-main-sentence small{color:#427581!important}.dialogue-alternatives{gap:8px;margin-top:14px;padding-left:18px;display:grid}.dialogue-alternatives>b{color:#786e69;font-size:11px}.dialogue-alternative-sentence{background:#fff;border:1px solid #e4ded9;border-radius:14px;gap:4px;min-height:72px;padding:12px 16px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.dialogue-alternative-sentence:hover,.dialogue-alternative-sentence:focus-visible{z-index:2;background:#fff8f8;border-color:#ef3340;outline:none;transform:translate(4px);box-shadow:0 9px 20px #c1223317}.dialogue-alternative-sentence strong{font-size:17px;line-height:1.4;color:#211e24!important}.dialogue-alternative-sentence span{font-size:12px;color:#6f6763!important}.dialogue-alternative-sentence i{text-align:center;opacity:0;pointer-events:none;background:#ef3340;border-radius:999px;width:88px;padding:8px 6px;font-size:11px;font-style:normal;font-weight:850;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:-104px;transform:translate(10px,-50%);color:#fff!important}.dialogue-alternative-sentence:hover i,.dialogue-alternative-sentence:focus-visible i{opacity:1;transform:translateY(-50%)}.dialogue-practice-setup{background:#fff;border:1px solid #e7e2de;border-radius:24px;justify-items:center;gap:18px;margin-top:28px;padding:28px;display:grid}.dialogue-setup-heading{text-align:center;gap:5px;display:grid}.dialogue-setup-heading strong{font-size:23px}.dialogue-setup-heading span{color:#6e6662;font-size:13px}.setup-grid.compact{width:min(820px,100%)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(*){animation-duration:.3s;animation-timing-function:cubic-bezier(.22,.75,.25,1)}::view-transition-old(dialogue-practice){animation:.3s cubic-bezier(.4,0,.2,1) both dialogue-practice-out}::view-transition-new(dialogue-practice){animation:.3s cubic-bezier(.4,0,.2,1) both dialogue-practice-in}@keyframes dialogue-practice-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.992)}}@keyframes dialogue-practice-in{0%{opacity:0;transform:translateY(8px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.full-flow-overview{background:linear-gradient(135deg,#fffdf8,#fff7e3);border:1px solid #cb92215c;border-radius:22px;gap:8px;margin-bottom:18px;padding:22px 24px;display:grid}.full-flow-overview span{color:#8b5d0b;letter-spacing:.08em;font-size:11px;font-weight:900}.full-flow-overview strong{font-size:21px}.full-flow-overview p{color:#6d655f;margin:0;font-size:13px}.full-flow-part-tabs button:hover,.full-flow-part-tabs button:focus-visible,.full-flow-part-tabs button.active{background:#fff8e8;border-color:#cb92218c}.full-flow-group-section{gap:2px;animation:.3s cubic-bezier(.4,0,.2,1) both dialogue-practice-in;display:grid}.full-flow-group-card .restaurant-directory-number{background:#fff1c9;color:#80550b!important}.full-flow-group-card>button:not(:disabled){cursor:pointer;background:linear-gradient(135deg,#f4bc45,#eba62b);border-color:#d59a22;font-weight:850;color:#4f3304!important}.full-flow-group-card>button:not(:disabled):hover{filter:brightness(.97)}.full-flow-part-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.full-flow-part-card{background:#fff;border:1px solid #e4ded8;border-radius:24px;grid-template-columns:auto 1fr;align-items:start;gap:7px 13px;min-height:220px;padding:23px;display:grid}.full-flow-part-number{background:#f8e7b8;border-radius:16px;grid-row:1/span 4;place-items:center;width:50px;height:50px;font-size:13px;font-weight:900;display:grid;color:#80550b!important}.full-flow-part-card small{color:#8b5d0b;font-size:10px;font-weight:800}.full-flow-part-card h2{margin:0;font-size:24px}.full-flow-part-card p{color:#6d655f;margin:0;font-size:13px;line-height:1.55}.full-flow-part-card b{font-size:13px}.full-flow-part-card>button{grid-column:2;justify-self:start;margin-top:auto}.full-flow-part-card>button:disabled{opacity:1;background:#f4bc45;border-color:#d59a22;color:#4f3304!important}.full-flow-directory .mode-heading>span{color:#171414;letter-spacing:.08em;margin:2px 0 10px;display:block}.starter-lessons-page{max-width:1180px}.starter-lessons-page .mode-heading-nav{margin-left:calc(min(1480px,100vw - 56px)/-2 + min(1180px,100vw - 56px)/2)}.starter-stage-list{gap:28px;display:grid}.starter-stage{background:#ffffff61;border:1px solid #d99b232e;border-radius:26px;gap:14px;padding:20px;display:grid}.starter-stage>header{grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;padding:0 4px;display:grid}.starter-stage>header span{color:var(--gold-deep);letter-spacing:.1em;font-size:11px;font-weight:900}.starter-stage>header h2{margin:0;font-size:23px}.starter-stage>header small{color:var(--muted)}.starter-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.starter-lesson-card{border:1px solid var(--line);min-height:130px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffb3;border-radius:22px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px 22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.starter-lesson-card:hover,.starter-lesson-card:focus-visible{border-color:#d99b238c;outline:none;transform:translateY(-3px);box-shadow:0 18px 42px #5f431c1a}.starter-lesson-card.completed{background:linear-gradient(135deg,#fffbeff2,#ffffffc2)}.starter-lesson-card.locked{opacity:.56;cursor:not-allowed;filter:saturate(.55)}.starter-lesson-card.locked:hover{border-color:var(--line);box-shadow:none;transform:none}.starter-review-card{background:radial-gradient(circle at 88% 28%,#ffcd5a38,#0000 22%),linear-gradient(135deg,#fff9e8,#ffffffd6);border-color:#d99b236b;grid-column:1/-1;min-height:144px}.all-review-card{width:100%;min-height:154px}.vocab-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(920px,100%);margin:24px auto 30px;display:grid}.vocab-preview-grid button{min-height:126px;color:var(--ink);cursor:pointer;background:#ffffffd1;border:1px solid #d5a74c4d;border-radius:18px;justify-items:center;gap:6px;padding:17px 12px;display:grid;position:relative}.vocab-preview-grid small{color:#a57a34;font-size:11px}.vocab-preview-grid strong{font-size:21px}.vocab-preview-grid span{color:var(--muted);font-size:13px}.vocab-preview-grid i{color:var(--gold-deep);font-size:11px;font-style:normal;position:absolute;bottom:8px;right:10px}.starter-review-card .starter-lesson-number{color:#fff;background:linear-gradient(145deg,#f4bd42,#d99020);box-shadow:0 10px 24px #b975163b}.starter-lesson-number{width:52px;height:52px;color:var(--gold-deep);background:#fff1cc;border-radius:17px;place-items:center;font-size:14px;font-weight:850;display:grid}.starter-lesson-copy{gap:5px;display:grid}.starter-lesson-copy small{color:var(--gold-deep);font-size:11px;font-weight:760}.starter-lesson-copy strong{font-size:20px}.starter-lesson-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.starter-lesson-status{min-width:132px;color:var(--gold-deep);text-align:right;font-size:12px;font-weight:780}.setup-page{max-width:960px}.setup-page .mode-heading-nav{margin-left:calc(min(1480px,100vw - 56px)/-2 + min(960px,100vw - 56px)/2)}.setup-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0 20px;display:grid}.application-mode-note{text-align:center;background:#fff;border:1px solid #eadfcf;border-radius:18px;width:min(620px,100%);margin:18px auto 24px;padding:22px 26px}.application-mode-note strong{margin-bottom:7px;font-size:20px;display:block}.application-mode-note p{color:#746b63;margin:0}.setup-grid>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffffb8;border-radius:24px;gap:12px;min-height:158px;padding:22px;display:grid}.setup-grid>button.selected{border-color:var(--gold);background:#fffaf0;box-shadow:0 18px 42px #b677181f}.setup-grid span{color:var(--gold-deep);font-size:11px;font-weight:800}.setup-grid strong{font-size:25px}.setup-grid p{color:var(--muted);margin:0;line-height:1.6}.prompt-picker{border:1px solid var(--line);background:#ffffffb3;border-radius:14px;align-items:center;gap:7px;padding:6px;display:flex}.prompt-picker>span{color:var(--muted);margin:0 8px;font-size:12px}.prompt-picker button{cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 11px;font-size:12px}.prompt-picker button.active{color:#65400d;background:#f4c75e}.setup-page>.main-action,.crazy-home>.main-action{margin-top:24px}.crazy-home{color:#fff;background:radial-gradient(circle at 77% 28%,#f0444f38,#0000 25rem),#21151f;width:100%;max-width:none;min-height:calc(100vh - 78px);padding:30px max(5vw,50vw - 560px) 52px}.crazy-home .mode-heading p{color:#fff9}.crazy-home .mode-heading-nav>button{color:#fff;background:#ffffff12;border-color:#ffffff29}.crazy-home .page-path,.crazy-home .page-path span:last-child{color:#ffffffb8}.crazy-home .page-path i{color:#ffffff52}.dark-setup>button{color:#fff;background:#ffffff09;border-color:#ffffff1f}.dark-setup>button.selected{border-color:var(--red);background:#f0444f17}.dark-setup p{color:#ffffff94}.practice-page{min-height:calc(100vh - 78px)}.classic-practice{background:#fff;flex-direction:column;height:calc(100dvh - 78px);min-height:610px;display:flex;overflow:hidden}.classic-home,.starter-lessons-page,.setup-page,.classic-practice,.classic-result,.classic-home :where(h1,h2,h3,p,span,strong,small,i,b,button),.starter-lessons-page :where(h1,h2,h3,p,span,strong,small,i,b,button),.setup-page :where(h1,h2,h3,p,span,strong,small,i,b,button),.classic-practice :where(h1,h2,h3,p,span,strong,small,i,b,button),.classic-result :where(h1,h2,h3,p,span,strong,small,i,b,button){color:#000}.practice-bar,.crazy-topbar{border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:64px;padding:0 max(28px,50vw - 740px);display:flex}.practice-bar>button,.crazy-topbar>button{cursor:pointer;background:0 0;border:0}.page-back{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:auto;min-width:74px;height:38px;padding:0 13px;font-size:14px;line-height:1;display:inline-flex}.practice-bar>.page-back,.crazy-topbar>.page-back{margin-left:0;position:static}.practice-bar>span{flex:1;margin-left:0;font-weight:700}.practice-bar .prompt-picker{margin-left:auto}.practice-difficulty{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750;position:absolute;top:50%;right:max(28px,50vw - 740px);transform:translateY(-50%)}.practice-reviewing{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750;position:absolute;top:50%;left:max(28px,50vw - 740px);transform:translateY(-50%)}.node-progress{justify-content:center;gap:15px;padding:24px 0 8px;display:flex;position:relative}.node-progress button{cursor:pointer;background:0 0;border:2px solid #d5b985;border-radius:50%;width:12px;height:12px;padding:0}.node-progress button.done{background:#e5b44f}.node-progress button.current{box-shadow:0 0 0 6px #e5b44f2b}.practice-shell{flex:1;grid-template-columns:180px minmax(0,1fr) 180px;gap:0;width:min(1480px,100% - 56px);min-height:0;margin:0 auto;padding:16px 0 78px;display:grid}.vocab-exercise{align-content:center;justify-items:center;gap:26px;min-height:min(55vh,520px);padding:18px 0 34px;display:grid}.vocab-prompt{justify-items:center;gap:12px;display:grid}.vocab-prompt>span{color:var(--gold-deep);letter-spacing:.12em;font-size:12px;font-weight:900}.vocab-prompt h2{margin:4px 0 0;font-size:clamp(34px,4vw,54px)}.vocab-prompt p{color:var(--muted);margin:0}.vocab-listen-main{min-width:220px;min-height:76px;color:var(--gold-deep);cursor:pointer;background:#fffaebe6;border:1px solid #d99b2357;border-radius:22px;font-size:19px;font-weight:800}.vocab-options{grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;width:min(760px,90%);display:grid}.vocab-options button{min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffe0;border:1px solid #d5a74c4d;border-radius:18px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.vocab-options button:hover,.vocab-options button:focus-visible{border-color:var(--gold);outline:0;transform:translateY(-2px)}.vocab-options button.wrong{color:#c22a3c;background:#ffeef0e6;border-color:#e6324557;transform:none}.vocab-options kbd{width:28px;height:28px;color:var(--gold-deep);background:#fff4d8;border-radius:9px;place-items:center;display:grid}.vocab-options strong{font-size:18px}.vocab-options span{font-size:11px}.vocab-spelling{grid-template-columns:auto minmax(220px,360px) auto;align-items:center;gap:12px;display:grid}.vocab-spelling input{height:62px;color:var(--ink);text-align:center;background:#ffffffbf;border:0;border-bottom:3px solid #d6a146;outline:0;padding:10px 18px;font-size:27px}.vocab-spelling.wrong input{border-color:var(--brand);color:var(--brand);animation:.18s linear 2 shake-even}.vocab-spelling button{min-height:48px;color:var(--gold-deep);cursor:pointer;background:#fff;border:1px solid #d5a74c52;border-radius:13px;padding:0 16px}.vocab-answer-card{align-content:center;justify-items:center;gap:10px;min-height:min(58vh,540px);display:grid}.vocab-answer-card>small{color:#9d7430;font-size:15px}.vocab-answer-card>strong{font-size:clamp(46px,6vw,76px)}.vocab-answer-card>span{color:var(--muted);font-size:20px}.vocab-answer-card>i{color:var(--muted);font-size:11px;font-style:normal}.vocab-answer-sound{color:var(--gold-deep);cursor:pointer;background:0 0;border:0}@media (width>=761px){.practice-shell{grid-template-columns:220px minmax(0,1fr) 220px;gap:0;width:min(1620px,100% - 24px)}.exercise-card{padding:clamp(26px,2.6vw,46px) clamp(34px,4vw,66px)}.small-mascot{transform:translate(34px,82px)}.small-mascot p{border-radius:14px 14px 4px;left:auto;right:74%}.segment-card h3{font-size:clamp(23px,1.75vw,29px)}.segment-card .word-inputs input,.word-exercise>.segment-board .word-inputs input{height:56px;font-size:21px}.segment-board{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.segment-board.count-1{place-items:center}.segment-board.count-1 .segment-card{align-content:start;width:min(1180px,100%);min-height:min(48vh,430px);padding:68px 44px 24px}.segment-board.count-1 .segment-card h3{min-height:58px;box-shadow:none;background:0 0;margin:14px 0 16px;padding-inline:0;font-size:clamp(30px,2.2vw,38px)}.segment-board.count-1 .segment-listen{margin-bottom:20px;font-size:17px}.segment-board.count-1 .starter-scaffold-note{margin:14px 0 9px;font-size:14px}.segment-board.count-1 .word-inputs{gap:18px 14px;min-height:84px}.segment-board.count-1 .word-inputs input{min-width:22px;max-width:none;height:66px;font-size:25px}.segment-board.count-1 .segment-actions{gap:11px;margin-top:42px}.segment-board.count-1 .segment-actions button{min-height:44px;padding-inline:16px;font-size:13px}.split-guide{font-size:15px}}.small-mascot{z-index:2;text-align:center;grid-area:1/3;align-self:end;position:sticky;bottom:120px;overflow:visible}.small-mascot img{object-fit:contain;object-position:bottom;transform-origin:50% 82%;width:100%;height:230px;animation:3.8s ease-in-out infinite xiaoxi-breathe}.small-mascot span{color:var(--gold-deep);background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;display:inline-block}.small-mascot p{z-index:3;color:#7b551c;text-align:left;background:#fffffff0;border:1px solid #d5a74c3d;border-radius:14px 14px 14px 4px;width:150px;margin:0;padding:9px 11px;font-size:11px;line-height:1.5;animation:.18s bubble-in;position:absolute;top:12px;left:86%}@media (width>=761px){.small-mascot p{border-radius:14px 14px 4px;left:auto;right:74%}}.classic-mascot.mood-concerned img{animation:.42s both xiaoxi-concerned}.classic-mascot.mood-guide img{animation:.62s both xiaoxi-guide}.classic-mascot.mood-nod img{animation:.52s both xiaoxi-nod}.small-mascot .session-xiaoxi-rig{width:190px;height:285px;margin:-48px auto 0;animation:3.8s ease-in-out infinite xiaoxi-breathe;overflow:visible}.small-mascot .session-xiaoxi-rig img{object-position:center;width:100%;height:100%;animation:none;position:absolute;inset:0}.classic-mascot.mood-concerned .session-xiaoxi-rig{animation:.42s both xiaoxi-concerned}.classic-mascot.mood-guide .session-xiaoxi-rig{animation:.62s both xiaoxi-guide}.classic-mascot.mood-nod .session-xiaoxi-rig{animation:.52s both xiaoxi-nod}.exercise-card{width:100%;height:100%;min-height:0;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;grid-area:1/2;padding:clamp(20px,2.2vw,36px);overflow:visible}.question-meta{color:var(--gold-deep);justify-content:flex-end;gap:16px;font-size:12px;font-weight:800;display:flex}.question-meta span{margin-right:auto}.question-meta i{font-style:normal}.exercise-card h2{margin:40px 0 25px;font-family:Noto Serif SC,serif;font-size:clamp(30px,4vw,48px);line-height:1.35}.split-guide{color:var(--muted);margin:26px auto 22px;font-size:14px}.listen-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;margin-bottom:24px;padding:10px 13px}.segment-state{color:var(--muted);align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.segment-board{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;width:100%;height:calc(100% - 42px);margin-top:12px;display:grid}.segment-card{overflow-anchor:none;min-width:0;min-height:clamp(205px,30vh,265px);box-shadow:none;opacity:.58;text-align:center;background:0 0;border:0;border-radius:0;align-content:start;justify-items:center;padding:20px 18px 15px;transition:opacity .18s,transform .18s;display:grid;position:relative}.new-course-hint-layout .segment-card{grid-template-columns:minmax(0,1fr)}.segment-card.active{opacity:1;transform:translateY(-2px)}.segment-card.finished{opacity:.86;transform:translateY(-7px)scale(.96)}.segment-board.combining{place-items:center;height:auto;min-height:230px;display:grid;position:relative;overflow:hidden}.segment-board.combining:after{content:"";background:linear-gradient(90deg,#0000,#efb84e,#0000);border-radius:999px;width:28%;height:2px;animation:.72s forwards combine-light;position:absolute;bottom:38%;right:100%}.semantic-merge{text-align:center;width:min(920px,94%)}.semantic-merge>span{color:var(--muted);margin-bottom:28px;font-size:13px;display:block}.merge-chinese,.merge-english{flex-wrap:wrap;justify-content:center;align-items:baseline;display:flex}.merge-chinese{gap:0;width:max-content;max-width:100%;margin-inline:auto}.merge-chinese b{background:color-mix(in srgb, var(--merge-color) 15%, white);color:#000;border-radius:9px;padding:5px 0;font:700 clamp(18px,1.55vw,24px)/1.55 Noto Serif SC,serif;box-shadow:inset 0 -2px #000}.merge-english{gap:12px;min-height:48px;margin-top:28px;transition:opacity .38s,transform .38s,filter .38s}.merge-english strong{background:color-mix(in srgb, var(--merge-color) 13%, transparent);color:#000;will-change:transform;border-bottom:2px solid #000;border-radius:8px 8px 2px 2px;padding:6px 7px;font-size:clamp(18px,1.8vw,26px);line-height:1.25;display:inline-block}.merge-chinese .moved,.merge-english .moved{box-shadow:0 5px 14px color-mix(in srgb, var(--merge-color) 17%, transparent)}.merge-english .moved{border-radius:8px 8px 2px 2px;padding-inline:7px}.semantic-merge.is-settled .merge-english{gap:.28em}.semantic-merge.is-settled .merge-english strong,.semantic-merge.is-settled .merge-english .moved{padding-inline:5px}.semantic-merge.is-fading .merge-english{opacity:0;filter:blur(4px);transform:translateY(-7px)scale(.985)}.semantic-merge:not(.is-settled) .merge-token{animation:.52s cubic-bezier(.18,.82,.2,1) both merge-from-segment}.segment-card h3{color:#000;min-height:0;margin:10px auto 13px;padding:5px 0;font:700 clamp(18px,1.55vw,24px)/1.55 Noto Serif SC,serif;display:table}.new-course-hint-layout .segment-card .word-inputs{box-sizing:border-box;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-wrap:wrap;place-content:start center;gap:16px 10px;min-width:0;max-width:100%;min-height:72px;padding:0 4px 8px;overflow:visible;width:100%!important}.new-course-hint-layout .segment-card .word-inputs:hover,.new-course-hint-layout .segment-card .word-inputs:focus-within{scrollbar-color:#8b673047 transparent}.new-course-hint-layout .segment-card .word-inputs::-webkit-scrollbar{height:5px}.new-course-hint-layout .segment-card .word-inputs::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.new-course-hint-layout .segment-card .word-inputs:hover::-webkit-scrollbar-thumb{background:#8b673047}.new-course-hint-layout .segment-card .word-inputs:focus-within::-webkit-scrollbar-thumb{background:#8b673047}.new-course-hint-layout .segment-card .word-input-slot{grid-template-rows:56px auto;max-width:100%}.new-course-hint-layout .segment-board.count-1 .segment-card .word-inputs{max-width:100%;width:max-content!important}.new-course-hint-layout .whole-inline-entry .word-input-slot{grid-template-rows:48px auto}@media (width>=761px){.word-exercise.new-course-hint-layout.has-dialogue-prelude .segment-board.count-1 .word-input-slot{grid-template-rows:66px auto}.exercise-card:has(.new-course-hint-layout){padding-top:10px}.new-course-hint-layout .segment-board.count-1{place-items:start center}.new-course-hint-layout .segment-board.count-1 .segment-card{min-height:320px;padding-top:8px}.new-course-hint-layout .segment-board.count-1 .segment-actions{margin-top:14px}}.segment-board:not(.count-1) .segment-practice-core{width:100%;min-width:0}.new-course-hint-layout .segment-board:not(.count-1) .segment-card .word-inputs{flex-wrap:wrap;justify-content:center;column-gap:10px;width:100%;max-width:100%}.new-course-hint-layout .segment-board:not(.count-1) .word-input-slot:has(.word-inline-note-card){max-width:none}.new-course-hint-layout .segment-board:has(>.segment-card){flex-wrap:wrap;justify-content:center;align-items:start;width:max-content;max-width:min(1480px,100vw - 64px);height:auto;display:flex;position:relative;left:50%;transform:translate(-50%)}.new-course-hint-layout .segment-board:has(>.segment-card)>.segment-card{box-sizing:border-box;flex:0 auto;width:max-content;max-width:100%;padding-inline:8px}.new-course-hint-layout .segment-board .segment-practice-core{box-sizing:border-box;width:max-content;min-width:0;max-width:100%}.segment-board:not(.count-1) .segment-card h3{background:color-mix(in srgb, var(--segment-color) 15%, white);border-radius:9px;padding-inline:12px;box-shadow:inset 0 -2px #000}.segment-board.count-4,.segment-board.count-5{grid-template-columns:repeat(3,minmax(210px,1fr))}.segment-board.count-4 .segment-card,.segment-board.count-5 .segment-card{min-height:185px}.segment-board:not(.count-1) .segment-card .word-inputs input{--input-line:#000;background:linear-gradient(var(--input-line), var(--input-line)) center bottom / calc(100% - 12px) 2px no-repeat, linear-gradient(25deg, transparent 42%, var(--input-line) 44% 56%, transparent 58%) left bottom / 7px 6px no-repeat, linear-gradient(-25deg, transparent 42%, var(--input-line) 44% 56%, transparent 58%) right bottom / 7px 6px no-repeat, linear-gradient(color-mix(in srgb, var(--segment-color) 15%, white), color-mix(in srgb, var(--segment-color) 15%, white));border-radius:8px 8px 2px 2px}.segment-card .word-inputs input:disabled{color:#000;opacity:.74}.segment-listen{color:#000;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:-6px 0 18px;padding:8px 10px;font-size:15px;font-weight:700}.segment-listen:hover{background:color-mix(in srgb, var(--segment-color) 9%, transparent)}.segment-actions{justify-items:center;gap:8px;margin-top:32px;display:grid}.starter-scaffold-note{color:#9a6b24;margin:10px 0 6px;font-size:12px;font-weight:700}.segment-actions small{color:var(--muted);text-align:center;align-self:center;font-size:13px}.segment-actions button{border:1px solid color-mix(in srgb, var(--segment-color) 24%, #ddd);color:#000;cursor:pointer;background:#fff;border-radius:11px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700}.segment-actions button:disabled{cursor:default;opacity:.34}.segment-actions .segment-submit{background:var(--segment-color);color:#fff;border-color:#0000}.segment-state span{gap:4px;display:flex}.segment-state i{background:#dfd9d1;border-radius:2px;width:14px;height:3px}.segment-state i.active{background:var(--gold)}.hint-line{color:#9b671c;background:#fff3d5;border-radius:10px;margin-bottom:16px;padding:8px 13px;animation:.18s hint-in;display:inline-block}.hint-panel{justify-items:center;width:100%;margin:0 auto 12px;animation:.18s hint-in;display:grid}.hint-panel .hint-line{margin-bottom:7px}.annotation-cards.hint-note-cards{gap:8px;width:max-content;max-width:100%;padding:8px 0 12px}.annotation-cards.hint-note-cards>button{border-radius:16px;grid-template-rows:25px 38px minmax(32px,auto);min-height:116px;padding:7px 5px;box-shadow:0 12px 30px #6a491814}.annotation-cards.hint-note-cards .note-phonetic{font-size:11px}.annotation-cards.hint-note-cards .note-meaning{font-size:10px}.annotation-cards.hint-note-cards strong{font-size:clamp(15px,1.4vw,20px)}.word-inputs{flex-wrap:wrap;justify-content:center;align-items:start;gap:16px 10px;width:max-content;max-width:100%;min-height:64px;display:flex}.word-input-slot{grid-template-rows:48px auto;grid-template-areas:"english""meaning";align-self:start;justify-items:center;min-width:0;display:grid}.word-input-slot>input{will-change:transform;grid-area:1/english}.word-correction-card{color:#000;cursor:pointer;background:#fff8e9;border:1px solid #ead4aa;border-radius:12px;justify-items:center;gap:2px;min-width:92px;max-width:150px;margin-top:10px;padding:8px 12px;animation:.18s hint-in;display:grid;box-shadow:0 8px 22px #65481714}.word-correction-card strong{font-size:15px;line-height:1.2}.word-correction-card small{color:#5f5a52;white-space:nowrap;font-size:11px;line-height:1.25}.word-inputs input{--input-line:#000;box-sizing:border-box;background:linear-gradient(var(--input-line), var(--input-line)) center bottom / calc(100% - 12px) 2px no-repeat, linear-gradient(25deg, transparent 42%, var(--input-line) 44% 56%, transparent 58%) left bottom / 7px 6px no-repeat, linear-gradient(-25deg, transparent 42%, var(--input-line) 44% 56%, transparent 58%) right bottom / 7px 6px no-repeat;color:#000;text-align:center;border:0;border-radius:0;min-width:22px;max-width:none;height:48px;padding:8px 5px 6px;font:600 18px Inter,sans-serif}.word-inputs input:focus{--input-line:#000;filter:drop-shadow(0 3px 2px #e9ad4333);outline:0}.word-inputs input.wrong{--input-line:#000;color:#000}.word-inputs input.wrong-even{animation:.18s linear 2 shake-even}.word-inputs input.wrong-odd{animation:.18s linear 2 shake-odd}.exercise-actions{justify-content:space-between;margin-top:36px;display:flex}.exercise-actions>button:first-child,.success-answer button{color:var(--gold-deep);cursor:pointer;background:0 0;border:0}.success-answer{background:#fff7e5;border-radius:18px;gap:10px;margin-top:28px;padding:20px;display:grid}.sentence-assembly{background:0 0;border:0;border-radius:0;margin-top:24px;padding:clamp(18px,2.2vw,32px) 0;animation:.32s assembly-in}.sentence-assembly>span{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:700}.assembled-chinese,.assembled-english{flex-wrap:wrap;align-items:baseline;display:flex}.assembled-chinese{gap:0;margin-top:18px}.assembled-chinese b{color:#29231e;border-radius:7px;padding:3px 5px;font:700 clamp(23px,2.2vw,34px)/1.6 Noto Serif SC,serif}.assembled-chinese b.moved,.assembled-english strong.moved{background:color-mix(in srgb, var(--merge-color) 13%, transparent);color:color-mix(in srgb, var(--merge-color) 82%, #202020)}.assembled-english{border-top:1px solid var(--line);gap:.34em;margin-top:15px;padding-top:15px}.assembled-english strong{color:#29231e;border-radius:6px;padding:3px 2px;font-size:clamp(18px,1.8vw,27px);line-height:1.65}.assembly-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.assembly-actions>button:first-child{color:var(--gold-deep);cursor:pointer;background:0 0;border:0}.whole-inline-entry:after{display:none}.segment-board.combining.whole-inline-entry{overflow:visible}.new-course-hint-layout .whole-inline-entry{width:min(1480px,100vw - 64px);max-width:none;left:50%;transform:translate(-50%)}.new-course-hint-layout .whole-inline-entry .semantic-merge{width:100%;max-width:100%}.whole-inline-entry .semantic-merge>span{margin-bottom:24px}.new-course-hint-layout .whole-inline-entry .word-inputs{overscroll-behavior-inline:contain;scroll-behavior:smooth;opacity:0;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;min-height:62px;margin:-52px auto 0;padding:0 4px 8px;transition:opacity .32s,transform .32s;overflow:visible;transform:translateY(7px)}.whole-inline-entry .semantic-merge.is-settled .word-inputs,.whole-inline-entry .semantic-merge.has-word-hint .word-inputs{opacity:1;transform:translateY(0)}.whole-inline-entry .semantic-merge.has-word-hint .whole-answer-ghost{visibility:hidden}.whole-inline-entry .whole-entry-actions{transition:opacity .24s}.whole-inline-entry .semantic-merge.is-moving .whole-entry-actions{opacity:0;pointer-events:none}.whole-inline-entry .merge-chinese b,.whole-inline-entry .whole-answer-ghost strong{opacity:1;transform-origin:50%;will-change:transform}.whole-inline-entry .whole-answer-ghost strong{transition:opacity .36s}.whole-answer-ghost{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:.3em;width:max-content;max-width:100%;min-height:54px;margin:28px auto 0;display:flex}.whole-answer-ghost strong{box-sizing:border-box;background:linear-gradient(#000, #000) center bottom / calc(100% - 12px) 2px no-repeat, linear-gradient(25deg, transparent 42%, #000 44% 56%, transparent 58%) left bottom / 7px 6px no-repeat, linear-gradient(-25deg, transparent 42%, #000 44% 56%, transparent 58%) right bottom / 7px 6px no-repeat, linear-gradient(color-mix(in srgb, var(--merge-color) 15%, white), color-mix(in srgb, var(--merge-color) 15%, white));color:#000;text-align:center;border:0;border-radius:8px 8px 2px 2px;place-items:center;width:max-content;min-width:22px;max-width:none;height:48px;padding:8px 6px 6px;font:600 18px Inter,sans-serif;animation:none;display:inline-grid}.whole-inline-entry .semantic-merge.is-settled .whole-answer-ghost strong{opacity:0}.whole-inline-entry .semantic-merge.is-settled .merge-chinese b{background:color-mix(in srgb, var(--merge-color) 15%, white);transition:background-color .36s,box-shadow .36s;box-shadow:inset 0 -2px #000}.whole-inline-entry .word-inputs input.aligned-word{background:linear-gradient(#000, #000) center bottom / calc(100% - 12px) 2px no-repeat, linear-gradient(25deg, transparent 42%, #000 44% 56%, transparent 58%) left bottom / 7px 6px no-repeat, linear-gradient(-25deg, transparent 42%, #000 44% 56%, transparent 58%) right bottom / 7px 6px no-repeat, linear-gradient(color-mix(in srgb, var(--word-color) 15%, white), color-mix(in srgb, var(--word-color) 15%, white));box-shadow:0 5px 14px color-mix(in srgb, var(--word-color) 12%, transparent);border-radius:8px 8px 2px 2px}.whole-inline-entry .word-inputs input.aligned-word:focus{background:linear-gradient(#000, #000) center bottom / calc(100% - 12px) 2px no-repeat, linear-gradient(25deg, transparent 42%, #000 44% 56%, transparent 58%) left bottom / 7px 6px no-repeat, linear-gradient(-25deg, transparent 42%, #000 44% 56%, transparent 58%) right bottom / 7px 6px no-repeat, linear-gradient(color-mix(in srgb, var(--word-color) 15%, white), color-mix(in srgb, var(--word-color) 15%, white));box-shadow:0 5px 14px color-mix(in srgb, var(--word-color) 12%, transparent)}.whole-listen{color:var(--gold-deep);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:8px 0}.whole-entry-actions{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.whole-entry-actions>button{color:var(--gold-deep);background:#fffcf4e0;border:1px solid #bb802459;border-radius:10px;padding:8px 14px}.classic-practice.reviewed-dialogue-practice .word-annotation{width:100%;max-width:100%}@media (width>=761px){.classic-practice.reviewed-dialogue-practice .whole-inline-entry .word-inputs{font-size:21px}.classic-practice.reviewed-dialogue-practice .exercise-card:has(.word-annotation){justify-self:center;width:min(1120px,100vw - 64px);max-width:none}}@media (width<=899px){.classic-practice.reviewed-dialogue-practice .segment-practice-core{grid-template-columns:minmax(0,1fr)}.classic-practice.reviewed-dialogue-practice .practice-bar>.page-back{order:-2}}.classic-practice.reviewed-dialogue-practice .dialogue-inline-alternatives{max-width:100%;min-height:88px;margin-top:10px;padding-block:10px}.classic-practice.reviewed-dialogue-practice .dialogue-inline-alternatives>small{font-size:16px}@media (width>=900px) and (height<=900px){.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .annotation-sentence{margin-bottom:6px}:is(.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .assembled-chinese b,.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .assembled-english strong){line-height:1.3}.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives)>.annotation-cards{padding-block:4px}.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .dialogue-response-stack.is-visible{margin-top:6px}}@media (width>=900px){.classic-practice.reviewed-dialogue-practice .dialogue-prelude article,.classic-practice.reviewed-dialogue-practice .dialogue-response-stack article{width:min(1320px,100vw - 72px);min-height:160px;padding-inline:64px}.classic-practice.reviewed-dialogue-practice .dialogue-prelude-content>strong,.classic-practice.reviewed-dialogue-practice .dialogue-prelude-content>span,.classic-practice.reviewed-dialogue-practice .dialogue-response-content>strong,.classic-practice.reviewed-dialogue-practice .dialogue-response-content>span{padding-inline:76px}.classic-practice.reviewed-dialogue-practice .dialogue-context-listen{min-height:36px;margin:0;padding-inline:10px;position:absolute;top:12px;right:10px;transform:none}.classic-practice.reviewed-dialogue-practice .dialogue-prelude-title,.classic-practice.reviewed-dialogue-practice .dialogue-response-title{writing-mode:horizontal-tb;grid-template-columns:1fr 1fr;place-items:center;display:grid}.classic-practice.reviewed-dialogue-practice .dialogue-prelude-title>span,.classic-practice.reviewed-dialogue-practice .dialogue-response-title>span{writing-mode:vertical-rl;white-space:nowrap}}@media (width>=900px) and (width<=1500px){.classic-practice.reviewed-dialogue-practice .small-mascot{transform:translateY(82px)}.classic-practice.reviewed-dialogue-practice .small-mascot .session-xiaoxi-rig{aspect-ratio:2/3;width:100%;height:auto;margin-top:0}.classic-practice.reviewed-dialogue-practice .dialogue-prelude article,.classic-practice.reviewed-dialogue-practice .dialogue-response-stack article{width:calc(100vw - 120px)}.classic-practice.reviewed-dialogue-practice .dialogue-response-stack article{padding-right:150px}.classic-practice.reviewed-dialogue-practice .exercise-card:has(.word-annotation){width:100%;max-width:100%;padding-inline:16px}}@media (width>=900px) and (height<=800px){.reviewed-dialogue-practice:has(.word-annotation .dialogue-inline-alternatives) .node-progress{padding-top:16px}.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives)>.annotation-cards>button{grid-template-rows:20px 30px minmax(25px,auto);min-height:94px;padding-block:3px}.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .dialogue-context-note-cards>button{grid-template-rows:17px 25px minmax(22px,auto);min-height:80px;padding-block:3px}.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .annotation-sentence{margin-bottom:2px}:is(.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .assembled-chinese b,.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .assembled-english strong){line-height:1.2}.reviewed-dialogue-practice .word-annotation .dialogue-inline-alternatives{min-height:0;padding-block:6px}.reviewed-dialogue-practice .word-annotation:has(.dialogue-inline-alternatives) .annotation-actions{margin-top:4px}}.word-annotation{width:min(1120px,96%);margin:-30px auto 0;padding:0;animation:.42s both annotation-in}.classic-practice.has-journey-context .word-annotation{margin-top:10px}.classic-practice.has-dialogue-context{scroll-padding-bottom:124px;overflow:hidden auto}.classic-practice.has-dialogue-context .practice-shell{flex:none;min-height:calc(100dvh - 176px)}.classic-practice.has-dialogue-context .exercise-card{height:auto}.journey-stage-card{text-align:left;background:linear-gradient(135deg,#fffaf1f5,#fff6e8e6);border:1px solid #996f363d;border-radius:16px;gap:5px;width:min(920px,96%);margin:0 auto 14px;padding:12px 16px;display:grid;box-shadow:0 8px 20px #5b3e1d0f}.journey-stage-card>div{justify-content:flex-start;align-items:center;gap:12px;display:flex}.journey-stage-card small,.journey-stage-card span{color:#8a6238;letter-spacing:.04em;font-size:11px;font-weight:850}.journey-stage-card span{color:#c42c3a;background:#e9344514;border-radius:999px;padding:4px 8px}.journey-stage-card.is-task span{color:#3f717a;background:#4c71791a}.journey-stage-card strong{color:#2b2421;font-size:clamp(15px,1.5vw,18px)}.journey-stage-card p{color:#665b55;margin:0;font-size:13px;line-height:1.5}.dialogue-prelude{gap:10px;width:100vw;max-width:none;margin:0 0 8px calc(50% - 50vw);display:grid}.dialogue-prelude article,.dialogue-response-stack article{background:linear-gradient(135deg,#f7fbfc 0%,#eef6f8 100%);border:1px solid #5d8f9a4d;border-radius:18px;justify-items:center;gap:4px;padding:10px 16px 8px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 12px 28px #345b6514}.dialogue-prelude article{box-sizing:border-box;grid-template-columns:minmax(0,1fr);place-items:center stretch;width:min(1320px,100vw - 160px);margin-inline:auto;padding-left:72px}.dialogue-prelude article.is-speaking,.dialogue-response-stack article.is-speaking{background:linear-gradient(135deg,#faf9ff 0%,#f0edff 100%);border-color:#6354d6d1;animation:1.35s ease-in-out infinite reading-violet-pulse;box-shadow:0 0 0 4px #6354d624,0 14px 30px #3f2f9a24}.dialogue-response-stack article{grid-template-columns:minmax(0,1fr);place-items:center stretch;padding-left:72px}.dialogue-response-title,.dialogue-prelude-title{color:#151313;letter-spacing:.04em;text-orientation:upright;white-space:nowrap;writing-mode:vertical-rl;border-right:1px solid #d9d4e8;place-items:center;width:48px;margin:0;padding:0 10px 0 0;font-weight:850;line-height:1.15;display:grid;position:absolute;top:10px;bottom:10px;left:10px;font-size:16px!important}@media (width>=900px){.classic-practice.daily-campus-practice .exercise-card:has(.word-annotation){justify-self:center;width:min(1480px,100vw - 80px);max-width:none}.classic-practice.daily-campus-practice .word-annotation{width:100%;max-width:100%}.classic-practice.daily-campus-practice .dialogue-prelude article,.classic-practice.daily-campus-practice .dialogue-response-stack article{grid-template-columns:48px minmax(0,1fr);column-gap:14px;padding:10px 72px 10px 10px}.classic-practice.daily-campus-practice .dialogue-context-listen{min-height:36px;margin:0;padding-inline:10px;position:absolute;top:12px;right:10px;transform:none}.daily-campus-practice .dialogue-prelude-content>strong,.daily-campus-practice .dialogue-prelude-content>span,.daily-campus-practice .dialogue-response-content>strong,.daily-campus-practice .dialogue-response-content>span{padding-inline:76px}.classic-practice.daily-campus-practice .dialogue-response-title,.classic-practice.daily-campus-practice .dialogue-prelude-title{writing-mode:horizontal-tb;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;display:flex;position:static}.daily-campus-practice .word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-card,.daily-campus-practice .word-exercise.has-dialogue-prelude .segment-practice-core{padding-block:0}.daily-campus-practice .word-exercise.has-dialogue-prelude .segment-board.count-1 .segment-actions{margin-top:8px}.daily-campus-practice .dialogue-response-title>span,.daily-campus-practice .dialogue-prelude-title>span{writing-mode:vertical-rl;white-space:nowrap;flex-shrink:0}}@media (width>=900px) and (width<=1500px){.classic-practice.daily-campus-practice .small-mascot{transform:translateY(82px)}.classic-practice.daily-campus-practice .small-mascot .session-xiaoxi-rig{aspect-ratio:2/3;width:100%;height:auto;margin-top:0}}.dialogue-prelude-content,.dialogue-response-content{justify-items:center;gap:4px;min-width:0;padding:0;display:grid}.dialogue-response-content>strong{color:#1e3339;text-align:center;width:100%;min-width:0;max-width:100%;font-size:clamp(20px,1.8vw,27px);line-height:1.3;display:block}.dialogue-response-content>span{color:#5c6f75;text-align:center;width:100%;min-width:0;max-width:100%;font-family:Noto Serif SC,serif;font-size:clamp(16px,1.35vw,20px);font-weight:700;line-height:1.45;display:block}.segment-practice-core.is-reading-now,.semantic-merge.is-reading-now,.annotation-sentence.is-reading-now{outline-offset:7px;border-radius:18px;outline:3px solid #6354d6b8;animation:1.35s ease-in-out infinite reading-violet-pulse;position:relative;box-shadow:0 0 0 8px #6354d61a,0 12px 32px #3f2f9a1f}.segment-practice-core{overflow-anchor:none;border-radius:18px;align-content:start;justify-self:center;justify-items:center;width:max-content;max-width:100%;margin-inline:0;padding:8px 18px 12px;display:grid}.annotation-cards>button.is-reading-now{animation:1.35s ease-in-out infinite reading-violet-pulse;transform:translateY(-2px);background:linear-gradient(145deg,#fbfaff,#eeeaff)!important;border-color:#6354d6d1!important;box-shadow:0 0 0 4px #6354d624,0 10px 24px #3f2f9a29!important}@keyframes reading-violet-pulse{0%,to{filter:saturate()}50%{filter:saturate(1.18)brightness(1.015)}}.dialogue-context-listen{color:#315d70;cursor:pointer;background:#ffffffe6;border:1px solid #5378823d;border-radius:999px;justify-self:end;min-height:40px;margin-top:2px;padding:0 14px;font-size:11px;font-weight:800;position:static;transform:none}.dialogue-context-listen:active:not(:disabled){transform:scale(.97)}.dialogue-prelude article>small:not(.dialogue-prelude-title),.dialogue-response-stack article>small{color:#527783;letter-spacing:.08em;font-size:11px;font-weight:850}.dialogue-response-stack article>small.dialogue-response-title{color:#151313;letter-spacing:.04em;text-orientation:upright;white-space:nowrap;writing-mode:vertical-rl;width:48px;font-size:16px;position:absolute;top:10px;bottom:10px;left:10px}.dialogue-prelude-content>strong{color:#1e3339;text-align:center;width:100%;min-width:0;max-width:100%;font-size:clamp(20px,1.8vw,27px);line-height:1.3;display:block}.dialogue-prelude-content>span{color:#5c6f75;text-align:center;width:100%;min-width:0;max-width:100%;font-family:Noto Serif SC,serif;font-size:clamp(16px,1.35vw,20px);font-weight:700;line-height:1.45;display:block}.dialogue-prelude .dialogue-context-note-cards{margin-top:2px}.dialogue-response-stack{opacity:0;gap:12px;width:100vw;max-width:none;max-height:0;margin:0 0 0 calc(50% - 50vw);transition:max-height .42s cubic-bezier(.22,.7,.3,1),opacity .32s,transform .42s cubic-bezier(.22,.7,.3,1),margin .42s;display:grid;overflow:hidden;transform:translateY(46px)}.dialogue-response-stack article{box-sizing:border-box;width:min(1320px,100vw - 160px);margin-inline:auto}.dialogue-response-stack.is-visible{opacity:1;max-height:1800px;margin-top:10px;transform:translateY(0)}.annotation-cards.dialogue-context-note-cards{gap:6px;width:100%;max-width:100%;padding:3px 0 0}.annotation-cards.dialogue-context-note-cards>button{background:#ffffffe0;border-color:#5d8f9a3d;grid-template-rows:20px 27px minmax(25px,auto);min-height:84px;box-shadow:0 8px 20px #345b650f}.annotation-cards.dialogue-context-note-cards strong{font-size:clamp(14px,1.15vw,18px)}.annotation-cards.dialogue-context-note-cards .note-phonetic,.annotation-cards.dialogue-context-note-cards .note-meaning{font-size:9px}.classic-practice.has-dialogue-context .annotation-actions{padding-bottom:70px}.annotation-sentence{text-align:center;margin:10px auto 16px}.annotation-sentence.is-segmented{transform:translateY(18px)}.annotation-sentence .assembled-chinese,.annotation-sentence .assembled-english{border-top:0;justify-content:center;margin-top:5px;padding-top:0}.annotation-sentence .assembled-chinese b,.annotation-sentence .assembled-english strong{border-bottom:2px solid var(--merge-color);background:color-mix(in srgb, var(--merge-color) 13%, transparent);color:color-mix(in srgb, var(--merge-color) 82%, #202020)}.annotation-sentence.is-whole-sentence .assembled-chinese b,.annotation-sentence.is-whole-sentence .assembled-english strong{box-shadow:none;color:#000;background:0 0;border-bottom-color:#0000;border-radius:0;padding-inline:2px}.annotation-cards{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;width:max-content;max-width:100%;margin-inline:auto;padding:8px 0 12px;display:flex}.word-annotation>.annotation-cards{gap:5px}.annotation-cards>button{width:var(--word-note-width,max-content);background:#fffdf8e6;border:1px solid #c48a2f47;border-radius:16px;flex:none;grid-template-rows:25px 38px minmax(32px,auto);place-items:center;min-width:72px;min-height:116px;padding:7px 5px;display:grid;box-shadow:0 12px 30px #6a491814}.annotation-cards .note-phonetic,.annotation-cards .note-meaning{white-space:normal;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:4px;max-width:100%;display:inline-flex}.annotation-cards .note-phonetic{color:#315d70;white-space:nowrap;background:#edf5f8;padding:3px 6px;font-size:11px;font-weight:700}.annotation-cards .note-phonetic span,.annotation-cards .note-meaning span{letter-spacing:.04em;font-size:8px;font-weight:800}.annotation-cards .note-phonetic span{color:#6f929f}.annotation-cards strong{color:var(--ink);overflow-wrap:normal;word-break:keep-all;white-space:nowrap;text-align:center;max-width:100%;font-size:clamp(15px,1.4vw,20px);line-height:1.08}.annotation-cards strong.long-word{font-size:clamp(13px,1.15vw,17px)}.annotation-cards strong.extra-long-word{font-size:clamp(11px,1vw,15px)}.annotation-cards.hint-note-cards strong.long-word{font-size:clamp(13px,1.15vw,17px)}.annotation-cards.hint-note-cards strong.extra-long-word{font-size:clamp(11px,1vw,15px)}.annotation-cards .note-meaning{color:#8b4517;overflow-wrap:anywhere;word-break:normal;white-space:normal;background:#fff0e6;padding:4px 7px;font-size:10px;font-style:normal;font-weight:700;line-height:1.45}.annotation-cards .note-meaning span{color:#c66b2c}@media (width>=900px){.annotation-cards.dialogue-context-note-cards>button{min-width:0;max-width:var(--word-note-width,132px);flex:1 1 0}}.word-inline-note-card{box-sizing:border-box;background:#fffdf8f5;border:1px solid #c48a2f47;border-radius:12px;grid-area:2/meaning;grid-template-rows:25px 38px minmax(32px,auto);place-items:center;width:100%;min-width:0;min-height:116px;margin-top:10px;padding:7px 5px;animation:.18s hint-in;display:grid;box-shadow:0 9px 22px #6a491812}.whole-inline-entry .word-inline-note-card{animation-duration:.42s}.word-input-slot:has(.word-inline-note-card){flex:0 0 max(var(--word-slot-width), var(--word-note-width), 76px);width:max(var(--word-slot-width), var(--word-note-width), 76px);font-size:18px}.new-course-hint-layout .word-inputs.has-inline-notes .word-input-slot{flex:0 0 max(var(--word-slot-width), var(--word-note-width));width:max(var(--word-slot-width), var(--word-note-width));min-width:0;max-width:none}.new-course-hint-layout .word-inputs.has-inline-notes{gap-inline:8px}.dialogue-inline-alternatives button{grid-template-columns:minmax(0,1fr) auto}.dialogue-inline-alternatives button i,.dialogue-inline-alternatives.is-locked button i{opacity:1;display:block;transform:none}.dialogue-prelude article,.dialogue-response-stack article{padding-left:16px}@media (width>=900px){.classic-practice.daily-campus-practice .dialogue-prelude article,.classic-practice.daily-campus-practice .dialogue-response-stack article{grid-template-columns:minmax(0,1fr)}}.new-course-hint-layout .word-inputs.has-inline-notes .word-input-slot>input{box-sizing:border-box;min-width:0;max-width:100%;width:var(--word-slot-width)!important}.new-course-hint-layout .word-inputs.has-inline-notes .word-inline-note-card{box-sizing:border-box;min-width:0;width:100%!important}.new-course-hint-layout .word-inputs{font:600 18px Inter,sans-serif}@media (width>=761px){.new-course-hint-layout .segment-card .word-inputs{font-size:21px}.new-course-hint-layout .segment-board.count-1 .word-inputs{font-size:25px}}.new-course-hint-layout .word-input-slot{font:inherit;flex-shrink:0}.word-inline-note-card .note-phonetic,.word-inline-note-card .note-meaning{text-align:center;white-space:normal;border-radius:999px;justify-content:center;align-items:center;gap:3px;max-width:calc(100% - 4px);padding:3px 6px;font-size:10px;font-style:normal;font-weight:750;line-height:1.2;display:inline-flex}.word-inline-note-card .note-phonetic{color:#315d70;white-space:nowrap;background:#edf5f8;font-size:11px}.word-inline-note-card .note-meaning{color:#8b4517;background:#fff0e6}.word-inline-note-card .note-phonetic span,.word-inline-note-card .note-meaning span{white-space:nowrap;flex-shrink:0;font-size:8px;font-weight:850}.word-inline-note-card strong{color:#000;white-space:nowrap;max-width:100%;font-size:clamp(15px,1.4vw,20px);line-height:1.05}.word-inline-note-card strong.long-word{font-size:clamp(13px,1.15vw,17px)}.word-inline-note-card strong.extra-long-word{font-size:clamp(11px,1vw,15px)}.annotation-actions{justify-content:center;align-items:center;gap:18px;margin-top:8px;display:flex}@keyframes merge-from-segment{0%{opacity:.45;transform:translate(var(--merge-from-x), 52px) scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes whole-answer-merge{0%{opacity:.45;transform:translate(var(--merge-from-x), 48px) scale(.93)}58%{opacity:1;transform:translate(0)scale(1)}78%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.985)}}@keyframes annotation-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.success-answer span,.success-answer small{color:var(--muted);font-size:12px}.success-answer strong{color:#80521a;font-size:22px}.classic-dock{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8eb;border:1px solid #ba842b3b;border-radius:18px;grid-template-columns:repeat(6,minmax(88px,1fr));width:min(960px,100% - 36px);padding:5px;display:grid;position:fixed;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 22px 50px #583e192b}.classic-dock button{cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:max-content max-content;justify-content:center;align-items:center;gap:2px 4px;padding:7px 9px;display:grid;position:relative}.classic-dock button:hover,.classic-dock button.active{color:#8b5915;background:#fff2d4}.classic-dock kbd{color:#9b938a;grid-column:2;font-size:9px}.classic-dock i{color:#fff;pointer-events:none;background:#4a3928;border-radius:8px;width:max-content;padding:6px 9px;font-size:11px;font-style:normal;animation:.8s forwards float-feedback;position:absolute;top:-34px;left:50%}.directory-backdrop,.modal-backdrop,.pause-layer{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#251d185c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.directory-panel{background:#fffaf2;border:1px solid #c992324d;border-radius:28px;width:min(1080px,100%);height:min(720px,92vh);overflow:hidden;box-shadow:0 40px 100px #2d201340}.directory-top{border-bottom:1px solid var(--line);justify-content:space-between;padding:25px 30px;display:flex}.directory-top div{gap:5px;display:grid}.directory-top span{color:var(--gold-deep);font-size:11px;font-weight:800}.directory-top button{cursor:pointer;background:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:24px}.directory-body{grid-template-columns:43% 57%;height:calc(100% - 94px);display:grid}.directory-body aside{border-right:1px solid var(--line);padding:20px;overflow:hidden}.directory-body aside>input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:44px;padding:0 14px}.directory-body aside>div{height:calc(100% - 58px);margin-top:14px;overflow:auto}.directory-body aside button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;gap:4px;width:100%;padding:12px;display:grid}.directory-body aside button.active{background:#fff0cd}.directory-body aside small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.directory-body article{padding:38px;overflow:auto}.directory-body article>span{color:var(--gold-deep);font-size:12px}.directory-body article h2{margin:18px 0 28px;font:700 34px Noto Serif SC,serif}.directory-body article>div{background:#fff;border-radius:16px;gap:8px;margin:16px 0;padding:18px;display:grid}.directory-body article small{color:var(--muted)}.directory-body article>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;margin:8px 0 20px;padding:10px 14px}.pause-layer>div,.intro-card{background:var(--paper);text-align:center;border-radius:28px;width:min(520px,100%);padding:40px}.pause-layer span,.intro-card>span{color:var(--brand);letter-spacing:.12em;font-size:11px;font-weight:800}.pause-layer h2,.intro-card h2{margin:14px 0 24px;font-size:30px}.pause-layer button:not(.main-action){border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:46px;padding:0 18px}.pause-layer.dark{background:#070308c7}.pause-layer.dark>div,.intro-card{color:#fff;background:#2a1925;box-shadow:0 30px 90px #00000080}.pause-layer.dark>div{gap:12px;display:grid}.pause-layer.dark button:not(.main-action){color:#ffffffad;background:0 0;border-color:#ffffff1f}.result-page{text-align:center;width:min(1000px,100% - 48px);margin:0 auto;padding:70px 0 90px;position:relative}.classic-result{flex-direction:column;justify-content:center;min-height:calc(100dvh - 78px);padding:12px 0 18px;display:flex}.classic-result .result-xiaoxi-rig{width:142px;margin:-24px auto -20px}.result-page.classic-result h1{margin:8px 0;font-size:clamp(36px,4vw,54px)}.result-page.classic-result>p{line-height:1.55}.classic-result .result-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 18px;display:flex}.classic-result .result-grid>div{box-sizing:border-box;background:#fff;border-radius:16px;flex:0 calc(25% - 7.5px);gap:5px;min-width:min(180px,100%);padding:14px 18px}.classic-result .result-grid strong{font-size:24px}.classic-result .result-actions>button,.classic-result .result-actions>.main-action{min-height:46px}.result-back{border:1px solid var(--line);cursor:pointer;background:#ffffffb8;position:absolute;top:16px;left:calc(min(1480px,100vw - 56px)/-2 + min(1000px,100vw - 48px)/2)}.result-page h1{margin:14px 0;font:800 clamp(42px,6vw,72px) Noto Serif SC,serif}.result-page>p{max-width:650px;color:var(--muted);margin:0 auto;line-height:1.8}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:40px 0;display:grid}.result-grid>div{border:1px solid var(--line);background:#ffffffa6;border-radius:18px;gap:8px;padding:24px;display:grid}.result-grid small{color:var(--muted)}.result-grid strong{font-size:28px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-actions>button:not(.main-action){border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;min-height:52px;padding:0 20px}.classic-result .result-actions{align-items:flex-start}.classic-result .result-actions>.result-redo-button{color:#245a7a;background:#eaf3fb;border-color:#a8c8df}.classic-result .result-pain-action{justify-items:center;gap:8px;width:260px;max-width:100%;display:grid}.classic-result .result-pain-button{color:#96354a;cursor:pointer;background:#fcebed;border:1px solid #dda5b0;border-radius:16px;width:100%;min-height:52px;padding:0 20px}.classic-result .result-pain-action>p{color:#80525c;text-align:center;margin:0;font-size:14px;line-height:1.6}.classic-result .result-redo-button:hover{background:#dbeaf6}.classic-result .result-pain-button:hover:not(:disabled){background:#f8dbe1}.classic-result .result-actions button:disabled{opacity:.45;cursor:not-allowed}.crazy-practice,.crazy-result{color:#fff;background:radial-gradient(circle at 84% 45%,#f0444f30,#0000 27rem),linear-gradient(150deg,#1a1118,#28151f)}.crazy-practice{transition:filter .2s}.crazy-practice.sanity-low{box-shadow:inset 0 0 100px #c60f2624}.crazy-practice.sanity-critical{box-shadow:inset 0 0 130px #ea0f2947}.crazy-topbar{border-color:#ffffff17}.crazy-topbar>span{color:#ffffff9e;flex:1}.crazy-topbar>div{align-items:center;gap:20px;display:flex}.crazy-topbar b{color:#ffba45;font-size:24px}.crazy-topbar i{color:#ff7b85;font-style:normal}.crazy-progress{background:#ffffff0f;height:3px}.crazy-progress span{background:linear-gradient(90deg,#8a1428,#ff3d4e);height:100%;transition:width .28s;display:block}.crazy-stage{grid-template-columns:minmax(0,980px);justify-content:center;min-height:calc(100vh - 145px);padding:54px 32px 46px;display:grid;position:relative}.crazy-question{text-align:center;align-self:center;width:100%}.crazy-question>span{color:#ff6672;letter-spacing:.18em;font-size:11px;font-weight:800}.crazy-question h1{letter-spacing:-.04em;max-width:760px;margin:22px auto 12px;font-size:clamp(40px,6vw,72px);line-height:1.18}.crazy-question>p{color:#ffffff80}.crazy-question form{margin-top:56px}.crazy-question:has(.crazy-answer) form{margin-top:24px}.crazy-question .word-inputs{justify-content:center;min-height:80px}.crazy-question .word-inputs input{--input-line:#ffffff61;color:#fff}.crazy-question .word-inputs input:focus{--input-line:var(--red);filter:drop-shadow(0 5px 8px #f0444f33)}.crazy-question form>.main-action{margin-top:30px}.crazy-form-actions{justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.crazy-form-actions .main-action{margin:0}.give-up-button{color:#ffffffbd;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:15px;min-height:52px;padding:0 22px}.pause-button{min-width:42px;font-size:21px;line-height:1}.boss{width:210px;position:absolute;bottom:28px;right:clamp(12px,3vw,52px)}.boss .session-dianzai-rig{transform-origin:55% 80%;width:138%;animation:2.8s ease-in-out infinite dianzai-idle;transform:translate(-10%)}.boss span{background:#341a28;border:1px solid #ffffff1f;border-radius:14px 14px 4px;width:180px;padding:10px 12px;font-size:12px;position:absolute;top:-10px;right:0}.boss .session-dianzai-rig[data-motion=wrong]{animation:.48s both dianzai-smug}.boss .session-dianzai-rig[data-motion=correct]{animation:.42s both dianzai-annoyed}.boss .session-dianzai-rig[data-motion=streak-1]{animation:.52s both dianzai-impressed}.boss .session-dianzai-rig[data-motion=streak-2]{animation:.56s both dianzai-streak-two}.boss .session-dianzai-rig[data-motion=streak-3]{animation:.62s both dianzai-streak-three}.boss .session-dianzai-rig[data-motion=pause]{animation:.3s both dianzai-pause-settle}.boss .session-dianzai-rig[data-motion=wrong] .dianzai-rig-pen,.boss .session-dianzai-rig[data-motion^=streak] .dianzai-rig-pen{animation:.48s both dianzai-pen-reaction}.sanity-low .boss .session-dianzai-rig,.sanity-critical .boss .session-dianzai-rig{scale:1.06}.crazy-answer{border-top:3px solid var(--red);text-align:center;background:#ffffff0b;gap:8px;width:min(980px,100%);margin:16px auto 0;padding:14px 18px;display:grid}.crazy-answer.correct{border-color:#55c797}.crazy-answer span{color:#ff7b85;font-size:11px;font-weight:800}.crazy-answer>strong{color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.2}.crazy-answer>em{color:#ffffffa8;font-size:12px;font-style:normal}.crazy-answer small{color:#ffffff9e}.crazy-note-cards{width:min(100%, calc(var(--note-columns) * 96px));padding-block:4px 0}.crazy-note-cards>button{min-height:88px;box-shadow:none;background:#ffffff12;border-color:#ffffff24}.crazy-note-cards strong{color:#fff}.crazy-note-cards i,.crazy-note-cards small{color:#ffffffa3}.intro-card{text-align:left}.intro-card p{color:#ffffffa3;line-height:1.8}.intro-card>strong{border-left:3px solid var(--red);color:#ffb5ba;margin:20px 0;padding:12px;font-size:13px;display:block}.crazy-result{width:100%;min-height:calc(100vh - 78px);padding-inline:max(24px,50vw - 500px)}.crazy-result h1{font-family:Noto Sans SC,sans-serif}.crazy-result blockquote{color:#ff929a;margin:18px auto 30px;font-size:18px}.dianzai-evolution-unlock{background:linear-gradient(110deg,#e934452e,#ffbd541f);border:1px solid #ffbd546b;border-radius:18px;gap:5px;width:min(540px,100%);margin:0 auto 22px;padding:16px 20px;display:grid;box-shadow:0 0 38px #e9344524}.dianzai-evolution-unlock span,.dianzai-evolution-unlock small{color:#ffffff9e}.dianzai-evolution-unlock strong{color:#ffbd54;font-size:20px}.result-dianzai-rig{filter:drop-shadow(0 24px 32px #00000047);width:300px;animation:.56s cubic-bezier(.2,.8,.2,1) both dianzai-result-enter;position:absolute;top:72px;right:-265px}.result-dianzai-rig[data-motion=boss-victory]{animation:.62s cubic-bezier(.2,.8,.2,1) both dianzai-result-victory}.result-dianzai-rig[data-motion=rival-respect]{animation:.72s cubic-bezier(.2,.8,.2,1) both dianzai-result-respect}.result-dianzai-rig[data-motion=evolve]{animation:.86s cubic-bezier(.18,.82,.24,1) both dianzai-evolve}@keyframes dianzai-evolve{0%{opacity:0;filter:brightness(1.8)saturate(1.3);transform:translateY(24px)scale(.88)}42%{opacity:1;filter:brightness(1.35)saturate(1.16);transform:translateY(-10px)scale(1.08)}72%{transform:translateY(2px)scale(.98)}to{opacity:1;filter:none;transform:translateY(0)scale(1)}}.dark-grid>div{background:#ffffff09;border-color:#ffffff1a}.dark-grid small{color:#ffffff80}.review-cards{text-align:left;margin:42px 0}.review-cards h2{font-size:22px}.review-cards article{background:#ffffff09;border:1px solid #ffffff1a;border-radius:18px;gap:10px;margin:12px 0;padding:22px;display:grid}.review-cards article>span{color:#ff7580;font-size:11px}.review-cards h3,.review-cards p{margin:0}.review-cards p{color:#fffc;grid-template-columns:92px 1fr;display:grid}.review-cards p small,.review-cards em{color:#ffffff73;font-style:normal}.review-cards button{color:#ff8c94;cursor:pointer;background:0 0;border:0;justify-self:start}.crazy-result .result-actions>button:not(.main-action){color:#fff;background:#ffffff0a;border-color:#ffffff1f}.crazy-result .result-back{color:#fff;background:#ffffff0f;border-color:#ffffff24}.record-columns{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.companion-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:24px;display:grid}.companion-growth-grid .dianzai-growth-card{grid-template-columns:190px minmax(0,1fr);margin:0}.xiaoxi-growth-card{background:linear-gradient(120deg,#ffe29733,#a0d3ef1a);border-color:#d39c2d38}.xiaoxi-growth-card>div>span{color:#b97816}.xiaoxi-growth-card .dianzai-level-track i{background:linear-gradient(90deg,#e9a72e,#87c8ea)}.records-xiaoxi-rig{filter:drop-shadow(0 16px 20px #714c1421);width:180px;margin-block:-38px}.result-xiaoxi-rig{filter:drop-shadow(0 18px 22px #714c1424);width:190px;margin:-36px auto -24px}.result-xiaoxi-rig[data-motion=proud]{animation:.68s both xiaoxi-nod}.result-xiaoxi-rig[data-motion=evolve]{animation:.9s both xiaoxi-result-evolve}@keyframes xiaoxi-result-evolve{0%{opacity:0;filter:brightness(1.35);transform:translateY(14px)scale(.92)}55%{opacity:1;filter:brightness(1.12);transform:translateY(-5px)scale(1.04)}to{opacity:1;filter:none;transform:none}}.dianzai-growth-card{background:linear-gradient(120deg,#e9344512,#ffbd541a);border:1px solid #e9344524;border-radius:24px;grid-template-columns:240px 1fr;align-items:center;gap:30px;margin:0 0 24px;padding:22px 30px;display:grid;overflow:hidden}.records-dianzai-rig{filter:drop-shadow(0 16px 20px #4d182229);width:230px;margin-block:-28px}.dianzai-growth-card>div>span{color:#e93445;letter-spacing:.12em;font-size:11px;font-weight:900}.dianzai-growth-card h2{margin:6px 0;font-size:26px}.dianzai-growth-card p{color:#76656b;margin:0;line-height:1.7}.dianzai-level-track{background:#57343d1a;border-radius:999px;height:8px;margin:16px 0 8px;overflow:hidden}.dianzai-level-track i{border-radius:inherit;background:linear-gradient(90deg,#e93445,#ffbd54);height:100%;transition:width .36s;display:block}.dianzai-growth-card small{color:#9b7d84}.record-list{border:1px solid var(--line);background:#ffffffad;border-radius:24px;padding:26px}.record-list article{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;gap:14px;padding:15px 0;display:grid}.record-list i{color:var(--brand);font-style:normal}@keyframes float-halo{0%,to{transform:translateY(0)rotate(-9deg)}50%{transform:translateY(-7px)rotate(-7deg)}}@keyframes flame-pulse{0%,to{opacity:.68;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes glint{0%,68%,to{opacity:0;transform:scale(.4)}74%{opacity:1;transform:scale(1.2)}}@keyframes spin{0%,70%,to{opacity:0;transform:rotate(0)}76%{opacity:1}92%{opacity:.7;transform:rotate(220deg)}}@keyframes wash{0%{opacity:0;transform:translate(-7%)}55%{opacity:1}to{opacity:0;transform:translate(7%)}}@keyframes shake-even{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes shake-odd{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes combine-light{0%{opacity:0;left:-25%}22%{opacity:.9}to{opacity:0;left:102%}}@keyframes hint-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes float-feedback{0%{opacity:1;transform:translate(-50%,8px)}to{opacity:0;transform:translate(-50%,-18px)}}@keyframes assembly-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes whole-inputs-in{0%{opacity:0;filter:blur(3px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes bubble-in{0%{opacity:0;transform:translate(-4px,5px)}to{opacity:1;transform:translate(0)}}@keyframes xiaoxi-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.008)}}@keyframes xiaoxi-concerned{0%,to{transform:rotate(0)}45%{transform:rotate(-3deg)translateY(2px)}}@keyframes xiaoxi-guide{0%,to{transform:translate(0)rotate(0)}45%{transform:translate(7px)rotate(2deg)}}@keyframes xiaoxi-nod{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(4px)rotate(1deg)}68%{transform:translateY(-3px)rotate(-1deg)}}@keyframes dianzai-idle{0%,to{transform:translate(-10%)rotate(0)}50%{transform:translate(-10%)rotate(1.2deg)}}@keyframes dianzai-face-in{0%{opacity:.35;transform:scale(.995)}to{opacity:1;transform:scale(1)}}@keyframes dianzai-home-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(.7deg)}}@keyframes dianzai-home-proximity{0%{transform:translate(0)scale(1)}to{transform:translate(-2%,-1%)rotate(-.8deg)scale(1.018)}}@keyframes dianzai-home-hover{0%{transform:translate(-2%,-1%)scale(1.018)}to{transform:translate(-4%,-3%)rotate(-1.4deg)scale(1.035)}}@keyframes dianzai-home-enter{0%{transform:translate(-4%,-3%)rotate(-1.4deg)scale(1.035)}52%{transform:translate(-8%,-5%)rotate(-4deg)scale(1.07)}to{transform:translate(-2%,-1%)rotate(0)scale(1.02)}}@keyframes dianzai-pen-float{0%,to{transform:rotate(0)}50%{transform:rotate(1.2deg)}}@keyframes dianzai-pen-ready{0%{transform:rotate(0)}55%{transform:rotate(-5deg)translate(1px,-2px)}to{transform:rotate(-2deg)}}@keyframes dianzai-red-trail{0%{opacity:0;transform:rotate(-22deg)scaleX(.15)}38%{opacity:1}to{opacity:0;transform:rotate(-22deg)scaleX(1)}}@keyframes dianzai-result-enter{0%{opacity:0;transform:translate(22px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes dianzai-smug{0%,to{transform:translate(-10%)rotate(0)}45%{transform:translate(-15%)rotate(-3deg)scale(1.03)}}@keyframes dianzai-annoyed{0%,to{transform:translate(-10%)}30%{transform:translate(-4%)rotate(2deg)}65%{transform:translate(-13%)rotate(-1deg)}}@keyframes dianzai-impressed{0%,to{transform:translate(-10%)scale(1)}42%{transform:translate(-14%)translateY(-6px)scale(1.04)}}@keyframes dianzai-streak-two{0%,to{transform:translate(-10%)scale(1)}28%{transform:translate(-4%)rotate(2.4deg)scale(1.025)}62%{transform:translate(-15%)translateY(-7px)rotate(-1.2deg)scale(1.055)}}@keyframes dianzai-streak-three{0%,to{transform:translate(-10%)scale(1)}22%{transform:translate(-16%)translateY(-8px)rotate(-2deg)scale(1.065)}46%{transform:translate(-6%)translateY(2px)rotate(1.4deg)scale(1.02)}72%{transform:translate(-13%)translateY(-4px)scale(1.04)}}@keyframes dianzai-pause-settle{0%{transform:translate(-10%)rotate(1deg)}to{transform:translate(-10%)rotate(-.8deg)translateY(2px)}}@keyframes dianzai-pen-reaction{0%,to{transform:rotate(0)}35%{transform:rotate(4deg)}68%{transform:rotate(-3deg)}}@keyframes dianzai-result-victory{0%{opacity:0;transform:translate(28px)rotate(4deg)scale(.93)}58%{opacity:1;transform:translate(-5px)rotate(-1deg)scale(1.04)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes dianzai-result-respect{0%{opacity:0;transform:translate(24px)scale(.96)}48%{opacity:1;transform:translate(-3px)translateY(-4px)scale(1.025)}72%{transform:translate(0)translateY(3px)rotate(.8deg)scale(1)}to{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}}@media (width<=1040px){.companion-growth-grid{grid-template-columns:1fr}.companion-growth-grid .dianzai-growth-card{grid-template-columns:170px minmax(0,1fr)}.records-xiaoxi-rig{width:160px}.mode-card{min-height:500px}.card-copy{width:62%;padding-left:36px}.course-grid,.restaurant-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-entry-card:last-child{grid-column:1/-1}.restaurant-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-directory-grid,.starter-lesson-grid{grid-template-columns:1fr}.practice-shell{grid-template-columns:105px minmax(0,1fr) 105px}.crazy-stage{grid-template-columns:minmax(0,1fr)}}@media (width<=1500px){.result-dianzai-rig{opacity:.72;width:220px;right:-80px}}@media (width<=760px){.course-grid{grid-template-columns:1fr}.course-group-heading{gap:4px;display:grid}.course-group-heading p{text-align:left}.site-header{width:calc(100% - 28px);height:66px}.mode-heading{padding-top:0}.mode-heading-nav>button,.practice-bar>.page-back,.crazy-topbar>.page-back{position:static}.setup-page .mode-heading-nav,.starter-lessons-page .mode-heading-nav{margin-left:0}.practice-difficulty{padding:5px 9px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.practice-reviewing{padding:5px 9px;left:14px}.practice-bar>span{margin-left:0}.result-back{top:8px;left:-10px}.brand-button{width:auto}.brand-mark{width:34px;height:34px;font-size:20px}.brand-button strong{font-size:18px}.header-action-button{min-height:38px;padding:4px 13px 4px 5px;font-size:14px}.header-home-actions{gap:6px}.header-notification-panel{right:-80px}.header-notification-button{width:38px;min-height:38px;padding:0}.text-action{display:none}.landing{width:calc(100% - 28px);padding-top:30px}.hero-copy h1{white-space:normal;font-size:clamp(21px,6.3vw,27px)}.hero-title{gap:7px;line-height:1.22}.hero-title-line{flex-wrap:wrap;gap:8px 12px}.hero-copy p{font-size:14px}.mode-grid{grid-template-columns:1fr;gap:46px;width:100%;min-width:0;margin-top:38px}.mode-card{border-radius:28px;min-width:0;min-height:560px;overflow:hidden}.card-copy{width:66%;padding:34px 0 32px 26px}.mode-card h2{font-size:36px}.mascot-wrap{width:64%;height:88%;bottom:-1%;right:-8%}.course-grid,.restaurant-entry-grid,.setup-grid,.starter-lesson-grid,.record-columns{grid-template-columns:1fr}.restaurant-entry-card:last-child{grid-column:auto}.restaurant-entry-card{min-height:300px;padding:23px}.restaurant-prototype-note{border-radius:16px;align-items:flex-start}.restaurant-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-section-tabs button{min-height:72px;padding:12px}.restaurant-section-intro,.restaurant-dialogue-section>header{gap:6px;display:grid}.restaurant-dialogue-section>header p{text-align:left}.restaurant-directory-card{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:13px;padding:17px}.restaurant-directory-number{border-radius:14px;width:46px;height:46px}.restaurant-directory-card>button{grid-column:2;justify-self:start}.dialogue-detail-intro{padding:17px}.dialogue-turn,.dialogue-turn.customer,.dialogue-turn.staff{grid-template-columns:1fr;gap:10px;margin-inline:0;padding:15px}.dialogue-speaker{align-items:center;gap:9px;padding:0;display:flex}.dialogue-main-sentence{min-height:96px;padding:15px}.dialogue-session-choice{grid-template-columns:1fr;margin-bottom:18px}.dialogue-session-current{min-height:76px}.dialogue-session-alternatives{grid-template-columns:1fr}.dialogue-session-alternative{padding-left:88px}.dialogue-session-alternative i{opacity:1;width:68px;left:9px;transform:translateY(-50%)}.dialogue-inline-alternatives>div{grid-template-columns:1fr;gap:2px}.dialogue-inline-alternatives{width:calc(100vw - 24px);max-width:none}.dialogue-inline-alternatives button{color:#6b4b3a;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:44px;padding:5px 4px 5px 8px;font-size:clamp(16px,4.35vw,20px)}.dialogue-inline-alternatives.is-locked button{grid-template-columns:minmax(0,1fr) auto}.dialogue-inline-alternatives button i,.dialogue-inline-alternatives.is-locked button i{opacity:1;display:block;transform:none}.dialogue-alternatives{padding-left:0}.dialogue-alternative-sentence{padding-top:36px}.dialogue-alternative-sentence i{opacity:1;width:auto;padding:5px 9px;top:8px;left:12px;transform:none}.dialogue-alternative-sentence:hover i,.dialogue-alternative-sentence:focus-visible i{transform:none}.dialogue-practice-setup{padding:20px 15px}.dialogue-prelude,.dialogue-response-stack{width:100%}.dialogue-prelude{margin:0 0 8px}.dialogue-response-stack{margin-left:0}.dialogue-prelude article,.dialogue-response-stack article{border-radius:15px;gap:5px;width:100%;padding:12px 10px 10px}.dialogue-response-stack article,.dialogue-prelude article{grid-template-columns:minmax(0,1fr);padding-left:57px}.dialogue-response-title,.dialogue-prelude-title{width:39px;padding-right:7px;top:8px;bottom:8px;left:7px;font-size:16px!important}.dialogue-response-content,.dialogue-prelude-content{padding:0 0 0 9px}.dialogue-prelude-content>strong,.dialogue-response-content>strong{font-size:clamp(18px,5.2vw,23px)}.dialogue-prelude-content>span,.dialogue-response-content>span{font-size:clamp(15px,4.2vw,18px)}.annotation-cards.dialogue-context-note-cards{overscroll-behavior-inline:contain;width:100%;overflow-x:auto}.classic-practice.has-dialogue-context .annotation-actions{padding-bottom:90px}.journey-stage-card{border-radius:13px;width:100%;margin-bottom:10px;padding:10px 12px}.journey-stage-card p{font-size:12px}.full-flow-part-grid{grid-template-columns:1fr}.full-flow-part-card{padding:18px}.starter-lesson-card{grid-template-columns:44px minmax(0,1fr);gap:13px;padding:17px}.starter-stage{padding:14px}.starter-stage>header{grid-template-columns:auto 1fr}.starter-stage>header small{grid-column:2}.vocab-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-options,.vocab-spelling{grid-template-columns:1fr;width:100%}.starter-lesson-number{border-radius:14px;width:44px;height:44px}.starter-lesson-status{text-align:left;grid-column:2;min-width:0}.mode-home,.records-page{width:calc(100% - 28px);padding-top:28px}.practice-bar{flex-wrap:wrap;gap:8px;padding:10px 14px}.practice-bar>span{flex-basis:65%;order:-1}.practice-bar .prompt-picker{width:100%;overflow-x:auto}.node-progress{box-sizing:border-box;flex-wrap:wrap;gap:9px;max-width:100%;padding-inline:14px}.practice-shell{width:calc(100% - 20px);padding:20px 14px 100px;display:block}.classic-practice{height:auto;min-height:calc(100dvh - 66px);display:block;overflow:visible}.small-mascot{display:none}.exercise-card{border-radius:22px;height:auto;min-height:420px;padding:28px 22px;overflow:visible}.segment-board{grid-template-columns:1fr;height:auto}.segment-card{grid-template-columns:minmax(0,1fr);min-height:235px}.segment-practice-core{justify-self:stretch;width:auto;min-width:0;max-width:100%;padding-inline:0}.segment-card .word-inputs{align-self:stretch;width:auto;min-width:0;max-width:100%}.assembly-actions{flex-direction:column;align-items:stretch}.classic-dock{border-radius:18px;grid-template-columns:repeat(6,1fr);padding:4px;bottom:4px}.classic-dock button{justify-content:center;padding:8px 5px;display:flex}.classic-dock button>span,.classic-dock kbd{display:none}.classic-practice:has(.word-inputs input:focus,.vocab-spelling input:focus) .practice-shell{padding-bottom:48vh}.classic-practice:has(.word-inputs input:focus,.vocab-spelling input:focus) .classic-dock{opacity:0;pointer-events:none;transform:translate(-50%,120%)}.word-inputs input,.vocab-spelling input{scroll-margin-block:30vh}.directory-body{grid-template-columns:1fr}.directory-body aside{display:none}.result-grid,.classic-result .result-grid{grid-template-columns:repeat(2,1fr)}.result-dianzai-rig{opacity:1;width:170px;margin:10px auto -10px;position:relative;top:auto;right:auto}.crazy-stage{padding:48px 20px 70px;display:block}.crazy-topbar{gap:10px;padding:0 12px}.crazy-topbar>div{gap:9px;font-size:12px}.crazy-topbar b{font-size:18px}.crazy-question h1{font-size:42px}.crazy-question form{margin-top:38px}.boss{pointer-events:none;width:130px;position:fixed;bottom:8px;right:-22px}.boss span{display:none}}@media (width<=899px){.classic-practice.reviewed-dialogue-practice{height:auto;min-height:calc(100dvh - 66px);display:block;overflow:visible}.classic-practice.reviewed-dialogue-practice .practice-shell{width:calc(100% - 24px);min-height:0;padding:12px 0 96px;display:block}.classic-practice.reviewed-dialogue-practice .exercise-card{width:100%;max-width:100%;min-height:0;padding:12px 8px}.classic-practice.reviewed-dialogue-practice .word-annotation{margin-top:0}.classic-practice.reviewed-dialogue-practice .segment-board{grid-template-columns:minmax(0,1fr)}.classic-practice.reviewed-dialogue-practice .whole-inline-entry{width:100%;max-width:100%;left:auto;transform:none}.classic-practice.reviewed-dialogue-practice .semantic-merge{min-width:0}.classic-practice.reviewed-dialogue-practice .dialogue-prelude,.classic-practice.reviewed-dialogue-practice .dialogue-response-stack{width:100%;margin-inline:0}.classic-practice.reviewed-dialogue-practice .dialogue-prelude article,.classic-practice.reviewed-dialogue-practice .dialogue-response-stack article{width:100%;padding-inline:57px 10px}.classic-practice.reviewed-dialogue-practice .dialogue-prelude-content,.classic-practice.reviewed-dialogue-practice .dialogue-response-content{padding:0}.classic-practice.reviewed-dialogue-practice .dialogue-context-note-cards{overflow:visible}.classic-practice.reviewed-dialogue-practice .dialogue-prelude-title,.classic-practice.reviewed-dialogue-practice .dialogue-response-title{writing-mode:horizontal-tb;grid-template-columns:repeat(2,auto);justify-content:center;gap:3px;width:39px;padding-right:7px;display:grid;left:7px}.classic-practice.reviewed-dialogue-practice .dialogue-prelude-title>span,.classic-practice.reviewed-dialogue-practice .dialogue-response-title>span{writing-mode:vertical-rl;white-space:nowrap}.classic-practice.reviewed-dialogue-practice .node-progress{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 14px 8px}.classic-practice.reviewed-dialogue-practice .practice-difficulty,.classic-practice.reviewed-dialogue-practice .practice-reviewing{position:static}.classic-practice.reviewed-dialogue-practice .small-mascot{display:none}}@media (hover:none),(pointer:coarse){.mode-card:hover{transform:none}.mode-card.is-focused{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.mode-card:hover,.mode-card.is-focused,.mode-card:hover .mascot-art,.mode-card.is-focused .mascot-art,.mode-card:hover .home-dianzai-rig,.mode-card.is-focused .home-dianzai-rig,.mode-card:hover .home-xiaoxi-rig,.mode-card.is-focused .home-xiaoxi-rig{transform:none}}.site-filing-footer{text-align:center;padding:14px 20px 22px;font-size:12px;line-height:1.5}.site-filing-footer a{color:#8b7f82;text-decoration:none}.site-filing-footer a:hover{color:#e93445}.learning-library-page{width:min(1180px,100% - 56px);margin:0 auto;padding:28px 0 64px}.learning-library-overview{grid-template-columns:1.7fr repeat(3,minmax(140px,.8fr));gap:14px;margin:22px 0 24px;display:grid}.learning-library-overview>div,.learning-continue-card,.learning-data-summary>div{text-align:left;background:#ffffffd1;border:1px solid #705b4a29;border-radius:20px;align-content:center;min-height:116px;padding:20px;display:grid;position:relative}.learning-continue-card{cursor:pointer;background:linear-gradient(135deg,#fff9f4,#fff0e8);border-color:#e9344533}.learning-continue-card span,.learning-library-overview small,.learning-data-summary small{color:#9a6b24;font-size:11px;font-weight:800}.learning-continue-card strong{margin:5px 0;font-size:21px}.learning-continue-card i{color:var(--muted);font-size:12px;font-style:normal}.learning-continue-card b{font-size:22px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.learning-library-overview>div strong,.learning-data-summary strong{margin:4px 0 0;font-size:28px}.learning-library-overview>div span,.learning-data-summary span{color:var(--muted);font-size:12px}.learning-library-tabs{border:1px solid var(--line);background:#ffffffa8;border-radius:17px;flex-wrap:wrap;gap:8px;padding:7px;display:flex}.learning-library-tabs button{color:#665d58;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 15px;display:flex}.learning-library-tabs button.active{color:#fff;background:#211e24}.learning-library-tabs button span{min-width:22px;color:var(--brand);background:#e934451a;border-radius:999px;padding:2px 6px;font-size:10px}.learning-library-tabs button.active span{color:#fff;background:#ffffff29}.learning-library-content{margin-top:18px}.learning-question-list,.saved-expression-list{gap:12px;display:grid}.learning-question-list article,.saved-expression-list article{border:1px solid var(--line);background:#ffffffd1;border-radius:19px;padding:20px 22px}.learning-item-source{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.learning-item-source span{color:#8b5d1f;background:#fff1df;border-radius:999px;padding:4px 8px;font-weight:800}.learning-item-source i{font-style:normal}.learning-question-list h2,.saved-expression-list h2{margin:13px 0 6px;font-family:Noto Serif SC,serif;font-size:21px}.learning-question-list p,.saved-expression-list p{color:#393334;margin:0;font-size:16px}.learning-reason-tags{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.learning-reason-tags span{color:#b52d3b;background:#fff0f1;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.learning-item-actions,.saved-expression-list article>div{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.learning-item-actions button,.saved-expression-list article>div button,.saved-word-grid article>div button{cursor:pointer;background:#fff;border:1px solid #ead4aa;border-radius:10px;min-height:36px;padding:0 12px}.learning-item-actions button.quiet,.saved-expression-list button.quiet{color:var(--muted);border-color:#0000;margin-left:auto}.learning-library-empty{text-align:center;background:#ffffff8c;border:1px dashed #ddcdbd;border-radius:22px;justify-items:center;padding:58px 24px;display:grid}.learning-library-empty>span{color:#d3aa62;font-size:34px}.learning-library-empty h2{margin:10px 0 6px;font-size:22px}.learning-library-empty p{color:var(--muted);margin:0 0 20px}.saved-word-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.saved-word-grid article{background:#fffdf8;border:1px solid #ead4aa;border-radius:18px;padding:18px;display:grid;position:relative}.saved-word-grid h2{margin:7px 0 5px;font-size:23px}.saved-word-grid small{color:#315d70}.saved-word-grid strong{color:#8b4517;font-size:12px}.saved-word-grid p{color:#302b29;margin:14px 0 3px;font-size:12px}.saved-word-grid i{color:var(--muted);font-size:11px;font-style:normal}.saved-word-grid article>div{justify-content:space-between;align-items:center;gap:8px;margin-top:15px;display:flex}.saved-word-grid article>div span{color:var(--muted);font-size:10px}.saved-item-speech{color:#315d70;cursor:pointer;background:#edf5f8;border:0;border-radius:50%;width:32px;height:32px;position:absolute;top:12px;right:12px}.learning-data-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.learning-data-summary>div{min-height:104px}.annotation-sentence{position:relative}.save-expression-button{color:#875514;cursor:pointer;background:linear-gradient(135deg,#fffaf0,#fff0d2);border:1px solid #c37e1652;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:16px auto 0;padding:0 17px;font-size:14px;font-weight:750;display:inline-flex;box-shadow:0 8px 20px #a868131a}.save-expression-button:hover{background:linear-gradient(135deg,#fff7e5,#ffe8bd);border-color:#c37e1685;transform:translateY(-1px)}.save-expression-button>span{color:#b46c0c;background:#ffffffb8;border-radius:7px;place-items:center;width:20px;height:20px;font-size:15px;font-weight:800;display:grid}.save-expression-button.is-saved{color:#aa2535;background:linear-gradient(135deg,#fff5f2,#ffe8e4);border-color:#e934453d;box-shadow:0 8px 20px #e9344517}.save-expression-button.is-saved>span{color:var(--brand)}.annotation-cards>button{position:relative}.word-save-toggle{z-index:2;color:#b8aa99;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:grid;position:absolute;top:3px;right:5px}.word-save-toggle:hover{color:#a56b16;background:#fff3d4}.word-save-toggle.is-saved{color:#d89220}@media (width<=900px){.app-shell.has-sidebar{width:100%;display:block}.app-sidebar{width:calc(100% - 28px);min-height:0;margin:14px auto 0;position:static}.app-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.app-sidebar nav>button{min-height:42px;padding:0 9px}.sidebar-subnav{background:#fffaf5;border:0;border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:5px}.sidebar-subnav button{text-align:center}.sidebar-account-note{display:none}.learning-library-overview{grid-template-columns:1fr 1fr}.learning-continue-card{grid-column:1/-1}.saved-word-grid,.learning-data-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-sidebar nav,.sidebar-subnav{grid-template-columns:1fr 1fr}.learning-library-page{width:min(100% - 28px,1180px);padding-top:18px}.header-actions{gap:3px}.text-action{padding:0 8px;font-size:12px}.learning-library-overview{grid-template-columns:1fr}.learning-continue-card{grid-column:auto}.learning-library-tabs{grid-template-columns:1fr 1fr;display:grid}.learning-library-tabs button{justify-content:center;padding-inline:8px}.saved-word-grid,.learning-data-summary{grid-template-columns:1fr}.learning-item-actions button.quiet{margin-left:0}}.account-settings-page{width:min(980px,100% - 56px);margin:0 auto;padding:28px 0 64px}.account-settings-grid{gap:14px;display:grid}.account-status-card,.data-storage-card,.account-membership-card,.data-backup-card{border:1px solid var(--line);background:#ffffffdb;border-radius:22px;padding:24px}.account-membership-card{background:linear-gradient(135deg,#fffaf0,#fff2dc);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.membership-page{width:min(1180px,100% - 56px);margin:0 auto;padding:28px 0 64px}.membership-status-card{background:linear-gradient(135deg,#fffaf0,#fff2dc);border:1px solid #cc922d47;border-radius:22px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:18px;margin:22px 0;padding:22px 24px;display:grid;box-shadow:0 14px 34px #744b1112}.membership-crown{color:#fff;background:linear-gradient(145deg,#f8cb65,#d99525);border-radius:19px;place-items:center;width:62px;height:62px;font-size:30px;display:grid;box-shadow:0 10px 24px #c07e1a38}.membership-status-card small,.membership-detail-grid small{color:#9a6b24;font-size:12px;font-weight:800}.membership-status-card h2,.membership-detail-grid h2{margin:4px 0;font-size:21px}.membership-status-card p,.membership-detail-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.membership-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.membership-plan-card{border:1px solid var(--line);background:#fff;border-radius:24px;align-content:start;min-height:338px;padding:25px;display:grid;position:relative;box-shadow:0 14px 32px #3227220d}.membership-plan-card.featured{background:linear-gradient(155deg,#fffdf8,#fff2d8);border-color:#d995258c;box-shadow:0 18px 44px #a968131f}.membership-recommend{color:#fff;background:#241b20;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;position:absolute;top:16px;right:16px}.membership-plan-card>small{color:#8b5a12;font-size:15px;font-weight:800}.membership-price{color:#241b20;align-items:baseline;gap:3px;margin-top:14px;display:flex}.membership-price span{font-size:19px;font-weight:800}.membership-price strong{letter-spacing:-.04em;font-size:42px;line-height:1}.membership-price i{color:var(--muted);font-size:12px;font-style:normal}.membership-daily-price{color:#9a8171;margin:8px 0 10px;font-size:13px;text-decoration:line-through}.membership-plan-card ul{color:#4c4442;gap:9px;margin:12px 0 22px;padding:0;font-size:14px;list-style:none;display:grid}.membership-plan-card li:before{content:"✓";color:#b87916;margin-right:8px;font-weight:900}.membership-plan-card>button{width:100%;min-height:46px;margin-top:auto}.membership-plan-card>button:disabled{cursor:not-allowed;opacity:.62}.membership-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.membership-detail-grid article{border:1px solid var(--line);background:#ffffffdb;border-radius:21px;padding:22px 24px}.membership-compliance-note{color:#6d6461;background:#f7f5f3;border-radius:16px;margin:14px 0 0;padding:16px 18px;font-size:13px;line-height:1.65}.phone-login-page{background:radial-gradient(circle at 22% 20%,#ffca5b33,#0000 30%),radial-gradient(circle at 78% 72%,#e934451a,#0000 32%);width:min(100%,1840px);min-height:calc(100vh - 92px);margin:0 auto;padding:20px clamp(20px,4vw,72px) 44px}.phone-login-back{min-height:42px;color:var(--ink);background:#ffffffdb;border:1px solid #362a2026;border-radius:999px;padding:0 18px;font-size:15px}.phone-login-card{background:#fffffff0;border:1px solid #d0973847;border-radius:30px;width:min(100%,480px);margin:-42px auto 0;padding:30px 42px 32px;box-shadow:0 30px 80px #442a131f}.phone-login-mark{color:#fff;background:linear-gradient(145deg,#f13b4e,#dc2037);border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:15px;font-size:26px;font-weight:900;display:grid;box-shadow:0 12px 26px #e9344538}.phone-login-card>small{color:#a36218;letter-spacing:.08em;font-size:14px;font-weight:800}.phone-login-card h1{font-family:var(--font-serif);margin:6px 0 8px;font-size:clamp(36px,4vw,48px);line-height:1.05}.phone-login-card>p{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.phone-login-tabs{background:#f5f1ec;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-top:22px;padding:4px;display:grid}.phone-login-tabs button{color:#786f6b;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:40px;font-size:14px;font-weight:750}.phone-login-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 4px 14px #34261a14}.phone-login-card form{gap:8px;margin-top:18px;display:grid}.phone-login-card label{color:var(--ink);margin-top:8px;font-size:14px;font-weight:800}.phone-input-shell,.phone-code-row input{background:#fffdf9;border:1px solid #362a2029;border-radius:15px;min-height:54px}.phone-input-shell{align-items:center;display:flex;overflow:hidden}.phone-input-shell span{color:#8a5b2a;border-right:1px solid #362a201f;padding:0 14px 0 17px;font-weight:800}.phone-input-shell input{letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;min-width:0;height:52px;padding:0 16px;font-size:17px}.phone-code-row{grid-template-columns:minmax(0,1fr) 132px;gap:10px;display:grid}.phone-code-row input{font-variant-numeric:tabular-nums;letter-spacing:.08em;outline:0;min-width:0;padding:0 16px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:17px;font-weight:650}.phone-code-row input::placeholder{color:#9b918c;letter-spacing:.01em;font-weight:400}.phone-code-row button{color:#945714;background:#fff6e2;border:1px solid #d0973857;border-radius:15px;font-weight:800}.phone-code-row button:disabled,.phone-login-submit:disabled{opacity:.48;cursor:not-allowed}.phone-login-submit{width:100%;margin-top:14px}.phone-login-message{min-height:24px;color:#a33a23!important;margin:3px 0 0!important;font-size:14px!important}.phone-login-note{border-top:1px solid #362a201a;padding-top:18px;margin-top:22px!important;font-size:13px!important}.phone-login-consent{color:#756965;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;font-size:13px;line-height:1.6;display:flex}.phone-login-consent input{width:16px;height:16px;accent-color:var(--brand);margin:0 3px 0 0}.phone-login-consent label{color:#756965;cursor:pointer;margin:0;font-size:13px;font-weight:500}.phone-login-consent button{color:#a45d13;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.phone-login-consent button:hover{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.phone-password-label{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.phone-password-label label{margin:0}.phone-password-label button,.phone-login-text-action{color:#9a5a17;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:750}.phone-password-input{background:#fffdf9;border:1px solid #362a2029;border-radius:15px;outline:0;min-height:54px;padding:0 16px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:17px}.phone-password-input:focus,.phone-code-row input:focus,.phone-input-shell:focus-within{border-color:#d09738b8;box-shadow:0 0 0 3px #f8b83b1f}.phone-login-text-action{justify-self:center;min-height:34px;padding:0 12px}.password-prompt-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e181b61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-prompt-dialog{text-align:center;background:#fff;border:1px solid #d0973852;border-radius:25px;width:min(100%,420px);padding:30px;box-shadow:0 28px 80px #23181b38}.password-prompt-icon{color:#a76514;background:#fff2d7;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 15px;font-size:22px;font-weight:900;display:grid}.password-prompt-dialog h2{font-family:var(--font-serif);margin:0;font-size:30px}.password-prompt-dialog>p{color:var(--muted);margin:10px 0 22px;font-size:15px;line-height:1.7}.password-prompt-reminder{color:#625956;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;font-weight:600;display:flex}.password-prompt-reminder input{width:17px;height:17px;accent-color:var(--brand)}.password-prompt-actions{grid-template-columns:1fr 1.35fr;gap:10px;display:grid}.password-prompt-actions button{min-height:46px}.password-prompt-dialog form{gap:10px;display:grid}.password-prompt-dialog form>input{background:#fffdf9;border:1px solid #362a2029;border-radius:14px;outline:0;min-height:50px;padding:0 15px;font-size:16px}.password-prompt-dialog form>input:focus{border-color:#d09738b8;box-shadow:0 0 0 3px #f8b83b1f}.legal-page{width:min(100% - 40px,1060px);margin:0 auto;padding:34px 0 72px}.legal-document{gap:14px;margin-top:28px;display:grid}.legal-document article{background:#ffffffe6;border:1px solid #e2ccaecc;border-radius:20px;padding:24px 28px;box-shadow:0 10px 34px #422d190b}.legal-document h2{margin:0 0 10px;font-size:18px}.legal-document p{color:#625956;margin:0;font-size:15px;line-height:1.85}.account-status-card{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.account-avatar{width:58px;height:58px;color:var(--brand);background:linear-gradient(135deg,#fff0d5,#ffe4df);border-radius:18px;place-items:center;font-size:22px;font-weight:800;display:grid}.account-settings-grid small{color:#9a6b24;font-size:12px;font-weight:800}.account-settings-grid h2{margin:4px 0;font-size:20px}.account-settings-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.account-secondary-action{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;min-height:42px;padding:0 16px}.data-backup-card{background:linear-gradient(135deg,#fff9eff5,#ffffffe6);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 28px;display:grid}.data-backup-actions{align-items:center;gap:10px;display:flex}.data-backup-actions .main-action{min-height:42px;padding:0 18px}.data-backup-input{display:none}.data-backup-note{border-top:1px solid #e2ccaea6;grid-column:1/-1;padding-top:14px}.data-backup-status{grid-column:1/-1;font-weight:750;color:#8b5a12!important}.account-legal-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.account-legal-actions{flex:none;gap:10px;display:flex}.account-password-card{grid-template-columns:minmax(230px,.85fr) minmax(420px,1.15fr);align-items:center;gap:16px 28px;display:grid}.account-password-card form{grid-template-columns:1fr 1fr auto;gap:10px;display:grid}.account-password-card input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:0;min-width:0;min-height:42px;padding:0 13px;font-size:14px}.account-password-card button:disabled{cursor:not-allowed;opacity:.48}.account-password-status{grid-column:1/-1;font-weight:750;color:#8b5a12!important}@media (width<=640px){.phone-login-page{min-height:calc(100vh - 72px);padding:18px 14px 40px}.phone-login-card{border-radius:24px;margin-top:16px;padding:26px 20px}.phone-code-row{grid-template-columns:minmax(0,1fr) 116px}.legal-page{width:calc(100% - 28px);padding-top:18px}.legal-document article{border-radius:17px;padding:20px}.account-settings-page{width:calc(100% - 28px)}.account-status-card{grid-template-columns:48px minmax(0,1fr);padding:18px}.account-avatar{width:48px;height:48px}.account-status-card>button{grid-column:1/-1}.account-membership-card{grid-template-columns:1fr}.data-backup-card{grid-template-columns:1fr;padding:18px}.data-backup-actions,.account-legal-card{flex-direction:column;align-items:stretch}.account-legal-actions{grid-template-columns:1fr 1fr;display:grid}.account-password-card{grid-template-columns:1fr;padding:18px}.account-password-card form{grid-template-columns:1fr}.data-backup-note,.data-backup-status{grid-column:auto}}@media (width<=900px){.membership-plan-grid{grid-template-columns:1fr}}@media (width<=640px){.membership-page{width:calc(100% - 28px);padding-top:18px}.membership-status-card{grid-template-columns:50px minmax(0,1fr);padding:18px}.membership-crown{border-radius:15px;width:50px;height:50px;font-size:25px}.membership-status-card>button{grid-column:1/-1}.membership-detail-grid{grid-template-columns:1fr}.membership-plan-card{min-height:0;padding:21px}.dianzai-growth-card{grid-template-columns:108px 1fr;gap:14px;padding:18px}.records-dianzai-rig{width:124px;margin-left:-10px}.companion-growth-grid .dianzai-growth-card{grid-template-columns:108px 1fr}.records-xiaoxi-rig{width:112px;margin-left:-4px}.dianzai-growth-card h2{font-size:20px}.dianzai-growth-card p{font-size:12px}}.evolution-lab{color:#23171b;background:radial-gradient(circle at 82% 14%,#e939451a,#0000 28rem),linear-gradient(145deg,#fffaf3,#fff 52%,#fff5f5);min-height:100vh;padding:64px max(24px,50vw - 740px) 80px}.evolution-lab>header{max-width:760px;margin-bottom:28px}.evolution-lab>header span{color:#e93445;letter-spacing:.18em;font-size:11px;font-weight:900}.evolution-lab>header h1{letter-spacing:-.055em;margin:8px 0 10px;font:800 clamp(38px,5vw,68px) Noto Serif SC,serif}.evolution-lab>header p{color:#76656b;margin:0;line-height:1.75}.evolution-sheet{background:#fff;border:1px solid #714b5221;border-radius:30px;overflow:hidden;box-shadow:0 28px 80px #48232b1c}.evolution-sheet img{width:100%;height:auto;display:block}.evolution-compatibility-sheet{margin-top:18px}.evolution-live-preview{color:#fff;background:linear-gradient(135deg,#24151b,#37171e 58%,#5b1e24);border:1px solid #714b5221;border-radius:30px;grid-template-columns:minmax(0,.9fr) minmax(340px,.7fr);align-items:center;gap:34px;min-height:520px;margin-top:18px;padding:44px 52px;display:grid;overflow:hidden;box-shadow:0 28px 80px #48232b21}.evolution-live-copy>span{color:#ffbd54;letter-spacing:.17em;font-size:11px;font-weight:900}.evolution-live-copy h2{margin:12px 0 10px;font-size:clamp(28px,3.4vw,48px)}.evolution-live-copy p{color:#ffffffb3;max-width:580px;margin:0;line-height:1.75}.evolution-level-buttons{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.evolution-level-buttons button{color:#ffffffb8;cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:999px;min-width:66px;padding:10px 13px;transition:all .16s}.evolution-level-buttons button:hover,.evolution-level-buttons button:focus-visible,.evolution-level-buttons button.is-active{color:#25151a;background:#ffbd54;border-color:#ffbd54;transform:translateY(-2px)}.evolution-live-stage{place-items:center;min-height:420px;display:grid;position:relative}.evolution-live-ring{aspect-ratio:1;border:1px solid #ff534c47;border-radius:50%;width:72%;position:absolute;box-shadow:0 0 90px #ef2b3733,inset 0 0 60px #ffb84a14}.evolution-live-character{z-index:1;width:min(100%,470px);height:auto;animation:.42s cubic-bezier(.2,.86,.3,1) both evolution-stage-arrive;position:relative}@keyframes evolution-stage-arrive{0%{opacity:0;filter:brightness(1.5);transform:scale(.94)translateY(12px)}58%{opacity:1;transform:scale(1.025)translateY(-3px)}to{opacity:1;filter:brightness();transform:scale(1)translateY(0)}}.evolution-stage-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.evolution-comparison{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.evolution-comparison--stages{grid-template-columns:repeat(4,1fr)}.evolution-comparison--stages article:nth-child(n+5){transform:translate(50%)}.evolution-comparison article{text-align:center;background:#fffc;border:1px solid #714b521f;border-radius:24px;justify-items:center;padding:24px;display:grid}.evolution-comparison span{color:#e93445;letter-spacing:.12em;justify-self:start;font-size:11px;font-weight:900}.evolution-comparison img{width:min(100%,440px);height:auto}.evolution-comparison h2{margin:-8px 0 6px}.evolution-comparison p{color:#786970;margin:0;font-size:13px}.evolution-export-preview{grid-template-columns:1.5fr 1.2fr 1fr .8fr;gap:14px;margin-top:18px;display:grid}.evolution-export-preview div{background:#ffffffc7;border:1px solid #714b521f;border-radius:20px;align-content:start;justify-items:center;padding:16px;display:grid;overflow:hidden}.evolution-export-preview span{color:#e93445;letter-spacing:.1em;justify-self:start;font-size:10px;font-weight:900}.evolution-export-preview img{width:100%;height:auto}.evolution-stage-grid article{background:#ffffffc7;border:1px solid #714b521f;border-radius:18px;min-height:150px;padding:18px}.evolution-stage-grid small{color:#e93445;font-weight:900}.evolution-stage-grid h2{margin:9px 0 7px;font-size:17px}.evolution-stage-grid p{color:#786970;margin:0;font-size:12px;line-height:1.65}.evolution-rule{color:#65545a;background:#e9394512;border-left:4px solid #e93445;border-radius:4px 16px 16px 4px;margin-top:18px;padding:18px 22px;line-height:1.7}@media (width<=1100px){.evolution-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.evolution-comparison,.evolution-export-preview{grid-template-columns:1fr 1fr}.evolution-comparison--stages article:nth-child(n+5){transform:none}.evolution-live-preview{grid-template-columns:1fr 1fr;padding:34px}}@media (width<=640px){.evolution-lab{padding:34px 14px 54px}.evolution-sheet{border-radius:18px}.evolution-live-preview{border-radius:20px;grid-template-columns:1fr;min-height:0;padding:28px 20px 12px}.evolution-live-stage{min-height:330px}.evolution-stage-grid{grid-template-columns:1fr 1fr}.evolution-comparison{grid-template-columns:1fr}.evolution-export-preview{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.evolution-level-buttons button,.evolution-live-character{transition:none;animation:none}}

/* homepage-wordmark-release-20260923 */
.hero-wordmark{display:flex;align-items:baseline;justify-content:center;gap:clamp(10px,1.1vw,16px);margin:0 auto 4px;color:var(--ink);white-space:nowrap}
.hero-wordmark-cn{font-family:"Noto Serif SC",serif;font-size:clamp(30px,3vw,42px);font-weight:750;letter-spacing:.08em}
.hero-wordmark-slash{color:#b48758;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.1vw,31px);font-weight:400}
.hero-wordmark-en{color:#2c2529;font-family:Georgia,"Times New Roman",serif;font-size:clamp(21px,2vw,29px);font-style:italic;font-weight:600;letter-spacing:.01em}
.hero-copy h1{display:flex;align-items:baseline;justify-content:center;gap:clamp(24px,3.2vw,52px);margin:6px 0 12px;white-space:nowrap}
.hero-title-group{display:inline-flex;align-items:baseline;gap:.16em}
.hero-title-group b{font:inherit}
@media(max-width:760px){.hero-copy h1{gap:18px;font-size:clamp(21px,6.3vw,27px);white-space:normal}.hero-wordmark{gap:8px;margin-bottom:5px}.hero-wordmark-cn{font-size:clamp(25px,7.2vw,31px)}.hero-wordmark-slash{font-size:clamp(18px,5vw,22px)}.hero-wordmark-en{font-size:clamp(18px,5.2vw,22px)}}

.course-card .course-source{display:block;margin-top:4px;padding-left:8px;border-left:2px solid rgba(82,76,79,.24);color:#746e71;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.5}