:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}a.paypal-button{display:inline-block;padding:10px 20px;background-color:#0070ba;color:#fff;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease}:root{color-scheme:light dark;--bg-primary: light-dark(#ffffff, #1a1a1a);--bg-secondary: light-dark(#f8f9fa, #2d2d2d);--bg-card: light-dark(#ffffff, #252525);--text-primary: light-dark(#212529, #e9ecef);--text-secondary: light-dark(#6c757d, #adb5bd);--border: light-dark(#dee2e6, #495057);--border-focus: light-dark(#86b7fe, #6ea8fe);--accent: light-dark(#0d6efd, #4d94ff);--success: light-dark(#198754, #28a745);--warning: light-dark(#fd7e14, #ffc107);--danger: light-dark(#dc3545, #dc3545);--shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--shadow-hover: light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .5));--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}[data-theme=light]{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--text-primary: #212529;--text-secondary: #6c757d;--border: #dee2e6;--border-focus: #86b7fe;--accent: #0d6efd;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}[data-theme=dark]{color-scheme:dark;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-card: #252525;--text-primary: #e9ecef;--text-secondary: #adb5bd;--border: #495057;--border-focus: #6ea8fe;--accent: #4d94ff;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:1rem;flex-flow:column nowrap}.donate{display:flex;justify-content:center;align-items:center;padding:1rem;flex-flow:column nowrap;gap:1rem}.quena-calculator{width:100%;max-width:500px;animation:fadeIn .6s ease-out}.quena-calculator__card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--shadow);padding:2rem;border:1px solid var(--border);transition:var(--transition);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quena-calculator__card:hover{box-shadow:0 12px 48px var(--shadow-hover);transform:translateY(-2px)}.quena-calculator__header{text-align:center;margin-bottom:2rem;position:relative}.quena-calculator__title{font-size:1.75rem;font-weight:700;color:var(--accent);margin-bottom:.5rem;background:linear-gradient(45deg,var(--accent),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quena-calculator__subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:500}.theme-toggle{position:absolute;top:-.5rem;right:0;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--border-radius-sm);padding:.5rem;cursor:pointer;transition:var(--transition);font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.05) rotate(15deg);background:var(--accent)}.theme-toggle:hover .theme-toggle__icon{transform:scale(1.1)}.theme-toggle:focus{outline:2px solid var(--border-focus);outline-offset:2px}.theme-toggle__icon{transition:var(--transition);filter:grayscale(.2)}.input-form,.input-form__field{margin-bottom:1.5rem}.input-form__label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.input-form__input{width:100%;padding:.875rem;border:2px solid var(--border);border-radius:var(--border-radius-sm);font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition);font-family:var(--font-family)}.input-form__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0d6efd1a;transform:translateY(-1px)}.input-form__input::placeholder{color:var(--text-secondary);opacity:.7}.input-form__hint{display:block;margin-top:.375rem;color:var(--text-secondary);font-size:.85rem;font-style:italic}.input-form__button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent) 0%,var(--success) 100%);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:1.05rem;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.input-form__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.input-form__button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0d6efd4d}.input-form__button:hover:not(:disabled):before{left:100%}.input-form__button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--text-secondary)}.input-form__button:active:not(:disabled){transform:translateY(-1px)}.warning-message{background:var(--warning);color:var(--bg-primary);padding:1rem;border-radius:var(--border-radius-sm);margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem;font-weight:500;font-size:.95rem;border:2px solid transparent;animation:slideIn .3s ease-out}.warning-message__icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.warning-message__text{line-height:1.4}.result-table{margin-top:2rem;animation:fadeInUp .5s ease-out}.result-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.result-table__title{font-size:1.25rem;color:var(--text-primary);font-weight:600}.result-table__export-btn{background:var(--success);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.result-table__export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1987544d;background:#157347}.result-table__export-btn:active{transform:translateY(0)}.result-table__note{background:var(--bg-secondary);padding:.875rem;border-radius:var(--border-radius-sm);margin-bottom:1rem;text-align:center;font-size:.9rem;color:var(--text-secondary);border:1px solid var(--border);font-weight:500}.result-table__table{width:100%;border-collapse:collapse;border-radius:var(--border-radius-sm);overflow:hidden;box-shadow:0 4px 16px var(--shadow);margin-bottom:1rem}.result-table__table th,.result-table__table td{padding:1rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.result-table__table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.result-table__table td{background:var(--bg-card);font-size:1rem}.result-table__table tbody tr{transition:var(--transition)}.result-table__table tbody tr:hover{background:var(--bg-secondary);transform:scale(1.01)}.result-table__table tbody tr:last-child td{border-bottom:none}.result-table__orifice{font-weight:600;color:var(--accent);text-align:center}.result-table__position{font-weight:700;color:var(--success);text-align:right;font-family:Courier New,monospace;font-size:1.05rem}.result-table__diameter{text-align:center;color:var(--text-secondary);font-weight:500}.quena-calculator__footer{margin-top:2rem;text-align:center;font-size:.85rem;color:var(--text-secondary);font-style:italic;padding-top:1rem;border-top:1px solid var(--border)}.quena-calculator__footer strong{color:var(--accent);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.app{padding:.5rem}.quena-calculator__card{padding:1.5rem}.quena-calculator__title{font-size:1.5rem}.theme-toggle{top:-.25rem;right:-.25rem}}@media (max-width: 480px){.quena-calculator__card{padding:1.25rem}.quena-calculator__title{font-size:1.375rem}.result-table__header{flex-direction:column;align-items:stretch;gap:.75rem}.result-table__table{font-size:.9rem}.result-table__table th,.result-table__table td{padding:.75rem .5rem}.input-form__button{padding:.875rem;font-size:1rem}}@media (max-width: 360px){.quena-calculator__card{padding:1rem}.result-table__table th,.result-table__table td{padding:.625rem .375rem;font-size:.85rem}}@media (prefers-contrast: high){:root{--border: currentColor;--shadow: rgba(0, 0, 0, .5)}.input-form__input:focus{box-shadow:0 0 0 3px currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.theme-toggle:hover{transform:none}.input-form__button:hover:not(:disabled){transform:none}.result-table__export-btn:hover{transform:none}}