:root{--bg:#f7f7f4;--panel:#fff;--ink:#202124;--muted:#70746f;--line:#dedfd8;--accent:#1f7a6a;--danger:#a34a22}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;grid-gap:18px;gap:18px;align-items:center;padding:14px clamp(16px,4vw,42px);background:rgba(247,247,244,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.button,.notice,.tabs button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:9px 12px;font-weight:750;cursor:pointer}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;font-size:18px;padding-inline:0}.brandMark{width:34px;height:34px;flex:0 0 34px}.brandWord{display:grid;grid-gap:1px;gap:1px;line-height:1;text-align:left}.brandWord small{color:var(--accent);font-size:10px;font-weight:700}.tabs{display:flex;gap:6px;justify-content:center}.segments button.active,.tabs button.active{background:#e6f0ed;color:#10594c;border-color:#c8ded8}.account{display:flex;align-items:center;gap:10px;justify-content:flex-end;color:var(--muted)}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.hero{display:grid;grid-template-columns:1.4fr .6fr;grid-gap:24px;gap:24px;min-height:320px;padding:clamp(30px,6vw,64px);background:linear-gradient(120deg,rgba(31,122,106,.88),rgba(71,124,170,.74)),url(https://images.unsplash.com/photo-1601758174114-e711c0cbaa69?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-size:cover;color:white}.hero h1{max-width:860px;margin:8px 0 16px;font-size:clamp(34px,6vw,64px);line-height:1.03}.eyebrow{margin:0;font-weight:800;color:rgba(255,255,255,.78)}.stats{align-self:end;display:grid;grid-gap:8px;gap:8px;padding:18px;background:rgba(255,255,255,.92);color:var(--ink)}.review,.stats div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.actions,.login,.segments,.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar{justify-content:space-between;margin:24px 0 18px}input,select,textarea{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}.empty,.form,.login,.petCard,.post,.review{background:var(--panel);border:1px solid var(--line);box-shadow:0 16px 40px rgba(31,39,36,.08)}.login{margin-bottom:18px;padding:14px}.onboarding{display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,1.5fr) auto;grid-gap:22px;gap:22px;align-items:center;margin-bottom:18px;padding:18px 20px;border:1px solid #c8ded8;background:#edf5f2}.onboarding h2,.onboarding p{margin:0}.onboarding h2{font-size:20px}.onboarding p{margin-top:5px;color:var(--muted);line-height:1.45}.onboarding ol{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.onboarding li{display:grid;grid-template-columns:28px 1fr;grid-gap:8px;gap:8px;align-items:center;color:var(--muted);font-size:13px;font-weight:700}.onboarding li span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel)}.onboarding li.current{color:var(--ink)}.onboarding li.complete span,.onboarding li.current span{border-color:var(--accent);background:var(--accent);color:white}.form{display:grid;grid-gap:12px;gap:12px;width:min(560px,100%);padding:18px}.profile{grid-template-columns:360px 1fr}.feed,.profile{grid-gap:18px}.feed,.post,.profile{display:grid;gap:18px}.post{grid-template-columns:260px 1fr;grid-gap:18px;padding:0 18px 0 0}.media,.petAvatar{display:grid;min-height:220px;place-items:center;background:linear-gradient(135deg,#e5efe9,#dbe8f2);color:var(--accent);font-weight:900;font-size:44px}.media img,.petAvatar img{width:100%;height:100%;object-fit:cover}.muted{color:var(--muted);font-size:14px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tags span{padding:5px 8px;border-radius:8px;background:#eef3f6;color:#31566f;font-size:13px}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.warn{color:var(--danger);border-color:#e7c0ad}.petGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.petCard{padding:0 14px 14px}.petCard.clickable{cursor:pointer;transition:border-color .16s ease,transform .16s ease}.petCard.clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.petAvatar{height:180px;min-height:180px;margin:0 -14px 14px}.adminList{display:grid;grid-gap:12px;gap:12px}.analyticsPanel{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px;padding:20px;border:1px solid var(--line);background:var(--panel)}.analyticsPanel h2{margin:0 0 14px;font-size:18px}.funnelGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.funnelGrid div{display:grid;grid-gap:6px;gap:6px;min-height:82px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.funnelGrid span,.sourceList span{color:var(--muted);font-size:13px}.funnelGrid strong{font-size:26px}.sourceList p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:9px 0;border-bottom:1px solid var(--line)}.timelineShell{display:grid;grid-gap:18px;gap:18px}.timelineHeader{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px;background:var(--panel);border:1px solid var(--line)}.timelineHeader .eyebrow{color:var(--accent)}.timelineHeader h2{margin:4px 0;font-size:30px}.journeyViewport{overflow-x:auto;padding:8px 2px 18px}.journeyMap{position:relative;height:360px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.72)),linear-gradient(135deg,#edf4ef,#eef3f6);border:1px solid var(--line);box-shadow:0 16px 40px rgba(31,39,36,.08)}.journeyPath{position:absolute;inset:28px 18px;width:calc(100% - 36px);height:calc(100% - 56px);pointer-events:none}.journeyPath path{fill:none;stroke:#9fc9bd;stroke-width:9;stroke-linecap:round;stroke-dasharray:2 22}.journeyNode{position:absolute;display:grid;width:172px;grid-gap:8px;gap:8px;justify-items:center;padding:0;border:0;background:transparent;color:var(--ink);text-align:center;transform:translate(-50%,-50%)}.journeyPin{width:22px;height:22px;border:4px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #8fbfb4,0 10px 24px rgba(31,39,36,.16)}.journeyThumb{position:relative;display:block;width:96px;aspect-ratio:1;overflow:hidden;border:4px solid var(--panel);border-radius:8px;background:#eef3f6;box-shadow:0 14px 28px rgba(31,39,36,.16)}.journeyThumb img{display:block;width:100%;height:100%;object-fit:cover}.journeyThumb span{position:absolute;right:5px;bottom:5px;min-width:24px;padding:3px 6px;border-radius:8px;background:rgba(32,33,36,.76);color:white;font-size:12px;font-weight:800}.journeyLabel{display:grid;grid-gap:3px;gap:3px;width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(31,39,36,.08)}.journeyLabel strong{overflow:hidden;font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.journeyLabel small{color:var(--muted);font-size:12px}.journeyNode:focus-visible .journeyLabel,.journeyNode:hover .journeyLabel{border-color:var(--accent)}.journeyList{display:none}.journeyListNode{position:relative;display:grid;grid-template-columns:34px 82px 1fr;grid-gap:12px;gap:12px;align-items:center;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px;color:var(--ink);text-align:left;box-shadow:0 12px 30px rgba(31,39,36,.08)}.journeyListNode:nth-child(2n){margin-left:24px;width:calc(100% - 24px)}.journeyListNode img{width:82px;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#eef3f6}.journeyListNode span:last-child{display:grid;grid-gap:4px;gap:4px}.journeyListNode strong{line-height:1.25}.journeyListNode small{color:var(--muted)}.journeyListPin{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--accent);color:white;font-size:13px;font-weight:850}.modalBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(32,33,36,.42)}.momentModal{display:grid;width:min(820px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;grid-gap:14px;gap:14px;padding:18px;background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 70px rgba(31,39,36,.28)}.momentHeader{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.momentHeader h3{margin:4px 0 0;font-size:24px}.momentGallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px}.momentGallery img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef3f6}.momentText{margin:0;color:var(--ink);line-height:1.7;white-space:pre-wrap}.albumBackdrop{align-items:stretch}.albumModal{display:grid;grid-template-rows:auto 1fr;width:min(1180px,100%);max-height:calc(100vh - 36px);overflow:hidden;background:var(--bg);border:1px solid var(--line);box-shadow:0 24px 70px rgba(31,39,36,.28)}.albumTopbar{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:18px;background:var(--panel);border-bottom:1px solid var(--line)}.albumTopbar h2{margin:4px 0 0}.albumWorkspace{display:grid;grid-template-columns:360px 1fr;min-height:0}.albumControls,.albumPreviewPane{min-height:0;overflow:auto;padding:18px}.albumControls{display:grid;align-content:start;grid-gap:18px;gap:18px;border-right:1px solid var(--line);background:var(--panel)}.albumControls h3,.albumPreviewPane h3{margin:0 0 12px}.albumTemplates{display:grid;grid-gap:8px;gap:8px}.albumTemplates button{display:grid;grid-gap:5px;gap:5px;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px;color:var(--ink);text-align:left}.albumTemplates button.active{border-color:var(--accent);background:#e6f0ed}.albumTemplates span{color:var(--muted);font-size:13px}.albumMomentList{display:grid;grid-gap:10px;gap:10px}.albumMomentEditor{display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.albumMomentEditorFooter,.albumMomentEditorHeader{display:flex;gap:8px;align-items:center;justify-content:space-between}.albumMomentEditorHeader label{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:13px}.albumMomentEditor textarea{min-height:84px}.albumMomentEditorFooter{color:var(--muted);font-size:12px}.albumMomentEditorFooter div{display:flex;gap:6px}.albumMomentEditorFooter .button{min-height:30px;padding:5px 8px;font-size:12px}.albumPreviewPane{background:#eceee8}.albumPreview{justify-items:center}.albumPage,.albumPreview{display:grid;grid-gap:18px;gap:18px}.albumPage{position:relative;width:720px;min-height:1018px;overflow:hidden;align-content:start;padding:56px;background:#fff;color:var(--ink);box-shadow:0 18px 44px rgba(31,39,36,.16)}.albumCover{align-content:end;padding:0;background:#e8f0ed}.albumCoverImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.albumCover:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(32,33,36,.05),rgba(32,33,36,.72))}.albumCoverText{position:relative;z-index:1;display:grid;grid-gap:8px;gap:8px;padding:64px;color:#fff}.albumCoverText h1,.albumCoverText p,.albumCoverText span{margin:0}.albumCoverText p{font-weight:850;opacity:.82}.albumCoverText h1{font-size:64px;line-height:1}.albumPageFooter,.albumPageHeader{display:flex;justify-content:space-between;gap:14px;color:var(--muted)}.albumPageHeader span{color:var(--accent);font-size:28px;font-weight:900}.albumMomentPage h2{margin:0;font-size:34px;line-height:1.15}.albumHeroImage{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef3f6}.albumImageGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.albumImageGrid img{width:100%;aspect-ratio:1;object-fit:cover;background:#eef3f6}.albumMomentPage p{margin:0;color:#3c403d;font-size:18px;line-height:1.75;white-space:pre-wrap}.albumPageFooter{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.albumPreview.growth .albumPage{background:#fbfcf7}.albumPreview.growth .albumMomentPage h2{color:#31566f}.albumPreview.quiet .albumPage{gap:24px;padding:76px}.albumPreview.quiet .albumHeroImage{aspect-ratio:5/4}.albumPreview.quiet .albumMomentPage p{font-size:19px;line-height:1.9}.empty,.notice{width:100%;margin-bottom:16px;color:var(--danger);text-align:left}.empty{display:grid;min-height:180px;place-items:center;color:var(--muted)}@media (max-width:820px){.analyticsPanel,.hero,.onboarding,.onboarding ol,.post,.profile,.timelineHeader,.topbar{grid-template-columns:1fr}.timelineHeader{align-items:stretch;flex-direction:column}.journeyViewport{overflow:visible}.journeyMap{display:none}.journeyList{position:relative;display:grid;grid-gap:14px;gap:14px}.journeyList:before{position:absolute;top:18px;bottom:18px;left:23px;width:3px;content:"";background:linear-gradient(180deg,#9fc9bd,#d4dfdc)}.momentHeader{align-items:stretch;flex-direction:column}.albumMomentEditorFooter,.albumTopbar,.albumWorkspace{grid-template-columns:1fr;flex-direction:column}.albumModal{max-height:calc(100vh - 20px)}.albumWorkspace{display:block;overflow:auto}.albumControls,.albumPreviewPane{overflow:visible}.albumControls{border-right:0;border-bottom:1px solid var(--line)}.albumPage{width:100%;min-height:540px;padding:28px}.albumCoverText{padding:36px}.albumCoverText h1{font-size:44px}.tabs{justify-content:flex-start;overflow-x:auto}.post{padding:0 16px 16px}.toolbar{align-items:stretch;flex-direction:column}}