@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18334b;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--ink:#18334b;--muted:#7890a4;--blue:#238bd1;--blue-deep:#1675b5;--line:#e4ecf3;--surface:#fff;--soft:#eef6fc;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f7f9fc}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{height:72px;background:#ffffffeb;border-bottom:1px solid #edf1f5;position:relative;z-index:2}.header-inner,.footer-inner,.hero-inner,.directory-inner,.submit-inner{width:min(1120px,calc(100% - 56px));margin:0 auto}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:#1b354c;font-weight:700;font-size:19px;letter-spacing:0}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#e9f5fd;border-radius:11px;color:#218bd1}.top-nav{display:flex;gap:36px;margin-left:58px;color:#627d93;font-size:14px;font-weight:500}.top-nav a:hover,.back-site-link:hover{color:var(--blue)}.header-admin{display:flex;align-items:center;gap:7px;color:#6e8597;font-size:13px}.header-admin:hover{color:var(--blue)}.hero-wrap{overflow:hidden;background:#eef6fc;border-bottom:1px solid #e5eff7}.hero-inner{min-height:400px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative}.hero-copy{padding:44px 0 48px;position:relative;z-index:1}.hero-kicker,.section-kicker{display:flex;align-items:center;gap:8px;color:#3889bd;font-weight:600;font-size:12px}.kicker-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:#258cd2;background:#d9edf9}.hero-copy h1{font-size:48px;line-height:1.2;letter-spacing:0;font-weight:700;margin:19px 0 12px;color:#18344d}.hero-copy h1 span{color:#278ed1}.hero-description{margin:0;color:#6d879b;font-size:15px;line-height:1.8}.search-box{width:min(510px,100%);height:54px;margin-top:24px;padding:0 15px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0eaf1;border-radius:11px;box-shadow:0 7px 24px #2d6d9714;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#70b8e4;box-shadow:0 0 0 3px #238bd11f}.search-icon{color:#6e94ae;flex:none}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);font-size:14px;background:transparent}.search-box input::placeholder{color:#a2b2bf}.search-box kbd{font-family:inherit;color:#9aabb8;border:1px solid #e6ebef;background:#f8fafb;border-radius:5px;padding:3px 6px;font-size:10px;white-space:nowrap}.clear-search{border:0;background:none;color:#8096a8;padding:5px;display:grid;place-items:center}.search-hint{font-size:11px;color:#91a5b4;margin:9px 0 0 2px}.hero-art{height:345px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #cfe3f0;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:340px;height:190px}.orbit-two{width:275px;height:288px;transform:rotate(38deg);border-color:#d7e9f4}.art-tile{position:absolute;display:grid;place-items:center;box-shadow:0 18px 40px #3277a021}.tile-front{width:118px;height:118px;border-radius:30px;background:linear-gradient(145deg,#53b5ec,#218bd1);color:#fff;transform:translate(10px,-4px) rotate(-7deg)}.tile-back{width:78px;height:78px;border-radius:23px;background:#fff4dc;color:#e8ab36;transform:translate(94px,64px) rotate(10deg)}.art-sparkle{position:absolute;color:#67b4dd}.sparkle-one{font-size:24px;transform:translate(-132px,-82px)}.sparkle-two{font-size:16px;transform:translate(147px,-65px);color:#e9ad40}.art-caption{position:absolute;bottom:19px;left:50%;transform:translate(-50%);height:32px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1px solid #dceaf3;border-radius:20px;color:#7f9db1;background:#ffffffb8;font-size:10px}.art-caption svg{color:#a4bdcc}.art-note{position:absolute;right:2px;top:63px;color:#76a5c0;font-size:11px;line-height:1.8;transform:rotate(5deg)}.directory-section{padding:47px 0 44px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.section-kicker{font-size:11px;margin:0 0 7px}.section-heading h2,.admin-heading h1{margin:0;color:#1c3a53;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:0}.result-tools{display:flex;align-items:center;gap:17px;color:#8ba0b0;font-size:12px}.sort-select{display:flex;align-items:center;gap:7px;height:34px;padding:0 9px;border:1px solid #e2eaf0;border-radius:8px;color:#6c8293;background:#fff;position:relative}.sort-select select{appearance:none;border:0;outline:0;background:transparent;color:#61798c;padding-right:12px;font-size:12px}.sort-select>svg:last-child{position:absolute;right:8px;pointer-events:none}.category-row{display:flex;gap:8px;overflow-x:auto;padding:21px 0 22px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-chip{height:34px;padding:0 14px;white-space:nowrap;border:1px solid #e2eaf1;border-radius:8px;background:#fff;color:#748b9e;font-size:12px;transition:all .18s}.category-chip:hover{border-color:#a6d1ea;color:#2489c9}.category-chip.selected{border-color:#2d94d4;background:#2d94d4;color:#fff;box-shadow:0 3px 8px #2d94d429}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.channel-card{min-height:210px;padding:18px 18px 15px;display:flex;flex-direction:column;border:1px solid #e4ebf1;border-radius:var(--radius);background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s;animation:card-in .35s both}.channel-card:hover{transform:translateY(-3px);border-color:#c7dfee;box-shadow:0 12px 28px #26577914}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-top{display:flex;justify-content:space-between;align-items:center}.channel-avatar{width:45px;height:45px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:14px;font-size:20px;font-weight:700;color:#345c72}.channel-avatar img{width:100%;height:100%;object-fit:cover}.channel-avatar.mint{background:#d7f1e7;color:#3d9473}.channel-avatar.peach{background:#ffe5d7;color:#c77751}.channel-avatar.lilac{background:#e9e3fb;color:#806cc4}.channel-avatar.sky{background:#dceefb;color:#438bb7}.channel-avatar.lemon{background:#f7edc8;color:#aa8b31}.channel-avatar.rose{background:#f8dfe8;color:#ba6481}.card-open{width:29px;height:29px;border:1px solid #e6edf2;border-radius:50%;display:grid;place-items:center;color:#91a6b5;transition:all .2s}.channel-card:hover .card-open{background:#e9f5fc;border-color:#e9f5fc;color:#268dce;transform:translate(2px)}.card-copy{flex:1}.channel-title-line{display:flex;gap:7px;align-items:center;margin-top:13px}.channel-title-line h3{margin:0;color:#213e56;font-size:15px;font-weight:650}.featured-mark{display:grid;place-items:center;color:#e3a632}.channel-handle{margin:4px 0 8px;font-size:11px;color:#91a5b4}.channel-description{margin:0;color:#6d8497;font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #edf1f4;color:#8398a8;font-size:10px}.meta-separator{width:3px;height:3px;border-radius:50%;background:#b5c4ce}.subscriber-count{margin-left:auto;color:#90a2b0}.skeleton-card{height:210px;background:#fff;border:1px solid #e7edf2;border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px}.skeleton-card i,.skeleton-card b,.skeleton-card span{display:block;background:linear-gradient(90deg,#edf2f5 25%,#f5f8fa 38%,#edf2f5 65%);background-size:400% 100%;animation:shimmer 1.5s ease infinite;border-radius:7px}.skeleton-card i{width:45px;height:45px;border-radius:14px}.skeleton-card b{width:44%;height:15px}.skeleton-card span{height:10px;width:80%}.skeleton-card span:last-child{width:60%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty-state,.error-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8197a7}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#e8f4fb;color:#348fca}.empty-state h3{margin:16px 0 6px;color:#355268;font-size:17px}.empty-state p,.error-state p{margin:0 0 15px;font-size:13px}.text-action{display:flex;align-items:center;gap:6px;border:0;background:none;color:#2489c9;font-size:12px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;color:#8195a5;font-size:12px}.pagination button{height:34px;padding:0 11px;display:flex;align-items:center;gap:6px;border:1px solid #e1e9ef;border-radius:8px;background:#fff;color:#60798c;font-size:12px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.demo-note{display:flex;align-items:center;gap:8px;margin-top:26px;padding:11px 13px;border-radius:9px;background:#eef6fb;color:#72899b;font-size:11px}.demo-note-icon{display:grid;place-items:center;color:#549fc7}.submit-band{background:#e9f4fb;border-top:1px solid #deedf7}.submit-inner{min-height:130px;display:flex;align-items:center;justify-content:space-between}.submit-inner>div{position:relative;padding-left:48px}.submit-icon{position:absolute;left:0;top:4px;width:34px;height:34px;border-radius:11px;background:#d6ebf8;color:#258cd0;display:grid;place-items:center}.submit-inner h2{margin:0;color:#214059;font-size:16px}.submit-inner p{margin:5px 0 0;color:#7891a3;font-size:12px}.submit-button{height:39px;padding:0 15px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbe8f1;border-radius:9px;color:#3986b5;font-size:12px;font-weight:600;transition:all .18s}.submit-button:hover{border-color:#9fcbe4;transform:translateY(-1px)}.site-footer{background:#fff}.footer-inner{min-height:76px;display:flex;align-items:center;gap:15px}.footer-inner .brand{font-size:15px}.footer-inner .brand-mark{width:29px;height:29px;border-radius:9px}.footer-inner p{margin:0;color:#9aabb8;font-size:11px}.footer-inner>span{margin-left:auto;color:#a8b5bf;font-size:10px}.detail-wrap{width:min(920px,calc(100% - 40px));min-height:calc(100vh - 148px);margin:0 auto;padding:30px 0 70px}.back-link{display:inline-flex;align-items:center;gap:7px;color:#688398;font-size:13px}.back-link:hover{color:#238bd1}.detail-panel{margin-top:23px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid #e1eaf0;border-radius:17px;background:#fff;box-shadow:0 12px 40px #2353740d}.detail-cover{min-height:390px;position:relative;display:grid;place-items:center;overflow:hidden;background:#eaf5fb}.cover-line{position:absolute;width:360px;height:220px;border:1px solid #d1e6f2;border-radius:50%;transform:rotate(-27deg)}.cover-line-two{width:300px;height:320px;transform:rotate(43deg)}.cover-label{position:absolute;top:25px;left:25px;color:#84abc2;font-size:9px;letter-spacing:1.2px}.avatar-large{width:102px;height:102px;border-radius:30px;font-size:42px;box-shadow:0 16px 35px #2a709724;z-index:1}.detail-content{padding:40px 36px}.detail-category{display:inline-flex;padding:6px 10px;border-radius:7px;background:#eef6fb;color:#3c8dbb;font-size:11px}.detail-content h1{margin:14px 0 2px;color:#1e3a52;font-size:30px}.detail-username{margin:0;color:#91a4b2;font-size:13px}.detail-description{margin:21px 0 25px;color:#657f92;font-size:14px;line-height:1.9}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px 0;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.detail-facts div{display:flex;flex-direction:column;gap:6px}.detail-facts span{color:#91a2af;font-size:10px}.detail-facts b{color:#3b566a;font-size:12px;font-weight:600}.primary-button{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#268ed0;color:#fff;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.primary-button:hover{background:#1678b8;transform:translateY(-1px)}.telegram-button{margin-top:22px}.detail-disclaimer{margin:11px 0 0;color:#a1afb9;font-size:10px}.detail-loading{margin:60px auto;max-width:630px;padding:35px;border-radius:16px;background:#fff;display:grid;gap:18px}.detail-loading i,.detail-loading span{height:18px;background:#eff3f6;border-radius:8px}.detail-loading i{width:100px;height:100px;border-radius:25px}.detail-loading span:last-child{width:70%}.detail-empty{min-height:350px}.small-button{min-height:35px;font-size:12px}.admin-page{min-height:100vh;background:#f5f8fb}.admin-topbar{height:64px;padding:0 max(28px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebf1;background:#fff}.admin-topbar .brand{font-size:17px}.admin-topbar .brand-mark{width:33px;height:33px}.admin-top-right{display:flex;align-items:center;gap:22px}.access-indicator{display:flex;align-items:center;gap:6px;color:#528f75;font-size:11px}.back-site-link{display:flex;align-items:center;gap:6px;color:#6f8798;font-size:12px}.admin-main{width:min(1000px,calc(100% - 48px));margin:0 auto;padding:39px 0 72px}.admin-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-heading .section-kicker{margin-bottom:5px}.admin-heading h1{font-size:25px}.admin-heading p:last-child{margin:6px 0 0;color:#8397a7;font-size:12px}.admin-form,.admin-list-section{padding:22px 24px;border:1px solid #e3eaf0;border-radius:13px;background:#fff}.admin-section-heading,.admin-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.admin-section-heading h2,.admin-list-heading h2{margin:0;color:#2c485e;font-size:15px}.admin-section-heading p,.admin-list-heading p{margin:5px 0 0;color:#91a1ae;font-size:11px}.icon-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e4eaf0;border-radius:8px;background:#fff;color:#72899a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px}.form-grid label{display:grid;gap:6px;color:#536e82;font-size:11px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;min-height:38px;padding:9px 10px;border:1px solid #dfe7ed;border-radius:7px;background:#fff;color:#345267;font-size:12px;outline:0}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a1b0bb}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.admin-filter:focus-within{border-color:#6eb6df;box-shadow:0 0 0 3px #268ed01a}.form-grid textarea{resize:vertical}.span-two{grid-column:span 2}.check-label{display:flex!important;align-items:center;gap:8px!important;margin-top:22px}.check-label input{width:15px;height:15px;min-height:auto;accent-color:#268ed0}.form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid #edf1f4}.form-actions>span{color:#a0aeb9;font-size:10px}.form-actions .primary-button{min-height:35px;font-size:12px}.admin-alert{margin:0 0 15px;padding:11px 13px;border-radius:8px;font-size:12px}.error-alert{background:#fff0ee;color:#a64c42}.success-alert{display:flex;align-items:center;gap:7px;background:#eaf7f0;color:#438365}.admin-list-section{margin-top:18px}.admin-list-heading h2 span{margin-left:5px;color:#93a3af;font-size:11px;font-weight:500}.admin-filter{width:190px;height:34px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #e1e9ef;border-radius:7px;color:#879cab}.admin-filter input{min-width:0;width:100%;border:0;outline:0;font-size:11px}.admin-filter input::placeholder{color:#a2b0ba}.admin-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:10px 12px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;color:#91a1ad;font-size:10px;font-weight:500}td{padding:10px 12px;border-bottom:1px solid #f0f3f5;color:#687f90;font-size:11px}tbody tr:last-child td{border-bottom:0}.table-channel{display:flex;align-items:center;gap:9px}.table-channel .channel-avatar{width:34px;height:34px;border-radius:10px;font-size:15px}.table-channel>div{display:flex;flex-direction:column;gap:3px}.table-channel b{color:#355268;font-size:11px;font-weight:600}.table-channel span{color:#9aabb7;font-size:10px}.status-label{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:10px}.status-label.published{background:#e8f7ef;color:#438565}.status-label.draft{background:#f3f5f6;color:#82939f}.row-actions{display:flex;align-items:center;gap:7px}.row-action{padding:5px 7px;border:0;border-radius:5px;background:#f0f6fa;color:#5882a0;font-size:10px}.delete-action{display:grid;place-items:center;background:#fff1ef;color:#c2776d}.table-empty{text-align:center;color:#99a8b3}@media(max-width:800px){.header-inner,.footer-inner,.hero-inner,.directory-inner,.submit-inner{width:min(100% - 36px,640px)}.hero-inner{grid-template-columns:1fr .65fr;min-height:355px}.hero-copy h1{font-size:41px}.hero-art{transform:scale(.8);transform-origin:center}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav{margin-left:0;gap:20px}.detail-panel{grid-template-columns:.7fr 1.3fr}.detail-cover{min-height:355px}.detail-content{padding:32px 25px}.admin-main{width:calc(100% - 36px)}}@media(max-width:600px){.site-header{height:60px}.header-inner,.footer-inner,.hero-inner,.directory-inner,.submit-inner{width:calc(100% - 32px)}.brand{font-size:17px}.brand-mark{width:32px;height:32px}.top-nav{display:none}.header-admin{font-size:11px}.hero-inner{display:block;min-height:0}.hero-copy{padding:36px 0 25px}.hero-kicker{font-size:11px}.hero-copy h1{font-size:37px;margin:15px 0 9px}.hero-description{font-size:13px}.search-box{height:50px;margin-top:19px;padding:0 12px;gap:9px}.search-box kbd{display:none}.search-box input{font-size:12px}.search-hint{font-size:10px}.hero-art{height:135px;position:absolute;right:-67px;bottom:-15px;opacity:.52;transform:scale(.52);transform-origin:center}.directory-section{padding:32px 0 30px}.section-heading h2{font-size:22px}.result-tools{gap:8px;font-size:10px}.sort-select{height:32px;gap:3px;padding:0 6px}.sort-select select{font-size:10px}.category-row{margin-right:-16px;padding:16px 16px 17px 0;gap:7px}.category-chip{height:32px;padding:0 12px;font-size:11px}.channel-grid{grid-template-columns:1fr;gap:10px}.channel-card{min-height:184px;padding:15px}.channel-title-line{margin-top:10px}.channel-description{-webkit-line-clamp:2}.card-meta{margin-top:10px;padding-top:9px}.skeleton-card{height:184px}.demo-note{font-size:10px;line-height:1.6;align-items:flex-start}.submit-inner{min-height:117px}.submit-inner>div{padding-left:42px}.submit-inner h2{font-size:14px}.submit-inner p{font-size:10px}.submit-icon{width:32px;height:32px}.submit-button{height:36px;padding:0 10px;font-size:10px;gap:5px}.footer-inner{min-height:65px;gap:9px}.footer-inner p{font-size:9px}.footer-inner>span{font-size:9px}.footer-inner .brand{font-size:13px;gap:6px}.footer-inner .brand-mark{width:25px;height:25px}.detail-wrap{width:calc(100% - 30px);padding-top:21px}.detail-panel{grid-template-columns:1fr;margin-top:17px}.detail-cover{min-height:190px}.cover-label{top:16px;left:17px}.cover-line{width:260px;height:150px}.cover-line-two{width:220px;height:200px}.avatar-large{width:76px;height:76px;border-radius:23px;font-size:32px}.detail-content{padding:24px 21px}.detail-content h1{font-size:25px}.detail-description{font-size:13px;margin:16px 0 20px}.detail-facts{gap:5px}.detail-facts b{font-size:11px}.telegram-button{width:100%}.admin-topbar{height:58px;padding:0 15px}.admin-topbar .brand{font-size:15px;gap:7px}.admin-topbar .brand-mark{width:30px;height:30px}.admin-top-right{gap:10px}.access-indicator{font-size:9px;gap:4px}.back-site-link{font-size:10px}.admin-main{width:calc(100% - 26px);padding:27px 0 45px}.admin-heading h1{font-size:22px}.admin-heading p:last-child{font-size:10px}.admin-heading>.primary-button{min-height:36px;padding:0 10px;font-size:11px}.admin-form,.admin-list-section{padding:16px 13px;border-radius:10px}.form-grid{grid-template-columns:1fr;gap:12px}.span-two{grid-column:auto}.check-label{margin-top:2px}.form-actions>span{max-width:52%;line-height:1.5}.admin-list-heading{align-items:flex-start;gap:10px}.admin-filter{width:135px;flex:none}.admin-list-heading p{font-size:10px}th,td{padding:9px 7px}th{font-size:9px}td{font-size:10px}.table-channel{gap:6px}.table-channel .channel-avatar{width:29px;height:29px;font-size:13px}.table-channel b{font-size:10px}.table-channel span{font-size:9px}.status-label{font-size:9px;padding:4px 5px}.row-actions{gap:4px}.row-action{padding:5px}.pagination{justify-content:center}.pagination>span{margin-right:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}