:root{--bg-dark: #070a10;--bg-section: #0d1117;--bg-card: #161b22;--bg-input: #0d1117;--border: #21262d;--border-focus: #388bfd;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #484f58;--accent: #58a6ff;--accent-soft: rgba(88, 166, 255, .15);--penguin: #7ee787;--penguin-soft: rgba(126, 231, 135, .15);--font-mono: "JetBrains Mono", monospace;--font-body: "Inter", -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);font-size:15px;color:var(--text-primary);background:var(--bg-dark);line-height:1.6}#app{min-height:100%;display:flex;flex-direction:column}.background{position:fixed;inset:0;z-index:-1}.background__gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(126,231,135,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(88,166,255,.06) 0%,transparent 50%),var(--bg-dark)}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--border);background:#0d1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav__logo{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:3px;color:var(--accent)}.nav__links{display:flex;gap:24px}.nav__link{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--text-secondary);text-decoration:none;padding:8px 12px;transition:all .2s ease}.nav__link:hover{color:var(--text-primary)}.nav__link--active{color:var(--penguin);background:var(--penguin-soft)}.main{flex:1;padding:40px 32px;max-width:1100px;margin:0 auto;width:100%}.translator{display:flex;flex-direction:column;gap:32px}.translator__header{text-align:center;padding:20px 0}.translator__icon{font-size:48px;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.translator__title{font-family:var(--font-mono);font-size:28px;font-weight:600;margin-bottom:8px}.translator__subtitle{color:var(--text-secondary);font-size:14px}.translator__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.translator__panel{background:var(--bg-section);border:1px solid var(--border);display:flex;flex-direction:column}.translator__panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card)}.translator__lang{font-family:var(--font-mono);font-size:12px;letter-spacing:1px}.translator__clear,.translator__copy{font-family:var(--font-mono);font-size:10px;padding:4px 10px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.translator__clear:hover,.translator__copy:hover{background:var(--bg-card);color:var(--text-primary)}.translator__textarea{flex:1;min-height:200px;padding:16px;background:var(--bg-input);border:none;color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.7;resize:none;outline:none}.translator__textarea::placeholder{color:var(--text-muted)}.translator__output{flex:1;min-height:200px;padding:16px;font-family:var(--font-mono);font-size:16px;line-height:1.8;color:var(--penguin)}.translator__output.translated{animation:flash .3s ease}@keyframes flash{0%{background:var(--penguin-soft)}to{background:transparent}}.translator__placeholder{color:var(--text-muted);font-style:italic}.penguin-text{word-break:break-word}.analysis{font-size:13px;color:var(--text-secondary);line-height:1.8}.translator__controls{display:flex;flex-direction:column;gap:12px;justify-content:center}.translator__btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:var(--font-mono)}.translator__btn:hover{border-color:var(--accent)}.translator__btn--translate{background:var(--accent);border-color:var(--accent)}.translator__btn--translate:hover{background:#79b8ff}.translator__btn--speak{background:var(--penguin-soft);border-color:var(--penguin);color:var(--penguin)}.translator__btn--speak:hover{background:#7ee78740}.translator__btn-icon{font-size:20px}.translator__btn-text{font-size:10px;letter-spacing:1px;text-transform:uppercase}.dialect{background:var(--bg-section);border:1px solid var(--border);padding:24px}.dialect__title{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px}.dialect__options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dialect__option{cursor:pointer}.dialect__option input{display:none}.dialect__label{display:block;padding:16px;background:var(--bg-card);border:1px solid var(--border);transition:all .2s ease}.dialect__option input:checked+.dialect__label{border-color:var(--penguin);background:var(--penguin-soft)}.dialect__option:hover .dialect__label{border-color:var(--text-muted)}.dialect__name{display:block;font-family:var(--font-mono);font-size:13px;font-weight:500;margin-bottom:4px}.dialect__desc{font-size:11px;color:var(--text-secondary)}.phrasebook{background:var(--bg-section);border:1px solid var(--border);padding:24px}.phrasebook__title{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px}.phrasebook__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phrase{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border)}.phrase__human{flex:1;font-size:13px;color:var(--text-secondary)}.phrase__penguin{flex:1;font-family:var(--font-mono);font-size:12px;color:var(--penguin)}.phrase__play{width:32px;height:32px;background:var(--penguin-soft);border:1px solid var(--penguin);color:var(--penguin);cursor:pointer;font-size:12px;transition:all .2s ease}.phrase__play:hover{background:#7ee7874d}.stats{display:flex;justify-content:center;gap:48px;padding:24px}.stat{text-align:center}.stat__value{display:block;font-family:var(--font-mono);font-size:32px;font-weight:300;color:var(--penguin);margin-bottom:4px}.stat__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}@media(max-width:900px){.translator__grid{grid-template-columns:1fr}.translator__controls{flex-direction:row;justify-content:center}.dialect__options,.phrasebook__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav{flex-direction:column;gap:16px}.nav__links{gap:12px}.dialect__options,.phrasebook__grid{grid-template-columns:1fr}.stats{flex-direction:column;gap:24px}}