:root{color-scheme:light dark;--bg:#f4f7f4;--surface:#fcfdfb;--text:#213f38;--muted:#52665f;--accent:#286650;--accent-text:#fcfdfb;--tint:#e4ede5;--line:#cad8cf;--error:#99382f;--error-bg:#fff0ec;--radius:16px;--small-radius:10px;--shadow:0 10px 36px #244c3809}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Avenir Next',Avenir,'Trebuchet MS',sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit}button{color:var(--text)}[hidden]{display:none!important}.header{max-width:1200px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;line-height:1.2}.brand-sub{display:block;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.03em;margin-top:4px}.brand-mark{font-size:35px;font-weight:800;color:var(--accent);background:var(--tint);border-radius:var(--small-radius);width:46px;height:46px;text-align:center;line-height:44px}.header nav{display:flex;gap:8px;padding:5px;background:var(--tint);border-radius:var(--radius)}.nav-button{border:0;border-radius:var(--small-radius);padding:9px 17px;font-size:14px;font-weight:600;background:transparent;white-space:nowrap}.nav-button.active{background:var(--surface);box-shadow:0 2px 5px #244c380a}.nav-button:hover:not(.active){background:var(--bg)}main{max-width:1120px;margin:0 auto;padding:0 24px;min-height:calc(100dvh - 190px)}.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:290px;gap:30px;padding:22px 36px 18px}.eyebrow{font-size:13px;letter-spacing:.04em;color:var(--muted);margin:0 0 14px}.intro h1{font-size:clamp(32px,3.8vw,49px);line-height:1.12;letter-spacing:-.045em;font-weight:650;margin:0 0 16px}.intro-copy>p:last-child{color:var(--muted);max-width:350px;font-size:15px;margin:0}.pet-art{display:block;width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply;justify-self:end}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.generator-controls{padding:30px;border-right:1px solid var(--line)}fieldset{padding:0;margin:0 0 24px;border:0;min-width:0}legend,.field>label{display:block;font-size:13px;font-weight:700;margin:0 0 10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg);padding:5px;border:1px solid var(--line);border-radius:var(--radius)}.segmented label{position:relative;cursor:pointer;font-size:12px;font-weight:600}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:block;text-align:center;padding:10px 3px;border-radius:var(--small-radius)}.species span{font-size:16px;padding:12px 3px}.segmented input:checked+span{background:var(--accent);color:var(--accent-text)}.segmented input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.field{margin-bottom:22px}select,input[type=month],textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);padding:11px 12px;min-height:46px}select{padding-right:26px}textarea{resize:vertical;min-height:90px}textarea::placeholder{color:var(--muted);opacity:1}.helper{font-size:12px;line-height:1.55;color:var(--muted);margin:8px 0 0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:700;margin-bottom:24px;cursor:pointer}.switch-row .helper{display:block;font-size:11px;font-weight:400;margin-top:4px}.switch-row input{appearance:none;flex:0 0 40px;height:24px;border-radius:20px;background:var(--line);border:1px solid var(--muted);position:relative;cursor:pointer;margin:0}.switch-row input:before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:var(--surface);position:absolute;left:3px;top:3px}.switch-row input:checked{background:var(--accent);border-color:var(--accent)}.switch-row input:checked:before{transform:translateX(16px)}.primary,.secondary{border-radius:var(--small-radius);padding:12px 18px;font-size:14px;font-weight:650;white-space:nowrap;min-height:46px}.primary{background:var(--accent);border:1px solid var(--accent);color:var(--accent-text)}.primary:hover:not(:disabled){filter:brightness(1.08)}#generate{width:100%;display:flex;justify-content:space-between}.secondary{background:var(--surface);border:1px solid var(--line)}.secondary:hover:not(:disabled){background:var(--tint)}.results{padding:30px 34px;min-height:390px}.results-title{display:flex;flex-direction:column;gap:5px}.results h2{font-size:23px;letter-spacing:-.025em;line-height:1.25;margin:0}.context{font-size:12px;color:var(--muted)}#results-help{max-width:450px;margin-top:13px}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.name-button{position:relative;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 20px;min-height:70px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);font-size:19px;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere;gap:10px}.name-button:last-child:nth-child(odd){grid-column:1/-1}.name-button:hover:not(:disabled){background:var(--tint);border-color:var(--accent)}.name-button small{font-size:11px;letter-spacing:0;font-weight:500;color:var(--muted);flex-shrink:0}.name-button.selected{border-color:var(--accent);background:var(--tint)}.empty-state{grid-column:1/-1;text-align:center;padding:35px 15px 32px;min-height:220px;display:flex;align-items:center;flex-direction:column;justify-content:center}.empty-state p{font-size:19px;margin:12px 0 4px;font-weight:600;letter-spacing:-.025em}.empty-state>span:last-child{font-size:13px;color:var(--muted)}.empty-spark{font-size:38px;line-height:1;color:var(--accent)}#result-actions{display:flex;align-items:center;gap:15px}#result-actions .helper{margin:0}.skeleton{height:72px;border:1px solid var(--line);background:var(--tint);border-radius:var(--radius)}.skeleton:last-child{grid-column:1/-1}.notice{padding:13px 16px;background:var(--tint);border:1px solid var(--line);border-radius:var(--small-radius);font-size:13px;margin:15px 0}.notice.error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.notice button{margin-left:12px;background:transparent;border:0;text-decoration:underline;color:inherit}footer{max-width:1120px;margin:26px auto;padding:0 32px 12px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.secondary-view{padding:40px 12px}.page-heading h1{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}.page-heading p{color:var(--muted);max-width:600px;font-size:15px;margin-bottom:30px}.history-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:24px 0}.history-toolbar .field{margin:0;min-width:220px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.history-heading h2{font-size:22px;letter-spacing:-.025em}.history-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.history-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}.history-item h3{font-size:20px;margin:0 0 6px}.history-item p{font-size:12px;color:var(--muted);margin:4px 0}.history-item .available{color:var(--accent);font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-list details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-self:start}.settings-list summary{padding:18px 20px;cursor:pointer;font-size:16px;font-weight:650}.settings-list form{padding:0 20px 20px}.settings-list .field{margin-bottom:14px}.settings-list textarea{font-size:14px}.settings-status{font-size:12px;margin-top:10px;color:var(--muted)}.toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 32px));display:flex;flex-direction:column;gap:10px;z-index:10}.toast{background:var(--text);color:var(--surface);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 6px 25px #244c3820}.toast p{margin:0;font-size:14px}.toast button{background:var(--surface);color:var(--text);border:0;padding:9px 14px;border-radius:var(--small-radius);font-size:13px;font-weight:650}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-70px;padding:12px;background:var(--surface);z-index:20}.skip-link:focus{top:12px}
@media(prefers-color-scheme:dark){:root{--bg:#17251f;--surface:#203129;--text:#e5eee7;--muted:#b3c5ba;--accent:#9ad3b6;--accent-text:#183c2a;--tint:#2b4235;--line:#4c6455;--error:#ffc0b3;--error-bg:#462b26;--shadow:none}.pet-art{mix-blend-mode:normal;border-radius:var(--radius);height:235px;max-width:350px}.toast{background:#d5e8db;color:#203129}.toast button{background:#203129;color:#e5eee7}}
@media(max-width:767px){.header{padding:18px 20px;align-items:flex-start;flex-wrap:wrap;gap:18px}.header nav{width:100%;justify-content:space-between}.nav-button{flex:1;padding:10px 8px}.brand-mark{width:40px;height:40px;font-size:30px;line-height:38px}.brand{font-size:14px}main{padding:0 16px}.intro{grid-template-columns:1fr;position:relative;padding:20px 8px 24px;min-height:220px;gap:12px}.intro-copy{max-width:72%;position:relative}.intro h1{font-size:33px}.intro-copy>p:last-child{font-size:13px;max-width:245px}.eyebrow{font-size:11px;max-width:200px}.pet-art{position:absolute;width:30%;right:0;bottom:30px;height:140px;object-fit:contain}.workspace{grid-template-columns:1fr;border-radius:20px}.generator-controls{border-right:0;border-bottom:1px solid var(--line);padding:22px}.generator-controls fieldset{margin-bottom:18px}.field{margin-bottom:18px}.switch-row{margin-bottom:18px}.results{padding:25px 22px;min-height:330px}.results h2{font-size:21px}.name-button{padding:16px 14px;font-size:18px;min-height:68px}.name-button small{font-size:10px}.suggestions{gap:10px}#result-actions{flex-wrap:wrap;gap:10px}footer{padding:0 24px;flex-direction:column;gap:5px;margin:22px auto;font-size:11px}.secondary-view{padding:26px 4px}.page-heading h1{font-size:30px}.history-list,.settings-list{grid-template-columns:1fr}.history-toolbar{flex-wrap:wrap}.history-toolbar .field{min-width:0;flex:1}.history-toolbar .secondary{font-size:12px;padding:12px}.history-heading h2{font-size:20px}.history-heading .context{font-size:11px}.toast{padding:14px 16px}.toast p{font-size:13px}}
@media(max-width:380px){.intro-copy{max-width:78%}.intro h1{font-size:29px}.pet-art{width:25%}.suggestions{grid-template-columns:1fr}.name-button:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:767px){.intro{min-height:200px}.intro-copy{max-width:100%}.intro h1{font-size:29px;max-width:100%;line-height:1.12}.intro-copy>p:last-child{max-width:73%}.pet-art{width:24%;height:95px;bottom:20px}}
.results{container-type:inline-size}.suggestions{grid-template-columns:1fr}.name-button{flex-direction:column;align-items:flex-start;gap:4px}.name-button>span{white-space:nowrap;display:block;width:100%;max-width:100%;line-height:1.25;font-size:var(--name-size,19px)}.name-button small{white-space:nowrap}
@container(min-width:480px){.suggestions{grid-template-columns:1fr 1fr}}

.history-item h3{white-space:nowrap;max-width:100%;width:100%;font-size:var(--name-size,19px)}
.name-button,.history-item{min-width:0;width:100%}.suggestions{grid-template-columns:minmax(0,1fr)}
@container(min-width:480px){.suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}}