@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--structure-green: #54fff5;--seafoam: #6ac0bc;--dark-ocean: #0d3f47;--bg-primary: #080810;--bg-secondary: #101020;--bg-surface: #161630;--text-primary: #e8eaf0;--text-muted: #8a8fb0;--text-dark: #101119;--border-soft: rgba(84, 255, 245, .16);--panel-shadow: 0 30px 80px rgba(0, 0, 0, .45);--table-border: rgba(16, 17, 25, .1);--font-display: "Chakra Petch", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-card: 16px;--radius-button: 6px;--radius-input: 8px}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text-dark);background:#fff}a,button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;background:#fff}.frame{min-height:100vh}.app-header{background:#000}.app-header__inner{display:flex;align-items:center;min-height:56px;padding:0 20px}.app-header__brand{display:inline-flex;align-items:center;gap:12px}.app-header__mark{display:block;width:24px;height:24px}.app-header__wordmark{font-size:.875rem;font-weight:600;letter-spacing:.02em;color:#fff}.section-label{margin:0;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--structure-green)}.hero-panel,.result-panel{width:min(1080px,calc(100% - 48px));margin:0 auto}.hero-panel{padding:28px 0 16px}.result-panel__heading h2,.error-card h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:.04em;text-transform:uppercase}.error-card__title{font-family:var(--font-body)!important;font-size:1.375rem!important;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none!important}.error-card__message,.error-card__next-step{margin:0;max-width:720px;color:var(--text-muted);font-size:1rem}.decoder-form{display:grid;gap:10px;padding:24px;border:1px solid rgba(16,17,25,.1);border-radius:var(--radius-card);background:#fff;box-shadow:0 18px 48px #00000014}.decoder-form__label{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dark)}.decoder-form__row{display:flex;gap:12px}.decoder-form__input{flex:1;min-width:0;border:1px solid rgba(16,17,25,.14);border-radius:var(--radius-input);background:#fff;color:var(--text-dark);padding:14px 18px}.decoder-form__input::placeholder{color:#1011196b}.decoder-form__input:focus{outline:2px solid rgba(84,255,245,.28);outline-offset:1px}.decoder-form__button{border:1px solid rgba(16,17,25,.18);border-radius:var(--radius-button);background:#000;color:#fff;padding:0 18px;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.decoder-form__button:hover{background:#151515}.result-panel{padding-bottom:48px}.result-panel__heading,.error-card{display:grid;justify-items:center;text-align:center;gap:14px}.result-panel__label{color:var(--text-dark);font-size:.8rem;letter-spacing:.18em}.decode-table{width:min(880px,100%);margin:32px auto 0;border-collapse:collapse;overflow:hidden;border-radius:20px;background:#fff;color:var(--text-dark);box-shadow:0 24px 70px #00000047}.decode-table th,.decode-table td{padding:18px 22px;border-bottom:1px solid var(--table-border)}.decode-table tr:last-child th,.decode-table tr:last-child td{border-bottom:none}.decode-table th{width:38%;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4b5567;background:#f7f8fb}.decode-table td{text-align:center;font-size:1rem;font-weight:600}.error-card{width:min(780px,100%);margin:32px auto 0;padding:36px 28px;border:1px solid rgba(16,17,25,.08);border-radius:20px;background:#fff;box-shadow:0 18px 48px #00000014}@media(max-width:720px){.app-shell{padding:0}.app-header__inner{padding:0 16px}.hero-panel,.result-panel{width:calc(100% - 32px)}.hero-panel{padding-top:32px}.decoder-form__row{flex-direction:column}.decoder-form__button{min-height:48px}.decode-table,.decode-table tbody,.decode-table tr,.decode-table th,.decode-table td{display:block;width:100%}.decode-table tr{border-bottom:1px solid var(--table-border)}.decode-table tr:last-child{border-bottom:none}.decode-table th,.decode-table td{border-bottom:none;text-align:left}.decode-table td{padding-top:0}}