:root{--practice-navy: #0E1230;--practice-navy-soft: #1B2148;--practice-navy-border: rgba(255,255,255,.16);--practice-navy-muted: rgba(255,255,255,.62);--practice-topbar-bg: #EDE3C8;--practice-topbar-text: #0E1230;--practice-topbar-muted: #6B7290;--practice-topbar-border:#E5DDC8;--practice-topbar-control-bg: rgba(14,18,48,.04);--practice-topbar-control-bg-hover: rgba(14,18,48,.08);--practice-topbar-control-border: rgba(14,18,48,.14);--practice-cream: #F7F5FD;--practice-cream-line: #E5DEF0;--practice-page-bg: #FFFFFF;--practice-card: #FFFFFF;--practice-card-shadow: 0 1px 2px rgba(14,18,48,.04), 0 8px 24px rgba(14,18,48,.06);--practice-yellow: #FFD93D;--practice-yellow-deep: #EBC02E;--practice-text: #0E1230;--practice-text-muted: #6B7290;--practice-text-faint: #9AA0B5;--practice-chip-border: #D6D2C2;--practice-chip-bg: #FAF5E7;--practice-control-active-bg: var(--practice-navy);--practice-control-active-fg: #FFFFFF;--practice-control-active-soft: rgba(14,18,48,.06);--practice-control-accent: var(--practice-navy);--practice-danger: #DC2626;--practice-danger-text: #991B1B;--practice-danger-bg: #FEE2E2;--practice-danger-border:#FCA5A5;--practice-scrollbar-thumb: rgba(14,18,48,.22);--practice-scrollbar-thumb-hover: rgba(14,18,48,.34);--practice-card-max: 1100px;--practice-margin: 20px;--practice-font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}:root{--practice-hover-border: #0E1230;--practice-hover-shadow: 0 1px 2px rgba(14,18,48,.04), 0 8px 20px rgba(14,18,48,.08);--practice-card-disabled: #F8F5EC}html.dark{--practice-navy: #080D22;--practice-navy-soft: #121A31;--practice-topbar-bg: var(--practice-navy);--practice-topbar-text: #FFFFFF;--practice-topbar-muted: rgba(255,255,255,.62);--practice-topbar-border: rgba(255,255,255,.08);--practice-topbar-control-bg: rgba(255,255,255,.06);--practice-topbar-control-bg-hover: rgba(255,255,255,.1);--practice-topbar-control-border: rgba(255,255,255,.16);--practice-cream: #11172B;--practice-cream-line: rgba(158,176,220,.17);--practice-page-bg: #11172B;--practice-card: #18213A;--practice-card-disabled: rgba(255,255,255,.035);--practice-card-shadow: 0 12px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035);--practice-text: rgba(255,255,255,.96);--practice-text-muted: rgba(255,255,255,.6);--practice-text-faint: rgba(255,255,255,.42);--practice-chip-border: rgba(158,176,220,.18);--practice-chip-bg: rgba(255,255,255,.055);--practice-control-active-bg: var(--practice-yellow);--practice-control-active-fg: var(--practice-navy);--practice-control-active-soft: rgba(255,217,61,.12);--practice-control-accent: var(--practice-yellow);--practice-danger: #EF4444;--practice-danger-text: #FCA5A5;--practice-danger-bg: rgba(220,38,38,.14);--practice-danger-border:rgba(248,113,113,.34);--practice-scrollbar-thumb: rgba(255,255,255,.18);--practice-scrollbar-thumb-hover: rgba(255,255,255,.3);--practice-hover-border: rgba(255,255,255,.32);--practice-hover-shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 20px rgba(0,0,0,.55)}html.dark .practice-cream-strip{background:linear-gradient(180deg,#151D34 0%,#121A2F 100%);border-bottom-color:#9eb0dc24}html.dark .practice-card,html.dark .practice-rail-panel{box-shadow:var(--practice-card-shadow)}html.dark .practice-step-flow__step,html.dark .practice-rail-panel__header{background:rgba(255,255,255,.06)}html.dark .practice-segmented{background:rgba(255,255,255,.04);border-color:#ffffff1a}html.dark .practice-segmented__option.is-active{background:var(--practice-yellow);color:var(--practice-navy)}html.dark .practice-btn--secondary{background:rgba(255,255,255,.06);border-color:#ffffff2e;color:var(--practice-text)}html.dark .practice-btn--secondary:hover:not(:disabled){background:rgba(255,255,255,.1)}html.dark .practice-select{background:rgba(255,255,255,.06);border-color:#ffffff24;color:var(--practice-text)}html.dark .practice-color-menu__dropdown{background:#2A2A2D;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px #0009,0 2px 6px #0006}html.dark .practice-empty__mark{background:rgba(255,255,255,.06);color:#ffffff8c}html.dark .practice-alert{background:rgba(201,90,74,.14);border-color:#c95a4a52;color:#f4a89a}html.dark .practice-pselect__button{background:rgba(255,255,255,.06);border-color:#ffffff24;color:var(--practice-text)}html.dark .practice-pselect__button:hover:not(:disabled),html.dark .practice-pselect__button.is-open{background:rgba(255,255,255,.1);border-color:#ffffff47}html.dark .practice-pselect__dropdown{background:#2A2A2D;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px #0009,0 2px 6px #0006}html.dark .practice-pselect__item:hover{background:rgba(255,255,255,.06)}html.dark .practice-pselect__item.is-selected{color:var(--practice-yellow);background:rgba(255,217,61,.1)}html.dark .practice-rail-panel__header:hover{background:rgba(255,255,255,.05)}html.dark .practice-step-flow__num{background:var(--practice-navy-soft);color:var(--practice-text)}.practice-page{background:var(--practice-page-bg);height:100vh;overflow:hidden;color:var(--practice-text);display:flex;flex-direction:column}.practice-navy-strip{background:var(--practice-topbar-bg);color:var(--practice-topbar-text);padding:12px 28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--practice-topbar-border);flex-shrink:0}.practice-navy-strip__type{display:inline-flex;align-items:baseline;gap:9px;color:var(--practice-topbar-text)}.practice-navy-strip__type-code{font-size:18px;font-weight:800;letter-spacing:.04em}.practice-navy-strip__type-dot{color:var(--practice-topbar-muted);font-size:15px;font-weight:500}.practice-navy-strip__type-label{font-size:15.5px;color:var(--practice-topbar-muted);font-weight:500}.practice-navy-strip__divider{display:inline-block;width:1px;height:16px;background:var(--practice-topbar-control-border);margin:0 4px}.practice-navy-strip__id{font-size:14px;font-weight:800;color:var(--practice-topbar-muted);letter-spacing:-.01em;font-family:var(--practice-font-mono)}.practice-navy-strip__title{font-size:17px;font-weight:700;color:var(--practice-topbar-text);letter-spacing:-.005em}.practice-navy-strip__spacer{flex:1}.practice-navy-strip__actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.practice-position-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;background:var(--practice-topbar-control-bg);color:var(--practice-topbar-muted);font-size:12px;font-weight:700;font-family:var(--practice-font-mono);line-height:1.2;border:1px solid var(--practice-topbar-control-border)}.practice-position-pill__slash{margin:0 3px;opacity:.55;font-weight:500}.practice-jump-form{display:inline-flex;align-items:center;gap:0;background:var(--practice-topbar-control-bg);border:1px solid var(--practice-topbar-control-border);border-radius:999px;padding:3px 4px 3px 14px}.practice-jump-form__hash{font-size:12px;color:var(--practice-topbar-muted);margin-right:4px;font-family:var(--practice-font-mono)}.practice-jump-form__input{width:46px;padding:4px;border:none;background:transparent;color:var(--practice-topbar-text);font-size:13px;font-weight:700;font-family:var(--practice-font-mono);outline:none}.practice-jump-form__btn{padding:5px 14px;border:none;background:var(--practice-yellow);color:var(--practice-navy);border-radius:999px;font-size:12.5px;font-weight:800;cursor:pointer}.practice-jump-form__btn:disabled{background:rgba(255,217,61,.45);cursor:not-allowed}.practice-cream-strip{padding:10px 0;background:#F7F5FD;border-bottom:1px solid var(--practice-cream-line);flex-shrink:0}.practice-cream-strip__inner{max-width:var(--practice-card-max);margin:0;padding:0 var(--practice-margin);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.practice-cream-strip__spacer{flex:1}.practice-content{flex:1;min-height:0;padding:var(--practice-margin);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--practice-scrollbar-thumb) transparent}.practice-content::-webkit-scrollbar{width:10px;height:10px}.practice-content::-webkit-scrollbar-track{background:transparent}.practice-content::-webkit-scrollbar-thumb{background:var(--practice-scrollbar-thumb);border-radius:999px;border:3px solid transparent;background-clip:content-box}.practice-content::-webkit-scrollbar-thumb:hover{background:var(--practice-scrollbar-thumb-hover);border:3px solid transparent;background-clip:content-box}.practice-content>*{max-width:var(--practice-card-max);margin-left:0;margin-right:0}.practice-content>.practice-cream-strip{max-width:none;margin:calc(-1 * var(--practice-margin)) calc(-1 * var(--practice-margin)) var(--practice-margin)}.practice-content--has-rail{display:flex;gap:20px;align-items:flex-start}.practice-content--has-rail>*{margin-left:initial;margin-right:initial;max-width:none}.practice-content__main{flex:1 1 0;min-width:0;max-width:var(--practice-card-max)}.practice-content__main>*{max-width:100%}.practice-content__rail{flex:0 0 240px;position:sticky;top:0;display:flex;flex-direction:column;gap:10px}@media (max-width: 1100px){.practice-content--has-rail{flex-wrap:wrap}.practice-content__rail{flex:1 1 100%;position:static}}.practice-card{max-width:var(--practice-card-max);background:var(--practice-card);border-radius:12px;padding:28px 32px;box-shadow:none;border:1px solid var(--practice-cream-line)}.practice-card+.practice-card{margin-top:14px}.practice-card__section{margin-top:22px;padding-top:18px;border-top:1px dashed var(--practice-cream-line)}.practice-card__actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.practice-rail-panel{background:var(--practice-card);border:1px solid var(--practice-cream-line);border-radius:10px;overflow:hidden}.practice-rail-panel__header{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--practice-chip-bg);border:none;border-bottom:1px solid transparent;font-family:inherit;font-size:13.5px;font-weight:800;color:var(--practice-text);cursor:pointer;text-align:left}.practice-rail-panel.is-open .practice-rail-panel__header{border-bottom-color:var(--practice-cream-line)}.practice-rail-panel__header:hover{background:#EEEBF8}.practice-rail-panel__title{flex:1}.practice-rail-panel__chevron{color:var(--practice-text-faint);font-size:14px;font-weight:800}.practice-rail-panel__body{padding:12px 14px 14px;font-size:12.5px;line-height:1.6;color:var(--practice-text-muted)}.practice-rail-panel__body h4,.practice-rail-panel__body strong{color:var(--practice-text)}.practice-rail-panel__body ul,.practice-rail-panel__body ol{padding-left:18px;margin:6px 0}.practice-rail-panel__body li{margin-bottom:4px}.practice-step-flow{width:100%;max-width:880px;margin:0 auto 22px}.practice-step-flow__tagline{text-align:center;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--practice-text-faint);margin-bottom:14px}.practice-step-flow__row{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:8px}.practice-step-flow__step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border-radius:12px;background:var(--practice-card);border:1px solid var(--practice-cream-line);flex:1 1 0;min-width:0;max-width:168px}.practice-step-flow__num{width:32px;height:32px;border-radius:999px;background:var(--practice-yellow);color:var(--practice-text);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14.5px;font-family:var(--practice-font-mono);margin-bottom:12px;flex-shrink:0}.practice-step-flow__title{font-weight:800;font-size:16px;color:var(--practice-text);line-height:1.3;letter-spacing:-.005em}.practice-step-flow__hint{margin-top:6px;font-size:13px;color:var(--practice-text-muted);line-height:1.45;font-weight:500}.practice-step-flow__arrow{display:flex;align-items:center;color:var(--practice-text-faint);font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none;flex:0 0 auto;padding:0 2px}.practice-step-flow__summary{margin-top:16px;text-align:center;font-size:14px;color:var(--practice-text-muted);font-weight:600;line-height:1.6}@media (max-width: 640px){.practice-step-flow__arrow{transform:rotate(90deg)}.practice-step-flow__row{flex-wrap:wrap}}.practice-passage{color:var(--practice-text);font-size:16px;line-height:2.05;white-space:pre-wrap}.practice-passage--large{font-size:18px}.practice-option-row,.practice-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.practice-action-row{margin-bottom:14px}.practice-muted{color:var(--practice-text-muted);font-size:13px}.practice-loading{padding:40px;color:var(--practice-text-muted);background:var(--practice-page-bg);min-height:60vh}.practice-alert{max-width:var(--practice-card-max);margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#FEEBEA;border:1px solid #E3B5B0;color:#a6382a;font-size:13px}.practice-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:16px auto 40px}.practice-empty__mark{display:inline-flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:999px;background:rgba(14,18,48,.06);color:#0e123099;font-size:58px;font-weight:800;line-height:1;margin-bottom:18px}.practice-empty__text{color:var(--practice-text);font-size:16px;font-weight:700}.practice-segmented{display:inline-flex;align-items:center;padding:3px;border-radius:999px;border:1px solid var(--practice-chip-border);background:#fff;gap:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.practice-segmented[data-tone=dark]{border-color:var(--practice-topbar-control-border);background:var(--practice-topbar-control-bg)}.practice-segmented[data-size=sm]{padding:2px;gap:1px}.practice-segmented__label{padding:4px 10px 4px 12px;font-size:12.5px;font-weight:600;color:var(--practice-text-muted);pointer-events:none}.practice-segmented[data-tone=dark] .practice-segmented__label{color:var(--practice-topbar-muted)}.practice-segmented[data-size=sm] .practice-segmented__label{padding:2px 7px 2px 9px;font-size:11px}.practice-segmented__option{padding:6px 14px;border-radius:999px;background:transparent;color:var(--practice-text-muted);font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .12s ease,color .12s ease}.practice-segmented[data-tone=dark] .practice-segmented__option{color:var(--practice-topbar-muted)}.practice-segmented[data-size=sm] .practice-segmented__option{padding:3px 8px;font-size:11px}.practice-segmented__option.is-active{background:var(--practice-control-active-bg);color:var(--practice-control-active-fg);font-weight:700}.practice-btn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s ease,opacity .12s ease;flex-shrink:0}.practice-btn:disabled{cursor:not-allowed;opacity:.5}.practice-btn--primary{padding:9px 22px;border:none;background:var(--practice-yellow);color:var(--practice-navy);font-size:13.5px;font-weight:800;box-shadow:0 1px 2px #0e12301a}.practice-btn--primary:hover:not(:disabled){background:var(--practice-yellow-deep)}.practice-btn--lg{padding:13px 32px;font-size:15.5px;letter-spacing:.5px;box-shadow:0 2px 4px #0e123024}.practice-btn--secondary{padding:8px 18px;border:1px solid var(--practice-navy);background:#fff;color:var(--practice-navy);font-size:13px;font-weight:700}.practice-btn--secondary:hover:not(:disabled){background:var(--practice-chip-bg)}.practice-btn--navy{padding:6px 14px;border:1px solid var(--practice-navy-border);background:rgba(255,255,255,.05);color:#fff;font-size:12.5px;font-weight:600}.practice-btn--navy:hover:not(:disabled){background:var(--practice-navy-soft)}.practice-select{padding:6px 8px;border-radius:999px;border:1px solid var(--practice-chip-border);background:#fff;color:var(--practice-text);font-family:inherit;font-size:13px;font-weight:650;outline:none}.practice-pselect{position:relative;display:inline-block;font-family:inherit}.practice-pselect__button{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 14px;border-radius:999px;border:1px solid var(--practice-chip-border);background:#fff;color:var(--practice-text);cursor:pointer;font-family:inherit;font-size:13px;font-weight:650;outline:none;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.practice-pselect__button:hover:not(:disabled),.practice-pselect__button.is-open{background:var(--practice-chip-bg);border-color:var(--practice-navy)}.practice-pselect__button:disabled{opacity:.5;cursor:not-allowed}.practice-pselect.is-sm .practice-pselect__button{padding:4px 10px 4px 12px;font-size:12px}.practice-pselect__label{font-size:12px;font-weight:600;color:var(--practice-text-muted)}.practice-pselect__value{font-weight:700}.practice-pselect__caret{font-size:10px;color:var(--practice-text-muted);margin-left:2px;transition:transform .12s ease}.practice-pselect__button.is-open .practice-pselect__caret{transform:rotate(180deg)}.practice-pselect__dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;max-height:320px;overflow-y:auto;padding:6px;background:#fff;border-radius:12px;box-shadow:0 8px 28px #0e12302e,0 2px 6px #0e123014;border:1px solid rgba(14,18,48,.08);z-index:20}.practice-pselect__item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:8px;border:none;width:100%;background:transparent;color:var(--practice-text);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;text-align:left;white-space:nowrap}.practice-pselect__item:hover{background:rgba(14,18,48,.04)}.practice-pselect__item.is-selected{font-weight:700;color:var(--practice-navy);background:var(--practice-chip-bg)}.practice-pselect__dot{display:inline-flex;width:12px;justify-content:center;color:var(--practice-yellow-deep)}.practice-label{display:inline-flex;align-items:center;gap:6px;color:var(--practice-text-muted);font-size:13px}.practice-color-menu{position:relative;display:inline-block}.practice-color-menu__button{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;border:1px solid var(--practice-topbar-control-border);background:var(--practice-topbar-control-bg);color:var(--practice-topbar-text);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .12s ease}.practice-color-menu__button:hover:not(:disabled),.practice-color-menu__button.is-open{background:var(--practice-topbar-control-bg-hover)}.practice-color-menu__button:disabled{opacity:.45;cursor:not-allowed}.practice-color-menu__caret{font-size:9px;opacity:.7;margin-left:1px;transition:transform .12s ease}.practice-color-menu__button.is-open .practice-color-menu__caret{transform:rotate(180deg)}.practice-color-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:168px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 8px 28px #0e12302e,0 2px 6px #0e123014;border:1px solid rgba(14,18,48,.08);z-index:20}.practice-color-menu__heading{padding:6px 10px 4px;font-size:11px;color:var(--practice-text-muted);font-weight:600;letter-spacing:.04em}.practice-color-menu__item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;border:none;width:100%;background:transparent;color:var(--practice-text);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;text-align:left}.practice-color-menu__item:hover:not(:disabled){background:rgba(14,18,48,.04)}.practice-color-menu__item.is-selected{font-weight:700}.practice-color-menu__item:disabled{color:var(--practice-text-faint);cursor:not-allowed}.practice-color-menu__dot{width:12px;height:12px;border-radius:999px;flex-shrink:0}.practice-color-menu__dot--empty{border:1.5px dashed var(--practice-chip-border)}.practice-color-menu__divider{height:1px;background:rgba(14,18,48,.08);margin:6px 4px}@media (max-width: 639px){.practice-page{height:auto;min-height:calc(var(--ll-vh100, 100dvh) - 112px);overflow:visible}.practice-navy-strip{padding:10px 12px}.practice-navy-strip__type-code{font-size:16px}.practice-navy-strip__title{font-size:15px;flex-basis:100%}.practice-cream-strip__inner{padding:0 10px}.practice-content{padding:10px}.practice-card{padding:20px 16px;border-radius:12px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ll-min-vh-full{min-height:100vh;min-height:100dvh;min-height:var(--ll-vh100, 100dvh)}.ll-h-vh-full{height:100vh;height:100dvh;height:var(--ll-vh100, 100dvh)}.ll-page-pad{padding-left:32px;padding-right:32px}.ll-dash-edge{margin-left:32px;margin-right:32px}@media (max-width: 639px){.ll-page-pad{padding-left:10px;padding-right:10px}.ll-dash-edge{margin-left:14px;margin-right:14px}}@media (max-width: 639px){.ll-mobile-hide{display:none!important}}.ll-mobile-only{display:none!important}@media (max-width: 639px){.ll-mobile-only{display:flex!important}}@media (max-width: 639px){.ll-clip-body{padding:7px 8px 12px!important}}@media (max-width: 639px){.ll-search-input{font-size:16px!important}}.cp2-right-sub-en{font-size:13.5px}.cp2-right-sub-zh{font-size:11px}@media (min-width: 640px){.cp2-right-sub-en{font-size:15px}.cp2-right-sub-zh{font-size:12.5px}}.ll-home-header{padding-top:20px;padding-bottom:14px}@media (max-width: 639px){.ll-home-header{padding-top:10px;padding-bottom:8px}}.ll-home-title{flex:0 1 auto}.ll-home-search{flex:1 1 260px;min-width:0}@media (min-width: 720px){.ll-home-title{display:none}}@media (max-width: 720px){.ll-home-search{flex-basis:100%;order:99}}.ll-clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 639px){.ll-clip-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.ll-clip-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width: 639px){.ll-clip-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width: 639px){.ll-clip-summary{display:none!important}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}:root{--bg-base: #F5F5F7;--bg-surface: #FFFFFF;--bg-sunken: #EBEBED;--bg-hover: #F0F0F2;--bg-active: #E8E8EA;--bg-overlay: rgba(0,0,0,.32);--border: rgba(0,0,0,.09);--border-strong: rgba(0,0,0,.15);--text-primary: #1D1D1F;--text-secondary:#424245;--text-muted: #86868B;--accent: #0071E3;--accent-rgb: 0, 113, 227;--accent-hover: #0077ED;--accent-muted: #5AC8FA;--accent-bg: rgba(0,113,227,.1);--gold: #B8670A;--gold-bg: #FFF8E6;--gold-border: #E8C46A;--green: #34C759;--orange: #FF9500;--red: #FF3B30;--purple: #AF52DE;--blue: #0071E3;--cyan: #5AC8FA;--shadow: 0 2px 14px rgba(0,0,0,.06);--shadow-heavy: 0 14px 50px rgba(0,0,0,.12);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 980px;--yt-bg-deep: #EBEBED;--yt-bg-base: #F5F5F7;--yt-bg-panel: #FFFFFF;--yt-bg-raised: #FAFAFC;--yt-border: rgba(0,0,0,.09);--yt-border-sub: rgba(0,0,0,.15);--yt-text-dim: #86868B;--yt-text-sub: #424245;--yt-text-main: #1D1D1F;--yt-ctrl-bg: #F5F5F7;--yt-accent: var(--accent);--yt-accent-rgb: var(--accent-rgb);--yt-accent-hover: var(--accent-hover);--yt-accent-muted: var(--accent-muted)}html.dark{--bg-base: #000000;--bg-surface: #1D1D1F;--bg-sunken: #141416;--bg-hover: #28282B;--bg-active: #2C2C2F;--bg-overlay: rgba(0,0,0,.64);--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--text-primary: #F5F5F7;--text-secondary:#C7C7CC;--text-muted: #86868B;--accent: #2997FF;--accent-rgb: 41, 151, 255;--accent-hover: #1F88FF;--accent-muted: #64D2FF;--accent-bg: rgba(41,151,255,.14);--gold: #FFD60A;--gold-bg: #2A2300;--gold-border: #4A4000;--green: #30D158;--orange: #FF9F0A;--red: #FF453A;--purple: #BF5AF2;--blue: #2997FF;--cyan: #64D2FF;--shadow: 0 2px 12px rgba(0,0,0,.5);--shadow-heavy: 0 24px 80px rgba(0,0,0,.7);--yt-bg-deep: #000000;--yt-bg-base: #1D1D1F;--yt-bg-panel: #1D1D1F;--yt-bg-raised: #2A2A2D;--yt-border: rgba(255,255,255,.1);--yt-border-sub: rgba(255,255,255,.18);--yt-text-dim: #86868B;--yt-text-sub: #C7C7CC;--yt-text-main: #F5F5F7;--yt-ctrl-bg: #28282B;--yt-accent: var(--accent);--yt-accent-rgb: var(--accent-rgb);--yt-accent-hover: var(--accent-hover);--yt-accent-muted: var(--accent-muted)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.015em;background:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background .2s,color .2s}::placeholder{color:#0a0a0c66;opacity:1}html.dark ::placeholder{color:#ffffff61}html.dark{color-scheme:dark}html.dark input:focus-visible,html.dark textarea:focus-visible{outline:2px solid rgba(41,151,255,.45);outline-offset:1px}*,*:before,*:after{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif!important}code,kbd,samp,pre,.practice-jump-form__input,.font-mono,[data-font=mono]{font-family:JetBrains Mono,SF Mono,Cascadia Code,Menlo,Consolas,monospace!important}.app{display:flex;flex-direction:column;height:100vh;transition:background .2s}.app-tab-switcher{position:fixed;top:0;right:0;z-index:9999;display:flex;gap:4px;padding:6px 12px;background:rgba(15,17,23,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:10px;border-bottom:1px solid #2a2d3a;border-left:1px solid #2a2d3a}html:not(.dark) .app-tab-switcher{background:rgba(255,255,255,.97);border-bottom-color:#dde1ec;border-left-color:#dde1ec;box-shadow:-2px 2px 12px #00000014}.app-tab-btn{padding:4px 12px;border-radius:var(--radius-xs);border:none;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;background:transparent;color:#7a7d90}.app-tab-btn.active{background:var(--accent);color:#fff}html:not(.dark) .app-tab-btn{color:#4b5068}html:not(.dark) .app-tab-btn:hover{color:var(--accent)}html:not(.dark) .app-tab-btn.active{background:var(--accent);color:#fff}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:10px}.app-logo{font-size:28px}.app-title{font-size:18px;font-weight:700;color:var(--text-primary)}.app-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.mvp-badge{font-size:11px;font-weight:600;padding:4px 10px;background:var(--accent-bg);color:var(--accent-muted);border-radius:var(--radius-pill);border:1px solid var(--border)}.btn-theme{padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;background:var(--bg-sunken);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all .2s}.btn-theme:hover{border-color:var(--accent);color:var(--accent)}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:240px;min-width:240px;background:var(--bg-sunken);border-right:1px solid var(--border);overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.sidebar-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 4px 8px}.segment-btn{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.segment-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.segment-btn.active{background:var(--bg-active);color:var(--accent)}.segment-num{min-width:20px;height:20px;border-radius:50%;background:var(--border);color:var(--text-muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.segment-btn.active .segment-num{background:var(--accent-bg);color:var(--accent)}.segment-preview{line-height:1.4}.iprofile-card{margin-top:16px;padding:14px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.iprofile-title{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:10px}.iprofile-empty{font-size:12px;color:var(--text-muted)}.iprofile-item{font-size:13px;margin-bottom:6px}.btn-reset{margin-top:12px;width:100%;padding:6px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;cursor:pointer}.btn-reset:hover{color:var(--red);border-color:var(--red)}.main-content{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:24px}.audio-controls{background:var(--bg-surface);border-radius:var(--radius-md);padding:20px 24px;border:1px solid var(--border);box-shadow:var(--shadow)}.progress-bar-container{cursor:pointer;padding:8px 0}.progress-bar-track{position:relative;height:5px;background:var(--border);border-radius:3px}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .1s linear}.progress-bar-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);transition:left .1s linear}.time-display{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:6px}.controls-row{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}.btn-play{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:18px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4a62f54d}.btn-play:hover:not(.disabled){filter:brightness(1.1);transform:scale(1.05)}.btn-play.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.rate-selector{display:flex;align-items:center;gap:6px}.control-label{font-size:12px;color:var(--text-muted)}.btn-rate{padding:4px 10px;border-radius:var(--radius-xs);font-size:13px;background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all .15s}.btn-rate:hover{color:var(--text-secondary)}.btn-rate.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.btn-sharpen{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all .2s}.btn-sharpen:hover{color:var(--gold);border-color:var(--gold-border)}.btn-sharpen.active{background:var(--gold-bg);color:var(--gold);border-color:var(--gold-border)}.no-audio-hint{margin-top:12px;padding:10px 14px;background:#FFF8E6;color:#b8670a;border-radius:var(--radius-sm);font-size:13px;border:1px solid #E8C46A}.dark .no-audio-hint{background:#2A1500;color:#ff9800;border-color:#4a3000}.no-audio-hint code{background:rgba(0,0,0,.08);padding:1px 5px;border-radius:3px;font-family:monospace}.ghost-text-section{background:var(--bg-surface);border-radius:var(--radius-md);padding:28px 32px;border:1px solid var(--border);min-height:120px;box-shadow:var(--shadow)}.ghost-text-container{display:flex;flex-direction:column;gap:12px}.ghost-text{font-size:22px;line-height:1.8;display:flex;flex-wrap:wrap;gap:6px;transition:filter .4s,opacity .4s;color:var(--text-primary)}.ghost-text.hidden{filter:blur(12px);opacity:.15;-webkit-user-select:none;user-select:none}.ghost-text.ghost{filter:blur(4px);opacity:.4}.ghost-text.revealed{filter:none;opacity:1}.phoneme-word{position:relative;cursor:pointer;padding:2px 5px;border-radius:var(--radius-xs);transition:background .15s}.phoneme-word:hover{background:var(--bg-hover)}.phoneme-word.active{background:var(--accent-bg);color:var(--accent)}.phoneme-word.type-weak-form{border-bottom:2px solid var(--blue)}.phoneme-word.type-reduction{border-bottom:2px solid var(--orange)}.phoneme-word.type-linking{border-bottom:2px dashed var(--purple)}.phoneme-word.type-elision{border-bottom:2px solid var(--red)}.phoneme-word.type-assimilation{border-bottom:2px dotted var(--cyan)}.difficulty-dot{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--orange)}.ghost-mode-hint{font-size:13px;color:var(--text-muted)}.btn-reveal{margin-top:16px;padding:8px 18px;background:transparent;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .15s}.btn-reveal:hover{color:var(--text-primary);border-color:var(--text-muted)}.diagnosis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.diagnosis-panel{position:relative;background:var(--bg-surface);border-radius:var(--radius-lg);padding:28px 32px;max-width:520px;width:90%;border:1px solid var(--border);box-shadow:var(--shadow-heavy);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.diagnosis-close{position:absolute;top:16px;right:16px;background:var(--bg-sunken);border:none;color:var(--text-muted);width:28px;height:28px;border-radius:50%;font-size:12px;cursor:pointer}.diagnosis-close:hover{background:var(--border);color:var(--text-primary)}.diagnosis-phoneme-text{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.diagnosis-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.type-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill)}.note-badge{font-size:12px;padding:4px 12px;background:var(--bg-sunken);color:var(--text-muted);border-radius:var(--radius-pill);font-family:monospace}.error-badge{font-size:12px;padding:4px 12px;background:#FFF0F0;color:var(--red);border-radius:var(--radius-pill)}.dark .error-badge{background:#2A0A0A}.diagnosis-explanation{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:14px;padding:14px 16px;background:var(--bg-sunken);border-radius:var(--radius-sm);border:1px solid var(--border)}.diagnosis-example{font-size:14px;color:var(--text-muted);margin-bottom:20px;font-family:monospace}.example-label{color:var(--text-muted);margin-right:6px}.diagnosis-actions{display:flex;gap:10px}.btn-replay{flex:1;padding:10px 16px;border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text-secondary);border:1px solid var(--border);font-size:14px;cursor:pointer;transition:all .15s}.btn-replay:hover{background:var(--bg-hover)}.btn-replay-sharp{flex:1;padding:10px 16px;border-radius:var(--radius-sm);background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-border);font-size:14px;cursor:pointer;transition:all .15s}.btn-replay-sharp:hover{filter:brightness(.95)}.usage-tips{display:flex;flex-wrap:wrap;gap:10px}.tip{font-size:13px;color:var(--text-muted);padding:8px 14px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border)}