:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e9edf1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 0 0,#f7545429,#0000 28rem),linear-gradient(135deg,#e7edf1 0%,#f5f7f4 48%,#edf3f7 100%);min-height:100vh}.app-frame{background:#fbfbf8;width:min(100%,430px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 80px #141b232e}.app-loading-bar{z-index:30;color:#fff;background:#202124;place-items:center;min-height:30px;font-size:12px;font-weight:900;display:grid;position:sticky;top:0}.top-bar{z-index:20;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfbf8e6;border-bottom:1px solid #20212414;flex-direction:column;gap:10px;display:flex;position:sticky;top:0}.top-bar-main{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.top-bar h1,.top-bar p,.section-title h2,.section-title span{margin:0}.top-bar h1{font-size:22px;line-height:1.05}.eyebrow{color:#747b84;margin:0;font-size:12px;font-weight:700}.brand-mark,.icon-button,.back-button,.tab-button,.action-button{border:0;place-items:center;display:inline-grid}.brand-mark{color:#fff;background:#f75454;border-radius:11px;width:38px;height:38px;font-weight:900}.icon-button,.back-button{color:#202124;background:#f0f2ef;border-radius:12px;width:40px;height:40px}.icon-button.accent{color:#fff;background:#f75454}.icon-button.subtle{color:#68717b;background:#f6f7f5;border-radius:8px;width:34px;height:34px}.top-search-button{color:#7d858e;text-align:left;background:#fff;border:1px solid #20212414;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 13px;font-weight:700;display:grid}.screen{flex-direction:column;gap:18px;min-height:calc(100dvh - 75px);padding:16px 16px 96px;display:flex}.discover-screen{padding-top:14px}.hero-panel{background:#222b36;border-radius:8px;grid-template-columns:1fr 132px;min-height:224px;display:grid;overflow:hidden}.hero-copy{color:#fff;flex-direction:column;justify-content:space-between;gap:14px;padding:20px 0 20px 18px;display:flex}.hero-copy h2{margin:0;font-size:24px;line-height:1.12}.hero-copy p:not(.eyebrow){color:#ffffffc7;margin:0;font-size:13px;line-height:1.62}.hero-panel img{object-fit:cover;width:100%;height:100%}.hero-actions,.article-actions,.meta-row,.tag-row,.code-row{align-items:center;display:flex}.hero-actions{gap:10px}.primary-button,.text-button,.subscribe-button,.wechat-button,.muted-row{border:0;border-radius:8px;font-weight:800}.primary-button{color:#fff;background:#f75454;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;display:inline-flex}.plain-button{color:#3c4248;background:#fff;border:1px solid #2021241a;border-radius:8px;min-height:40px;padding:0 13px;font-weight:800}.primary-button.wide,.wechat-button{width:100%}.text-button{color:#fff;background:#ffffff1f;min-height:42px;padding:0 12px}.category-strip{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.category-strip::-webkit-scrollbar{display:none}.chip{color:#4e555d;background:#fff;border:1px solid #2021241a;border-radius:999px;flex:none;min-height:36px;padding:0 14px;font-weight:700}.chip.active{color:#fff;background:#202124;border-color:#202124}.feed-composer,.feed-card{background:#fff;border:1px solid #20212414;border-radius:8px}.feed-composer{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.feed-composer img,.feed-author img{object-fit:cover;border-radius:50%;width:42px;height:42px}.feed-composer span,.feed-author span{gap:3px;min-width:0;display:grid}.feed-composer small,.feed-author small,.feed-actions,.feed-comment strong{color:#7a828a;font-size:12px}.feed-composer textarea{color:#202124;resize:vertical;background:#f8f9f7;border:1px solid #20212414;border-radius:8px;outline:none;grid-column:1/-1;width:100%;min-height:74px;padding:10px}.image-url-field{color:#7d858e;background:#fff;border:1px solid #20212414;border-radius:8px;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:42px;padding:0 11px;display:grid}.image-url-field input{color:#202124;width:100%;font:inherit;background:0 0;border:0;outline:0}.feed-composer .primary-button{grid-column:3}.feed-list{flex-direction:column;gap:12px;display:flex}.feed-card{flex-direction:column;display:flex;overflow:hidden}.feed-card-hit{width:100%;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:12px;padding:13px;display:flex}.feed-card-hit:active{background:#f8f0ee}.feed-author{align-items:center;gap:10px;display:flex}.feed-author button{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.feed-author button:disabled{cursor:default}.feed-card-hit>p,.post-detail-card>p{color:#252a30;margin:0;font-size:15px;line-height:1.65}.post-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.post-image-grid.single{grid-template-columns:1fr}.post-image-grid img{aspect-ratio:4/3;object-fit:cover;background:#eef0ec;border-radius:8px;width:100%}.load-more-button{color:#4d555d;background:#fff;border:1px solid #20212414;border-radius:8px;width:100%;min-height:42px;font-weight:800}.post-screen{padding-top:16px}.post-detail-card{background:#fff;border:1px solid #20212414;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.post-detail-author button{width:fit-content}.post-detail-actions{color:#7a828a;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.post-detail-actions .action-button{min-height:36px}.post-edit-form{gap:10px;display:grid}.post-edit-form textarea{color:#202124;resize:vertical;background:#f8f9f7;border:1px solid #20212414;border-radius:8px;outline:none;width:100%;min-height:118px;padding:11px}.post-edit-actions{justify-content:flex-end;gap:9px;display:flex}.user-screen{padding-top:16px}.user-profile-card{background:#fff;border:1px solid #20212414;border-radius:8px;grid-template-columns:auto 1fr;gap:14px;padding:16px;display:grid}.user-profile-card img{object-fit:cover;border-radius:18px;width:68px;height:68px}.user-profile-card span{gap:3px;min-width:0;display:grid}.user-profile-card h1,.user-profile-card p{margin:0}.user-profile-card h1{color:#202124;font-size:24px;line-height:1.1}.user-profile-card small{color:#7b838c;font-size:12px}.user-profile-card>p{color:#4a525b;grid-column:1/-1;line-height:1.6}.user-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-actions{gap:14px;font-weight:800;display:flex}.feed-comments{flex-direction:column;gap:7px;display:flex}.feed-comment{background:#f2f4f3;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.feed-comment span{color:#363d45;font-size:13px;line-height:1.45}.feed-comment-form{background:#f7f8f7;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:7px 7px 7px 12px;display:grid}.feed-comment-form input{color:#202124;background:0 0;border:0;outline:none;min-width:0}.section-block{flex-direction:column;gap:12px;display:flex}.section-title{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-title h2{color:#202124;font-size:18px;line-height:1.2}.section-title span{color:#777f88;white-space:nowrap;font-size:12px}.compact-title h2{font-size:16px}.creator-list,.article-list,.settings-list,.comment-list,.message-list{flex-direction:column;gap:10px;display:flex}.creator-card,.article-card,.service-reminder,.profile-panel,.settings-list,.empty-state,.comment-item,.message-card,.chat-preview{background:#fff;border:1px solid #20212414;border-radius:8px}.creator-card{grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:74px;padding:12px;display:grid}.creator-main,.article-hit-area,.article-author button,.profile-creator-row,.subscription-avatar,.settings-list button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;padding:0;display:flex}.creator-main{gap:10px}.creator-main img,.article-author img,.profile-creator-row img,.subscription-avatar img{object-fit:cover;border-radius:50%;flex:none;width:46px;height:46px}.creator-main span,.profile-creator-row span,.article-author span{gap:3px;min-width:0;display:grid}.creator-main strong,.profile-creator-row strong,.article-author strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-main small,.profile-creator-row small,.article-author small,.profile-panel small{color:#7b838c;font-size:12px}.subscribe-button{color:#fff;background:#f75454;min-width:72px;min-height:36px;padding:0 13px}.subscribe-button.subscribed{color:#27685e;background:#e3f1ee}.article-card{overflow:hidden}.article-hit-area{gap:12px;width:100%;padding:12px}.article-hit-area img{object-fit:cover;border-radius:7px;flex:0 0 92px;width:92px;height:92px}.article-copy{gap:6px;min-width:0;display:grid}.article-copy small{color:#7a828a;font-size:12px}.article-copy strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.article-copy>span{color:#5e666f;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.meta-row{color:#858c93;justify-content:space-between;padding:0 12px 12px;font-size:12px}.subscription-rail{scrollbar-width:none;grid-auto-columns:76px;grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.subscription-rail::-webkit-scrollbar{display:none}.subscription-avatar{color:#3a424a;flex-direction:column;justify-content:center;gap:7px;font-size:12px;font-weight:700}.subscription-avatar img{width:54px;height:54px}.service-reminder{color:#295d56;background:#e8f4f1;align-items:flex-start;gap:12px;padding:14px;display:flex}.service-reminder span{color:#446963;gap:4px;font-size:13px;line-height:1.45;display:grid}.service-reminder strong{color:#1f574f}.muted-row{color:#6f7882;background:#edf0f1;min-height:42px}.search-box{background:#fff;border:1px solid #20212414;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:46px;padding:0 13px;display:grid}.search-box input,.comment-form input,.bottom-sheet input{color:#202124;background:0 0;border:0;outline:none;width:100%;min-width:0}.search-segments{background:#f4f6f4;border:1px solid #20212414;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;display:grid}.search-segments button{color:#69727c;background:0 0;border:0;border-radius:7px;place-items:center;gap:2px;min-height:46px;font-size:12px;font-weight:900;display:grid}.search-segments button.active{color:#202124;background:#fff;box-shadow:0 6px 16px #20212414}.search-segments span{color:inherit;font-size:11px}.search-user-list{flex-direction:column;gap:10px;display:flex}.search-user-row{width:100%;min-height:72px;color:inherit;text-align:left;background:#fff;border:1px solid #20212414;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.search-user-row img{object-fit:cover;border-radius:50%;width:44px;height:44px}.search-user-row span{gap:3px;min-width:0;display:grid}.search-user-row strong,.search-user-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-user-row small{color:#737c85;font-size:12px}.search-user-row em{color:#5b636c;background:#eef1f2;border-radius:999px;place-items:center;min-height:28px;padding:0 9px;font-size:12px;font-style:normal;font-weight:900;display:inline-grid}.identity-list{flex-direction:column;gap:8px;display:flex}.identity-option{width:100%;min-height:62px;color:inherit;text-align:left;background:#fff;border:1px solid #20212414;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.identity-option.active{background:#fff6f6;border-color:#f7545461}.identity-option img{object-fit:cover;border-radius:50%;width:42px;height:42px}.identity-option span{gap:3px;min-width:0;display:grid}.identity-option small,.auth-future-note{color:#717a84;font-size:12px}.auth-future-note{margin:0;line-height:1.5}.creator-list.compact .subscribe-button{display:none}.profile-panel{grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px;display:grid}.profile-panel img{object-fit:cover;border-radius:18px;width:68px;height:68px}.profile-panel h2{margin:3px 0 4px;font-size:22px}.profile-panel>p{color:#4a525b;grid-column:1/-1;margin:0;line-height:1.6}.profile-edit-button{grid-column:1/-1;width:fit-content}.profile-edit-form{background:#fff;border:1px solid #20212414;border-radius:8px;gap:10px;padding:14px;display:grid}.profile-edit-form label{color:#4f5964;gap:7px;font-size:13px;font-weight:800;display:grid}.profile-edit-form input,.profile-edit-form textarea{color:#202124;background:#f8f9f7;border:1px solid #2021241a;border-radius:8px;outline:none;width:100%}.profile-edit-form input{height:40px;padding:0 10px}.profile-edit-form textarea{resize:vertical;padding:10px}.profile-link-row{border-radius:8px;place-items:center;width:100%;font-weight:800;display:grid}.metric-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.metric-grid span{color:#747b84;background:#fff;border:1px solid #20212414;border-radius:8px;place-items:center;gap:4px;min-height:70px;font-size:12px;display:grid}.metric-grid strong{color:#202124;font-size:21px}.profile-creator-row{background:#fff;border:1px solid #20212414;border-radius:8px;gap:12px;min-height:64px;padding:9px 12px}.profile-creator-row svg{color:#2f887c;margin-left:auto}.settings-list{gap:0;overflow:hidden}.settings-list button,.settings-list a{border-bottom:1px solid #20212412;gap:12px;min-height:52px;padding:0 14px}.settings-list a{color:inherit;align-items:center;font-weight:700;text-decoration:none;display:flex}.settings-list button:last-child,.settings-list a:last-child{border-bottom:0}.message-card{width:100%;min-height:74px;color:inherit;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.message-card.active{background:#fff7f7;border-color:#f7545457}.message-card img,.chat-preview-header img{object-fit:cover;border-radius:50%;width:48px;height:48px}.message-copy{gap:5px;min-width:0;display:grid}.message-copy strong,.message-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-copy small,.message-meta small,.chat-preview-header small,.chat-bubble small{color:#7b838c;font-size:12px}.message-meta{justify-items:end;gap:8px;display:grid}.message-meta em{color:#fff;background:#f75454;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;font-style:normal;font-weight:800;display:grid}.chat-preview{flex-direction:column;gap:14px;padding:14px;display:flex}.chat-preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-preview-header button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.chat-preview-header span{gap:3px;display:grid}.chat-preview-header svg{color:#f75454}.chat-bubbles{flex-direction:column;gap:10px;display:flex}.chat-bubble{background:#f0f2f3;border-radius:8px;align-self:flex-start;max-width:82%;padding:10px 12px}.chat-bubble.mine{color:#fff;background:#f75454;align-self:flex-end}.chat-bubble p{margin:0 0 5px;font-size:14px;line-height:1.5}.chat-bubble.mine small{color:#ffffffbd}.chat-composer{background:#f7f8f7;border:1px solid #20212414;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:7px 7px 7px 13px;display:grid}.chat-composer input{background:0 0;border:0;outline:none;min-width:0}.chat-composer .icon-button{border-radius:8px;width:36px;height:36px}.detail-top-bar{z-index:20;min-height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfbf8f0;border-bottom:1px solid #20212414;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:-16px -16px 0;display:grid;position:sticky;top:0}.detail-top-bar span{gap:2px;min-width:0;display:grid}.detail-top-bar strong,.detail-top-bar small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-top-bar small{color:#737c85;font-size:12px}.creator-screen{padding-top:16px}.creator-cover{object-fit:cover;border-radius:8px;width:100%;height:172px}.creator-profile{grid-template-columns:auto 1fr auto;align-items:end;gap:12px;margin-top:-34px;padding:0 4px;display:grid}.creator-profile img{object-fit:cover;border:4px solid #fbfbf8;border-radius:24px;width:82px;height:82px}.creator-profile h1{margin:2px 0 3px;font-size:25px}.creator-profile-actions{align-items:center;gap:8px;display:flex}.creator-profile small,.creator-bio{color:#68717a}.creator-bio{margin:0;line-height:1.6}.tag-row{flex-wrap:wrap;gap:8px}.tag-row span{color:#5e6670;background:#edf0f1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.creator-metrics span{min-height:74px}.message-thread-screen{background:#f6f7f5;flex-direction:column;min-height:100dvh;padding:16px 16px 96px;display:flex}.message-thread-profile{width:100%;min-height:74px;color:inherit;text-align:left;background:#fff;border:1px solid #20212414;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:12px;display:grid}.message-thread-profile img{object-fit:cover;border-radius:50%;width:48px;height:48px}.message-thread-profile span{gap:4px;min-width:0;display:grid}.message-thread-profile strong,.message-thread-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-thread-profile small{color:#747d86;font-size:12px}.message-thread-profile svg{color:#f75454}.chat-thread-bubbles{flex:1;padding:16px 0 22px}.message-thread-composer{right:max(16px,50vw - 199px);bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;position:fixed;left:max(16px,50vw - 199px);box-shadow:0 10px 30px #141b231f}.article-screen{background:#fff;min-height:100dvh;padding-bottom:26px}.article-header{position:relative}.article-header img{object-fit:cover;width:100%;height:246px}.back-button.floating{top:calc(12px + env(safe-area-inset-top));z-index:2;background:#ffffffe6;position:absolute;left:14px}.article-content{flex-direction:column;gap:18px;padding:18px 18px 0;display:flex}.article-author{justify-content:space-between;align-items:center;gap:12px;display:flex}.article-author button{gap:10px}.article-author>span{color:#7a828a;font-size:12px}.article-content h1{color:#17191c;margin:0;font-size:27px;line-height:1.18}.article-summary{color:#5e6670;margin:0;font-size:15px;line-height:1.65}.article-body{flex-direction:column;gap:14px;display:flex}.article-body p{color:#30343a;margin:0;font-size:16px;line-height:1.9}.article-actions{gap:10px;padding:8px 0 2px}.action-button{color:#5b636c;background:#f0f2f3;border-radius:999px;grid-auto-flow:column;gap:7px;min-height:38px;padding:0 12px;font-weight:800}.action-button.active{color:#f75454;background:#ffe9e9}.comment-section{flex-direction:column;gap:12px;padding-top:4px;display:flex}.comment-form{background:#f5f6f5;border:1px solid #20212414;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:7px 7px 7px 13px;display:grid}.comment-form .icon-button{border-radius:8px;width:36px;height:36px}.comment-item{padding:13px}.comment-item strong{font-size:14px}.comment-item p{color:#3f464d;margin:6px 0 7px;line-height:1.55}.comment-item small{color:#848b93;align-items:center;gap:4px;display:flex}.comment-item small button{color:#6f7780;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.empty-state{color:#707982;text-align:center;place-items:center;gap:9px;min-height:210px;padding:24px;display:grid}.empty-state div{color:#f75454;background:#ffe7e7;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:#202124;font-size:19px}.empty-state p{max-width:260px;line-height:1.55}.tab-bar{z-index:30;width:min(100%,430px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-top:1px solid #20212414;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:max(0px,50vw - 215px);right:max(0px,50vw - 215px)}.tab-button{color:#8a929a;background:0 0;border-radius:8px;gap:3px;min-height:52px;font-size:11px;font-weight:800}.tab-button.active{color:#f75454;background:#fff0f0}.sheet-backdrop{z-index:50;background:#10141861;justify-content:center;align-items:flex-end;padding:0 max(0px,50vw - 215px);display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,430px);padding:22px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;flex-direction:column;gap:13px;display:flex;position:relative}.bottom-sheet h2,.bottom-sheet p{margin:0}.bottom-sheet label{color:#4d555f;gap:7px;font-size:13px;font-weight:800;display:grid}.bottom-sheet input{background:#f7f8f7;border:1px solid #2021241a;border-radius:8px;height:44px;padding:0 12px}.code-row{gap:9px}.code-row button{color:#f75454;background:#ffe9e9;border:0;border-radius:8px;flex:0 0 74px;height:44px;font-weight:800}.wechat-button{color:#256b60;background:#e6f4f0;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.sheet-close{background:#f0f2f1;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.compact-sheet{text-align:center;align-items:center}.compact-sheet p{color:#68717a;max-width:300px;line-height:1.55}.guide-icon{color:#f75454;background:#ffe7e7;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.qr-placeholder{background:#fff;border:8px solid #202124;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px;width:118px;height:118px;padding:12px;display:grid}.qr-placeholder span{background:#202124;border-radius:4px}.service-qr-image{object-fit:cover;background:#fff;border:1px solid #20212414;border-radius:8px;width:132px;height:132px}.service-config-time{color:#7b8490;font-size:12px;font-weight:700}@media (width<=360px){.hero-panel{grid-template-columns:1fr 108px}.hero-copy h2{font-size:21px}.article-hit-area img{flex-basis:82px;width:82px;height:82px}.creator-profile{grid-template-columns:auto 1fr}.creator-profile-actions{grid-column:1/-1;width:100%}.creator-profile-actions .subscribe-button{flex:1}}@media (width>=431px){.app-frame{border-left:1px solid #20212414;border-right:1px solid #20212414}}.admin-login-shell,.admin-shell{color:#202124;background:#f4f6f7;min-height:100vh}.admin-login-shell{place-items:center;padding:24px;display:grid}.admin-login{background:#fff;border:1px solid #20212414;border-radius:8px;flex-direction:column;gap:14px;width:min(100%,380px);padding:28px;display:flex}.admin-login h1,.admin-topbar h1,.admin-panel-title h2,.admin-brand strong{margin:0}.admin-logo{color:#fff;background:#f75454;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.admin-shell{grid-template-columns:244px 1fr;display:grid}.admin-sidebar{background:#fff;border-right:1px solid #20212414;flex-direction:column;gap:20px;height:100vh;padding:20px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand span{gap:3px;display:grid}.admin-brand small,.admin-row small,.admin-article-row small,.admin-comment small,.admin-panel-title span{color:#777f88}.admin-sidebar nav,.admin-list,.admin-task-list{flex-direction:column;gap:10px;display:flex}.admin-nav-button,.admin-secondary,.admin-primary,.admin-link,.admin-row-actions button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:800;text-decoration:none;display:inline-flex}.admin-nav-button{color:#626b75;background:0 0;justify-content:flex-start;width:100%;padding:0 12px}.admin-nav-button.active{color:#f75454;background:#fff0f0}.admin-main{flex-direction:column;gap:20px;min-width:0;padding:24px;display:flex}.admin-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-topbar-actions{align-items:center;gap:10px;display:flex}.admin-link,.admin-secondary{color:#49525c;background:#fff;border:1px solid #20212414;padding:0 13px}.admin-primary{color:#fff;background:#f75454;padding:0 15px}.admin-primary:disabled,.admin-secondary:disabled{cursor:wait;opacity:.65}.admin-content-grid,.admin-two-column{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.admin-two-column{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start}.admin-two-column.wide-left{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr)}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.admin-metric,.admin-panel{background:#fff;border:1px solid #20212414;border-radius:8px}.admin-metric{gap:8px;min-height:94px;padding:16px;display:grid}.admin-metric span{color:#6d7680;font-size:13px;font-weight:800}.admin-metric strong{font-size:30px}.admin-panel{flex-direction:column;gap:14px;padding:16px;display:flex}.admin-panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-row,.admin-article-row,.admin-comment,.admin-task{background:#fbfbf8;border:1px solid #20212414;border-radius:8px}.admin-row,.admin-article-row{width:100%;color:inherit;text-align:left;align-items:center;gap:12px;display:grid}.admin-row{grid-template-columns:auto 1fr auto auto;padding:12px}.admin-row img{object-fit:cover;border-radius:50%;width:44px;height:44px}.admin-row span,.admin-article-row span,.admin-task span,.admin-comment span{gap:4px;min-width:0;display:grid}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-row-actions button{color:#4f5964;background:#eef1f2;min-height:34px;padding:0 10px}.creator-comments-admin{gap:10px;margin-top:16px;display:grid}.admin-form{flex-direction:column;gap:12px;display:flex}.admin-form label,.admin-login label{color:#4f5964;gap:7px;font-size:13px;font-weight:800;display:grid}.admin-form input,.admin-form textarea,.admin-form select,.admin-login input,.admin-login select{color:#202124;background:#fff;border:1px solid #2021241f;border-radius:8px;outline:none;width:100%;min-width:0}.admin-form input,.admin-form select,.admin-login input,.admin-login select{height:40px;padding:0 10px}.admin-form textarea{resize:vertical;min-height:84px;padding:10px}.admin-hint{color:#7b8490;font-weight:700}.admin-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-article-row{grid-template-columns:1fr auto;padding:12px}.admin-article-row.active{background:#fff7f7;border-color:#f7545457}.admin-comment{gap:10px;padding:12px;display:grid}.admin-comment p{color:#3f464d;margin:0;line-height:1.55}.admin-task{align-items:flex-start;gap:12px;padding:12px;display:flex}.admin-task .status-badge{margin-left:auto}.moderation-grid{align-items:stretch}.admin-task svg{color:#f75454}.admin-toggle-row{flex-direction:row;align-items:center;grid-template-columns:none!important;display:flex!important}.admin-toggle-row input{width:18px;height:18px}.service-panel{max-width:720px}.status-badge{color:#5b636c;white-space:nowrap;background:#eef1f2;border-radius:999px;place-items:center;min-height:26px;padding:0 9px;font-size:12px;font-style:normal;font-weight:900;display:inline-grid}.status-approved,.status-published,.status-visible,.status-ready,.status-resolved{color:#236d63;background:#e4f2ef}.status-pending,.status-draft,.status-open,.status-needs_config{color:#86611b;background:#fff2d5}.status-rejected,.status-archived,.status-hidden{color:#93413c;background:#ffe6e4}.admin-loading,.admin-error{color:#93413c;font-weight:800}.creator-apply-shell{color:#202124;background:linear-gradient(135deg,#f754541f,#0000 28rem),#f4f6f7;min-height:100vh;padding:28px}.creator-apply-card{grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:22px;width:min(100%,1040px);margin:0 auto;display:grid}.creator-apply-copy,.creator-apply-form,.creator-apply-success{background:#fff;border:1px solid #20212414;border-radius:8px}.creator-apply-copy,.creator-apply-success{flex-direction:column;gap:14px;padding:24px;display:flex}.creator-apply-copy h1,.creator-apply-copy p,.creator-apply-success h2,.creator-apply-success p,.creator-profile-summary h2,.creator-profile-summary p,.creator-message p{margin:0}.creator-apply-copy h1{font-size:32px;line-height:1.15}.creator-apply-copy p,.creator-apply-success p{color:#5f6872;line-height:1.7}.creator-apply-links{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.creator-apply-links a{color:#49525c;background:#fff;border:1px solid #20212414;border-radius:8px;align-items:center;min-height:38px;padding:0 13px;font-weight:800;text-decoration:none;display:inline-flex}.creator-apply-form{flex-direction:column;gap:12px;padding:24px;display:flex}.creator-apply-form label{color:#4f5964;gap:7px;font-size:13px;font-weight:800;display:grid}.creator-apply-form input,.creator-apply-form textarea{color:#202124;background:#fff;border:1px solid #2021241f;border-radius:8px;outline:none;width:100%;min-width:0}.creator-apply-form input{height:40px;padding:0 10px}.creator-apply-form textarea{resize:vertical;padding:10px}.creator-apply-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.creator-apply-success span{color:#236d63;background:#e4f2ef;border-radius:999px;place-items:center;width:fit-content;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-grid}.creator-login-shell{background:#eef3f5}.creator-profile-summary{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.creator-profile-summary img{object-fit:cover;border-radius:20px;width:76px;height:76px}.creator-profile-summary span{gap:6px;min-width:0;display:grid}.creator-profile-summary p:last-child{color:#58616b;line-height:1.55}.creator-message-panel{max-width:820px}.creator-message-list{flex-direction:column;gap:10px;max-height:56vh;padding-right:4px;display:flex;overflow:auto}.creator-message{background:#eef1f2;border-radius:8px;max-width:min(560px,82%);padding:11px 12px}.creator-message.mine{color:#fff;background:#f75454;align-self:flex-end}.creator-message small{color:#78818b;margin-top:5px;display:block}.creator-message.mine small{color:#ffffffc7}.creator-reply-form{margin-top:4px}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.admin-two-column,.admin-two-column.wide-left,.admin-metrics,.creator-apply-card,.creator-apply-grid{grid-template-columns:1fr}}