:root{--bg:#fafafa;--bg-elevated:#fff;--text:#18181b;--text-muted:#71717a;--text-subtle:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--accent:#4f46e5;--accent-bg:#eef2ff;--accent-text:#4338ca;--button-primary-bg:#3730a3;--button-primary-hover:#1e1b4b;--success:#16a34a;--success-bg:#f0fdf4;--error:#dc2626;--error-bg:#fef2f2;--radius-sm:8px;--radius:12px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font-sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0a0a;--bg-elevated:#18181b;--text:#fafafa;--text-muted:#a1a1aa;--text-subtle:#71717a;--border:#27272a;--border-strong:#3f3f46;--accent:#818cf8;--accent-bg:#1e1b4b;--accent-text:#c7d2fe;--button-primary-bg:#312e81;--button-primary-hover:#1e1b4b;--success:#4ade80;--success-bg:#052e16;--error:#f87171;--error-bg:#450a0a}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;padding:0}body{overscroll-behavior:none}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}button{cursor:pointer;color:inherit;appearance:none;background:0 0;border:none;padding:0;font-family:inherit;font-size:1rem;font-weight:500}button:disabled{cursor:not-allowed;opacity:.5}input{color:inherit;font-family:inherit;font-size:1rem}input:focus{outline:none}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}.app{width:100%;max-width:560px;padding:var(--space-5) var(--space-4) var(--space-8);gap:var(--space-6);flex-direction:column;flex:1;margin:0 auto;display:flex}.app__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:32px;display:flex}.app__title{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.app__back{align-items:center;gap:var(--space-1);color:var(--text-muted);padding:var(--space-2) var(--space-3);margin-left:calc(var(--space-3) * -1);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.app__back:hover,.app__back:focus-visible{color:var(--text);background:var(--border)}.app__main{gap:var(--space-6);flex-direction:column;flex:1;display:flex}.home{gap:var(--space-6);flex-direction:column;display:flex}.home__intro{gap:var(--space-1);flex-direction:column;display:flex}.home__heading{letter-spacing:-.02em;color:var(--text);font-size:1.5rem;font-weight:600}.home__sub{color:var(--text-muted);font-size:.9375rem}.home__list{gap:var(--space-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width<=480px){.home__list{grid-template-columns:1fr 1fr}}.home__card{align-items:flex-start;gap:var(--space-3);text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;padding:var(--space-5);flex-direction:column;transition:border-color .15s,transform .15s,background .15s;display:flex}.home__card:not(:disabled):hover,.home__card:not(:disabled):focus-visible{border-color:var(--border-strong);background:var(--bg-elevated)}.home__card:not(:disabled):active{transform:scale(.99)}.home__card:disabled{opacity:.6}.home__card-title{color:var(--text);font-size:1.0625rem;font-weight:600;line-height:1.25}.home__card-icon{width:28px;height:28px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home__card-icon svg{width:100%;height:100%;display:block}@media (width<=480px){.home__card{padding:var(--space-3) var(--space-2);text-align:center;align-items:center}.home__card-icon{width:26px;height:26px}.home__card-title{font-size:.9375rem}}.nl-config{gap:var(--space-5);flex-direction:column;display:flex}.nl-config__header{gap:var(--space-1);flex-direction:column;display:flex}.nl-config__title{letter-spacing:-.02em;color:var(--text);font-size:1.5rem;font-weight:600}.nl-config__sub{color:var(--text-muted);font-size:.9375rem}.nl-config__field{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.nl-config__label-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.nl-config__label{color:var(--text);font-size:.9375rem;font-weight:500}.nl-config__value{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.875rem}.nl-config__hint{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.nl-config__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.nl-chip{min-width:56px;min-height:44px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);font-variant-numeric:tabular-nums;flex:auto;font-size:.9375rem;font-weight:500;transition:border-color .15s,background .15s,color .15s}.nl-chip:hover{border-color:var(--border-strong)}.nl-chip--active{background:var(--button-primary-bg);border-color:var(--button-primary-bg);color:#fff}.nl-chip--active:hover{background:var(--button-primary-hover);border-color:var(--button-primary-hover)}.nl-stepper{align-items:stretch;gap:var(--space-2);grid-template-columns:48px 1fr 48px;display:grid}.nl-stepper__btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);height:48px;color:var(--text);justify-content:center;align-items:center;font-size:1.25rem;font-weight:500;line-height:1;transition:border-color .15s,background .15s;display:inline-flex}.nl-stepper__btn:not(:disabled):hover{border-color:var(--border-strong)}.nl-stepper__btn:not(:disabled):active{background:var(--border)}.nl-stepper__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);height:48px;color:var(--text);font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--accent);appearance:textfield;font-size:1.125rem;font-weight:600;transition:border-color .15s}.nl-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nl-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nl-stepper__input:focus{border-color:var(--accent)}.nl-play{gap:var(--space-6);flex-direction:column;flex:1;display:flex}.nl-play__center{gap:var(--space-3);padding:var(--space-6) 0;text-align:center;flex-direction:column;display:flex}.nl-play__heading{letter-spacing:-.01em;color:var(--text);font-size:1.25rem;font-weight:600}.nl-play__sub{color:var(--text-muted);font-size:.9375rem;line-height:1.5}.nl-play__hint{text-align:center;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:500}.nl-play--showing{gap:var(--space-8);justify-content:center}.nl-grid{justify-content:center;gap:var(--space-3);flex-wrap:wrap;width:100%;max-width:480px;min-height:80px;margin:0 auto;display:flex}.nl-tile{border-radius:var(--radius);min-width:84px;max-width:140px;min-height:56px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:84px;justify-content:center;align-items:center;font-weight:600;display:flex}.nl-tile--number{aspect-ratio:1.4;background:var(--accent-bg);color:var(--accent-text);border:1px solid #0000}.nl-tile--number[data-len="1"]{font-size:1.75rem}.nl-tile--number[data-len="2"]{font-size:1.5rem}.nl-tile--number[data-len="3"]{font-size:1.25rem}.nl-tile--number[data-len="4"]{font-size:1.0625rem}.nl-tile--number[data-len="5"]{font-size:.9375rem}.nl-tile--input{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);text-align:center;caret-color:var(--accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;border-radius:var(--radius);appearance:textfield;box-sizing:border-box;flex:none;max-width:none;height:72px;min-height:72px;padding:0;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .3s;display:block}.nl-tile--input:focus{border-color:var(--accent);animation:.3s nl-focus-pop}@keyframes nl-focus-pop{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.nl-tile--input[data-len="5"],.nl-tile--input[data-len="6"]{letter-spacing:0}.nl-tile--input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nl-tile--input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nl-tile--input:focus{border-color:var(--accent)}.nl-tile--input:disabled{cursor:default;-webkit-text-fill-color:currentColor;opacity:1}.nl-tile--input::placeholder{color:var(--text-subtle)}.nl-tile--input[data-len="1"]{font-size:2.5rem}.nl-tile--input[data-len="2"]{font-size:2.375rem}.nl-tile--input[data-len="3"]{font-size:2.25rem}.nl-tile--input[data-len="4"]{font-size:2.125rem}.nl-tile--input[data-len="5"]{font-size:2rem}.nl-tile--input[data-len="6"]{font-size:1.875rem}.nl-tile--ok{border-color:var(--success);background:var(--success-bg);color:var(--success)}.nl-tile--bad{border-color:var(--error);background:var(--error-bg);color:var(--error)}.nl-tile--skipped{color:var(--text-subtle);background:0 0;border-style:dashed}.nl-cell{flex-direction:column;flex:84px;align-items:stretch;gap:4px;min-width:84px;max-width:140px;min-height:80px;display:flex}.nl-cell__expected{text-align:center;color:var(--text-muted);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.nl-counter{text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:calc(var(--space-2) * -1);font-size:.8125rem}.nl-progress{background:var(--border);border-radius:999px;width:100%;max-width:360px;height:3px;margin:0 auto;overflow:hidden}.nl-progress__bar{background:var(--accent);transform-origin:0;width:100%;height:100%;animation:linear forwards nl-progress-shrink}@keyframes nl-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.nl-primary{min-height:48px;padding:0 var(--space-5);background:var(--button-primary-bg);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;margin-top:auto;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.nl-primary:not(:disabled):hover{background:var(--button-primary-hover)}.nl-primary:not(:disabled):active{transform:scale(.98)}.nl-secondary{min-height:48px;padding:0 var(--space-5);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;font-size:1rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.nl-secondary:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.nl-result__summary{align-items:center;gap:var(--space-1);padding:var(--space-5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.nl-result__big{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);font-size:2.5rem;font-weight:600}.nl-result__summary--ok .nl-result__big{color:var(--success)}.nl-result__summary--bad .nl-result__big{color:var(--error)}.nl-result__label{color:var(--text-muted);font-size:.875rem}.nl-result__list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.nl-result__item{padding:var(--space-3) var(--space-2);border-radius:var(--radius);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:flex}.nl-result__item--ok{background:var(--success-bg);border-color:var(--success);color:var(--success)}.nl-result__item--bad{background:var(--error-bg);border-color:var(--error);color:var(--error)}.nl-result__item--skipped{color:var(--text-subtle);background:0 0;border-style:dashed}.nl-result__given{letter-spacing:.04em;font-size:1.125rem;font-weight:600}.nl-result__expected{opacity:.85;font-size:.6875rem}.nl-result__actions{margin-top:var(--space-2);justify-content:center;display:flex}.nl-result__actions .nl-primary,.nl-result__actions .nl-secondary{margin-top:0}.nl-play--sequential{gap:var(--space-6);justify-content:center}.seq-counter{text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.875rem;font-weight:500}.seq-number{min-height:160px;padding:var(--space-5) var(--space-4);background:var(--accent-bg);color:var(--accent-text);border-radius:var(--radius-lg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:center;word-break:break-all;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.seq-number[data-len="5"],.seq-number[data-len="6"]{letter-spacing:0;padding-left:var(--space-2);padding-right:var(--space-2)}.seq-number[data-len="1"]{font-size:clamp(3.5rem,20vw,6.5rem)}.seq-number[data-len="2"]{font-size:clamp(3.25rem,17vw,5.5rem)}.seq-number[data-len="3"]{font-size:clamp(3rem,15vw,5rem)}.seq-number[data-len="4"]{font-size:clamp(2.875rem,14.5vw,4.875rem)}.seq-number[data-len="5"]{font-size:clamp(2.75rem,14vw,4.75rem)}.seq-number[data-len="6"]{font-size:clamp(2.625rem,13.5vw,4.625rem)}.seq-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px;margin:0 auto;display:flex}.seq-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .15s}.seq-dot--active{background:var(--accent)}.nl-play--audio{gap:var(--space-6);text-align:center;justify-content:center;align-items:center}.audio-counter{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.875rem;font-weight:500}.audio-stage{align-items:center;gap:var(--space-4);flex-direction:column;justify-content:center;min-height:180px;display:flex}.audio-icon{color:var(--accent);animation:1.4s ease-in-out infinite audio-pulse}.audio-icon--idle{color:var(--text-subtle);opacity:.5;animation:none}@keyframes audio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}.audio-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:500}.audio-current{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-subtle);letter-spacing:.04em;opacity:.6;min-height:1.5em;font-size:1.5rem;font-weight:600}.audio-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px;margin:0 auto;display:flex}.audio-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .15s}.audio-dot--active{background:var(--accent)}.pi-page{gap:var(--space-5);flex-direction:column;display:flex}.pi-tabs{gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;padding:4px;display:grid}.pi-tab{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm,8px);color:var(--text-muted);font-size:.9375rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.pi-tab--active{background:var(--accent);color:#fff;font-weight:600}.pi-tab:not(.pi-tab--active):hover{background:var(--border);color:var(--text)}.pi-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.pi-card--accent{background:var(--accent-bg);border-color:#0000}.pi-card__title{align-items:center;gap:var(--space-2);color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);font-size:.875rem;font-weight:600;display:flex}.pi-card__title-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.pi-toggle{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:.8125rem;font-weight:500;display:inline-flex}.pi-sistema{gap:var(--space-1) var(--space-4);font-size:.875rem;font-family:var(--font-mono);color:var(--text);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pi-sistema__item{gap:var(--space-2);display:flex}.pi-sistema__digit{color:var(--accent-text);min-width:1.5em;font-weight:600}.pi-segmentacion{gap:var(--space-3);flex-direction:column;display:flex}.pi-segmentacion__row{gap:var(--space-2);flex-direction:column;display:flex}.pi-segmentacion__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:600}.pi-dropdown{height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);cursor:pointer;align-items:center;min-width:140px;font-size:.9375rem;font-weight:500;display:flex}.pi-number-input{min-width:160px;height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);font-family:var(--font-mono);text-align:center;appearance:textfield;align-items:center;font-size:1rem;font-weight:500;display:flex}.pi-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pi-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pi-number-input:focus{border-color:var(--accent);outline:none}.pi-size-buttons{gap:var(--space-2);display:flex}.pi-size-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);min-height:44px;color:var(--text);font-variant-numeric:tabular-nums;flex:1 1 0;font-size:1rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.pi-size-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.pi-size-btn:not(.pi-size-btn--active):hover{border-color:var(--border-strong)}.pi-table-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pi-table-head{gap:var(--space-2);padding:var(--space-3);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg);grid-template-columns:64px 80px 1fr 2fr;font-size:.6875rem;font-weight:600;display:grid}.pi-table-body{max-height:360px;overflow-y:auto}.pi-table-row{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);grid-template-columns:64px 80px 1fr 2fr;align-items:center;font-size:.875rem;display:grid}.pi-table-row:last-child{border-bottom:none}.pi-table-row__index{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.pi-table-row__size{height:36px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm,8px);background:var(--bg-elevated);color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;width:100%;font-size:.875rem;font-weight:500}.pi-table-row__digits{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);text-align:center;letter-spacing:.04em;font-weight:600}.pi-table-row__mnemonic{height:36px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm,8px);background:var(--bg-elevated);color:var(--text);width:100%;min-width:0;font-size:.875rem}.pi-table-row__mnemonic:focus{border-color:var(--accent);outline:none}.pi-table-row__mnemonic--filled{border-color:var(--accent);background:var(--accent-bg)}.pi-actions{justify-content:flex-end;display:flex}.pi-transfer{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.pi-transfer__hint{color:var(--text-muted);font-size:.875rem;line-height:1.4}.pi-transfer__buttons{gap:var(--space-2);display:flex}.pi-transfer__buttons>*{flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:44px;display:inline-flex}.pi-transfer__status{text-align:center;min-height:1.2em;font-size:.875rem;font-weight:500}.pi-transfer__status--ok{color:var(--success)}.pi-transfer__status--error{color:var(--error)}.pi-import-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){.pi-transfer__buttons{flex-direction:column}}.pi-practice-mode{gap:var(--space-2);display:flex}.pi-practice-mode__btn{min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-muted);flex:1 1 0;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.pi-practice-mode__btn--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pi-practice-mode__btn:not(.pi-practice-mode__btn--active):hover{border-color:var(--border-strong);color:var(--text)}.pi-practice-list{gap:var(--space-3);flex-direction:column;display:flex}.pi-practice-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.pi-practice-item__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.pi-practice-item__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;font-weight:600}.pi-practice-item__mnemonic{color:var(--accent-text);text-align:center;padding:var(--space-2);background:var(--accent-bg);border-radius:var(--radius-sm,8px);font-size:.9375rem;font-style:italic}.pi-practice-item__mnemonic--hidden{color:var(--text-subtle);border:1px dashed var(--border);background:0 0;font-style:normal}.pi-practice-item__input-row{gap:var(--space-2);align-items:center;display:flex}.pi-practice-item__input{width:100%;min-width:0;height:56px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;text-indent:.15em;letter-spacing:.15em;flex:auto;font-size:1.5rem;font-weight:600;overflow:hidden}@media (width<=480px){.pi-practice-item__input{letter-spacing:.1em;text-indent:.1em;padding:0 var(--space-3);font-size:1.25rem}}.pi-practice-item__input:focus{border-color:var(--accent);outline:none}.pi-practice-item__feedback{text-align:center;min-height:1.2em;font-size:.875rem;font-weight:500}.pi-practice-item__feedback--ok{color:var(--success)}.pi-practice-item__feedback--bad{color:var(--error)}.pi-practice-item__feedback--skipped{color:var(--text-muted)}.pi-summary{align-items:center;gap:var(--space-1);padding:var(--space-5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.pi-summary__big{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:2.5rem;font-weight:600}.pi-summary__big--ok{color:var(--success)}.pi-summary__big--bad{color:var(--error)}.pi-summary__label{color:var(--text-muted);font-size:.875rem}.pi-result-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.pi-reset{gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--space-4);flex-direction:column;display:flex}.pi-reset__hint{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.45}.pi-reset__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.pi-reset__button{height:44px;padding:0 var(--space-4);border:1px solid var(--error);border-radius:var(--radius);color:var(--error);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:160px;font-size:.9375rem;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.pi-reset__button:hover,.pi-reset__button:focus-visible{background:var(--error-bg);outline:none}.pi-reset__button--confirm{background:var(--error);color:#fff;font-weight:600}.pi-reset__button--confirm:hover,.pi-reset__button--confirm:focus-visible{background:var(--error);filter:brightness(.92)}.pi-reset__status{min-height:1.25rem;color:var(--text-muted);text-align:center;font-size:.875rem}.pi-reset__status--ok{color:var(--success);font-weight:500}