#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:#2a1a08;-webkit-font-smoothing:antialiased;background:#fff8f0;min-height:100vh;font-family:Arial Black,Arial,sans-serif}main{flex-direction:column;gap:1.25rem;padding:1.25rem .875rem 2rem;display:flex}header{text-align:center;padding-top:.25rem}.corgi-row{letter-spacing:.2rem;margin-bottom:.25rem;font-size:2rem}h1{color:#1a0d00;text-shadow:0 0 24px #e8852a59;font-size:1.9rem;line-height:1.1}.subtitle{color:#8a6040;margin-top:.4rem;font-size:.875rem;font-weight:400}.converter{background:#fff;border:2px solid #f0d8b8;border-radius:12px;flex-direction:column;gap:.875rem;padding:1rem;display:flex;box-shadow:0 2px 12px #e8852a14}.type-tabs{gap:.375rem;display:flex}.tab{color:#a07040;cursor:pointer;background:#fdf0e0;border:2px solid #f0d8b8;border-radius:8px;flex:1;min-height:44px;padding:.6rem .25rem;font-size:.8rem;font-weight:700;transition:all .15s}.tab:hover{color:#e8852a;border-color:#e8852a}.tab.active{color:#fff;background:#e8852a;border-color:#e8852a}.input-row{flex-direction:column;gap:.5rem;display:flex}.input-row-top{gap:.5rem;display:flex}input[type=number]{color:#1a0d00;background:#fdf6ee;border:2px solid #f0d8b8;border-radius:8px;outline:none;flex:1;min-height:48px;padding:.75rem .875rem;font-size:1.1rem;transition:border-color .15s}input[type=number]:focus{border-color:#e8852a}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}select{color:#1a0d00;cursor:pointer;background:#fdf6ee;border:2px solid #f0d8b8;border-radius:8px;outline:none;min-height:48px;padding:.75rem .5rem;font-size:1rem;font-weight:700}.convert-btn{color:#fff;cursor:pointer;letter-spacing:.05em;background:#e8852a;border:none;border-radius:8px;width:100%;min-height:48px;padding:.875rem;font-size:1rem;font-weight:900;transition:background .15s,transform .1s}.convert-btn:hover:not(:disabled){background:#f5973d;transform:scale(1.02)}.convert-btn:disabled{opacity:.5;cursor:not-allowed}.results{border-top:1px solid #f0d8b8;flex-direction:column;gap:.375rem;padding-top:1rem;display:flex}.results-title{color:#a07040;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.125rem;font-size:.75rem}.result-card{background:#fdf6ee;border:1px solid #f0d8b8;border-radius:8px;align-items:center;gap:.75rem;padding:.55rem .875rem;animation:.2s pop;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.result-emoji{flex-shrink:0;font-size:1.5rem;line-height:1}.result-text{color:#2a1a08;font-size:.95rem}.result-text strong{color:#1a0d00;font-size:1.15rem}.result-card.corgi{background:#fff3e6;border-width:2px;border-color:#e8852a}.result-card.corgi .result-text strong{color:#e8852a;font-size:1.4rem}.result-card.corgi .result-emoji{font-size:1.9rem}.result-card.compound{background:#fffbe6;border-color:#c9a227}.result-card.compound .result-text strong{color:#b8860b}.result-card.banana{background:#fffde6;border-style:dashed;border-color:#d4b800}.result-card.banana .result-text strong{color:#c8a800}.loading-msg{text-align:center;color:#a07040;font-size:.875rem}footer{text-align:center;color:#c0a080;flex-direction:column;gap:.4rem;font-size:.8rem;display:flex}footer a{color:#0a66c2;text-decoration:none}footer a:hover{text-decoration:underline}.disclaimer{color:#d0b898;font-size:.7rem;line-height:1.5}@media (width>=600px){main{gap:1.75rem;max-width:620px;margin:0 auto;padding:2rem 1rem 3rem}h1{font-size:2.75rem}.subtitle{font-size:1rem}.converter{gap:1.25rem;padding:1.5rem}.tab{font-size:.9rem}.input-row{flex-direction:row}.input-row-top{flex:1}.convert-btn{width:auto;padding:.75rem 1.25rem}.result-emoji{font-size:1.6rem}.result-text{font-size:1rem}.result-text strong{font-size:1.25rem}.result-card.corgi .result-emoji{font-size:2rem}.result-card.corgi .result-text strong{font-size:1.5rem}}