.summer-root{color:#1a1620;background:radial-gradient(80% 50% at 50% -10%,#ffe1f0,#0000 60%),radial-gradient(60% 40% at 100% 30%,#fff6c9,#0000 60%),radial-gradient(60% 40% at 0 70%,#d9f4ee,#0000 60%),#fffdf9;min-height:100vh;font-family:Inter,system-ui,sans-serif}.summer-topbar{color:#fff;background:#1f3aa8;border-bottom:2px solid #000;align-items:center;gap:14px;height:36px;padding:0 14px;font-family:VT323,monospace;font-size:15px;display:flex}.summer-topbar a{color:#ffd84a;text-decoration:none}.summer-topbar a:hover{text-decoration:underline}.summer-topbar .spacer{flex:1}.summer-container{max-width:780px;margin:0 auto;padding:48px 24px 120px}@media(max-width:640px){.summer-container{padding:24px 16px 100px}}.summer-brand{text-align:center;margin-bottom:40px}.summer-brand-badge{background:#fff;border:2px solid #1a1620;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-family:Pixelify Sans,monospace;font-size:14px;display:inline-flex;box-shadow:3px 3px #1a1620}.summer-brand h1{letter-spacing:-.02em;background:linear-gradient(#ff3d92,#d6347e 60%,#a01e5a);color:#0000;text-shadow:none;text-align:center;-webkit-background-clip:text;background-clip:text;margin:20px 0 14px;font-family:Pixelify Sans,VT323,monospace;font-size:clamp(40px,8vw,72px);font-weight:700;line-height:.95}.summer-brand p{color:#4a3f56;max-width:480px;margin:0 auto;font-size:20px;line-height:1.45}.summer-card{background:#fff;border:2px solid #1a1620;border-radius:22px;padding:32px;box-shadow:6px 6px #1a1620}@media(max-width:640px){.summer-card{border-radius:18px;padding:22px;box-shadow:4px 4px #1a1620}}.summer-btn{color:#fff;cursor:pointer;background:#ff3d92;border:2px solid #1a1620;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-family:Pixelify Sans,monospace;font-size:18px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:4px 4px #1a1620}.summer-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #1a1620}.summer-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1a1620}.summer-btn.ghost{color:#1a1620;background:#fff}.summer-btn.cyan{background:#4ac6bd}.summer-btn.yellow{color:#1a1620;background:#ffd84a}.summer-btn.small{padding:8px 16px;font-size:14px;box-shadow:3px 3px #1a1620}.summer-btn:disabled{opacity:.4;cursor:not-allowed}.summer-h2{letter-spacing:-.01em;margin:0 0 6px;font-family:Pixelify Sans,monospace;font-size:28px}.summer-sub{color:#6b5d7a;margin:0 0 24px;font-size:15px}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{cursor:pointer;background:#fff;border:2px solid #1a1620;border-radius:14px;flex:1;min-width:54px;padding:16px 8px;font-family:Pixelify Sans,monospace;font-size:22px;transition:all .15s}.pill:hover{background:#fff6c9}.pill.active{color:#fff;background:#ff3d92;transform:translateY(-3px);box-shadow:0 4px #1a1620}.pill-labels{color:#6b5d7a;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;background:#fff;border:2px solid #1a1620;border-radius:999px;padding:10px 16px;font-size:14px;transition:all .1s}.chip:hover{background:#fff6c9}.chip.active{color:#1a1620;background:#4ac6bd;box-shadow:2px 2px #1a1620}.chip.pink.active{color:#fff;background:#ff3d92}.progress-track{background:#f0e6f5;border:2px solid #1a1620;border-radius:999px;height:10px;margin-bottom:24px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff3d92,#ffd84a);height:100%;transition:width .4s}.step-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.reveal-card{text-align:center;background:linear-gradient(135deg,#fff6f9,#fffdf5);padding:44px 32px}.reveal-emoji{margin-bottom:12px;font-size:72px;line-height:1}.reveal-title{color:#d6347e;margin:0 0 12px;font-family:Pixelify Sans,monospace;font-size:40px}.reveal-blurb{max-width:480px;margin:0 auto 8px;font-size:18px;line-height:1.5}.reveal-vibe{color:#6b5d7a;max-width:480px;margin:0 auto 24px;font-size:15px}.first-challenge-card{text-align:left;background:#fff;border:2px dashed #1a1620;border-radius:16px;max-width:460px;margin:0 auto 24px;padding:18px 20px}.first-challenge-card .label{color:#6b5d7a;text-transform:uppercase;letter-spacing:.08em;font-family:Pixelify Sans,monospace;font-size:12px}.goal-textarea{resize:vertical;background:#fffdf5;border:2px solid #1a1620;border-radius:14px;width:100%;min-height:88px;padding:16px;font-family:Inter,sans-serif;font-size:16px}.goal-textarea:focus{outline:3px solid #ffd84a}.companion-hero{text-align:center;background:radial-gradient(circle at 50% 40%,#fff6c9,#0000 60%),#fff;padding:40px 24px}.companion-blob{background:linear-gradient(160deg,#ffd1e6,#ff9dcf);border:3px solid #1a1620;border-radius:50%;place-items:center;width:180px;height:180px;margin:0 auto 20px;font-size:92px;animation:3s ease-in-out infinite bob;display:grid;position:relative;box-shadow:6px 6px #1a1620,inset -12px -18px #00000014}.companion-blob.egg{background:linear-gradient(160deg,#fff6dc,#ffe1a8)}.companion-blob.thriving{background:linear-gradient(160deg,#d4fcef,#7ee3c9)}.companion-blob.sleepy{background:linear-gradient(160deg,#e0dcff,#b4a9ff)}.companion-blob.burnt{background:linear-gradient(160deg,#d0d0d0,#7a7a7a)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.companion-name-input{text-align:center;background:#fff;border:2px solid #1a1620;border-radius:999px;width:100%;max-width:320px;padding:14px 18px;font-family:Pixelify Sans,monospace;font-size:18px}.companion-name-input:focus{outline:3px solid #ffd84a}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media(max-width:640px){.dash-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:2px solid #1a1620;border-radius:18px;padding:18px;box-shadow:4px 4px #1a1620}.stat-card .stat-num{color:#d6347e;font-family:Pixelify Sans,monospace;font-size:44px;line-height:1}.stat-card .stat-label{color:#6b5d7a;margin-top:4px;font-size:13px}.companion-card{background:linear-gradient(135deg,#fff6f9,#fff);border:2px solid #1a1620;border-radius:18px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:4px 4px #1a1620}.companion-mini{background:linear-gradient(160deg,#ffd1e6,#ff9dcf);border:2px solid #1a1620;border-radius:50%;flex-shrink:0;place-items:center;width:68px;height:68px;font-size:36px;display:grid}.companion-mini.egg{background:linear-gradient(160deg,#fff6dc,#ffe1a8)}.companion-mini.thriving{background:linear-gradient(160deg,#d4fcef,#7ee3c9)}.companion-mini.sleepy{background:linear-gradient(160deg,#e0dcff,#b4a9ff)}.challenge-list{gap:12px;display:grid}.challenge-tile{cursor:pointer;text-align:left;background:#fff;border:2px solid #1a1620;border-radius:16px;align-items:center;gap:14px;width:100%;padding:16px 18px;font-family:inherit;transition:all .12s;display:flex;box-shadow:3px 3px #1a1620}.challenge-tile:hover{background:#fffdf5;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1620}.challenge-tile.done{opacity:.85;background:#eaffe5}.challenge-tile .tile-emoji{font-size:32px}.challenge-tile .tile-body{flex:1;min-width:0}.challenge-tile .tile-title{font-size:16px;font-weight:600;line-height:1.3}.challenge-tile .tile-meta{color:#6b5d7a;margin-top:3px;font-size:12px}.challenge-tile .tile-check{background:#fff;border:2px solid #1a1620;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.challenge-tile.done .tile-check{color:#fff;background:#6fd18a}.detail-cat{background:#fff6c9;border:2px solid #1a1620;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-family:Pixelify Sans,monospace;font-size:13px;display:inline-flex}.detail-h{margin:0 0 16px;font-family:Pixelify Sans,monospace;font-size:34px;line-height:1.1}.detail-desc{color:#2b1f3a;margin-bottom:24px;font-size:17px;line-height:1.55}.share-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media(max-width:640px){.share-grid{grid-template-columns:1fr}}.share-card{aspect-ratio:4/5;color:#1a1620;border:3px solid #1a1620;border-radius:20px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.share-card.pink{background:linear-gradient(160deg,#ffd1e6,#ff8fc0)}.share-card.mint{background:linear-gradient(160deg,#d4fcef,#7ee3c9)}.share-card .share-badge{background:#fff;border:2px solid #1a1620;border-radius:999px;align-self:flex-start;padding:4px 10px;font-family:Pixelify Sans,monospace;font-size:12px}.share-card .share-headline{font-family:Pixelify Sans,monospace;font-size:28px;line-height:1.05}.share-card .share-emoji{font-size:56px}.share-card .share-foot{opacity:.75;font-family:Pixelify Sans,monospace;font-size:13px}.reset-btn{color:#6b5d7a;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;text-decoration:underline}.reset-btn:hover{color:#d6347e}.summer-footer{text-align:center;color:#6b5d7a;margin-top:40px;font-size:13px}.summer-footer .heart{color:#ff3d92}.baseline-recap{background:#fff6c9;border:2px dashed #1a1620;border-radius:14px;margin-bottom:16px;padding:14px 16px}.baseline-recap .quote{font-family:Pixelify Sans,monospace;font-size:18px}.companion-blob.has-image,.companion-mini.has-image{box-shadow:none;background:0 0;border:none}.companion-blob img,.companion-mini img{object-fit:contain;width:100%;height:100%;display:block}.name-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 4px;display:flex}.substack-tip{background:#fff6c9;border:2px dashed #1a1620;border-radius:14px;margin-top:20px;padding:14px 16px;font-size:14px;line-height:1.5}.substack-tip a{color:#d6347e;font-weight:600;text-decoration:underline}.custom-form{background:#fffdf5;border:2px dashed #1a1620;border-radius:16px;margin-bottom:16px;padding:16px}.custom-form h3{margin:0 0 4px;font-family:Pixelify Sans,monospace;font-size:20px}.custom-form .sub{color:#6b5d7a;margin:0 0 12px;font-size:13px}.custom-form input,.custom-form select{background:#fff;border:2px solid #1a1620;border-radius:10px;width:100%;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:15px}.custom-form .emoji-picker{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.custom-form .emoji-pick{cursor:pointer;background:#fff;border:2px solid #1a1620;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.custom-form .emoji-pick.active{background:#ff3d92;transform:translateY(-2px);box-shadow:0 3px #1a1620}.custom-form .char-count{color:#6b5d7a;text-align:right;margin-top:-6px;margin-bottom:8px;font-size:11px}.fun-note{text-align:center;color:#6b5d7a;margin:6px 0 20px;font-size:13px;font-style:italic}.whatnext-btn{color:#1a1620;cursor:pointer;background:#4ac6bd;border:2px solid #1a1620;border-radius:16px;width:100%;margin:24px 0 12px;padding:16px;font-family:Pixelify Sans,monospace;font-size:20px;transition:transform 80ms;display:block;box-shadow:4px 4px #1a1620}.whatnext-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #1a1620}.whatnext-panel{background:#fff;border:2px solid #1a1620;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:4px 4px #1a1620}.whatnext-panel h3{margin:0 0 10px;font-family:Pixelify Sans,monospace;font-size:22px}.whatnext-panel ul{margin:0;padding-left:20px;line-height:1.7}.whatnext-panel a{color:#d6347e;font-weight:600}.danger-zone{text-align:center;border-top:1px dashed #d5c8e0;margin-top:60px;padding-top:24px}.danger-zone .warn{color:#a48fb5;margin-bottom:10px;font-size:12px}.danger-btn{color:#b78fa8;cursor:pointer;background:0 0;border:1px solid #d5c8e0;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px}.danger-btn:hover{color:#d6347e;background:#ffe5ee;border-color:#d6347e}.share-card .share-cta{opacity:.9;margin-top:8px;font-family:Pixelify Sans,monospace;font-size:12px}