:root{--cream: #fdf6ec;--paper: #ffffff;--ink: #2b2420;--ink-soft: #5a5048;--terracotta: #e0572e;--terracotta-dark: #c1471f;--mustard: #f2a93b;--sage: #6f8a6b;--line: #ece2d3;--shadow: 0 6px 20px rgba(43, 36, 32, .08);--radius: 18px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito Sans,system-ui,-apple-system,sans-serif;line-height:1.55}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--ink)}.page{max-width:780px;margin:0 auto;padding:48px 20px 80px}.header{text-align:center;margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:var(--terracotta);margin:0 0 8px}.header h1{font-size:2.75rem;margin:0 0 12px}.tagline{font-size:1.1rem;color:var(--ink-soft);max-width:480px;margin:0 auto}.intro{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 30px;margin-bottom:28px}.intro p{margin:0 0 12px}.intro p:last-child{margin-bottom:0}.intro em{color:var(--terracotta-dark);font-style:normal;font-weight:700}.idea-form{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 30px;display:flex;flex-direction:column;gap:12px}.idea-form label{font-weight:800;font-size:1.05rem}.idea-form textarea{font-family:inherit;font-size:1rem;padding:14px;border-radius:12px;border:2px solid var(--line);background:var(--cream);color:var(--ink);resize:vertical}.idea-form textarea:focus{outline:none;border-color:var(--terracotta)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.char-count{font-size:.8rem;color:var(--ink-soft)}button{font-family:inherit;cursor:pointer;border:none}.idea-form button[type=submit]{background:var(--terracotta);color:#fff;font-weight:800;font-size:1rem;padding:14px 26px;border-radius:999px;transition:background .15s ease,transform .1s ease}.idea-form button[type=submit]:hover:not(:disabled){background:var(--terracotta-dark)}.idea-form button[type=submit]:disabled{background:#d8c9b8;cursor:not-allowed}.error-msg{color:var(--terracotta-dark);font-weight:700;margin:0}.results h2,.format h2,.camera-roll h2{font-size:1.5rem;margin:0 0 16px}.results{margin-top:36px}.hook-grid{display:grid;gap:18px}.hook-card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px;border-left:5px solid var(--terracotta)}.hook-number{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:var(--terracotta);margin:0 0 8px}.hook-template{font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:600;margin:0 0 10px}.hook-why{color:var(--ink-soft);font-size:.95rem;margin:0 0 14px}.hook-examples-label{font-weight:800;font-size:.85rem;margin:0 0 6px;color:var(--ink)}.hook-examples ul{margin:0;padding-left:20px}.hook-examples li{margin-bottom:6px}.format{margin-top:40px}.format-primary{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px}.format-badge{display:inline-block;background:var(--mustard);color:var(--ink);font-weight:800;font-size:.85rem;padding:6px 16px;border-radius:999px;margin:0 0 12px}.format-badge-secondary{background:var(--line)}.format-reasoning{color:var(--ink-soft);margin:0 0 16px}.tips-list{margin:0;padding-left:20px}.tips-list li{margin-bottom:10px}.format-link-note{margin:14px 0 0;font-size:.92rem;color:var(--ink-soft)}.format-link-note a,.results a,.camera-roll a{color:var(--terracotta-dark)}.other-formats{margin-top:16px;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 28px 6px}.other-formats summary{cursor:pointer;font-weight:800;padding:12px 0}.format-secondary{padding:6px 0 20px;border-top:1px solid var(--line);margin-top:6px}.camera-roll{margin-top:40px;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px}.camera-roll-sub{color:var(--ink-soft);margin:0 0 14px}.camera-roll ul{margin:0;padding-left:20px}.camera-roll li{margin-bottom:8px}.reset-row{text-align:center;margin-top:36px}button.secondary{background:transparent;border:2px solid var(--ink);color:var(--ink);font-weight:800;padding:12px 24px;border-radius:999px}button.secondary:hover{background:var(--ink);color:var(--paper)}.cta-footer{margin-top:56px;padding-top:36px;border-top:2px dashed var(--line)}.coffee-block{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 30px;text-align:center;margin-bottom:28px}.coffee-block p{margin:0 0 12px;color:var(--ink-soft)}.coffee-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--paper);box-shadow:0 0 0 3px var(--mustard);margin:0 auto 16px;display:block}.coffee-intro{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.1rem;color:var(--ink)!important}.coffee-button{display:inline-block;margin-top:8px;background:var(--sage);color:#fff;font-weight:800;text-decoration:none;padding:12px 26px;border-radius:999px}.coffee-button:hover{opacity:.9}.socials-block{text-align:center;margin-bottom:24px}.socials-heading{font-weight:800;margin:18px 0 10px}.link-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.link-row a{background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:8px 18px;font-weight:700;text-decoration:none;color:var(--ink);font-size:.9rem}.link-row a:hover{border-color:var(--terracotta);color:var(--terracotta-dark)}.review-block{text-align:center;font-size:.95rem;color:var(--ink-soft)}.review-block a{color:var(--terracotta-dark);font-weight:700}@media (min-width: 640px){.header h1{font-size:3.25rem}}