.practice-shell{padding:0 clamp(16px,4vw,48px) 48px}.practice-shell .topbar{gap:16px;max-width:1120px}.practice-shell a{text-decoration:none}.practice-content{z-index:1;width:min(100%,920px);margin:32px auto 0;position:relative}.practice-heading{margin-bottom:32px}.practice-heading h1{font-family:var(--font-serif-cn,Georgia,"Songti SC",serif);letter-spacing:-.03em;text-wrap:balance;margin:12px 0 16px;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.3}.practice-heading>p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.practice-heading h1:focus{outline:none}.practice-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.practice-tools>span{color:#cfb28d;font-size:12px}.practice-shell .text-button,.home-feature-nav .input-history-button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.practice-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 28px;display:grid}.practice-category{border:1px solid var(--line);cursor:pointer;background:#201a16a8;border-radius:16px;align-items:flex-start;gap:12px;min-height:122px;padding:20px 18px;transition:background .2s,border-color .2s;display:flex}.practice-category:has(input:checked){background:#77522d4d;border-color:#d3a368}.practice-category:not(.is-unavailable):hover{background:#4e3b296b;border-color:#ddb78399}.practice-category strong{font-size:15px;font-weight:600;line-height:1.55;display:block}.practice-category small{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.65;display:block}.practice-category.is-unavailable{opacity:.54;cursor:not-allowed;background:#19161473}.practice-shell input[type=checkbox],.practice-shell input[type=radio]{accent-color:#d3a368;flex:none;width:18px;height:18px;margin:3px 0 0}.practice-selection-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.practice-selection-bar strong{font-size:15px;font-weight:600}.practice-selection-bar p{color:var(--muted);margin:7px 0 0;font-size:13px}.practice-start-feedback{color:var(--muted);border-radius:12px;margin:14px 0 24px;padding:0 0 4px;scroll-margin:24px;font-size:13px;line-height:1.85}.practice-start-feedback:focus{outline-offset:6px;outline:2px solid #d3a368}.practice-start-feedback .practice-alert{margin:0 0 14px}.practice-test-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.practice-shell .practice-primary{width:auto;min-width:196px;box-shadow:none;justify-content:center;gap:16px;height:auto;min-height:50px}.practice-member-note{border-top:1px solid var(--line);color:var(--muted);padding:18px 0;font-size:13px;line-height:1.8}.practice-member-note p{max-width:70ch;margin:0 0 6px}.practice-footnote,.practice-footer{color:#a89b8e;font-size:12px;line-height:1.8}.practice-footer{text-align:center;margin:40px 0 0}.practice-footer a{color:inherit}.practice-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#352b23cc,#191512cc);border-radius:26px;padding:clamp(22px,4vw,40px);box-shadow:inset 0 1px #ffffff17,0 22px 64px #0000003d}.practice-scene{border-left:2px solid #c39662;padding-left:20px;font-size:17px;line-height:1.95}.practice-scene p{max-width:65ch;margin:0}.practice-section{border-top:1px solid var(--line);margin-top:28px;padding:28px 0 0}.practice-section h2{margin:0 0 22px;font-size:21px;font-weight:600;line-height:1.5}.practice-section h3{margin:28px 0 10px;font-size:16px;font-weight:600}.practice-choices{border:0;min-width:0;margin:0 0 28px;padding:0}.practice-choices:last-child{margin-bottom:0}.practice-choices legend{margin-bottom:8px;padding:0;font-size:15px;font-weight:600;line-height:1.8}.practice-choices legend small{color:var(--muted);font-size:12px;font-weight:400}.practice-option{border:1px solid var(--line);cursor:pointer;background:#100d0b40;border-radius:12px;align-items:flex-start;gap:12px;margin:10px 0;padding:15px 16px;font-size:15px;line-height:1.75;transition:background .2s,border-color .2s;display:flex}.practice-option:has(input:checked){background:#b2804321;border-color:#e1b173b8}.practice-feedback{color:#d7c3a9;background:#b1763c1f;border-left:2px solid #c79b67;border-radius:0 10px 10px 0;margin-top:16px;padding:16px 18px;font-size:14px;line-height:1.85}.practice-feedback.is-match{background:#5199701f;border-left-color:#88cea0}.practice-feedback strong{color:#ebc898;font-size:13px;font-weight:600}.practice-feedback.is-match>strong{color:#9bdfb0}.practice-feedback p{margin:6px 0}.practice-explanation{border-top:1px solid #e9c9991f;margin-top:10px;padding-top:10px}.practice-explanation>span{color:#b9a994;font-size:12px;font-weight:500}.practice-hint{color:var(--muted);margin:10px 0;font-size:13px;line-height:1.8}.practice-shell blockquote{white-space:pre-wrap;overflow-wrap:anywhere;background:#c9975916;border-left:2px solid #b88f60;border-radius:0 10px 10px 0;margin:14px 0;padding:18px 20px;font-size:15px;line-height:1.85}.practice-shell #practice-reply{resize:vertical;background:#0d0b0952;border:1px solid #ebcea840;border-radius:14px;min-height:140px;margin-top:20px;padding:16px;font-size:16px}.practice-reply-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;margin:10px 0;font-size:12px;display:flex}.practice-check{align-items:flex-start;gap:12px;margin:12px 0;font-size:14px;line-height:1.8;display:flex}.practice-shell details{margin:20px 0}.practice-shell summary{cursor:pointer;color:#d8c3a8;min-height:44px;padding:12px 0;font-size:13px}.practice-principle{border-top:1px solid var(--line);margin-top:28px;padding:22px 0;font-size:15px;line-height:1.85}.practice-principle>span{letter-spacing:.1em;color:#d3a368;font-size:12px}.practice-principle p{font-family:var(--font-serif-cn,Georgia,"Songti SC",serif);text-wrap:pretty;margin:12px 0 0;font-size:clamp(20px,2.1vw,25px);font-weight:500;line-height:1.8}.practice-bottom-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.practice-alert{color:#f0c7ac;background:#84442d2e;border:1px solid #da9d7a66;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.8}.practice-local{border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;margin:0 0 28px!important}.practice-local p{font-size:12px}.practice-local label{margin-right:12px}.practice-local select{color:#f1e5d6;max-width:100%;font:inherit;background:#2b231d;border:1px solid #79644b;border-radius:8px;padding:9px 12px}.practice-resume{border-top:1px solid var(--line);align-items:center;gap:20px;padding:20px 0;font-size:14px;display:flex}.practice-login{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.practice-login>input{border:1px solid var(--line);background:#14110e66;border-radius:8px;min-width:0;max-width:100%;padding:10px}.practice-complete-principle{font-family:var(--font-serif-cn,Georgia,"Songti SC",serif);margin:24px 0;font-size:clamp(23px,3vw,30px);line-height:1.7}.practice-record{border-bottom:1px solid var(--line);padding:18px 0}.practice-record h2{margin:0;font-size:17px;line-height:1.65}.practice-empty{color:var(--muted);padding:24px 0}.practice-empty h2{color:var(--ink);font-size:21px}.practice-sr-only,.practice-skip{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.practice-skip:focus{z-index:40;clip:auto;color:#fff;background:#30241b;width:auto;height:auto;padding:12px;position:fixed;top:10px;left:20px}:is(.practice-shell button:focus-visible,.practice-shell a:focus-visible,.practice-shell input:focus-visible,.practice-shell textarea:focus-visible,.practice-shell select:focus-visible,.practice-shell summary:focus-visible){outline-offset:4px;outline:2px solid #e6b77b}.practice-shell button:disabled{opacity:.45;cursor:not-allowed}.home-feature-nav{align-items:center;gap:12px;display:flex}.study-two-tools .notebook-hotspot{left:var(--notebook-x,50%);top:var(--notebook-y,77%);width:var(--notebook-width,30vw);height:var(--notebook-height,140px)}.study-two-tools .notebook-hotspot>span,.pen-hotspot>span{pointer-events:none}.study-two-tools .notebook-hotspot:not(:disabled):active{transform:translate(-50%,-50%)scale(.985)}.pen-hotspot{z-index:6;left:var(--pen-x,68%);top:var(--pen-y,77%);width:var(--pen-width,112px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:18px;height:96px;text-decoration:none;position:absolute;transform:translate(-50%,-50%)}.pen-glow{animation-delay:-1.8s;inset:28% 6%;transform:rotate(27deg)}.pen-guide{bottom:-14px}.practice-lockup h2{font-family:var(--font-serif-cn,Georgia,"Noto Serif SC",serif);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(31px,4.05vw,57px);font-weight:500;line-height:1.2}:is(.study-two-tools:has(.pen-hotspot:hover) .practice-lockup,.study-two-tools:has(.pen-hotspot:focus-visible) .practice-lockup){opacity:1;transform:translate(-50%)}:is(.study-two-tools:has(.pen-hotspot:hover) .notebook-lockup,.study-two-tools:has(.pen-hotspot:focus-visible) .notebook-lockup){opacity:0;transform:translate(-50%,12px)}:is(.pen-hotspot:hover .pen-glow,.pen-hotspot:focus-visible .pen-glow){transform:rotate(27deg)scale(1.08);box-shadow:0 0 70px 25px #ffb55a33}:is(.pen-hotspot:hover .pen-guide,.pen-hotspot:focus-visible .pen-guide){opacity:0;transform:translate(-50%)}:is(.scene-room:has(.pen-hotspot:hover) .study-background,.scene-room:has(.pen-hotspot:focus-visible) .study-background){transform:scale(1.055)}.pen-hotspot:focus-visible{outline-offset:6px;outline:2px solid #e6b77b}@media (max-width:800px){.study-two-tools .study-background{background-position:65%}.study-two-tools .pen-guide{letter-spacing:.03em;font-size:10px;bottom:-62px;left:auto;right:0;transform:translateY(8px)}:is(.study-two-tools .pen-hotspot:hover .pen-guide,.study-two-tools .pen-hotspot:focus-visible .pen-guide){transform:translateY(0)}.practice-lockup h2{font-size:clamp(28px,6vw,44px)}}@media (max-width:800px) and (max-height:600px){.study-two-tools .pen-guide{bottom:-10px}}@media (prefers-reduced-motion:reduce){.pen-hotspot,.pen-hotspot *,.study-two-tools .promise-lockup,.study-two-tools .study-background{transition:none!important;animation:none!important}.scene-room .study-two-tools .study-background{transform:scale(1.02)!important}}@media (max-width:720px){.practice-content{margin-top:24px}.practice-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-category{gap:9px;min-height:116px;padding:16px 12px}.practice-category strong{font-size:14px}.practice-category small{font-size:11px}.practice-panel{border-radius:20px;padding:24px 18px}.practice-scene{padding-left:15px;font-size:16px}.practice-selection-bar{flex-direction:column;align-items:flex-start;gap:18px}.practice-selection-bar .practice-primary{width:100%}.practice-tools{gap:8px}.practice-tools>span{font-size:11px}.practice-bottom-actions{flex-wrap:wrap}.practice-bottom-actions .practice-primary{flex:1;min-width:170px}.practice-option{padding:14px 12px;font-size:14px}.practice-section h2{font-size:19px}.practice-reply-meta{gap:8px;font-size:11px}.practice-footer{font-size:11px}.home-feature-nav{gap:6px}.home-feature-nav .track-name{display:none}}@media (max-width:480px){:is(.home-feature-nav .volume-control,.home-feature-nav .player-control:has(.next-icon)){display:none}.home-feature-nav .music-player{gap:2px}.home-feature-nav .input-history-button{padding:7px;font-size:11px}.practice-shell .topbar{height:70px}.practice-shell .topbar .brand{font-size:15px}.practice-shell .topbar .brand-mark{width:28px;height:28px}.practice-shell .top-actions{gap:0}.practice-shell .top-actions .text-button{padding:8px;font-size:12px}.practice-shell .top-actions .ghost-button{padding:9px 11px;font-size:12px}}@media (prefers-reduced-motion:reduce){.practice-shell *{scroll-behavior:auto!important;transition:none!important}}