:root{--cream:var(--bnn-page-bg);--gold:#eec86f;--rose:#c56c77;--teal:#4aa09c;--navy:var(--bnn-page-text);--plum:#6a567b;--orange:#cf764a;--sage:#8fa76a;--sf2:var(--bnn-surface-card);--sf3:var(--bnn-surface-card);--border:var(--bnn-page-text);--text:var(--bnn-page-text);--muted:var(--bnn-surface-card-muted);--input-bg:var(--bnn-form-field);--input-text:var(--bnn-page-text);--input-border:var(--bnn-form-border);--unit-bg:var(--bnn-surface-card);--rose-text:var(--bnn-link);--link:var(--bnn-link)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--text);font-family:Anonymous Pro,Courier New,monospace;font-size:16px;line-height:1.55;min-height:100vh;transition:background-color .16s ease,color .16s ease}h1,h2,h3{font-family:Kagitingan,Georgia,Times New Roman,serif;line-height:1.15}h1{font-size:2rem;margin-bottom:.35rem}h2{font-size:1.2rem;margin-bottom:.75rem}.wrap{margin:0 auto;max-width:560px;padding:1.25rem 1rem 2.5rem}.wrap.wide{max-width:640px}@media(min-width:480px){.wrap{padding:2rem 1.25rem 3rem}h1{font-size:2.4rem}}@media(max-width:640px){.wrap{padding:1rem .75rem 2rem}}.tagline{color:var(--muted);font-size:.95rem;margin-bottom:.85rem}.bnn-tool .theme-toggle{display:none}.theme-toggle{align-items:center;background:var(--sf2);border:2px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:.88rem;font-weight:700;gap:.4rem;margin-bottom:.85rem;min-height:40px;padding:.4rem .75rem}.theme-toggle:hover{background:var(--sf3)}.field{margin-bottom:1.1rem}.field label{color:var(--text);display:block;font-size:.95rem;font-weight:700;margin-bottom:.25rem}.field .help{color:var(--muted);display:block;font-size:.82rem;margin-bottom:.4rem}input[type=date],input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{background:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;color:var(--input-text);font-family:inherit;font-size:1rem;min-height:50px;padding:.6rem .75rem;transition:background .16s ease,color .16s ease,border-color .16s ease;width:100%}textarea{line-height:1.5;min-height:80px;resize:vertical}select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2.5rem}input:focus,select:focus,textarea:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.input-row{align-items:center;background:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;display:flex;overflow:hidden;transition:background .16s ease,border-color .16s ease}.input-row:focus-within{outline:3px solid var(--teal);outline-offset:2px}.input-row input{background:transparent;border:none;border-radius:0;color:var(--input-text);flex:1;font-family:inherit;font-size:1.2rem;min-height:54px;min-width:0;padding:0 .7rem;width:auto}.input-row input:focus,.input-row input:focus-visible{outline:none}.input-row .unit{align-items:center;align-self:stretch;background:var(--unit-bg);border-right:2px solid var(--input-border);color:var(--muted);display:flex;font-weight:700;padding:0 .7rem;transition:background .16s ease,border-color .16s ease;white-space:nowrap}.input-row .unit.right{border-left:2px solid var(--input-border);border-right:none}input[type=color]{background:none;border:2px solid var(--input-border);border-radius:8px;cursor:pointer;height:48px;min-height:unset;min-width:56px;padding:2px;width:56px}button{cursor:pointer}.btn,button{font-family:inherit}.btn{align-items:center;border:2px solid var(--border);border-radius:999px;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;min-height:50px;padding:.5rem 1.25rem;transition:opacity .15s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-full{margin-bottom:1rem;width:100%}.btn-gold{background:var(--gold);border-color:var(--gold);color:#191e38}.btn-teal{background:var(--teal);border-color:var(--teal);color:#191e38}.btn-sage{background:var(--sage);border-color:var(--sage);color:#191e38}.btn-plum{background:var(--plum);border-color:var(--plum);color:#fff}.btn-navy{background:#191e38;border-color:#191e38;color:#eec86f}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-danger{background:transparent;border-color:var(--rose-text);color:var(--rose-text)}:root[data-theme=dark] .btn-teal{color:#111827}.toggle-group{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.toggle-group.three{grid-template-columns:1fr 1fr 1fr}.toggle-btn{background:var(--sf2);border:2px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:700;line-height:1.3;min-height:48px;padding:.4rem .6rem}.toggle-btn:active{transform:translateY(1px)}.toggle-btn.active{background:#191e38;border-color:#191e38;color:#eec86f}.toggle-btn.active-gold{background:var(--gold);border-color:var(--gold);color:#191e38}.toggle-btn.active-teal{background:var(--teal);border-color:var(--teal);color:#191e38}.two-col{grid-template-columns:1fr 1fr}.two-col,.two-col-w{display:grid;gap:.7rem}.two-col-w{grid-template-columns:1.4fr 1fr}.three-col{display:grid;gap:.6rem;grid-template-columns:1fr 1fr 1fr}.duo{display:grid;gap:.7rem;grid-template-columns:1fr 1fr;margin-bottom:.9rem}@media(max-width:640px){.duo,.three-col,.two-col,.two-col-w{grid-template-columns:1fr}}.card{margin-bottom:1rem}.card,.hero-card{background:var(--sf2);border:2px solid var(--border);border-radius:12px;padding:1.25rem 1rem}.hero-card{margin-bottom:.8rem;text-align:center}.hero-card .lead{font-size:.95rem;margin-bottom:.3rem}.hero-card .big{display:block;font-family:Kagitingan,Georgia,serif;font-size:3rem;line-height:1.05}.hero-card .sub{color:var(--muted);font-size:.85rem;letter-spacing:.06em;margin-top:.25rem;text-transform:uppercase}.stat{border:2px solid var(--border);border-radius:12px;padding:.85rem .5rem;text-align:center}.stat .num{display:block;font-family:Kagitingan,Georgia,serif;font-size:1.6rem;line-height:1.15}.stat .label{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.stat-teal{background:var(--teal);color:#191e38}.stat-sage{background:var(--sage);color:#191e38}.stat-plum{background:var(--plum);color:#fff}.stat-orange{background:var(--orange);color:#191e38}.stat-rose{background:var(--rose);color:#191e38}.stat-gold{background:var(--gold);color:#191e38}.stat.is-pending{background:transparent;border-style:dashed;color:var(--text)}.note{background:var(--sf2);border-left:4px solid var(--gold);border-radius:0 8px 8px 0;font-size:.92rem;margin-bottom:1rem;padding:.6rem .8rem}.note-teal{border-left-color:var(--teal)}.note-rose{border-left-color:var(--rose)}.note-plum{border-left-color:var(--plum)}.err{color:var(--rose-text);font-size:.92rem;font-weight:700;margin:.25rem 0 1rem}.err,.status{min-height:1.4em}.status{font-size:.9rem;margin-bottom:1rem;text-align:center}.status.err{color:var(--rose-text);font-weight:700}.drop-zone{background:var(--sf2);border:3px dashed var(--border);border-radius:12px;margin-bottom:1.25rem;padding:1.5rem 1rem;text-align:center;transition:background .15s ease}.drop-zone.dragover{background:var(--gold);border-style:solid}.drop-zone p{color:var(--muted);font-size:.9rem;margin-top:.6rem}.privacy-badge{background:var(--sage);border:2px solid var(--border);border-radius:999px;color:#191e38;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:1rem;padding:.25rem .8rem}footer.tool-footer{border-top:2px dashed var(--muted);font-size:.85rem;margin-top:2rem;padding-top:1.25rem}footer.tool-footer .cta{margin-top:.75rem}footer.tool-footer a{color:var(--link);font-weight:700}.support-bar{background:#191e38;border-top:3px solid #eec86f;color:rgba(238,244,255,.85);padding:.75rem 1.25rem;text-align:center}.support-inner{align-items:center;display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin:0 auto;max-width:640px}.support-msg{font-size:.82rem;margin:0}.kofi-link img{display:inline-block;vertical-align:middle}.kofi-link span{color:#eec86f;font-weight:700;text-decoration:none}.kofi-link:hover span{text-decoration:underline}.ad-slot{line-height:0;text-align:center;width:100%}.ad-slot:not(:empty){line-height:1;margin-top:.65rem}.support-illo{flex-shrink:0;height:60px;width:auto}.tool-illo-wrap{border:none;margin:0 0 .75rem;padding:0;text-align:center}.tool-illo{display:inline-block;height:100px;width:auto}.dots:after{animation:dots 1.2s steps(4) infinite;content:""}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}details{background:var(--sf2);border:2px solid var(--border);border-radius:12px;margin-bottom:1.1rem;overflow:hidden}summary{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;list-style:none;min-height:52px;padding:.85rem 1rem;user-select:none}summary::-webkit-details-marker{display:none}summary .arrow{color:var(--muted);font-weight:700;transition:transform .2s ease}details[open] summary .arrow{transform:rotate(90deg)}details .inner{padding:0 1rem 1rem}details .inner .field:last-child{margin-bottom:0}.screen{display:none}.screen.active{display:block}:root{--on-plum:#fff}