:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--surface-2:#eef0f3;--text:#16191d;--muted:#5d6675;--border:#dde1e6;--accent:#2563eb;--accent-text:#fff;--danger:#dc2626;--radius:12px;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000a;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111418;--surface:#1a1f26;--surface-2:#232a33;--text:#e8ebef;--muted:#98a2b3;--border:#2c343f;--accent:#3b82f6;--accent-text:#fff;--danger:#f87171;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.25rem}p{margin:0 0 .75em}a{color:var(--accent)}code{background:var(--surface-2);border-radius:6px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:10;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) 12px calc(var(--safe-left) + 16px);background:var(--surface);border-bottom:1px solid var(--border);font-weight:600;position:sticky;top:0}.app-main{padding:16px calc(var(--safe-right) + 16px) 24px calc(var(--safe-left) + 16px);flex:1}.app-nav{background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);display:flex;position:sticky;bottom:0}.app-nav a{text-align:center;color:var(--muted);flex:1;padding:10px 4px;font-size:.8rem;text-decoration:none}.app-nav a.active{color:var(--accent);font-weight:600}.container{width:100%;max-width:720px;margin:0 auto}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.muted{color:var(--muted)}.small{font-size:.875rem}.btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn:disabled{opacity:.5;cursor:default}.switch{background:var(--border);cursor:pointer;border:none;border-radius:999px;flex:none;width:48px;height:28px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px)}.list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.list>*+*{border-top:1px solid var(--border)}.list-item{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}:root{--bg:#faf9f6;--surface:#fff;--surface-2:#f5f3ee;--text:#30352f;--muted:#8b8d84;--border:#eeede7;--accent:#ee6746;--accent-text:#fff;--radius:17px;--shadow:none;--font:"Nunito Sans","Avenir Next",Avenir,system-ui,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #eea389}a:focus-visible{outline-offset:3px;outline:3px solid #eea389}button{color:var(--text)}button:disabled{cursor:wait}input,textarea,select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:10px;outline:none;padding:12px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ee674612}h1{letter-spacing:-1.25px;font-size:33px;font-weight:750}h2{letter-spacing:-.8px}h3{letter-spacing:-.2px;font-size:15px}small{font-size:11px}.shell{min-height:100dvh}.sidebar{border-right:1px solid var(--border);background:var(--surface);z-index:20;flex-direction:column;width:246px;padding:39px 25px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:-1.8px;color:var(--text);align-items:center;font-size:36px;font-weight:850;line-height:1;text-decoration:none;display:flex}.brand-mark{color:var(--accent);margin-right:10px;transform:rotate(-13deg)}.brand-dot{color:var(--accent)}.side-label{letter-spacing:1.5px;color:var(--muted);margin:16px 0 43px 3px;font-size:8px;font-weight:650}.sidebar nav{flex-direction:column;gap:10px;display:flex}.nav-item{color:#7d8077;border-radius:10px;align-items:center;gap:15px;min-height:51px;padding:14px 16px;font-size:14px;font-weight:550;text-decoration:none;display:flex}.nav-item.active{color:var(--accent);background:#fff0e9;font-weight:700}.nav-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:auto}.new-post{border-radius:10px;min-height:47px;margin-top:29px;font-size:13px;box-shadow:0 6px 14px #ee674621}.side-bottom{margin-top:auto;padding-top:50px}.side-note{color:#a1a58c;margin:0 10px 27px}.side-note>svg{margin-bottom:13px;transform:rotate(-20deg)}.side-note strong{color:#7d826f;letter-spacing:-.5px;font-size:20px;line-height:1.5;display:block}.side-note p{color:#a3a59d;margin-top:10px;font-size:10px;line-height:1.9}.account-chip{border:0;border-top:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;padding:19px 0 0;display:flex}.account-chip strong{font-size:11px}.account-chip small{color:var(--muted);font-size:9px;display:block}.account-chip>svg{margin-left:auto}.workspace{margin-left:246px}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:22px;height:91px;padding:0 40px;display:flex}.header-word{color:var(--muted);white-space:nowrap;font-size:12px}.search{background:var(--bg);border:1px solid var(--border);color:#96998f;border-radius:9px;align-items:center;gap:10px;min-width:170px;max-width:360px;margin-left:auto;padding:0 13px;display:flex}.search input{box-shadow:none;background:0 0;border:0;padding:12px 0;font-size:11px}.search-shortcut{font-size:19px}.icon-button{background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.notification-dot{background:var(--accent);border:1px solid var(--surface);border-radius:100%;width:5px;height:5px;position:absolute;top:10px;right:12px}.join{white-space:nowrap;border-radius:8px;gap:12px;padding:0 13px;font-size:11px}.content{grid-template-columns:minmax(0,630px) 292px;gap:33px;max-width:1046px;margin:auto;padding:35px 38px 65px;display:grid}.feed-column{min-width:0}.eyebrow{letter-spacing:1.8px;color:var(--accent);margin-bottom:12px;font-size:8px;font-weight:700}.page-heading{margin-bottom:28px}.page-heading h1{align-items:center;gap:10px;margin-bottom:8px;display:flex}.heading-paw{color:#b5b99d;display:inline-flex;transform:rotate(15deg)}.page-heading p{color:var(--muted);font-size:12px}.pet-parade{scrollbar-width:none;gap:20px;padding:0 0 23px;display:flex;overflow:auto}.pet-bubble{background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:62px;padding:0;display:flex}.pet-bubble>span{border:1.5px solid #ec9b77;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex:none;width:39px;height:39px;display:inline-flex}.pet-bubble .avatar{width:53px;height:53px}.pet-bubble b{font-size:10px;font-weight:550}.pet-bubble.yours>span{color:#979a89;background:#f3f2ec;border:1.5px dashed #d5d5c9}.blank{color:#a1a489;background:#eeeee3;justify-content:center;align-items:center}.composer{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:25px;padding:14px 17px;display:flex}.composer>span:nth-child(2){color:var(--muted);font-size:11px}.composer-photo{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.feed-controls{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:44px;display:flex}.tabs{gap:25px;height:100%;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 1px 12px;font-size:12px;font-weight:600}.tabs button.selected{color:var(--text);border-bottom-color:var(--accent)}.feed-note{color:#a4a696;align-items:center;gap:7px;padding-bottom:9px;font-size:9px;display:flex}.filters{gap:8px;padding:17px 0 20px;display:flex}.filter{border:1px solid var(--border);background:var(--surface);color:#8c8d83;border-radius:20px;align-items:center;gap:5px;min-height:33px;padding:0 16px;font-size:10px;display:flex}.filter.selected{color:#626e4d;background:#e9ecdf;border-color:#e9ecdf;font-weight:650}.post-list{flex-direction:column;gap:24px;display:flex}.post{border-radius:13px;padding:0;overflow:hidden}.post-header{justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;display:flex}.post-person{text-align:left;background:0 0;border:0;align-items:center;gap:11px;min-width:0;min-height:44px;padding:0;display:flex}.post-person>span{min-width:0}.post-person strong{align-items:center;gap:6px;font-size:12px;display:flex}.post-person small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;display:block;overflow:hidden}.verified{color:#fff;background:#98a77c;border-radius:50%;justify-content:center;align-items:center;width:11px;height:11px;font-size:7px;display:inline-flex}.pet-tag{color:#a5a18c;white-space:nowrap;background:#f6f3eb;border-radius:4px;padding:4px 7px;font-size:8px}.post-photo{aspect-ratio:1.38;object-fit:cover;object-position:center 42%;width:100%;display:block}.post-body{padding:9px 18px 18px}.post-actions{align-items:center;gap:14px;display:flex}.post-actions button{color:#797e71;background:0 0;border:0;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:0;font-size:11px;display:flex}.post-actions .save{justify-content:flex-end;margin-left:auto}.post-actions .liked{color:var(--accent)}.liked svg{fill:#ee674623}.post-actions .saved{color:var(--accent)}.saved svg{fill:#ee674623}.caption{margin:2px 0 0;font-size:11px;line-height:1.9}.caption strong{margin-right:4px}.rightbar{padding-top:2px}.welcome-card{background:#f3f1e7;border:1px solid #ece7da;border-radius:14px;padding:23px 22px 21px;position:relative;overflow:hidden}.mini-tag{color:#979780;letter-spacing:1.2px;font-size:7px;font-weight:650}.welcome-card h2{letter-spacing:-1px;margin:15px 0 12px;font-size:25px;font-weight:700;line-height:1.25}.welcome-card p{color:#8b8b7c;font-size:10px;line-height:1.9}.welcome-photos{height:129px;margin-top:12px;position:relative}.welcome-photos img{object-fit:cover;border:5px solid #fff;border-radius:5px;width:104px;height:108px;position:absolute;top:4px;left:18px;transform:rotate(-10deg);box-shadow:0 3px 8px #30352f0d}.welcome-photos img+img{top:10px;left:110px;transform:rotate(10deg)}.welcome-photos>span{color:var(--accent);background:#fff1e9;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:47px;left:100px;transform:rotate(13deg)}.welcome-card .btn{border-radius:8px;gap:38px;width:100%;min-height:41px;margin-top:10px;font-size:11px}.suggestions{border-bottom:1px solid var(--border);padding:29px 0 16px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title svg{color:#9caa87}.section-title h3{margin:0}.subtext{color:var(--muted);margin:7px 0 14px;font-size:10px}.suggestion{justify-content:space-between;align-items:center;gap:5px;margin:12px 0;display:flex}.suggestion .avatar{width:36px;height:36px}.suggestion .post-person{gap:9px}.suggestion strong{font-size:11px}.suggestion small{max-width:123px;font-size:8px}.follow{color:#798263;background:#f3f3eb;border:1px solid #e9ebdf;border-radius:6px;min-height:33px;padding:0 12px;font-size:9px;font-weight:650}.is-following{padding:0 7px}.text-button{color:var(--accent);background:0 0;border:0;min-height:44px;font-size:11px}.discover{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:5px;font-size:10px;display:flex}.trending{padding-top:24px}.trend-mark{color:#9da587}.trending>button{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:13px 0;display:flex}.trend-number{color:#b8baac;font-size:10px}.trending strong{font-size:10px;font-weight:650}.trending small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.trending svg{color:#b3b6a7;margin-left:auto}footer{color:#adaea5;margin-top:22px;font-size:9px}footer button{color:#989c8d;background:0 0;border:0;min-height:44px;padding:0;font-size:9px}footer>span{margin:0 10px}footer p{margin:0 0 5px}footer small{font-size:8px}.local-label{color:#a7aa9d;margin-top:14px;font-size:8px;line-height:1.8}.mobile-brand,.mobile-nav{display:none}.header-avatar{background:0 0;border:0;min-width:44px;min-height:44px;padding:0}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty h2{color:var(--text);margin-top:15px;font-size:20px}.empty p{max-width:350px;margin:15px auto;font-size:13px}.empty svg{color:#a5b28f}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin-bottom:24px;padding:25px}.large{width:88px;height:88px;margin-bottom:15px}.profile-card h1{font-size:27px}.profile-card p{color:var(--muted);font-size:12px}.profile-stats{gap:25px;margin:20px 0;font-size:12px;display:flex}.profile-stats span{color:var(--muted);font-weight:400}.comments{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;font-size:12px}.comments form{gap:8px;margin-top:15px;display:flex}.comments input{font-size:12px}.comments p,.caption{overflow-wrap:anywhere}.toast{background:var(--text);color:var(--surface);z-index:100;border-radius:12px;max-width:calc(100% - 30px);padding:14px 24px;font-size:13px;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0002}dialog{border:1px solid var(--border);background:var(--surface);width:470px;max-width:calc(100% - 28px);max-height:calc(100dvh - 40px);color:var(--text);border-radius:20px;padding:0;box-shadow:0 25px 100px #0002}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24291f66}.modal{padding:30px;position:relative}.modal-close{position:absolute;top:13px;right:13px}.modal-icon{color:var(--accent);background:#fff0e8;border-radius:16px;margin-bottom:22px;padding:12px;display:inline-flex}.modal h2{max-width:330px;font-size:25px}.modal>p{margin:12px 0 20px;font-size:13px;line-height:1.8}.modal label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.modal input,.modal textarea,.modal select{min-height:44px;font-size:13px}.modal form{gap:15px;margin-top:22px}.form-row{gap:12px;display:flex}.form-row>label{flex:1;min-width:0}.local-info{background:var(--surface-2);color:var(--muted);border-radius:8px;padding:12px;font-size:11px;line-height:1.8}.login-toggle{margin:10px auto 0;display:block}.form-error{color:#bf442d;margin-top:16px;font-size:12px}.upload{background:var(--bg);color:#9b9f8b;cursor:pointer;border:1.5px dashed #d8d9cc;border-radius:12px;justify-content:center;align-items:center;min-height:205px;display:flex;position:relative;overflow:hidden;gap:12px!important}.upload span{font-size:10px;font-weight:400}.upload input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.upload img{object-fit:cover;width:100%;max-height:260px}.has-photo{border-style:solid}.update-item{gap:15px;padding:20px 0;font-size:13px;display:flex}.update-item svg{color:var(--accent);flex:none}.update-item p{color:var(--muted);margin-top:8px;line-height:1.8}.btn:hover{filter:brightness(.97)}.pet-bubble:hover .avatar{transform:scale(1.04)}.pet-bubble .avatar{transition:transform .2s}.explore-grid .post-photo{aspect-ratio:1.3}@media (min-width:1500px){.content{grid-template-columns:minmax(0,720px) 300px;gap:40px;max-width:1160px}.topbar{padding-left:55px;padding-right:55px}.page-heading h1{font-size:37px}.post-photo{aspect-ratio:1.45}}@media (max-width:1200px){.sidebar{width:210px;padding:30px 20px}.workspace{margin-left:210px}.content{grid-template-columns:minmax(0,1fr) 250px;gap:24px;padding:29px 25px}.topbar{gap:12px;padding:0 25px}.header-word{display:none}.page-heading h1{font-size:28px}.pet-parade{gap:13px}.welcome-card{padding:20px 17px}.welcome-photos img{width:100px;left:5px}.welcome-photos img+img{left:95px}.welcome-photos>span{left:85px}.composer-photo b{display:none}.suggestion small{max-width:105px}.feed-note{display:none}}@media (max-width:1000px){.rightbar{display:none}.content{max-width:710px;padding:30px;display:block}.sidebar{width:205px}.workspace{margin-left:205px}.header-word{display:none}.topbar{height:80px}.search{flex:1;max-width:100%}.pet-parade{justify-content:space-between}.page-heading h1{font-size:33px}.composer-photo b{display:block}}@media (max-width:650px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:calc(73px + var(--safe-top));padding:var(--safe-top) 17px 0;gap:8px}.mobile-brand{letter-spacing:-1.4px;color:var(--text);margin-right:auto;font-size:29px;font-weight:850;text-decoration:none;display:block}.mobile-brand span{color:var(--accent)}.search{gap:5px;min-width:0;max-width:135px;margin:0;padding:0 8px}.search input{width:75px;padding:10px 0;font-size:10px}.search-shortcut{display:none}.topbar .join{min-height:38px;padding:0 10px;font-size:10px}.topbar .join svg{display:none}.topbar>.icon-button{width:34px}.content{padding:25px 17px calc(90px + var(--safe-bottom))}.page-heading h1{letter-spacing:-1.1px;gap:8px;font-size:27px}.heading-paw svg{width:22px}.eyebrow{letter-spacing:1.6px;margin-bottom:10px;font-size:7px}.page-heading p{font-size:11px;line-height:1.7}.page-heading{margin-bottom:23px}.pet-parade{gap:16px;justify-content:initial;margin-right:-17px;padding-bottom:23px;padding-right:17px}.pet-bubble{min-width:57px}.pet-bubble>span{width:57px;height:57px}.pet-bubble .avatar{width:46px;height:46px}.pet-bubble b{font-size:9px}.composer{gap:9px;margin-bottom:19px;padding:12px}.composer>span:nth-child(2){font-size:10px}.composer-photo b{display:none}.composer .avatar{width:34px;height:34px}.feed-controls{height:44px}.tabs{gap:24px}.tabs button{min-height:44px}.filter{min-height:44px;padding:0 15px}.filters{gap:7px;padding:12px 0 16px}.post-header{padding:11px 12px}.post-person strong{font-size:11px}.post-person small{font-size:8px}.post-photo{aspect-ratio:1.07}.post-body{padding:6px 13px 15px}.caption{font-size:11px}.post{border-radius:12px}.mobile-nav{background:var(--surface);border-top:1px solid var(--border);padding:8px var(--safe-right) calc(8px + var(--safe-bottom)) var(--safe-left);z-index:30;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a,.mobile-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:52px;min-height:45px;font-size:9px;text-decoration:none;display:flex}.mobile-nav a.active,.mobile-nav button{color:var(--accent)}.toast{text-align:center;width:max-content;bottom:85px}.modal{padding:25px 22px}.profile-card h1{font-size:25px}.profile-card{padding:20px}.topbar .search:focus-within{z-index:5;background:var(--surface);max-width:none;position:absolute;left:16px;right:16px}.topbar .search:focus-within input{width:100%}.follow{min-height:44px}.btn{font-size:12px}.post-person{max-width:calc(100% - 50px)}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1d211d;--surface:#252a24;--surface-2:#30352d;--text:#f0f0e8;--muted:#a3aa98;--border:#373d32;--accent:#f18766}.nav-item.active{background:#3c3027}.welcome-card{background:#30362b;border-color:#414634}.welcome-card h2{color:#eeeede}.welcome-card p{color:#b0b3a1}.filter.selected{color:#d0daba;background:#414c35;border-color:#414c35}.follow{color:#bbcba5;background:#333c2a;border-color:#424c37}.blank,.pet-bubble.yours>span{color:#b3bc9f;background:#353c2e}.pet-tag{color:#bcc4a7;background:#383e2d}.modal-icon{background:#493629}.side-note strong{color:#b0b899}.nav-item{color:#b0b4a8}.welcome-photos>span{background:#493629}.welcome-photos img{border-color:#545949}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.filter,.follow,.topbar .join,.welcome-card .btn{min-height:44px}.nav-item>svg{flex:none}.nav-item,.new-post{white-space:nowrap}.topbar .search{width:360px}.topbar .search input{text-overflow:ellipsis}.mobile-nav a span{text-transform:capitalize}@media (max-width:650px){.topbar .search{width:105px}.topbar>.icon-button{width:44px}.topbar{gap:3px}.topbar .join{padding:0 9px}.mobile-brand{font-size:27px}}.splash{min-height:100dvh;padding:calc(30px + var(--safe-top)) calc(6vw + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(6vw + var(--safe-left));background:radial-gradient(ellipse at 22% 50%,#e7ebdb80,transparent 60%),var(--bg);flex-direction:column;display:flex}.splash-brand{letter-spacing:-1.5px;align-items:center;gap:9px;font-size:29px;font-weight:850;display:flex}.splash-brand svg,.splash-brand>span{color:var(--accent)}.splash-brand>span{margin-left:-9px}.splash-stage{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;width:100%;max-width:1150px;margin:auto;padding:50px 0 65px;display:grid}.splash-art{height:440px;position:relative}.splash-orbit{background:#e6ebdc80;border:1px solid #a2af8b55;border-radius:50%;position:absolute;top:10px;bottom:10px;left:5px;right:5px;transform:rotate(-20deg)}.splash-photo{background:var(--surface);border-radius:9px;width:56%;margin:0;padding:10px 10px 0;position:absolute;overflow:hidden;box-shadow:0 18px 40px #39422b19}.splash-photo img{object-fit:cover;border-radius:4px;width:100%;height:270px}.splash-photo figcaption{text-align:center;color:var(--muted);padding:15px 0;font-size:12px}.splash-dog{top:24px;left:1%;transform:rotate(-10deg)}.splash-cat{top:100px;right:0;transform:rotate(10deg)}.splash-cat img{height:240px}.splash-heart,.splash-paw{border-radius:50%;place-items:center;width:67px;height:67px;display:grid;position:absolute;box-shadow:0 6px 20px #39422b12}.splash-heart{color:var(--accent);background:var(--surface);animation:4s ease-in-out infinite splash-bob;top:12px;right:8%;transform:rotate(12deg)}.splash-paw{color:#7b8d61;background:#e3e9d7;bottom:9px;left:4%;transform:rotate(-15deg)}.splash-art-note{letter-spacing:1px;color:var(--muted);font-size:12px;position:absolute;bottom:-24px;left:24%}.splash-copy .eyebrow{letter-spacing:2px;font-size:10px}.splash-copy h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,3.5vw,53px);line-height:1.15}.splash-copy em{color:var(--accent);font-style:normal}.splash-copy>p{color:var(--muted);margin-bottom:30px;font-size:15px;line-height:1.9}.splash-enter{border-radius:12px;gap:36px;min-height:54px;padding:0 27px;font-size:14px}.splash-hint{color:var(--muted);margin-top:17px;font-size:11px;display:block}.splash-footer{letter-spacing:.4px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.splash-copy{animation:.6s ease-out both splash-appear}@keyframes splash-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-bob{50%{transform:translateY(-7px)rotate(12deg)}}@media (max-width:850px){.splash-stage{grid-template-columns:1fr;gap:35px;max-width:480px;padding:25px 0 35px}.splash-art{width:390px;max-width:100%;height:350px;margin:auto}.splash-photo img{height:210px}.splash-cat img{height:185px}.splash-cat{top:80px}.splash-photo figcaption{padding:12px 0;font-size:10px}.splash-art-note{bottom:0}.splash-copy{text-align:center}.splash-copy h1{margin:15px 0;font-size:40px}.splash-copy>p{margin-bottom:22px;font-size:13px;line-height:1.8}.splash-copy .eyebrow{margin-bottom:0}.splash-enter{justify-content:center;width:100%}.splash-brand{font-size:26px}.splash-hint{font-size:10px}}@media (max-width:450px){.splash{padding-top:calc(20px + var(--safe-top))}.splash-stage{gap:26px;padding-top:20px}.splash-art{width:310px;height:280px}.splash-photo img{height:165px}.splash-cat img{height:150px}.splash-cat{top:60px}.splash-heart,.splash-paw{width:48px;height:48px}.splash-heart svg,.splash-paw svg{width:25px}.splash-photo{padding:7px 7px 0}.splash-photo figcaption{padding:10px 0;font-size:8px}.splash-art-note{font-size:10px;bottom:-2px}.splash-copy h1{font-size:35px}.splash-footer{font-size:10px}}@media (prefers-color-scheme:dark){.splash{background:radial-gradient(ellipse at 22% 50%,#39422b60,transparent 60%),var(--bg)}.splash-orbit{background:#36402b70}.splash-paw{color:#bccba7;background:#39452f}}@media (prefers-reduced-motion:reduce){.splash-copy,.splash-heart{animation:none}}