:root{color:#18211d;background:#f6f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:14px 14px 92px}.top-bar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto 14px;max-width:720px}.top-bar>div{align-items:center;display:flex;gap:8px;white-space:nowrap}.brand-mark{align-items:center;background:#17251f;border-radius:8px;color:#fff;display:inline-flex;font-size:.72rem;font-weight:800;height:30px;justify-content:center;width:42px}.top-bar nav{background:#e7eee8;border:1px solid #d4ded6;border-radius:10px;display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px;padding:3px}.top-bar nav button,.segmented-control button{background:transparent;border:0;border-radius:8px;color:#51605a;min-height:36px;padding:8px 6px}.top-bar nav button{font-size:.8rem}.top-bar nav button.is-active,.segmented-control button.is-active{background:#fff;box-shadow:0 1px 6px #1e2c261f;color:#18211d;font-weight:800}main{margin:0 auto;max-width:720px}.tool-section{background:#fff;border:1px solid #dce4dc;border-radius:8px;box-shadow:0 12px 30px #24322b14;display:grid;gap:16px;padding:18px}.section-heading{display:grid;gap:4px}.section-copy{color:#607069;font-size:.92rem;line-height:1.45}.section-proof{background:#edf7f2;border:1px solid #d2eadf;border-radius:8px;color:#286b5c;font-size:.84rem;font-weight:800;line-height:1.35;padding:8px 10px}.eyebrow{color:#2c7d6b;font-size:.76rem;font-weight:900;letter-spacing:0;margin:0;text-transform:uppercase}h1,h2,p{margin:0}h1,h2{font-size:1.55rem;line-height:1.2}.field-group{display:grid;gap:8px}.field-label{color:#44524d;font-size:.9rem;font-weight:800}.segmented-control{background:#eff3ef;border:1px solid #dce5dc;border-radius:10px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip-grid--three .chip{flex:1 1 30%}.chip{background:#f6f7f2;border:1px solid #d9e0d7;border-radius:999px;color:#40504a;min-height:38px;padding:8px 12px}.chip.is-active{background:#d9f0e8;border-color:#69b89f;color:#143d34;font-weight:800}.action-button{border:0;border-radius:8px;min-height:48px;padding:12px 16px;width:100%}.action-button--primary{background:#176b5d;color:#fff;font-weight:900}.action-button--secondary{background:#1d2f29;color:#fff;font-weight:900}.action-button--ghost{background:#f0f2ec;color:#52605b;font-weight:800}.ad-slot{align-items:center;background:repeating-linear-gradient(135deg,#f4f0e6,#f4f0e6 10px,#ebe5d5 10px 20px);border:1px dashed #b7a981;border-radius:8px;color:#756742;display:flex;gap:10px;justify-content:center;min-height:58px;padding:10px}.ad-slot span{background:#756742;border-radius:6px;color:#fff;font-size:.72rem;font-weight:900;padding:3px 6px}.ad-slot p{font-size:.86rem;font-weight:800}.ad-slot--bottom{border-radius:0;border-width:1px 0 0;bottom:0;left:0;min-height:64px;position:fixed;right:0;z-index:20}.ad-slot--result{margin-bottom:6px}.result-list{display:grid;gap:14px}.name-result{align-items:center;background:#f8faf7;border:1px solid #e0e8df;border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:72px;padding:14px}.name-result--rich{align-items:flex-start;min-height:0}.name-result div:first-child{display:grid;gap:4px;min-width:0}.name-result__body{display:grid;gap:9px;min-width:0}.name-result strong{font-size:1.28rem;line-height:1.2;overflow-wrap:anywhere}.name-result span{color:#607069;font-size:.82rem;line-height:1.35}.name-result p{color:#3f4d48;font-size:.88rem;line-height:1.45}.name-result p b{color:#176b5d;display:inline-block;font-size:.78rem;font-weight:900;margin-right:6px}.name-meaning{color:#263a33;font-weight:700}.name-vibe{color:#55645e;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.saved-names{background:#f8faf7;border:1px solid #dce8df;border-radius:8px;display:grid;gap:10px;padding:12px}.saved-names>div:first-child{align-items:center;display:flex;justify-content:space-between}.saved-names strong{font-size:.95rem}.saved-names span{color:#607069;font-size:.82rem;font-weight:800}.saved-name-list{display:flex;flex-wrap:wrap;gap:8px}.saved-name-list button{background:#fff;border:1px solid #d7e2da;border-radius:999px;color:#176b5d;font-size:.84rem;font-weight:900;min-height:34px;padding:7px 10px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span{background:#edf4ef;border:1px solid #d9e7de;border-radius:999px;color:#3d5b51;display:inline-flex;align-items:center;font-size:.76rem;font-weight:800;min-height:30px;padding:5px 8px}.icon-actions{display:grid;flex:0 0 auto;gap:6px;grid-template-columns:repeat(3,minmax(56px,1fr))}.icon-actions button{align-items:center;background:#fff;border:1px solid #dce4dc;border-radius:8px;display:inline-flex;font-size:.78rem;font-weight:800;height:36px;justify-content:center;padding:0 8px;white-space:nowrap;width:100%}.icon-actions--labeled{min-width:190px}.age-input-row{align-items:center;background:#f8faf7;border:1px solid #dce4dc;border-radius:8px;display:flex;gap:10px;padding:8px 12px}.age-input-row input{background:transparent;border:0;color:#18211d;flex:1;font-size:1.4rem;font-weight:900;min-width:0;outline:0}.age-input-row span{color:#55645e;font-weight:800}.select-field{appearance:none;background:linear-gradient(45deg,transparent 50%,#52605b 50%) right 16px center / 7px 7px no-repeat,linear-gradient(135deg,#52605b 50%,transparent 50%) right 11px center / 7px 7px no-repeat,#f8faf7;border:1px solid #dce4dc;border-radius:8px;color:#18211d;min-height:48px;outline:0;padding:10px 36px 10px 12px;width:100%}.age-result{background:#eaf6f2;border:1px solid #cde9df;border-radius:8px;display:grid;gap:8px;padding:16px}.age-result span{color:#276b5c;font-size:.86rem;font-weight:800}.age-result strong{font-size:1.7rem;line-height:1.2}.age-result p{color:#52605b;font-size:.88rem;line-height:1.45}.weight-result--under{background:#fff6e7;border-color:#efd7a8}.weight-result--over{background:#fff0ec;border-color:#efc2b8}.basis-list{display:grid;gap:6px;margin:2px 0 0}.basis-list div{align-items:center;background:#ffffff94;border:1px solid rgba(23,107,93,.12);border-radius:8px;display:flex;justify-content:space-between;min-height:34px;padding:7px 9px}.basis-list dt,.basis-list dd{margin:0}.basis-list dt{color:#53615c;font-size:.78rem;font-weight:800}.basis-list dd{color:#1e312a;font-size:.84rem;font-weight:900}.disclaimer-box{background:#f6f7f2;border:1px solid #dce4dc;border-radius:8px;color:#5b6862;font-size:.82rem;font-weight:700;line-height:1.5;padding:10px 12px}.reference-box{background:#f6f7f2;border:1px solid #dce4dc;border-radius:8px;color:#5b6862;display:grid;gap:8px;padding:10px 12px}.reference-box summary{color:#34433d;cursor:pointer;font-size:.86rem;font-weight:900}.reference-box p{font-size:.82rem;font-weight:700;line-height:1.5}.coming-tools{display:grid;gap:10px;margin:18px 0 0}.coming-tools h2{font-size:1rem}.tool-card-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{background:#fff;border:1px solid #d8deea;border-radius:8px;color:#273348;display:grid;gap:4px;min-height:82px;padding:11px;text-align:left}.tool-card.is-active{border-color:#69b89f;box-shadow:0 0 0 2px #69b89f2e}.tool-card:disabled{background:#eef1f5;color:#7a8595;cursor:not-allowed}.tool-card span{color:inherit;font-size:.88rem;font-weight:900;line-height:1.25}.tool-card small{color:inherit;font-size:.75rem;font-weight:700;line-height:1.35;opacity:.78}@media(max-width:520px){.app-shell{padding:10px 10px 86px}.top-bar{align-items:stretch;display:grid}.top-bar nav{max-width:none}.top-bar nav button{font-size:.76rem;padding-inline:4px}.tool-section{padding:15px}.segmented-control{grid-template-columns:1fr}.name-result--rich{display:grid}.name-result--rich .icon-actions{grid-template-columns:repeat(3,1fr);min-width:0;width:100%}.name-result--rich .icon-actions button{width:100%}.tool-card-grid{grid-template-columns:1fr}h1,h2{font-size:1.38rem}}