@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#292d27;--muted:#898d83;--paper:#f7f5ef;--white:#fffefa;--green:#42654d;--green2:#e8eee5;--line:#eae8e0;--peach:#f2d8ca;--radius:20px;--shadow:0 12px 34px #2c33240b;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #66866d;outline-offset:3px}.app-shell{max-width:1440px;min-height:100vh;margin:auto;display:grid;grid-template-columns:240px 1fr}.sidebar{height:100vh;position:sticky;top:0;padding:34px 22px 24px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:21px;font-weight:700;letter-spacing:-.6px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.35px;font-weight:500;margin-top:2px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--green);color:#fff;font-family:'Playfair Display';font-size:29px;font-style:italic}.side-nav{display:grid;gap:7px;margin-top:58px}.nav-link{border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:13px;color:#777b72;display:flex;align-items:center;gap:14px;font-size:14px}.nav-link span{font-size:21px;line-height:20px;width:23px;text-align:center}.nav-link.active,.nav-link:hover{background:#e9eee5;color:var(--green);font-weight:700}.sidebar-bottom{margin-top:auto}.demo-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce4d9;padding:8px 10px;border-radius:99px;color:var(--green);font-size:10px;font-weight:700}.demo-chip i{width:6px;height:6px;border-radius:50%;background:#80a381}.text-button{background:none;border:0;color:var(--green);font-size:12px;font-weight:700;padding:6px 0}.sidebar-bottom .text-button{display:block;margin-top:14px}.side-foot{font-size:11px;color:var(--muted);line-height:1.7;margin-top:32px}.side-foot span{color:#c78265}.main-area{min-width:0}.content-wrap{max-width:1160px;margin:0 auto;padding:40px 42px 88px}.page{display:none}.page.active{display:block;animation:appear .22s ease}@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}.topline{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.eyebrow{color:#92968b;font-weight:700;font-size:9px;letter-spacing:1.5px;margin:0 0 8px}.topline h1{font-family:'Playfair Display',serif;font-size:34px;letter-spacing:-.8px;font-weight:600;margin:0}.topline h1 em{color:var(--green);font-weight:600}.icon-button{position:relative;background:var(--white);border:1px solid var(--line);border-radius:50%;width:39px;height:39px;font-size:19px}.unread-dot{position:absolute;right:7px;top:7px;width:6px;height:6px;background:#d68463;border:1px solid #fff;border-radius:50%}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px}.feed-column{min-width:0}.story-heading,.rail-title,.section-heading{display:flex;align-items:center;justify-content:space-between}.story-heading{margin:0 0 13px}.story-heading h2,.section-heading h2,.rail-title h3{font-size:15px;margin:0;font-weight:700}.story-heading p,.section-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.stories-row{display:flex;gap:16px;overflow:auto;padding:1px 1px 20px;scrollbar-width:none}.story-item{flex:0 0 56px;text-align:center;border:0;background:none;padding:0}.story-avatar{width:54px;height:54px;border-radius:50%;padding:3px;border:1.5px solid #d2a17e;display:block;margin-bottom:7px}.story-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.story-avatar.mine{border-style:dashed;border-color:#abb2a6;position:relative}.story-avatar.mine:after{content:'+';position:absolute;right:-1px;bottom:0;background:var(--green);color:white;border:2px solid var(--paper);font-size:12px;width:17px;height:17px;border-radius:50%;line-height:13px}.story-name{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#74796f}.feed-head{height:48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.feed-tabs{display:flex;gap:20px;height:100%}.feed-tab{background:none;border:0;color:#999b92;font-size:12px;padding:0 2px;position:relative}.feed-tab.active{color:var(--ink);font-weight:700}.feed-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.filter-button{background:none;border:0;color:#82867e;font-size:11px}.post-card{background:var(--white);border:1px solid #eeece5;border-radius:17px;margin:16px 0 23px;overflow:hidden;box-shadow:var(--shadow)}.post-head{display:flex;align-items:center;gap:10px;padding:13px 15px}.avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;background:#e9e6db;flex:none}.post-author{flex:1;min-width:0}.post-author strong{display:block;font-size:11px}.post-author small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.more-button{border:0;background:none;color:#777;font-size:20px}.post-image{display:block;width:100%;aspect-ratio:1.18;object-fit:cover;background:#eee8df}.post-actions{display:flex;align-items:center;padding:11px 15px 2px;gap:15px}.action-button{border:0;background:none;padding:0;font-size:20px;line-height:1}.action-button.liked{color:#cd735f}.action-button.saved{color:var(--green)}.action-spacer{flex:1}.post-copy{padding:4px 15px 14px;font-size:11px;line-height:1.55}.like-count{font-weight:700;margin:4px 0 6px}.post-copy p{margin:0}.post-copy p strong{margin-right:4px}.hashtag{color:var(--green);font-weight:600}.comment-link{border:0;background:none;color:#999b92;padding:7px 0 0;font-size:10px}.rail-section{margin-top:29px}.rail-title{margin-bottom:15px}.rail-title h3{font-size:13px}.rail-title .text-button{font-size:10px}.topic-card{background:#edece2;border-radius:18px;padding:18px 18px 16px;position:relative;overflow:hidden}.topic-card:after{content:'✳';position:absolute;right:-8px;top:37px;font-size:79px;color:#e2e2d5;transform:rotate(15deg)}.topic-top{display:flex;align-items:center;gap:7px;position:relative;z-index:1}.topic-icon{color:var(--green);font-size:17px}.topic-top .eyebrow{font-size:8px;margin:0}.live-pill{font-size:7px;font-weight:700;background:#f8f6ee;color:var(--green);padding:4px 6px;border-radius:99px}.topic-card h3{font-family:'Playfair Display';font-size:21px;margin:17px 0 7px;position:relative;z-index:1}.topic-card>p{font-size:10px;line-height:1.5;color:#72776d;margin:0 0 17px;position:relative;z-index:1}.topic-cta{border:0;background:none;padding:0;color:var(--green);font-size:10px;font-weight:700;position:relative;z-index:1}.topic-cta span{margin-left:12px}.mini-pet{display:flex;align-items:center;gap:10px;margin:12px 0}.mini-pet img{width:34px;height:34px;object-fit:cover;border-radius:50%}.mini-pet span{font-size:10px;font-weight:700}.mini-pet small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}.rail-note{display:flex;gap:10px;margin-top:28px;background:#f0e8df;padding:14px;border-radius:14px;color:#69594f}.rail-note>span{font-size:17px;color:#c38462}.rail-note strong{font-size:10px}.rail-note p{font-size:9px;margin:5px 0 0;color:#89786c}.mobile-header{display:none}.mobile-nav{display:none}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%,20px);background:#293b2e;color:#fff;padding:12px 18px;border-radius:99px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 7px 22px #0002;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
.search-box{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--white);border:1px solid var(--line);color:#8b8f85;font-size:18px;margin-bottom:22px}.search-box input{border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:12px;color:var(--ink)}.search-box kbd{font-size:9px;color:#999;background:#f5f3ed;border-radius:5px;padding:4px 6px}.explore-feature{min-height:177px;border-radius:20px;background:#3e5b47;color:white;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.explore-feature:after{content:'';position:absolute;right:95px;top:-85px;width:320px;height:320px;border-radius:50%;border:1px solid #ffffff16;box-shadow:0 0 0 34px #ffffff09,0 0 0 75px #ffffff06}.explore-feature .eyebrow{color:#c4d2c3}.explore-feature h2{font-family:'Playfair Display';font-size:27px;margin:4px 0 7px}.explore-feature p{font-size:11px;color:#d1ddd0;margin:0 0 15px}.light-button{background:#f4f1e8;color:#405945;border:0;border-radius:99px;padding:9px 13px;font-size:10px;font-weight:700}.feature-paw{font-size:70px;z-index:1;transform:rotate(-15deg);margin-right:45px}.section-heading{margin:30px 0 17px}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pet-tile{border:1px solid var(--line);border-radius:15px;background:var(--white);padding:11px;text-align:left;min-width:0}.pet-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}.pet-tile strong{display:block;font-size:11px;margin:8px 0 3px}.pet-tile small{font-size:9px;color:var(--muted)}.explore-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.explore-tile{padding:0;border:0;background:none;position:relative;border-radius:13px;overflow:hidden}.explore-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.explore-tile span{position:absolute;bottom:9px;left:10px;color:white;font-size:10px;font-weight:700;text-shadow:0 1px 6px #000}.create-options{max-width:690px;display:grid;gap:12px}.create-option{display:flex;align-items:center;gap:15px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:17px}.option-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px}.option-icon.peach{background:#f3e0d6;color:#a87054}.option-icon.lilac{background:#eae4f1;color:#817199}.option-icon.green{background:#e4ecdf;color:#64806a}.create-option>span:nth-child(2){flex:1}.create-option strong{display:block;font-size:13px}.create-option small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.create-option>b{color:#8c9388;font-weight:400}.create-tip{display:flex;gap:13px;align-items:flex-start;max-width:690px;background:#eeede4;border-radius:15px;padding:16px;margin-top:25px;color:#6e746a}.create-tip>span{color:#bf855e}.create-tip p{font-size:10px;line-height:1.7;margin:0}.create-tip strong{color:var(--ink)}
.club-hero{background:#e8ede3;border-radius:20px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between}.club-hero .eyebrow{color:#778a76}.club-hero h2{font:600 25px/1.2 'Playfair Display';margin:8px 0}.club-hero p{font-size:10px;color:#788173;margin:0}.club-seal{width:86px;height:86px;border:1px solid #9cab96;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--green);font-size:20px;outline:1px solid #9cab96;outline-offset:5px}.club-seal small{font-size:6px;letter-spacing:1px;line-height:1.5}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.badge-card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:15px 11px;text-align:center}.badge-medal{width:52px;height:52px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:#f0e4cd;font-size:24px}.badge-card.locked{opacity:.55}.badge-card.locked .badge-medal{filter:grayscale(1)}.badge-card strong{display:block;font-size:10px}.badge-card p{font-size:9px;line-height:1.45;color:var(--muted);margin:5px 0 0}.topics-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.topic-row{display:flex;align-items:center;gap:11px;background:var(--white);border:1px solid var(--line);border-radius:13px;padding:13px}.topic-row>span{font-size:19px}.topic-row div{flex:1}.topic-row strong{font-size:10px}.topic-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.topic-row button{border:0;background:#edf1e9;color:var(--green);border-radius:99px;padding:7px 9px;font-size:9px;font-weight:700}.back-line{display:flex;justify-content:space-between;margin-bottom:22px}.profile-banner{background:#e9eee4;border-radius:20px;padding:25px;display:flex;gap:20px;align-items:center}.profile-banner>img{width:85px;height:85px;object-fit:cover;border-radius:50%;border:4px solid #fff}.profile-banner h2{font:600 22px 'Playfair Display';margin:0 0 5px}.profile-banner p{color:#737c70;font-size:10px;margin:0}.profile-stats{display:flex;gap:24px;margin-top:13px}.profile-stats span{font-size:10px;color:#6f776d}.profile-stats strong{color:var(--ink);font-size:12px}.id-card{margin-top:23px;max-width:610px;background:#fffdf8;border:1px solid #e7dfce;border-radius:18px;padding:17px;position:relative;overflow:hidden}.id-card:before{content:'PAWORLD PET ID';position:absolute;right:16px;top:16px;color:#b6b8ac;letter-spacing:1.4px;font-size:7px;font-weight:700}.id-main{display:flex;gap:16px;align-items:center}.id-main img{width:89px;height:89px;object-fit:cover;border-radius:14px}.id-main h3{font:600 24px 'Playfair Display';margin:0 0 4px}.id-main p{font-size:10px;color:var(--muted);margin:0}.id-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.id-tags span{padding:5px 8px;border-radius:99px;background:#f0f0e8;color:#65745f;font-size:8px}.id-meta{border-top:1px dashed #e7dfce;margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;color:#8e9287;font-size:8px;letter-spacing:.4px}.profile-pets{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.manage-pet{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left}.manage-pet img{width:49px;height:49px;object-fit:cover;border-radius:12px}.manage-pet strong{font-size:11px}.manage-pet small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.manage-pet>span:last-child{margin-left:auto;color:#8d9389}.profile-actions{display:flex;gap:9px;margin:19px 0}.soft-button{background:var(--white);border:1px solid var(--line);border-radius:99px;padding:9px 13px;font-size:10px;font-weight:700}.pet-cover{height:220px;border-radius:19px;overflow:hidden;position:relative;background:#e8e5dc}.pet-cover img{width:100%;height:100%;object-fit:cover}.pet-cover:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1720199c)}.pet-cover-title{position:absolute;z-index:1;bottom:18px;left:22px;color:white}.pet-cover-title h1{font:600 32px 'Playfair Display';margin:0}.pet-cover-title p{font-size:10px;margin:5px 0 0}.pet-details{display:grid;grid-template-columns:1.1fr .9fr;gap:19px;margin:18px 0}.pet-bio,.pet-stats-card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:16px}.pet-bio p{font-size:11px;line-height:1.65;margin:0 0 12px}.pet-stats-card{display:flex;justify-content:space-around;align-items:center}.pet-stats-card strong{display:block;text-align:center;font-size:15px}.pet-stats-card small{font-size:8px;color:var(--muted)}.pet-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pet-post-grid button{padding:0;border:0;background:none}.pet-post-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}
.modal-backdrop{position:fixed;inset:0;z-index:30;background:#20251f66;display:grid;place-items:center;padding:16px}.modal{width:min(440px,100%);max-height:90vh;overflow:auto;background:var(--white);border-radius:21px;padding:23px;box-shadow:0 20px 70px #141b1640;animation:appear .2s}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.modal-head h2{font:600 22px 'Playfair Display';margin:0}.close-modal{border:0;background:#f2f0e9;border-radius:50%;width:31px;height:31px;font-size:17px}.form-field{display:block;margin-bottom:13px}.form-field>span{display:block;font-size:10px;font-weight:700;margin-bottom:6px}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #e7e5dd;background:#fff;border-radius:10px;padding:11px 12px;font-size:11px;color:var(--ink)}.form-field textarea{min-height:76px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button{width:100%;border:0;border-radius:99px;padding:12px;background:var(--green);color:white;font-size:11px;font-weight:700;margin-top:4px}.hint{font-size:9px;line-height:1.5;color:var(--muted);margin:11px 0 0}.upload-preview{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:12px;background:#efede5;margin:0 0 12px;display:none}.notify-list{display:grid;gap:8px}.notify-item{display:flex;align-items:center;gap:10px;background:#f7f5ef;padding:11px;border-radius:12px}.notify-item span{font-size:18px}.notify-item p{margin:0;font-size:10px;line-height:1.5}.notify-item small{color:var(--muted);font-size:8px}.story-view{position:fixed;inset:0;z-index:40;background:#17221b;display:grid;place-items:center}.story-frame{width:min(430px,100vw);height:min(780px,100dvh);position:relative;background:#333;border-radius:18px;overflow:hidden}.story-frame>img{width:100%;height:100%;object-fit:cover}.story-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 26%,transparent 65%,#0008)}.story-top{position:absolute;z-index:1;top:18px;left:18px;right:18px;color:white;display:flex;align-items:center;gap:10px}.story-top img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #fff}.story-top strong{font-size:11px;flex:1}.story-close{border:0;background:#ffffff28;color:white;border-radius:50%;width:31px;height:31px;font-size:17px}.story-caption{position:absolute;z-index:1;bottom:40px;left:22px;right:22px;color:white;font-size:15px;text-align:center}.mobile-header .brand{font-size:18px}.mobile-header .brand-mark{width:31px;height:31px;font-size:24px;border-radius:11px}.empty-state{text-align:center;padding:35px 15px;color:var(--muted);font-size:11px}.empty-state strong{display:block;color:var(--ink);margin-bottom:5px}
@media(max-width:1050px){.app-shell{grid-template-columns:205px 1fr}.sidebar{padding-left:20px;padding-right:15px}.content-wrap{padding-left:28px;padding-right:28px}.home-grid{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.pet-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.app-shell{display:block}.sidebar{display:none}.mobile-header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:10;background:#f7f5eff2;backdrop-filter:blur(10px);border-bottom:1px solid #eae8e0a8}.mobile-header .brand{gap:8px}.content-wrap{padding:25px 18px calc(100px + env(safe-area-inset-bottom));}.topline{margin-bottom:24px}.topline h1{font-size:28px}.desktop-bell{display:none}.home-grid{display:block}.right-rail{display:none}.stories-row{gap:14px;margin-right:-18px}.story-heading h2{font-size:14px}.feed-head{margin-top:1px}.mobile-nav{display:flex;position:fixed;z-index:15;bottom:0;left:0;right:0;height:calc(61px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);background:#fffefaed;backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{min-width:51px;border:0;background:none;color:#999d92;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-nav button span{font-size:20px;line-height:22px}.mobile-nav button small{font-size:8px}.mobile-nav button.active{color:var(--green);font-weight:700}.mobile-nav .plus-nav span{background:var(--green);color:white;width:34px;height:29px;border-radius:11px;font-size:21px;line-height:28px}.mobile-nav .plus-nav small{color:#71816f}.post-card{margin:12px 0 18px}.post-head{padding:12px}.post-image{aspect-ratio:1.05}.post-actions{padding:10px 12px 2px}.post-copy{padding:4px 12px 12px}.explore-feature{padding:23px 20px;min-height:168px}.explore-feature h2{font-size:22px}.feature-paw{font-size:55px;margin-right:5px}.pet-grid{grid-template-columns:repeat(2,1fr);gap:9px}.pet-tile{padding:8px}.pet-tile img{border-radius:9px}.explore-post-grid{gap:6px}.explore-tile span{font-size:8px;left:6px}.badge-grid{grid-template-columns:repeat(2,1fr)}.club-hero{padding:22px 18px}.club-hero h2{font-size:21px}.club-seal{width:69px;height:69px;font-size:16px;outline-offset:3px}.topics-list{grid-template-columns:1fr}.profile-banner{padding:19px;gap:14px}.profile-banner>img{width:67px;height:67px}.profile-banner h2{font-size:19px}.profile-stats{gap:13px}.profile-pets{grid-template-columns:1fr}.id-card{margin-top:16px}.pet-cover{height:195px}.pet-details{grid-template-columns:1fr;gap:9px}.pet-stats-card{padding:12px}.back-line{margin-bottom:14px}.story-frame{border-radius:0}.toast{bottom:calc(78px + env(safe-area-inset-bottom))}}@media(min-width:781px) and (max-width:1050px){.home-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.id-badges{display:flex;gap:6px;min-height:17px;margin-top:11px;color:#718068}.id-badges span{font-size:15px}.id-badges:empty{display:none}
.notification-link{width:100%;border:0;text-align:left;color:var(--ink);cursor:pointer}
:root{--ink:#29263a;--muted:#89869a;--paper:#fff8f5;--white:#fffdfd;--green:#796bd7;--green2:#eeeaff;--line:#f0e7e9;--peach:#ffdfd6;--radius:21px;--shadow:0 13px 34px #4e37650d;--coral:#ff897d;--mint:#8bd8bb;--lemon:#ffd16e;--lilac:#dcd5ff}
body{background:var(--paper)}.sidebar{background:#fffaf8;border-color:#f1e8e9}.brand{color:var(--ink);font-size:22px}.brand-mark{background:var(--coral);box-shadow:0 5px 12px #f27d711f;font-family:inherit;font-style:normal;font-size:19px}.brand small{color:#a09bad}.nav-link{color:#77758b;border-radius:15px}.nav-link.active,.nav-link:hover{background:#eeeaff;color:#7566d2}.nav-link.active span{color:#8a77e8}.demo-chip{border-color:#d8eee3;color:#528b72;background:#f5fff9}.demo-chip i{background:var(--mint)}.side-foot span{color:var(--coral)}.topline h1 em{color:#8a77e8}.eyebrow{color:#9692a3}.icon-button{background:#fff;border-color:#f0e8eb;box-shadow:0 4px 12px #32224408}.unread-dot{background:var(--coral)}
.story-avatar{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 30deg,var(--coral),#f6a2b5,#a994ff,var(--mint),var(--lemon),var(--coral)) border-box;padding:3px}.story-avatar.mine{background:linear-gradient(#fff,#fff) padding-box,repeating-conic-gradient(#cfc8e9 0 11deg,transparent 11deg 21deg) border-box}.story-avatar img{border-radius:50%;border:2px solid white}.story-name{color:#777489}.story-heading h2,.section-heading h2,.rail-title h3{color:var(--ink)}.feed-head{border-color:#eee6e9}.feed-tab.active:after{background:var(--coral);height:3px;border-radius:5px}.feed-tab.active{color:#6354bf}.filter-button{color:#8c899b}
.post-card{background:#fff;border:1px solid #f2e9ec;border-radius:21px;box-shadow:0 10px 28px #674c6110}.post-head{padding:14px 15px}.post-author strong{color:#302d42}.post-author small{color:#9692a2}.avatar{border:2px solid #fff;box-shadow:0 2px 7px #33264112}.post-actions{padding-top:13px}.action-button{color:#77738a}.action-button.liked{color:#f07878}.action-button.saved{color:#7869d6}.like-count{color:#37334b}.post-copy p{color:#48445a}.hashtag{color:#806ee2}.comment-link{color:#9792a2}.more-button{color:#8b86a1}
.right-rail .topic-card{background:#fff0ed;border:1px solid #ffe5df}.topic-card:after{color:#ffe0dc}.topic-icon{color:#f17d73}.live-pill{background:#fff;color:#e4776a}.topic-card h3{color:#373247}.topic-card>p{color:#817b8b}.topic-cta{color:#7565d2}.rail-note{background:#f0edff;color:#51466e}.rail-note>span{color:#9a83e8}.rail-note p{color:#817b94}.mini-pet img{border:2px solid white;box-shadow:0 2px 8px #362e4812}.mini-pet span{color:#373348}.mini-pet small{color:#9893a1}
.explore-feature{background:#26283d;box-shadow:0 12px 30px #28243e1c}.explore-feature:after{border-color:#ffffff1c;box-shadow:0 0 0 34px #ffa69d12,0 0 0 75px #9e8cff0b}.explore-feature .eyebrow{color:#c9c4f2}.explore-feature h2{color:#fff}.explore-feature p{color:#d4d0e3}.light-button{background:#ffddd7;color:#794c63}.pet-tile{background:#fff;border-color:#f2e9ec;border-radius:17px;box-shadow:0 8px 20px #5b46690a}.pet-tile img{border:1px solid #f4ecec}.pet-tile strong{color:#383449}.pet-tile small{color:#928d9d}.explore-tile img{border-radius:15px}.explore-tile span{background:#29263a99;border-radius:99px;padding:5px 8px;backdrop-filter:blur(5px)}
.create-option{background:#fff;border-color:#f1e7ea;border-radius:18px;box-shadow:0 8px 22px #59465d08}.option-icon.peach{background:#ffebe5;color:#e38374}.option-icon.lilac{background:#efebff;color:#8877dc}.option-icon.green{background:#e7f7ef;color:#59a987}.create-option strong{color:#302d42}.create-option small{color:#9691a0}.create-option>b{color:#8b78d8}.create-tip{background:#f1edff;color:#716b83}.create-tip>span{color:#e7897d}.create-tip strong{color:#39354d}
.club-hero{background:#fce9e6;position:relative;overflow:hidden}.club-hero:after{content:'✿';position:absolute;right:105px;top:18px;color:#f7d6d4;font-size:102px;transform:rotate(18deg)}.club-hero .eyebrow{color:#ae797f}.club-hero h2{color:#3b354d}.club-hero p{color:#8c7d8b}.club-seal{color:#806eda;border-color:#c1b5ed;outline-color:#c1b5ed;background:#fff8}.badge-card{border-color:#f2e9ec;border-radius:18px;box-shadow:0 8px 20px #55476708}.badge-medal{background:#fff0d1}.badge-card:nth-child(2) .badge-medal{background:#efeaff}.badge-card:nth-child(3) .badge-medal{background:#e4f8ee}.badge-card:nth-child(4) .badge-medal{background:#ffe9e3}.badge-card:nth-child(5) .badge-medal{background:#e5f3ff}.badge-card strong{color:#413b54}.badge-card p{color:#928d9e}.topic-row{border-color:#f1e7eb;border-radius:16px;box-shadow:0 7px 18px #59465d08}.topic-row>span{color:#8b76de}.topic-row button{background:#f0edff;color:#7564d4}
.profile-banner{background:#eeeaff;border:1px solid #e7e0ff;position:relative;overflow:hidden}.profile-banner:after{content:'♡';position:absolute;right:20px;top:10px;color:#d7cff8;font-size:68px;transform:rotate(13deg)}.profile-banner>img{border:4px solid #fff;box-shadow:0 6px 17px #4c39711a}.profile-banner h2{color:#342f48}.profile-banner p{color:#817b98}.profile-stats span{color:#7e7892}.profile-stats strong{color:#494264}.manage-pet{border-color:#f0e7eb;border-radius:16px;box-shadow:0 7px 17px #59465d08}.manage-pet img{border-radius:50%;border:2px solid #fff}.id-card{background:#fff0ef;border:1px solid #ffdedc;border-radius:21px;box-shadow:0 12px 24px #d77c7912}.id-card:before{color:#a49aae;z-index:1}.id-card:after{content:'';position:absolute;right:-24px;bottom:-51px;width:145px;height:145px;border-radius:50%;background:#ffd6ce;opacity:.55}.id-main,.id-meta,.id-badges{position:relative;z-index:2}.id-main img{border:4px solid white;border-radius:23px;box-shadow:0 6px 16px #64446417}.id-main h3{color:#38334c}.id-main p{color:#8d8799}.id-tags span{background:#fff;color:#806fae;border:1px solid #f1e8fa}.id-meta{border-color:#ebd9df;color:#90889b}.id-badges{color:#8b73da}.pet-cover{border-radius:23px;box-shadow:0 12px 25px #34304714}.pet-cover:after{background:linear-gradient(transparent,#211c39a8)}.pet-cover-title h1{color:#fff}.pet-bio,.pet-stats-card{background:#fff;border-color:#f1e8eb;border-radius:18px;box-shadow:0 8px 22px #59465d08}.pet-bio>p{color:#514c62}.stat-button{color:#49435e}.stat-button:hover{color:#ef8179}.back-line .text-button{color:#7666d3}
.mobile-header{background:#fffaf8ee;border-color:#f0e7e9}.mobile-header .brand-mark{background:var(--coral)}.mobile-nav{background:#fffdfdee;border-color:#efe7ec;box-shadow:0 -8px 28px #54415e09}.mobile-nav button{color:#a09aaa}.mobile-nav button.active{color:#7465d3}.mobile-nav .plus-nav span{background:var(--coral);box-shadow:0 4px 10px #ed857733}.mobile-nav .plus-nav small{color:#7568c9}.modal{border:1px solid #f2e7eb;box-shadow:0 22px 80px #2b233e3b}.modal-head h2{color:#373248}.close-modal{background:#f3efff;color:#7566d1}.form-field input,.form-field textarea,.form-field select{border-color:#eee6eb;background:#fff}.primary-button{background:#796bd7;box-shadow:0 6px 13px #796bd72b}.primary-button:hover{background:#695bc5}.soft-button{background:#fff;border-color:#eee5eb;color:#625a80}.story-view{background:#211f32}.story-frame{border:1px solid #ffffff30;box-shadow:0 25px 80px #14111f88}.story-frame:before{content:'';position:absolute;z-index:2;top:9px;left:18px;right:18px;height:3px;border-radius:9px;background:linear-gradient(90deg,var(--coral),#fff 40%,#ffffff88 40%)}
.toast{background:#302b48;box-shadow:0 8px 25px #33244332}.empty-state strong{color:#3a354d}.section-heading p,.story-heading p{color:#9892a2}.search-box{border-color:#efe7ed;box-shadow:0 7px 18px #59465d08}.search-box input{color:#342f45}.search-box kbd{background:#f3efff;color:#8476cc}
@media(max-width:780px){.content-wrap{background:transparent}.post-card{border-radius:19px;margin-top:13px}.post-image{aspect-ratio:1.04}.right-rail{display:none}.profile-banner{padding:17px}.profile-banner:after{right:10px;top:0}.pet-cover{height:220px}.id-card{padding:15px}.club-hero{border-radius:23px}.mobile-nav button{min-width:54px}}
.stat-button{border:0;background:transparent;color:inherit;cursor:pointer;text-align:center;padding:4px}.stat-button strong,.stat-button small{display:block}.stat-button:hover{color:var(--green)}
.avatar-maker{display:grid;grid-template-columns:190px 1fr;gap:15px;padding:13px;margin:0 0 16px;border:1px solid #f0e3eb;border-radius:20px;background:#fff8f7}.avatar-preview-wrap{position:relative}.avatar-preview-wrap img{width:100%;display:block;border-radius:16px;box-shadow:0 8px 20px #634a6418}.avatar-preview-wrap span{position:absolute;left:9px;bottom:9px;padding:6px 9px;border-radius:99px;background:#fffdf1e8;color:#7868b5;font-size:9px;font-weight:700}.avatar-controls>strong{display:block;margin:3px 0 9px;font-size:13px}.avatar-controls>strong span{color:#ff897d}.avatar-controls .form-field{margin:8px 0}.avatar-controls .form-field span{font-size:9px}.avatar-controls .form-field select{padding:9px 10px}.avatar-controls .hint{display:block;margin:6px 0 0;font-size:9px;line-height:1.45}.modal{max-height:88vh;overflow:auto}.id-main img{background:#ffe9e4}.id-badges{display:flex;gap:6px;margin-top:9px}.id-badges span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fffaf1}
@media(max-width:600px){.avatar-maker{grid-template-columns:122px 1fr;gap:11px;padding:10px}.avatar-controls>strong{font-size:11px}.avatar-controls .form-field{margin:5px 0}.avatar-controls .form-row{gap:6px}.avatar-preview-wrap span{font-size:8px;padding:5px 7px}.modal{width:min(94vw,520px);padding:17px}}
.auth-tabs{display:flex;gap:8px;margin:12px 0 16px}.auth-tabs .active{background:#eeeaff;color:#7161cf;border-color:#ddd5fb}.modal .hint{font-size:11px;line-height:1.6;color:#817b90}.demo-chip{transition:all .2s}