:root{--npa-primary:#6366f1;--npa-primary-light:#818cf8;--npa-primary-dark:#4f46e5;--npa-primary-bg:#6366f114;--npa-bg:#fff;--npa-bg-secondary:#f8fafc;--npa-bg-tertiary:#f1f5f9;--npa-bg-input:#fff;--npa-text:#0f172a;--npa-text-secondary:#475569;--npa-text-muted:#64748b;--npa-text-placeholder:#94a3b8;--npa-border:#e2e8f0;--npa-border-light:#f1f5f9;--npa-shadow-sm:0 1px 2px #0000000a;--npa-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--npa-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--npa-shadow-focus:0 0 0 3px #6366f126;--npa-success:#10b981;--npa-success-bg:#10b9811a;--npa-card-letter-bg:#6366f11a;--npa-card-letter-color:#4f46e5;--npa-card-digit-bg:#f59e0b1a;--npa-card-digit-color:#d97706;--npa-card-space-bg:#64748b14;--npa-card-space-color:#64748b;--npa-card-special-bg:#ef444414;--npa-card-special-color:#dc2626;--npa-radius:1rem;--npa-radius-md:.75rem;--npa-radius-sm:.5rem;--npa-radius-xs:.375rem}._npa-container{flex-direction:column;gap:1.25rem;width:100%;max-width:780px;margin:0 auto;display:flex}._npa-mode-bar{background:var(--npa-bg);border-radius:var(--npa-radius-md);border-style:solid;border-width:1px;border-color:var(--npa-border);box-shadow:var(--npa-shadow-sm);gap:.5rem;padding:.25rem;display:flex}._npa-mode-btn{border-radius:var(--npa-radius-sm);color:var(--npa-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s,background .2s;display:flex}._npa-mode-btn:hover{color:var(--npa-text);background:var(--npa-bg-tertiary)}._npa-mode-btn.active{background:var(--npa-primary);color:#fff;box-shadow:var(--npa-shadow-sm)}._npa-mode-btn.active:hover{opacity:.9;background:var(--npa-primary);color:#fff}@media (max-width:768px){._npa-container{gap:1rem;padding-left:1rem;padding-right:1rem}._npa-mode-btn{-webkit-tap-highlight-color:transparent;min-height:44px;padding:.625rem .75rem}}@media (max-width:480px){._npa-container{padding-left:.75rem;padding-right:.75rem}._npa-mode-btn span{font-size:.8125rem}}._npa-input-section{background:var(--npa-bg);border-radius:var(--npa-radius);border-style:solid;border-width:1px;border-color:var(--npa-border);box-shadow:var(--npa-shadow);overflow:hidden}._npa-input-wrapper{position:relative}._npa-textarea{background:var(--npa-bg-input);width:100%;min-height:120px;color:var(--npa-text);resize:vertical;border:none;padding:1rem 1.25rem;font-family:inherit;font-size:.9375rem;line-height:1.6}._npa-textarea::placeholder{color:var(--npa-text-placeholder)}._npa-textarea:focus{box-shadow:var(--npa-shadow-focus);outline:none}._npa-toolbar{background:var(--npa-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--npa-border-light);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}._npa-stats{align-items:center;gap:1rem;display:flex}._npa-stat{color:var(--npa-text-muted);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}._npa-actions{align-items:center;gap:.25rem;display:flex}._npa-action-btn{border-radius:var(--npa-radius-xs);color:var(--npa-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:color .15s,background .15s;display:inline-flex}._npa-action-btn:hover{color:var(--npa-text);background:var(--npa-bg-tertiary)}@media (max-width:768px){._npa-textarea{min-height:110px;padding:.875rem 1rem;font-size:1rem}._npa-toolbar{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}._npa-actions{gap:.125rem}._npa-action-btn{-webkit-tap-highlight-color:transparent;justify-content:center;min-width:44px;min-height:40px;padding:.5rem .625rem}._npa-action-btn span{display:none}}._npa-output-section{background:var(--npa-bg);border-radius:var(--npa-radius);border-style:solid;border-width:1px;border-color:var(--npa-border);box-shadow:var(--npa-shadow);overflow:hidden}._npa-output-header{background:var(--npa-bg-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--npa-border-light);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}._npa-output-title{color:var(--npa-text);font-size:.875rem;font-weight:600}._npa-output-actions{align-items:center;gap:.375rem;display:inline-flex}._npa-speak-btn,._npa-copy-btn{border-radius:var(--npa-radius-xs);color:var(--npa-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:color .15s,background .15s;display:inline-flex}._npa-speak-btn:hover,._npa-copy-btn:hover{color:var(--npa-text);background:var(--npa-bg-tertiary)}._npa-speak-btn.speaking{color:var(--npa-primary);background:var(--npa-primary-bg)}._npa-cards-output{min-height:100px;padding:1.25rem}._npa-empty-state{color:var(--npa-text-placeholder);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}._npa-empty-state--hidden{display:none}._npa-empty-state p{margin:0;font-size:.875rem}._npa-cards-grid{flex-wrap:wrap;gap:.5rem;display:flex}._npa-card{border-radius:var(--npa-radius-sm);flex-direction:column;align-items:center;min-width:4rem;padding:.5rem .75rem;transition:box-shadow .15s;display:flex}._npa-card:hover{box-shadow:var(--npa-shadow-md)}._npa-card--letter{background:var(--npa-card-letter-bg)}._npa-card--digit{background:var(--npa-card-digit-bg)}._npa-card--space{background:var(--npa-card-space-bg);min-width:2.5rem}._npa-card--special{background:var(--npa-card-special-bg);min-width:2.5rem}._npa-card-char{font-size:1.125rem;font-weight:700;line-height:1.2;font-family:var(--main-font-mono)}._npa-card--letter ._npa-card-char{color:var(--npa-card-letter-color)}._npa-card--digit ._npa-card-char{color:var(--npa-card-digit-color)}._npa-card--space ._npa-card-char{color:var(--npa-card-space-color);font-size:.75rem;font-weight:500}._npa-card--special ._npa-card-char{color:var(--npa-card-special-color)}._npa-card-word{color:var(--npa-text-muted);text-transform:capitalize;margin-top:.125rem;font-size:.6875rem;font-weight:500}._npa-word-break{flex-basis:100%;width:100%;height:0}._npa-text-output{min-height:100px;padding:1.25rem}._npa-text-output--hidden,._npa-cards-output--hidden{display:none}._npa-decoded-text{color:var(--npa-text);word-break:break-word;font-size:1.25rem;font-weight:600;line-height:1.6;font-family:var(--main-font-mono);letter-spacing:.05em}._npa-decoded-text:empty:before{content:attr(data-placeholder);color:var(--npa-text-placeholder);letter-spacing:normal;font-family:inherit;font-size:.9375rem;font-weight:400}@media (max-width:768px){._npa-output-header{padding:.625rem .875rem}._npa-cards-output,._npa-text-output{padding:1rem .875rem}._npa-card{min-width:3.5rem;padding:.375rem .5rem}._npa-card-char{font-size:1rem}._npa-card-word{font-size:.625rem}._npa-output-actions{gap:.125rem}._npa-speak-btn,._npa-copy-btn{-webkit-tap-highlight-color:transparent;justify-content:center;min-width:44px;min-height:40px;padding:.5rem .625rem}._npa-speak-btn span,._npa-copy-btn span{display:none}._npa-decoded-text{font-size:1.125rem}}@media (max-width:480px){._npa-card{min-width:3rem;padding:.375rem .4375rem}._npa-card--space,._npa-card--special{min-width:2.25rem}._npa-cards-grid{gap:.375rem}}._npa-reference-section{background:var(--npa-bg);border-radius:var(--npa-radius);border-style:solid;border-width:1px;border-color:var(--npa-border);box-shadow:var(--npa-shadow);overflow:hidden}._npa-reference-header{background:var(--npa-bg-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--npa-border-light);padding:.75rem 1.25rem}._npa-reference-title{color:var(--npa-text);font-size:.875rem;font-weight:600}._npa-reference-grid{padding:0 1.25rem 1.25rem}._npa-ref-group{margin-bottom:1rem}._npa-ref-group:first-child ._npa-ref-group-title{margin-top:0}._npa-ref-group:last-child{margin-bottom:0}._npa-ref-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--npa-text-muted);border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:var(--npa-border-light);margin-top:1rem;margin-bottom:.625rem;padding-bottom:.375rem;font-size:.75rem;font-weight:600}._npa-ref-items{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.375rem;display:grid}._npa-ref-items--digits{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}._npa-ref-item{border-radius:var(--npa-radius-xs);background:var(--npa-bg-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.5rem;padding:.375rem .625rem;transition:background .15s,box-shadow .15s;display:flex}._npa-ref-item:hover{background:var(--npa-primary-bg);box-shadow:var(--npa-shadow-sm)}._npa-ref-item:active{background:var(--npa-primary-bg)}._npa-ref-letter{color:var(--npa-primary);font-size:.875rem;font-weight:700;font-family:var(--main-font-mono);text-align:center;min-width:1rem}._npa-ref-word{color:var(--npa-text-secondary);font-size:.8125rem;font-weight:500}@media (max-width:768px){._npa-reference-header{padding:.625rem .875rem}._npa-reference-grid{padding:0 .875rem .875rem}._npa-ref-items{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.375rem}._npa-ref-items--digits{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}._npa-ref-item{min-height:36px;padding:.5rem}._npa-ref-letter{font-size:.8125rem}._npa-ref-word{font-size:.75rem}}@media (max-width:480px){._npa-ref-items{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr))}._npa-ref-items--digits{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr))}._npa-ref-item{gap:.375rem;padding:.5rem .4375rem}}