.c-page{--c-ink:var(--pb-ink);--c-muted:var(--pb-muted);--c-line:var(--pb-line);--c-soft:var(--pb-brand-soft);--c-primary:var(--pb-brand);--c-primary-ink:var(--pb-brand-ink);--c-ok:var(--pb-ok);--c-warn:var(--pb-warn-ink);max-width:980px;padding:14px 16px calc(96px + env(safe-area-inset-bottom));color:var(--c-ink);background:var(--pb-surface2);min-height:100vh;margin:0 auto}.c-page a{color:inherit;text-decoration:none}.c-back-spacer{width:1px}.c-head{margin:14px 0 18px}.c-head h1{margin:0 0 6px;font-size:26px;line-height:1.5}.c-head p{color:var(--c-muted);margin:0;font-size:14px;line-height:1.9}.c-error{background:var(--pb-bad-soft);color:var(--pb-bad-ink);border-radius:12px;padding:13px 15px}.c-loading{color:var(--c-muted);text-align:center;padding:30px 0}.c-muted{color:var(--c-muted);font-size:13px;line-height:1.9}.c-it{color:var(--pb-muted);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font:500 12px/1.7 Inter,system-ui,sans-serif;display:-webkit-box;overflow:hidden}.c-bar{background:var(--pb-surface2);border-radius:20px;height:7px;overflow:hidden}.c-bar i{background:var(--c-primary);border-radius:20px;min-width:0;height:100%;transition:width .3s;display:block}.c-bar-thin{flex:1;min-width:60px;height:5px}.c-primary{background:var(--c-primary);font:inherit;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:13px 18px;font-size:15px;font-weight:800;display:inline-flex;color:var(--pb-on-brand)!important}.c-primary:hover{background:var(--c-primary-ink)}.c-secondary{background:var(--pb-surface);border:1px solid var(--pb-brand-line);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex;color:var(--c-primary-ink)!important}.c-wide{width:100%;margin-top:12px;display:flex}.c-link{color:var(--c-primary-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:700}.c-pill{background:var(--pb-warn-soft);color:var(--c-warn);border-radius:20px;margin-inline-start:6px;padding:1px 8px;font-size:10px;font-weight:800;display:inline-block}.c-chapter-icon{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:16px;flex:none;place-items:center;display:grid;overflow:hidden}.c-chapter-icon img{object-fit:contain;width:78%;height:78%}.c-chapter-icon b{color:var(--c-primary);font-size:30px}.c-chapter-icon-md{width:64px;height:64px}.c-chapter-icon-sm{border-radius:13px;width:48px;height:48px}.c-chapter-icon-sm b{font-size:22px}.c-continue,.c-resume{background:linear-gradient(135deg,var(--pb-brand),var(--pb-brand));box-shadow:0 14px 34px color-mix(in srgb,var(--pb-shadow-c) 20%,transparent);border-radius:22px;align-items:center;gap:14px;padding:18px;display:flex;color:var(--pb-on-brand)!important}.c-continue>span:not(.c-chapter-icon),.c-resume>span:not(.c-chapter-icon){flex:1;gap:3px;min-width:0;display:grid}.c-continue small,.c-resume small{opacity:.85;font-size:12px;font-weight:700}.c-continue b{font-size:18px;line-height:1.6}.c-continue em,.c-resume em{opacity:.85;font-size:12px;font-style:normal;line-height:1.7}.c-continue i,.c-resume i{background:#ffffff26;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:22px;font-style:normal;display:grid}.c-continue .c-chapter-icon{border:0}.c-resume{background:var(--pb-surface);border:1px solid var(--c-line);box-shadow:none;margin-bottom:18px;padding:14px;color:var(--c-ink)!important}.c-resume b{font-size:15px}.c-resume i{background:var(--c-soft);color:var(--c-primary-ink)}.c-alert-card{background:var(--pb-warn-soft);border:1px solid var(--pb-warn-line);border-radius:14px;margin-bottom:12px;padding:13px 15px;font-size:14px;font-weight:700;display:block;color:var(--pb-warn-ink)!important}.c-progress-strip{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:18px;gap:10px;margin:14px 0;padding:16px;display:grid}.c-progress-strip>div:first-child{align-items:baseline;gap:8px;display:flex}.c-progress-strip>div:first-child b{font-size:24px}.c-progress-strip>div:first-child span,.c-progress-nums{color:var(--c-muted);font-size:12px}.c-progress-nums{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.c-progress-nums a{color:var(--c-primary-ink);font-weight:700}.c-paths{grid-template-columns:1fr 1fr;gap:10px;display:grid}.c-paths a{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:18px;gap:4px;min-height:118px;padding:16px;display:grid}.c-paths b{background:var(--pb-surface2);width:42px;height:42px;color:var(--pb-brand-ink);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.c-paths strong{font-size:15px}.c-paths small{color:var(--c-muted);font-size:12px;line-height:1.7}.c-paths a:hover,.c-chapter-card:hover,.c-topic:hover{border-color:var(--pb-brand-line);box-shadow:0 8px 22px color-mix(in srgb,var(--pb-shadow-c) 8%,transparent)}.c-more{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.c-more a{border:1px solid var(--c-line);background:var(--pb-surface);color:var(--c-primary-ink);border-radius:30px;padding:9px 14px;font-size:13px;font-weight:700}.c-chapter-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.c-chapter-card{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:18px;align-content:start;gap:7px;padding:14px;display:grid}.c-chapter-card small{color:var(--c-muted);font-size:11px;font-weight:700}.c-chapter-card b{min-height:48px;font-size:14px;line-height:1.7}.c-chapter-card em{color:var(--c-muted);font-size:11px;font-style:normal}.c-chapter-hero{align-items:center;gap:14px;margin:12px 0 16px;display:flex}.c-chapter-hero small{color:var(--c-primary-ink);font-size:12px;font-weight:800}.c-chapter-hero h1{margin:3px 0 0;font-size:23px;line-height:1.5}.c-chapter-summary{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:18px;gap:14px;margin-bottom:14px;padding:16px;display:grid}.c-chapter-summary>div{gap:7px;display:grid}.c-chapter-summary span{color:var(--c-muted);font-size:12px}.c-topic-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.c-topic{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:16px;align-items:center;gap:12px;padding:13px 14px;display:flex}.c-topic-num{background:var(--pb-surface2);min-width:46px;height:38px;color:var(--c-muted);border-radius:11px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.c-topic-doing .c-topic-num{background:var(--c-soft);color:var(--c-primary-ink)}.c-topic-done .c-topic-num{background:var(--pb-ok-soft);color:var(--c-ok)}.c-topic-text{flex:1;gap:3px;min-width:0;display:grid}.c-topic-text b{font-size:14px;line-height:1.7}.c-topic-text small{color:var(--pb-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;font:500 11px/1.6 Inter,system-ui,sans-serif;overflow:hidden}.c-topic-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.c-topic-meta em{color:var(--c-muted);font-size:11px;font-style:normal}.c-topic-meta .c-ok{color:var(--c-ok);font-weight:700}.c-chev{color:var(--pb-faint);font-size:18px}.c-chapter-tools{gap:8px;margin-top:16px;display:grid}.c-chapter-tools a{text-align:center;border:1px dashed var(--pb-line);color:var(--c-primary-ink);border-radius:13px;padding:12px;font-size:13px;font-weight:700}.c-topic-head small{color:var(--c-muted);font-size:12px;font-weight:700}.c-topic-head h1{margin:4px 0 0;font-size:22px;line-height:1.6}.c-topic-head h1 span{color:var(--c-primary);margin-inline-end:4px}.c-tabs{z-index:5;background:var(--pb-surface2);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 0;padding:4px;display:grid;position:sticky;top:0}.c-tabs button{font:inherit;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:44px;padding:11px 4px;font-size:13px;font-weight:700}.c-tabs .is-active{background:var(--pb-surface);color:var(--c-primary-ink);box-shadow:0 2px 8px color-mix(in srgb,var(--pb-shadow-c) 8%,transparent)}.c-lesson{gap:12px;display:grid}.c-objective{background:var(--pb-mint-soft);color:var(--pb-ink);border-radius:14px;margin:0;padding:13px 15px;font-size:14px;line-height:1.9}.c-block{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:18px;padding:16px}.c-block h2{margin:0 0 8px;font-size:16px}.c-block>p{margin:0;font-size:15px;line-height:2.05}.c-it-block{background:var(--pb-surface2);text-align:left;border-radius:12px;margin:8px 0 0;padding:12px;font:500 14px/1.9 Inter,system-ui,sans-serif}.c-trap{background:var(--pb-warn-soft);border-color:var(--pb-warn-line)}.c-trap h2{color:var(--c-warn)}.c-check{background:var(--pb-surface2);border-color:var(--pb-ok-line)}.c-vocab{gap:0;margin:0;display:grid}.c-vocab div{border-bottom:1px solid var(--pb-line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.c-vocab div:last-child{border-bottom:0}.c-vocab dt{font:600 14px Inter,system-ui,sans-serif}.c-vocab dd{color:var(--c-muted);text-align:left;margin:0;font-size:14px}.c-example{border-top:1px solid var(--pb-line);padding:14px 0 4px}.c-example img{object-fit:contain;max-width:100%;max-height:170px;margin:0 auto 10px;display:block}.c-q{text-align:left;margin:0;font:600 16px/1.8 Inter,system-ui,sans-serif}.c-q-fa{color:var(--pb-ink);margin:6px 0 10px;font-size:14px;line-height:1.9}.c-explain{background:var(--pb-surface2);border-radius:12px;padding:12px;font-size:14px;line-height:1.9}.c-explain p{margin:0}.c-explain small{color:var(--pb-muted);margin-top:6px;font-size:11px;display:block}.c-sources{color:var(--c-muted);flex-wrap:wrap;gap:10px;margin:0;font-size:12px;display:flex}.c-sources a{color:var(--c-primary-ink);font-weight:700}.c-draft{text-align:center;margin:0}.c-notice{background:var(--pb-warn-soft);border:1px solid var(--pb-warn-line);border-radius:14px;padding:13px 15px;font-size:13px;line-height:1.9}.c-notice p{margin:4px 0}.c-notice summary{cursor:pointer;font-weight:700}.c-notice-law{background:var(--pb-surface2);border-color:var(--pb-info-line)}.c-notice-law a{color:var(--pb-info-ink);font-weight:700}.c-cta-card p{color:var(--pb-ink);margin:0 0 10px;font-size:14px;line-height:1.9}.c-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px;display:grid}.c-stats span{background:var(--pb-surface2);text-align:center;color:var(--c-muted);border-radius:12px;gap:2px;padding:10px 6px;font-size:11px;display:grid}.c-stats b{color:var(--c-ink);font-size:20px}.c-pager{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.c-pager a{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:16px;gap:3px;padding:13px;display:grid}.c-pager small{color:var(--c-muted);font-size:11px}.c-pager b{font-size:13px;line-height:1.7}.c-pager-next{border-color:var(--pb-brand-line)!important;background:var(--pb-surface2)!important}.c-pager-next b{color:var(--c-primary-ink)}@media (min-width:760px){.c-page{padding:22px 28px 60px}.c-head h1{font-size:32px}.c-paths{grid-template-columns:repeat(4,1fr)}.c-chapter-grid{grid-template-columns:repeat(3,1fr)}.c-chapter-summary{grid-template-columns:1fr auto;align-items:center}.c-chapter-tools{grid-template-columns:1fr 1fr}.c-topic-head h1,.c-chapter-hero h1{font-size:28px}}@media (min-width:1024px){.c-chapter-grid{grid-template-columns:repeat(4,1fr)}}.c-page a,.c-page button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.c-paths a,.c-chapter-card,.c-topic,.c-continue,.c-resume,.c-primary,.c-secondary,.c-pager a,.k-issue a,.c-tabs button{transition:transform .12s,box-shadow .2s}.c-paths a:active,.c-chapter-card:active,.c-topic:active,.c-continue:active,.c-resume:active,.c-primary:active,.c-secondary:active,.c-pager a:active,.c-tabs button:active{transform:scale(.97)}.c-page>:not(.c-topbar){animation:.28s both c-enter}.c-page>:nth-child(3){animation-delay:30ms}.c-page>:nth-child(4){animation-delay:60ms}.c-page>:nth-child(5){animation-delay:90ms}@keyframes c-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.c-page>.mock-card{animation:none}@media (max-width:759px){.c-page{padding-top:0}.c-tabs{top:calc(60px + env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.c-page>*{animation:none!important}.c-page *{transition:none!important}}.c-skeleton{gap:10px;margin-top:6px;display:grid}.c-skeleton div{background:linear-gradient(90deg,var(--pb-surface2),var(--pb-surface2),var(--pb-surface2));background-size:200% 100%;border-radius:16px;height:64px;animation:1.2s infinite c-shimmer}.c-skeleton div:first-child{height:96px}@keyframes c-shimmer{to{background-position:-200% 0}}.c-ex-actions{justify-content:flex-end;margin-top:8px;display:flex}.c-ex-actions .c-secondary{margin:0}.c-topic-meta .c-read{color:var(--pb-brand-ink);font-weight:700}.c-cards-due{background:var(--pb-surface);border:1px solid var(--pb-brand-line);box-shadow:0 6px 18px color-mix(in srgb,var(--pb-shadow-c) 6%,transparent);border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:13px 15px;display:flex}.c-cards-due span{color:var(--pb-brand-ink);display:inline-flex}.c-cards-due b{flex:1;font-size:14px}.c-cards-due i{color:var(--pb-brand-ink);font-style:normal;font-weight:800}.c-welcome{max-width:560px;padding-top:calc(24px + env(safe-area-inset-top))}.w-dots{justify-content:center;gap:6px;margin:6px 0 20px;display:flex}.w-dots i{background:var(--pb-line);border-radius:6px;width:28px;height:6px}.w-dots i.on{background:var(--pb-brand)}.w-step{gap:12px;display:grid}.w-step h1{margin:0;font-size:26px;line-height:1.5}.w-step h2{margin:10px 0 0;font-size:17px}.w-step>p{color:var(--pb-muted);margin:0;font-size:14px;line-height:1.9}.w-hero{background:var(--pb-surface2);width:84px;height:84px;color:var(--pb-brand-ink);border-radius:24px;justify-content:center;align-items:center;margin:8px auto 4px;display:flex}.w-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.w-steps li{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:16px;gap:2px;padding:12px 14px;display:grid}.w-steps b{font-size:15px}.w-steps span{color:var(--pb-muted);font-size:13px;line-height:1.8}.w-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.w-options-4{grid-template-columns:repeat(4,1fr)}.w-levels{grid-template-columns:1fr}.w-options button{background:var(--pb-surface);border:1.5px solid var(--pb-line);font:inherit;color:var(--pb-ink);cursor:pointer;text-align:center;border-radius:14px;gap:4px;min-height:52px;padding:13px 10px;font-size:14px;font-weight:700;display:grid}.w-levels button{text-align:right}.w-options button small{color:var(--pb-muted);font-size:12px;font-weight:500;line-height:1.7}.w-options button[aria-pressed=true]{border-color:var(--pb-brand);background:var(--pb-surface2);color:var(--pb-brand-ink)}.w-back{color:var(--pb-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:14px;font-weight:700}.c-countdown{background:var(--pb-warn-soft);border-radius:20px;font-weight:700;display:inline-block;color:var(--pb-warn-ink)!important;margin:2px 0 6px!important;padding:3px 12px!important;font-size:13px!important}.c-chapter-icon .ic{color:var(--c-primary)}.k-card-head h2,.w-steps b{align-items:center;gap:6px;display:inline-flex}.w-steps b .ic,.k-card-head h2 .ic,.q-coach .ic,.k-tip .ic{color:var(--pb-brand-ink)}.c-objective .ic{color:var(--pb-mint-d)}.c-countdown{align-items:center;gap:6px;display:inline-flex!important}.w-date{color:var(--pb-muted);flex-wrap:wrap;align-items:center;gap:10px;margin:-4px 0 16px;font-size:13px;display:flex}.w-date input{font:inherit;border:1px solid var(--c-line);background:var(--pb-surface);color:inherit;border-radius:12px;min-height:42px;padding:8px 10px}a.c-countdown{text-decoration:none}.c-countdown-empty{background:var(--pb-surface2)!important;color:var(--pb-brand-ink)!important}.c-cards-due div{flex-direction:column;flex:1;gap:2px;display:flex}.c-cards-due small{color:var(--pb-muted);font-size:12px}.w-summary .c-stats{margin-bottom:14px}.w-decks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.w-decks a{background:var(--pb-surface);border:1px solid var(--c-line);color:inherit;border-radius:16px;align-items:center;gap:10px;padding:13px 15px;text-decoration:none;display:flex}.w-deck-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.w-deck-text b{font-size:14px;line-height:1.7}.w-deck-text small{color:var(--pb-muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:12px;overflow:hidden}.w-card .w-front{flex-direction:column;align-items:center;gap:12px;padding:34px 0 18px;display:flex}.w-word{text-align:center;color:var(--pb-ink);margin:0;font-size:34px;font-weight:800}.w-back{border-top:1px dashed var(--c-line);text-align:center;padding-top:16px;animation:.2s w-fade}@keyframes w-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.w-fa{color:var(--pb-brand-ink);margin:0 0 4px;font-size:22px;font-weight:800}.w-en{color:var(--pb-muted);margin:0 0 14px;font-size:14px}.w-example{background:var(--pb-surface2);text-align:left;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;line-height:1.8}.w-example mark{background:var(--pb-warn-line);color:inherit;border-radius:4px;padding:0 2px}.w-hint{text-align:center}.w-grade button{justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.w-grade button:first-child{color:var(--pb-bad-ink)}.w-grade button:last-child{color:var(--pb-ok-ink)}.c-tabs button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.c-tab-n{background:var(--pb-brand-soft);width:20px;height:20px;color:var(--pb-brand-ink);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:inline-grid}.c-tabs .is-active .c-tab-n{background:var(--pb-brand);color:var(--pb-on-brand)}.c-intro{background:var(--pb-surface);border:1px solid var(--c-line);border-radius:16px;margin:0 0 14px;padding:12px 15px}.c-intro b{color:var(--pb-brand-ink);align-items:center;gap:6px;font-size:14px;display:inline-flex}.c-intro p{color:var(--pb-ink);margin:6px 0 0;font-size:13px;line-height:2}.c-lesson-fig{object-fit:contain;border-radius:12px;max-width:100%;max-height:220px;margin:4px auto 12px;display:block}.c-lesson-figs.is-grid{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px;display:grid}.c-lesson-figs.is-grid .c-lesson-fig{background:var(--pb-surface);border:1px solid var(--c-line);max-height:120px;margin:0 auto;padding:6px}.c-step{border:1px dashed var(--c-line,var(--pb-line2));color:inherit;border-radius:14px;align-items:flex-start;gap:12px;margin:4px 0 12px;padding:12px 14px;text-decoration:none;display:flex}.c-step span{flex-direction:column;gap:2px;display:flex}.c-step small{color:var(--c-muted);font-size:13px;line-height:1.8}.w-options-5{grid-template-columns:repeat(5,1fr)}.w-options-5 button{padding-inline:4px;font-size:14px}.w-hint{color:var(--c-muted);margin:-4px 0 10px;font-size:13px;line-height:1.9}.t-card{background:var(--pb-surface);border:1px solid var(--c-line);box-shadow:0 10px 30px -18px color-mix(in srgb,var(--pb-shadow-c) 45%,transparent);border-radius:22px;margin:14px 0 16px;padding:18px 16px 16px}.t-card.t-hub{margin-top:6px}.t-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.t-head h2{color:var(--c-ink);align-items:center;gap:8px;margin:0;font-size:19px;display:flex}.t-minutes{color:var(--c-primary-ink);background:var(--c-soft);border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.t-bar{background:var(--c-soft);border-radius:99px;height:8px;margin:14px 0 6px;overflow:hidden}.t-bar i{background:var(--c-primary);border-radius:99px;height:100%;transition:width .4s;display:block}.t-count{color:var(--c-muted);margin:0 0 10px;font-size:13px}.t-steps{gap:2px;margin:0 0 14px;padding:0;list-style:none;display:grid}.t-steps li{border-radius:14px;align-items:flex-start;gap:10px;padding:8px 6px;display:flex;position:relative}.t-steps li.cur{background:var(--c-soft)}.t-dot{background:var(--pb-surface);border:1.5px solid var(--c-line);height:26px;color:var(--c-muted);border-radius:50%;flex:0 0 26px;place-items:center;font-size:13px;font-weight:800;display:grid}.t-steps li.cur .t-dot{border-color:var(--c-primary);color:var(--c-primary-ink)}.t-steps li.done .t-dot{background:var(--c-ok);border-color:var(--c-ok);color:var(--pb-on-ok)}.t-step{color:var(--c-ink);flex-direction:column;gap:2px;min-width:0;text-decoration:none;display:flex}.t-step b{align-items:center;gap:6px;font-size:14.5px;line-height:1.7;display:flex}.t-step small{color:var(--c-muted);font-size:12.5px;line-height:1.7}.t-steps li.done .t-step b{color:var(--c-muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb,var(--pb-muted) 50%,transparent);text-decoration-color:color-mix(in srgb,var(--pb-muted) 50%,transparent)}.t-go{margin-top:2px}.t-done{background:var(--pb-ok-soft);color:var(--pb-ok-ink);border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.t-done div{flex-direction:column;gap:2px;display:flex}.t-done small{color:var(--pb-ok-ink);line-height:1.8}.t-pace{color:var(--c-muted);border-top:1px dashed var(--c-line);margin:12px 0 0;padding-top:10px;font-size:13px;line-height:1.9}.t-pace-warn{color:var(--c-warn)}.t-free{text-align:center;margin-top:4px}.t-skeleton{min-height:260px}.t-skeleton div{background:var(--c-soft);border-radius:8px;height:16px;margin:14px 0}.t-next-cta{background:var(--c-primary,var(--pb-brand));text-align:center;border-radius:14px;padding:12px 16px;font-weight:800;color:var(--pb-on-brand)!important}.w-options-3{grid-template-columns:repeat(3,1fr)}.t-step>a{color:var(--c-ink);text-decoration:none}.t-parts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.t-part{border:1px solid var(--c-line);color:var(--c-muted);background:var(--pb-surface);border-radius:999px;align-items:center;gap:3px;padding:4px 9px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.t-part.is-cur{border-color:var(--c-primary);color:var(--c-primary-ink)}.t-part.is-done{background:var(--pb-ok-soft);border-color:var(--pb-line2);color:var(--pb-ok-ink)}.t-min{color:var(--c-muted);margin-top:2px;font-size:12px}.t-next-top{max-width:340px;margin:10px auto 16px;text-decoration:none;display:block}.c-page{background:var(--pb-bg)}.c-head h1,.c-block h2,.t-head h2,.c-chapter-title,.w-step h1{font-family:var(--pb-display);letter-spacing:0;font-weight:400}.c-head h1{font-size:30px;line-height:1.5}.c-primary{background:var(--pb-brand);box-shadow:0 4px 0 var(--pb-brand-d);font-family:var(--pb-display);font-size:19px;font-weight:400;transition:transform 80ms,box-shadow 80ms;color:var(--pb-on-brand)!important}.c-primary:active{box-shadow:0 1px 0 var(--pb-brand-d);transform:translateY(3px)}.c-secondary{background:var(--pb-surface);color:var(--pb-brand-ink);border:2px solid var(--pb-line);box-shadow:0 3px 0 var(--pb-line);border-radius:13px}.c-block,.t-card,.c-topic,.c-continue,.c-progress-strip,.c-paths a{box-shadow:0 3px 0 var(--pb-line)}.mock-figure img,.c-figure img,.c-lesson img{border-radius:14px}:root[data-theme=dark] .c-page img[src*="/figures/"]{filter:brightness(.93)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .c-page img[src*="/figures/"]{filter:brightness(.93)}}.road-wrap{justify-content:center;margin:6px -16px 0;display:flex;overflow:hidden}.road-map{flex:0 0 360px;width:360px;position:relative}.road-svg{position:absolute;inset:0}.road-asphalt{fill:none;stroke:var(--pb-road);stroke-width:50px;stroke-linecap:round}.road-lane{fill:none;stroke:var(--pb-lane);stroke-width:3.5px;stroke-dasharray:14 13;opacity:.85}.road-stops{margin:0;padding:0;list-style:none}.road-stop{width:0;height:0;position:absolute}.road-node{width:62px;height:62px;font:21px var(--pb-display);background:var(--pb-surface);border:4px solid var(--pb-line);box-shadow:0 5px 0 var(--pb-line2);z-index:2;border-radius:50%;place-items:center;transition:transform .1s,box-shadow .1s;display:grid;position:absolute;top:-31px;left:-31px;color:var(--pb-muted)!important}.road-node:active{box-shadow:0 2px 0 var(--pb-line2);transform:translateY(3px)}.road-node.is-doing{border-color:var(--pb-sun);color:var(--pb-ink)!important}.road-node.is-done{background:var(--pb-ok);border-color:var(--pb-ok);box-shadow:0 5px 0 var(--pb-ok-d);color:var(--pb-on-ok)!important}.road-node.is-cur{background:var(--pb-sun);border-color:var(--pb-sun);width:76px;height:76px;box-shadow:0 6px 0 var(--pb-sun-d),0 0 0 8px color-mix(in srgb,var(--pb-sun) 26%,transparent);font-size:24px;animation:2.6s ease-in-out infinite pb-pulse;top:-38px;left:-38px;color:var(--pb-ink)!important}.road-quiz{border-color:var(--pb-bad);background:var(--pb-surface);box-shadow:0 5px 0 var(--pb-bad-d)}.road-tri{border-left:14px solid #0000;border-right:14px solid #0000;border-bottom:24px solid var(--pb-bad);width:0;height:0;margin-top:-4px}.road-label{background:var(--pb-surface);box-shadow:0 3px 0 var(--pb-line);-webkit-line-clamp:3;border-radius:12px;-webkit-box-orient:vertical;padding:6px 10px;font-size:13px;font-weight:800;line-height:1.65;display:-webkit-box;position:absolute;top:0;overflow:hidden;transform:translateY(-50%);color:var(--pb-ink)!important}.road-label small{color:var(--pb-muted);font-size:11.5px;font-weight:600;display:block}.road-label.is-left,.road-label.is-right{text-align:right}.road-mascot{z-index:3;animation:1.8s ease-in-out infinite pb-bob;position:absolute;top:-70px}.road-mascot.is-right{left:30px}.road-mascot.is-left{right:30px}.c-view-switch{justify-content:center;gap:6px;margin:10px 0 2px;display:flex}.c-view-switch button{border:2px solid var(--pb-line);background:var(--pb-surface);color:var(--pb-muted);font:inherit;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}.c-view-switch button[aria-pressed=true]{border-color:var(--pb-brand);color:var(--pb-brand-ink);background:var(--pb-brand-soft)}@keyframes pb-pulse{0%,to{box-shadow:0 6px 0 var(--pb-sun-d),0 0 0 6px color-mix(in srgb,var(--pb-sun) 24%,transparent)}50%{box-shadow:0 6px 0 var(--pb-sun-d),0 0 0 13px color-mix(in srgb,var(--pb-sun) 12%,transparent)}}@keyframes pb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.road-node.is-cur,.road-mascot{animation:none}}.g-bar{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:2px 0 10px;display:flex}.g-chip{background:var(--pb-surface);box-shadow:0 3px 0 var(--pb-line);color:var(--pb-ink);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.g-chip b{font:19px/1 var(--pb-display)}.g-chip small{color:var(--pb-muted);font-size:11px}.g-streak .ic{color:var(--pb-faint)}.g-streak.is-lit .ic{color:var(--pb-brand-ink)}.g-km .ic{color:var(--pb-mint-d)}.g-level{gap:8px}.g-level b{font-size:15px}.g-level-bar{background:var(--pb-line);border-radius:99px;width:54px;height:8px;display:block;overflow:hidden}.g-level-bar i{background:var(--pb-sun);border-radius:99px;height:100%;display:block}.g-win{flex-direction:column;align-items:center;gap:4px;margin:-4px 0 8px;display:flex}.g-win-km{font:28px var(--pb-display);color:var(--pb-mint-d);z-index:5;margin-top:16px;position:relative}.w-hero-mascot{box-shadow:none!important;background:0 0!important;width:100%!important;height:auto!important}.w-hero-mascot .pb-mascot-body{animation:1.8s ease-in-out infinite pb-bob}.t-done .pb-mascot{flex:none}@media (prefers-reduced-motion:reduce){.w-hero-mascot .pb-mascot-body{animation:none}}.g-win-note{color:var(--pb-muted);z-index:5;margin-top:16px;font-size:14px;font-weight:700;position:relative}.c-head-hero{justify-content:space-between;align-items:center;gap:8px;display:flex}.c-head-hero .c-head-text{flex:1;min-width:0}.w-tap{color:var(--pb-muted);text-align:center;margin:-6px 0 8px;font-size:12px}.w3d{margin:6px -16px 18px;position:relative}.w3d-stage{background:linear-gradient(180deg,var(--pb-bg) 0%,var(--pb-bg2) 100%);border-radius:0 0 28px 28px;height:min(46vh,430px);min-height:300px;position:relative;overflow:hidden}.w3d-canvas{touch-action:pan-y;cursor:grab;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.w3d-hint{z-index:2;color:var(--pb-muted);background:color-mix(in srgb,var(--pb-surface) 85%,transparent);pointer-events:none;white-space:nowrap;border-radius:999px;margin:0;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.w3d-card{z-index:3;background:var(--pb-surface);box-shadow:0 4px 0 var(--pb-line),var(--pb-shadow);border-radius:22px;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin:-64px 16px 0;padding:14px 12px 12px;display:grid;position:relative}.w3d-info{text-align:center;flex-direction:column;gap:4px;min-width:0;display:flex}.w3d-info small{color:var(--pb-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}.w3d-info b{font:20px/1.5 var(--pb-display);color:var(--pb-ink)}.w3d-info em{color:var(--pb-muted);font-size:12px;font-style:normal}.w3d-here{background:var(--pb-sun);color:var(--pb-ink);border-radius:999px;padding:1px 8px;font-size:11px}.w3d-nav{border:2px solid var(--pb-line);background:var(--pb-surface);width:44px;height:44px;color:var(--pb-ink);box-shadow:0 3px 0 var(--pb-line);border-radius:14px;place-items:center;display:grid}.w3d-nav:disabled{opacity:.35}.w3d-go{grid-column:1/-1;margin-top:4px}.w3d-skip{text-align:center;grid-column:1/-1;font-size:12px;color:var(--pb-muted)!important;text-decoration:underline!important}.c-section-title{font:20px var(--pb-display);margin:8px 0 10px}.pino-colors{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pino-swatch{border:3px solid var(--pb-surface);background:var(--sw);width:40px;height:40px;box-shadow:0 0 0 1.5px var(--pb-line2),inset 0 -6px 0 var(--sw-d);border-radius:50%;padding:0;transition:transform .15s,box-shadow .15s}.pino-swatch:hover{transform:translateY(-2px)}.pino-swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--pb-ink),inset 0 -6px 0 var(--sw-d);transform:scale(1.08)}.c-home{overflow-x:clip}.c-pino-hero{z-index:3;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"text car""paint car";align-items:center;column-gap:8px;margin-bottom:6px;display:grid;position:relative}.c-pino-hero .c-head-text{grid-area:text;align-self:end;min-width:0}.c-pino-hero .c-hero-car{grid-area:car;justify-self:center}.c-pino-hero .c-paint{grid-area:paint;align-self:start}@media (max-width:640px){.c-pino-hero{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"text""car""paint";justify-items:center}.c-pino-hero .c-hero-car{margin:-4px 0 -6px}.c-pino-hero .c-paint .pino-colors{justify-content:center}}.c-paint{margin-top:10px}.c-paint>summary{cursor:pointer;color:var(--pb-ink2);border:1px solid var(--pb-line2);background:var(--pb-surface);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;list-style:none;display:inline-flex}.c-paint>summary::-webkit-details-marker{display:none}.c-paint>summary i{background:var(--pino-body);width:14px;height:14px;box-shadow:inset 0 -3px 0 var(--pino-body-d);border-radius:50%}.c-paint .pino-colors{justify-content:flex-start;margin-top:10px}.w-colors{margin:2px 0 14px}.w-colors p{text-align:center;color:var(--pb-ink2);margin:0 0 8px;font-weight:700}@media (prefers-reduced-motion:reduce){.pino-swatch{transition:none}}.s-grid{gap:14px;display:grid}.s-card{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:20px;padding:18px 18px 20px}.s-card h2{align-items:center;gap:8px;margin:0 0 6px;font-size:17px;display:flex}.s-card h2 svg{color:var(--pb-brand-ink)}.s-label{color:var(--pb-ink2);margin:16px 0 8px;font-size:13px;font-weight:800;display:block}.s-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.s-row input{font:inherit;border:1.5px solid var(--pb-line);background:var(--pb-surface);color:inherit;border-radius:12px;min-height:46px;padding:8px 12px}.s-options-min{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.s-options-min button{white-space:nowrap;padding-inline:6px}.s-seg{background:var(--pb-surface2);border:1px solid var(--pb-line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.s-seg button{min-height:42px;color:var(--pb-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.s-seg button[aria-pressed=true]{background:var(--pb-surface);color:var(--pb-ink);box-shadow:0 1px 0 var(--pb-line),0 2px 8px color-mix(in srgb,var(--pb-shadow-c) 10%,transparent)}.s-line{border-bottom:1px solid var(--pb-line);justify-content:space-between;gap:12px;margin:10px 0;padding-bottom:10px;font-size:14px;display:flex}.s-line span{color:var(--pb-muted)}.s-line b{text-overflow:ellipsis;overflow:hidden}.s-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.s-danger,.s-danger svg{color:var(--pb-bad-ink)!important}.s-ok{color:var(--pb-ok-ink);margin:10px 0 0;font-size:13px;font-weight:700}.s-muted{color:var(--pb-muted);margin:12px 0 0;font-size:12.5px;line-height:1.9}.s-legal a{color:var(--pb-brand-ink);text-decoration:underline}.s-card .pino-colors{justify-content:flex-start}@media (min-width:1024px){.s-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.s-grid>.s-card:first-child{grid-row:span 2}}.w-search{padding:14px}.w-search-box{border:1.5px solid var(--pb-line);background:var(--pb-surface);min-height:50px;color:var(--pb-muted);border-radius:14px;align-items:center;gap:10px;padding:0 12px;display:flex}.w-search-box:focus-within{border-color:var(--pb-brand)}.w-search-box input{min-width:0;font:inherit;color:var(--pb-ink);background:0 0;border:0;outline:none;flex:1;padding:10px 0;font-size:15px}.w-search-results ul{gap:6px;max-height:420px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.w-search-results li{background:var(--pb-surface2);border:1px solid var(--pb-line);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.w-search-it{color:var(--pb-ink);text-align:left;font-family:Inter,system-ui,sans-serif;font-weight:700}.w-search-fa{color:var(--pb-ink2);font-weight:700}.w-search-results li small{color:var(--pb-muted);text-align:left;grid-column:1/3;font-size:12px}.w-search-results li>:last-child{grid-area:1/3/span 2}.w-search-results p{margin:10px 2px 0}.c-home{display:block}.p-stage{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;margin:2px 0 16px;display:grid;position:relative}.p-stage-car{z-index:2;width:min(100%,360px);margin:-10px auto -16px;position:relative}.p-stage-talk{z-index:3;justify-items:center;gap:10px;width:100%;display:grid;position:relative}.p-stage-talk h1{font-family:var(--pb-display);margin:0;font-size:28px;font-weight:400;line-height:1.4}.p-bubbles{gap:8px;width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.p-bubbles li{background:var(--pb-surface);border:1px solid var(--pb-line);text-align:start;color:var(--pb-ink);box-shadow:0 8px 22px -16px color-mix(in srgb,var(--pb-shadow-c) 45%,transparent);border-radius:18px 18px 18px 6px;padding:11px 15px;font-size:15px;line-height:1.95;animation:.34s cubic-bezier(.2,.8,.2,1) both p-pop}.p-stage-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.p-go{min-width:min(100%,240px)}.p-go-today{width:100%;max-width:560px;margin:6px 0 0}.p-stage-actions .c-countdown{margin:0}@keyframes p-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.c-home-grid{flex-direction:column;gap:14px;display:flex}.c-home-main,.c-home-side{display:contents}.h-o2{order:2}.h-o3{order:3}.h-o4{order:4}.h-o6{order:6}.h-o7{order:7}.h-o8{order:8}.h-o9{order:9}.h-o10{order:10}.c-home :is(.t-card,.k-card,.c-progress-strip,.c-cards-due,.c-continue,.g-bar,.c-more,.c-paths){margin-top:0;margin-bottom:0}.c-home :is(.h-o2,.h-o3):empty{display:none}.p-notes-list{border-top:1px solid var(--pb-line);gap:8px;margin:12px 0 0;padding:12px 0 0;list-style:none;display:grid}.p-notes-list a{color:var(--pb-ink2);font-size:13.5px;font-weight:700;line-height:1.8;display:block}.p-notes-list a:before{content:"•";color:var(--pb-accent);margin-inline-end:6px}.p-notes-good{color:var(--pb-ok-ink);align-items:center;gap:6px;margin:10px 0 0;font-size:13px;font-weight:700;display:flex}@media (min-width:760px){.c-home .c-paths{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.p-bubbles li{animation:none}}@media (min-width:1024px){.p-stage{text-align:start;background:linear-gradient(180deg,var(--pb-surface),var(--pb-surface2));border:1px solid var(--pb-line);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"talk car";place-items:center stretch;gap:12px 28px;margin:0 0 22px;padding:30px 36px 38px;overflow:visible}.p-stage:after{content:"";inset-inline:0;background:repeating-linear-gradient(90deg,var(--pb-lane) 0 30px,transparent 30px 60px) center/100% 2px no-repeat,var(--pb-road);opacity:.92;border-radius:0 0 32px 32px;height:12px;position:absolute;bottom:0}.p-stage-car{grid-area:car;width:100%;max-width:560px;margin:-40px auto -46px}.p-stage-talk{grid-area:talk;justify-items:start;gap:12px}.p-stage-talk h1{font-size:42px}.p-bubbles li{padding:12px 18px;font-size:16px}.p-stage-actions{justify-content:flex-start}.c-home-grid{grid-template-columns:minmax(0,1fr) minmax(300px,370px);align-items:start;gap:22px 26px;display:grid}.c-home-main,.c-home-side{flex-direction:column;gap:16px;min-width:0;display:flex}.c-home-side{position:sticky;top:24px}}.ob-wrap{z-index:300;background:color-mix(in srgb,var(--pb-shadow-c) 45%,transparent);justify-content:center;align-items:flex-end;animation:.2s app-fade;display:flex;position:fixed;inset:0}.ob{overscroll-behavior:contain;background:var(--pb-surface);width:min(100%,540px);max-height:min(94vh,900px);color:var(--pb-ink);padding:14px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -18px 48px color-mix(in srgb,var(--pb-shadow-c) 24%,transparent);border-radius:26px 26px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) app-sheet-up;overflow:auto}.ob-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.ob-top .w-dots{margin:0}.ob-later{color:var(--pb-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 4px;font-size:13px;font-weight:700}.ob-step{gap:10px;display:grid}.ob-step h2{font-family:var(--pb-display);text-align:center;outline:none;margin:4px 0 0;font-size:26px;font-weight:400;line-height:1.5}.ob-step h3{margin:10px 0 0;font-size:16px}.ob-step>p{color:var(--pb-ink2);text-align:center;margin:0;font-size:14px;line-height:2}.ob-step>p.ob-hint{text-align:start;color:var(--pb-muted);font-size:13px}.ob-pino{width:min(100%,260px);margin:0 auto -6px}.ob-label{color:var(--pb-ink2);margin:8px 0 0;font-size:13.5px;font-weight:800;display:block;text-align:start!important}.ob-input{font:inherit;border:1.5px solid var(--pb-line);background:var(--pb-surface);color:var(--pb-ink);border-radius:14px;width:100%;min-height:50px;padding:12px 14px;font-size:16px}.ob-input:focus{border-color:var(--pb-brand);outline:none}.ob-input[aria-invalid=true]{border-color:var(--pb-bad)}.ob-warn{color:var(--pb-bad-ink);font-size:12px}.ob .pino-colors{justify-content:center}.ob-back{color:var(--pb-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:8px;font-weight:700;display:block}@media (min-width:640px){.ob-wrap{align-items:center}.ob{border-radius:26px;padding:18px 26px 24px}}.c-head .c-pino-say{background:var(--pb-surface);border:1px solid var(--pb-line);color:var(--pb-ink2);max-width:420px;box-shadow:0 6px 18px -12px color-mix(in srgb,var(--pb-shadow-c) 40%,transparent);border-radius:16px 16px 16px 4px;margin:4px 0 10px;padding:10px 14px;font-size:14px;line-height:1.9;position:relative}@media (max-width:640px){.c-head .c-pino-say{border-radius:16px;margin-inline:auto}}.c-page>.ob-wrap{animation:.2s app-fade}.c-home .t-card .t-go{display:none}.p-says{align-items:flex-end;gap:10px;margin:10px 0;display:flex}.p-says .pb-mascot{flex:none}.p-says-bubbles{gap:6px;min-width:0;display:grid}.p-says-bubbles p{background:var(--pb-surface);border:1px solid var(--pb-line);color:var(--pb-ink);border-radius:16px 16px 16px 6px;margin:0;padding:9px 13px;font-size:14px;line-height:1.9}.p-says-answer{margin:8px 0 6px}.q-dock-ok .p-says-bubbles p{border-color:var(--pb-ok-line)}.q-dock-bad .p-says-bubbles p{border-color:var(--pb-bad-line)}.p-says-head .p-says-bubbles p{font-size:15px}.p-bubbles-inline{max-width:none;margin:6px 0 4px}.p-sk{background:var(--pb-surface2);border-radius:8px;width:100%;height:14px;animation:1.4s ease-in-out infinite p-sk-pulse;display:block}.p-sk-short{width:60%}.p-sk-title{vertical-align:middle;border-radius:10px;width:min(220px,60%);height:.9em;display:inline-block}.p-sk-btn{border-radius:18px;max-width:560px;height:64px;margin:6px 0 0}.p-bubbles-sk li{align-items:center;min-height:48px;display:flex}@keyframes p-sk-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.p-sk{animation:none}}