@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,ital,wght@6..96,0,400;6..96,1,400&family=Manrope:wght@400;500;600;700&family=IBM+Plex+Mono&display=swap');
:root{--ink:#161616;--muted:#606060;--paper:#f6f6f4;--line:#c8c8c6;--glass:rgba(255,255,255,.7)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Manrope,sans-serif}a{color:inherit}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.wordmark{font:32px 'Bodoni Moda',serif;text-decoration:none}.eyebrow{font:12px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}h1,h2,h3{font-family:'Bodoni Moda',serif;font-weight:400;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(52px,7vw,90px);margin:20px 0}h2{font-size:38px;margin:16px 0}h3{font-size:26px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:64px 0}.hero p{max-width:48ch}.glass{background:var(--glass);border:1px solid #fff;border-radius:24px;box-shadow:0 18px 60px #0000000c,inset 0 1px #fff;backdrop-filter:blur(24px)}.preview{background:radial-gradient(ellipse at 90% 30%,#bcbcbc,transparent 60%),linear-gradient(145deg,#e5e5e5,#a4a4a4);padding:28px;border-radius:32px;transform:rotate(2deg)}.preview .glass{padding:24px}.preview h3{font-size:36px;margin:10px 0}.preview .line{padding:12px 0;border-top:1px solid #c5c5c5}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid #aaa;border-radius:30px;padding:5px 12px;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--ink);padding:24px 0 48px}.steps p{color:var(--muted)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--ink);padding:40px 0}fieldset{margin:0 0 26px;padding:0;border:0}legend{font-weight:700;margin-bottom:12px}label{display:block;margin:14px 0 7px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choices label{display:flex;align-items:center;gap:10px;margin:0;border:1px solid var(--line);border-radius:12px;padding:10px;min-height:48px}input[type=checkbox]{width:20px;height:20px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #aaa;border-radius:10px;background:#fff;padding:12px;font:inherit;color:var(--ink)}textarea{resize:vertical;min-height:110px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:30px;font:600 14px Manrope,sans-serif;text-decoration:none;cursor:pointer}.secondary{background:transparent;color:var(--ink)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.result{padding:28px;align-self:start;position:sticky;top:20px}.result textarea{min-height:420px;font:13px/1.7 'IBM Plex Mono',monospace}.note{font-size:14px;color:var(--muted)}.status{min-height:24px;font-size:14px}footer{border-top:1px solid var(--ink);font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #555;outline-offset:4px}.dash{max-width:1100px}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.dashboard-bg{background:radial-gradient(ellipse at 0 0,#fff,transparent),radial-gradient(ellipse at 100% 100%,#9f9f9f,transparent),#dedede;min-height:100vh}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs button{background:#ffffff70;color:#222;border-color:#fff}.tabs button[aria-selected=true]{background:#191919;color:white}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.card{padding:28px}.calendar-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.calendar-header button{min-width:44px;padding:8px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:16px}.calendar span{text-align:center;font-size:12px;padding:4px}.calendar button{border-radius:12px;min-height:44px;padding:4px;background:#ffffff65;color:#222;border-color:#ffffff70}.calendar button.selected{background:#222;color:#fff}.task{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #bbb}.task span{flex:1;overflow-wrap:anywhere}.task.done span{text-decoration:line-through;color:#666}.task button{padding:8px;background:transparent;color:#222;border:0;min-width:44px}.inline{display:flex;gap:8px}.inline input{min-width:0}.empty{padding:20px 0;color:#555}.guide{padding:15px 0;border-bottom:1px solid #bbb;display:flex;gap:10px;align-items:center}.guide a{flex:1;overflow-wrap:anywhere}.guide button{background:transparent;color:#222;border:0;padding:8px}.hidden{display:none} @media(max-width:760px){header,main,footer{padding:20px}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0}.preview{transform:none}.steps,.builder,.dashboard-grid{grid-template-columns:1fr}.steps{gap:4px}.result{position:static}.choices{grid-template-columns:1fr 1fr}.wordmark{font-size:27px}.card{padding:20px}.calendar{gap:2px}.calendar button{padding:2px}.calendar-header h2{font-size:24px}.inline{flex-wrap:wrap}.inline input{flex:1 1 180px}.inline button{flex-shrink:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}