:root{--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--color-bg-main:#f8fafc;--color-bg-card:#ffffff;--color-bg-input:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-glare:rgba(16,185,129,0.1);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--radius-md:0.5rem;--radius-lg:0.75rem;--space-section:2rem;--space-header:2.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-main);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:800px;margin:0 auto;padding:1rem}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05)}.stack{display:flex;flex-direction:column;gap:var(--space-section)}.page-header{text-align:center;margin:var(--space-header) 0}.title{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.subtitle,.title{text-align:center}.subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.label{display:block;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem;font-weight:500}.input{width:100%;padding:.75rem 1rem;background-color:var(--color-bg-input);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;outline:none;transition:all .2s}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glare)}.select{padding:.75rem 1rem;background-color:var(--color-bg-input);border:1px solid transparent;color:var(--color-text-primary);font-size:1rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.button,.select{width:100%;border-radius:var(--radius-md)}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:var(--color-accent);color:#fff;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.button:hover{background-color:var(--color-accent-hover)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-top:2rem}.result-item{text-align:center;padding:1rem;background-color:rgba(0,0,0,.03);border-radius:var(--radius-md)}.result-label{font-size:.875rem;color:var(--color-text-secondary)}.result-value{font-size:1.5rem;font-weight:700;color:var(--color-accent);margin-top:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.nav-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;font-size:1.05rem}.nav-logo{font-size:1.3rem}.nav-links{display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap}.input-warning{margin-top:1rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#b91c1c;font-size:.85rem;line-height:1.6}.nav-link{padding:.4rem .9rem;border-radius:999px;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s}.nav-link:hover{background-color:var(--color-bg-input);color:var(--color-text-primary)}.nav-link.active{background-color:var(--color-accent-glare);color:var(--color-accent-hover)}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.method-card{background-color:var(--color-bg-card);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.method-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.method-emoji{font-size:1.6rem;margin-bottom:.5rem}.method-title{font-size:1rem;font-weight:700;margin-bottom:.4rem}.method-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6}.guide-section-title{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;padding-left:.6rem;border-left:4px solid var(--color-accent)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.guide-card{display:flex;gap:.9rem;background-color:var(--color-bg-card);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);padding:1.1rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.guide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.guide-emoji{font-size:1.8rem;line-height:1;flex-shrink:0}.guide-body{display:flex;flex-direction:column;gap:.35rem}.guide-category{display:inline-block;align-self:flex-start;font-size:.7rem;font-weight:700;color:var(--color-accent-hover);background-color:var(--color-accent-glare);padding:.15rem .55rem;border-radius:999px}.guide-card-title{font-size:1rem;font-weight:700;line-height:1.4;color:var(--color-text-primary)}.guide-desc{font-size:.83rem;color:var(--color-text-secondary);line-height:1.55}.guide-meta{font-size:.75rem;color:#94a3b8}.faq-item{border-bottom:1px solid rgba(0,0,0,.06)}.faq-item:last-child{border-bottom:none}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:none;padding:1rem 0;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--color-text-primary);text-align:left}.faq-toggle{font-size:1.2rem;color:var(--color-accent);flex-shrink:0}.faq-a{padding:0 0 1rem;color:var(--color-text-secondary);line-height:1.7;font-size:.9rem}.prose{color:#334155;line-height:1.85;font-size:1rem}.prose h2{font-size:1.3rem;margin:2rem 0 .75rem;padding-top:.5rem}.prose h2,.prose h3{font-weight:700;color:var(--color-text-primary)}.prose h3{font-size:1.1rem;margin:1.5rem 0 .5rem}.prose p{margin:.75rem 0}.prose a{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:2px}.prose ol,.prose ul{margin:.75rem 0;padding-left:1.4rem}.prose li{margin:.4rem 0}.prose blockquote{margin:1rem 0;padding:.75rem 1.25rem;border-left:4px solid var(--color-accent);background-color:rgba(0,0,0,.02);color:var(--color-text-secondary);font-style:italic}.prose .callout{display:flex;gap:.6rem;margin:1.25rem 0;padding:1rem 1.1rem;background-color:var(--color-accent-glare);border-radius:var(--radius-md);color:#0f5132;font-size:.92rem;line-height:1.7}.prose .callout-icon{flex-shrink:0}.prose-table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.88rem;min-width:420px}.prose-table td,.prose-table th{border:1px solid rgba(0,0,0,.08);padding:.6rem .75rem;text-align:left}.prose-table th{background-color:var(--color-bg-input);font-weight:700;color:var(--color-text-primary)}.side-ad{display:none}@media (min-width:1200px){.side-ad{display:block;position:fixed;top:120px;z-index:10;width:160px}.side-ad-left{right:calc(50% + 416px)}.side-ad-right{left:calc(50% + 416px)}}@media (max-width:520px){.method-grid{grid-template-columns:1fr}}