:root{color-scheme:light;--bg:#f4efe7;--bg-accent:#d6e6da;--panel:rgba(255,251,245,.9);--panel-strong:#fffaf2;--ink:#16231c;--muted:#536258;--line:rgba(22,35,28,.12);--primary:#1b6f53;--primary-strong:#0f4f3a;--secondary:#efe5d3;--shadow:0 24px 60px rgba(42,54,43,.14)}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{min-height:100vh;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);line-height:1.5;background:radial-gradient(circle at top left,rgba(255,215,154,.45),transparent 34%),radial-gradient(circle at top right,rgba(142,194,169,.38),transparent 28%),linear-gradient(180deg,var(--bg) 0,#f9f4ee 48%,#edf3ec 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(22,35,28,.04) 1px,transparent 0),linear-gradient(90deg,rgba(22,35,28,.04) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 80%)}.container{width:100%;display:flex;justify-content:center;padding:40px 20px 64px}.main{width:min(100%,940px);display:grid;grid-gap:20px;gap:20px}.hero,.panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{padding:32px;background:linear-gradient(135deg,rgba(27,111,83,.12),rgba(255,250,242,.88) 50%,hsla(38,51%,71%,.18)),var(--panel)}.panel{padding:24px}.eyebrow{display:inline-flex;margin-bottom:12px;border-radius:999px;padding:6px 12px;background:rgba(27,111,83,.1);color:var(--primary-strong);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,9vw,5rem);line-height:.95;letter-spacing:-.04em}h2{font-size:1.45rem;letter-spacing:-.03em}.empty-state,.hero-copy,.section-heading p,.status-message,li p{color:var(--muted)}.hero-copy{max-width:44rem;margin-top:14px;font-size:1.08rem}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-badges span{border:1px solid rgba(27,111,83,.14);border-radius:999px;padding:8px 12px;background:rgba(255,250,242,.82);font-size:.92rem}.section-heading{margin-bottom:16px}.section-heading p{margin-top:6px;font-size:.98rem}.field{grid-gap:8px;gap:8px;color:var(--ink);font-size:.98rem;font-weight:600}.field,.toggle-grid{display:grid;margin-bottom:14px}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,242,.86);padding:14px 16px;font-weight:600}input[type=email],input[type=number],input[type=password],input[type=text]{width:100%;border:1px solid rgba(22,35,28,.14);border-radius:16px;background:var(--panel-strong);color:var(--ink);padding:14px 16px;font:inherit}input[type=checkbox]{inline-size:18px;block-size:18px;accent-color:var(--primary)}input::placeholder{color:#88948d}button{border:0;border-radius:999px;padding:12px 18px;background:var(--primary);color:#f8fff8;font:inherit;font-weight:700;cursor:pointer;transition:transform .14s ease,background-color .14s ease,opacity .14s ease}button:hover{background:var(--primary-strong);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-secondary{background:var(--secondary);color:var(--ink)}.button-secondary:hover{background:#e2d3b7}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.password-output{margin:0 0 16px;border:1px dashed rgba(22,35,28,.2);border-radius:18px;background:rgba(255,250,242,.86);padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1rem;word-break:break-all}.status-inline{display:inline-flex;margin-top:14px;color:var(--primary-strong);font-size:.92rem;font-weight:700}.saved-list{list-style:none;display:grid;grid-gap:12px;gap:12px}.saved-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,250,242,.86);padding:16px}.saved-list strong{display:block;margin-bottom:4px}.list-actions{display:flex;flex-wrap:wrap;gap:8px}.empty-state,.status-message{border-radius:18px;background:rgba(255,250,242,.78);padding:14px 16px;font-size:.96rem}progress{inline-size:100%;block-size:10px;overflow:hidden;border:0;border-radius:999px;background:rgba(22,35,28,.12)}progress::-webkit-progress-bar{background:rgba(22,35,28,.12)}progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#d46d4b,#e2a349 45%,#56a967)}progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#d46d4b,#e2a349 45%,#56a967)}@media (max-width:720px){.container{padding:20px 14px 36px}.hero,.panel{border-radius:22px;padding:20px}.toggle-grid{grid-template-columns:1fr}.saved-list li{flex-direction:column;align-items:flex-start}.list-actions{width:100%}}