:root{color-scheme:light;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#171717;background:#fff;font-synthesis:none;--bg: #ffffff;--surface: #ffffff;--surface-soft: #f7f7f7;--surface-hover: #f1f1f1;--text: #171717;--text-muted: #737373;--line: #dbdbdb;--brand: #ff2d68;--brand-soft: #fff0f4;--blue: #0095f6;--shadow: 0 12px 36px rgba(0, 0, 0, .12)}:root[data-theme=dark]{color-scheme:dark;--bg: #0c0c0c;--surface: #0c0c0c;--surface-soft: #171717;--surface-hover: #202020;--text: #f5f5f5;--text-muted: #a8a8a8;--line: #2c2c2c;--brand-soft: #2b1019;--shadow: 0 12px 36px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(520px,680px) 320px;justify-content:center;gap:48px}.sidebar{position:fixed;inset:0 auto 0 max(0px,calc(50vw - 670px));width:244px;display:flex;flex-direction:column;padding:28px 14px 20px;border-right:1px solid var(--line);background:var(--surface);z-index:20}.brand{height:48px;display:inline-flex;align-items:center;gap:12px;padding:0 12px;border:0;background:transparent;cursor:pointer;font-weight:800;font-size:20px}.brand img{width:34px;height:34px;border-radius:8px;object-fit:cover}.main-nav{display:grid;gap:7px;margin-top:38px}.main-nav button,.sidebar-bottom button{width:100%;min-height:52px;display:flex;align-items:center;gap:17px;padding:0 14px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:16px;text-align:left;transition:background .16s ease,transform .16s ease}.main-nav button:active,.sidebar-bottom button:active{transform:scale(.98)}.main-nav button.selected{font-weight:700;background:var(--brand-soft)}.main-nav button.selected svg{color:var(--brand)}.sidebar-bottom{margin-top:auto;display:grid;gap:5px}.feed-column{grid-column:2;width:100%;min-width:0;padding:24px 0 72px}.feed-toolbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 2px}.feed-toolbar p{margin:0 0 5px;color:var(--brand);font-size:12px;font-weight:800;text-transform:uppercase}.feed-toolbar h1{margin:0;font-size:24px;line-height:1.2;letter-spacing:0}.toolbar-actions{display:flex;align-items:center;gap:10px}.search-box{width:244px;height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text-muted)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-box input::placeholder{color:var(--text-muted)}.icon-button{width:40px;height:40px;flex:0 0 auto;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.icon-button:hover{background:var(--surface-hover)}.icon-button:active{transform:scale(.92)}.icon-button.active{color:var(--brand)}.circle-rail{display:flex;gap:17px;overflow-x:auto;padding:16px 10px 20px;border-bottom:1px solid var(--line);scrollbar-width:none}.circle-rail::-webkit-scrollbar{display:none}.circle-story{width:68px;flex:0 0 68px;display:grid;justify-items:center;gap:7px;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer}.circle-story>span:last-child{width:100%;overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.story-ring{width:58px;height:58px;display:grid;place-items:center;border:2px solid transparent;border-radius:50%;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(from 20deg,hsl(var(--story-hue, 340) 86% 57%),#ffb13b,#ff2d68) border-box;font-weight:800}.circle-story.selected .story-ring{border-width:3px}.circle-story.selected>span:last-child{color:var(--text);font-weight:700}.feed-tabs{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.feed-tabs>div{display:flex;height:100%}.feed-tabs button{min-width:74px;position:relative;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:600}.feed-tabs button.selected{color:var(--text)}.feed-tabs button.selected:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--text)}.feed-tabs>span{color:var(--text-muted);font-size:12px}.post-card{padding:20px 0 24px;border-bottom:1px solid var(--line)}.post-header{height:52px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.author-button{min-width:0;display:flex;align-items:center;gap:11px;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.author-copy{min-width:0;display:grid;gap:3px}.author-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.author-copy span{overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;object-fit:cover}.avatar-fallback{border:2px solid color-mix(in srgb,hsl(var(--avatar-hue) 72% 54%),white 45%);background:hsl(var(--avatar-hue) 70% 91%);color:hsl(var(--avatar-hue) 58% 28%);font-weight:800}.media-open-button{width:100%;display:block;padding:0;border:0;background:transparent;cursor:pointer;text-align:inherit}.post-media{position:relative;width:100%;min-height:440px;max-height:680px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#f2f2f2}.post-media img{width:100%;height:100%;max-height:680px;display:block;object-fit:contain;background:#f2f2f2}:root[data-theme=dark] .post-media,:root[data-theme=dark] .post-media img{background:#151515}.media-empty{gap:10px;align-content:center;color:var(--text-muted)}.media-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;color:#171717;box-shadow:0 2px 12px #00000024}.media-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.04)}.media-arrow.left{left:12px}.media-arrow.right{right:12px}.media-counter{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:#000000a6;color:#fff;font-size:12px}.post-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.post-action-group{display:flex;align-items:center;gap:2px}.post-copy{padding:0 8px}.metric-line{display:block;margin:1px 0 9px;font-size:13px}.post-copy h2{margin:0 0 6px;font-size:15px;line-height:1.5}.post-copy p{margin:0;font-size:14px;line-height:1.7}.post-copy p strong{margin-right:5px}.comments-link{margin-top:9px;padding:0;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px}.right-rail{grid-column:3;position:sticky;top:0;align-self:start;width:320px;padding:38px 0 40px}.guest-panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.guest-panel-title{display:flex;align-items:center;gap:12px}.guest-panel-title img{width:42px;height:42px;border-radius:8px}.guest-panel-title>div{display:grid;gap:3px}.guest-panel-title span,.guest-panel p{color:var(--text-muted);font-size:12px;line-height:1.6}.primary-button{min-height:40px;padding:0 17px;border:0;border-radius:8px;background:var(--blue);color:#fff;cursor:pointer;font-weight:700}.guest-panel .primary-button{width:100%;margin-top:16px}.guest-panel p{margin:10px 0 0;text-align:center}.account-panel .guest-panel-title{align-items:center}.account-panel .guest-panel-title span{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;text-align:center}.account-stats span{display:grid;gap:3px;color:var(--text-muted);font-size:11px}.account-stats strong{color:var(--text);font-size:16px}.secondary-button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);cursor:pointer;font-weight:650}.sidebar-account .avatar{flex:0 0 auto}.suggestion-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--text-muted);font-size:13px}.section-heading strong{color:var(--text)}.circle-suggestion{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:9px 4px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.circle-suggestion:hover strong{text-decoration:underline}.circle-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:hsl(var(--story-hue) 70% 90%);color:hsl(var(--story-hue) 60% 30%);font-weight:800}.circle-suggestion>span:nth-child(2){min-width:0;display:grid;gap:3px}.circle-suggestion strong,.circle-suggestion small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-suggestion small{color:var(--text-muted)}.client-downloads{min-height:96px;display:grid;grid-template-columns:minmax(155px,.72fr) minmax(0,1.55fr);align-items:center;gap:16px;margin:0 0 14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--blue) 5%,var(--surface))}.client-download-copy{min-width:0;display:grid;gap:3px}.client-download-copy>span{color:var(--blue);font-size:10px;font-weight:800}.client-download-copy>strong{color:var(--text);font-size:16px;line-height:1.3}.client-download-copy>small{color:var(--text-muted);font-size:10px;line-height:1.45}.client-download-actions{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-download-button{min-width:0;min-height:58px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:9px 10px;border:1px solid transparent;border-radius:8px;color:#fff;text-decoration:none;box-shadow:0 7px 16px #1e343c1a;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.client-download-button.android{background:#209a5a}.client-download-button.petdock{background:#1686c9}.client-download-button:hover{filter:brightness(1.06);box-shadow:0 10px 22px #1e343c26;transform:translateY(-2px)}.client-download-button:active{transform:translateY(0) scale(.98)}.client-download-button>svg{flex:0 0 auto}.client-download-button>span{min-width:0;display:grid;gap:2px}.client-download-button strong,.client-download-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-download-button strong{font-size:12px}.client-download-button small{color:#ffffffd1;font-size:8px}.right-rail footer{margin-top:26px;color:var(--text-muted);font-size:11px;line-height:1.8}.feed-loading,.dialog-loading,.empty-state{display:grid;place-items:center;align-content:center;gap:12px;min-height:360px;color:var(--text-muted);text-align:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:40px 20px}.empty-state h2{margin:2px 0 0;color:var(--text);font-size:20px}.empty-state p{max-width:360px;margin:0 0 8px;line-height:1.7}.feature-page{min-height:720px;padding:4px 0 36px}.feature-page-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 2px 18px;border-bottom:1px solid var(--line)}.feature-page-header>div:first-child{min-width:0}.feature-page-header span{color:var(--brand);font-size:11px;font-weight:850}.feature-page-header h1{margin:5px 0 4px;font-size:27px;line-height:1.2}.feature-page-header p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.feature-page-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.page-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-weight:700;white-space:nowrap}.page-button:hover{background:var(--surface-hover)}.page-button:disabled{cursor:wait;opacity:.6}.page-button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.page-button.primary:hover{filter:brightness(1.05)}.page-button.secondary{background:var(--surface-soft)}.circle-card-list{display:grid;gap:14px;padding:18px 2px 6px}.circle-feed-card{padding:13px;border:1px solid color-mix(in srgb,#e9ddbe 82%,var(--line));border-radius:8px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,#fff7e5 46%,var(--surface)));box-shadow:0 3px 12px #59472612}:root[data-theme=dark] .circle-feed-card{background:linear-gradient(145deg,var(--surface-soft),color-mix(in srgb,#6b5620 14%,var(--surface)))}.circle-card-top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid color-mix(in srgb,#e8cf79 44%,var(--line));border-radius:8px;background:linear-gradient(120deg,#fff8d7,#fffbed)}:root[data-theme=dark] .circle-card-top{background:linear-gradient(120deg,#322d1e,#25231d)}.circle-card-top>div{min-width:0}.circle-card-top h2{overflow:hidden;margin:0;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.circle-card-top p{overflow:hidden;margin:5px 0 0;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.circle-card-top button{min-width:104px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 11px;border:1px solid color-mix(in srgb,#e9ddbe 75%,var(--line));border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-size:12px;font-weight:750}.circle-card-top button:hover{background:var(--surface-hover)}.circle-card-description{margin:10px 2px 0;color:var(--text-muted);font-size:12px;line-height:1.65}.circle-hot-post{padding-top:11px}.circle-hot-author{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:8px}.circle-hot-author>span{min-width:0;display:grid;gap:3px}.circle-hot-author strong,.circle-hot-author small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-hot-author strong{font-size:13px}.circle-hot-author small{color:var(--text-muted);font-size:10px}.circle-hot-author i{padding:6px 9px;border-radius:8px;background:color-mix(in srgb,#19b25d 11%,var(--surface));color:#197a45;font-size:10px;font-style:normal;font-weight:800}:root[data-theme=dark] .circle-hot-author i{color:#69d996}.circle-hot-content{width:100%;display:block;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.circle-hot-media{position:relative;width:100%;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border-radius:8px;background:var(--surface-soft)}.circle-hot-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .18s ease}.circle-hot-content:hover .circle-hot-media img{transform:scale(1.012)}.circle-hot-media>span{position:absolute;top:9px;right:9px;padding:5px 9px;border-radius:8px;background:#141414a8;color:#fff;font-size:10px}.circle-hot-media.empty{color:var(--text-muted)}.circle-hot-content>strong{display:block;margin-top:10px;font-size:16px;line-height:1.5}.circle-hot-content>p{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.circle-no-post{width:100%;min-height:96px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;padding:14px;border:1px dashed var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text-muted);cursor:pointer;text-align:left}.circle-no-post>span{min-width:0;display:grid;gap:4px}.circle-no-post strong{color:var(--text);font-size:13px}.circle-no-post small{font-size:11px}.create-form{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);gap:18px;padding:24px 2px}.field-group{min-width:0;display:grid;gap:8px}.field-group>span{font-size:13px;font-weight:750}.field-group>span small{margin-left:5px;color:var(--text-muted);font-weight:500}.field-group input,.field-group select,.field-group textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;outline:0;background:var(--surface-soft);color:var(--text)}.field-group input,.field-group select{height:44px;padding:0 13px}.field-group textarea{min-height:168px;resize:vertical;padding:13px;line-height:1.7}.field-group input::placeholder,.field-group textarea::placeholder{color:var(--text-muted)}.field-group.field-wide{grid-column:1 / -1;position:relative}.field-group.field-wide>small{position:absolute;right:11px;bottom:9px;color:var(--text-muted);font-size:10px}.circle-name-input{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text-muted)}.circle-name-input:focus-within{outline:2px solid var(--blue);outline-offset:2px}.circle-name-input input{height:42px;flex:1;padding:0;border:0;border-radius:0;outline:0;background:transparent}.circle-name-input input:focus-visible{outline:0}.circle-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:2px}.circle-suggestions>button{min-width:0;min-height:48px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 10px;border:1px solid color-mix(in srgb,#e9ddbe 74%,var(--line));border-radius:8px;background:color-mix(in srgb,#fff8d7 42%,var(--surface));color:var(--text);cursor:pointer;text-align:left}.circle-suggestions>button:hover{background:color-mix(in srgb,#fff2b8 54%,var(--surface))}.circle-suggestions>button.selected{border-color:color-mix(in srgb,var(--brand) 45%,#e9ddbe);background:var(--brand-soft)}.circle-suggestions>button span{overflow:hidden;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.circle-suggestions>button small{color:var(--text-muted);font-size:9px;white-space:nowrap}.circle-suggestions>button svg{position:absolute;top:4px;right:4px;padding:2px;border-radius:50%;background:var(--brand);color:#fff}.circle-create-hint{grid-column:1 / -1;min-height:44px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--brand) 4%,var(--surface));color:var(--text-muted);font-size:10px;line-height:1.5}.circle-create-hint svg{flex:0 0 auto;color:var(--brand)}.circle-create-hint strong{color:var(--text)}.composer-media-section,.gallery-section,.profile-circles,.profile-posts{padding:22px 2px;border-top:1px solid var(--line)}.section-line{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.section-line>div{min-width:0;display:flex;align-items:baseline;gap:9px}.section-line strong{font-size:16px}.section-line span{color:var(--text-muted);font-size:11px}.upload-button{position:relative;overflow:hidden}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.composer-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.composer-media-item{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.composer-media-item img{width:100%;height:100%;display:block;object-fit:cover}.composer-media-item button{position:absolute;top:7px;right:7px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#121212b8;color:#fff;cursor:pointer}.composer-media-empty{grid-column:1 / -1;min-height:156px;display:grid;place-items:center;align-content:center;gap:9px;border:1px dashed color-mix(in srgb,var(--text-muted) 48%,transparent);border-radius:8px;color:var(--text-muted);font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.gallery-grid button{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:2px solid transparent;border-radius:8px;background:var(--surface-soft);cursor:pointer}.gallery-grid button.selected{border-color:var(--brand)}.gallery-grid img{width:100%;height:100%;display:block;object-fit:cover}.gallery-grid svg{position:absolute;right:4px;bottom:4px;padding:3px;border-radius:50%;background:var(--brand);color:#fff}.page-status{position:sticky;bottom:70px;z-index:5;margin:14px 2px 0;padding:11px 13px;border:1px solid;border-radius:8px;font-size:13px;font-weight:650;text-align:center}.page-status.success{border-color:#54ad76;background:color-mix(in srgb,#54ad76 13%,var(--surface));color:color-mix(in srgb,#298550 85%,var(--text))}.page-status.error{border-color:#d9676f;background:color-mix(in srgb,#d9676f 12%,var(--surface));color:color-mix(in srgb,#c53e48 88%,var(--text))}.message-tabs{display:flex;gap:7px;padding:18px 2px 14px;overflow-x:auto;scrollbar-width:none}.message-tabs::-webkit-scrollbar{display:none}.message-tabs button{min-width:72px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;border:0;border-radius:8px;background:var(--surface-soft);color:var(--text-muted);cursor:pointer;font-weight:700}.message-tabs button.selected{background:var(--brand-soft);color:var(--brand)}.message-tabs button span{min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,currentColor 13%,transparent);font-size:10px}.notification-list{border-top:1px solid var(--line)}.notification-row{width:100%;min-height:94px;display:grid;grid-template-columns:44px minmax(0,1fr) 10px;align-items:center;gap:13px;padding:15px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;text-align:left}.notification-row:hover{background:var(--surface-hover)}.notification-row.unread{background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.notification-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--text-muted)}.notification-symbol.social{background:var(--brand-soft);color:var(--brand)}.notification-symbol.system{background:color-mix(in srgb,var(--blue) 11%,var(--surface));color:var(--blue)}.notification-copy{min-width:0;display:grid;gap:4px}.notification-copy strong,.notification-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-copy strong{font-size:14px}.notification-copy>span{color:var(--text-muted);font-size:12px}.notification-copy small{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:10px}.notification-row>i{width:8px;height:8px;border-radius:50%;background:var(--brand)}.profile-hero{padding:27px 2px 24px;border-bottom:1px solid var(--line)}.profile-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px}.profile-identity>div{min-width:0}.profile-name-line{display:flex;align-items:center;gap:9px}.profile-name-line h2{min-width:0;overflow:hidden;margin:0;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.profile-name-line span{flex:0 0 auto;padding:4px 7px;border-radius:5px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:800}.profile-identity p{margin:8px 0;color:var(--text-muted);font-size:13px;line-height:1.65}.profile-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--text-muted);font-size:11px}.profile-meta span{display:inline-flex;align-items:center;gap:4px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:24px;border:1px solid var(--line);border-radius:8px;background:var(--line);overflow:hidden}.profile-stats span{min-height:68px;display:grid;place-items:center;align-content:center;gap:4px;background:var(--surface);color:var(--text-muted);font-size:11px}.profile-stats strong{color:var(--text);font-size:18px}.profile-circles>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.profile-circles>div:last-child span{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);font-size:12px}.profile-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.profile-post-grid button{position:relative;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;padding:0;border:0;background:var(--surface-soft);color:var(--text-muted);cursor:pointer}.profile-post-grid button:hover img{transform:scale(1.025)}.profile-post-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .18s ease}.profile-post-grid button>span{display:grid;place-items:center;gap:6px;font-size:11px}.profile-post-grid i{position:absolute;inset:auto 0 0;overflow:hidden;padding:21px 8px 7px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:11px;font-style:normal;text-align:left;text-overflow:ellipsis;white-space:nowrap}.web-pet-home{position:relative;margin:0 0 14px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fffdf8;box-shadow:0 8px 24px #4535260f}.web-pet-stage{position:relative;height:270px;overflow:hidden;background:#efede6;isolation:isolate}.web-pet-room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}.web-pet-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.06),transparent 32%,rgba(32,25,18,.08))}.web-pet-banner{position:absolute;z-index:2;top:12px;left:50%;width:min(66%,430px);max-height:82px;object-fit:contain;transform:translate(-50%);filter:drop-shadow(0 3px 2px rgba(55,40,20,.12));pointer-events:none}.web-pet-actor{position:absolute;z-index:3;bottom:34px;width:92px;height:92px;display:grid;place-items:end center;transition-property:left;transition-timing-function:linear}.web-pet-actor.is-resting .web-pet-sprite{animation:web-pet-rest 1.8s ease-in-out infinite}.web-pet-sprite{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(39,30,21,.2));image-rendering:auto;transition:transform .1s linear}.web-pet-pop{position:absolute;z-index:4;top:-9px;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(39,30,21,.14));animation:web-pet-pop-bob .9s ease-in-out infinite}.web-pet-pop.facing-right{right:4px;transform:scaleX(-1)}.web-pet-pop.facing-left{left:4px;transform:scaleX(1)}.web-pet-image-button{position:absolute;z-index:5;bottom:14px;width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease}.web-pet-image-button:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.04)}.web-pet-image-button:active{transform:scale(.96)}.web-pet-image-button:disabled{cursor:wait;opacity:.65}.web-pet-image-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.web-pet-image-button.feed{left:14px}.web-pet-image-button.profile{right:14px}.web-pet-notice{position:absolute;z-index:8;top:50%;left:50%;max-width:76%;padding:9px 14px;border:1px solid rgba(67,57,49,.16);border-radius:8px;color:#433931;background:#fffffff0;box-shadow:0 7px 24px #34291f24;font-size:12px;font-weight:700;text-align:center;transform:translate(-50%,-50%)}.web-pet-status{min-height:58px;display:grid;grid-template-columns:auto auto minmax(160px,1fr);align-items:center;gap:13px;padding:9px 14px;border-top:1px solid rgba(85,67,50,.12);color:#51473f;background:#fffdf8}.web-pet-coins{padding:7px 11px;border:1px solid #eadfcf;border-radius:18px;background:#fffaf0;font-size:12px;font-weight:750;white-space:nowrap}.web-pet-status>button{min-width:66px;min-height:34px;border:0;border-radius:17px;color:#5b4620;background:#ffd53d;cursor:pointer;font-weight:800}.web-pet-status>button:hover{background:#ffca16}.web-pet-hunger{min-width:0;display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.web-pet-hunger>span{height:10px;flex:1;overflow:hidden;border:1px solid #ded7cd;border-radius:6px;background:#eeeae4}.web-pet-hunger i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#80d47e,#b9df72);transition:width .3s ease}.web-pet-login{width:100%;min-height:34px;border:0;border-top:1px solid rgba(85,67,50,.1);color:#8a7665;background:#fff9ed;cursor:pointer;font-size:11px;font-weight:700}.web-pet-login:hover{color:#635143;background:#fff3d7}@keyframes web-pet-pop-bob{0%,to{margin-top:0}50%{margin-top:-3px}}@keyframes web-pet-rest{0%,to{margin-bottom:0}50%{margin-bottom:2px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0000009e}.login-dialog{width:min(410px,100%);position:relative;padding:34px;border-radius:8px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.login-dialog>img{width:64px;height:64px;border-radius:8px}.login-dialog h2{margin:20px 0 10px}.login-dialog p{margin:0;color:var(--text-muted);line-height:1.7}.dialog-close{position:absolute;top:10px;right:10px}.wechat-button{width:100%;min-height:44px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#07c160;color:#fff;cursor:pointer;font-weight:700}.wechat-button:disabled{cursor:wait;opacity:.72}.text-button{margin-top:14px;border:0;background:transparent;color:var(--blue);cursor:pointer}.wechat-qr-wrap{margin-top:20px}.wechat-qr-code{width:300px;height:354px;display:grid;place-items:center;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.wechat-qr-page{display:block;width:300px;height:400px;border:0;background:#fff}.wechat-login-status{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-muted);font-size:13px}.wechat-login-status time{min-width:42px;font-variant-numeric:tabular-nums;color:var(--text)}.wechat-login-status.completing{color:#07a952}.wechat-login-status.error{color:#d24f57}.login-error{margin-top:12px;padding:9px 11px;border:1px solid color-mix(in srgb,#d24f57 45%,transparent);border-radius:8px;background:color-mix(in srgb,#d24f57 10%,transparent);color:#d24f57;font-size:13px;line-height:1.5}.post-modal-backdrop{padding:32px}.post-dialog{width:min(1120px,96vw);height:min(760px,92vh);position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);overflow:hidden;border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.post-dialog-close{position:fixed;top:16px;right:18px;color:#fff;background:#0006}.post-dialog-media{min-width:0;display:grid;place-items:center;background:#080808}.post-dialog-media .post-media{height:100%;max-height:none;border:0;border-radius:0;background:#080808}.post-dialog-media .post-media img{max-height:100%;background:#080808}.post-dialog-content{min-width:0;display:grid;grid-template-rows:auto auto 1fr auto auto}.detail-header{margin:0;padding:12px 16px;border-bottom:1px solid var(--line)}.detail-caption{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:14px}.detail-caption h2{margin:0 0 5px;font-size:15px}.detail-caption p{margin:0;line-height:1.6}.comment-list{min-height:0;overflow-y:auto;padding:12px 18px}.comment-row{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-bottom:16px}.comment-row p{margin:0;font-size:13px;line-height:1.6}.comment-row strong{margin-right:5px}.empty-comments{color:var(--text-muted);font-size:13px;line-height:1.6}.detail-actions{display:flex;gap:16px;padding:13px 18px;border-top:1px solid var(--line)}.push-right{margin-left:auto}.comment-composer{margin:0 18px 15px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text-muted);cursor:pointer;text-align:left;padding:0 14px}.mobile-header,.mobile-nav{display:none}@media(max-width:1180px){.app-shell{grid-template-columns:82px minmax(520px,680px) 290px;gap:32px}.sidebar{left:0;width:82px;align-items:center;padding-inline:10px}.sidebar .brand{padding:0}.sidebar .brand span,.main-nav span,.sidebar-bottom span{display:none}.main-nav,.sidebar-bottom{width:100%}.main-nav button,.sidebar-bottom button{justify-content:center;padding:0}.right-rail{width:290px}}@media(max-width:930px){.app-shell{display:block}.sidebar,.right-rail{display:none}.feed-column{width:min(680px,100%);margin:0 auto;padding:62px 0 80px}.mobile-header{position:fixed;inset:0 0 auto;z-index:30;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-header .brand{padding:0;font-size:18px}.mobile-header .brand img{width:30px;height:30px}.mobile-header>div{display:flex}.mobile-nav{position:fixed;inset:auto 0 0;z-index:30;height:calc(58px + env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:space-around;padding-top:9px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav button{width:48px;height:40px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.mobile-nav button.selected{color:var(--brand)}}@media(max-width:700px){.feed-column{padding-top:58px}.feature-page{padding:4px 12px 32px}.feature-page-header{align-items:flex-start;flex-direction:column;gap:14px;padding:17px 0}.feature-page-header h1{font-size:23px}.feature-page-actions{width:100%}.feature-page-actions .page-button{flex:1;padding-inline:10px}.circle-card-list{padding-inline:0}.circle-feed-card{padding:9px}.circle-card-top{min-height:70px;padding:9px 10px}.circle-card-top h2{font-size:16px}.circle-card-top button{min-width:88px;height:34px;padding-inline:8px}.circle-hot-content>strong{font-size:15px}.create-form{grid-template-columns:1fr;gap:15px;padding-inline:0}.circle-suggestions{grid-template-columns:1fr}.field-group.field-wide{grid-column:auto}.composer-media-section,.gallery-section,.profile-circles,.profile-posts{padding-inline:0}.composer-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notification-row{padding-inline:4px}.profile-identity{grid-template-columns:72px minmax(0,1fr);gap:14px}.profile-identity .avatar{width:72px!important;height:72px!important}.profile-name-line h2{font-size:20px}.profile-stats span{min-height:60px}.profile-stats strong{font-size:16px}.feed-toolbar{min-height:74px;padding:0 14px}.feed-toolbar p{display:none}.feed-toolbar h1{font-size:19px}.toolbar-actions .search-box{display:none}.circle-rail{padding-inline:14px}.feed-tabs{padding:0 12px}.feed-tabs>span{display:none}.post-card{padding-top:10px}.post-header{padding:0 12px}.post-media{min-height:360px;border-inline:0;border-radius:0}.post-actions,.post-copy{padding-inline:12px}.client-downloads{grid-template-columns:1fr;gap:10px;margin-inline:10px;padding:12px}.client-download-copy{grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px}.client-download-copy>span{grid-row:1}.client-download-copy>strong{grid-row:1;font-size:15px}.client-download-copy>small{grid-column:1 / -1}.client-download-button{min-height:55px}.post-dialog{width:100%;height:100%;grid-template-columns:1fr;grid-template-rows:minmax(300px,56vh) 1fr;border-radius:0}.post-modal-backdrop{padding:0}.post-dialog-content{min-height:0}.post-dialog-close{top:8px;right:8px}.web-pet-home{margin-inline:10px}.web-pet-stage{height:220px}.web-pet-banner{top:9px;width:75%;max-height:68px}.web-pet-actor{bottom:27px;width:78px;height:78px}.web-pet-sprite{width:74px;height:74px}.web-pet-pop{top:-7px;width:36px;height:36px}.web-pet-image-button{bottom:10px;width:42px;height:42px}.web-pet-image-button.feed{left:9px}.web-pet-image-button.profile{right:9px}.web-pet-status{grid-template-columns:auto auto minmax(94px,1fr);gap:7px;padding:8px 9px}.web-pet-coins{padding-inline:8px;font-size:10px}.web-pet-status>button{min-width:52px;min-height:30px;font-size:11px}.web-pet-hunger{gap:5px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.web-pet-actor{left:42%!important;transition:none!important}}:root{--bg: #f8f6f1;--surface: #fffdfa;--surface-soft: #f2eee5;--surface-hover: #ece5d9;--text: #2a2927;--text-muted: #7b756d;--line: #e5ded2;--brand: #ef5f70;--brand-soft: #fff0ef;--blue: #3c8d83;--mint: #dff2e8;--sun: #ffc85b;--shadow: 0 18px 50px rgba(70, 55, 33, .09)}:root[data-theme=dark]{--bg: #1d211e;--surface: #252a26;--surface-soft: #313830;--surface-hover: #3b443b;--text: #f8f4ed;--text-muted: #bbb7ae;--line: #444b43;--brand: #ff8391;--brand-soft: #482f32;--blue: #75cbbd;--mint: #28463b;--sun: #f1c35d;--shadow: 0 18px 50px rgba(0, 0, 0, .28)}body{background:radial-gradient(circle at 5% 3%,#fff 0 12%,transparent 33%),var(--bg)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand)}.app-shell{grid-template-columns:232px minmax(540px,720px) 296px;gap:38px;max-width:1420px;margin:0 auto}.sidebar{inset:18px auto 18px max(18px,calc(50vw - 710px));width:206px;height:calc(100vh - 36px);padding:19px 12px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 36px #4637210d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{height:52px;gap:10px;padding:0 10px;color:var(--text);font-family:ui-rounded,Nunito,Noto Sans SC,sans-serif;font-size:18px;letter-spacing:.02em}.brand img{width:36px;height:36px;border-radius:13px;box-shadow:0 5px 12px #ef5f702e}.main-nav{gap:5px;margin-top:31px}.main-nav button,.sidebar-bottom button{min-height:48px;gap:13px;padding:0 12px;border-radius:14px;font-size:14px;font-weight:650}.main-nav button.selected{background:linear-gradient(100deg,var(--brand-soft),color-mix(in srgb,var(--brand-soft) 58%,var(--surface)));color:var(--brand)}.main-nav button.selected svg{color:inherit}.sidebar-bottom{gap:2px}.feed-column{padding:28px 0 80px}.feed-toolbar{min-height:94px;padding:0 4px 8px}.feed-toolbar p{color:var(--brand);letter-spacing:.1em}.feed-toolbar h1,.feature-page-header h1{font-family:ui-rounded,Nunito,Noto Sans SC,sans-serif;font-size:28px;letter-spacing:-.04em}.search-box{width:230px;height:44px;border:1px solid transparent;border-radius:15px;background:var(--surface);box-shadow:0 4px 16px #4637210d}.search-box:focus-within{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.icon-button{border-radius:14px}.icon-button:hover{background:var(--brand-soft);color:var(--brand)}.client-downloads{overflow:hidden;min-height:100px;margin-bottom:16px;padding:15px 18px;border:1px solid color-mix(in srgb,var(--sun) 46%,var(--line));border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--sun) 18%,var(--surface)),var(--surface) 52%);box-shadow:0 12px 30px #7a5e190f}.client-download-copy>span{color:#b17916;letter-spacing:.08em}.client-download-copy>strong{font-family:ui-rounded,Nunito,Noto Sans SC,sans-serif}.client-download-button{min-height:60px;border-radius:15px}.client-download-button.android{background:linear-gradient(135deg,#55a875,#30825c)}.client-download-button.petdock{background:linear-gradient(135deg,#579fc7,#3b73a7)}.web-pet-home{border:0;border-radius:24px;background:#fffdf8;box-shadow:var(--shadow)}.web-pet-stage{height:290px}.web-pet-stage:after{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 42%,rgba(48,35,20,.12))}.web-pet-banner{top:14px}.web-pet-status{min-height:62px;padding:10px 16px;border-top:0;background:#fffdf8}.web-pet-coins{border:0;background:#fff1c5;color:#67511f}.web-pet-status>button{background:var(--sun);box-shadow:0 5px 12px #d8a1172e}.circle-rail{gap:12px;margin:21px 0 10px;padding:13px 16px;border:1px solid var(--line);border-radius:21px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 6px 22px #46372109}.circle-story{width:64px;flex-basis:64px}.story-ring{width:54px;height:54px;border-width:0;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,var(--brand),var(--sun),#7ac6a4) border-box;box-shadow:0 4px 12px #4a381e12}.circle-story.selected .story-ring{border-width:3px;box-shadow:0 0 0 3px var(--brand-soft)}.feed-tabs{height:58px;margin:0 4px;border-bottom:0}.feed-tabs button{min-width:68px;border-radius:12px}.feed-tabs button.selected{color:var(--brand);background:var(--brand-soft)}.feed-tabs button.selected:after{display:none}.post-card{margin:0 0 17px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 9px 27px #4637210b}.post-header{height:48px;margin-bottom:13px}.avatar{box-shadow:0 3px 10px #46372117}.post-media{min-height:400px;border:0;border-radius:17px;background:var(--surface-soft)}.post-actions{margin-top:10px}.post-copy{padding:0 4px}.metric-line{color:var(--brand)}.post-copy h2{font-size:16px}.comments-link:hover{color:var(--brand)}.media-arrow{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.right-rail{width:296px;padding-top:32px}.guest-panel{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-soft) 48%,var(--surface)));box-shadow:0 9px 26px #4637210a}.guest-panel-title img{border-radius:14px}.primary-button,.page-button.primary{border-radius:13px;background:linear-gradient(135deg,var(--brand),#ee7482);box-shadow:0 8px 16px #ef5f7033}.secondary-button{border-radius:13px}.suggestion-section{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.circle-suggestion{padding:9px 3px;border-radius:12px}.circle-avatar{width:39px;height:39px;background:color-mix(in srgb,hsl(var(--story-hue) 70% 82%),var(--surface))}.right-rail footer{padding:0 8px}.feature-page{padding:6px 4px 40px}.feature-page-header{padding:17px 0 22px;border-bottom:0}.feature-page-header .eyebrow{color:var(--brand)}.page-button{border-radius:13px}.circle-feed-card{margin-bottom:14px;padding:15px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:0 7px 20px #4637210a}.circle-card-top{padding:7px 4px 12px;border-bottom:1px dashed var(--line)}.circle-card-top h2{font-family:ui-rounded,Nunito,Noto Sans SC,sans-serif}.circle-card-top button,.circle-hot-author i{border-radius:999px}.circle-hot-media,.circle-no-post{border-radius:15px}.create-form{gap:16px;padding:16px 0 22px}.field-group>span{color:var(--text)}.field-group input,.field-group select,.field-group textarea,.circle-name-input{border:1px solid transparent;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.field-group input:focus,.field-group select:focus,.field-group textarea:focus,.circle-name-input:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 60%,transparent);outline:0}.circle-suggestions>button{border-radius:14px}.composer-media-section,.gallery-section,.profile-circles,.profile-posts{border-top-style:dashed}.composer-media-item,.composer-media-empty,.gallery-grid button{border-radius:14px}.message-tabs button{border-radius:999px}.notification-list{border:0}.notification-row{margin-bottom:9px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.notification-row.unread{background:color-mix(in srgb,var(--brand-soft) 68%,var(--surface))}.profile-hero{padding:23px 16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--mint) 43%,var(--surface)))}.profile-stats{border-radius:15px}.profile-post-grid{gap:8px}.profile-post-grid button{border-radius:13px}.modal-backdrop{background:#201e1a8c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.login-dialog{border:1px solid var(--line);border-radius:26px}.post-dialog{border-radius:24px;box-shadow:0 26px 80px #14100a47}.post-dialog-media,.post-dialog-media .post-media,.post-dialog-media .post-media img{background:#292824}@media(max-width:1180px){.app-shell{grid-template-columns:82px minmax(500px,680px) 274px;gap:27px}.sidebar{inset:14px auto 14px 14px;width:58px;height:calc(100vh - 28px);padding:12px 6px;border-radius:19px}.sidebar .brand{justify-content:center}.main-nav button,.sidebar-bottom button{border-radius:12px}.right-rail{width:274px}}@media(max-width:930px){.feed-column{width:min(720px,100%);padding:70px 12px 86px}.mobile-header{height:62px;padding:0 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-header .brand{font-size:16px}.mobile-nav{height:calc(66px + env(safe-area-inset-bottom));padding-top:11px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{border-radius:13px}.mobile-nav button.selected{color:var(--brand);background:var(--brand-soft)}.feature-page{padding-inline:2px}}@media(max-width:700px){.feed-column{padding:66px 0 84px}.feed-toolbar{min-height:82px;padding:0 17px}.feed-toolbar h1,.feature-page-header h1{font-size:24px}.client-downloads,.web-pet-home{margin-inline:12px}.client-downloads{border-radius:18px}.web-pet-home{border-radius:20px}.web-pet-stage{height:230px}.circle-rail{margin:16px 12px 8px;border-radius:18px}.feed-tabs{margin:0 12px}.post-card{margin:0 12px 14px;padding:14px;border-radius:20px}.post-header{padding:0}.post-media{min-height:350px;border-radius:14px}.post-actions,.post-copy{padding-inline:2px}.feature-page{padding:0 14px 28px}.feature-page-header{padding-top:18px}.circle-feed-card{border-radius:18px}.profile-hero{padding:18px 14px;border-radius:18px}.notification-row{padding:13px 11px;border-radius:15px}.post-dialog{border-radius:0}}:root{--bg: #e8e8e8;--surface: #ffffff;--surface-soft: #f3f3f3;--surface-hover: #e7e7e7;--text: #404040;--text-muted: #858585;--line: #d8d8d8;--brand: #b5e520;--brand-soft: #eaf9ba;--blue: #31b9ee;--mint: #36b36f;--sun: #b5e520;--shadow: 0 12px 28px rgba(32, 32, 32, .075)}:root[data-theme=dark]{--bg: #282828;--surface: #3b3b3b;--surface-soft: #474747;--surface-hover: #515151;--text: #f8f8f8;--text-muted: #bbbbbb;--line: #5c5c5c;--brand: #c5ef35;--brand-soft: #4f5d17;--blue: #49c8f6;--mint: #56c681;--sun: #c5ef35;--shadow: 0 12px 28px rgba(0, 0, 0, .24)}body{background:var(--bg)}.app-shell{grid-template-columns:208px minmax(540px,720px) 320px;gap:42px;max-width:1370px}.sidebar{inset:0 auto 0 max(0px,calc(50vw - 685px));width:208px;height:100vh;padding:26px 18px 22px;border:0;border-right:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{height:48px;padding:0 4px;color:#151515;font-family:Inter,Noto Sans SC,sans-serif;font-size:18px;font-weight:850;letter-spacing:.01em}.brand img{width:36px;height:36px;border-radius:10px;box-shadow:none}.main-nav{gap:17px;margin-top:52px}.main-nav button,.sidebar-bottom button{min-height:52px;gap:15px;padding:0 14px;border-radius:16px;color:var(--text);font-size:15px;font-weight:700}.main-nav button:hover,.sidebar-bottom button:hover{background:var(--surface-hover)}.main-nav button.selected{color:#202020;background:var(--brand);box-shadow:0 7px 14px #91b71433}.sidebar-bottom{gap:8px}.feed-column{padding:25px 0 74px}.feed-toolbar{min-height:79px;padding:0 2px 12px}.feed-toolbar p{color:var(--mint);font-size:11px;letter-spacing:.13em}.feed-toolbar h1,.feature-page-header h1{color:var(--text);font-family:Inter,Noto Sans SC,sans-serif;font-size:25px;font-weight:850;letter-spacing:-.055em}.toolbar-actions{gap:12px}.search-box{width:224px;height:44px;border:0;border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.search-box:focus-within{box-shadow:0 0 0 2px var(--brand)}.icon-button{border-radius:15px}.icon-button:hover{color:var(--text);background:var(--surface-hover)}.client-downloads{min-height:90px;margin-bottom:14px;padding:13px 17px;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.client-download-copy>span{color:var(--mint)}.client-download-button{min-height:56px;border-radius:14px;box-shadow:none}.client-download-button.android{background:var(--mint)}.client-download-button.petdock{background:var(--blue)}.web-pet-home{border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.web-pet-stage{height:270px}.web-pet-stage:after{background:linear-gradient(to bottom,rgba(255,255,255,.04),transparent 35%,rgba(30,30,30,.1))}.web-pet-status{min-height:60px;background:var(--surface)}.web-pet-coins{background:var(--brand-soft);color:var(--text)}.web-pet-status>button{color:#252525;background:var(--brand);box-shadow:none}.circle-rail{gap:13px;margin:18px 0 12px;padding:12px 14px;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.circle-story{width:61px;flex-basis:61px}.story-ring{width:51px;height:51px;border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,var(--brand),var(--mint),var(--blue)) border-box;box-shadow:none}.circle-story.selected .story-ring{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 26%,transparent)}.feed-tabs{height:57px;margin:0 2px;border-bottom:1px solid var(--line)}.feed-tabs button{min-width:70px;border-radius:12px 12px 0 0}.feed-tabs button.selected{color:var(--text);background:transparent}.feed-tabs button.selected:after{display:block;left:13px;right:13px;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}.post-card{margin:15px 0;padding:18px;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.post-header{height:48px;margin-bottom:12px}.avatar{box-shadow:none}.avatar-fallback{border-color:color-mix(in srgb,hsl(var(--avatar-hue) 68% 58%),white 48%)}.post-media{min-height:410px;border:0;border-radius:14px;background:var(--surface-soft)}.post-media img{background:var(--surface-soft)}.post-actions{margin-top:8px}.post-copy{padding:0 3px}.metric-line,.icon-button.active{color:var(--mint)}.comments-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.media-arrow{background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:var(--shadow)}.media-counter{background:var(--text)}.right-rail{width:320px;padding-top:33px}.guest-panel{padding:18px;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.guest-panel-title img{border-radius:12px}.primary-button,.page-button.primary{color:#262626;border-radius:14px;background:var(--brand);box-shadow:none}.secondary-button{border:0;border-radius:14px;background:var(--surface-soft)}.suggestion-section{margin-top:18px;padding:17px;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.section-heading{margin-bottom:8px}.circle-suggestion{padding:10px 3px;border-radius:12px}.circle-suggestion:hover{background:var(--surface-soft)}.right-rail .suggestion-section>.circle-suggestion:nth-of-type(1){--circle-accent: var(--brand)}.right-rail .suggestion-section>.circle-suggestion:nth-of-type(2){--circle-accent: var(--mint)}.right-rail .suggestion-section>.circle-suggestion:nth-of-type(3){--circle-accent: var(--blue)}.right-rail .suggestion-section>.circle-suggestion:nth-of-type(4){--circle-accent: var(--text-muted)}.right-rail .circle-avatar{width:40px;height:40px;background:color-mix(in srgb,var(--circle-accent, var(--brand)) 20%,var(--surface));color:color-mix(in srgb,var(--circle-accent, var(--brand)) 70%,var(--text))}.right-rail footer{padding:0 6px;color:var(--text-muted)}.feature-page{padding:4px 2px 42px}.feature-page-header{padding:19px 2px 20px}.feature-page-header>div>span{color:var(--mint);font-weight:800;letter-spacing:.1em}.page-button{border-radius:14px}.page-button.secondary{border:0;background:var(--surface);box-shadow:var(--shadow)}.circle-feed-card{margin-bottom:14px;padding:16px;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.circle-card-top{border-bottom-color:var(--line)}.circle-card-top h2{font-family:Inter,Noto Sans SC,sans-serif}.circle-card-top button{border:0;background:var(--surface-soft)}.circle-hot-media,.circle-no-post{border-radius:14px}.create-form{padding:16px 2px 22px}.field-group input,.field-group select,.field-group textarea,.circle-name-input{border:0;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.field-group input:focus,.field-group select:focus,.field-group textarea:focus,.circle-name-input:focus-within{box-shadow:0 0 0 2px var(--brand)}.circle-suggestions>button{border:0;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.circle-suggestions>button.selected{background:var(--brand-soft);border-color:transparent}.composer-media-item,.composer-media-empty,.gallery-grid button,.message-tabs button{border-radius:14px}.message-tabs button.selected{color:var(--text);background:var(--brand)}.notification-row{border:0;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.notification-row.unread{background:color-mix(in srgb,var(--brand-soft) 57%,var(--surface))}.notification-symbol.social{color:var(--text);background:var(--brand-soft)}.notification-symbol.system{color:var(--text);background:color-mix(in srgb,var(--blue) 35%,var(--surface))}.notification-row>i{background:var(--mint)}.profile-hero{border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.profile-name-line span{color:var(--text);background:var(--brand-soft)}.profile-stats{border-radius:14px}.modal-backdrop{background:#1e1e1e94}.login-dialog{border:0;border-radius:22px}.post-dialog{border-radius:20px}@media(max-width:1180px){.app-shell{grid-template-columns:78px minmax(500px,680px) 286px;gap:30px}.sidebar{inset:0 auto 0 0;width:78px;height:100vh;padding:19px 10px;border-radius:0}.sidebar .brand{justify-content:center}.main-nav{margin-top:42px;gap:13px}.main-nav button,.sidebar-bottom button{border-radius:14px}.right-rail{width:286px}}@media(max-width:930px){.feed-column{width:min(720px,100%);padding:70px 12px 86px}.mobile-header{height:62px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 93%,transparent)}.mobile-nav{height:calc(66px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent)}.mobile-nav button{border-radius:14px}.mobile-nav button.selected{color:var(--text);background:var(--brand)}}@media(max-width:700px){.feed-column{padding:66px 0 84px}.feed-toolbar{min-height:80px;padding:0 16px}.client-downloads,.web-pet-home{margin-inline:12px}.web-pet-home,.client-downloads{border-radius:16px}.circle-rail{margin:15px 12px 8px;border-radius:16px}.feed-tabs{margin:0 12px}.post-card{margin:13px 12px;padding:14px;border-radius:16px}.post-media{min-height:350px;border-radius:12px}.feature-page{padding:0 14px 28px}.circle-feed-card,.profile-hero{border-radius:16px}}.client-downloads{width:100%;min-height:72px;position:fixed;z-index:80;top:0;right:0;left:0;margin:0;padding:10px max(18px,calc((100vw - 1320px)/2));transform:none;grid-template-columns:minmax(190px,.8fr) minmax(420px,1.2fr);border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:0;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 4px 16px #2020201a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.client-download-copy{gap:1px}.client-download-copy>span{font-size:10px}.client-download-copy>strong{font-size:15px}.client-download-copy>small{font-size:10px}.client-download-actions{gap:8px}.client-download-button{min-height:50px;padding:8px 10px}.client-download-button strong{font-size:11px}.client-download-button small{font-size:8px}.sidebar{inset:72px auto 0 max(0px,calc(50vw - 685px));height:calc(100vh - 72px)}.feed-column,.right-rail{padding-top:96px}@media(max-width:1180px){.client-downloads{width:100%;left:0}.sidebar{inset:72px auto 0 0;height:calc(100vh - 72px)}}@media(max-width:930px){.client-downloads{width:100%;top:0;left:0;right:auto;padding-inline:14px;grid-template-columns:minmax(150px,.74fr) minmax(290px,1.26fr)}.mobile-header{inset:72px 0 auto}.feed-column{padding-top:145px}}@media(max-width:700px){.client-downloads{min-height:58px;top:0;left:0;right:0;grid-template-columns:1fr;gap:5px;padding:7px 10px;border-radius:14px}.client-download-copy{display:none}.client-download-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.client-download-button{min-height:42px;grid-template-columns:19px minmax(0,1fr) 14px;gap:6px;padding:6px 8px}.client-download-button>svg{width:17px;height:17px}.client-download-button strong{font-size:10px}.client-download-button small{font-size:7px}.mobile-header{inset:58px 0 auto}.feed-column{padding-top:121px}}.brand{height:91px;padding:0;overflow:hidden}.brand .brand-mark{width:158px;height:91px;display:block;border-radius:0;object-fit:cover;object-position:left center;box-shadow:none}.main-nav{margin-top:26px}@media(max-width:1180px){.sidebar .brand{height:52px}.sidebar .brand .brand-mark{width:52px;height:52px}.main-nav{margin-top:38px}}@media(max-width:930px){.mobile-header .brand{width:104px;height:60px;padding:0}.mobile-header .brand .brand-mark{width:104px;height:60px}}@media(min-width:1181px){.app-shell{width:100%;max-width:none;grid-template-columns:clamp(188px,14vw,238px) minmax(0,1fr) clamp(272px,18vw,336px);gap:clamp(22px,2.25vw,44px);justify-content:stretch;padding-inline:clamp(18px,3.4vw,72px)}.sidebar{position:sticky;inset:auto;top:72px;width:100%;height:calc(100vh - 72px);min-height:0;align-self:start;padding-inline:clamp(14px,1.25vw,22px);overflow-y:auto}.feed-column,.right-rail{width:100%;min-width:0}.web-pet-stage{height:clamp(270px,25vw,420px)}.post-media{min-height:clamp(410px,31vw,600px)}}@media(min-width:931px)and (max-width:1180px){.app-shell{width:100%;max-width:none;grid-template-columns:78px minmax(0,1fr) minmax(246px,286px);gap:clamp(18px,2.4vw,30px);justify-content:stretch;padding-right:clamp(12px,2vw,24px)}.sidebar{position:sticky;inset:auto;top:72px;width:78px;height:calc(100vh - 72px);min-height:0;align-self:start;overflow-y:auto}.feed-column,.right-rail{width:100%;min-width:0}}@media(max-width:930px){html,body{max-width:100%;overflow-x:clip}.app-shell,.feed-column{width:100%;max-width:none}.feed-column{min-width:0}.client-downloads{max-width:100vw}}.brand{width:158.42px;height:91px;justify-content:flex-start}.brand .brand-mark{width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center}@media(min-width:931px)and (max-width:1180px){.sidebar .brand{width:100%;height:52px;aspect-ratio:auto}.sidebar .brand .brand-mark{width:100%;height:100%}}@media(max-width:930px){.mobile-header .brand{width:104.5px;height:60px;aspect-ratio:auto}.mobile-header .brand .brand-mark{width:100%;height:100%}}.desktop-topbar{display:none}.post-action-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 7px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer}.post-action-button:hover,.post-action-button.active{color:var(--text);background:var(--surface-soft)}.post-action-button.active{color:#7a9e00}.post-action-button span{font-size:12px;font-weight:700}@media(min-width:931px){:root{--bg: #f1f1f0;--surface: #ffffff;--surface-soft: #f3f3f2;--surface-hover: #ededeb;--text: #303030;--text-muted: #8a8a88;--line: #dededb;--brand: #b7e822;--brand-soft: #edfac2;--blue: #25b5ef;--mint: #38b972;--shadow: 0 8px 22px rgba(33, 33, 31, .075)}body,.app-shell{background:var(--bg)}.app-shell{width:min(100%,1480px);min-height:100vh;display:grid;grid-template-columns:186px minmax(0,1fr) minmax(300px,358px);grid-template-rows:64px auto;gap:0 clamp(30px,3vw,54px);max-width:1480px;margin:0 auto;padding:48px clamp(22px,3vw,54px) 48px}.client-downloads{min-height:48px;grid-template-columns:minmax(180px,.72fr) minmax(420px,1.28fr);padding-block:4px}.client-download-copy>span{font-size:9px}.client-download-copy>strong{font-size:13px}.client-download-copy>small{display:none}.client-download-button{min-height:40px;padding-block:5px}.client-download-button>svg{width:18px;height:18px}.client-download-button strong{font-size:10px}.client-download-button small{font-size:7px}.sidebar{position:sticky;inset:auto;top:48px;grid-column:1;grid-row:1 / span 2;width:100%;height:calc(100vh - 48px);padding:18px 12px 22px;border:0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 83%,transparent);box-shadow:none}.sidebar .brand{width:158.42px;height:91px;margin-left:4px}.sidebar .brand .brand-mark{width:100%;height:100%;object-fit:contain;object-position:center}.main-nav{gap:18px;margin-top:34px;justify-items:center}.main-nav button,.sidebar-bottom button{width:62px;min-height:62px;justify-content:center;padding:0;border-radius:18px}.main-nav button span,.sidebar-bottom>button>span{display:none}.main-nav button.selected{background:var(--brand);box-shadow:0 8px 18px #7aa1132e}.sidebar-bottom{justify-items:center;gap:9px}.sidebar-account .avatar{width:38px!important;height:38px!important}.desktop-topbar{grid-column:2 / 4;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}.desktop-section-tabs{display:flex;align-items:center;gap:12px;min-width:0}.desktop-section-tabs button{min-height:42px;padding:0 15px;border:0;border-radius:14px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:800}.desktop-section-tabs button:hover{background:var(--surface-hover);color:var(--text)}.desktop-section-tabs button.selected{background:var(--brand);color:#20251a;box-shadow:0 6px 13px #7da5142e}.desktop-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.desktop-topbar .search-box{width:clamp(180px,17vw,250px);height:46px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.top-session-button,.top-compose-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:16px;padding:0 17px;cursor:pointer;font-size:13px;font-weight:800;white-space:nowrap}.top-session-button{background:#3c3c3a;color:#fff}.top-compose-button{background:var(--blue);color:#fff;box-shadow:0 7px 16px #25b5ef3d}.feed-column{grid-column:2;grid-row:2;width:100%;min-width:0;padding:0 0 52px}.right-rail{grid-column:3;grid-row:2;width:100%;min-width:0;padding:0 0 35px}.feed-toolbar,.circle-rail,.feed-tabs{display:none}.post-card{margin:0 0 18px;padding:22px 24px 16px;border-radius:20px;box-shadow:var(--shadow)}.post-header{height:44px;margin-bottom:14px}.post-copy-above{padding:0 0 15px}.post-copy-above h2{margin:0 0 6px;color:var(--text);font-size:17px;line-height:1.45}.post-copy-above p{display:-webkit-box;margin:0;overflow:hidden;color:#575755;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-copy-above p strong{font-weight:800}.post-media{min-height:0;max-height:none;aspect-ratio:1.73 / 1;border-radius:15px}.post-media img{max-height:none;object-fit:cover}.post-actions{min-height:56px;margin-top:7px;border-top:1px solid var(--line)}.post-action-group{gap:18px}.post-copy-below{display:none}.post-actions>.icon-button{width:38px;height:38px}.guest-panel,.suggestion-section,.people-panel{padding:20px;border-radius:20px;box-shadow:var(--shadow)}.guest-panel{margin-bottom:18px}.guest-panel-title img{width:43px;height:43px}.guest-panel-title strong{font-size:16px}.guest-panel .primary-button{min-height:42px;margin-top:14px}.suggestion-section{margin-top:0}.section-heading{min-height:30px;align-items:flex-start}.section-heading strong{font-size:15px}.circle-suggestion{min-height:63px;padding:10px 0}.circle-avatar{width:40px;height:40px}.people-panel{margin-top:18px;background:var(--surface)}.people-panel .section-heading button{display:inline-flex;align-items:center;gap:1px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px}.person-suggestion{width:100%;min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.person-suggestion>span{min-width:0;display:grid;gap:3px}.person-suggestion strong,.person-suggestion small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-suggestion strong{font-size:13px}.person-suggestion small{color:var(--text-muted);font-size:11px}.person-suggestion i{padding:7px 12px;border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:11px;font-style:normal;font-weight:800}.people-avatar-stack{display:flex;align-items:center;margin-top:11px}.people-avatar-stack .avatar{margin-right:-5px;border:2px solid var(--surface)}.people-avatar-stack button{width:32px;height:32px;display:grid;place-items:center;margin-left:7px;border:0;border-radius:50%;background:var(--brand);color:#263000;cursor:pointer}.desktop-pet-promo{position:relative;min-height:242px;margin-top:18px;overflow:hidden;padding:22px 21px;border-radius:20px;background:var(--blue);color:#fff;box-shadow:var(--shadow)}.desktop-pet-promo span,.desktop-pet-promo strong,.desktop-pet-promo p{position:relative;z-index:1;display:block;max-width:61%}.desktop-pet-promo span{font-size:10px;font-weight:800;letter-spacing:.11em}.desktop-pet-promo strong{margin-top:8px;font-size:20px;line-height:1.25}.desktop-pet-promo p{margin:8px 0 13px;font-size:11px;line-height:1.55}.desktop-pet-promo button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:8px 11px;border:0;border-radius:999px;background:#fff;color:#2488b8;cursor:pointer;font-size:11px;font-weight:800}.desktop-pet-promo img{position:absolute;right:-11px;bottom:-4px;width:53%;height:78%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 10px 10px rgba(0,68,108,.22))}.right-rail footer{margin-top:22px}.web-pet-home{margin-top:24px}}@media(min-width:931px)and (max-width:1180px){.app-shell{grid-template-columns:82px minmax(0,1fr) 282px;gap:0 24px;padding-inline:14px}.sidebar{padding-inline:10px}.sidebar .brand{width:62px;height:52px;aspect-ratio:auto;margin:0}.desktop-section-tabs button{padding-inline:9px}.top-session-button{display:none}.desktop-topbar .search-box{width:185px}.post-card{padding-inline:18px}}@media(max-width:930px){.desktop-topbar{display:none}.post-action-button{gap:5px;padding-inline:4px}}.mobile-pet-slot{display:none}@media(min-width:931px){.right-rail{top:112px;height:calc(100vh - 124px);max-height:calc(100vh - 124px);display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto;align-content:start;gap:12px;padding:0 3px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 35%,transparent) transparent}.right-rail::-webkit-scrollbar{width:5px}.right-rail::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--text-muted) 35%,transparent)}.right-rail::-webkit-scrollbar-track{background:transparent}.right-rail .guest-panel,.right-rail .suggestion-section{margin:0 auto;padding:clamp(13px,1.7vh,20px)}.right-rail .guest-panel-title{gap:10px}.right-rail .guest-panel-title img{width:clamp(38px,4.6vh,43px);height:clamp(38px,4.6vh,43px)}.right-rail .guest-panel .primary-button{min-height:clamp(36px,4.8vh,42px);margin-top:clamp(9px,1.4vh,14px)}.right-rail .guest-panel>p{margin-bottom:0}.right-rail .suggestion-section{min-height:0}.right-rail .section-heading{min-height:clamp(25px,3.2vh,30px);margin-bottom:4px}.right-rail .circle-suggestion{min-height:clamp(46px,6.2vh,63px);padding:clamp(5px,.8vh,10px) 0}.right-rail .circle-avatar{width:clamp(34px,4.3vh,40px);height:clamp(34px,4.3vh,40px)}.right-pet-slot{min-width:0;min-height:180px}.right-pet-slot .web-pet-home{width:100%;height:100%;min-height:180px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;margin:0;border:0;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.right-pet-slot .web-pet-stage{height:auto;min-height:0}.right-pet-slot .web-pet-banner{top:8px;width:min(72%,260px);max-height:clamp(48px,7vh,72px)}.right-pet-slot .web-pet-actor{bottom:clamp(20px,3.2vh,30px);width:clamp(64px,8vh,88px);height:clamp(64px,8vh,88px)}.right-pet-slot .web-pet-sprite{width:100%;height:100%}.right-pet-slot .web-pet-pop{width:clamp(30px,4vh,40px);height:clamp(30px,4vh,40px)}.right-pet-slot .web-pet-image-button{bottom:8px;width:clamp(36px,4.8vh,44px);height:clamp(36px,4.8vh,44px)}.right-pet-slot .web-pet-image-button.feed{left:8px}.right-pet-slot .web-pet-image-button.profile{right:8px}.right-pet-slot .web-pet-status{min-height:48px;grid-template-columns:auto auto minmax(78px,1fr);gap:6px;padding:7px 8px}.right-pet-slot .web-pet-coins{padding:6px 8px;font-size:10px}.right-pet-slot .web-pet-status>button{min-width:52px;min-height:30px;font-size:11px}.right-pet-slot .web-pet-hunger{gap:5px;font-size:10px}.right-pet-slot .web-pet-login{min-height:31px;font-size:10px}.right-rail footer{margin:0;padding:0 5px;font-size:10px;line-height:1.55}.mobile-pet-slot{display:none}}@media(max-width:930px){.mobile-pet-slot{display:block}.mobile-pet-slot .web-pet-home{margin-top:22px}}@media(min-width:931px){.app-shell{grid-template-columns:162px minmax(0,1fr) minmax(300px,358px)}.sidebar{padding:18px 14px 20px;border-right:1px solid var(--line);background:var(--surface)}.sidebar .brand{width:116px;height:48px;margin:0 auto}.sidebar .brand .brand-mark{width:100%;height:100%;object-fit:contain}.main-nav{gap:22px;margin-top:24px}.main-nav button,.main-nav .sidebar-more-button{width:58px;min-height:58px;display:grid;place-items:center;padding:0;border:0;border-radius:17px;background:transparent;box-shadow:none}.main-nav button:hover,.main-nav .sidebar-more-button:hover{color:var(--brand);background:transparent}.main-nav button.selected{background:var(--brand);box-shadow:0 8px 20px #7aa11338}.main-nav .sidebar-more-button[aria-expanded=true]{color:var(--brand)}.sidebar-bottom{position:relative;display:block;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.sidebar-account{width:100%!important;min-height:58px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0!important;border:0;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:var(--text);text-align:left}.sidebar-account:hover{background:var(--surface-hover)!important}.sidebar-account>.avatar{display:grid!important}.sidebar .sidebar-account .avatar{width:54px!important;height:54px!important}.sidebar-account-copy{min-width:0;display:grid!important;gap:3px}.sidebar-account-copy strong,.sidebar-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-copy strong{color:var(--text);font-size:12px;font-weight:800}.sidebar-account-copy small{color:var(--text-muted);font-size:10px;font-weight:650}.sidebar-account>svg{color:var(--text);transition:transform .16s ease}.sidebar-account[aria-expanded=true]>svg{transform:rotate(180deg)}.sidebar-account-menu{position:absolute;right:0;bottom:calc(100% + 12px);z-index:5;width:100%;display:grid;gap:4px;padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.sidebar-account-menu button{width:100%;min-height:36px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 9px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;font-size:11px;font-weight:750;text-align:left}.sidebar-account-menu button:hover{background:var(--surface-hover)}.sidebar-account-menu button>svg{flex:0 0 18px}.sidebar-account-menu button>span{min-width:0;white-space:nowrap}.sidebar-account-menu .sidebar-logout{color:#d84f55}}@media(min-width:931px)and (max-width:1180px){.app-shell{grid-template-columns:148px minmax(0,1fr) minmax(246px,282px);gap:0 20px}.sidebar{padding-inline:10px}.sidebar .brand{width:104px;height:44px;margin:0 auto}.main-nav{gap:17px;margin-top:24px}.main-nav button,.main-nav .sidebar-more-button{width:54px;min-height:54px}.sidebar-account{grid-template-columns:44px minmax(0,1fr) auto;min-height:48px!important}.sidebar .sidebar-account .avatar{width:44px!important;height:44px!important}}@media(min-width:1433px){.app-shell{width:min(100%,1433px);max-width:1433px;grid-template-columns:188px minmax(0,724px) 390px;grid-template-rows:64px auto;column-gap:48px;row-gap:0;justify-content:start;margin:0 auto;padding:48px 35px 48px 0}.sidebar{width:188px;padding:18px 18px 20px}.sidebar .brand{width:116px;height:48px;margin:0 auto}.main-nav{gap:27px;margin-top:24px}.main-nav button,.main-nav .sidebar-more-button{width:72px;min-height:72px;border-radius:19px}.desktop-section-tabs button.route-current{background:transparent;box-shadow:none;color:var(--text)}.post-card{margin-bottom:15px;padding:18px 24px 14px}.post-header{margin-bottom:10px}.post-copy-above{padding-bottom:10px}.post-media{aspect-ratio:1.96 / 1}.post-actions{min-height:52px;margin-top:6px}.right-rail{position:static;height:auto;max-height:none;display:grid;grid-template-rows:282px 333px 275px auto;align-content:start;gap:26px;overflow:visible;padding:0 0 48px}.right-rail.signed-in{grid-template-rows:200px 333px 275px auto}.right-rail .guest-panel,.right-rail .suggestion-section,.right-pet-slot{min-height:0;height:100%}.right-rail .guest-panel,.right-rail .suggestion-section{width:100%;margin:0;padding:20px}.right-rail .guest-panel{display:grid;align-content:space-between}.right-rail .suggestion-section{display:grid;grid-template-rows:auto repeat(4,1fr)}.right-pet-slot .web-pet-home{height:100%;min-height:0}.right-rail footer{margin:0}}.post-entry{animation:post-entry .26s cubic-bezier(.22,.75,.32,1) both;animation-delay:calc(var(--entry-index, 0) * 42ms)}.post-action-button,.post-action-button>svg,.icon-button,.icon-button>svg{transition:color .15s ease-out,background-color .15s ease-out,transform .15s ease-out}.post-action-button{position:relative;isolation:isolate}.post-action-button.has-like-burst>svg{animation:like-pop .36s cubic-bezier(.22,1.25,.36,1)}.post-action-button.has-like-burst:after{width:28px;height:28px;position:absolute;z-index:-1;left:5px;top:5px;border-radius:50%;background:color-mix(in srgb,var(--brand) 42%,transparent);content:"";animation:action-ripple .42s ease-out both}.icon-button.has-save-burst>svg{animation:save-pop .32s cubic-bezier(.22,1.25,.36,1)}.icon-button.is-refreshing>svg,.pull-refresh-indicator.is-refreshing>svg{animation:spin .76s linear infinite}.client-download-button{position:relative;overflow:hidden}.client-download-button:after{width:34px;height:34px;position:absolute;right:8px;top:50%;border:2px solid rgba(255,255,255,.78);border-radius:50%;content:"";opacity:0;pointer-events:none;transform:translateY(-50%) scale(.15)}.client-download-button.is-downloading:after{animation:download-ripple .7s ease-out both}.download-confirm{animation:confirm-pop .26s cubic-bezier(.22,1.25,.36,1)}.sidebar-account-menu{animation:sidebar-menu-in .16s cubic-bezier(.22,.75,.32,1) both;transform-origin:bottom center}.feed-skeleton{display:grid;gap:18px;padding-bottom:18px}.skeleton-post{display:grid;gap:14px;padding:22px 24px 16px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.skeleton-row{display:flex;align-items:center;gap:10px}.skeleton-row>span{width:128px;display:grid;gap:7px}.skeleton-row b,.skeleton-line,.skeleton-avatar,.skeleton-media,.skeleton-actions b{display:block;overflow:hidden;border-radius:999px;background:linear-gradient(100deg,var(--surface-soft) 28%,color-mix(in srgb,var(--surface-soft) 68%,var(--surface)) 48%,var(--surface-soft) 68%);background-size:230% 100%;animation:skeleton-shimmer 1.45s linear infinite}.skeleton-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%}.skeleton-row b:first-child{width:94px;height:11px}.skeleton-row b:last-child{width:68px;height:8px}.skeleton-line{height:12px}.skeleton-line.wide{width:62%}.skeleton-line.medium{width:43%}.skeleton-media{width:100%;height:clamp(210px,28vw,320px);border-radius:14px}.skeleton-actions{display:flex;gap:28px}.skeleton-actions b{width:54px;height:12px}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.theme-transition-wash{position:fixed;z-index:250;left:92px;bottom:86px;width:20px;height:20px;border-radius:50%;pointer-events:none;transform:scale(0);animation:theme-wash .34s cubic-bezier(.55,0,.2,1) both}.theme-transition-wash.to-dark{background:#3e3e3e}.theme-transition-wash.to-light{background:#f7f7f6}.pull-refresh-indicator{display:none}@keyframes post-entry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes like-pop{0%{transform:scale(1)}45%{transform:scale(1.24) rotate(-7deg)}to{transform:scale(1) rotate(0)}}@keyframes save-pop{0%{transform:scale(1)}50%{transform:scale(1.18) translateY(-2px)}to{transform:scale(1) translateY(0)}}@keyframes action-ripple{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.75)}}@keyframes confirm-pop{0%{opacity:0;transform:scale(.55) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes download-ripple{0%{opacity:.9;transform:translateY(-50%) scale(.2)}to{opacity:0;transform:translateY(-50%) scale(1.8)}}@keyframes sidebar-menu-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-30% 0}}@keyframes theme-wash{0%{transform:scale(0)}to{transform:scale(150)}}@media(max-width:930px){.pull-refresh-indicator{position:fixed;z-index:95;top:60px;left:50%;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);font-size:11px;font-weight:700;pointer-events:none;transform:translate(-50%,calc(-100% + var(--pull-offset, 0px)));transition:transform .12s ease-out,color .12s ease-out}.pull-refresh-indicator.is-ready{color:var(--mint)}.pull-refresh-indicator.is-refreshing{transform:translate(-50%,4px)}.skeleton-post{margin-inline:12px;padding:14px;border-radius:16px}.feed-skeleton{gap:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media(min-width:931px){.main-nav{position:relative}.sidebar-nav-marker{position:absolute;z-index:3;top:0;left:-10px;width:3px;height:26px;border-radius:999px;background:linear-gradient(180deg,var(--brand),var(--mint));box-shadow:0 0 12px color-mix(in srgb,var(--mint) 50%,transparent);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.34,1.12,.64,1),opacity .14s ease-out}.sidebar-nav-marker.is-visible{opacity:1}.main-nav button,.main-nav .sidebar-more-button{position:relative;isolation:isolate;overflow:visible}.main-nav button:before,.main-nav .sidebar-more-button:before{position:absolute;z-index:0;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:inherit;background:radial-gradient(32px circle at var(--cursor-x, 50%) var(--cursor-y, 50%),color-mix(in srgb,var(--mint) 20%,transparent),transparent 72%);content:"";opacity:0;pointer-events:none;transition:opacity .14s ease-out}.main-nav button:hover:before,.main-nav .sidebar-more-button:hover:before{opacity:1}.main-nav button>svg,.main-nav button>span,.main-nav .sidebar-more-button>svg,.main-nav .sidebar-more-button>span{position:relative;z-index:1}.main-nav button.nav-click-ripple:after,.main-nav .sidebar-more-button.nav-click-ripple:after{position:absolute;z-index:2;left:calc(var(--cursor-x, 50%) - 10px);top:calc(var(--cursor-y, 50%) - 10px);width:20px;height:20px;border:2px solid color-mix(in srgb,var(--brand) 78%,var(--mint));border-radius:50%;content:"";opacity:0;pointer-events:none;animation:sidebar-nav-ripple .36s ease-out both}.main-nav button:hover:not(.selected),.main-nav .sidebar-more-button:hover:not([aria-expanded=true]){transform:scale(1.045)}.main-nav button:focus-visible,.main-nav .sidebar-more-button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}}@keyframes sidebar-nav-ripple{0%{opacity:.78;transform:scale(.35)}to{opacity:0;transform:scale(2.7)}}.sidebar .brand .brand-mark-dark{display:none}:root[data-theme=dark] .sidebar .brand .brand-mark-light{display:none}:root[data-theme=dark] .sidebar .brand .brand-mark-dark{display:block;object-fit:contain;object-position:center}@media(min-width:931px){.sidebar{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}