@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&family=Merriweather:wght@400;700;900&family=Oxanium:wght@500;600;700;800&display=swap'); :root{--bg:#02080e;--panel:#061520;--panel2:#081c2a;--line:#163c54;--blue:#4fd1ff;--green:#66f0a5;--text:#e9f7ff;--muted:#809aaa;--danger:#ff6575;--radius:12px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#073451 0,transparent 30%),linear-gradient(#02080e,#030b12);color:var(--text);font-family:'Exo 2',Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}button,.button{border:1px solid #258fc4;border-radius:8px;padding:11px 16px;background:linear-gradient(135deg,#087abb,#13a7ee);color:white;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.secondary,button.secondary{background:#071923;color:#a8d9ef}.link{background:none;border:0;padding:0;color:#59cfff}.danger{color:var(--danger)!important}.eyebrow{font-family:'Oxanium';color:var(--blue);font-size:10px;letter-spacing:.18em;font-weight:700}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:1000;background:rgba(2,8,14,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(79,209,255,.2)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:155px}.brand span{font:700 9px 'Oxanium';color:#7e9cab;letter-spacing:.16em}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a{padding:9px 11px;border-radius:7px;color:#a9bfcd;font-size:13px}.site-nav a:hover{background:#0b2433;color:white}.site-nav .nav-cta{background:linear-gradient(135deg,#087abb,#13a7ee);color:#fff}.notification-link{position:relative}.notification-link b{position:absolute;right:1px;top:0;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#a45bff;font-size:9px}.nav-toggle{display:none}.site-main{min-height:calc(100vh - 240px)}.hero-news{max-width:1280px;margin:32px auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:20px;padding:0 24px}.featured-news,.portal-intro{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(7,26,40,.96),rgba(3,12,20,.97));box-shadow:0 20px 60px rgba(0,0,0,.32)}.featured-news{min-height:480px;padding:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background-size:cover;background-position:center}.featured-news h1{font:800 clamp(38px,5vw,72px)/1.02 'Oxanium';margin:13px 0 18px;max-width:900px}.featured-news p{font-size:17px;line-height:1.7;max-width:720px;color:#b8ccd8}.meta{font-size:11px;color:#7f9baa;margin:8px 0 22px}.portal-intro{padding:32px;display:flex;flex-direction:column;justify-content:center}.portal-intro h2{font:700 27px 'Oxanium';margin:12px 0}.portal-intro p{line-height:1.7;color:#98afbd}.category{display:inline-flex;padding:5px 9px;border:1px solid color-mix(in srgb,var(--cat,#4fd1ff) 55%,transparent);color:var(--cat,#4fd1ff);border-radius:5px;font:700 9px 'Oxanium';letter-spacing:.09em}.section{max-width:1280px;margin:0 auto;padding:54px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2,.page-hero h1{font:800 clamp(27px,4vw,45px) 'Oxanium';margin:7px 0}.section-head>a{color:#70d9ff;font-size:12px}.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.news-card,.community-card,.profile-card,.account-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#071823,#040e16);overflow:hidden;transition:.2s}.news-card:hover,.community-card:hover,.profile-card:hover{transform:translateY(-4px);border-color:#277fa9;box-shadow:0 15px 35px rgba(0,0,0,.3)}.news-card .cover,.community-card .cover{display:block;aspect-ratio:16/9;background:#06121b}.news-card .cover img,.community-card .cover img{width:100%;height:100%;object-fit:cover}.news-card>div{padding:18px}.news-card h3,.community-card h3{font:700 17px/1.35 'Oxanium';margin:12px 0}.news-card p,.community-card p{color:#8fa6b4;line-height:1.55;font-size:13px}.news-card small,.community-card small{color:#627f91;font-size:10px}.community-zone{border-top:1px solid rgba(79,209,255,.11);border-bottom:1px solid rgba(79,209,255,.11);max-width:none;background:rgba(4,16,25,.5);padding-left:max(24px,calc((100vw - 1280px)/2));padding-right:max(24px,calc((100vw - 1280px)/2))}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-card{padding:20px}.avatar-link,.author-card{display:flex;align-items:center;gap:10px}.avatar-link img,.author-card img{width:38px;height:38px;border-radius:10px;object-fit:cover;border:1px solid #287ca4}.member-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.member{display:grid;place-items:center;text-align:center;padding:15px 8px;border:1px solid #12374c;background:#06151f;border-radius:9px}.member img{width:55px;height:55px;border-radius:50%;object-fit:cover;margin-bottom:8px}.member b{font-size:12px}.member span{font-size:9px;color:#688698}.page-hero{max-width:1280px;margin:0 auto;padding:70px 24px 30px}.page-hero p{color:#91a9b8;max-width:750px}.page-hero.compact{padding-bottom:0}.auth-shell{min-height:70vh;display:grid;place-items:center;padding:50px 20px}.auth-card,.form-card{width:min(100%,520px);border:1px solid var(--line);background:linear-gradient(145deg,#071a27,#030d15);padding:30px;border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.4)}.auth-card h1,.form-card h1{font:800 30px 'Oxanium';margin:9px 0 25px}.auth-card label,.form-card label,.install-card label{display:grid;gap:7px;margin:13px 0;color:#a6bdca;font-size:12px;font-weight:700}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #1b4861;border-radius:7px;background:#030c13;color:#edf9ff;outline:none;font:inherit}input:focus,textarea:focus,select:focus{border-color:#4fd1ff;box-shadow:0 0 0 3px rgba(79,209,255,.08)}.auth-card button,.form-card>button{width:100%;margin-top:12px}.flash{padding:12px 15px;border-radius:7px;margin:12px 0;border:1px solid}.flash.error{background:#2c0c13;border-color:#7c2734}.flash.success{background:#08291b;border-color:#1e7c50}.flash.global{max-width:1280px;margin:16px auto}.article-shell{max-width:900px;margin:42px auto;padding:0 24px}.article-shell header{text-align:center}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-bottom:28px}.article-shell h1{font:800 clamp(35px,6vw,66px)/1.06 'Oxanium';margin:14px 0}.lead{font-size:18px;color:#a4bac7;line-height:1.65}.article-body{font-size:17px;line-height:1.85;color:#d6e5ed;padding:30px 0}.article-body h2,.article-body h3{font-family:'Oxanium';color:#fff;margin-top:38px}.article-body blockquote{border-left:3px solid var(--blue);padding:12px 20px;margin:25px 0;background:#061722}.comments{max-width:900px;margin:0 auto 70px;padding:0 24px}.comments h2{font:700 24px 'Oxanium'}.comments h2 span{color:#59788a}.comment-form textarea{min-height:110px}.comment-form button{margin-top:8px}.comment-list{display:grid;gap:10px;margin-top:25px}.comment{display:flex;gap:13px;padding:17px;border:1px solid #14364a;background:#06141e;border-radius:9px}.comment>img{width:42px;height:42px;border-radius:10px;object-fit:cover}.comment b,.comment small{display:block}.comment small{font-size:9px;color:#6c899a;margin-top:3px}.comment p{margin:8px 0 0;line-height:1.6;color:#b8cad4}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.profile-card{padding:24px;text-align:center;border-top:2px solid var(--accent)}.profile-card img{width:92px;height:92px;border-radius:22px;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 20%,transparent)}.profile-card h3{font:700 17px 'Oxanium';margin:14px 0 2px}.profile-card>span{color:#668497;font-size:11px}.profile-card p{min-height:52px;color:#8ba2b0;font-size:12px;line-height:1.5}.profile-card div{color:#7ea3b5;font-size:10px}.profile-hero{max-width:1280px;margin:32px auto;padding:42px;border:1px solid color-mix(in srgb,var(--accent) 45%,#163c54);border-radius:15px;background-color:#05131d;background-size:cover;background-position:center;display:flex;justify-content:space-between;gap:30px}.profile-main{display:flex;gap:24px;align-items:center}.profile-main>img{width:145px;height:145px;border-radius:25px;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 35px color-mix(in srgb,var(--accent) 25%,transparent)}.profile-main h1{font:800 39px 'Oxanium';margin:8px 0}.profile-main p{max-width:680px;color:#b5c7d1;line-height:1.6}.profile-meta{display:flex;gap:15px;flex-wrap:wrap;color:#85a3b5;font-size:11px}.profile-hero aside{min-width:180px;display:grid;align-content:center;grid-template-columns:auto 1fr;gap:4px 10px}.profile-hero aside b{font:800 24px 'Oxanium';color:var(--accent)}.profile-hero aside span{font-size:10px;color:#7897a8;align-self:center}.profile-hero aside form,.profile-hero aside .button{grid-column:1/-1;margin-top:15px}.user-article{border-top:3px solid var(--accent)}.author-card{justify-content:center;margin-bottom:20px}.author-card small{display:block;color:#6f8a9b}.account-header{max-width:1280px;margin:40px auto 20px;padding:30px 24px;display:flex;justify-content:space-between;align-items:center}.account-header h1{font:800 38px 'Oxanium';margin:8px 0}.account-header p{color:#8da6b5}.account-header>div:last-child{display:flex;gap:9px}.account-grid{max-width:1280px;margin:0 auto 20px;padding:0 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.account-card{padding:22px}.account-card b,.account-card span{display:block}.account-card b{font:700 18px 'Oxanium'}.account-card span{font-size:12px;color:#839dac;margin-top:7px}.panel{max-width:1280px;margin:20px auto;padding:22px;border:1px solid var(--line);background:#05141e;border-radius:11px}.panel-head,.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{font:700 20px 'Oxanium'}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #123247;font-size:12px}th{font:700 9px 'Oxanium';color:#7193a5;letter-spacing:.08em}td small{color:#637f90}.actions{display:flex;gap:10px;align-items:center}.actions form{margin:0}.status{display:inline-block;padding:4px 7px;border:1px solid #315367;border-radius:5px;font-size:9px;text-transform:uppercase}.status.published,.status.active{color:#72efad;border-color:#277e55}.status.draft{color:#ffd277;border-color:#8a6828}.status.blocked,.status.hidden,.status.archived{color:#ff8995;border-color:#823440}.form-shell{padding:45px 20px;display:grid;place-items:center}.form-shell.wide .form-card{width:min(100%,900px)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.avatar-preview{display:flex;gap:20px;align-items:center}.avatar-preview img{width:90px;height:90px;border-radius:18px;object-fit:cover}.notification-list{max-width:800px;display:grid;gap:9px}.notification-item{padding:16px;border:1px solid #153a4f;background:#061722;border-radius:8px}.notification-item b,.notification-item small{display:block}.notification-item small{margin-top:5px;color:#658294}.notification-item.unread{border-color:#8257ca;background:#100d24}.search-hero{display:flex;gap:10px}.search-results{display:grid;gap:10px}.search-results h3{font-family:'Oxanium';margin:25px 0 5px}.search-results>a{padding:12px;border:1px solid #13374c;background:#06151f;border-radius:7px}.empty{text-align:center;padding:40px;border:1px dashed #24485d;color:#7593a4}.pagination{display:flex;gap:6px;justify-content:center;margin-top:28px}.pagination a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #1a4a65;border-radius:6px}.pagination a.active{background:#128fd0;color:white}.site-footer{max-width:1280px;margin:50px auto 0;padding:32px 24px 22px;border-top:1px solid #153b51;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;color:#809baa}.site-footer img{width:145px}.site-footer>div{display:flex;flex-direction:column;gap:7px;font-size:11px}.site-footer b{color:#d6e9f3;font-family:'Oxanium'}.site-footer small{grid-column:1/-1;border-top:1px solid #102f41;padding-top:15px}.color-dot{display:inline-block;width:12px;height:12px;background:var(--c);border-radius:50%;margin-right:7px}.admin-body{background:#02080e}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;background:#04111a;border-right:1px solid #14394e;display:flex;flex-direction:column}.admin-logo{padding:8px 10px 25px}.admin-logo img{width:165px}.admin-logo span{display:block;font:700 8px 'Oxanium';color:#678899;letter-spacing:.16em}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{padding:10px 12px;border-radius:7px;color:#87a2b2;font-size:12px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#0a2535;color:#fff;box-shadow:inset 3px 0 #4fd1ff}.sidebar-bottom{margin-top:auto;display:grid;gap:5px;border-top:1px solid #123245;padding-top:14px}.sidebar-bottom a{font-size:11px;color:#7592a3;padding:7px}.admin-main{min-width:0}.admin-topbar{height:68px;padding:0 22px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #12384d;background:#05141e;position:sticky;top:0;z-index:50}.admin-menu-toggle{display:none}.top-search{flex:1}.top-search input{max-width:550px}.user-chip{display:flex;align-items:center;gap:8px}.user-chip img{width:37px;height:37px;border-radius:9px;object-fit:cover}.user-chip span{font-size:11px}.admin-content{padding:28px;max-width:1500px}.admin-title h1{font:800 32px 'Oxanium';margin:5px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.stats-grid>div{padding:22px;border:1px solid #17425a;background:linear-gradient(145deg,#071a26,#041019);border-radius:9px}.stats-grid b,.stats-grid span{display:block}.stats-grid b{font:800 32px 'Oxanium';color:#56d2ff}.stats-grid span{font-size:10px;color:#7896a7;margin-top:6px;text-transform:uppercase}.admin-content .panel{max-width:none;margin:18px 0}.admin-two{display:grid;grid-template-columns:360px 1fr;gap:18px}.admin-content .form-card{width:100%;max-width:none}.table-wrap{overflow:auto}.install-body{display:grid;place-items:center;padding:35px 20px}.install-shell{width:min(720px,100%)}.install-logo{width:190px}.install-shell h1{font:800 34px 'Oxanium'}.install-steps{display:flex;gap:8px;margin:20px 0}.install-steps span{flex:1;padding:10px;text-align:center;border:1px solid #153c52;color:#617f90}.install-steps span.active{border-color:#4fd1ff;color:#fff}.install-card{padding:28px;border:1px solid var(--line);background:#061722;border-radius:12px}.install-card h2{font-family:'Oxanium'} @media(max-width:1000px){.news-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(3,1fr)}.member-strip{grid-template-columns:repeat(4,1fr)}.hero-news{grid-template-columns:1fr}.featured-news{min-height:420px}.community-grid{grid-template-columns:repeat(2,1fr)}.site-header{padding:0 16px}.nav-toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;background:#071b27;border:1px solid #1c536f}.nav-toggle span{width:20px;height:2px;background:#55d3ff}.site-nav{position:fixed;top:74px;right:0;bottom:0;width:min(330px,88vw);padding:18px;background:#031019;flex-direction:column;align-items:stretch;transform:translateX(105%);transition:.2s;border-left:1px solid #174158}.site-nav.open{transform:none}.site-nav a{padding:12px}.admin-shell{display:block}.admin-sidebar{position:fixed;z-index:100;transform:translateX(-105%);width:270px;transition:.2s}.admin-sidebar.open{transform:none}.admin-menu-toggle{display:block}.admin-content{padding:18px}.admin-two{grid-template-columns:1fr}}@media(max-width:680px){.featured-news{padding:28px;min-height:450px}.featured-news h1{font-size:35px}.news-grid,.community-grid,.profile-grid,.account-grid,.form-grid,.stats-grid{grid-template-columns:1fr}.section{padding:38px 14px}.hero-news{padding:0 14px;margin-top:18px}.section-head{align-items:start}.member-strip{grid-template-columns:repeat(2,1fr)}.profile-hero{margin:15px;padding:22px;display:block}.profile-main{display:block}.profile-main>img{width:110px;height:110px}.profile-main h1{font-size:28px}.profile-hero aside{margin-top:20px}.account-header{display:block;padding:20px 14px}.account-header>div:last-child{margin-top:15px;display:grid}.article-shell,.comments{padding:0 14px}.article-shell h1{font-size:37px}.site-footer{grid-template-columns:1fr;padding:25px 16px}.site-footer small{grid-column:auto}.admin-content{padding:12px}.admin-title{align-items:flex-start}.admin-title h1{font-size:26px}.panel{padding:14px}.form-card{padding:21px}.search-hero{display:grid}} /* Portal 2.0 */ .editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #1b4861;border-bottom:0;border-radius:7px 7px 0 0;background:#071923} .editor-toolbar button{width:auto!important;margin:0!important;padding:7px 10px;background:#0a2637;border-color:#245d79} .rich-editor{border-radius:0 0 7px 7px;min-height:360px} .social-actions{margin:28px 0;padding:18px;border:1px solid #163c54;border-radius:10px;background:#06151f} .reaction-bar{display:flex;flex-wrap:wrap;gap:8px} .reaction{background:#081d2a;border-color:#24536b;color:#b8d9e9;padding:8px 11px} .reaction span{color:#62d6ff} .report-box{margin-top:12px;color:#819ead}.report-box form{display:grid;gap:8px;margin-top:10px}.report-box textarea{min-height:80px} .comment{margin-left:calc(var(--depth,0) * 28px)}.reply-box summary{cursor:pointer;color:#62d6ff;font-size:11px}.reply-box form{margin-top:8px}.inline-report{display:inline-block;margin-left:10px} .security-grid{max-width:1280px;margin:0 auto;padding:0 24px 60px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-grid .danger-zone{grid-column:1/-1}.danger-button{background:#7d2633;border-color:#a93c4b}.verify-warning{margin-top:12px;padding:10px 12px;border:1px solid #8c6c2f;background:#2b220c;color:#ffd87c;border-radius:7px;font-size:12px} .release-list{display:grid;gap:12px}.release-card{display:grid;grid-template-columns:90px 110px 1fr auto;align-items:center;gap:18px;padding:16px;border:1px solid #163c54;border-radius:10px;background:#06151f}.release-card img{width:90px;height:110px;object-fit:cover;border-radius:7px}.release-card time{font:700 13px 'Oxanium';color:#62d6ff}.release-card h2{margin:0 0 6px;font:700 18px 'Oxanium'}.release-card p{margin:0 0 5px;color:#8fa7b5}.month-picker{display:flex;gap:8px;max-width:350px;margin-top:18px} .category-strip{display:flex;gap:6px;overflow-x:auto;padding:8px max(16px,calc((100vw - 1280px)/2));border-bottom:1px solid #12364a;background:#04111a}.category-strip a{white-space:nowrap;padding:7px 10px;border:1px solid #17445d;border-radius:6px;font-size:10px} @media(max-width:700px){.security-grid{grid-template-columns:1fr;padding:0 14px}.security-grid .danger-zone{grid-column:auto}.release-card{grid-template-columns:70px 1fr}.release-card img{width:70px;height:90px}.release-card time,.release-card>.status{grid-column:2}.comment{margin-left:calc(var(--depth,0) * 10px)}} .portal-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ranking-list{list-style:none;padding:0;margin:0;border:1px solid #163c54;border-radius:10px;overflow:hidden}.ranking-list li{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #12364a;background:#06151f}.ranking-list li:last-child{border-bottom:0}.ranking-list li>b{font:800 20px 'Oxanium';color:#2f7899}.ranking-list li>span{font-size:9px;color:#658496}.upcoming-list{display:grid;gap:8px}.upcoming-list>a{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid #163c54;border-radius:8px;background:#06151f}.upcoming-list time{font:800 17px 'Oxanium';color:#62d6ff}.upcoming-list span b,.upcoming-list span small{display:block}.upcoming-list small{color:#718e9e;margin-top:4px}.category-strip a{border-top:2px solid var(--cat)}@media(max-width:800px){.portal-columns{grid-template-columns:1fr}.ranking-list li{grid-template-columns:40px 1fr}.ranking-list li>span{display:none}} /* GeekHouse Portal 2.1 — visual rebuild */ :root{--purple:#a45bff;--pink:#ff6fae;--orange:#ffb858;--soft-line:rgba(88,168,210,.18)} .category-bar{position:sticky;top:74px;z-index:900;display:flex;gap:4px;overflow-x:auto;padding:8px max(14px,calc((100vw - 1280px)/2));background:rgba(3,12,20,.95);border-bottom:1px solid var(--soft-line);backdrop-filter:blur(14px);scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.category-bar a{flex:0 0 auto;padding:7px 11px;color:#8fa9b8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid transparent}.category-bar a:hover{color:var(--cat,#fff);border-color:var(--cat,#4fd1ff);background:color-mix(in srgb,var(--cat,#4fd1ff) 7%,transparent)} .portal-lead{max-width:1280px;margin:28px auto 0;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.lead-main{min-width:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:14px}.portal-featured{min-height:520px;padding:48px}.portal-featured h1{max-width:820px;font-size:clamp(38px,4.8vw,68px)}.lead-side{display:grid;gap:12px}.lead-mini{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px;border-bottom:1px solid var(--soft-line);background:rgba(6,23,34,.52)}.lead-mini>img{width:110px;height:92px;object-fit:cover;border-radius:7px}.lead-mini h3{margin:8px 0 6px;font:700 14px/1.35 'Exo 2',Arial,sans-serif}.portal-rail{display:grid;gap:14px;align-content:start}.rail-block{padding:20px;background:linear-gradient(145deg,#071923,#041018);border-top:2px solid #267ba2;box-shadow:0 14px 35px rgba(0,0,0,.24)}.rail-block h2{font:700 18px 'Oxanium';margin:8px 0 14px}.rank-item{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid var(--soft-line)}.rank-item b{font:800 17px 'Oxanium';color:#315f78}.rank-item span{font-size:12px;line-height:1.45}.releases>a{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--soft-line)}.releases time{display:grid;place-items:center;border:1px solid #8b6730;color:#ffc56e;border-radius:6px;font:700 11px 'Oxanium'}.releases b,.releases small{display:block}.releases b{font-size:12px}.releases small{font-size:9px;color:#738e9e;margin-top:3px} .news-ticker{max-width:1280px;margin:18px auto 0;padding:0 24px;display:grid;grid-template-columns:auto 1fr}.news-ticker>span{padding:11px 15px;background:#0d76a9;font:700 9px 'Oxanium';letter-spacing:.1em}.news-ticker>div{min-width:0;display:flex;gap:22px;overflow:hidden;padding:11px 16px;background:#061722;border:1px solid var(--soft-line)}.news-ticker a{flex:0 0 auto;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#a8bfcc} .editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.editorial-list{display:grid}.editorial-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--soft-line)}.editorial-row .thumb{aspect-ratio:16/9;overflow:hidden;border-radius:8px}.editorial-row img{width:100%;height:100%;object-fit:cover}.editorial-row h3{font:700 22px/1.25 'Exo 2',Arial,sans-serif;margin:8px 0}.editorial-row p{color:#88a1b0;line-height:1.55;font-size:13px}.editorial-aside{align-self:start;position:sticky;top:145px}.aside-card{padding:26px;background:linear-gradient(145deg,rgba(20,12,40,.92),rgba(4,14,22,.96));border-top:2px solid var(--purple);box-shadow:0 18px 50px rgba(0,0,0,.26)}.aside-card h3{font:700 23px 'Oxanium';margin:11px 0}.aside-card p{color:#9bacc0;line-height:1.65} .community-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-card.personality{padding:0;border:0;border-top:3px solid var(--accent);background:linear-gradient(145deg,rgba(15,9,27,.95),rgba(5,15,23,.98));box-shadow:0 16px 38px rgba(0,0,0,.27)}.community-cover{display:block;aspect-ratio:16/8;overflow:hidden}.community-cover img{width:100%;height:100%;object-fit:cover}.community-author{padding:16px 18px 0}.community-author a{display:flex;align-items:center;gap:10px}.community-author img{width:44px;height:44px;border-radius:12px;object-fit:cover;border:2px solid var(--accent)}.community-author b,.community-author small{display:block}.community-author small{color:#798f9e;font-size:9px}.community-card.personality h3,.community-card.personality p{padding-left:18px;padding-right:18px}.community-card.personality footer{display:flex;justify-content:space-between;padding:13px 18px 17px;color:#7892a2;font-size:9px}.community-card.personality footer span{color:var(--accent)} .member-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.member-row{display:grid;grid-template-columns:54px 150px 1fr;gap:12px;align-items:center;padding:12px;background:rgba(5,18,27,.78);border-left:2px solid var(--accent);border-bottom:1px solid var(--soft-line)}.member-row img{width:54px;height:54px;border-radius:14px;object-fit:cover}.member-row b,.member-row small{display:block}.member-row small{font-size:9px;color:#6c8798}.member-row em{font-style:normal;color:#8299a7;font-size:11px} .article-layout{max-width:1180px}.article-layout header{max-width:900px;margin:auto}.article-main{max-width:760px;margin:auto}.article-tools{display:flex;gap:10px;padding:12px 0 18px;border-bottom:1px solid var(--soft-line);color:#7e98a7;font-size:10px}.article-tools button,.article-tools a{padding:0;border:0;background:none;color:#59cfff;font-size:10px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:3000}.reading-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4fd1ff,#a45bff);box-shadow:0 0 10px #4fd1ff}.author-box{margin-top:34px;padding:22px;border-left:3px solid #4fd1ff;background:#061722}.author-box h3{font:700 20px 'Oxanium';margin:7px 0}.author-box p{margin:0;color:#8da4b2} .profile-dashboard{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.profile-sidebar{display:grid;gap:14px;position:sticky;top:145px}.profile-panel{padding:18px;background:linear-gradient(145deg,#071923,#041018);border-top:2px solid var(--accent)}.profile-panel p{color:#9bb0bc;line-height:1.6;font-size:12px}.profile-panel a,.profile-panel>span:not(.eyebrow){display:block;padding:6px 0;font-size:11px;color:#8faabb}.game-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.game-tags span{padding:6px 8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);border-radius:5px;font-size:9px}.profile-posts{display:grid;gap:12px}.profile-post{display:grid;grid-template-columns:210px 1fr;gap:17px;padding:14px 0;border-bottom:1px solid var(--soft-line)}.profile-post .cover{aspect-ratio:16/9;overflow:hidden;border-radius:8px}.profile-post img{width:100%;height:100%;object-fit:cover}.profile-post h3{font:700 20px 'Exo 2',Arial,sans-serif;margin:6px 0}.profile-post p{font-size:12px;color:#8ca2af;line-height:1.55}.profile-stat{display:contents} .community-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.directory-card{overflow:hidden;background:linear-gradient(145deg,#071923,#041018);border-top:3px solid var(--accent);box-shadow:0 16px 40px rgba(0,0,0,.26)}.directory-cover{height:105px;background:linear-gradient(rgba(3,10,16,.18),rgba(3,10,16,.75)),var(--cover,linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,#071923),#041018));background-size:cover;background-position:center}.directory-body{display:flex;gap:13px;align-items:center;padding:0 18px;margin-top:-27px}.directory-body img{width:70px;height:70px;border-radius:17px;object-fit:cover;border:3px solid #071923;box-shadow:0 0 0 2px var(--accent)}.directory-body h3{margin:27px 0 2px;font:700 17px 'Oxanium'}.directory-body span{font-size:9px;color:#6f8998}.directory-card>p{min-height:62px;padding:12px 18px 0;color:#879fac;font-size:12px;line-height:1.55}.directory-card footer{display:flex;align-items:center;gap:13px;padding:15px 18px;border-top:1px solid var(--soft-line);font-size:9px;color:#7490a0}.directory-card footer a{margin-left:auto;color:var(--accent)} .admin-sidebar nav a{display:flex;align-items:center;gap:10px}.admin-sidebar nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.admin-title p{color:#7f99a8;margin:5px 0 0}.editorial-stats>div{position:relative;overflow:hidden}.editorial-stats svg{position:absolute;right:12px;top:12px;width:28px;height:28px;fill:none;stroke:currentColor;opacity:.25}.editorial-stats .blue{color:#56d2ff}.editorial-stats .violet{color:#b68cff}.editorial-stats .green{color:#68e8a1}.editorial-stats .pink{color:#ff7ab8}.dashboard-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.attention-panel{padding:22px;background:linear-gradient(145deg,#151021,#07111a);border-top:2px solid #a45bff}.attention-panel h2{font:700 21px 'Oxanium'}.attention-panel a{display:grid;grid-template-columns:45px 1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(164,91,255,.16)}.attention-panel b{font:800 22px 'Oxanium';color:#b78aff}.attention-panel span{font-size:11px;color:#91a2b2} .site-footer{grid-template-columns:2fr 1fr 1fr 1fr}.footer-badges{display:flex!important;flex-direction:row!important;gap:6px!important;margin-top:8px}.footer-badges span{padding:4px 6px;border:1px solid #20475d;font-size:8px;color:#6d90a4} @media(max-width:1100px){.portal-lead{grid-template-columns:1fr}.portal-rail{grid-template-columns:1fr 1fr}.editorial-layout{grid-template-columns:1fr}.editorial-aside{position:static}.community-showcase,.community-directory{grid-template-columns:repeat(2,1fr)}.dashboard-editorial-grid{grid-template-columns:1fr}} @media(max-width:760px){.portal-lead{padding:0 14px;margin-top:16px}.lead-main{grid-template-columns:1fr}.portal-featured{min-height:430px;padding:28px}.portal-rail{grid-template-columns:1fr}.news-ticker{padding:0 14px}.news-ticker>div{overflow-x:auto}.editorial-row{grid-template-columns:120px 1fr;gap:12px}.editorial-row h3{font-size:16px}.editorial-row p{display:none}.community-showcase,.community-directory{grid-template-columns:1fr}.member-list{grid-template-columns:1fr}.member-row{grid-template-columns:50px 120px 1fr}.profile-dashboard{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-post{grid-template-columns:110px 1fr}.profile-post h3{font-size:16px}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}} @media(max-width:500px){.portal-featured{min-height:390px;padding:22px}.portal-featured h1{font-size:34px}.lead-mini{grid-template-columns:82px 1fr}.lead-mini>img{width:82px;height:74px}.editorial-row{grid-template-columns:1fr}.editorial-row .thumb{aspect-ratio:16/8}.member-row{grid-template-columns:48px 1fr}.member-row em{display:none}.profile-post{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}} /* GeekHouse Portal 3.0 — community systems */ .portal-life-grid{display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:16px}.daily-poll,.geeksite-day,.xp-leaderboard{padding:24px;background:linear-gradient(145deg,#071923,#041018);border-top:2px solid #4fd1ff;box-shadow:0 16px 42px rgba(0,0,0,.28)}.daily-poll h2,.geeksite-day h2,.xp-leaderboard h2{font:700 22px 'Oxanium'}.daily-poll form{display:grid;gap:8px}.daily-poll label{display:flex;gap:9px;padding:11px;border:1px solid #173a4e}.daily-poll input{width:auto}.poll-results>div{margin:12px 0}.poll-results span{display:flex;justify-content:space-between;font-size:11px}.poll-results i{display:block;height:7px;margin-top:5px;background:linear-gradient(90deg,#4fd1ff,#a45bff);border-radius:8px}.geeksite-day{border-color:var(--accent);text-align:center}.geeksite-day img{width:100px;height:100px;border-radius:24px;object-fit:cover;border:2px solid var(--accent)}.geeksite-day p{color:#8fa7b5;line-height:1.6}.xp-leaderboard>a:not(.more){display:grid;grid-template-columns:28px 40px 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--soft-line)}.xp-leaderboard img{width:40px;height:40px;border-radius:10px;object-fit:cover}.xp-leaderboard span,.xp-leaderboard small{display:block}.xp-leaderboard small{color:#718c9c;font-size:9px}.xp-leaderboard .more{display:block;margin-top:14px;color:#58d0ff;font-size:11px} .player-rank{max-width:360px;margin-top:13px}.player-rank>span{font:700 9px 'Oxanium';color:var(--accent)}.player-rank>b{display:block;margin:4px 0;color:#fff}.player-rank>div{height:7px;background:#06111a;border-radius:8px;overflow:hidden}.player-rank i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#fff)}.player-rank small{display:block;margin-top:5px;color:#7891a0;font-size:9px}.profile-extra{padding-top:12px}.pinned-post{padding:25px;margin-bottom:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,#071923),#041018);border-left:3px solid var(--accent)}.profile-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-achievements>div{padding:13px;text-align:center;background:#06151f;border:1px solid #153b51}.mini-achievements span{display:block;font-size:27px}.activity-feed>div{display:grid;grid-template-columns:12px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--soft-line)}.activity-feed i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.activity-feed small{display:block;color:#688696;font-size:9px} .ranking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.period-tabs{display:flex;gap:6px;margin-top:18px}.period-tabs a{padding:8px 11px;border:1px solid #1d4d67;font-size:10px}.period-tabs a.active{background:#0b78ad}.ranking-panel{padding:20px;background:#06151f;border-top:2px solid #4fd1ff}.ranking-panel>a{display:grid;grid-template-columns:30px 44px 1fr;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--soft-line)}.ranking-panel img{width:44px;height:44px;border-radius:11px;object-fit:cover}.ranking-panel span,.ranking-panel small{display:block}.ranking-panel small{font-size:9px;color:#708b9a} .game-search{display:flex;gap:8px;max-width:680px;margin-top:22px}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{overflow:hidden;background:linear-gradient(145deg,#071923,#041018);border-top:2px solid #ffb858}.game-card>img{width:100%;aspect-ratio:3/4;object-fit:cover}.game-card>div{padding:17px}.game-card h2{font:700 17px 'Oxanium'}.game-card p{font-size:11px;color:#849ca9}.game-card footer{display:flex;justify-content:space-between}.game-card footer b{font:800 20px 'Oxanium';color:#ffbd62}.game-hero{max-width:1280px;margin:28px auto;padding:42px;display:grid;grid-template-columns:260px 1fr;gap:32px;background-size:cover;background-position:center;border-bottom:2px solid #ffb858}.game-hero>div img{width:260px;border-radius:12px}.game-hero h1{font:800 clamp(36px,6vw,68px) 'Oxanium'}.game-meta{display:flex;gap:12px;flex-wrap:wrap}.score-row{display:flex;gap:12px;margin:22px 0}.score-row>div{min-width:100px;padding:12px;border:1px solid #604b2b;text-align:center}.score-row b,.score-row span{display:block}.score-row b{font:800 28px 'Oxanium';color:#ffc16b}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.game-layout>aside{position:sticky;top:145px}.requirements{white-space:pre-wrap;padding:20px;background:#030c13;border:1px solid #183b4e}.game-review{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--soft-line)}.game-review>img{width:50px;height:50px;border-radius:12px;object-fit:cover}.game-review header{display:flex;gap:8px}.game-review header b{margin-left:auto;color:#ffbd62}.review-form{padding:22px;background:#061722;border-top:2px solid #ffb858} .achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.achievement{padding:22px;text-align:center;background:#06151f;border-top:2px solid #284b5e}.achievement.unlocked{border-color:#ffbf61}.achievement.locked{filter:grayscale(1);opacity:.48}.achievement>div{font-size:42px}.profile-layout-terminal{font-family:monospace}.profile-layout-minimal{background-image:none!important}.profile-layout-magazine{border-top:4px solid var(--accent)}.editorial-stats{grid-template-columns:repeat(6,1fr)}.editorial-stats .orange{color:#ffb858} @media(max-width:1100px){.portal-life-grid{grid-template-columns:1fr 1fr}.xp-leaderboard{grid-column:1/-1}.games-grid{grid-template-columns:repeat(3,1fr)}.ranking-grid{grid-template-columns:1fr 1fr}.editorial-stats{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.portal-life-grid,.profile-extra-grid,.game-layout,.ranking-grid{grid-template-columns:1fr}.games-grid{grid-template-columns:repeat(2,1fr)}.game-hero{margin:15px;padding:24px;grid-template-columns:110px 1fr}.game-hero>div img{width:110px}.game-layout>aside{position:static}.mini-achievements{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.games-grid{grid-template-columns:1fr}.game-hero{grid-template-columns:1fr}.game-hero>div img{width:160px}.editorial-stats{grid-template-columns:1fr 1fr}} /* 3.2 stability UI */ .pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:28px 0}.pagination a{min-width:36px;padding:9px 11px;text-align:center;border:1px solid #1c4b65;background:#061722}.pagination a.active{background:#0c79ae;color:#fff}.linked-game-content{margin-top:28px;padding:20px;background:#061722;border-top:2px solid #a45bff}.linked-game-content a{display:block;padding:9px 0;border-bottom:1px solid var(--soft-line)}.table-actions{display:flex;gap:10px;margin-top:6px;font-size:10px}.table-actions form{display:inline}.danger{color:#ff7c8d!important}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto} /* ========================================================= GeekHouse Portal 3.3 — Steam-like Achievements ========================================================= */ .achievements-hero{position:relative;overflow:hidden} .achievements-hero:after{content:"🏆";position:absolute;right:7%;top:8%;font-size:150px;opacity:.045;filter:grayscale(1)} .achievement-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px} .achievement-summary>div{min-width:115px;padding:12px 16px;background:rgba(4,19,29,.76);border:1px solid #1b4d67} .achievement-summary b,.achievement-summary span{display:block}.achievement-summary b{font:800 24px 'Oxanium';color:#fff}.achievement-summary span{font-size:9px;color:#7e99a8;text-transform:uppercase} .achievement-browser{padding-top:20px}.achievement-filters,.achievement-state-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px} .achievement-filters a,.achievement-state-filters a{padding:8px 11px;border:1px solid #173f55;background:#06151f;font-size:10px} .achievement-filters a.active,.achievement-state-filters a.active{background:#0b76a8;color:#fff;border-color:#4fd1ff} .achievement-filters small{margin-left:4px;color:#6f8e9f} .achievement-showcase-form{display:block}.showcase-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 14px;padding:15px 18px;background:#071923;border-left:3px solid #a45bff}.showcase-head h2{margin:4px 0 0;font:700 18px 'Oxanium'} .steam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .achievement-card{position:relative;display:grid;grid-template-columns:82px 1fr;gap:16px;padding:17px;background:linear-gradient(145deg,#071923,#041018);border-left:3px solid #2c5266;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:.2s ease} .achievement-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.33)} .achievement-card.locked{opacity:.56;filter:saturate(.35)}.achievement-card.unlocked{opacity:1} .achievement-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:12px;background:#020b11;border:1px solid #244e65;font-size:40px;box-shadow:inset 0 0 24px rgba(79,209,255,.06)} .achievement-copy h2{margin:5px 0;font:700 16px 'Oxanium'}.achievement-copy p{margin:0;color:#8da4b1;font-size:11px;line-height:1.5;min-height:34px} .achievement-topline{display:flex;justify-content:space-between;gap:10px;color:#718d9c;font-size:8px;text-transform:uppercase;letter-spacing:.08em} .rarity-badge{font-weight:700}.achievement-progress{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:11px}.achievement-progress>span{height:7px;overflow:hidden;border-radius:8px;background:#020a10}.achievement-progress i{display:block;height:100%;background:linear-gradient(90deg,#4fd1ff,#a45bff)}.achievement-progress small{font-size:8px;color:#698899} .achievement-card footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:8px;color:#75909f}.achievement-card footer span:first-child{color:#ffbf61}.achievement-card footer time{margin-left:auto} .showcase-pick{position:absolute;right:10px;bottom:8px;z-index:2;display:flex;align-items:center;gap:4px;font-size:8px;color:#9fb2bd}.showcase-pick input{width:auto} .rarity-common{--rarity:#8aa0ac}.rarity-uncommon{--rarity:#62d88f}.rarity-rare{--rarity:#54b9ff}.rarity-very_rare{--rarity:#b279ff}.rarity-legendary{--rarity:#ffb44e} .achievement-card[class*="rarity-"]{border-left-color:var(--rarity)}.achievement-card.unlocked .achievement-icon{border-color:var(--rarity);box-shadow:0 0 18px color-mix(in srgb,var(--rarity) 24%,transparent),inset 0 0 22px color-mix(in srgb,var(--rarity) 10%,transparent)}.rarity-badge{color:var(--rarity)} .profile-achievement-progress{height:8px;margin:0 0 14px;background:#020a10;border-radius:9px;overflow:hidden}.profile-achievement-progress i{display:block;height:100%;background:linear-gradient(90deg,#4fd1ff,#a45bff)} .mini-achievements.showcase>div{position:relative;border-top:2px solid var(--rarity,#4fd1ff)}.mini-achievements.showcase small{display:block;margin-top:5px;color:var(--rarity,#7995a5);font-size:8px} .achievement-toast-stack{position:fixed;right:18px;bottom:18px;z-index:5000;display:grid;gap:10px;max-width:min(420px,calc(100vw - 28px))} .achievement-toast{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:14px;background:linear-gradient(135deg,#071923,#100b1d);border:1px solid #8154b4;border-left:4px solid #a45bff;box-shadow:0 18px 55px rgba(0,0,0,.55);animation:achievementIn .35s ease both} .achievement-toast>div{display:grid;place-items:center;width:58px;height:58px;border-radius:10px;background:#020b11;font-size:31px}.achievement-toast section>span{font:700 8px 'Oxanium';color:#b98cff;letter-spacing:.08em}.achievement-toast section>b{display:block;margin:4px 0;font:700 14px 'Oxanium'}.achievement-toast p{margin:0;color:#91a6b2;font-size:10px}.achievement-toast small{color:#ffbf61}.achievement-toast button{align-self:start;padding:0;border:0;background:none;color:#829aa7;font-size:20px} .achievement-toast.hiding{animation:achievementOut .3s ease both}@keyframes achievementIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}@keyframes achievementOut{to{opacity:0;transform:translateX(35px)}} .achievement-admin-grid{grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr)}.form-checks{display:flex;gap:18px;margin:12px 0}.form-checks label{display:flex;align-items:center;gap:7px}.form-checks input{width:auto}.grant-achievement{margin-bottom:15px}.grant-achievement form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.achievement-table-panel{overflow-x:auto}.achievement-table-panel td small{display:block;color:#6f8997;font-size:8px;margin-top:4px}.admin-ach-icon{font-size:19px;margin-right:6px}.success{color:#63e59a!important} @media(max-width:900px){.steam-grid{grid-template-columns:1fr}.achievement-admin-grid{grid-template-columns:1fr}.grant-achievement form{grid-template-columns:1fr}} @media(max-width:560px){.achievement-card{grid-template-columns:58px 1fr;padding:13px;gap:11px}.achievement-icon{width:58px;height:58px;font-size:29px}.achievement-copy h2{font-size:13px}.achievement-card footer time{margin-left:0}.showcase-head{align-items:flex-start;flex-direction:column}} /* 3.4 compact public navigation */ .site-nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.site-nav>a,.nav-dropdown-toggle{white-space:nowrap} .nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:5px;padding:10px 8px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.nav-dropdown-toggle span{font-size:9px;opacity:.7;transition:.2s}.nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)} .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:250;display:none;min-width:195px;padding:8px;background:#06141d;border:1px solid #1d465b;box-shadow:0 18px 45px rgba(0,0,0,.42)}.nav-dropdown.open .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}.nav-dropdown-menu a:last-child{border-bottom:0}.nav-dropdown-menu a:hover{background:#0b2533} @media(max-width:900px){.site-nav{display:none}.site-header.nav-open .site-nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;z-index:250;padding:12px;background:#04121a;border-top:1px solid #173f55}.site-header.nav-open .site-nav>a,.site-header.nav-open .nav-dropdown-toggle{width:100%;justify-content:space-between;padding:12px}.nav-dropdown{width:100%}.nav-dropdown-menu{position:static;min-width:0;margin:0 8px 8px;box-shadow:none}} /* 3.4.1 — profile menu and compact header */ .header-search-toggle{ display:grid;place-items:center;width:38px;height:38px;padding:0; border:1px solid #174156;background:#06151f;color:#d7edf7; font-size:22px;cursor:pointer } .header-search-toggle:hover{border-color:#4fd1ff;color:#4fd1ff} .user-nav-dropdown{margin-left:3px} .user-nav-toggle{ display:flex!important;align-items:center!important;gap:8px!important; padding:5px 8px!important;border:1px solid #174156!important; background:#06151f!important;border-radius:22px } .user-nav-toggle img{ width:30px;height:30px;border-radius:50%;object-fit:cover; border:1px solid #2f6178;background:#020b11 } .user-nav-toggle>span{ max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap } .user-nav-toggle>b{ display:grid;place-items:center;min-width:18px;height:18px; padding:0 5px;border-radius:12px;background:#a45bff;color:#fff;font-size:8px } .user-nav-toggle i{font-style:normal;font-size:8px;opacity:.7} .user-menu{right:0;left:auto;min-width:220px} .user-menu a{display:flex;justify-content:space-between;align-items:center} .header-search-panel{ position:fixed;inset:0;z-index:1000;display:none;place-items:start center; padding-top:110px;background:rgba(1,7,11,.88);backdrop-filter:blur(8px) } .header-search-panel.open{display:grid} .header-search-panel form{ position:relative;display:grid;grid-template-columns:1fr auto; width:min(850px,calc(100% - 32px));padding:14px; background:#071923;border:1px solid #28566d; box-shadow:0 25px 70px rgba(0,0,0,.55) } .header-search-panel input{ min-width:0;padding:16px 18px;border:0;background:#020b11; color:#fff;font-size:16px } .header-search-panel form>button:last-child{min-width:110px} .header-search-close{ position:absolute;right:0;top:-44px;width:38px;height:38px; border:1px solid #31596c;background:#06151f;color:#fff;font-size:22px } @media(max-width:1100px){ .user-nav-toggle>span{display:none} } @media(max-width:900px){ .header-search-toggle{ width:100%;justify-content:flex-start;padding-left:12px } .user-nav-dropdown{width:100%;margin-left:0} .user-nav-toggle{ width:100%;justify-content:flex-start!important;border-radius:0 } .user-nav-toggle>span{display:block} .user-menu{right:auto;left:0;width:100%} .header-search-panel{padding-top:70px} } @media(max-width:560px){ .header-search-panel form{grid-template-columns:1fr} .header-search-panel form>button:last-child{min-height:44px} } /* 3.4.2 — digital navigation effects */ .site-header{ --nav-cyan:#4fd1ff; --nav-violet:#a45bff; } .site-nav>a, .nav-dropdown-toggle, .header-search-toggle{ position:relative; isolation:isolate; overflow:hidden; transition: color .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; } .site-nav>a::before, .nav-dropdown-toggle::before, .header-search-toggle::before{ content:""; position:absolute; inset:auto 8px 3px; height:1px; z-index:-1; background:linear-gradient(90deg,transparent,var(--nav-cyan),var(--nav-violet),transparent); transform:scaleX(0); transform-origin:center; transition:transform .22s ease; } .site-nav>a::after, .nav-dropdown-toggle::after, .header-search-toggle::after{ content:""; position:absolute; inset:0; z-index:-2; opacity:0; background: linear-gradient(90deg,transparent 0 12%,rgba(79,209,255,.08) 12% 13%,transparent 13% 37%,rgba(164,91,255,.08) 37% 38%,transparent 38%), repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px); transform:translateX(-18%); transition:opacity .18s ease,transform .3s ease; } .site-nav>a:hover, .nav-dropdown-toggle:hover, .nav-dropdown.open>.nav-dropdown-toggle, .header-search-toggle:hover{ color:#fff; border-color:rgba(79,209,255,.72)!important; background-color:rgba(7,33,45,.9)!important; box-shadow: 0 0 0 1px rgba(79,209,255,.08), 0 0 16px rgba(79,209,255,.11), inset 0 0 14px rgba(79,209,255,.055); transform:translateY(-1px); } .site-nav>a:hover::before, .nav-dropdown-toggle:hover::before, .nav-dropdown.open>.nav-dropdown-toggle::before, .header-search-toggle:hover::before{ transform:scaleX(1); } .site-nav>a:hover::after, .nav-dropdown-toggle:hover::after, .nav-dropdown.open>.nav-dropdown-toggle::after, .header-search-toggle:hover::after{ opacity:1; transform:translateX(0); } .site-nav>a:focus-visible, .nav-dropdown-toggle:focus-visible, .header-search-toggle:focus-visible{ outline:1px solid var(--nav-cyan); outline-offset:3px; } .nav-dropdown-toggle>span, .user-nav-toggle>i{ transition:transform .2s ease,color .2s ease; } .nav-dropdown.open>.nav-dropdown-toggle>span, .nav-dropdown.open>.user-nav-toggle>i{ transform:rotate(180deg); color:var(--nav-cyan); } .nav-dropdown-menu{ border-top:2px solid transparent; border-image:linear-gradient(90deg,var(--nav-cyan),var(--nav-violet),transparent) 1; } .nav-dropdown-menu a{ position:relative; overflow:hidden; transition:background .16s ease,color .16s ease,padding-left .16s ease; } .nav-dropdown-menu a::before{ content:""; position:absolute; left:0; top:50%; width:3px; height:0; transform:translateY(-50%); background:linear-gradient(var(--nav-cyan),var(--nav-violet)); transition:height .16s ease; } .nav-dropdown-menu a:hover{ padding-left:16px; color:#fff; background: linear-gradient(90deg,rgba(79,209,255,.09),rgba(164,91,255,.035),transparent); } .nav-dropdown-menu a:hover::before{ height:60%; } .header-search-toggle{ display:grid!important; place-items:center!important; width:38px; height:38px; min-width:38px; padding:0!important; line-height:0; } .header-search-toggle svg{ display:block; width:18px; height:18px; margin:0; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transform:translate(0,0); } .user-nav-toggle img{ transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease; } .user-nav-toggle:hover img, .nav-dropdown.open>.user-nav-toggle img{ border-color:var(--nav-cyan); box-shadow:0 0 12px rgba(79,209,255,.25); transform:scale(1.04); } @media(max-width:900px){ .site-nav>a::before, .nav-dropdown-toggle::before, .header-search-toggle::before{ inset:auto 12px 4px; } .header-search-toggle{ display:grid!important; place-items:center!important; width:100%; min-width:0; height:42px; padding:0!important; } } @media(prefers-reduced-motion:reduce){ .site-nav>a, .nav-dropdown-toggle, .header-search-toggle, .site-nav>a::before, .nav-dropdown-toggle::before, .header-search-toggle::before, .site-nav>a::after, .nav-dropdown-toggle::after, .header-search-toggle::after{ transition:none!important; } } /* 3.4.3 — full-width latest news */ .editorial-section{ max-width:none; width:100%; padding-left:max(24px,calc((100vw - 1500px)/2)); padding-right:max(24px,calc((100vw - 1500px)/2)); } .editorial-section .editorial-layout{ grid-template-columns:minmax(0,1fr); gap:24px; } .editorial-section .editorial-list{ width:100%; min-width:0; } .editorial-section .editorial-row{ grid-template-columns:minmax(260px,330px) minmax(0,1fr); gap:28px; width:100%; padding:24px 0; } .editorial-section .editorial-row.no-thumb{ grid-template-columns:minmax(0,1fr); } .editorial-section .editorial-row.no-thumb>div{ width:100%; max-width:none; } .editorial-section .editorial-row .thumb{ width:100%; min-width:0; } .editorial-section .editorial-row h3{ max-width:1000px; font-size:clamp(22px,2.1vw,30px); } .editorial-section .editorial-row p{ max-width:1050px; font-size:14px; } .editorial-section .editorial-aside{ position:static; width:100%; } .editorial-section .aside-card{ display:flex; align-items:center; justify-content:space-between; gap:28px; width:100%; } .editorial-section .aside-card p{ max-width:760px; } .editorial-section .aside-card .button{ flex:0 0 auto; } @media(max-width:900px){ .editorial-section{ padding-left:18px; padding-right:18px; } .editorial-section .editorial-row{ grid-template-columns:240px minmax(0,1fr); gap:20px; } } @media(max-width:680px){ .editorial-section .editorial-row, .editorial-section .editorial-row.no-thumb{ grid-template-columns:1fr; } .editorial-section .editorial-row .thumb{ aspect-ratio:16/8.5; } .editorial-section .aside-card{ align-items:flex-start; flex-direction:column; } } /* 3.4.4 — latest news layout with selectable image side */ .editorial-section{ max-width:1280px; width:auto; padding-left:24px; padding-right:24px; } .editorial-section .editorial-layout{ display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; } .editorial-section .editorial-list{ display:grid; gap:16px; width:100%; min-width:0; } .editorial-section .editorial-row{ display:grid; grid-template-columns:210px minmax(0,1fr); gap:24px; width:100%; min-height:210px; padding:0; overflow:hidden; border:1px solid var(--soft-line); border-left:3px solid var(--cat,#4fd1ff); border-radius:8px; background:linear-gradient(100deg,rgba(7,25,37,.96),rgba(3,13,21,.98)); } .editorial-section .editorial-row .thumb{ grid-column:1; grid-row:1; display:block; width:210px; height:210px; aspect-ratio:1/1; overflow:hidden; border-radius:0; background:#06131b; } .editorial-section .editorial-row .thumb img{ width:100%; height:100%; object-fit:cover; } .editorial-section .editorial-row>div{ grid-column:2; grid-row:1; align-self:center; min-width:0; padding:22px 24px 22px 0; } .editorial-section .editorial-row.image-right{ grid-template-columns:minmax(0,1fr) 210px; } .editorial-section .editorial-row.image-right .thumb{ grid-column:2; } .editorial-section .editorial-row.image-right>div{ grid-column:1; padding:22px 0 22px 24px; } .editorial-section .editorial-row.no-thumb{ grid-template-columns:minmax(0,1fr); min-height:170px; } .editorial-section .editorial-row.no-thumb>div{ grid-column:1; width:100%; max-width:none; padding:24px 28px; } .editorial-section .editorial-row h3{ max-width:none; margin:9px 0; font-size:clamp(20px,1.8vw,27px); } .editorial-section .editorial-row p{ display:-webkit-box; max-width:none; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin:0 0 12px; font-size:13px; } .editorial-section .editorial-aside{ position:sticky; top:145px; align-self:start; width:auto; } .editorial-section .aside-card{ display:block; width:auto; padding:26px; } .editorial-section .aside-card p{ max-width:none; } .editorial-section .aside-card .button{ display:inline-flex; } .news-image-position{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; padding:16px; border:1px solid #23485c; } .news-image-position legend{ padding:0 7px; color:#9eb3bd; font-size:10px; text-transform:uppercase; } .news-image-position label{ display:flex; align-items:flex-start; gap:9px; padding:13px; border:1px solid #173b4e; background:#06141d; cursor:pointer; } .news-image-position label:has(input:checked){ border-color:#4fd1ff; box-shadow:inset 0 0 18px rgba(79,209,255,.07); } .news-image-position input{ width:auto; margin-top:3px; } .news-image-position b, .news-image-position small{ display:block; } .news-image-position small{ margin-top:4px; color:#718b99; } @media(max-width:980px){ .editorial-section .editorial-layout{ grid-template-columns:minmax(0,1fr); } .editorial-section .editorial-aside{ position:static; } } @media(max-width:680px){ .editorial-section{ padding-left:18px; padding-right:18px; } .editorial-section .editorial-row, .editorial-section .editorial-row.image-right, .editorial-section .editorial-row.no-thumb{ grid-template-columns:1fr; } .editorial-section .editorial-row .thumb, .editorial-section .editorial-row.image-right .thumb{ grid-column:1; grid-row:1; width:100%; height:auto; aspect-ratio:16/9; } .editorial-section .editorial-row>div, .editorial-section .editorial-row.image-right>div, .editorial-section .editorial-row.no-thumb>div{ grid-column:1; grid-row:2; padding:20px; } .news-image-position{ grid-template-columns:1fr; } } /* 3.4.4.2 — larger latest-news thumbnails */ @media(min-width:981px){ .editorial-section .editorial-row{ grid-template-columns:350px minmax(0,1fr); min-height:350px; } .editorial-section .editorial-row .thumb{ width:350px; height:350px; } .editorial-section .editorial-row.image-right{ grid-template-columns:minmax(0,1fr) 350px; } .editorial-section .editorial-row>div{ padding-top:30px; padding-bottom:30px; } } @media(min-width:681px) and (max-width:980px){ .editorial-section .editorial-row{ grid-template-columns:300px minmax(0,1fr); min-height:300px; } .editorial-section .editorial-row .thumb{ width:300px; height:300px; } .editorial-section .editorial-row.image-right{ grid-template-columns:minmax(0,1fr) 300px; } } /* 3.4.4.3 — wide but lower latest-news thumbnails */ @media(min-width:981px){ .editorial-section .editorial-row{ grid-template-columns:350px minmax(0,1fr); min-height:210px; } .editorial-section .editorial-row .thumb{ width:350px; height:210px; aspect-ratio:5/3; } .editorial-section .editorial-row.image-right{ grid-template-columns:minmax(0,1fr) 350px; } .editorial-section .editorial-row>div{ padding-top:22px; padding-bottom:22px; } } @media(min-width:681px) and (max-width:980px){ .editorial-section .editorial-row{ grid-template-columns:300px minmax(0,1fr); min-height:190px; } .editorial-section .editorial-row .thumb{ width:300px; height:190px; aspect-ratio:30/19; } .editorial-section .editorial-row.image-right{ grid-template-columns:minmax(0,1fr) 300px; } } /* 3.4.4.4 — fixed homepage featured-news height */ .portal-featured-fixed{ min-height:0!important; height:620px; max-height:620px; overflow:hidden; box-sizing:border-box; } .portal-featured-fixed h1{ display:-webkit-box; max-width:100%; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:5; margin-bottom:14px; font-size:clamp(42px,4.6vw,72px); line-height:1.02; } .portal-featured-fixed p{ display:-webkit-box; max-width:720px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:12px; } .portal-featured-fixed .meta{ margin-top:4px; margin-bottom:16px; } .portal-featured-fixed .button{ flex:0 0 auto; } .lead-main{ align-items:stretch; } .lead-side{ max-height:620px; overflow:hidden; } @media(max-width:1180px){ .portal-featured-fixed{ height:560px; max-height:560px; } .lead-side{ max-height:560px; } .portal-featured-fixed h1{ -webkit-line-clamp:4; font-size:clamp(38px,5vw,62px); } } @media(max-width:900px){ .portal-featured-fixed{ height:auto; min-height:460px!important; max-height:none; } .lead-side{ max-height:none; } .portal-featured-fixed h1{ -webkit-line-clamp:4; } } @media(max-width:560px){ .portal-featured-fixed{ min-height:430px!important; padding:30px 24px; } .portal-featured-fixed h1{ -webkit-line-clamp:4; font-size:34px; } .portal-featured-fixed p{ -webkit-line-clamp:3; } } /* 3.4.5 — editorial image controls */ .news-cover-editor{ margin:20px 0; padding:18px; border:1px solid #23485c; background:linear-gradient(145deg,#071923,#041018); } .cover-editor-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:14px; } .cover-editor-head h2{ margin:4px 0 0; font:700 18px 'Oxanium'; } .danger-check{color:#ff7d8e} .cover-preview{ position:relative; width:100%; min-height:280px; margin:14px 0; overflow:hidden; border:1px solid #1e4a60; background-color:#020b11; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; } .cover-preview::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.22) 49.7% 50.3%,transparent 50.3%), linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.22) 49.7% 50.3%,transparent 50.3%); } .cover-preview span{ position:absolute; left:12px; bottom:10px; z-index:2; padding:5px 8px; background:rgba(1,8,13,.78); color:#b7c9d2; font-size:9px; } .crop-controls{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .crop-controls label{ display:grid; grid-template-columns:1fr auto; gap:6px 10px; align-items:center; } .crop-controls input[type="range"]{ grid-column:1/-1; width:100%; } .news-image-position{ grid-template-columns:repeat(3,minmax(0,1fr)); } .featured-settings{ margin:18px 0; padding:16px; border:1px solid #23485c; } .featured-settings legend{ padding:0 7px; color:#9eb3bd; font-size:10px; text-transform:uppercase; } .featured-settings small{ display:block; margin-top:5px; color:#6f8997; } .editorial-section .editorial-row .thumb img, .lead-mini img{ object-fit:cover; } @media(max-width:760px){ .cover-editor-head{ flex-direction:column; } .crop-controls, .news-image-position{ grid-template-columns:1fr; } .cover-preview{ min-height:220px; } } /* 3.4.7 — private messages and notification icons */ .header-status-icon{ position:relative;display:grid;place-items:center;width:38px;height:38px;min-width:38px; border:1px solid #174156;background:#06151f;color:#a9c0cb;transition:.18s; } .header-status-icon:hover{color:#fff;border-color:#4fd1ff;box-shadow:0 0 16px rgba(79,209,255,.14)} .header-status-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .header-status-icon>b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ff4f87;color:#fff;font:700 8px 'Oxanium';box-shadow:0 0 12px rgba(255,79,135,.35)} .messages-hero .button{margin-top:18px}.messages-page{padding-top:22px}.message-list{display:grid;gap:10px;max-width:960px;margin:auto} .message-thread-card{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:15px 18px;border:1px solid #173d50;background:linear-gradient(145deg,#071923,#041018)} .message-thread-card:hover,.message-thread-card.unread{border-color:#4fd1ff;background:#092231}.message-thread-card>img{width:58px;height:58px;border-radius:50%;object-fit:cover} .message-thread-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.message-thread-head b{font:700 13px 'Oxanium'}.message-thread-head span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:12px;background:#a45bff;color:#fff;font-size:9px} .message-thread-card small{color:#708b99;font-size:9px}.message-thread-card p{margin:6px 0 0;color:#9db0ba;font-size:11px} .message-compose-page{max-width:850px}.message-recipient{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px;background:#06141d;border:1px solid #1a4256}.message-recipient img{width:48px;height:48px;border-radius:50%;object-fit:cover}.message-recipient b,.message-recipient small{display:block}.message-recipient small{color:#738f9e} .message-conversation{display:grid;grid-template-rows:auto minmax(300px,1fr) auto;width:min(1000px,calc(100% - 28px));height:calc(100vh - 150px);margin:24px auto;background:#031019;border:1px solid #174156} .conversation-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #174156;background:#061923}.conversation-head>a:first-child{font-size:10px;color:#7dcfff}.conversation-user{display:flex;align-items:center;gap:10px}.conversation-user img{width:40px;height:40px;border-radius:50%;object-fit:cover}.conversation-user b,.conversation-user small{display:block}.conversation-user small{color:#718b99;font-size:8px} .conversation-messages{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.message-bubble{display:flex;gap:8px;max-width:74%}.message-bubble.mine{align-self:flex-end}.message-bubble.theirs{align-self:flex-start}.message-bubble>img{width:32px;height:32px;border-radius:50%;object-fit:cover;align-self:flex-end}.message-bubble>div{padding:11px 13px;border-radius:12px;background:#0a2634;border:1px solid #1b4b60}.message-bubble.mine>div{background:#16213b;border-color:#594493}.message-bubble p{margin:0;color:#d2e2e9;font-size:12px;line-height:1.55}.message-bubble footer{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:7px;color:#6f8b99;font-size:8px}.message-bubble footer form{display:inline}.message-bubble footer button{padding:0 3px;border:0;background:none;color:#8399a5} .conversation-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid #174156;background:#061923}.conversation-compose textarea{min-height:68px;resize:none}.conversation-compose button{min-width:100px} .profile-message-button{margin-bottom:8px}.notification-card.type-reaction{border-left-color:#ff648f}.notification-card.type-comment,.notification-card.type-reply{border-left-color:#4fd1ff}.notification-card.type-achievement{border-left-color:#ffb44e}.notification-card.type-message{border-left-color:#a45bff} @media(max-width:900px){.header-status-icon{width:100%;height:42px}.message-conversation{height:calc(100vh - 100px)}} @media(max-width:600px){.message-conversation{width:100%;margin:0;border-left:0;border-right:0}.message-bubble{max-width:88%}.conversation-compose{grid-template-columns:1fr}.conversation-compose button{min-height:42px}} .enhanced-notifications{display:grid;gap:9px;max-width:960px;margin:auto}.enhanced-notifications .notification-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px 16px;border:1px solid #173c4e;border-left:3px solid #376277;background:#06141d}.enhanced-notifications .notification-item.unread{background:#092331;box-shadow:inset 3px 0 rgba(79,209,255,.14)}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#020b11;font-size:19px}.enhanced-notifications b,.enhanced-notifications small{display:block}.enhanced-notifications small{margin-top:4px;color:#718b99;font-size:9px} /* 3.5.0 — stability and social tools */ .narrow{max-width:860px}.friends-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.friend-card{display:grid;grid-template-columns:52px 1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid #173d50;background:#06151f}.friend-card img{width:52px;height:52px;border-radius:50%;object-fit:cover}.friend-card b,.friend-card small,.friend-card em{display:block}.friend-card small{color:#6f8997}.friend-card em{margin-top:4px;color:#4fd1ff;font-size:9px} .setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid #173d50;background:#06151f}.setting-toggle input{width:auto} .health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.health-card{padding:16px;border:1px solid #27495a;background:#071923}.health-card.ok{border-color:#2b7f66}.health-card.fail{border-color:#9b4050}.health-card>span{font:700 9px 'Oxanium';color:#73e0b2}.health-card.fail>span{color:#ff778d}.health-card h3{margin:8px 0;text-transform:uppercase}.health-card p{font-size:10px;color:#93a9b3;word-break:break-word}.admin-log-panel details{margin:10px 0}.admin-log-panel pre{max-height:240px;overflow:auto;white-space:pre-wrap;font-size:10px} .notification-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.notification-toolbar>div{display:flex;flex-wrap:wrap;gap:7px}.notification-toolbar a{padding:8px 10px;border:1px solid #173d50;background:#06151f;font-size:9px}.notification-toolbar a.active{border-color:#4fd1ff;color:#fff}.enhanced-notifications .notification-item{grid-template-columns:1fr auto}.enhanced-notifications .notification-item>a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.enhanced-notifications .notification-item>form{display:flex;gap:5px}.enhanced-notifications em{display:inline-block;margin-top:4px;color:#a45bff;font-size:8px} .user-search-results{display:grid;gap:5px;margin-top:6px}.user-search-results button{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid #173d50;background:#06151f;text-align:left}.user-search-results img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-search-results b,.user-search-results small{display:block}.user-search-results small{color:#6f8997} .profile-presence{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:9px 11px;border:1px solid #20475a;background:rgba(2,14,22,.72);font-size:10px}.profile-presence>span{width:8px;height:8px;border-radius:50%;background:#6d8490}.profile-presence.status-playing>span,.profile-presence.status-online>span{background:#48df98;box-shadow:0 0 10px rgba(72,223,152,.5)}.profile-presence.status-dnd>span{background:#ff5f73}.profile-presence em{color:#ffb44e}.friend-pending{padding:9px;border:1px solid #6b568d;color:#c9a9ff;font-size:9px}.load-older{align-self:center;padding:8px 12px;border:1px solid #27536a;background:#071923;font-size:9px} @media(max-width:980px){.health-grid{grid-template-columns:repeat(2,1fr)}.friends-layout{grid-template-columns:1fr}}@media(max-width:600px){.health-grid{grid-template-columns:1fr}.friend-card{grid-template-columns:46px 1fr}.friend-card>a,.friend-card>form{grid-column:2}.notification-toolbar{align-items:flex-start;flex-direction:column}} .onboarding-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.onboarding-card{position:relative;padding:20px;border:1px solid #173d50;background:#06151f}.onboarding-card.done{border-color:#2c785f}.onboarding-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0b2532;color:#4fd1ff;font-weight:700}.onboarding-card.done>span{background:#174c3c;color:#7ef0bd}.onboarding-card h2{font-size:15px;margin:16px 0 8px}.onboarding-card p{min-height:72px;color:#8fa5af;font-size:11px}.onboarding-skip{text-align:center;margin:0 0 40px}.onboarding-skip a{color:#7dcfff} @media(max-width:1100px){.onboarding-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.onboarding-grid{grid-template-columns:1fr}} /* ========================================================= 3.5.1 — VISUAL POLISH Przywrócona typografia Inter + 'Oxanium' i spójny styl UI ========================================================= */ :root{ --gh-bg:#02080e; --gh-surface:#06151f; --gh-surface-2:#081c29; --gh-surface-3:#0b2230; --gh-line:#173e52; --gh-line-bright:#2e718e; --gh-cyan:#4fd1ff; --gh-purple:#a45bff; --gh-green:#66f0a5; --gh-orange:#ffb858; --gh-red:#ff6575; --gh-text:#e9f7ff; --gh-muted:#819ba9; --gh-shadow:0 18px 50px rgba(0,0,0,.28); } /* Typografia zgodna z poprzednią wersją */ body, input, textarea, select, button{ font-family:'Exo 2',Arial,sans-serif; } h1,h2,h3, .page-hero h1, .admin-title h1, .panel-head h2, .section-head h2, .message-thread-head b, .conversation-user b, .health-card h3, .onboarding-card h2, .friend-card b, .profile-presence b{ font-family:'Oxanium','Exo 2',Arial,sans-serif; } body{ font-size:14px; line-height:1.55; } .page-hero h1{ letter-spacing:-.035em; } .page-hero p, .panel p, .form-card small{ color:var(--gh-muted); } /* Wspólne panele nowych modułów */ .messages-page, .message-compose-page, .friends-layout, .onboarding-grid, .narrow, .health-grid{ position:relative; } .messages-page::before, .friends-layout::before, .onboarding-grid::before{ content:""; position:absolute; inset:-20px -24px auto; height:180px; z-index:-1; pointer-events:none; background:radial-gradient(circle at 50% 0,rgba(79,209,255,.075),transparent 68%); } .empty-state{ padding:42px 28px; border:1px dashed #24536a; background:linear-gradient(145deg,rgba(7,25,35,.8),rgba(3,13,20,.9)); text-align:center; } .empty-state h2{ margin:0 0 8px; font:700 18px 'Oxanium'; } .empty-state p{ margin:0; color:var(--gh-muted); } /* Przyciski */ .ghost, button.ghost, .button.ghost{ border-color:#2a5265; background:transparent; color:#8aa5b3; } .ghost:hover, button.ghost:hover{ border-color:var(--gh-cyan); color:#fff; background:rgba(79,209,255,.06); } .form-actions{ display:flex; align-items:center; gap:10px; margin-top:4px; } /* Skrzynka wiadomości */ .messages-hero{ overflow:hidden; } .messages-hero::after{ content:""; position:absolute; right:7%; top:18%; width:220px; height:160px; opacity:.1; background: linear-gradient(var(--gh-cyan),var(--gh-cyan)) 0 0/100% 1px no-repeat, linear-gradient(var(--gh-cyan),var(--gh-cyan)) 0 100%/100% 1px no-repeat, linear-gradient(90deg,var(--gh-cyan),var(--gh-cyan)) 0 0/1px 100% no-repeat, linear-gradient(90deg,var(--gh-cyan),var(--gh-cyan)) 100% 0/1px 100% no-repeat; transform:skewY(-8deg); } .message-list{ gap:12px; } .message-thread-card{ position:relative; grid-template-columns:64px minmax(0,1fr); gap:16px; padding:17px 20px; overflow:hidden; border:1px solid var(--gh-line); border-radius:10px; background: linear-gradient(90deg,rgba(79,209,255,.025),transparent 32%), linear-gradient(145deg,#071b27,#041019); box-shadow:0 10px 28px rgba(0,0,0,.18); transition:transform .16s ease,border-color .16s ease,background .16s ease; } .message-thread-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#214d62; } .message-thread-card:hover{ transform:translateY(-2px); border-color:#397b98; } .message-thread-card.unread{ background: linear-gradient(90deg,rgba(79,209,255,.10),transparent 42%), linear-gradient(145deg,#092536,#05131d); } .message-thread-card.unread::before{ background:linear-gradient(var(--gh-cyan),var(--gh-purple)); box-shadow:0 0 18px rgba(79,209,255,.45); } .message-thread-card>img{ width:64px; height:64px; border:2px solid #153b4e; box-shadow:0 0 0 3px #041019; } .message-thread-head b{ font-size:13px; letter-spacing:-.01em; } .message-thread-card p{ max-width:760px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#9bb0bb; } .message-thread-head span{ min-width:24px; height:24px; border-radius:12px; background:linear-gradient(135deg,var(--gh-purple),#6750d8); box-shadow:0 0 14px rgba(164,91,255,.28); } /* Rozmowa */ .message-conversation{ border-radius:12px; overflow:hidden; box-shadow:var(--gh-shadow); } .conversation-head{ min-height:68px; background: linear-gradient(90deg,rgba(79,209,255,.05),transparent 40%), #061923; } .conversation-user img{ border:2px solid #214b60; box-shadow:0 0 0 3px #041019; } .conversation-messages{ background: radial-gradient(circle at 15% 10%,rgba(79,209,255,.035),transparent 25%), radial-gradient(circle at 85% 90%,rgba(164,91,255,.04),transparent 28%), #020c12; scrollbar-color:#1b536d #031019; } .message-bubble>div{ border-radius:4px 14px 14px 14px; box-shadow:0 9px 22px rgba(0,0,0,.18); } .message-bubble.mine>div{ border-radius:14px 4px 14px 14px; background:linear-gradient(135deg,#142a43,#1b2043); } .message-bubble footer button{ font-size:9px; } .conversation-compose{ align-items:end; } .conversation-compose textarea{ border-radius:9px; background:#020d14; } /* Wyszukiwarka odbiorcy */ .user-search-results{ position:relative; z-index:10; overflow:hidden; border-radius:8px; box-shadow:0 15px 35px rgba(0,0,0,.3); } .user-search-results button{ border:0; border-bottom:1px solid #14384a; border-radius:0; background:#061923; } .user-search-results button:hover{ background:#0a2a3b; } .user-search-results button:last-child{ border-bottom:0; } /* Powiadomienia */ .notification-toolbar{ padding:13px; border:1px solid var(--gh-line); border-radius:10px; background:#05141e; } .notification-toolbar a{ border-radius:6px; transition:.16s; } .notification-toolbar a.active{ background:linear-gradient(135deg,rgba(79,209,255,.13),rgba(164,91,255,.09)); box-shadow:inset 0 -2px var(--gh-cyan); } .enhanced-notifications{ gap:10px; } .enhanced-notifications .notification-item{ padding:0; overflow:hidden; border-radius:9px; background:linear-gradient(145deg,#071923,#041018); box-shadow:0 9px 25px rgba(0,0,0,.16); } .enhanced-notifications .notification-item>a{ min-width:0; padding:14px 16px; } .enhanced-notifications .notification-item>form{ padding-right:12px; } .enhanced-notifications .notification-item>form button{ width:32px; height:32px; padding:0; border-color:#244b5e; background:#06151f; color:#839aa5; } .notification-icon{ border:1px solid #173d50; box-shadow:inset 0 0 18px rgba(79,209,255,.04); } .notification-item.type-achievement{border-left-color:var(--gh-orange)} .notification-item.type-reaction{border-left-color:#ff648f} .notification-item.type-comment, .notification-item.type-reply{border-left-color:var(--gh-cyan)} .notification-item.type-follow{border-left-color:var(--gh-green)} /* Ustawienia powiadomień */ .setting-toggle{ position:relative; min-height:64px; border-radius:8px; transition:.16s; } .setting-toggle:hover{ border-color:#2e627b; background:#08202d; } .setting-toggle input[type="checkbox"]{ appearance:none; width:44px; height:24px; border:1px solid #31576a; border-radius:20px; background:#020c12; cursor:pointer; transition:.18s; } .setting-toggle input[type="checkbox"]::after{ content:""; display:block; width:16px; height:16px; margin:3px; border-radius:50%; background:#6f8793; transition:.18s; } .setting-toggle input[type="checkbox"]:checked{ border-color:var(--gh-cyan); background:rgba(79,209,255,.16); } .setting-toggle input[type="checkbox"]:checked::after{ transform:translateX(20px); background:var(--gh-cyan); box-shadow:0 0 12px rgba(79,209,255,.55); } /* Znajomi */ .friends-layout{ gap:22px; } .friends-layout>div{ min-width:0; } .friend-card{ position:relative; margin-bottom:10px; overflow:hidden; border-radius:9px; background: linear-gradient(90deg,rgba(79,209,255,.035),transparent 35%), linear-gradient(145deg,#071923,#041018); box-shadow:0 8px 24px rgba(0,0,0,.16); } .friend-card::after{ content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:#245168; } .friend-card:hover{ border-color:#367793; } .friend-card img{ border:2px solid #1a465b; box-shadow:0 0 0 3px #041019; } .friend-card em{ font-style:normal; color:var(--gh-green); } /* Status gracza */ .profile-presence{ width:fit-content; max-width:100%; border-radius:7px; background:linear-gradient(90deg,rgba(79,209,255,.08),rgba(2,14,22,.82)); } .profile-presence b{ font-size:10px; } .profile-presence small{ color:#829aa7; } .profile-presence em{ padding:3px 7px; border:1px solid rgba(255,184,88,.35); border-radius:4px; background:rgba(255,184,88,.06); font-style:normal; } .narrow .form-card{ padding:24px; border-top:2px solid var(--gh-cyan); box-shadow:var(--gh-shadow); } /* Pierwsze kroki */ .onboarding-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; } .onboarding-card{ display:flex; flex-direction:column; min-height:285px; overflow:hidden; border-radius:10px; background: radial-gradient(circle at 100% 0,rgba(79,209,255,.08),transparent 35%), linear-gradient(145deg,#071923,#041018); box-shadow:0 14px 38px rgba(0,0,0,.21); } .onboarding-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,var(--gh-cyan),transparent); } .onboarding-card.done::before{ background:linear-gradient(90deg,var(--gh-green),transparent); } .onboarding-card>span{ font-family:'Oxanium'; } .onboarding-card h2{ line-height:1.35; } .onboarding-card p{ flex:1; min-height:0; } .onboarding-card .button{ width:100%; margin-top:auto; } /* Diagnostyka */ .health-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } .health-card{ position:relative; min-height:145px; overflow:hidden; border-radius:9px; box-shadow:0 10px 28px rgba(0,0,0,.17); } .health-card::after{ content:""; position:absolute; right:-25px; bottom:-25px; width:90px; height:90px; border:1px solid currentColor; border-radius:50%; opacity:.06; } .health-card.ok{ color:var(--gh-green); background:linear-gradient(145deg,rgba(25,76,58,.28),#06151f 55%); } .health-card.fail{ color:var(--gh-red); background:linear-gradient(145deg,rgba(110,35,50,.28),#06151f 55%); } .health-card h3{ color:var(--gh-text); font-size:13px; } .health-card p{ margin-bottom:0; } .admin-log-panel{ border-top:2px solid var(--gh-purple); } .admin-log-panel details{ overflow:hidden; border:1px solid #173b4f; border-radius:7px; background:#041019; } .admin-log-panel summary{ padding:12px 14px; cursor:pointer; color:#aac0cb; font-weight:700; } .admin-log-panel pre{ margin:0; padding:14px; border-top:1px solid #173b4f; background:#020a10; color:#8fd7f5; } /* Formularze i pola nowych modułów */ .message-compose-page .form-card, .narrow .form-card{ border-radius:10px; background: linear-gradient(145deg,rgba(10,37,52,.86),rgba(4,16,24,.98)); } .message-recipient{ border-radius:8px; } input:focus, textarea:focus, select:focus{ border-color:var(--gh-cyan); box-shadow:0 0 0 3px rgba(79,209,255,.08); outline:none; } /* Responsywność */ @media(max-width:1200px){ .onboarding-grid{ grid-template-columns:repeat(3,1fr); } } @media(max-width:900px){ .friends-layout{ grid-template-columns:1fr; } .health-grid{ grid-template-columns:repeat(2,1fr); } .header-status-icon{ width:42px; } } @media(max-width:680px){ .message-thread-card{ grid-template-columns:52px minmax(0,1fr); padding:14px; } .message-thread-card>img{ width:52px; height:52px; } .onboarding-grid, .health-grid{ grid-template-columns:1fr; } .notification-toolbar{ align-items:stretch; } .notification-toolbar form button{ width:100%; } .friend-card{ grid-template-columns:46px minmax(0,1fr); } } /* ========================================================= 3.6.0 — Editorial Roles & Advanced Writing Studio ========================================================= */ .editorial-list-title{ align-items:flex-end; } .editorial-list-title p{ max-width:720px; color:#7f99a8; } .editorial-studio-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px 0; } .editorial-studio-summary article{ position:relative; overflow:hidden; padding:18px 20px; border:1px solid #173f54; border-radius:10px; background: radial-gradient(circle at 100% 0,rgba(79,209,255,.08),transparent 40%), linear-gradient(145deg,#071a26,#041019); box-shadow:0 12px 32px rgba(0,0,0,.18); } .editorial-studio-summary article::after{ content:""; position:absolute; right:-28px; bottom:-36px; width:100px; height:100px; border:1px solid rgba(79,209,255,.12); transform:rotate(35deg); } .editorial-studio-summary span, .editorial-studio-summary b, .editorial-studio-summary small{ display:block; } .editorial-studio-summary span{ font:700 8px 'Oxanium'; letter-spacing:.16em; color:#4fd1ff; } .editorial-studio-summary b{ margin:8px 0 4px; font:800 20px 'Oxanium'; } .editorial-studio-summary small{ color:#7893a1; } .editorial-content-table td:first-child b, .editorial-content-table td:first-child small{ display:block; } .editorial-content-table td:first-child small{ margin-top:4px; color:#688493; } .featured-star{ color:#ffc76e; } .table-progress{ width:110px; height:6px; overflow:hidden; border-radius:10px; background:#031018; } .table-progress i{ display:block; height:100%; background:linear-gradient(90deg,#4fd1ff,#a45bff); box-shadow:0 0 10px rgba(79,209,255,.3); } .xp-value{ color:#ffc16b; font-family:'Oxanium'; } .editorial-permissions-form{ display:flex; align-items:center; flex-wrap:wrap; gap:7px; } .editorial-permissions-form label{ display:flex; align-items:center; gap:4px; padding:4px 7px; border:1px solid #21485d; border-radius:5px; color:#8ba4b2; font-size:9px; } .editorial-permissions-form input{ width:auto; } /* Editor shell */ .editorial-editor-shell{ --editor-accent:#4fd1ff; position:relative; max-width:1500px; margin:0 auto; } .editorial-editor-shell[data-editor-type="article"]{ --editor-accent:#a45bff; } .editorial-editor-header{ position:relative; display:flex; justify-content:space-between; gap:24px; align-items:center; overflow:hidden; margin:-28px -28px 20px; padding:36px 38px; border-bottom:1px solid #153d52; background: radial-gradient(circle at 85% 0,color-mix(in srgb,var(--editor-accent) 16%,transparent),transparent 33%), linear-gradient(145deg,#061923,#030c13); } .editorial-editor-header::after{ content:""; position:absolute; right:17%; top:-40px; width:250px; height:180px; border:1px solid color-mix(in srgb,var(--editor-accent) 18%,transparent); transform:rotate(-8deg); } .editorial-editor-header h1{ margin:5px 0 7px; font:800 clamp(30px,4vw,48px) 'Oxanium'; letter-spacing:-.04em; } .editorial-editor-header p{ max-width:760px; margin:0; color:#88a1ae; } .editorial-score-ring{ --score:0deg; position:relative; z-index:2; display:grid; place-items:center; flex:0 0 118px; width:118px; height:118px; border-radius:50%; background: radial-gradient(circle at center,#06141e 58%,transparent 59%), conic-gradient(var(--editor-accent) var(--score),#123445 0); box-shadow:0 0 0 8px rgba(2,10,16,.45),0 0 28px color-mix(in srgb,var(--editor-accent) 18%,transparent); } .editorial-score-ring b, .editorial-score-ring span{ position:absolute; } .editorial-score-ring b{ top:30px; font:800 30px 'Oxanium'; color:#fff; } .editorial-score-ring span{ bottom:29px; font-size:8px; text-transform:uppercase; color:#7d98a6; } .editorial-progress-panel{ display:grid; grid-template-columns:minmax(220px,1fr) minmax(360px,2.2fr) 150px; gap:18px; align-items:center; margin-bottom:20px; padding:17px 20px; border:1px solid #1a4458; border-radius:10px; background:linear-gradient(145deg,#071923,#041018); box-shadow:0 10px 30px rgba(0,0,0,.18); } .editorial-progress-copy span, .editorial-progress-copy b, .editorial-progress-copy small, .editorial-reward-preview span, .editorial-reward-preview b{ display:block; } .editorial-progress-copy span, .editorial-reward-preview span{ font:700 8px 'Oxanium'; letter-spacing:.12em; color:#7997a6; } .editorial-progress-copy b{ margin:5px 0 2px; font:700 14px 'Oxanium'; } .editorial-progress-copy em{ font-style:normal; } .editorial-progress-copy small{ color:#77909d; } .editorial-progress-track{ position:relative; height:12px; overflow:hidden; border-radius:20px; background:#020b11; box-shadow:inset 0 0 0 1px #163b4e; } .editorial-progress-track i, .editorial-progress-track span{ position:absolute; inset:0 auto 0 0; display:block; width:0; transition:width .35s ease; } .editorial-progress-track i{ background:linear-gradient(90deg,#4fd1ff,var(--editor-accent)); box-shadow:0 0 16px color-mix(in srgb,var(--editor-accent) 45%,transparent); } .editorial-progress-track span{ height:3px; top:auto; bottom:0; background:#ffc16b; } .editorial-reward-preview{ text-align:right; } .editorial-reward-preview b{ margin-top:4px; font:800 26px 'Oxanium'; color:#ffc16b; } .editorial-workspace{ display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:20px; align-items:start; } .editorial-canvas{ display:grid; gap:18px; } .editor-section{ scroll-margin-top:95px; padding:24px; border:1px solid #173e52; border-radius:12px; background: linear-gradient(145deg,rgba(8,28,40,.95),rgba(3,14,21,.98)); box-shadow:0 16px 42px rgba(0,0,0,.18); opacity:.78; transform:translateY(8px); transition:opacity .35s ease,transform .35s ease,border-color .35s ease; } .editor-section.active, .editor-section:focus-within{ opacity:1; transform:none; border-color:color-mix(in srgb,var(--editor-accent) 45%,#173e52); } .editor-section-heading{ display:flex; gap:15px; align-items:flex-start; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid #15394b; } .editor-section-heading>span{ display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border:1px solid color-mix(in srgb,var(--editor-accent) 45%,#173e52); border-radius:9px; background:color-mix(in srgb,var(--editor-accent) 8%,#041019); font:700 11px 'Oxanium'; color:var(--editor-accent); } .editor-section-heading h2{ margin:0 0 4px; font:700 20px 'Oxanium'; } .editor-section-heading p{ margin:0; color:#7893a1; font-size:11px; } .field-counter{ float:right; font-size:8px; color:#647f8d; } .field-counter.good{ color:#65e4a2; } .field-counter.warning{ color:#ff7183; } .advanced-editor{ overflow:hidden; border:1px solid #204a5e; border-radius:10px; background:#020c12; } .advanced-toolbar{ position:sticky; top:68px; z-index:8; display:flex; flex-wrap:wrap; gap:5px; padding:9px; border-bottom:1px solid #204a5e; background:rgba(6,24,34,.96); backdrop-filter:blur(12px); } .advanced-toolbar button{ min-width:34px; height:34px; padding:0 9px; border-color:#235064; background:#071923; color:#9db2bd; font-size:10px; } .advanced-toolbar button:hover{ border-color:var(--editor-accent); color:#fff; background:color-mix(in srgb,var(--editor-accent) 10%,#071923); } .advanced-toolbar>span{ width:1px; margin:3px; background:#244758; } .editorial-main-text{ width:100%; min-height:520px; padding:22px; border:0; border-radius:0; background: linear-gradient(90deg,transparent 49px,rgba(79,209,255,.04) 50px,transparent 51px), #020c12; color:#d8e8ef; font:400 15px/1.75 'Exo 2',Arial,sans-serif; resize:vertical; } .editorial-main-text:focus{ box-shadow:none; } .editor-live-stats{ display:flex; flex-wrap:wrap; gap:18px; padding:10px 14px; border-top:1px solid #173e52; background:#05151f; color:#718d9b; font-size:9px; } .editor-live-stats b{ color:#c6d7df; } .target-control{ display:grid; grid-template-columns:minmax(240px,380px) 1fr; gap:16px; align-items:end; margin-top:16px; padding:15px; border-left:3px solid var(--editor-accent); background:#061722; } .target-control small{ color:#7892a0; } .seo-preview-card{ margin-bottom:18px; padding:18px; border:1px solid #1b465a; border-radius:9px; background:#f7f8fa; color:#202124; } .seo-preview-card>span{ display:block; margin-bottom:12px; color:#6b7280; font-size:9px; text-transform:uppercase; } .seo-preview-card h3{ margin:0; color:#1a0dab; font:400 19px Arial,sans-serif; } .seo-preview-card small{ color:#188038; } .seo-preview-card p{ margin:5px 0 0; color:#4d5156; font:400 13px/1.45 Arial,sans-serif; } .geo-grid, .editor-guidance-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .editor-guidance-grid{ margin-top:16px; } .editor-guidance-grid>div{ padding:16px; border:1px solid #173d50; border-radius:8px; background:#041019; } .editor-guidance-grid h3{ margin:0 0 10px; font:700 13px 'Oxanium'; color:var(--editor-accent); } .editor-guidance-grid ul, .editor-quality-card ul{ list-style:none; padding:0; margin:0; } .editor-guidance-grid li, .editor-quality-card li{ position:relative; padding:7px 0 7px 22px; border-bottom:1px solid #102f3e; color:#718b98; font-size:10px; } .editor-guidance-grid li::before, .editor-quality-card li::before{ content:"○"; position:absolute; left:0; color:#456373; } .editor-guidance-grid li.ok, .editor-quality-card li.ok{ color:#a8c4b5; } .editor-guidance-grid li.ok::before, .editor-quality-card li.ok::before{ content:"✓"; color:#66f0a5; } .editorial-inspector{ position:sticky; top:86px; display:grid; gap:12px; } .editor-section-nav{ display:grid; overflow:hidden; border:1px solid #173f53; border-radius:10px; background:#041019; } .editor-section-nav button{ justify-content:flex-start; gap:10px; padding:12px 14px; border:0; border-bottom:1px solid #123547; border-radius:0; background:transparent; color:#77919f; font-size:10px; } .editor-section-nav button:last-child{ border-bottom:0; } .editor-section-nav button span{ font:700 8px 'Oxanium'; color:#496b7b; } .editor-section-nav button.active{ color:#fff; background:linear-gradient(90deg,color-mix(in srgb,var(--editor-accent) 13%,transparent),transparent); box-shadow:inset 3px 0 var(--editor-accent); } .editor-section-nav button.active span{ color:var(--editor-accent); } .editor-insight-card, .editor-quality-card{ padding:17px; border:1px solid #173e52; border-radius:10px; background:linear-gradient(145deg,#071923,#041018); } .editor-insight-card h3, .editor-quality-card h3{ margin:8px 0; font:700 14px 'Oxanium'; } .editor-insight-card p{ margin:0; color:#718c99; font-size:10px; } .editor-sticky-actions{ padding:16px; border:1px solid color-mix(in srgb,var(--editor-accent) 40%,#173e52); border-radius:10px; background: radial-gradient(circle at 100% 0,color-mix(in srgb,var(--editor-accent) 12%,transparent),transparent 50%), #06151f; box-shadow:0 16px 35px rgba(0,0,0,.25); } .editor-sticky-actions button{ width:100%; background:linear-gradient(135deg,color-mix(in srgb,var(--editor-accent) 72%,#087abb),var(--editor-accent)); } .editor-sticky-actions small{ display:block; margin-top:9px; color:#718b98; text-align:center; } .editorial-editor-shell.is-saving{ opacity:.72; pointer-events:none; } .editorial-editor-shell.is-saving::after{ content:"Zapisywanie…"; position:fixed; left:50%; top:50%; z-index:9999; transform:translate(-50%,-50%); padding:18px 28px; border:1px solid var(--editor-accent); border-radius:10px; background:#031019; color:#fff; font:700 13px 'Oxanium'; box-shadow:0 20px 70px #000; } @media(max-width:1180px){ .editorial-workspace{ grid-template-columns:1fr; } .editorial-inspector{ position:static; grid-template-columns:1fr 1fr; } .editor-section-nav, .editor-sticky-actions{ grid-column:1/-1; } .editor-section-nav{ grid-template-columns:repeat(4,1fr); } .editor-section-nav button{ border-bottom:0; border-right:1px solid #123547; } } @media(max-width:850px){ .editorial-editor-header{ margin:-28px -18px 18px; padding:28px 20px; } .editorial-score-ring{ flex-basis:92px; width:92px; height:92px; } .editorial-score-ring b{ top:22px; font-size:23px; } .editorial-score-ring span{ bottom:21px; } .editorial-progress-panel{ grid-template-columns:1fr; } .editorial-reward-preview{ text-align:left; } .editorial-studio-summary, .geo-grid, .editor-guidance-grid{ grid-template-columns:1fr; } .target-control{ grid-template-columns:1fr; } } @media(max-width:620px){ .editorial-editor-header{ align-items:flex-start; } .editorial-score-ring{ position:absolute; right:16px; top:18px; transform:scale(.72); transform-origin:top right; } .editorial-editor-header>div:first-child{ padding-right:70px; } .editor-section{ padding:17px; } .editor-section-nav{ grid-template-columns:1fr 1fr; } .editor-section-nav button{ border-bottom:1px solid #123547; } .editorial-inspector{ grid-template-columns:1fr; } .editor-section-nav, .editor-sticky-actions{ grid-column:auto; } } /* 3.6.0.1 — editor input reliability */ .advanced-editor{ position:relative; isolation:isolate; } .editorial-main-text{ position:relative; z-index:3; display:block; pointer-events:auto!important; user-select:text!important; -webkit-user-select:text!important; cursor:text!important; touch-action:manipulation; caret-color:#4fd1ff; } .editorial-main-text[readonly], .editorial-main-text:disabled{ pointer-events:auto!important; opacity:1; } .editorial-editor-shell:not(.is-saving), .editorial-editor-shell:not(.is-saving) .editorial-editor-form, .editorial-editor-shell:not(.is-saving) .editorial-canvas, .editorial-editor-shell:not(.is-saving) .editor-section, .editorial-editor-shell:not(.is-saving) .advanced-editor{ pointer-events:auto; } .editorial-editor-header::after, .editorial-studio-summary article::after, .health-card::after, .messages-hero::after{ pointer-events:none!important; } .editorial-editor-shell.editor-ready .editorial-main-text{ outline:0; } .editorial-editor-shell.editor-ready .editorial-main-text:focus{ border-color:#4fd1ff; box-shadow:inset 0 0 0 1px rgba(79,209,255,.35),0 0 0 3px rgba(79,209,255,.07); } /* 3.6.0.2 — toolbar above editor content */ .advanced-editor{ display:flex; flex-direction:column; } .advanced-toolbar{ position:relative!important; top:auto!important; z-index:4; order:0; flex:0 0 auto; width:100%; margin:0; padding:10px 12px; border-bottom:1px solid #204a5e; background:#061822; backdrop-filter:none; } .editorial-main-text{ order:1; margin:0; padding:22px!important; border:0; border-radius:0; scroll-margin-top:0; } .editor-live-stats{ order:2; } .advanced-toolbar + .editorial-main-text{ padding-top:22px!important; } /* 3.6.0.3 — notification badge visibility */ .site-nav>a.header-status-icon{ overflow:visible!important; isolation:auto; } .header-status-icon{ overflow:visible!important; } .header-status-icon>b{ z-index:5; right:-7px; top:-7px; min-width:19px; height:19px; padding:0 5px; border:2px solid #02080e; border-radius:12px; line-height:15px; } .site-header, .site-nav{ overflow:visible; } /* 3.6.1 — Gramsajt-inspired friends and visitors */ .profile-social-widgets{ display:grid; grid-template-columns:1fr 1fr; gap:20px; padding-top:8px; } .gramsajt-widget{ position:relative; overflow:hidden; min-width:0; border:1px solid #1b465b; border-radius:10px; background: linear-gradient(180deg,rgba(10,34,47,.97),rgba(4,16,24,.98)); box-shadow:0 16px 42px rgba(0,0,0,.22); } .gramsajt-widget::before{ content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:linear-gradient(90deg,var(--accent,#4fd1ff),transparent 75%); } .gramsajt-widget>header{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:78px; padding:17px 20px; border-bottom:1px solid #153b4e; background: linear-gradient(90deg,rgba(79,209,255,.055),transparent 55%), rgba(2,12,18,.38); } .gramsajt-widget>header h2{ margin:4px 0 0; font:700 18px 'Oxanium'; } .gramsajt-widget>header>a{ flex:0 0 auto; color:#78d8ff; font-size:9px; } .visitor-info{ display:grid; place-items:center; width:25px; height:25px; border:1px solid #315b6e; border-radius:50%; color:#819ca9; font:700 10px 'Oxanium'; cursor:help; } .profile-people-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#14394b; } .profile-person-card{ position:relative; display:flex; min-width:0; min-height:148px; flex-direction:column; align-items:center; justify-content:center; padding:15px 8px 13px; background:#061722; text-align:center; transition:background .18s ease,transform .18s ease; } .profile-person-card:hover{ z-index:2; background:#0a2533; transform:translateY(-2px); } .profile-person-avatar{ position:relative; display:block; width:62px; height:62px; margin-bottom:10px; } .profile-person-avatar::before, .profile-person-avatar::after{ content:""; position:absolute; inset:-4px; pointer-events:none; border:1px solid rgba(79,209,255,.26); border-radius:4px; } .profile-person-avatar::after{ inset:-8px 5px 5px -8px; border-right:0; border-bottom:0; } .profile-person-avatar img{ width:62px; height:62px; border-radius:3px; object-fit:cover; background:#020b11; } .profile-person-avatar i{ position:absolute; right:-3px; bottom:-3px; width:11px; height:11px; border:2px solid #061722; border-radius:50%; background:#49dc98; box-shadow:0 0 9px rgba(73,220,152,.48); } .profile-person-card b{ overflow:hidden; max-width:100%; color:#dbeaf0; font:700 10px 'Oxanium'; text-overflow:ellipsis; white-space:nowrap; } .profile-person-card small{ overflow:hidden; max-width:100%; margin-top:3px; color:#668492; font-size:8px; text-overflow:ellipsis; white-space:nowrap; } .profile-person-card em{ margin-top:6px; padding:3px 6px; border:1px solid #274d61; border-radius:3px; color:#84a2b0; font-size:7px; font-style:normal; text-transform:uppercase; } .profile-person-card.visitor .profile-person-avatar i{ background:#a45bff; box-shadow:0 0 9px rgba(164,91,255,.5); } .profile-visitors-widget::before{ background:linear-gradient(90deg,#a45bff,transparent 75%); } .profile-widget-empty{ grid-column:1/-1; display:flex; min-height:148px; align-items:center; justify-content:center; gap:12px; padding:22px; background:#061722; color:#6d8997; text-align:center; } .profile-widget-empty>span{ font-size:25px; color:#315a6e; } .profile-widget-empty p{ margin:0; font-size:10px; } @media(max-width:1050px){ .profile-social-widgets{ grid-template-columns:1fr; } } @media(max-width:650px){ .profile-people-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .profile-person-card{ min-height:138px; } } /* 3.6.1.1 — compact Gramsajt-inspired sidebar widgets */ .profile-sidebar{min-width:0} .gramsajt-side-widget{padding:0!important;overflow:hidden} .gramsajt-side-widget::before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--accent,#4fd1ff),transparent)} .gramsajt-side-widget.visitors::before{background:linear-gradient(90deg,#a45bff,transparent)} .gramsajt-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px 9px;border-bottom:1px solid #16394a;background:#05151f} .gramsajt-side-head .eyebrow{margin:0;font-size:8px} .gramsajt-side-head>b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:1px solid #28566c;border-radius:3px;background:#020c12;color:#86dfff;font:700 8px 'Oxanium'} .gramsajt-side-widget.visitors .gramsajt-side-head>b{color:#c39bff;border-color:#5b427e} .gramsajt-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;background:#163747} .gramsajt-mini-person{position:relative;display:flex;min-width:0;min-height:67px;flex-direction:column;align-items:center;justify-content:flex-start;padding:7px 3px 5px;background:#061722;text-align:center;transition:background .15s ease} .gramsajt-mini-person:hover{background:#0a2634} .gramsajt-mini-person img{width:34px;height:34px;border:1px solid #2b5a70;border-radius:2px;object-fit:cover;background:#020b11} .gramsajt-mini-person::after{content:"";position:absolute;right:6px;top:33px;width:7px;height:7px;border:1px solid #061722;border-radius:50%;background:#4fe09a} .gramsajt-mini-person.visitor::after{background:#a45bff} .gramsajt-mini-person>span{overflow:hidden;width:100%;margin-top:5px;color:#a9bec8;font-size:7px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} .gramsajt-mini-person>small{overflow:hidden;width:100%;margin-top:2px;color:#587583;font-size:6px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap} .gramsajt-side-empty{grid-column:1/-1;margin:0;padding:14px 8px;background:#061722;color:#657f8d;font-size:9px;text-align:center} .gramsajt-side-more{display:block;padding:8px 10px;border-top:1px solid #16394a;background:#041019;color:#72d4ff;font-size:8px;text-align:right} .profile-social-widgets{display:none!important} @media(max-width:900px){.gramsajt-mini-grid{grid-template-columns:repeat(6,minmax(0,1fr))}} @media(max-width:600px){.gramsajt-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} /* ========================================================= 3.6.2 — GeekSajt classic portal layout Inspired by the structure of old community blog profiles, rendered in GeekHouse visual language. ========================================================= */ .geeksajt-classic{ width:min(1320px,calc(100% - 32px)); margin:28px auto 50px; color:#d8e8ef; } .geeksajt-banner{ position:relative; display:flex; min-height:260px; align-items:flex-end; justify-content:space-between; gap:28px; overflow:hidden; padding:34px; border:1px solid #1a485e; background-color:#071923; background-position:center; background-size:cover; box-shadow:0 22px 60px rgba(0,0,0,.32); } .geeksajt-banner::before{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg,var(--accent) 0 2px,transparent 2px) 0 0/100% 100% no-repeat, radial-gradient(circle at 80% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 34%); } .geeksajt-identity, .geeksajt-banner-actions{ position:relative; z-index:2; } .geeksajt-identity{ display:flex; align-items:center; gap:22px; } .geeksajt-avatar{ width:112px; height:112px; border:3px solid #d7edf5; object-fit:cover; background:#020b11; box-shadow:0 0 0 5px rgba(2,11,17,.75),0 12px 35px rgba(0,0,0,.4); } .geeksajt-identity h1{ margin:5px 0 6px; font:800 clamp(34px,5vw,58px) 'Oxanium'; letter-spacing:-.045em; } .geeksajt-title{ margin:0 0 10px; color:#a7bdc8; } .geeksajt-level{ display:grid; grid-template-columns:auto auto; gap:4px 10px; width:min(360px,100%); } .geeksajt-level>span, .geeksajt-level>b{ font:700 9px 'Oxanium'; } .geeksajt-level>b{ color:var(--accent); } .geeksajt-level>div{ grid-column:1/-1; height:6px; overflow:hidden; background:#020b11; } .geeksajt-level i{ display:block; height:100%; background:linear-gradient(90deg,var(--accent),#a45bff); } .geeksajt-level small{ grid-column:1/-1; color:#7893a0; font-size:8px; } .geeksajt-banner-actions{ display:grid; max-width:520px; gap:14px; justify-items:end; } .geeksajt-stats{ display:flex; overflow:hidden; border:1px solid rgba(79,209,255,.25); background:rgba(2,12,18,.76); backdrop-filter:blur(8px); } .geeksajt-stats span{ display:grid; min-width:110px; padding:10px 13px; border-right:1px solid #174156; color:#7f9ba9; font-size:8px; text-align:center; } .geeksajt-stats span:last-child{ border-right:0; } .geeksajt-stats b{ color:#fff; font:700 17px 'Oxanium'; } .geeksajt-action-row{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; } .geeksajt-tabs{ display:flex; min-height:52px; align-items:stretch; overflow-x:auto; border:1px solid #1a485e; border-top:0; background:#06151f; } .geeksajt-tabs a{ display:flex; min-width:135px; align-items:center; justify-content:center; padding:0 18px; border-right:1px solid #173e52; color:#91a9b5; font:700 9px 'Oxanium'; text-transform:uppercase; transition:.16s; } .geeksajt-tabs a:hover, .geeksajt-tabs a.active{ color:#fff; background:linear-gradient(180deg,rgba(79,209,255,.12),rgba(79,209,255,.025)); box-shadow:inset 0 -3px var(--accent); } .geeksajt-layout{ display:grid; grid-template-columns:minmax(0,1.75fr) minmax(310px,.82fr); gap:24px; margin-top:26px; } .geeksajt-blog, .geeksajt-sidebar{ min-width:0; } .geeksajt-sidebar{ display:grid; align-content:start; gap:16px; } .geeksajt-module{ overflow:hidden; border:1px solid #1a4357; background:#06151f; box-shadow:0 12px 34px rgba(0,0,0,.18); } .geeksajt-module-head{ display:flex; min-height:62px; align-items:center; justify-content:space-between; gap:16px; padding:13px 16px; border-bottom:1px solid #173e52; background: linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,#092130),#06151f 70%); } .geeksajt-module-head.compact{ min-height:47px; padding:10px 12px; } .geeksajt-module-head h2{ margin:0; color:#fff; font:700 15px 'Oxanium'; text-transform:uppercase; } .geeksajt-blog-module>.geeksajt-module-head h2{ margin-top:3px; font-size:19px; } .geeksajt-module-head>a, .geeksajt-module-head>span{ flex:0 0 auto; color:#7edbff; font-size:8px; } .geeksajt-module-head>span{ display:grid; place-items:center; min-width:23px; height:23px; border:1px solid #2a586d; background:#020c12; } .geeksajt-module-body{ padding:15px; } .geeksajt-entry{ padding:24px; border-bottom:1px solid #173a4c; background: linear-gradient(145deg,rgba(8,28,40,.85),rgba(4,15,22,.96)); } .geeksajt-entry:last-child{ border-bottom:0; } .geeksajt-entry.pinned{ border-left:3px solid #ffc16b; background:linear-gradient(90deg,rgba(255,193,107,.07),transparent 60%),#06151f; } .entry-label{ display:inline-block; margin-bottom:9px; color:#ffc16b; font:700 8px 'Oxanium'; letter-spacing:.12em; } .geeksajt-entry h2{ margin:0 0 6px; font:700 clamp(20px,3vw,28px) 'Oxanium'; line-height:1.25; } .geeksajt-entry h2 a{ color:#eaf7fc; } .geeksajt-entry h2 a:hover{ color:var(--accent); } .entry-meta{ margin-bottom:15px; color:#688492; font-size:8px; } .entry-cover{ display:block; margin:15px auto 18px; text-align:center; } .entry-cover img{ display:block; max-width:100%; width:auto; max-height:560px; margin:auto; object-fit:contain; border:1px solid #1d4659; } .geeksajt-entry>p{ margin:0; color:#b3c5cd; font-size:13px; line-height:1.72; } .entry-more{ display:inline-block; margin-top:15px; color:#7fdcff; font:700 8px 'Oxanium'; } .geeksajt-empty{ padding:48px 24px; text-align:center; } .geeksajt-empty h3{ margin:0 0 8px; font:700 18px 'Oxanium'; } .profile-about p{ margin:0 0 12px; color:#9fb3bd; font-size:11px; line-height:1.55; } .profile-about p:last-child{ margin-bottom:0; } .profile-about b{ color:#e3eef3; } .geeksajt-playing{ display:flex; align-items:flex-start; gap:10px; } .geeksajt-playing>span{ width:10px; height:10px; margin-top:4px; border-radius:50%; background:#52e09b; box-shadow:0 0 12px rgba(82,224,155,.55); } .geeksajt-playing b, .geeksajt-playing small{ display:block; } .geeksajt-playing b{ font:700 11px 'Oxanium'; } .geeksajt-playing small{ color:#6f8996; } .geeksajt-playing p{ margin:7px 0 0; color:#91a8b3; font-size:10px; } .geeksajt-people-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; padding:1px; background:#173b4d; } .geeksajt-people-grid>a{ display:flex; min-width:0; min-height:72px; flex-direction:column; align-items:center; justify-content:flex-start; padding:7px 3px 5px; background:#061722; text-align:center; } .geeksajt-people-grid>a:hover{ background:#0a2634; } .geeksajt-people-grid img{ width:34px; height:34px; border:1px solid #2a596f; object-fit:cover; } .geeksajt-people-grid span, .geeksajt-people-grid small{ overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; } .geeksajt-people-grid span{ margin-top:5px; color:#a8bdc7; font-size:7px; } .geeksajt-people-grid small{ margin-top:2px; color:#5f7b88; font-size:6px; } .geeksajt-widget-empty{ grid-column:1/-1; margin:0; padding:16px; background:#061722; color:#6c8794; font-size:9px; text-align:center; } .geeksajt-links{ display:grid; gap:8px; } .geeksajt-links a, .geeksajt-links span{ padding-bottom:7px; border-bottom:1px solid #123646; color:#91a9b4; font-size:10px; } .geeksajt-achievements{ display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:12px; } .geeksajt-achievements>div{ display:grid; min-height:72px; place-items:center; padding:7px; border:1px solid #173c4e; background:#041019; text-align:center; } .geeksajt-achievements span{ font-size:22px; } .geeksajt-achievements b{ font-size:7px; } .activity-feed.compact>div{ padding:8px 0; } @media(max-width:1050px){ .geeksajt-banner{ align-items:flex-start; flex-direction:column; } .geeksajt-banner-actions{ width:100%; justify-items:start; } .geeksajt-action-row{ justify-content:flex-start; } .geeksajt-layout{ grid-template-columns:1fr; } .geeksajt-sidebar{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:700px){ .geeksajt-classic{ width:100%; margin-top:0; } .geeksajt-banner{ padding:22px 17px; } .geeksajt-identity{ align-items:flex-start; } .geeksajt-avatar{ width:78px; height:78px; } .geeksajt-identity h1{ font-size:28px; } .geeksajt-stats{ width:100%; } .geeksajt-stats span{ min-width:0; flex:1; } .geeksajt-layout{ gap:14px; margin-top:14px; } .geeksajt-sidebar{ grid-template-columns:1fr; } .geeksajt-entry{ padding:18px 15px; } .geeksajt-people-grid{ grid-template-columns:repeat(6,minmax(0,1fr)); } } /* 3.6.3 — profile banner editor and functional tabs */ .geeksajt-owner-actions{display:flex;flex-wrap:wrap;gap:8px} .geeksajt-tabs{ position:sticky; top:68px; z-index:25; scrollbar-width:thin; } [data-geeksajt-section]{ scroll-margin-top:140px; } .profile-edit-shell{ max-width:1180px; } .profile-edit-card{ padding:0; overflow:hidden; border-radius:12px; } .profile-edit-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:26px 28px; border-bottom:1px solid #174156; background:linear-gradient(145deg,#071c28,#041018); } .profile-edit-head h1{margin:5px 0;font:800 30px 'Oxanium'} .profile-edit-head p{margin:0;color:#819aa7} .profile-banner-editor{ padding:24px 28px; border-bottom:1px solid #174156; background:#030e15; } .profile-banner-preview{ position:relative; display:flex; min-height:250px; align-items:flex-end; justify-content:space-between; gap:20px; overflow:hidden; padding:26px; border:1px solid #24566d; background-color:#071923; background-position:center; background-size:cover; box-shadow:0 18px 44px rgba(0,0,0,.25); } .profile-banner-preview::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,var(--accent,#4fd1ff) 0 2px,transparent 2px); } .profile-banner-preview-user, .profile-banner-preview-actions{ position:relative; z-index:2; } .profile-banner-preview-user{ display:flex; align-items:center; gap:15px; } .profile-banner-preview-user img{ width:78px; height:78px; border:2px solid #d8eef6; object-fit:cover; } .profile-banner-preview-user span, .profile-banner-preview-user b, .profile-banner-preview-user small{display:block} .profile-banner-preview-user span{color:#4fd1ff;font:700 8px 'Oxanium'} .profile-banner-preview-user b{margin:4px 0;font:800 23px 'Oxanium'} .profile-banner-preview-user small{color:#8aa1ad} .profile-banner-preview-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; } .profile-banner-preview-actions i{ padding:9px 12px; border:1px solid #2c6178; background:rgba(4,18,27,.8); color:#c0d5de; font-size:8px; font-style:normal; } .profile-banner-controls{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-top:16px; } .profile-banner-controls>label:first-child{flex:1} .profile-banner-controls small{display:block;margin-top:6px;color:#738e9b} .profile-edit-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#173d50; } .profile-edit-grid>section{ min-width:0; padding:23px; background:#06151f; } .profile-edit-section-head{ display:flex; gap:12px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #173c4e; } .profile-edit-section-head>span{ display:grid; place-items:center; width:36px; height:36px; border:1px solid #2d6178; color:#4fd1ff; font:700 9px 'Oxanium'; } .profile-edit-section-head h2{margin:0 0 3px;font:700 16px 'Oxanium'} .profile-edit-section-head p{margin:0;color:#708b98;font-size:9px} .profile-edit-actions{ display:flex; gap:10px; padding:20px 28px; border-top:1px solid #174156; background:#041019; } @media(max-width:900px){ .profile-edit-grid{grid-template-columns:1fr} .profile-banner-preview{align-items:flex-start;flex-direction:column} .profile-banner-controls{align-items:stretch;flex-direction:column} .geeksajt-tabs{top:58px} } @media(max-width:600px){ .profile-edit-head{align-items:flex-start;flex-direction:column;padding:20px 16px} .profile-banner-editor{padding:16px} .profile-banner-preview{min-height:220px;padding:18px} .profile-banner-preview-user img{width:60px;height:60px} .profile-banner-preview-user b{font-size:18px} .profile-edit-actions{padding:16px;flex-direction:column} } /* 3.6.4 — separate GeekSajt pages and embedded posts */ .geeksajt-page-module, .geeksajt-post-page{ min-height:520px; } .geeksajt-page-content{ padding:28px; color:#b8c9d1; font-size:14px; line-height:1.75; } .geeksajt-page-content p{ margin:0 0 16px; } .geeksajt-large-people-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; padding:1px; background:#173b4d; } .geeksajt-large-people-grid>a{ display:flex; min-height:150px; flex-direction:column; align-items:center; justify-content:center; padding:18px 10px; background:#061722; text-align:center; transition:.16s; } .geeksajt-large-people-grid>a:hover{ background:#0a2634; } .geeksajt-large-people-grid img{ width:68px; height:68px; border:2px solid #2a596f; object-fit:cover; } .geeksajt-large-people-grid b{ margin-top:10px; font:700 10px 'Oxanium'; } .geeksajt-large-people-grid small{ margin-top:3px; color:#698591; font-size:8px; } .geeksajt-achievements-page{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#173b4d; } .geeksajt-achievements-page article{ display:grid; grid-template-columns:52px 1fr; gap:14px; align-items:center; min-height:130px; padding:20px; background:#061722; } .geeksajt-achievements-page article>span{ display:grid; place-items:center; width:52px; height:52px; border:1px solid #2b5870; background:#020c12; font-size:28px; } .geeksajt-achievements-page b{ font:700 11px 'Oxanium'; } .geeksajt-achievements-page p{ margin:6px 0; color:#8fa6b1; font-size:10px; } .geeksajt-achievements-page small{ color:#607d89; } .geeksajt-activity-page{ padding:18px 24px; } .geeksajt-activity-page article{ display:grid; grid-template-columns:14px 1fr; gap:12px; padding:14px 0; border-bottom:1px solid #173949; } .geeksajt-activity-page article:last-child{ border-bottom:0; } .geeksajt-activity-page i{ width:10px; height:10px; margin-top:4px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent); } .geeksajt-activity-page b, .geeksajt-activity-page small{ display:block; } .geeksajt-activity-page b{ color:#d8e8ef; } .geeksajt-activity-page small{ margin-top:4px; color:#667f8b; } .geeksajt-full-post{ padding:0; } .geeksajt-full-post>header{ padding:28px; border-bottom:1px solid #173e52; background:linear-gradient(145deg,#081e2b,#041019); } .geeksajt-full-post h1{ margin:14px 0 8px; font:800 clamp(28px,4vw,44px) 'Oxanium'; line-height:1.15; } .back-to-blog{ color:#78d9ff; font:700 8px 'Oxanium'; text-transform:uppercase; } .geeksajt-full-cover{ display:block; width:100%; max-height:620px; object-fit:cover; border-bottom:1px solid #173e52; } .geeksajt-full-body{ padding:30px; color:#c6d6dd; font-size:15px; line-height:1.8; } .geeksajt-full-body h2, .geeksajt-full-body h3{ margin:28px 0 12px; font-family:'Oxanium'; color:#eef9fd; } .geeksajt-full-body img{ max-width:100%; height:auto; } .geeksajt-full-body blockquote{ margin:22px 0; padding:16px 20px; border-left:3px solid var(--accent); background:#071923; color:#a9bec7; } .geeksajt-post-page .reaction-report, .geeksajt-post-page .comments-section{ margin:0 28px 28px; } @media(max-width:900px){ .geeksajt-large-people-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .geeksajt-achievements-page{ grid-template-columns:1fr; } } @media(max-width:600px){ .geeksajt-large-people-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .geeksajt-full-post>header, .geeksajt-full-body{ padding:20px 16px; } } /* 3.6.4.1 — wide and comfortable banner editor */ .form-shell.profile-edit-shell{ display:block; width:100%; max-width:none; padding:32px clamp(18px,3vw,56px) 56px; } .profile-edit-shell .profile-edit-card{ width:min(1600px,100%); max-width:none; margin:0 auto; } .profile-banner-editor{ scroll-margin-top:100px; padding:30px clamp(24px,3vw,46px) 34px; } .profile-banner-preview{ width:100%; min-height:clamp(340px,34vw,520px); padding:clamp(26px,3vw,46px); border-radius:8px; background-position:center center; box-shadow:0 24px 65px rgba(0,0,0,.35); } .profile-banner-preview-user img{ width:clamp(82px,8vw,124px); height:clamp(82px,8vw,124px); } .profile-banner-preview-user b{ font-size:clamp(23px,3vw,38px); } .profile-banner-preview-actions i{ padding:11px 16px; font-size:9px; } .profile-banner-controls{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:22px; margin-top:22px; padding:20px 22px; border:1px solid #1c485d; border-radius:8px; background:linear-gradient(145deg,#071a25,#041019); } .profile-banner-controls>label:first-child{ min-width:0; margin:0; } .profile-banner-controls input[type="file"]{ min-height:52px; padding:12px; border-style:dashed; border-color:#2b6882; background:#020d14; } .profile-banner-controls .danger-check{ min-width:210px; margin:0; padding:13px 15px; border:1px solid rgba(255,101,117,.32); border-radius:7px; background:rgba(255,101,117,.055); } .profile-edit-grid{ grid-template-columns:repeat(3,minmax(280px,1fr)); } @media(max-width:1050px){ .profile-edit-grid{ grid-template-columns:1fr 1fr; } .profile-edit-grid>section:last-child{ grid-column:1/-1; } } @media(max-width:760px){ .form-shell.profile-edit-shell{ padding:18px 10px 36px; } .profile-banner-editor{ padding:16px 12px 22px; } .profile-banner-preview{ min-height:290px; padding:20px 16px; } .profile-banner-controls{ grid-template-columns:1fr; padding:16px; } .profile-banner-controls .danger-check{ min-width:0; } .profile-edit-grid{ grid-template-columns:1fr; } .profile-edit-grid>section:last-child{ grid-column:auto; } } /* 3.7.0 — stability controls */ .logout-form{display:inline;margin:0} .logout-form .link{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit} .sidebar-bottom .logout-form .link{padding:8px 0} .migration-warning{border-color:#8c6831;background:#241b0c;color:#ffd58a} .migration-warning code{color:#fff} /* 3.7.1 — system dashboard and GeekSajt personalization */ .geeksajt-settings-shell{max-width:none;padding:32px clamp(16px,4vw,60px)} .geeksajt-settings-card{width:min(1450px,100%);max-width:none;padding:0} .geeksajt-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#173d50} .geeksajt-settings-grid>section{padding:25px;background:#06151f} .geeksajt-settings-grid h2{margin:0 0 18px;font:700 16px 'Oxanium'} .widget-toggle{display:flex!important;grid-template-columns:none!important;gap:11px!important;align-items:flex-start!important;padding:12px;border:1px solid #173d50;background:#041019} .widget-toggle input{width:auto;margin-top:3px} .widget-toggle b,.widget-toggle small{display:block} .widget-toggle small{margin-top:3px;color:#6d8895;font-weight:400} .widget-toggle.privacy{border-color:#654991} .settings-note{margin-top:18px;padding:15px;border:1px solid #224d61;background:#071b27} .settings-note p{color:#829ba7} .system-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px} .system-summary-grid article{padding:15px;border:1px solid #1b465a;background:#06151f} .system-summary-grid span,.system-summary-grid b{display:block} .system-summary-grid span{color:#718b98;font:700 8px 'Oxanium'} .system-summary-grid b{margin-top:7px;font:700 13px 'Oxanium'} .system-summary-grid .ok{border-color:#296a51}.system-summary-grid .warn{border-color:#8b6532} .migration-panel pre{padding:14px;background:#020b11;border:1px solid #234a5d;color:#ffd58a} .geeksajt-classic.sidebar-compact .geeksajt-layout{grid-template-columns:minmax(0,1.95fr) minmax(260px,.58fr)} .geeksajt-classic.sidebar-wide .geeksajt-layout{grid-template-columns:minmax(0,1.45fr) minmax(380px,.9fr)} .geeksajt-classic.bg-deep{padding:18px;background:#02080d} .geeksajt-classic.bg-flat .geeksajt-module,.geeksajt-classic.bg-flat .geeksajt-banner{box-shadow:none} .geeksajt-banner.banner-pos-top{background-position:center top} .geeksajt-banner.banner-pos-center{background-position:center center} .geeksajt-banner.banner-pos-bottom{background-position:center bottom} @media(max-width:1050px){.geeksajt-settings-grid{grid-template-columns:1fr 1fr}.geeksajt-settings-grid>section:last-child{grid-column:1/-1}.system-summary-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:700px){.geeksajt-settings-grid{grid-template-columns:1fr}.geeksajt-settings-grid>section:last-child{grid-column:auto}.system-summary-grid{grid-template-columns:1fr 1fr}} /* ========================================================= 3.7.2 — two-column editorial reading layout ========================================================= */ .article-reading-shell{ --reading-scale:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,360px); gap:28px; width:min(1420px,calc(100% - 34px)); margin:32px auto 56px; align-items:start; } .article-reading-main{min-width:0} .article-reading-sidebar{ position:sticky; top:88px; display:grid; gap:16px; min-width:0; } .article-editorial{ width:100%; max-width:none; margin:0; overflow:hidden; border:1px solid #1a4357; background:#06151f; box-shadow:0 22px 58px rgba(0,0,0,.28); } .article-hero{ padding:0; background:#041019; } .article-hero-cover{ margin:0; background:#020a0f; } .article-hero-cover img{ display:block; width:100%; max-height:660px; object-fit:cover; } .article-hero-copy{ padding:clamp(24px,4vw,52px); border-bottom:1px solid #173e52; } .article-hero-copy h1{ max-width:980px; margin:13px 0 16px; font:800 clamp(34px,5vw,64px) 'Oxanium'; line-height:1.08; letter-spacing:-.045em; } .article-hero-copy .lead{ max-width:880px; margin:0; color:#a9bec8; font-size:clamp(15px,1.65vw,20px); line-height:1.65; } .article-byline{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:28px; padding-top:20px; border-top:1px solid #173b4d; } .article-author-mini{ display:flex; align-items:center; gap:10px; } .article-author-mini>span{ display:grid; width:42px; height:42px; place-items:center; border:1px solid #2a5b70; border-radius:50%; background:#020c12; color:#84ddff; font:700 14px 'Oxanium'; } .article-author-mini b, .article-author-mini small{display:block} .article-author-mini b{color:#eaf6fb} .article-author-mini small{margin-top:2px;color:#688491} .article-meta-list{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; } .article-meta-list span{ padding:7px 9px; border:1px solid #173d50; background:#041019; color:#7894a0; font-size:8px; } .article-reading-toolbar{ display:flex; align-items:center; gap:8px; padding:12px clamp(18px,3vw,34px); border-bottom:1px solid #173e52; background:#071923; } .article-reading-toolbar button, .article-reading-toolbar a{ width:auto; margin:0; padding:8px 11px; border:1px solid #24566d; border-radius:5px; background:#06151f; color:#9fc6d7; font:700 8px 'Oxanium'; } .reading-font-controls{ display:flex; gap:5px; margin-left:auto; } .article-reading-body{ max-width:820px; margin:0 auto; padding:clamp(28px,4vw,58px) clamp(22px,4vw,52px); color:#cad8de; font-size:calc(16px * var(--reading-scale)); line-height:1.85; } .article-reading-body p{ margin:0 0 1.45em; } .article-reading-body h2{ margin:2.1em 0 .75em; color:#f0f9fd; font:700 calc(27px * var(--reading-scale)) 'Oxanium'; line-height:1.25; } .article-reading-body h3{ margin:1.8em 0 .65em; color:#e5f2f7; font:700 calc(20px * var(--reading-scale)) 'Oxanium'; } .article-reading-body a{ color:#75d8ff; text-decoration:underline; text-underline-offset:3px; } .article-reading-body img{ display:block; max-width:min(100%,1100px); height:auto; margin:30px auto; border:1px solid #244c5e; } .article-reading-body blockquote{ margin:30px 0; padding:22px 24px; border-left:3px solid var(--accent,#4fd1ff); background:#071b27; color:#a8bec8; font-size:1.05em; } .article-reading-body pre{ overflow:auto; padding:18px; border:1px solid #1d4659; background:#020b11; } .article-author-box{ max-width:820px; margin:0 auto 32px; } .article-editorial .reaction-report{ max-width:820px; margin:0 auto 34px; } .article-side-card{ overflow:hidden; padding:19px; border:1px solid #1a4357; background: radial-gradient(circle at 100% 0,rgba(79,209,255,.07),transparent 38%), #06151f; box-shadow:0 14px 35px rgba(0,0,0,.18); } .article-side-card h2{ margin:6px 0 15px; font:700 15px 'Oxanium'; } .article-side-summary dl{ margin:0; } .article-side-summary dl>div{ display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid #173949; } .article-side-summary dl>div:last-child{border-bottom:0} .article-side-summary dt{color:#718d99;font-size:9px} .article-side-summary dd{margin:0;color:#d7e6ec;font:700 9px 'Oxanium';text-align:right} .article-toc-card nav{ display:grid; gap:3px; } .article-toc-card nav a{ padding:8px 10px; border-left:2px solid #234d61; color:#8da5b0; font-size:9px; line-height:1.35; } .article-toc-card nav a:hover, .article-toc-card nav a.active{ border-color:var(--accent,#4fd1ff); background:#071d29; color:#e5f4fa; } .article-toc-card nav a.toc-level-3{ padding-left:21px; font-size:8px; } .article-toc-card nav p{ margin:0; color:#667f8b; font-size:9px; } .article-popular-list{ margin:0; padding:0; list-style:none; counter-reset:popular; } .article-popular-list li{ counter-increment:popular; border-bottom:1px solid #173949; } .article-popular-list li:last-child{border-bottom:0} .article-popular-list a{ display:grid; grid-template-columns:28px 1fr; gap:8px; padding:11px 0; } .article-popular-list a::before{ content:counter(popular,decimal-leading-zero); color:#4fd1ff; font:700 9px 'Oxanium'; } .article-popular-list span, .article-popular-list small{display:block} .article-popular-list span{ color:#bed0d8; font-size:10px; line-height:1.4; } .article-popular-list small{ margin-top:4px; color:#617c88; font-size:7px; } .article-reading-tip p{ margin:8px 0 0; color:#8199a4; font-size:9px; line-height:1.55; } .article-related{ margin-top:26px; } .article-related-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .article-related-grid article{ overflow:hidden; border:1px solid #1a4357; background:#06151f; } .related-cover{ display:block; aspect-ratio:16/8.5; overflow:hidden; } .related-cover img{ width:100%; height:100%; object-fit:cover; transition:transform .2s; } .related-cover:hover img{transform:scale(1.025)} .article-related-grid article>div{padding:16px} .article-related-grid h3{ margin:0 0 7px; font:700 14px 'Oxanium'; line-height:1.35; } .article-related-grid small{color:#667f8b} .article-comments-wrap{ margin-top:26px; } .article-comments-wrap .comments-section{ max-width:none; margin:0; } .article-reading-shell.focus-mode{ grid-template-columns:minmax(0,980px); justify-content:center; } .article-reading-shell.focus-mode .article-reading-sidebar{ display:none; } @media(max-width:1050px){ .article-reading-shell{ grid-template-columns:1fr; } .article-reading-sidebar{ position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } .article-toc-card{ order:-1; } } @media(max-width:700px){ .article-reading-shell{ width:100%; margin-top:0; } .article-hero-copy{ padding:24px 16px; } .article-hero-copy h1{ font-size:31px; } .article-byline{ align-items:flex-start; flex-direction:column; } .article-meta-list{ justify-content:flex-start; } .article-reading-toolbar{ flex-wrap:wrap; padding:10px 12px; } .reading-font-controls{ margin-left:0; } .article-reading-body{ padding:28px 17px; font-size:calc(15.5px * var(--reading-scale)); } .article-reading-sidebar, .article-related-grid{ grid-template-columns:1fr; } } /* 3.7.2.1 — Reading Polish */ .article-reading-shell{grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:24px;width:min(1360px,calc(100% - 38px))} .article-reading-sidebar{gap:13px} .article-editorial{border-color:#173b4d;box-shadow:0 18px 48px rgba(0,0,0,.22)} .article-hero-cover img{max-height:520px} .article-hero-copy{padding:clamp(24px,3.3vw,44px)} .article-hero-copy h1{max-width:900px;font-size:clamp(31px,4.3vw,54px);line-height:1.11;letter-spacing:-.035em} .article-hero-copy .lead{max-width:800px;font-size:clamp(15px,1.45vw,18px);line-height:1.7} .article-byline{margin-top:24px;padding-top:17px} .article-reading-toolbar{position:sticky;top:68px;z-index:14;backdrop-filter:blur(12px);background:rgba(7,25,35,.94)} .article-reading-body{max-width:760px;padding:clamp(34px,4.5vw,64px) clamp(22px,4vw,48px);font-size:calc(16.5px * var(--reading-scale));line-height:1.9;letter-spacing:.002em} .article-reading-body>p:first-child::first-letter{float:left;margin:.08em .13em 0 0;color:var(--accent,#4fd1ff);font:800 3.15em/.82 'Oxanium'} .article-reading-body p{margin-bottom:1.55em} .article-reading-body h2{position:relative;margin:2.6em 0 .8em;padding-top:.85em;border-top:1px solid #1b4051;font-size:calc(25px * var(--reading-scale));letter-spacing:-.025em} .article-reading-body h2::before{content:"";position:absolute;top:-1px;left:0;width:72px;height:2px;background:var(--accent,#4fd1ff)} .article-reading-body h3{margin:2.05em 0 .72em;font-size:calc(19px * var(--reading-scale));letter-spacing:-.015em} .article-reading-body blockquote{position:relative;margin:34px -18px;padding:25px 28px 25px 34px;border-left:0;border-top:1px solid #23546a;border-bottom:1px solid #23546a;background:linear-gradient(90deg,rgba(79,209,255,.08),rgba(7,27,39,.84));color:#bed1d9;font-size:1.08em;line-height:1.72} .article-reading-body blockquote::before{content:"“";position:absolute;top:5px;left:9px;color:var(--accent,#4fd1ff);font:800 38px Georgia,serif;opacity:.75} .article-reading-body ul,.article-reading-body ol{margin:1.35em 0 1.65em;padding-left:1.55em} .article-reading-body li{margin:.55em 0;padding-left:.25em} .article-reading-body hr{width:90px;margin:42px auto;border:0;border-top:2px solid var(--accent,#4fd1ff);opacity:.65} .article-reading-body code:not(pre code){padding:.12em .35em;border:1px solid #1e485b;border-radius:4px;background:#031019;color:#9fe3ff} .article-author-box,.article-editorial .reaction-report{max-width:760px} .article-side-card{padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.14)} .article-side-card h2{margin-bottom:12px;font-size:13px} .article-side-summary dl>div{padding:8px 0} .article-toc-card{position:relative;padding-top:20px} .toc-reading-progress{position:absolute;top:0;left:0;width:100%;height:3px;overflow:hidden;background:#102e3d} .toc-reading-progress i{display:block;width:0;height:100%;background:var(--accent,#4fd1ff);transition:width .12s linear} .article-toc-card nav{max-height:42vh;overflow:auto;padding-right:3px} .article-toc-card nav a{padding:7px 9px;font-size:8.5px} .article-popular-list span{font-size:9px} .article-reading-tip{border-color:#2b566a;background:linear-gradient(145deg,#071c28,#041019)} .article-related{margin-top:22px} .article-related-grid h3{font-size:13px} .article-reading-shell.focus-mode{grid-template-columns:minmax(0,1040px)} .article-reading-shell.focus-mode .article-reading-body{max-width:780px} @media(max-width:1050px){.article-reading-shell{width:min(100% - 24px,1000px)}.article-reading-sidebar{grid-template-columns:1fr 1fr}} @media(max-width:700px){.article-reading-shell{width:100%}.article-hero-cover img{max-height:360px}.article-reading-toolbar{top:58px}.article-reading-body{max-width:none;padding:30px 18px;font-size:calc(16px * var(--reading-scale));line-height:1.82}.article-reading-body blockquote{margin:28px 0;padding:22px 20px 22px 28px}} /* ========================================================= 3.7.2.2 — article frame, readable sidebar and profile menu ========================================================= */ .article-reading-shell{ width:min(1480px,calc(100% - 28px)); grid-template-columns:minmax(0,1fr) minmax(320px,360px); gap:22px; } .article-editorial{ overflow:hidden; } .article-hero-cover{ width:100%; } .article-hero-cover img{ width:100%; max-height:600px; object-fit:cover; border-radius:0; } .article-hero-copy{ padding:26px 30px 30px; } .article-reading-body{ max-width:none; margin:0; padding:34px 38px 48px; } .article-reading-body>*{ max-width:900px; margin-left:auto; margin-right:auto; } .article-reading-body>img, .article-reading-body>figure, .article-reading-body>pre, .article-reading-body>table{ max-width:100%; } .article-reading-body blockquote{ max-width:960px; } .article-author-box, .article-editorial .reaction-report{ max-width:none; margin-left:38px; margin-right:38px; } .article-reading-sidebar{ gap:14px; } .article-side-card{ padding:20px; border:1px solid #28566c; background: linear-gradient(145deg,rgba(11,39,54,.98),rgba(4,16,24,.99)); box-shadow:0 14px 34px rgba(0,0,0,.24); } .article-side-card .eyebrow{ color:#66d6ff; } .article-side-card h2{ margin:7px 0 16px; color:#f1f8fb; font-size:15px; } .article-side-summary dl>div{ padding:11px 0; border-color:#244b5e; } .article-side-summary dt{ color:#9cb2bd; font-size:10px; } .article-side-summary dd{ color:#fff; font-size:10px; } .article-toc-card nav a{ padding:9px 11px; border-left-width:3px; color:#b1c4cc; font-size:9.5px; line-height:1.45; } .article-toc-card nav a:hover, .article-toc-card nav a.active{ color:#fff; background:#0a2a3a; } .article-popular-list a{ padding:13px 0; } .article-popular-list span{ color:#d6e4e9; font-size:10px; } .article-popular-list small{ color:#8ba2ad; font-size:8px; } .article-reading-tip p{ color:#adc0c8; font-size:10px; line-height:1.65; } .user-menu{ min-width:290px; } .user-logout-form{ margin:8px 8px 6px; padding-top:8px; border-top:1px solid #234b5d; } .user-logout-button{ display:flex; width:100%; align-items:center; gap:12px; padding:12px 13px; border:1px solid rgba(255,104,120,.38); border-radius:8px; background:linear-gradient(145deg,rgba(105,22,35,.32),rgba(44,8,16,.55)); color:#ffdce1; text-align:left; transition:.16s; } .user-logout-button:hover{ border-color:#ff6878; background:linear-gradient(145deg,rgba(132,28,44,.48),rgba(61,10,20,.68)); transform:translateY(-1px); } .user-logout-button svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; } .user-logout-button span, .user-logout-button b, .user-logout-button small{ display:block; } .user-logout-button b{ font:700 10px 'Oxanium'; } .user-logout-button small{ margin-top:3px; color:#c998a1; font-size:8px; } @media(max-width:1050px){ .article-reading-shell{ width:min(100% - 20px,1100px); grid-template-columns:1fr; } } @media(max-width:700px){ .article-reading-shell{width:100%} .article-hero-copy{padding:22px 16px 25px} .article-reading-body{padding:28px 16px 38px} .article-author-box, .article-editorial .reaction-report{margin-left:16px;margin-right:16px} } /* ========================================================= 3.7.2.3 — true edge-to-edge cover and editorial sidebar ========================================================= */ .article-reading-shell{ width:min(1540px,calc(100% - 32px)); grid-template-columns:minmax(0,1fr) minmax(360px,400px); gap:24px; } .article-editorial.article-shell{ padding:0!important; max-width:none!important; } .article-editorial .article-hero{ width:100%; margin:0; padding:0; } .article-editorial .article-hero-cover{ display:block; width:100%; margin:0; padding:0; border:0; } .article-editorial .article-hero-cover img{ display:block; width:100%!important; max-width:none!important; height:auto; max-height:650px; margin:0!important; object-fit:cover; object-position:center; } .article-hero-copy{ padding:30px 34px 32px; } .article-reading-toolbar{ margin:0; padding-left:34px; padding-right:34px; } .article-reading-body{ padding:34px 34px 50px; } .article-reading-body>*{ max-width:980px; } .article-author-box, .article-editorial .reaction-report{ margin-left:34px; margin-right:34px; } .article-reading-sidebar{ gap:18px; } .article-side-card{ padding:24px 24px 22px; border:1px solid #34718b; border-radius:10px; background: radial-gradient(circle at 100% 0,rgba(79,209,255,.1),transparent 42%), linear-gradient(145deg,#0a2432,#061722 72%); box-shadow:0 16px 38px rgba(0,0,0,.28); } .article-side-card .eyebrow{ color:#71dfff; font-size:11px; letter-spacing:.16em; } .article-side-card h2{ margin:9px 0 19px; color:#f7fbfd; font:700 18px/1.3 'Oxanium','Exo 2',Arial,sans-serif; letter-spacing:-.015em; } .article-side-summary dl>div{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; padding:14px 0; border-bottom:1px solid #2d5669; } .article-side-summary dt{ color:#afc2cb; font-size:13px; line-height:1.4; } .article-side-summary dd{ color:#fff; font:700 13px/1.35 'Exo 2',Arial,sans-serif; } .article-toc-card nav{ max-height:50vh; gap:7px; } .article-toc-card nav a{ padding:11px 13px; border-left:4px solid #315f74; border-radius:0 6px 6px 0; color:#c5d5dc; font-size:13px; line-height:1.48; } .article-toc-card nav a.toc-level-3{ padding-left:26px; font-size:12px; } .article-toc-card nav a:hover, .article-toc-card nav a.active{ border-left-color:#54d7ff; background:#0d3142; color:#fff; } .article-reading-tip p{ margin:0; color:#c2d2d9; font-size:13px; line-height:1.7; } .article-popular-list li{ border-bottom-color:#2b5365; } .article-popular-list a{ grid-template-columns:34px 1fr; gap:12px; padding:16px 0; } .article-popular-list a::before{ color:#62ddff; font-size:12px; } .article-popular-list span{ color:#edf6f9; font-size:13px; line-height:1.48; } .article-popular-list small{ margin-top:6px; color:#9db1ba; font-size:11px; } .toc-reading-progress{ height:4px; border-radius:10px 10px 0 0; } @media(max-width:1150px){ .article-reading-shell{ width:min(100% - 24px,1120px); grid-template-columns:1fr; } .article-reading-sidebar{ position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:700px){ .article-reading-shell{width:100%} .article-hero-copy{padding:23px 17px 26px} .article-reading-toolbar{padding-left:14px;padding-right:14px} .article-reading-body{padding:28px 17px 40px} .article-author-box, .article-editorial .reaction-report{margin-left:17px;margin-right:17px} .article-reading-sidebar{grid-template-columns:1fr;padding:0 12px} .article-side-card{padding:20px} } /* ========================================================= 3.7.2.4 — definitive article layout repair ========================================================= */ .article-editorial.article-layout > header.article-hero{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; text-align:left; } .article-editorial.article-layout > header.article-hero > .article-hero-cover{ width:100%!important; max-width:none!important; margin:0!important; } .article-editorial.article-layout > header.article-hero > .article-hero-cover > img{ display:block!important; width:100%!important; max-width:none!important; height:clamp(360px,38vw,650px)!important; max-height:none!important; object-fit:cover!important; margin:0!important; border:0!important; border-radius:0!important; } .article-editorial .article-hero-copy{ width:100%; max-width:none; padding:34px 38px 36px; text-align:center; } .article-reading-shell{ grid-template-columns:minmax(0,1fr) 390px; gap:28px; } .article-reading-sidebar{ gap:16px; } .article-side-card{ padding:26px; border:0; border-left:4px solid #2e7896; border-radius:8px; background:linear-gradient(145deg,#0b2a39,#071b27); box-shadow:0 16px 36px rgba(0,0,0,.24); } .article-side-card .eyebrow{ display:block; margin-bottom:8px; color:#7ce2ff; font-size:12px; letter-spacing:.14em; } .article-side-card h2{ margin:0 0 20px; color:#fff; font:700 20px/1.3 'Oxanium','Exo 2',Arial,sans-serif; } .article-side-summary dl>div{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid rgba(164,209,226,.18); } .article-side-summary dt{ color:#bdd0d8; font-size:14px; } .article-side-summary dd{ color:#fff; font:700 14px/1.3 'Exo 2',Arial,sans-serif; } .article-toc-card nav{ display:grid; gap:8px; max-height:none; } .article-toc-card nav a{ padding:12px 14px; border:0; border-left:4px solid #36677b; border-radius:0 7px 7px 0; background:rgba(2,12,18,.24); color:#d0dfe5; font-size:14px; line-height:1.5; } .article-toc-card nav a:hover, .article-toc-card nav a.active{ border-left-color:#65ddff; background:#10394b; color:#fff; } .article-toc-card nav a.toc-level-3{ padding-left:26px; font-size:13px; } .article-reading-tip p{ margin:0; color:#d0dee4; font-size:14px; line-height:1.75; } .article-popular-list a{ grid-template-columns:42px 1fr; gap:14px; padding:17px 0; } .article-popular-list a::before{ font-size:14px; } .article-popular-list span{ color:#fff; font-size:14px; line-height:1.5; } .article-popular-list small{ color:#a8bcc5; font-size:12px; } @media(max-width:1200px){ .article-reading-shell{grid-template-columns:1fr} .article-reading-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .article-editorial.article-layout > header.article-hero > .article-hero-cover > img{height:300px!important} .article-editorial .article-hero-copy{padding:24px 17px 28px} .article-reading-sidebar{grid-template-columns:1fr;padding:0 12px} .article-side-card{padding:21px} } /* 3.7.2.5 — more visible article toolbar */ .article-reading-toolbar{ gap:10px; padding:14px 18px; border-top:1px solid #1e4d62; border-bottom:1px solid #2a5b72; } .article-reading-toolbar button, .article-reading-toolbar a{ min-height:38px; padding:10px 15px; border:1px solid #3a7590; border-radius:7px; background:linear-gradient(145deg,#0b2a3a,#061722); color:#e4f6fd; font:700 10px 'Oxanium'; letter-spacing:.02em; box-shadow:0 4px 12px rgba(0,0,0,.18); } .article-reading-toolbar button:hover, .article-reading-toolbar a:hover{ border-color:#69d7ff; background:linear-gradient(145deg,#10384d,#082131); color:#fff; transform:translateY(-1px); } .reading-font-controls{ gap:7px; } .reading-font-controls button{ min-width:46px; padding-left:12px; padding-right:12px; font-size:12px; } @media(max-width:700px){ .article-reading-toolbar{ gap:8px; padding:12px; } .article-reading-toolbar button, .article-reading-toolbar a{ min-height:40px; padding:10px 13px; font-size:9px; } .reading-font-controls{ width:100%; } .reading-font-controls button{ flex:1; } } /* ========================================================= 3.7.2.6 — gaming typography refresh ========================================================= */ :root{ --font-ui:'Exo 2',Arial,sans-serif; --font-display:'Oxanium','Trebuchet MS',sans-serif; --font-reading:'Merriweather',Georgia,serif; } html,body, input,textarea,select,button{ font-family:var(--font-ui); } h1,h2,h3,h4,h5,h6, .brand span, .eyebrow, .category, .site-nav, .category-strip, .nav-dropdown-menu, .button, button, .article-meta-list, .article-side-card dt, .article-side-card dd, .admin-sidebar, .admin-title, .geeksajt-tabs, .geeksajt-module-head, .profile-edit-head{ font-family:var(--font-display); } .site-nav a, .nav-dropdown-toggle, .nav-dropdown-menu a, .user-menu a{ font-weight:600; letter-spacing:.01em; } button,.button{ font-weight:700; letter-spacing:.015em; } .article-hero-copy h1{ font-family:var(--font-display); font-weight:700; letter-spacing:-.025em; } .article-hero-copy .lead, .article-author-mini, .article-meta-list{ font-family:var(--font-ui); } .article-reading-body{ font-family:var(--font-reading); font-weight:400; letter-spacing:0; } .article-reading-body h2, .article-reading-body h3, .article-reading-body h4{ font-family:var(--font-display); } .article-reading-body code, .article-reading-body pre{ font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace; } .article-side-card p, .article-side-card li, .article-side-card a, .article-side-summary dt{ font-family:var(--font-ui); } .article-side-card h2, .article-side-card .eyebrow, .article-side-summary dd{ font-family:var(--font-display); } .article-popular-list span{ font-weight:600; } .geeksajt-entry p, .geeksajt-page-content, .comments-section, .form-card, .panel{ font-family:var(--font-ui); } @media(max-width:700px){ .article-reading-body{ font-family:var(--font-reading); } } /* ========================================================= 3.7.2.7 — richer homepage lead section ========================================================= */ .portal-lead{ position:relative; width:min(1440px,100%); max-width:1440px; margin-top:34px; grid-template-columns:minmax(0,1fr) 340px; gap:22px; } .portal-lead::before{ content:""; position:absolute; z-index:-1; inset:-28px -70px auto; height:420px; pointer-events:none; background: radial-gradient(circle at 32% 15%,rgba(42,163,218,.15),transparent 40%), radial-gradient(circle at 85% 20%,rgba(102,240,165,.07),transparent 33%); filter:blur(8px); } .lead-main{ grid-template-columns:minmax(0,1.68fr) minmax(280px,.72fr); gap:16px; } .portal-featured-fixed{ position:relative; isolation:isolate; border:1px solid #28566c; border-radius:16px; box-shadow:0 28px 70px rgba(0,0,0,.42); } .portal-featured-fixed::before{ content:""; position:absolute; z-index:-1; inset:0; background: linear-gradient(0deg,rgba(2,8,14,.96),transparent 62%), radial-gradient(circle at 18% 88%,rgba(30,168,226,.17),transparent 38%); } .portal-featured-fixed::after{ content:""; position:absolute; inset:14px; pointer-events:none; border:1px solid rgba(160,220,244,.13); border-radius:10px; } .featured-topline{ position:absolute; top:24px; left:26px; right:26px; display:flex; align-items:center; justify-content:space-between; gap:15px; } .featured-kicker{ display:flex; align-items:center; gap:9px; padding:8px 11px; border:1px solid rgba(93,206,250,.4); border-radius:999px; background:rgba(2,14,22,.76); color:#bdefff; font:700 9px var(--font-display); letter-spacing:.13em; backdrop-filter:blur(8px); } .featured-kicker i{ width:7px; height:7px; border-radius:50%; background:#4fd1ff; box-shadow:0 0 13px #4fd1ff; } .featured-age{ color:#b7cbd4; font-size:10px; text-shadow:0 1px 8px #000; } .featured-copy{ width:min(820px,88%); } .portal-featured-fixed h1{ text-wrap:balance; text-shadow:0 4px 28px rgba(0,0,0,.74); } .portal-featured-fixed p{ color:#c5d8df; font-size:16px; line-height:1.65; } .featured-footer{ display:flex; align-items:center; justify-content:space-between; gap:18px; max-width:720px; margin-top:20px; padding-top:17px; border-top:1px solid rgba(137,200,224,.25); } .featured-footer .meta{ margin:0; } .featured-cta{ min-width:190px; justify-content:space-between; box-shadow:0 10px 24px rgba(13,145,204,.26); } .featured-cta b{ font-size:18px; transition:transform .18s; } .featured-cta:hover b{ transform:translateX(4px); } .lead-side{ gap:14px; } .lead-mini{ position:relative; grid-template-columns:124px minmax(0,1fr); gap:0; min-height:184px; padding:0; overflow:hidden; border:1px solid #183d50; border-left:3px solid var(--cat); border-radius:11px; background: linear-gradient(145deg,rgba(8,32,45,.96),rgba(3,15,23,.98)); box-shadow:0 12px 32px rgba(0,0,0,.22); transition:transform .18s,border-color .18s,box-shadow .18s; } .lead-mini:hover{ transform:translateY(-3px); border-color:#32677e; border-left-color:var(--cat); box-shadow:0 18px 38px rgba(0,0,0,.32); } .lead-mini-cover{ display:block; height:100%; overflow:hidden; } .lead-mini>img, .lead-mini-cover img{ width:124px; height:100%; min-height:184px; border-radius:0; object-fit:cover; transition:transform .25s; } .lead-mini:hover .lead-mini-cover img{ transform:scale(1.045); } .lead-mini-copy{ display:flex; min-width:0; flex-direction:column; padding:16px 15px 13px; } .lead-mini-meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; } .lead-mini-meta>b{ color:#3f7188; font:700 16px var(--font-display); } .lead-mini h3{ margin:13px 0; font:700 16px/1.28 var(--font-display); } .lead-mini h3 a{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .lead-mini footer{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:10px; border-top:1px solid #173a4a; } .lead-mini footer small{ color:#829ca8; font-size:10px; } .lead-mini footer a{ display:grid; width:28px; height:28px; place-items:center; border:1px solid #2b6076; border-radius:50%; color:#8ee4ff; } .portal-rail{ gap:18px; } .rail-block{ overflow:hidden; padding:0; border:1px solid #24536a; border-top:3px solid #38b6e9; border-radius:12px; background: radial-gradient(circle at 100% 0,rgba(79,209,255,.08),transparent 42%), linear-gradient(155deg,#092332,#04131d); box-shadow:0 18px 42px rgba(0,0,0,.27); } .rail-block>header{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:21px 21px 14px; } .rail-block>header i{ display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid #316a82; border-radius:8px; color:#70dfff; font-style:normal; font-size:15px; } .rail-block h2{ margin:7px 0 0; color:#f3f9fc; font:700 19px var(--font-display); } .rank-item{ grid-template-columns:42px minmax(0,1fr) 24px; gap:12px; align-items:center; padding:15px 20px; border-bottom:1px solid #1d4354; transition:background .16s; } .rank-item:last-child{ border-bottom:0; } .rank-item:hover{ background:rgba(54,157,199,.09); } .rank-item b{ color:#4dbce7; font:700 19px var(--font-display); } .rank-item span{ color:#d3e1e7; font-size:13px; font-weight:600; line-height:1.42; } .rank-item em{ color:#4c8499; font-style:normal; font-size:15px; transition:transform .16s,color .16s; } .rank-item:hover em{ color:#8be5ff; transform:translateX(3px); } .releases{ border-top-color:#d7a440; } .releases>header i{ border-color:#80662f; color:#ffd278; } .releases>a{ margin:0 20px; padding:13px 0; } .releases time{ width:48px; height:44px; background:rgba(130,91,24,.14); } .releases-empty{ margin:0 20px 20px; padding:17px; border:1px dashed #4d5660; border-radius:9px; background:rgba(3,13,20,.5); } .releases-empty b{ display:block; color:#e8f1f5; font:700 13px var(--font-display); } .releases-empty p{ margin:7px 0 12px; color:#8fa5af; font-size:11px; line-height:1.5; } .releases-empty a{ color:#ffd278; font:700 10px var(--font-display); } .news-ticker{ width:min(1440px,100%); max-width:1440px; margin-top:20px; } .news-ticker>span{ display:flex; align-items:center; padding:0 19px; background:linear-gradient(135deg,#108ec4,#0b6e9a); box-shadow:0 8px 22px rgba(9,122,168,.18); } .news-ticker>div{ border-color:#245066; background: linear-gradient(90deg,rgba(11,39,54,.98),rgba(4,17,26,.98)); } .news-ticker a{ position:relative; padding-left:15px; color:#c4d5dc; font-size:12px; } .news-ticker a::before{ content:""; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2px; border-radius:50%; background:#4fd1ff; } @media(max-width:1180px){ .portal-lead{ grid-template-columns:1fr; } .portal-rail{ grid-template-columns:1fr 1fr; } } @media(max-width:900px){ .lead-main{ grid-template-columns:1fr; } .lead-side{ grid-template-columns:repeat(3,minmax(0,1fr)); } .lead-mini{ grid-template-columns:1fr; } .lead-mini-cover, .lead-mini>img, .lead-mini-cover img{ width:100%; height:150px; min-height:150px; } } @media(max-width:760px){ .portal-lead{ margin-top:18px; } .featured-topline{ top:16px; left:16px; right:16px; } .featured-copy{ width:100%; } .featured-footer{ align-items:flex-start; flex-direction:column; } .lead-side, .portal-rail{ grid-template-columns:1fr; } .lead-mini{ grid-template-columns:116px 1fr; } .lead-mini-cover, .lead-mini>img, .lead-mini-cover img{ width:116px; height:100%; min-height:180px; } } @media(max-width:500px){ .featured-kicker{ font-size:8px; } .featured-age{ display:none; } .lead-mini{ grid-template-columns:96px 1fr; } .lead-mini-cover, .lead-mini>img, .lead-mini-cover img{ width:96px; } } /* ========================================================= 3.7.2.8 — subtle frame FX / glitch / electric sweep ========================================================= */ :root{ --fx-blue: rgba(79, 209, 255, .9); --fx-cyan: rgba(86, 245, 255, .72); --fx-pink: rgba(219, 104, 255, .42); --fx-soft: rgba(79, 209, 255, .18); } .portal-featured-fixed, .lead-mini, .rail-block, .news-ticker>div{ isolation:isolate; } .portal-featured-fixed{ animation: gh-hero-frame-pulse 7s ease-in-out infinite; } .portal-featured-fixed::before{ animation: gh-hero-energy 9s ease-in-out infinite; } .portal-featured-fixed::after{ border-color: rgba(160,220,244,.18); box-shadow: 0 0 0 1px rgba(84, 184, 223, .06), inset 0 0 24px rgba(41, 124, 155, .08); animation: gh-hero-glitch 6.4s steps(1,end) infinite; } .lead-mini, .rail-block{ overflow:hidden; } .lead-mini::before, .rail-block::before{ content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; pointer-events:none; background: linear-gradient(125deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 18%, rgba(79,209,255,.65) 28%, rgba(153,103,255,.28) 37%, rgba(0,0,0,0) 48%, rgba(0,0,0,0) 68%, rgba(79,209,255,.45) 82%, rgba(0,0,0,0) 100%); background-size:220% 220%; opacity:.7; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation: gh-frame-sweep 8.2s linear infinite; } .lead-mini::after, .rail-block::after{ content:""; position:absolute; inset:auto -20% 14px auto; width:42%; height:2px; pointer-events:none; border-radius:999px; background:linear-gradient(90deg, rgba(0,0,0,0), rgba(116,245,255,.95), rgba(0,0,0,0)); opacity:.28; filter:blur(.4px); transform:translateX(30%); animation: gh-scanline 4.6s ease-in-out infinite; } .lead-mini:hover::after, .rail-block:hover::after{ opacity:.58; } .lead-mini{ animation: gh-card-breath 6.8s ease-in-out infinite; } .rail-block{ animation: gh-card-breath 8s ease-in-out infinite; } .rail-block:nth-of-type(2){ animation-duration: 9.2s; } .lead-mini:nth-child(2){ animation-delay: -.8s; } .lead-mini:nth-child(3){ animation-delay: -1.4s; } .news-ticker>div{ position:relative; overflow:hidden; } .news-ticker>div::after{ content:""; position:absolute; top:0; bottom:0; left:-22%; width:18%; pointer-events:none; background:linear-gradient(90deg, rgba(0,0,0,0), rgba(79,209,255,.16), rgba(0,0,0,0)); transform:skewX(-20deg); animation: gh-ticker-glide 7.5s linear infinite; } /* Stronger interactive state */ .lead-mini:hover, .rail-block:hover{ box-shadow: 0 18px 38px rgba(0,0,0,.32), 0 0 0 1px rgba(85, 199, 255, .09), 0 0 26px rgba(59, 159, 202, .10); } .rail-block:hover{ border-color:#2f6580; } .lead-mini:hover{ border-color:#32677e; } /* Small glitch accent on the main hero title */ .portal-featured-fixed h1{ position:relative; } .portal-featured-fixed:hover h1{ animation: gh-title-glitch 900ms steps(2,end) 1; } @keyframes gh-frame-sweep{ 0%{ background-position:120% 0%; opacity:.30; } 12%{ opacity:.72; } 28%{ opacity:.34; } 50%{ background-position:45% 40%; opacity:.56; } 100%{ background-position:-90% 100%; opacity:.26; } } @keyframes gh-scanline{ 0%,100%{ transform:translateX(18%); opacity:.14; } 18%{ opacity:.36; } 50%{ transform:translateX(-115%); opacity:.54; } 68%{ opacity:.18; } } @keyframes gh-card-breath{ 0%,100%{ box-shadow:0 12px 32px rgba(0,0,0,.22); } 50%{ box-shadow: 0 16px 36px rgba(0,0,0,.28), 0 0 18px rgba(62, 162, 207, .08); } } @keyframes gh-hero-frame-pulse{ 0%,100%{ box-shadow: 0 28px 70px rgba(0,0,0,.42), 0 0 0 rgba(79,209,255,0); } 48%{ box-shadow: 0 30px 76px rgba(0,0,0,.46), 0 0 22px rgba(79,209,255,.09); } } @keyframes gh-hero-energy{ 0%,100%{ filter:none; opacity:1; } 46%{ filter:saturate(1.08) brightness(1.02); opacity:1; } 49%{ filter:saturate(1.18) brightness(1.05); opacity:1; } 52%{ filter:saturate(1.06) brightness(1.01); opacity:1; } } @keyframes gh-hero-glitch{ 0%, 86%, 100%{ opacity:1; transform:translate3d(0,0,0); border-color:rgba(160,220,244,.18); } 87%{ opacity:.92; transform:translate3d(1px,0,0); border-color:rgba(111,231,255,.34); } 88%{ opacity:.96; transform:translate3d(-1px,0,0); } 89%{ opacity:.88; transform:translate3d(0,0,0); } 90%{ border-color:rgba(222,133,255,.28); } 91%{ border-color:rgba(160,220,244,.18); } } @keyframes gh-title-glitch{ 0%,100%{ text-shadow:0 4px 28px rgba(0,0,0,.74); transform:none; } 20%{ text-shadow: -2px 0 rgba(255, 64, 182, .55), 2px 0 rgba(79, 209, 255, .55), 0 4px 28px rgba(0,0,0,.74); transform:translateX(1px); } 40%{ text-shadow: 2px 0 rgba(255, 64, 182, .35), -2px 0 rgba(79, 209, 255, .55), 0 4px 28px rgba(0,0,0,.74); transform:translateX(-1px); } 60%{ text-shadow: -1px 0 rgba(255, 64, 182, .26), 1px 0 rgba(79, 209, 255, .42), 0 4px 28px rgba(0,0,0,.74); } } @keyframes gh-ticker-glide{ 0%{ left:-24%; opacity:0; } 10%{ opacity:1; } 90%{ opacity:1; } 100%{ left:108%; opacity:0; } } @media (prefers-reduced-motion: reduce){ .portal-featured-fixed, .portal-featured-fixed::before, .portal-featured-fixed::after, .lead-mini, .lead-mini::before, .lead-mini::after, .rail-block, .rail-block::before, .rail-block::after, .news-ticker>div::after, .portal-featured-fixed:hover h1{ animation:none !important; } } /* ========================================================= 3.7.2.9 — Geek House Service bridge ========================================================= */ .service-bridge{ position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(260px,.78fr) minmax(0,1.45fr) minmax(250px,.62fr); gap:26px; width:min(1440px,calc(100% - 32px)); min-height:220px; margin:22px auto 0; padding:25px 28px; overflow:hidden; border:1px solid rgba(70,206,255,.72); border-radius:18px; background: radial-gradient(circle at 15% 45%,rgba(20,144,204,.25),transparent 34%), radial-gradient(circle at 72% 5%,rgba(91,237,255,.08),transparent 35%), linear-gradient(135deg,rgba(3,20,31,.99),rgba(2,11,18,.99)); box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 38px rgba(25,160,219,.13), inset 0 0 44px rgba(49,174,224,.05); } .service-bridge::before{ content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit; padding:1px; pointer-events:none; background: linear-gradient(118deg, rgba(0,0,0,0) 0%, rgba(56,220,255,.9) 12%, rgba(0,0,0,0) 27%, rgba(0,0,0,0) 65%, rgba(100,226,255,.72) 82%, rgba(0,0,0,0) 100%); background-size:240% 240%; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:service-border-run 8s linear infinite; } .service-bridge::after{ content:""; position:absolute; top:0; left:-28%; width:20%; height:100%; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(89,222,255,.09),transparent); transform:skewX(-17deg); animation:service-light-sweep 7s ease-in-out infinite; } .service-bridge-grid{ position:absolute; inset:0; z-index:-2; opacity:.17; background-image: linear-gradient(rgba(75,195,235,.14) 1px,transparent 1px), linear-gradient(90deg,rgba(75,195,235,.14) 1px,transparent 1px); background-size:26px 26px; mask-image:linear-gradient(90deg,#000,transparent 42%,transparent 76%,#000); } .service-bridge-art{ position:relative; min-height:170px; } .service-pc{ position:absolute; left:7%; bottom:5px; width:165px; height:145px; border:1px solid #2ea8d8; border-radius:10px; background: linear-gradient(145deg,rgba(19,78,105,.78),rgba(2,15,23,.96)); box-shadow: inset 0 0 28px rgba(50,196,255,.16), 0 0 30px rgba(25,150,211,.22); transform:perspective(500px) rotateY(10deg); } .service-pc::before{ content:""; position:absolute; inset:10px; border:1px solid rgba(92,222,255,.35); border-radius:6px; background: linear-gradient(90deg,transparent 0 44%,rgba(76,202,255,.12) 45% 47%,transparent 48%), linear-gradient(rgba(76,202,255,.08) 1px,transparent 1px); background-size:auto,100% 18px; } .service-pc-screen{ position:absolute; top:18px; right:17px; width:48px; height:31px; border:1px solid #55d8ff; background:radial-gradient(circle,#54d9ff 0 9%,rgba(33,145,194,.42) 12% 28%,#031019 32%); box-shadow:0 0 14px rgba(74,217,255,.5); } .service-pc-fan{ position:absolute; left:20px; width:48px; height:48px; border:2px solid #41c9ff; border-radius:50%; background: repeating-conic-gradient(from 0deg,rgba(76,217,255,.75) 0 8deg,transparent 8deg 30deg), radial-gradient(circle,#0b3041 0 16%,#071923 18% 48%,transparent 50%); box-shadow:0 0 18px rgba(43,196,255,.42); animation:service-fan 6s linear infinite; } .service-pc-fan.fan-one{top:27px} .service-pc-fan.fan-two{bottom:18px;animation-direction:reverse} .service-pc-floor{ position:absolute; left:-28px; right:-28px; bottom:-14px; height:24px; border-radius:50%; background:radial-gradient(ellipse,rgba(43,194,255,.26),transparent 68%); filter:blur(4px); } .service-wrench{ position:absolute; right:2%; bottom:8px; width:125px; height:125px; overflow:visible; fill:none; stroke:#5fe3ff; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 9px rgba(73,213,255,.82)); transform:rotate(-10deg); animation:service-wrench-float 4.8s ease-in-out infinite; } .service-bridge-copy{ align-self:center; min-width:0; } .service-bridge-badge{ display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid #2aabc9; border-radius:6px; background:rgba(2,31,43,.82); color:#7feaff; font:700 9px var(--font-display); letter-spacing:.12em; } .service-bridge-badge i{ width:7px; height:7px; border-radius:50%; background:#63ecff; box-shadow:0 0 10px #63ecff; animation:service-status 2s ease-in-out infinite; } .service-bridge h2{ margin:13px 0 11px; color:#f4fbfe; font:800 clamp(24px,2.3vw,36px)/1.12 var(--font-display); letter-spacing:-.025em; } .service-bridge h2 em{ color:#57ddff; font-style:normal; text-shadow:0 0 22px rgba(63,207,255,.24); } .service-bridge-copy>p{ max-width:760px; margin:0; color:#b2c8d2; font-size:14px; line-height:1.68; } .service-bridge-features{ display:flex; flex-wrap:wrap; gap:9px; margin-top:17px; } .service-bridge-features span{ display:flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid #21495a; border-radius:6px; background:rgba(5,23,33,.72); color:#9fb5bf; font-size:9px; font-weight:600; } .service-bridge-features b{ color:#4edbff; font:700 8px var(--font-display); } .service-bridge-actions{ display:grid; align-content:center; gap:12px; } .service-bridge-actions>a{ display:grid; grid-template-columns:34px minmax(0,1fr) 22px; gap:11px; align-items:center; min-height:66px; padding:12px 14px; border-radius:9px; transition:transform .16s,border-color .16s,box-shadow .16s; } .service-bridge-actions svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; } .service-bridge-actions span, .service-bridge-actions b, .service-bridge-actions small{ display:block; } .service-bridge-actions b{ font:700 11px var(--font-display); } .service-bridge-actions small{ margin-top:4px; font-size:8px; } .service-bridge-actions i{ font-style:normal; font-size:18px; } .service-primary{ border:1px solid #39c9f6; background:linear-gradient(135deg,#087fb8,#18b9ea); color:#fff; box-shadow:0 12px 26px rgba(12,151,205,.25); } .service-primary small{color:#d4f5ff} .service-secondary{ border:1px solid #32677e; background:rgba(4,20,29,.86); color:#cbe6ef; } .service-secondary small{color:#7895a2} .service-bridge-actions>a:hover{ transform:translateY(-2px); border-color:#79e6ff; box-shadow:0 15px 30px rgba(20,155,211,.22); } .service-menu-link{ display:grid!important; gap:3px; } .service-menu-link small{ color:#5fdcff; font-size:8px; font-weight:600; letter-spacing:.04em; } .site-footer{ grid-template-columns:minmax(260px,1.35fr) repeat(4,minmax(130px,.65fr)); } .footer-service p{ max-width:230px; margin:8px 0 10px; color:#7893a0; font-size:10px; line-height:1.55; } .footer-service>a{ color:#5edcff!important; font-weight:700; } @keyframes service-border-run{ from{background-position:130% 0} to{background-position:-110% 100%} } @keyframes service-light-sweep{ 0%,20%{left:-28%;opacity:0} 32%{opacity:1} 70%{opacity:.65} 100%{left:116%;opacity:0} } @keyframes service-fan{ to{transform:rotate(360deg)} } @keyframes service-wrench-float{ 0%,100%{transform:rotate(-10deg) translateY(0)} 50%{transform:rotate(-7deg) translateY(-7px)} } @keyframes service-status{ 0%,100%{opacity:.45} 50%{opacity:1} } @media(max-width:1100px){ .service-bridge{ grid-template-columns:230px minmax(0,1fr); } .service-bridge-actions{ grid-column:1/-1; grid-template-columns:1fr 1fr; } .site-footer{ grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:760px){ .service-bridge{ grid-template-columns:1fr; width:calc(100% - 20px); padding:22px 18px; } .service-bridge-art{ min-height:150px; } .service-pc{ left:10%; } .service-wrench{ right:12%; } .service-bridge-actions{ grid-column:auto; grid-template-columns:1fr; } .site-footer{ grid-template-columns:1fr 1fr; } } @media(max-width:520px){ .service-bridge-art{ transform:scale(.88); transform-origin:center; margin:-8px 0 -12px; } .service-bridge-features{ display:grid; grid-template-columns:1fr; } .site-footer{ grid-template-columns:1fr; } } @media(prefers-reduced-motion:reduce){ .service-bridge::before, .service-bridge::after, .service-pc-fan, .service-wrench, .service-bridge-badge i{ animation:none!important; } } /* 3.7.3.0 — compact service card in recommended stories */ .service-bridge{display:none!important} .lead-service-card{ position:relative; grid-template-columns:124px minmax(0,1fr); border-left-color:#4fd1ff; background:radial-gradient(circle at 12% 50%,rgba(58,204,255,.18),transparent 34%),linear-gradient(145deg,rgba(7,38,53,.98),rgba(3,15,23,.99)); box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 0 24px rgba(63,202,255,.04); } .lead-service-visual{ position:relative;display:grid;min-height:184px;place-items:center;overflow:hidden;border-right:1px solid #1f5166; background:linear-gradient(rgba(79,209,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(79,209,255,.08) 1px,transparent 1px),radial-gradient(circle at 50% 48%,rgba(40,179,231,.24),transparent 48%),#04141e; background-size:18px 18px,18px 18px,auto,auto; } .lead-service-visual::before,.lead-service-visual::after{content:"";position:absolute;border:1px solid rgba(79,209,255,.23);border-radius:50%} .lead-service-visual::before{width:92px;height:92px}.lead-service-visual::after{width:68px;height:68px} .lead-service-visual svg{position:relative;z-index:2;width:74px;height:74px;overflow:visible;fill:none;stroke:#61e4ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(83,222,255,.72));animation:lead-service-float 4.6s ease-in-out infinite} .lead-service-card .lead-mini-copy{padding-top:14px} .lead-service-card h3{margin:10px 0 8px;font-size:15px} .lead-service-card p{display:-webkit-box;overflow:hidden;margin:0;color:#8fa8b3;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3} .lead-service-card footer{margin-top:auto} .lead-service-link{width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;color:#83e9ff!important;font:700 9px var(--font-display)} .lead-service-card:hover{border-color:#4fd1ff;box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 28px rgba(54,194,246,.14)} @keyframes lead-service-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-6px) rotate(-4deg)}} @media(max-width:900px){.lead-service-card{grid-template-columns:1fr}.lead-service-visual{width:100%;min-height:150px;border-right:0;border-bottom:1px solid #1f5166}} @media(max-width:760px){.lead-service-card{grid-template-columns:116px minmax(0,1fr)}.lead-service-visual{width:116px;min-height:180px;border-right:1px solid #1f5166;border-bottom:0}} @media(max-width:500px){.lead-service-card{grid-template-columns:96px minmax(0,1fr)}.lead-service-visual{width:96px}.lead-service-visual svg{width:58px;height:58px}} @media(prefers-reduced-motion:reduce){.lead-service-visual svg{animation:none!important}} /* ========================================================= 3.7.3.1 — Buy Me a Coffee support CTA ========================================================= */ .coffee-support-button{ position:fixed; z-index:1200; right:22px; bottom:22px; display:grid; grid-template-columns:42px minmax(0,1fr) 22px; gap:11px; align-items:center; min-width:255px; padding:12px 14px; overflow:hidden; border:1px solid rgba(255,207,81,.9); border-radius:14px; background: radial-gradient(circle at 18% 20%,rgba(255,226,129,.24),transparent 34%), linear-gradient(135deg,#4b2d05,#8b5608 52%,#3a2203); color:#fff8df; box-shadow: 0 18px 42px rgba(0,0,0,.42), 0 0 0 1px rgba(255,216,102,.08), 0 0 24px rgba(255,187,44,.22); isolation:isolate; animation:coffee-button-pulse 2.7s ease-in-out infinite; transition:transform .18s,border-color .18s,box-shadow .18s; } .coffee-support-button::before{ content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit; padding:1px; background: linear-gradient(115deg, transparent 0 18%, rgba(255,246,193,.95) 29%, rgba(255,192,43,.65) 39%, transparent 51% 100%); background-size:220% 220%; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:coffee-border-sweep 4.5s linear infinite; } .coffee-support-button::after{ content:""; position:absolute; top:-30%; left:-28%; width:20%; height:160%; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:skewX(-18deg); animation:coffee-shine 5.2s ease-in-out infinite; } .coffee-support-button:hover{ transform:translateY(-3px) scale(1.02); border-color:#fff0a9; box-shadow: 0 22px 48px rgba(0,0,0,.46), 0 0 34px rgba(255,190,42,.34); } .coffee-support-icon{ display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,229,145,.58); border-radius:11px; background:rgba(255,219,104,.12); box-shadow:inset 0 0 16px rgba(255,230,133,.06); } .coffee-support-icon svg{ width:25px; height:25px; fill:none; stroke:#ffe48a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 6px rgba(255,215,85,.48)); } .coffee-support-copy{ display:block; min-width:0; } .coffee-support-copy small, .coffee-support-copy b{ display:block; } .coffee-support-copy small{ margin-bottom:3px; color:#e8ca78; font-size:9px; font-weight:600; } .coffee-support-copy b{ color:#fff7d7; font:700 11px var(--font-display); letter-spacing:.01em; } .coffee-support-arrow{ color:#ffe38a; font-size:18px; transition:transform .18s; } .coffee-support-button:hover .coffee-support-arrow{ transform:translateX(3px); } @keyframes coffee-button-pulse{ 0%,100%{ box-shadow: 0 18px 42px rgba(0,0,0,.42), 0 0 0 0 rgba(255,195,45,.18), 0 0 24px rgba(255,187,44,.18); } 50%{ box-shadow: 0 20px 46px rgba(0,0,0,.44), 0 0 0 8px rgba(255,195,45,0), 0 0 34px rgba(255,187,44,.30); } } @keyframes coffee-border-sweep{ from{background-position:130% 0} to{background-position:-100% 100%} } @keyframes coffee-shine{ 0%,18%{left:-28%;opacity:0} 28%{opacity:.75} 55%{opacity:.38} 70%,100%{left:118%;opacity:0} } @media(max-width:700px){ .coffee-support-button{ right:10px; bottom:10px; left:10px; grid-template-columns:38px minmax(0,1fr) 20px; min-width:0; padding:10px 12px; border-radius:12px; } .coffee-support-icon{ width:38px; height:38px; } .coffee-support-copy small{ font-size:8px; } .coffee-support-copy b{ font-size:10px; } } @media(prefers-reduced-motion:reduce){ .coffee-support-button, .coffee-support-button::before, .coffee-support-button::after{ animation:none!important; } } /* 3.7.3.2 — coffee button visibility fix */ .coffee-support-button{ z-index:2147483000!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } body>.coffee-support-button{ display:grid!important; } /* ========================================================= 3.7.3.3 — coffee CTA moved into the main navigation ========================================================= */ .coffee-menu-slot{ display:flex; align-items:center; margin-left:12px; margin-right:10px; } .coffee-menu-slot .coffee-support-button{ position:relative!important; inset:auto!important; right:auto!important; bottom:auto!important; left:auto!important; display:grid!important; grid-template-columns:34px minmax(150px,1fr) 18px; gap:9px; align-items:center; width:238px; min-width:238px; min-height:44px; padding:7px 11px; border-radius:10px; z-index:auto!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; box-shadow: 0 8px 22px rgba(0,0,0,.3), 0 0 18px rgba(255,187,44,.16); animation:coffee-menu-pulse 3.4s ease-in-out infinite; } .coffee-menu-slot .coffee-support-icon{ width:34px; height:34px; border-radius:8px; } .coffee-menu-slot .coffee-support-icon svg{ width:21px; height:21px; } .coffee-menu-slot .coffee-support-copy small{ margin-bottom:2px; font-size:8px; line-height:1.05; } .coffee-menu-slot .coffee-support-copy b{ font-size:10px; line-height:1.15; white-space:nowrap; } .coffee-menu-slot .coffee-support-arrow{ font-size:16px; } @keyframes coffee-menu-pulse{ 0%,100%{ box-shadow: 0 8px 22px rgba(0,0,0,.3), 0 0 0 0 rgba(255,195,45,.12), 0 0 18px rgba(255,187,44,.14); } 50%{ box-shadow: 0 9px 25px rgba(0,0,0,.34), 0 0 0 5px rgba(255,195,45,0), 0 0 25px rgba(255,187,44,.24); } } @media(max-width:1280px){ .coffee-menu-slot{ margin-left:7px; margin-right:7px; } .coffee-menu-slot .coffee-support-button{ grid-template-columns:30px minmax(122px,1fr) 16px; width:196px; min-width:196px; padding:6px 9px; } .coffee-menu-slot .coffee-support-icon{ width:30px; height:30px; } .coffee-menu-slot .coffee-support-copy small{ display:none; } .coffee-menu-slot .coffee-support-copy b{ font-size:9px; } } @media(max-width:1080px){ .coffee-menu-slot .coffee-support-button{ grid-template-columns:28px minmax(102px,1fr); width:158px; min-width:158px; } .coffee-menu-slot .coffee-support-arrow{ display:none; } .coffee-menu-slot .coffee-support-icon{ width:28px; height:28px; } } @media(max-width:900px){ .coffee-menu-slot{ width:100%; margin:8px 0 0; order:20; } .coffee-menu-slot .coffee-support-button{ width:100%; min-width:0; grid-template-columns:34px minmax(0,1fr) 18px; } .coffee-menu-slot .coffee-support-copy small{ display:block; } .coffee-menu-slot .coffee-support-arrow{ display:block; } } @media(prefers-reduced-motion:reduce){ .coffee-menu-slot .coffee-support-button{ animation:none!important; } } /* ========================================================= 3.7.3.4 — partner and advertising panel ========================================================= */ .partner-ad-panel{ position:relative; display:grid; grid-template-columns:minmax(380px,1.08fr) minmax(0,1.4fr); gap:12px; width:min(1440px,calc(100% - 32px)); margin:14px auto 0; padding:10px; overflow:hidden; border:1px solid #183d50; border-radius:13px; background: radial-gradient(circle at 5% 50%,rgba(49,190,241,.08),transparent 34%), linear-gradient(135deg,rgba(5,25,36,.96),rgba(2,13,20,.98)); box-shadow:0 12px 32px rgba(0,0,0,.22); } .partner-ad-panel::before{ content:""; position:absolute; top:0; left:8%; width:22%; height:1px; background:linear-gradient(90deg,transparent,#55dfff,transparent); animation:partner-top-line 6s linear infinite; } .partner-service-promo{ display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; align-items:center; min-width:0; padding:10px 12px; border:1px solid #24566d; border-radius:9px; background: radial-gradient(circle at 0 50%,rgba(63,207,255,.13),transparent 34%), rgba(5,28,39,.78); } .partner-service-icon{ display:grid; width:48px; height:48px; place-items:center; border:1px solid #2a839f; border-radius:10px; background:#061b26; } .partner-service-icon svg{ width:29px; height:29px; fill:none; stroke:#63e4ff; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 7px rgba(83,222,255,.55)); } .partner-service-copy{ min-width:0; } .partner-panel-label{ display:flex; align-items:center; gap:7px; color:#5edcff; font:700 8px var(--font-display); letter-spacing:.13em; } .partner-panel-label i{ width:6px; height:6px; border-radius:50%; background:#63e9ff; box-shadow:0 0 9px #63e9ff; } .partner-service-copy strong{ display:block; margin:4px 0 3px; color:#f1f8fb; font:700 13px var(--font-display); } .partner-service-copy small{ display:block; overflow:hidden; color:#8fa7b2; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; } .partner-service-promo>a{ display:flex; align-items:center; gap:10px; min-height:40px; padding:0 13px; border:1px solid #2baed7; border-radius:8px; background:linear-gradient(135deg,#087dad,#0fa7d4); color:#fff; font:700 9px var(--font-display); white-space:nowrap; box-shadow:0 8px 20px rgba(10,133,181,.18); } .partner-service-promo>a b{ font-size:15px; transition:transform .16s; } .partner-service-promo>a:hover b{ transform:translateX(3px); } .partner-list{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; min-width:0; padding:8px 10px; } .partner-list header{ min-width:120px; } .partner-list header small{ display:block; margin-top:5px; color:#607d8a; font-size:8px; } .partner-slots{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .partner-slots>a, .partner-slot-empty{ display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:48px; padding:8px 10px; border:1px solid #1d4658; border-radius:8px; background:rgba(4,20,29,.72); color:#9db2bc; font:600 9px var(--font-display); text-align:center; transition:border-color .16s,background .16s,color .16s; } .partner-slots>a span, .partner-slot-empty>span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .partner-slots>a b{ color:#5edcff; font-size:13px; } .partner-slots>a:hover{ border-color:#3a8aa8; background:rgba(8,39,53,.9); color:#e8f7fc; } .partner-slot-empty{ border-style:dashed; color:#5f7b87; } .partner-slot-empty i{ display:grid; width:20px; height:20px; flex:0 0 20px; place-items:center; border:1px solid #29566a; border-radius:50%; color:#4f9ab6; font-style:normal; } @keyframes partner-top-line{ from{transform:translateX(-150%)} to{transform:translateX(430%)} } @media(max-width:1050px){ .partner-ad-panel{ grid-template-columns:1fr; } } @media(max-width:700px){ .partner-ad-panel{ width:calc(100% - 20px); margin-top:10px; } .partner-service-promo{ grid-template-columns:42px minmax(0,1fr); } .partner-service-icon{ width:42px; height:42px; } .partner-service-promo>a{ grid-column:1/-1; justify-content:center; } .partner-service-copy small{ white-space:normal; } .partner-list{ grid-template-columns:1fr; } .partner-slots{ grid-template-columns:1fr; } } @media(prefers-reduced-motion:reduce){ .partner-ad-panel::before{ animation:none!important; } } /* ========================================================= 3.7.3.5 — partner administration + slimmer ad panel ========================================================= */ .admin-settings-form{display:grid;gap:18px} .admin-settings-section{padding:20px;border:1px solid #1c4659;border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(79,209,255,.05),transparent 34%),rgba(4,20,29,.74)} .admin-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #173b4c} .admin-settings-head h2{margin:5px 0 0;font:700 18px var(--font-display)} .admin-settings-head p{max-width:540px;margin:0;color:#8099a5;font-size:11px;line-height:1.55} .admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .admin-settings-wide{grid-column:1/-1} .partner-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .partner-admin-card{min-width:0;margin:0;padding:15px;border:1px solid #22566d;border-radius:10px;background:linear-gradient(145deg,rgba(8,34,47,.9),rgba(3,17,25,.94))} .partner-admin-card legend{padding:0 7px;color:#64ddff;font:700 10px var(--font-display);letter-spacing:.08em} .partner-admin-card label{display:block;margin-top:11px} .partner-admin-card small{display:block;margin-top:11px;color:#65818d;font-size:9px;line-height:1.4} .admin-settings-actions{display:flex;justify-content:flex-end} .partner-ad-panel{grid-template-columns:minmax(350px,.95fr) minmax(0,1.25fr);gap:8px;margin-top:9px;padding:7px;border-radius:10px} .partner-service-promo{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;padding:7px 9px} .partner-service-icon{width:40px;height:40px;border-radius:8px} .partner-service-icon svg{width:24px;height:24px} .partner-service-copy strong{margin:3px 0 2px;font-size:11px} .partner-service-copy small{font-size:8px} .partner-service-promo>a{min-height:34px;padding:0 10px;font-size:8px} .partner-list{gap:10px;padding:5px 7px} .partner-list header{min-width:105px} .partner-slots{gap:6px} .partner-slots>a,.partner-slot-empty{min-height:38px;padding:6px 8px;font-size:8px} .partner-slot-empty i{width:17px;height:17px;flex-basis:17px} @media(max-width:1050px){.partner-admin-grid{grid-template-columns:1fr}} @media(max-width:700px){.admin-settings-head{flex-direction:column}.admin-settings-grid{grid-template-columns:1fr}.admin-settings-wide{grid-column:auto}} /* 3.7.3.6 — rotating ad banner beside category navigation */ .partner-ad-panel{display:none!important} .nav-underbar{display:grid;grid-template-columns:auto minmax(420px,1fr);align-items:center;gap:18px;padding:0 max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid rgba(53,120,148,.22);background:rgba(2,12,19,.94)} .nav-underbar .category-strip{width:auto;min-width:max-content;padding-left:0;padding-right:0;border-bottom:0;background:transparent} .rotating-ad-banner{position:relative;min-width:0;height:58px;overflow:hidden;border-left:1px solid #173e50} .rotating-ad-track{position:relative;height:100%} .rotating-ad-slide{position:absolute;inset:5px 0 5px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:6px 10px;overflow:hidden;border:1px solid transparent;border-radius:9px;background:radial-gradient(circle at 0 50%,rgba(68,203,250,.13),transparent 30%),linear-gradient(135deg,rgba(7,34,47,.96),rgba(3,18,27,.98));opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .45s ease,transform .45s ease,visibility .45s} .rotating-ad-slide.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto} .rotating-ad-slide::after{content:"";position:absolute;top:0;left:-25%;width:18%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(102,226,255,.11),transparent);transform:skewX(-18deg);animation:rotating-ad-shine 6s ease-in-out infinite} .rotating-ad-slide.ad-type-service{border-color:#245d73} .rotating-ad-slide.ad-type-partner{border-color:#584f86;background:radial-gradient(circle at 0 50%,rgba(145,104,255,.12),transparent 30%),linear-gradient(135deg,rgba(25,25,53,.96),rgba(8,17,29,.98))} .rotating-ad-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #2c7892;border-radius:8px;background:#061c27} .ad-type-partner .rotating-ad-icon{border-color:#635e9b;background:#17172d} .rotating-ad-icon svg{width:23px;height:23px;fill:none;stroke:#61e3ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(83,222,255,.5))} .ad-type-partner .rotating-ad-icon svg{stroke:#bba8ff;filter:drop-shadow(0 0 6px rgba(170,135,255,.42))} .rotating-ad-copy{display:grid;min-width:0} .rotating-ad-copy small{color:#62dfff;font:700 7px var(--font-display);letter-spacing:.12em} .ad-type-partner .rotating-ad-copy small{color:#bca8ff} .rotating-ad-copy strong{overflow:hidden;margin-top:2px;color:#f0f8fb;font:700 10px var(--font-display);text-overflow:ellipsis;white-space:nowrap} .rotating-ad-copy em{overflow:hidden;margin-top:2px;color:#77919d;font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap} .rotating-ad-cta{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid #287f9c;border-radius:7px;color:#bcefff;font:700 8px var(--font-display);white-space:nowrap} .ad-type-partner .rotating-ad-cta{border-color:#625b94;color:#d7cdff} .rotating-ad-cta b{font-size:13px} .rotating-ad-dots{position:absolute;right:10px;bottom:2px;z-index:5;display:flex;gap:4px} .rotating-ad-dots button{width:13px;height:2px;min-height:0;padding:0;border:0;border-radius:999px;background:#345766;box-shadow:none} .rotating-ad-dots button.is-active{background:#61defd;box-shadow:0 0 6px rgba(80,215,250,.5)} @keyframes rotating-ad-shine{0%,20%{left:-25%;opacity:0}35%{opacity:1}70%{opacity:.45}100%{left:115%;opacity:0}} @media(max-width:1180px){.nav-underbar{grid-template-columns:1fr;gap:0}.rotating-ad-banner{height:62px;border-left:0;border-top:1px solid #143949}.rotating-ad-slide{inset:7px 0}} @media(max-width:700px){.nav-underbar{padding:0 10px}.nav-underbar .category-strip{width:100%;overflow-x:auto}.rotating-ad-slide{grid-template-columns:34px minmax(0,1fr)}.rotating-ad-icon{width:34px;height:34px}.rotating-ad-cta{display:none}.rotating-ad-copy em{display:none}} @media(prefers-reduced-motion:reduce){.rotating-ad-slide,.rotating-ad-slide::after{transition:none!important;animation:none!important}} /* ========================================================= 3.8.0 — editorial, GEO, advertising and homepage controls ========================================================= */ .rotating-ad-icon img{width:100%;height:100%;object-fit:contain;border-radius:6px} .article-geo-answer{ margin:0 0 26px; padding:20px 22px; border:1px solid #2b657d; border-left:4px solid #55dfff; border-radius:12px; background:radial-gradient(circle at 100% 0,rgba(79,209,255,.09),transparent 35%),linear-gradient(145deg,#082433,#04141e); box-shadow:0 14px 32px rgba(0,0,0,.2); } .article-geo-answer>p{margin:9px 0 0;color:#e5f0f4;font:700 17px/1.65 var(--font-reading)} .article-geo-entities{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:14px;border-top:1px solid #1b4659} .article-geo-entities span{padding:6px 9px;border:1px solid #2b5b70;border-radius:999px;background:#061b26;color:#9bdff2;font:600 9px var(--font-ui)} .article-support-cta{ display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:17px; align-items:center; margin:30px 0; padding:20px; border:1px solid #9a6c17; border-radius:13px; background:radial-gradient(circle at 0 50%,rgba(255,198,61,.15),transparent 34%),linear-gradient(135deg,#302006,#130f08); box-shadow:0 16px 38px rgba(0,0,0,.25); } .article-support-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid #b88925;border-radius:12px;background:#503307;font-size:25px} .article-support-cta h3{margin:5px 0;color:#fff5d7;font:700 18px var(--font-display)} .article-support-cta p{margin:0;color:#c9b988;font-size:11px;line-height:1.55} .article-support-cta>a{padding:12px 15px;border:1px solid #e0ad3d;border-radius:9px;background:linear-gradient(135deg,#8f5908,#c17b0c);color:#fff8dc;font:700 10px var(--font-display);white-space:nowrap} .admin-settings-form{display:grid;gap:18px} .admin-settings-section{padding:20px;border:1px solid #1c4659;border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(79,209,255,.05),transparent 34%),rgba(4,20,29,.74)} .admin-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #173b4c} .admin-settings-head h2{margin:5px 0 0;font:700 18px var(--font-display)} .admin-settings-head p{max-width:540px;margin:0;color:#8099a5;font-size:11px;line-height:1.55} .admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .admin-settings-wide{grid-column:1/-1} .partner-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .partner-admin-card{min-width:0;margin:0;padding:15px;border:1px solid #22566d;border-radius:10px;background:linear-gradient(145deg,rgba(8,34,47,.9),rgba(3,17,25,.94))} .partner-admin-card legend{padding:0 7px;color:#64ddff;font:700 10px var(--font-display);letter-spacing:.08em} .partner-admin-card label{display:block;margin-top:10px} .admin-settings-actions{display:flex;justify-content:flex-end} @media(max-width:1050px){.partner-admin-grid{grid-template-columns:1fr}} @media(max-width:700px){ .admin-settings-head{flex-direction:column} .admin-settings-grid{grid-template-columns:1fr} .admin-settings-wide{grid-column:auto} .article-support-cta{grid-template-columns:44px minmax(0,1fr)} .article-support-icon{width:44px;height:44px} .article-support-cta>a{grid-column:1/-1;text-align:center} .rotating-ad-banner.ad-hide-mobile{display:none} } /* ========================================================= 3.8.0.1 — remove ads and use subtle article support ========================================================= */ .nav-underbar, .rotating-ad-banner, .partner-ad-panel, .coffee-menu-slot, body>.coffee-support-button{ display:none!important; } .article-support-cta{ display:flex; grid-template-columns:none; align-items:center; gap:10px; margin:22px 0; padding:10px 12px; border:1px solid rgba(164,119,35,.48); border-radius:9px; background:rgba(39,27,8,.42); box-shadow:none; } .article-support-icon{ display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border:1px solid rgba(190,142,45,.48); border-radius:8px; background:rgba(106,70,8,.28); font-size:15px; } .article-support-cta p{ flex:1; min-width:0; margin:0; color:#a99872; font-size:10px; line-height:1.45; } .article-support-cta p strong{ color:#e4d5aa; font-weight:700; } .article-support-cta>a{ padding:7px 10px; border:1px solid rgba(196,146,43,.58); border-radius:7px; background:rgba(114,73,8,.45); color:#e9d7a3; font:700 8px var(--font-display); white-space:nowrap; box-shadow:none; } .article-support-cta>a:hover{ border-color:#d9a43b; background:rgba(139,88,8,.58); } @media(max-width:620px){ .article-support-cta{ align-items:flex-start; flex-wrap:wrap; } .article-support-cta p{ flex-basis:calc(100% - 40px); } .article-support-cta>a{ width:100%; text-align:center; } } /* ========================================================= 3.8.0.2 — compact coffee CTA, readable service card, speed ========================================================= */ .article-support-cta{display:none!important} .article-support-action{ display:flex; justify-content:flex-start; margin:24px 0; } .article-coffee-button{ position:relative; display:inline-flex; align-items:center; gap:9px; min-height:40px; padding:9px 14px; overflow:hidden; border:1px solid rgba(202,151,48,.62); border-radius:999px; background:linear-gradient(135deg,rgba(78,51,7,.82),rgba(40,29,10,.9)); color:#ead8a4; box-shadow:0 7px 18px rgba(0,0,0,.2); font:700 9px var(--font-display); transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease; } .article-coffee-button::after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.13) 44%,transparent 68%); transform:translateX(-130%); transition:transform .5s ease; } .article-coffee-button span, .article-coffee-button b{ position:relative; z-index:1; } .article-coffee-button span{ font-size:16px; } .article-coffee-button:hover{ transform:translateY(-2px); border-color:#e7b54d; background:linear-gradient(135deg,rgba(111,70,8,.92),rgba(55,36,8,.96)); color:#fff1c4; box-shadow:0 11px 26px rgba(0,0,0,.28),0 0 18px rgba(222,164,46,.12); } .article-coffee-button:hover::after{ transform:translateX(130%); } .article-coffee-button:focus-visible{ outline:2px solid #efbd55; outline-offset:3px; } .lead-service-card{ border-color:#28708a; background: radial-gradient(circle at 10% 50%,rgba(70,216,255,.2),transparent 34%), linear-gradient(145deg,#082b3b,#041720); } .lead-service-card .lead-service-visual{ display:flex; flex-direction:column; gap:9px; color:#86eaff; text-decoration:none; } .lead-service-card .lead-service-visual span{ position:relative; z-index:2; padding:5px 7px; border:1px solid rgba(79,209,255,.34); border-radius:5px; background:rgba(2,22,31,.72); color:#9cecff; font:700 7px var(--font-display); letter-spacing:.12em; } .lead-service-card h3{ margin:9px 0 7px; color:#f4fbfd; font-size:16px; line-height:1.25; } .lead-service-card h3 a{ color:inherit; } .lead-service-card p{ color:#a9c1cb; font-size:10px; line-height:1.5; -webkit-line-clamp:3; } .lead-service-points{ display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 0; padding:0; list-style:none; } .lead-service-points li{ padding:4px 6px; border:1px solid #255b70; border-radius:5px; background:rgba(7,32,43,.74); color:#86bccc; font-size:7px; font-weight:700; } .lead-service-link{ color:#93ebff!important; font-size:9px!important; } /* Render below-the-fold sections only when near the viewport. */ .site-main>.section, .article-related, .article-comments-wrap, .site-footer{ content-visibility:auto; contain-intrinsic-size:1px 600px; } /* Reduce expensive continuous effects while preserving hover feedback. */ .lead-mini, .rail-block, .portal-featured-fixed, .portal-featured-fixed::before, .portal-featured-fixed::after, .lead-mini::before, .lead-mini::after, .rail-block::before, .rail-block::after, .news-ticker>div::after, .lead-service-visual svg{ animation-play-state:paused; } .lead-mini:hover, .rail-block:hover, .portal-featured-fixed:hover, .lead-service-card:hover .lead-service-visual svg{ animation-play-state:running; } @media(max-width:700px){ .article-support-action{ justify-content:center; } .article-coffee-button{ min-height:42px; padding:10px 15px; } } @media(prefers-reduced-motion:reduce){ .article-coffee-button, .article-coffee-button::after{ transition:none!important; } } /* ========================================================= 3.8.0.3 — restore third recommended news ========================================================= */ .lead-service-card{ display:none!important; } /* ========================================================= 3.8.0.4 — best GeekSajt of the week ========================================================= */ .lead-geeksajt-week{ border-color:color-mix(in srgb,var(--geek-accent) 58%,#183846); background: radial-gradient(circle at 8% 30%,color-mix(in srgb,var(--geek-accent) 20%,transparent),transparent 38%), linear-gradient(145deg,#111127,#06151f); } .lead-geeksajt-week::before{ background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--geek-accent) 70%,#fff),transparent); } .lead-geeksajt-cover{ position:relative; } .lead-geeksajt-cover::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(4,8,18,.78)); pointer-events:none; } .lead-geeksajt-cover>span, .lead-geeksajt-fallback>span{ position:absolute; left:10px; bottom:9px; z-index:2; padding:5px 7px; border:1px solid color-mix(in srgb,var(--geek-accent) 70%,#fff); border-radius:5px; background:rgba(8,8,20,.78); color:#f2eaff; font:700 7px var(--font-display); letter-spacing:.12em; } .lead-geeksajt-fallback{ position:relative; display:grid; min-height:94px; place-items:center; overflow:hidden; background: radial-gradient(circle,color-mix(in srgb,var(--geek-accent) 25%,transparent),transparent 52%), #0b1320; } .lead-geeksajt-fallback img{ width:56px; height:56px; border:2px solid color-mix(in srgb,var(--geek-accent) 70%,#fff); border-radius:50%; object-fit:cover; box-shadow:0 0 22px color-mix(in srgb,var(--geek-accent) 24%,transparent); } .lead-geeksajt-week .lead-mini-meta>b{ color:#f4d36b; text-shadow:0 0 9px rgba(244,211,107,.45); } .lead-geeksajt-week h3 a{ color:#f4efff; } .lead-geeksajt-week:hover{ border-color:color-mix(in srgb,var(--geek-accent) 82%,#fff); box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 20px color-mix(in srgb,var(--geek-accent) 12%,transparent); } /* ========================================================= 3.8.0.5 — dedicated GeekSajt navigation tab ========================================================= */ .geeksajt-nav-toggle{ display:inline-flex; align-items:center; gap:7px; color:#d9c9ff; } .geeksajt-nav-icon{ display:grid; width:22px; height:22px; place-items:center; border:1px solid #7258a5; border-radius:6px; background:linear-gradient(145deg,#241938,#130e20); color:#c7adff; font:800 9px var(--font-display); box-shadow:0 0 12px rgba(164,91,255,.16); } .geeksajt-nav-toggle:hover, .geeksajt-nav-dropdown.is-open .geeksajt-nav-toggle{ color:#f1eaff; } .geeksajt-nav-menu{ min-width:250px; } .geeksajt-nav-menu>a{ display:grid; gap:2px; padding:10px 12px; } .geeksajt-nav-menu>a b{ color:#e9ddff; font:700 10px var(--font-display); } .geeksajt-nav-menu>a small{ color:#71828e; font-size:8px; } .geeksajt-nav-menu>a:hover{ background:linear-gradient(90deg,rgba(147,94,225,.13),rgba(39,209,255,.04)); } .geeksajt-nav-menu>a:hover b{ color:#fff; } @media(max-width:900px){ .geeksajt-nav-dropdown{ order:4; } .geeksajt-nav-menu{ min-width:0; } } /* ========================================================= 3.8.1.0 — GeekSajt author hub ========================================================= */ .geeksajt-nav-dropdown{display:none!important} .geeksajt-hub-button{ display:inline-flex; align-items:center; gap:9px; min-height:42px; padding:6px 12px; border:1px solid #7655ad; border-radius:10px; background:linear-gradient(135deg,rgba(118,70,181,.28),rgba(24,93,119,.18)); color:#eee5ff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.18); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; } .geeksajt-hub-button:hover{ transform:translateY(-2px); border-color:#b08aee; background:linear-gradient(135deg,rgba(137,78,216,.42),rgba(34,138,171,.25)); box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 20px rgba(166,99,255,.14); } .geeksajt-hub-button>span:nth-child(2){display:grid;line-height:1} .geeksajt-hub-button b{font:700 9px var(--font-display)} .geeksajt-hub-button small{margin-top:4px;color:#998eb0;font-size:7px} .geeksajt-hub-mark{ display:grid; width:27px;height:27px;place-items:center; border:1px solid #9d77d7;border-radius:8px; background:#211431;color:#d9c4ff;font-size:13px; } .geeksajt-hub-shell{ display:grid; grid-template-columns:250px minmax(0,1fr); gap:22px; align-items:start; max-width:1380px; margin:0 auto; } .geeksajt-hub-sidebar{ position:sticky;top:86px; overflow:hidden; border:1px solid #244758; border-radius:14px; background:linear-gradient(180deg,#091d28,#05131c); box-shadow:0 18px 40px rgba(0,0,0,.26); } .geeksajt-hub-owner{display:flex;gap:11px;align-items:center;padding:17px;border-bottom:1px solid #1b3b4b} .geeksajt-hub-owner img{width:46px;height:46px;border:2px solid #7554a8;border-radius:12px;object-fit:cover} .geeksajt-hub-owner span{display:grid;min-width:0} .geeksajt-hub-owner small{color:#957cc2;font:700 7px var(--font-display);letter-spacing:.1em} .geeksajt-hub-owner b{overflow:hidden;margin-top:5px;color:#eef6f9;font-size:11px;text-overflow:ellipsis;white-space:nowrap} .geeksajt-hub-owner em{margin-top:3px;color:#6d8591;font-size:8px;font-style:normal} .geeksajt-hub-sidebar nav{display:grid;padding:9px} .geeksajt-hub-sidebar nav a{display:grid;gap:3px;padding:10px 11px;border:1px solid transparent;border-radius:8px} .geeksajt-hub-sidebar nav a b{color:#b7c7ce;font:700 9px var(--font-display)} .geeksajt-hub-sidebar nav a small{color:#617783;font-size:7px} .geeksajt-hub-sidebar nav a:hover,.geeksajt-hub-sidebar nav a.is-active{border-color:#58427d;background:linear-gradient(90deg,rgba(126,79,190,.19),rgba(48,185,219,.05))} .geeksajt-hub-sidebar nav a.is-active b{color:#eadfff} .geeksajt-hub-preview{display:flex;justify-content:space-between;margin:9px;padding:10px 11px;border:1px solid #28596c;border-radius:8px;color:#90d7e9;font:700 8px var(--font-display)} .geeksajt-hub-main{min-width:0} .geeksajt-hub-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding:20px;border:1px solid #254b5e;border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(147,88,226,.11),transparent 34%),linear-gradient(145deg,#092330,#05161f)} .geeksajt-hub-header h1{margin:6px 0 7px;font:700 25px var(--font-display)} .geeksajt-hub-header p{margin:0;color:#79909b;font-size:11px} .geeksajt-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px} .geeksajt-stat-grid article{display:grid;padding:16px;border:1px solid #24495a;border-radius:12px;background:linear-gradient(145deg,#09212d,#06151d)} .geeksajt-stat-grid small{color:#718b97;font-size:8px;text-transform:uppercase;letter-spacing:.08em} .geeksajt-stat-grid strong{margin:8px 0;color:#eaf6fa;font:700 27px var(--font-display)} .geeksajt-stat-grid span{color:#607985;font-size:8px} .geeksajt-hub-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px} .geeksajt-recent-list{display:grid} .geeksajt-recent-list>a{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #173746} .geeksajt-recent-list>a span{display:grid;gap:4px} .geeksajt-recent-list b{color:#dbe8ed;font-size:10px} .geeksajt-recent-list small,.geeksajt-recent-list em{color:#617985;font-size:8px;font-style:normal} .geeksajt-hub-quick{display:grid;gap:10px} .geeksajt-hub-quick article{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:14px;border:1px solid #253f52;border-radius:11px;background:#071821} .geeksajt-hub-quick article>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #62448b;border-radius:8px;color:#c7aff0;font:700 8px var(--font-display)} .geeksajt-hub-quick article div{display:grid;gap:5px} .geeksajt-hub-quick b{color:#d9e5ea;font-size:10px} .geeksajt-hub-quick p{margin:0;color:#647c87;font-size:8px;line-height:1.45} .geeksajt-hub-quick a{color:#94dbed;font-size:8px} .geeksajt-empty{padding:26px;text-align:center} .geeksajt-empty b{color:#d7e5eb} .geeksajt-empty p{color:#687f89;font-size:9px} .geeksajt-post-filters{display:flex;gap:7px;margin-bottom:14px} .geeksajt-post-filters a{padding:7px 10px;border:1px solid #24495a;border-radius:7px;color:#8299a4;font-size:8px} .geeksajt-post-filters a.is-active{border-color:#72529f;background:#20172d;color:#e4d9f7} .geeksajt-post-table td:first-child{display:grid;gap:5px} .pinned-label{color:#e7c45d;font-size:7px} .geeksajt-post-table tr.is-featured{background:rgba(117,79,166,.06)} .geeksajt-ranking-list{display:grid} .geeksajt-ranking-list>a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #173746} .geeksajt-ranking-list>a>b{color:#7659a5;font:700 12px var(--font-display)} .geeksajt-ranking-list>a span{display:grid;gap:4px} .geeksajt-ranking-list strong{color:#d9e6eb;font-size:10px} .geeksajt-ranking-list small{color:#617985;font-size:8px} .geeksajt-hub-settings{padding:18px} .geeksajt-live-preview{overflow:hidden;border:1px solid #31546a;border-radius:12px;background:#071721} .preview-banner{height:150px;background-size:cover;background-position:center} .preview-profile{display:flex;gap:10px;align-items:center;padding:0 16px;transform:translateY(-20px)} .preview-profile img{width:58px;height:58px;border:3px solid #081821;border-radius:14px;object-fit:cover} .preview-profile span{display:grid} .preview-profile b{color:#edf5f8} .preview-profile small{color:#6f8792} .preview-lines{display:grid;gap:8px;padding:0 16px 16px} .preview-lines i{height:7px;border-radius:99px;background:#183746} .preview-lines i:nth-child(2){width:72%}.preview-lines i:nth-child(3){width:48%} .geeksajt-live-preview>small{display:block;padding:0 16px 16px;color:#607782} .geeksajt-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} @media(max-width:1050px){ .geeksajt-hub-shell{grid-template-columns:1fr} .geeksajt-hub-sidebar{position:static} .geeksajt-hub-sidebar nav{grid-template-columns:repeat(3,1fr)} .geeksajt-stat-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:700px){ .geeksajt-hub-button small{display:none} .geeksajt-hub-button{padding:6px 9px} .geeksajt-hub-header{flex-direction:column} .geeksajt-hub-sidebar nav{grid-template-columns:1fr 1fr} .geeksajt-stat-grid{grid-template-columns:1fr 1fr} .geeksajt-hub-columns,.geeksajt-settings-grid,.geeksajt-module-grid{grid-template-columns:1fr} } /* ========================================================= 3.8.1.1 — neutral GeekSajt nav and integrated editor ========================================================= */ .geeksajt-hub-button{display:none!important} .geeksajt-nav-link{ display:inline-flex; align-items:center; min-height:38px; padding:0 2px; color:inherit; font:inherit; border:0; border-radius:0; background:transparent; box-shadow:none; } .geeksajt-nav-link:hover{ color:#d7c8f3; transform:none; background:transparent; box-shadow:none; } .geeksajt-nav-link::after{ content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; border-radius:999px; background:linear-gradient(90deg,#8a65bd,#54cbe7); opacity:0; transform:scaleX(.35); transition:opacity .18s ease,transform .18s ease; } .geeksajt-nav-link:hover::after{ opacity:.72; transform:scaleX(1); } .geeksajt-editor-panel{ display:grid; gap:16px; padding:20px; } .geeksajt-editor-body{ min-height:520px; } .geeksajt-editor-actions{ display:flex; align-items:center; gap:10px; padding-top:4px; } @media(max-width:700px){ .geeksajt-nav-link{ width:100%; min-height:34px; } .geeksajt-nav-link::after{ display:none; } .geeksajt-editor-panel{ padding:15px; } .geeksajt-editor-actions{ flex-direction:column; align-items:stretch; } } /* 3.8.2.0 GeekSajt workflow */ .geeksajt-nav-link.is-active{color:#ddcff5}.geeksajt-nav-link.is-active::after{opacity:.72;transform:scaleX(1)}.geeksajt-hub-sidebar nav a.is-active{position:relative}.geeksajt-hub-sidebar nav a.is-active::before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#a978e7,#4fcce8)}.geeksajt-pinned-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;padding:17px 18px;border:1px solid #625080;border-radius:12px;background:linear-gradient(135deg,rgba(105,72,145,.15),rgba(9,30,40,.9))}.geeksajt-pinned-summary h2{margin:6px 0;color:#ede6f8;font-size:17px}.geeksajt-pinned-summary p{margin:0;color:#7d9099;font-size:9px}.geeksajt-pinned-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.geeksajt-pinned-actions>*{padding:7px 9px;border:1px solid #355665;border-radius:7px;color:#9cc7d3;font-size:8px}.geeksajt-post-tools{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:9px;align-items:end;margin-bottom:12px}.geeksajt-post-tools label{margin:0}.geeksajt-post-search input{width:100%}.geeksajt-post-table td:first-child small{display:block;max-width:420px;overflow:hidden;color:#6b808a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.geeksajt-post-table td:nth-child(3){display:grid;gap:3px}.geeksajt-post-table td:nth-child(3) b{color:#b6c9d1;font-size:9px}.geeksajt-post-table td:nth-child(3) small{color:#607681;font-size:8px}.geeksajt-editor-status{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #254654;border-radius:8px;background:#071923;color:#6f8792;font-size:8px}.geeksajt-preview-dialog{width:min(900px,calc(100vw - 32px));max-height:88vh;padding:0;overflow:auto;border:1px solid #35586b;border-radius:14px;background:#07151d;color:#dce8ed;box-shadow:0 30px 90px rgba(0,0,0,.7)}.geeksajt-preview-dialog::backdrop{background:rgba(1,5,9,.82);backdrop-filter:blur(6px)}.geeksajt-preview-dialog article{padding:38px}.geeksajt-preview-dialog h1{margin:10px 0 13px;font:700 30px var(--font-display)}.geeksajt-preview-excerpt{color:#8aa0aa;font-size:12px;line-height:1.6}.geeksajt-preview-close{position:sticky;z-index:3;float:right;top:10px;margin:10px 10px 0 0;width:34px;height:34px;border:1px solid #35586b;border-radius:50%;background:#0a202b;color:#d8e7ed}@media(max-width:800px){.geeksajt-post-tools{grid-template-columns:1fr}.geeksajt-pinned-summary,.geeksajt-editor-status{align-items:flex-start;flex-direction:column}.geeksajt-pinned-actions{justify-content:flex-start}.geeksajt-preview-dialog article{padding:24px 18px}} /* ========================================================= 3.9.0 — administrator AI review studio ========================================================= */ .ai-review-studio{ margin:0 0 18px; overflow:hidden; border:1px solid #335569; border-radius:14px; background: radial-gradient(circle at 100% 0,rgba(139,83,211,.13),transparent 34%), linear-gradient(145deg,#0a2330,#07151e); } .ai-review-studio>header{ display:flex; justify-content:space-between; gap:20px; align-items:center; padding:17px 19px; } .ai-review-studio h2{ margin:5px 0; color:#e8f2f6; font-size:18px; } .ai-review-studio header p{ margin:0; color:#768e99; font-size:9px; } .ai-review-studio-body{ display:none; padding:18px; border-top:1px solid #244756; } .ai-review-studio.is-open .ai-review-studio-body{ display:block; } .ai-review-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; } .ai-review-grid label{ margin:0; } .ai-review-prompt{ grid-column:1/-1; } .ai-review-actions, .ai-review-result{ display:flex; justify-content:space-between; gap:15px; align-items:center; margin-top:13px; padding:12px; border:1px solid #294b5c; border-radius:9px; background:#071821; } .ai-review-actions span, .ai-review-result p{ margin:0; color:#718994; font-size:8px; } .ai-review-result b{ color:#dce9ee; font-size:10px; } .ai-review-fact-check{ margin-top:12px; padding:12px; border:1px solid #67562d; border-radius:9px; background:rgba(65,48,10,.2); } .ai-review-fact-check summary{ color:#d8bb70; cursor:pointer; font-size:9px; font-weight:700; } .ai-review-fact-check li{ margin:7px 0; color:#a4936c; font-size:8px; } .review-pros-cons{ display:grid; grid-template-columns:1fr 1fr; gap:16px; } @media(max-width:950px){ .ai-review-grid{ grid-template-columns:1fr 1fr; } } @media(max-width:650px){ .ai-review-studio>header, .ai-review-actions, .ai-review-result{ align-items:flex-start; flex-direction:column; } .ai-review-grid, .review-pros-cons{ grid-template-columns:1fr; } } /* 3.9.0.1 — AI review menu visibility fix */ .admin-sidebar{max-height:100vh} .admin-sidebar>nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin} .editorial-list-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .ai-review-list-button{border-color:#655083;color:#d8c8ef} @media(max-width:700px){.editorial-list-actions{width:100%}.editorial-list-actions .button{flex:1;text-align:center}} /* ========================================================= 3.9.0.2 — encrypted API key and panel migrations ========================================================= */ .ai-key-status{ display:grid; gap:7px; } .ai-key-status p{ margin:0; } .migration-panel{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; } .migration-panel h2{ margin:6px 0; } .migration-panel p{ margin:0; color:#80949d; } .migration-panel details{ grid-column:1/-1; } .migration-current{ border-color:#315f50; background:linear-gradient(135deg,rgba(43,112,83,.12),rgba(8,25,33,.92)); } @media(max-width:700px){ .migration-panel{ grid-template-columns:1fr; } .migration-panel form button{ width:100%; } } /* ========================================================= 3.9.0.3 — AI diagnostics and generation fixes ========================================================= */ .ai-review-actions [data-ai-status], .ai-connection-actions [data-ai-test-status]{ line-height:1.55; overflow-wrap:anywhere; } .ai-connection-actions{ display:flex; align-items:center; gap:12px; margin-top:7px; } .ai-key-status.has-success{ border-color:#39745c; background:rgba(35,105,75,.13); } .ai-key-status.has-error{ border-color:#8a4c55; background:rgba(120,39,51,.13); } .ai-key-status.has-success [data-ai-test-status]{ color:#86d7b1; } .ai-key-status.has-error [data-ai-test-status]{ color:#e39aa4; } @media(max-width:700px){ .ai-connection-actions{ align-items:stretch; flex-direction:column; } } /* 3.9.1.0 — multi-provider AI */ .ai-provider-card{margin-top:16px;padding:16px;border:1px solid #284957;border-radius:12px;background:#071821} .ai-provider-card.is-primary{border-color:#4b7f91;box-shadow:inset 3px 0 0 #5aa7c2} .ai-provider-card>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px} .ai-provider-card h3{margin:4px 0 0;color:#dfedf2} .ai-provider-state{padding:5px 9px;border-radius:999px;font-size:8px;font-weight:800} .ai-provider-state.on{background:rgba(42,132,91,.18);color:#80d8ad} .ai-provider-state.off{background:rgba(137,65,73,.18);color:#df929c} /* 3.9.1.1 — testowanie niezapisanego klucza */ .ai-connection-actions button[disabled]{cursor:wait;opacity:.65} .ai-connection-actions [data-ai-test-status]{display:block;min-height:1.4em} /* 3.9.1.2 — Gemini model migration notice */ .ai-model-migration-note{ margin:14px 0; padding:12px 14px; border:1px solid #3d6170; border-radius:10px; background:linear-gradient(135deg,rgba(45,103,126,.16),rgba(6,23,31,.9)); } .ai-model-migration-note b{ color:#cfe8f1; } .ai-model-migration-note p{ margin:5px 0 0; color:#819aa5; line-height:1.55; } /* ========================================================= 3.10.0.0 — visual editorial editor ========================================================= */ .visual-editor-shell{ overflow:visible; } .visual-editor-toolbar{ position:sticky; top:10px; z-index:12; display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:10px; border:1px solid #315160; border-bottom-color:#203d49; border-radius:12px 12px 0 0; background:rgba(5,22,30,.96); backdrop-filter:blur(12px); } .visual-editor-toolbar button, .visual-editor-toolbar select{ min-height:34px; border:1px solid #315160; border-radius:7px; background:#0b2632; color:#d9e9ef; font:inherit; } .visual-editor-toolbar button{ min-width:36px; padding:6px 9px; cursor:pointer; } .visual-editor-toolbar button:hover, .visual-editor-toolbar button.active{ border-color:#6ca7bc; background:#123847; } .visual-editor-toolbar select{ padding:5px 28px 5px 9px; } .toolbar-separator{ width:1px; height:24px; margin:0 2px; background:#315160; } .visual-editor-canvas, .visual-source-mode{ width:100%; min-height:620px; padding:28px; border:1px solid #315160; border-top:0; border-radius:0 0 12px 12px; background:#f8fafb; color:#15242b; font:400 18px/1.75 Georgia,"Times New Roman",serif; box-sizing:border-box; outline:none; } .visual-editor-canvas:focus, .visual-source-mode:focus{ border-color:#5e9cb3; box-shadow:0 0 0 3px rgba(76,148,176,.14); } .visual-editor-canvas:empty::before{ content:attr(data-placeholder); color:#7e8d94; pointer-events:none; } .visual-editor-canvas h2{ margin:1.8em 0 .6em; font:700 31px/1.2 system-ui,sans-serif; } .visual-editor-canvas h3{ margin:1.5em 0 .55em; font:700 24px/1.25 system-ui,sans-serif; } .visual-editor-canvas h4{ margin:1.35em 0 .5em; font:700 20px/1.3 system-ui,sans-serif; } .visual-editor-canvas p{margin:.8em 0} .visual-editor-canvas blockquote{ margin:1.4em 0; padding:12px 18px; border-left:4px solid #4f91aa; background:#edf4f6; color:#35505b; } .visual-editor-canvas img{ display:block; max-width:100%; height:auto; margin:22px auto; border-radius:10px; box-shadow:0 8px 30px rgba(9,27,35,.16); } .visual-editor-canvas a{color:#176f95;text-decoration:underline} .visual-editor-canvas pre{ overflow:auto; padding:16px; border-radius:8px; background:#14262e; color:#e3eef2; font:14px/1.6 ui-monospace,monospace; } .visual-source-mode{ display:block; resize:vertical; background:#071b24; color:#d5e8ef; font:14px/1.65 ui-monospace,monospace; } .visual-editor-upload-status{ min-height:22px; padding:7px 2px 0; color:#84a5b2; font-size:12px; } .ai-active-provider{ padding:10px 12px; border:1px solid #315160; border-radius:8px; background:#071c25; color:#9fb8c2; } .ai-active-provider strong{color:#d8eaf0} .ai-fallback-control{ align-self:end; } @media(max-width:760px){ .visual-editor-toolbar{position:relative;top:auto} .visual-editor-canvas,.visual-source-mode{min-height:460px;padding:18px;font-size:16px} .visual-editor-toolbar button{min-width:34px} } .forum-header,.forum-card,.forum-post,.forum-form{background:linear-gradient(135deg,#091e29,#102d39);border:1px solid #315160;border-radius:16px;padding:24px;margin-bottom:20px;color:#dcebf0} .forum-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px} .forum-card h2,.forum-header h1{margin-top:0} .forum-topic-link{display:block;padding:12px;border-bottom:1px solid #315160;color:#dcebf0} .forum-topic-link small{display:block;color:#8daab5} .forum-post{background:#071820} @media(max-width:800px){.forum-grid{grid-template-columns:1fr}} /* 3.11.0.1 forum navigation */ .forum-nav-link{font-weight:700;} /* ===================================================== GeekHouse Forum 2030 Interface ===================================================== */ .forum-2030{max-width:1280px;margin:40px auto;padding:0 20px} .forum-hero{ position:relative;overflow:hidden;display:flex;justify-content:space-between; padding:38px;border:1px solid #174c68;border-radius:18px; background:linear-gradient(135deg,#061522,#04101c); box-shadow:0 0 40px rgba(0,180,255,.12); } .forum-hero:before{ content:"";position:absolute;inset:0; background:linear-gradient(90deg,transparent,#0b4d6c33,transparent); animation:forumscan 5s linear infinite; } @keyframes forumscan{from{transform:translateX(-100%)}to{transform:translateX(100%)}} .forum-hero>*{position:relative} .forum-hero h1{font-size:46px;margin:10px 0;font-family:'Oxanium'} .forum-hero p{color:#a9c3d0;font-size:18px} .forum-emblem{ width:170px;height:170px;border-radius:30%; display:grid;place-items:center;font-size:70px;font-weight:900; color:#4fd1ff;border:2px solid #159bd2; background:#061b2a; box-shadow:0 0 40px #00bfff44; } .forum-stats{display:flex;gap:50px;margin-top:30px} .forum-stats div{display:flex;flex-direction:column} .forum-stats b{font-size:28px;color:#fff} .forum-stats small{color:#72a0b3} .forum-tabs{ display:flex;gap:10px;margin:25px 0;border-bottom:1px solid #163c54;padding-bottom:12px } .forum-tabs a{padding:12px 22px;border-radius:10px;color:#9eb6c2} .forum-tabs .active{background:#0c3850;color:white;border:1px solid #2189bb} .forum-layout{display:grid;grid-template-columns:1fr 360px;gap:24px} .forum-category,.forum-widget,.forum-post-2030,.forum-reply{ border:1px solid #163c54;background:linear-gradient(135deg,#061522,#081c2a); border-radius:14px; } .forum-category{ display:flex;align-items:center;padding:22px;margin-bottom:12px; transition:.2s; } .forum-category:hover{transform:translateX(5px);border-color:#35c5ff} .forum-icon{font-size:34px;color:#4fd1ff;width:70px} .forum-category-info{flex:1} .forum-category-info h2{margin:0;font-size:22px} .forum-category-info p{color:#829daa} .forum-category-meta{text-align:center} .forum-category-meta b{display:block;font-size:26px;color:#4fd1ff} .forum-sidebar>*{margin-bottom:16px} .forum-new-topic{display:flex;justify-content:center;padding:16px;background:#149de0;border-radius:12px;font-weight:800} .forum-widget{padding:20px} .forum-widget h3{margin-top:0;color:#4fd1ff} .forum-live-topic{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #163c54} .forum-live-topic strong{color:#4fd1ff} .forum-live-topic span{font-weight:700} .forum-live-topic small{display:block;color:#809aaa;margin-top:5px} .forum-topic-header{padding:30px;border:1px solid #174c68;border-radius:16px;background:#061522;margin-bottom:20px} .forum-topic-header h1{font-size:38px} .forum-post-2030{display:flex;margin-bottom:16px;overflow:hidden} .forum-user-card{width:190px;padding:20px;background:#04101a;text-align:center} .forum-avatar{ width:60px;height:60px;border-radius:50%;margin:0 auto 10px; display:grid;place-items:center;background:#0b3950;color:#4fd1ff;font-size:26px } .forum-user-card small{display:block;color:#789} .forum-post-content{padding:22px;flex:1} .forum-post-date{color:#71909e;font-size:12px} .forum-reply{padding:24px} .forum-reply textarea{width:100%;margin:15px 0;background:#020b12;color:white;border:1px solid #28526a;border-radius:10px;padding:15px} @media(max-width:900px){.forum-layout{grid-template-columns:1fr}.forum-hero{flex-direction:column}.forum-emblem{display:none}} /* ===================================================== GeekHouse Forum 2030 UI - v3.11.1.0 ===================================================== */ .forum-2030{ max-width:1280px; margin:40px auto; padding:0 24px; color:#d9edf5; } .forum-hero{ position:relative; display:flex; justify-content:space-between; gap:30px; padding:38px; border:1px solid #174b63; border-radius:22px; background:linear-gradient(135deg,#06151e,#082b3c 55%,#041018); overflow:hidden; box-shadow:0 0 50px rgba(0,160,220,.12); } .forum-hero:before{ content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,200,255,.08),transparent);animation:ghscan 6s infinite; } @keyframes ghscan{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}} .forum-hero>*{position:relative} .forum-hero h1{font-size:48px;margin:12px 0;color:#fff;font-family:system-ui,sans-serif} .eyebrow{font-size:12px;letter-spacing:3px;color:#5edcff;font-weight:700} .forum-emblem{ width:150px;height:150px;border-radius:50%;display:grid;place-items:center; font-size:54px;font-weight:900;color:#68dcff; border:2px solid #1980a8;background:#061d29; box-shadow:0 0 35px rgba(0,190,255,.35); } .forum-stats{display:flex;gap:15px;margin-top:25px} .forum-stats div{padding:16px 24px;background:#081f2a;border:1px solid #17485b;border-radius:14px} .forum-stats b{display:block;font-size:28px;color:#fff}.forum-stats small{color:#91b2bf} .forum-tabs{display:flex;gap:10px;margin:24px 0} .forum-tabs a{padding:12px 20px;border:1px solid #194b61;border-radius:30px;background:#071c27;color:#9ed9ef} .forum-tabs .active{background:#079bd5;color:#fff} .forum-layout{display:grid;grid-template-columns:1fr 340px;gap:24px} .forum-category,.forum-widget{ background:linear-gradient(180deg,#071d29,#06151d); border:1px solid #19485d;border-radius:18px;padding:24px;margin-bottom:16px; transition:.25s; } .forum-category:hover{transform:translateY(-4px);border-color:#35c8ff;box-shadow:0 10px 30px #0008} .forum-icon{float:left;font-size:30px;color:#35d8ff;margin-right:20px} .forum-category-info h2{margin:0;color:white}.forum-category-info p{color:#91abb5} .forum-category-meta{margin-top:20px;color:#62d9ff} .forum-new-topic{display:block;text-align:center;padding:18px;background:#009fe3;border-radius:14px;color:white;font-weight:800;margin-bottom:18px} .forum-widget h3{margin-top:0;color:white} .forum-live-topic{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #153746;color:#d7edf5} .forum-live-topic strong{color:#36d8ff} .forum-live-topic small{display:block;color:#8daab5} .forum-post-2030{display:grid;grid-template-columns:220px 1fr;background:#071b25;border:1px solid #19485d;border-radius:18px;margin:20px 0;overflow:hidden} .forum-user-card{padding:25px;text-align:center;background:#06151d} .forum-avatar{width:70px;height:70px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#0b3245;color:#55ddff;font-size:30px} .forum-post-content{padding:30px;color:#d8edf5;font-size:17px;line-height:1.7} .forum-post-date{color:#79a5b5;font-size:12px;margin-bottom:15px} .forum-reply{background:#071b25;border:1px solid #19485d;border-radius:18px;padding:25px} .forum-reply textarea{width:100%;background:#031017;color:white;border:1px solid #28566b;border-radius:10px;padding:15px} @media(max-width:900px){.forum-layout{grid-template-columns:1fr}.forum-post-2030{grid-template-columns:1fr}.forum-hero{display:block}.forum-emblem{margin-top:25px}} /* GeekHouse Forum CSS emergency layer 3.11.1.1 */ .forum-2030{display:block!important;max-width:1280px!important;margin:40px auto!important;padding:0 24px!important;color:#dcebf0!important} .forum-hero,.forum-category,.forum-widget,.forum-post-2030,.forum-topic-header,.forum-reply{background:linear-gradient(145deg,#07141f,#0c2735)!important;border:1px solid #174b66!important;border-radius:18px!important;box-shadow:0 0 30px rgba(0,160,255,.12)!important} .forum-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:24px!important} .forum-category{display:flex!important;align-items:center!important;gap:20px!important;padding:24px!important;margin-bottom:16px!important;transition:.25s!important} .forum-category:hover{transform:translateY(-3px)!important;border-color:#31c7ff!important} .forum-new-topic{display:block!important;text-align:center!important;background:#009fe3!important;color:#fff!important;padding:15px!important;border-radius:12px!important;font-weight:800!important} .forum-post-2030{display:flex!important;overflow:hidden!important;margin-bottom:18px!important} .forum-user-card{min-width:190px!important;background:#040d14!important;padding:20px!important;text-align:center!important} .forum-post-content{padding:24px!important;flex:1!important;color:#dcebf0!important} /* ===== Forum 3.11.2.0 ===== */ .forum-screen{padding:32px 0 56px;background:radial-gradient(circle at top,#0a1f33 0,#04111b 40%,#020a11 100%)} .forum-shell{max-width:1580px;margin:0 auto;padding:0 24px;color:#d7e8f6} .forum-shell a{text-decoration:none} .forum-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(8,123,185,.12);border:1px solid rgba(83,196,255,.2);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700;color:#8fd7ff} .forum-hero-card,.forum-panel,.forum-post-card{position:relative;background:linear-gradient(180deg,rgba(8,20,33,.98),rgba(6,15,24,.98));border:1px solid rgba(61,140,194,.35);box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 0 0 1px rgba(105,212,255,.05);border-radius:24px;overflow:hidden} .forum-hero-card::before,.forum-panel::before,.forum-post-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,174,255,.07),transparent 40%,rgba(0,130,255,.04) 75%,transparent);pointer-events:none} .forum-hero-card{display:flex;justify-content:space-between;gap:28px;padding:28px 32px 32px;margin-bottom:22px} .forum-hero-card.compact{align-items:flex-start} .forum-hero-copy{position:relative;z-index:1;flex:1} .forum-hero-copy h1{margin:14px 0 10px;font-size:50px;line-height:1.05;color:#fff;font-family:system-ui,sans-serif} .forum-hero-copy p{max-width:760px;margin:0;color:#a6bdd0;font-size:18px;line-height:1.6} .forum-hero-mark{position:relative;z-index:1;display:grid;place-items:center;min-width:270px;min-height:170px;border-radius:26px;background:radial-gradient(circle at center,rgba(0,195,255,.26),rgba(0,64,113,.06) 58%,transparent 62%),linear-gradient(180deg,rgba(5,31,49,.96),rgba(6,18,30,.88));border:1px solid rgba(75,200,255,.35);box-shadow:inset 0 0 40px rgba(0,195,255,.12)} .forum-hero-mark span{width:110px;height:110px;border-radius:28px;display:grid;place-items:center;font-size:66px;font-weight:800;color:#57d8ff;border:4px solid #18bbff;box-shadow:0 0 30px rgba(45,211,255,.35),inset 0 0 28px rgba(31,173,255,.2)} .forum-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px} .forum-kpi-strip.compact{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px} .forum-kpi-strip article{padding:16px 18px;border-radius:18px;background:rgba(7,25,38,.72);border:1px solid rgba(61,140,194,.22)} .forum-kpi-strip b{display:block;font-size:31px;line-height:1;color:#fff} .forum-kpi-strip span{display:block;margin-top:8px;font-size:13px;color:#8db6cc;text-transform:uppercase;letter-spacing:.06em} .forum-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px} .forum-tabs-modern{display:flex;flex-wrap:wrap;gap:10px} .forum-tabs-modern a{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:16px;color:#a8c7d9;background:rgba(5,20,32,.88);border:1px solid rgba(45,118,164,.3);font-weight:700;transition:.2s ease} .forum-tabs-modern a.active,.forum-tabs-modern a:hover{background:linear-gradient(180deg,rgba(9,55,84,.95),rgba(8,36,56,.95));color:#fff;border-color:#48c9ff;box-shadow:0 0 0 1px rgba(72,201,255,.18),0 8px 30px rgba(0,136,255,.12)} .forum-tabs-modern a small{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0ea9e8;color:#fff;font-size:11px} .forum-primary-action,.forum-secondary-action{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:16px;padding:14px 20px;font-weight:800;cursor:pointer;text-decoration:none} .forum-primary-action{background:linear-gradient(180deg,#18adff,#0074d4);color:#fff;box-shadow:0 14px 34px rgba(4,138,255,.24)} .forum-primary-action--wide{width:100%;margin-bottom:18px} .forum-secondary-action{background:rgba(7,27,40,.92);border:1px solid rgba(64,144,191,.34);color:#d0e8f8} .forum-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px} .forum-main-column,.forum-side-column{min-width:0} .forum-panel{padding:0;margin-bottom:18px} .forum-panel-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 24px 18px;border-bottom:1px solid rgba(53,110,145,.28)} .forum-panel-head.compact{padding:20px 22px 16px} .forum-panel-head h2,.forum-panel-head h3{margin:0;color:#fff;font-size:30px} .forum-panel-head h3{font-size:26px} .forum-panel-head p{margin:8px 0 0;color:#96b4c5;max-width:520px} .forum-category-panel .forum-panel-head{align-items:center} .forum-category-title{display:flex;align-items:center;gap:18px;min-width:0} .forum-category-title h2{font-size:36px;margin:0 0 6px} .forum-category-title p{margin:0;color:#97b7ca;font-size:15px} .forum-category-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(8,44,66,.94),rgba(6,26,41,.94));border:1px solid rgba(61,160,206,.32);font-size:30px;box-shadow:inset 0 0 24px rgba(0,179,255,.12)} .forum-category-stats{display:flex;flex-direction:column;gap:10px;align-items:flex-end;text-align:right} .forum-category-stats span{color:#8db2c7;font-size:14px} .forum-category-stats b{color:#fff} .forum-category-stats a{color:#71dcff;font-weight:700} .forum-thread-board{position:relative;z-index:1;padding:0 18px 18px} .forum-thread-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px 170px;gap:12px;align-items:center;padding:14px 12px;border-radius:16px;color:#d8e9f6} .forum-thread-row:not(.forum-thread-header){border:1px solid rgba(48,111,151,.18);background:rgba(5,18,30,.55);margin-top:10px;transition:.18s ease} .forum-thread-row:not(.forum-thread-header):hover{transform:translateY(-1px);border-color:rgba(76,193,255,.45);background:rgba(7,23,36,.88)} .forum-thread-header{padding-top:16px;padding-bottom:6px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7fa2b9} .forum-thread-main{display:flex;align-items:center;gap:14px;min-width:0} .forum-thread-main div{min-width:0} .forum-thread-main strong{display:block;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .forum-thread-main small,.forum-thread-row>div small{display:block;color:#89aabd;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .forum-thread-row>div:last-child strong{display:block;color:#fff;font-size:14px} .forum-topic-badge{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .forum-topic-badge.is-pinned{background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.4);color:#61f4b4} .forum-topic-badge.is-hot{background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.38);color:#ffb46b} .forum-topic-badge.is-new{background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.35);color:#8bc1ff} .forum-topic-badge.is-live{background:rgba(236,72,153,.12);border:1px solid rgba(236,72,153,.35);color:#ff9cd0} .forum-empty-state{position:relative;z-index:1;padding:34px 16px 20px;text-align:center;color:#97b6c8} .forum-empty-state b{display:block;margin-bottom:8px;font-size:20px;color:#fff} .forum-empty-state.compact{padding:18px 10px 12px} .forum-side-panel{padding-bottom:8px} .forum-rank-list{position:relative;z-index:1;list-style:none;margin:0;padding:8px 16px 18px} .forum-rank-list.compact{padding-top:2px} .forum-rank-list li+li{margin-top:10px} .forum-rank-list a{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:16px;border:1px solid rgba(48,111,151,.18);background:rgba(5,18,30,.55);color:#d5eaf7} .forum-rank-list strong{display:block;color:#fff;font-size:15px} .forum-rank-list small{display:block;margin-top:5px;color:#8baec3} .forum-rank-index{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(12,106,159,.26);border:1px solid rgba(59,176,231,.28);font-weight:800;color:#7fdcff;flex:0 0 auto} .forum-user-rankings{position:relative;z-index:1;padding:4px 16px 18px} .forum-user-rankings article{display:grid;grid-template-columns:28px 42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:16px;border:1px solid rgba(48,111,151,.18);background:rgba(5,18,30,.55);margin-top:10px} .forum-user-rankings img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(80,192,246,.35)} .forum-user-rankings strong{display:block;color:#fff;font-size:15px} .forum-user-rankings small{display:block;color:#8baec3;font-size:12px} .forum-user-rankings b{color:#57ef95;font-size:22px;line-height:1} .forum-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(8,35,53,.86);border:1px solid rgba(64,144,191,.28);color:#98c7dd;font-size:12px;font-weight:700} .forum-chip.is-online{color:#7bf0a5;border-color:rgba(73,218,130,.35);background:rgba(19,78,44,.35)} .forum-live-feed,.forum-community-stats{position:relative;z-index:1;padding:10px 18px 18px} .forum-live-feed div{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid rgba(40,86,117,.26);color:#d4e8f5} .forum-live-feed div:last-child{border-bottom:0} .forum-live-feed span{color:#8aaec4} .forum-live-feed b{color:#fff} .forum-community-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px} .forum-community-stats article{padding:18px 14px;border-radius:16px;background:rgba(5,18,30,.55);border:1px solid rgba(48,111,151,.18);text-align:center} .forum-community-stats b{display:block;font-size:27px;color:#fff} .forum-community-stats span{display:block;margin-top:7px;color:#8caec4;font-size:13px} .forum-form-shell .forum-hero-card,.forum-topic-shell .forum-hero-card{margin-bottom:24px} .forum-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px} .forum-form-panel{padding-bottom:10px} .forum-form-errors{position:relative;z-index:1;margin:22px 22px 0;padding:14px 16px;border-radius:16px;border:1px solid rgba(247,114,114,.3);background:rgba(127,29,29,.24);color:#ffd0d0} .forum-form-errors p{margin:6px 0} .forum-compose-form{position:relative;z-index:1;padding:22px} .forum-compose-form label{display:block;margin-bottom:18px} .forum-compose-form span{display:block;margin-bottom:8px;font-weight:700;color:#d5ebf8} .forum-compose-form input,.forum-compose-form select,.forum-compose-form textarea{width:100%;border-radius:16px;border:1px solid rgba(60,129,171,.34);background:rgba(4,14,23,.95);padding:15px 16px;color:#e6f4ff;font:inherit;outline:none;box-shadow:inset 0 0 0 1px rgba(122,209,255,.03)} .forum-compose-form textarea{resize:vertical;min-height:220px} .forum-compose-form input:focus,.forum-compose-form select:focus,.forum-compose-form textarea:focus{border-color:#4cd2ff;box-shadow:0 0 0 3px rgba(76,210,255,.12)} .forum-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px} .forum-guidelines{position:relative;z-index:1;margin:0;padding:4px 24px 24px 42px;color:#a8c7d9;line-height:1.7} .forum-guidelines li+li{margin-top:8px} .forum-topic-hero{align-items:flex-start} .forum-topic-hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;align-items:flex-start} .forum-topic-meta-line{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:16px;color:#9cc0d2} .forum-topic-meta-line span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(7,27,40,.72);border:1px solid rgba(60,129,171,.24)} .forum-post-card{display:grid;grid-template-columns:230px minmax(0,1fr);margin-bottom:18px} .forum-post-author{position:relative;z-index:1;padding:22px;border-right:1px solid rgba(53,110,145,.28);background:rgba(4,13,21,.72);text-align:center} .forum-post-author img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(78,205,255,.34);box-shadow:0 0 0 6px rgba(15,48,70,.45)} .forum-post-author h3{margin:16px 0 6px;font-size:22px;color:#fff} .forum-post-author span{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(15,54,81,.78);color:#8dd8ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .forum-post-author small{display:block;margin-top:10px;color:#8eafc2} .forum-post-body{position:relative;z-index:1;padding:22px 26px} .forum-post-body-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;color:#93b6c9} .forum-post-body-head b{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 10px;border-radius:10px;background:rgba(11,72,109,.36);color:#83dcff} .forum-post-content-rich{color:#d8ebf7;line-height:1.85;font-size:16px;word-break:break-word} .topic-layout{align-items:start} @media (max-width:1200px){.forum-grid,.forum-form-grid{grid-template-columns:1fr}.forum-hero-card{flex-direction:column}.forum-hero-mark{min-height:130px;min-width:100%}.forum-topic-hero-actions{justify-content:flex-start}.forum-shell{padding:0 18px}} @media (max-width:900px){.forum-kpi-strip,.forum-kpi-strip.compact,.forum-community-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-thread-row{grid-template-columns:minmax(0,1fr) 86px 86px 120px}.forum-thread-main{align-items:flex-start}.forum-thread-main strong,.forum-thread-main small{white-space:normal}.forum-post-card{grid-template-columns:1fr}.forum-post-author{border-right:0;border-bottom:1px solid rgba(53,110,145,.28)}.forum-toolbar{flex-direction:column;align-items:stretch}.forum-primary-action,.forum-secondary-action{width:100%}} @media (max-width:640px){.forum-hero-copy h1{font-size:36px}.forum-tabs-modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.forum-kpi-strip,.forum-kpi-strip.compact,.forum-community-stats{grid-template-columns:1fr 1fr}.forum-thread-header{display:none}.forum-thread-row{grid-template-columns:1fr;gap:8px}.forum-thread-row>div:nth-child(n+2){padding-left:100px;position:relative}.forum-thread-row>div:nth-child(2)::before{content:"Odpowiedzi"}.forum-thread-row>div:nth-child(3)::before{content:"Wyświetlenia"}.forum-thread-row>div:nth-child(4)::before{content:"Aktywność"}.forum-thread-row>div:nth-child(n+2)::before{position:absolute;left:0;top:0;color:#6f95ad;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.forum-user-rankings article{grid-template-columns:28px 42px minmax(0,1fr)}.forum-user-rankings b{grid-column:2 / span 2;justify-self:end}} /* ===== Forum 3.11.3.0: motion, internal scroll, quotes, emoji ===== */ .forum-screen{ height:calc(100vh - 118px); min-height:640px; padding:18px 0; overflow:hidden; } .forum-shell{ height:100%; display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:0; } .forum-shell>.forum-hero-card{margin-bottom:14px} .forum-shell>.forum-toolbar{margin-bottom:14px} .forum-grid{ min-height:0; overflow:hidden; } .forum-main-column,.forum-side-column{ min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#1679a8 rgba(3,16,26,.65); padding-right:8px; } .forum-main-column::-webkit-scrollbar,.forum-side-column::-webkit-scrollbar{width:8px} .forum-main-column::-webkit-scrollbar-track,.forum-side-column::-webkit-scrollbar-track{background:rgba(3,16,26,.65);border-radius:999px} .forum-main-column::-webkit-scrollbar-thumb,.forum-side-column::-webkit-scrollbar-thumb{background:linear-gradient(#2dd4ff,#0876b8);border-radius:999px} .forum-form-shell,.forum-topic-shell{grid-template-rows:auto minmax(0,1fr)} .forum-form-shell>.forum-form-grid,.forum-topic-shell>.forum-grid{min-height:0;overflow:hidden} .forum-form-shell .forum-form-panel,.forum-topic-shell .forum-main-column{overflow-y:auto} .forum-hero-card,.forum-panel,.forum-post-card{ isolation:isolate; } .forum-hero-card::after,.forum-panel::after,.forum-post-card::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; padding:1px; background:linear-gradient(115deg,transparent 5%,rgba(51,213,255,.42) 28%,transparent 48%,rgba(46,123,255,.25) 68%,transparent 92%); background-size:220% 100%; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:forum-border-flow 8s linear infinite; opacity:.46; } .forum-panel,.forum-post-card,.forum-thread-row:not(.forum-thread-header),.forum-rank-list a,.forum-user-rankings article{ transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease; } .forum-panel:hover,.forum-post-card:hover{ border-color:rgba(75,201,255,.52); box-shadow:0 20px 58px rgba(0,0,0,.38),0 0 26px rgba(0,150,255,.08),inset 0 0 0 1px rgba(105,212,255,.07); } .forum-rank-list a:hover,.forum-user-rankings article:hover{ transform:translateX(3px); border-color:rgba(76,193,255,.42); background:rgba(8,27,42,.9); } @keyframes forum-border-flow{to{background-position:-220% 0}} .forum-universal-logo{ position:relative; z-index:1; width:250px; min-height:170px; display:grid; place-items:center; align-content:center; border-radius:28px; background:radial-gradient(circle,rgba(9,126,188,.22),rgba(2,23,38,.9) 64%); border:1px solid rgba(72,197,255,.28); overflow:hidden; } .forum-logo-core{ position:relative; z-index:3; width:90px; height:90px; display:grid; place-items:center; border-radius:26px; color:#e7f9ff; font-size:34px; font-weight:900; letter-spacing:-.08em; background:linear-gradient(145deg,#0db4f6,#064f99); border:2px solid #72ddff; box-shadow:0 0 34px rgba(20,185,255,.38),inset 0 0 25px rgba(255,255,255,.13); transform:rotate(45deg); } .forum-logo-core::first-letter{letter-spacing:0} .forum-logo-core{font-family:system-ui,sans-serif} .forum-logo-core{animation:forum-core-pulse 4s ease-in-out infinite} .forum-logo-core{line-height:1} .forum-logo-core{writing-mode:horizontal-tb} .forum-logo-core{padding-right:3px} .forum-logo-core{color:transparent;text-shadow:none} .forum-logo-core::before{content:"GH";color:#fff;transform:rotate(-45deg);letter-spacing:-.08em} .forum-logo-orbit{ position:absolute; border-radius:34%; border:1px solid rgba(55,204,255,.42); box-shadow:0 0 18px rgba(29,178,255,.12); } .forum-logo-orbit-one{width:128px;height:128px;animation:forum-orbit 12s linear infinite} .forum-logo-orbit-two{width:160px;height:160px;border-style:dashed;animation:forum-orbit-reverse 18s linear infinite} .forum-universal-logo small{position:relative;z-index:3;margin-top:18px;letter-spacing:.38em;color:#78cce9;font-weight:800;font-size:10px} @keyframes forum-orbit{to{transform:rotate(360deg)}} @keyframes forum-orbit-reverse{to{transform:rotate(-360deg)}} @keyframes forum-core-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}} .forum-user-avatar-link,.forum-post-avatar-link{display:inline-flex;border-radius:50%} .forum-user-avatar-link img,.forum-post-avatar-link img{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .forum-user-avatar-link:hover img,.forum-post-avatar-link:hover img{transform:scale(1.06);border-color:#69dcff;box-shadow:0 0 22px rgba(36,189,255,.3)} .forum-user-name-link,.forum-post-name-link{color:inherit} .forum-user-name-link:hover strong,.forum-post-name-link:hover h3{color:#62d8ff} .forum-post-tools{display:flex;align-items:center;gap:12px} .forum-quote-button{ border:1px solid rgba(70,156,204,.3); border-radius:10px; padding:7px 10px; background:rgba(7,31,47,.88); color:#9ddcff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; } .forum-quote-button:hover{border-color:#52cbff;background:rgba(9,58,84,.94);color:#fff} .forum-quote{ margin:4px 0 18px; padding:0; border:1px solid rgba(64,157,204,.3); border-left:4px solid #25bdec; border-radius:14px; background:rgba(4,24,38,.72); overflow:hidden; } .forum-quote header{padding:10px 14px;background:rgba(12,67,95,.38);color:#89dbff;font-weight:800;font-size:13px} .forum-quote div{padding:14px 16px;color:#bcd3e1;line-height:1.65} .forum-emoji-toolbar{ display:flex; flex-wrap:wrap; gap:6px; padding:9px; margin-bottom:8px; border:1px solid rgba(60,129,171,.28); border-radius:14px; background:rgba(4,16,26,.78); } .forum-emoji-toolbar button{ width:34px; height:34px; display:grid; place-items:center; border:1px solid transparent; border-radius:10px; background:transparent; font-size:18px; cursor:pointer; transition:transform .15s ease,background .15s ease,border-color .15s ease; } .forum-emoji-toolbar button:hover{transform:translateY(-2px) scale(1.08);background:rgba(22,103,148,.3);border-color:rgba(72,198,255,.3)} @media (max-width:1200px){ .forum-screen{height:auto;min-height:0;overflow:visible;padding-bottom:40px} .forum-shell{height:auto;display:block} .forum-grid,.forum-form-shell>.forum-form-grid,.forum-topic-shell>.forum-grid{overflow:visible} .forum-main-column,.forum-side-column,.forum-form-shell .forum-form-panel,.forum-topic-shell .forum-main-column{overflow:visible;padding-right:0} .forum-universal-logo{width:100%;min-height:135px} } @media (prefers-reduced-motion:reduce){ .forum-hero-card::after,.forum-panel::after,.forum-post-card::after,.forum-logo-core,.forum-logo-orbit{animation:none!important} .forum-panel,.forum-post-card,.forum-thread-row,.forum-rank-list a,.forum-user-rankings article{transition:none!important} } .forum-category-shell{grid-template-rows:auto minmax(0,1fr)} .forum-category-shell>.forum-grid{min-height:0;overflow:hidden} @media (max-width:1200px){.forum-category-shell{display:block}.forum-category-shell>.forum-grid{overflow:visible}} /* ===== Forum 3.11.3.1: standard page scrolling ===== */ .forum-screen{ height:auto!important; min-height:0!important; overflow:visible!important; padding:32px 0 56px!important; } .forum-shell, .forum-form-shell, .forum-topic-shell, .forum-category-shell{ height:auto!important; min-height:0!important; display:block!important; overflow:visible!important; } .forum-grid, .forum-form-shell>.forum-form-grid, .forum-topic-shell>.forum-grid, .forum-category-shell>.forum-grid{ min-height:0!important; overflow:visible!important; } .forum-main-column, .forum-side-column, .forum-form-shell .forum-form-panel, .forum-topic-shell .forum-main-column{ height:auto!important; max-height:none!important; min-height:0!important; overflow:visible!important; overscroll-behavior:auto!important; padding-right:0!important; } /* Forum 3.12.0.0 — funkcje społeczności */ .forum-toolbar-actions{display:flex;align-items:center;gap:10px} .forum-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:18px 22px 24px} .forum-pagination a{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;background:rgba(5,20,32,.9);border:1px solid rgba(57,132,179,.3);color:#b9d7e8;font-weight:800} .forum-pagination a:hover,.forum-pagination a.active{color:#fff;border-color:#48c9ff;background:linear-gradient(180deg,rgba(9,70,105,.95),rgba(7,36,56,.95));box-shadow:0 0 20px rgba(33,183,255,.15)} .forum-post-card.is-solution{border-color:rgba(68,224,142,.68);box-shadow:0 18px 55px rgba(0,0,0,.35),0 0 28px rgba(49,214,128,.12)} .forum-post-card.is-solution::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(111,255,178,.17);pointer-events:none} .forum-solution-badge{display:inline-flex;margin-left:10px;padding:7px 11px;border-radius:999px;background:rgba(22,101,52,.45);border:1px solid rgba(74,222,128,.35);color:#8bf0b0;font-size:12px;font-weight:800} .forum-post-reactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(55,113,149,.22)} .forum-post-reactions form{margin:0} .forum-post-reactions button,.forum-post-reactions span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(5,24,37,.8);border:1px solid rgba(56,128,170,.27);color:#a9cadc;font:inherit;font-size:13px;cursor:pointer} .forum-post-reactions button:hover,.forum-post-reactions button.active{background:rgba(10,80,117,.55);border-color:#47c9ff;color:#fff;transform:translateY(-1px)} .forum-post-reactions b{color:#fff} .forum-solution-form{margin-top:14px} .forum-solution-form .forum-secondary-action{width:auto;padding:9px 13px;font-size:13px} .forum-moderation-panel{margin-bottom:18px;padding:14px 16px} .forum-moderation-panel form{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;align-items:center} .forum-moderation-panel select{min-width:220px;padding:12px 14px;border-radius:14px;background:#071721;border:1px solid rgba(61,140,194,.35);color:#d8edf8} .forum-search-form{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,2fr) repeat(2,minmax(160px,1fr)) auto auto;gap:12px;align-items:end;padding:22px} .forum-search-form label span{display:block;margin-bottom:7px;color:#b9d6e7;font-weight:700} .forum-search-form input,.forum-search-form select{width:100%;padding:14px 15px;border-radius:14px;background:#06131d;border:1px solid rgba(61,140,194,.32);color:#e3f3fc} .forum-search-form .forum-check{display:flex;align-items:center;gap:9px;padding:12px 2px} .forum-search-form .forum-check input{width:auto} .forum-search-form .forum-check span{margin:0;white-space:nowrap} .forum-search-results{position:relative;z-index:1;padding:12px 18px 20px} .forum-search-results>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 14px;margin-top:10px;border-radius:15px;background:rgba(5,18,30,.58);border:1px solid rgba(48,111,151,.2);color:#d7ebf7} .forum-search-results>a:hover{border-color:rgba(72,201,255,.55);transform:translateY(-1px);background:rgba(8,29,44,.86)} .forum-search-results>a>span{padding:7px 10px;border-radius:999px;background:rgba(9,80,118,.42);color:#80dcff;font-size:12px;font-weight:800} .forum-search-results strong{display:block;color:#fff} .forum-search-results small{display:block;margin-top:5px;color:#8dadbf} @media(max-width:1000px){.forum-search-form{grid-template-columns:1fr 1fr}.forum-search-form>label:first-child{grid-column:1/-1}} @media(max-width:640px){.forum-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.forum-search-form{grid-template-columns:1fr}.forum-search-form>label:first-child{grid-column:auto}.forum-moderation-panel form>*{width:100%}.forum-post-reactions{gap:6px}.forum-post-reactions button{font-size:12px;padding:7px 9px}} /* Forum governance, rewards and editor 3.13.0.0 */ .forum-rank-label{color:#64d9ff!important;font-weight:800;letter-spacing:.03em} .forum-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px} .forum-editor-toolbar button{min-width:38px;padding:8px 11px;border:1px solid rgba(78,181,232,.3);border-radius:10px;background:rgba(6,31,47,.9);color:#bfeaff;font-weight:800;cursor:pointer;transition:.18s ease} .forum-editor-toolbar button:hover{border-color:#53d6ff;background:rgba(11,64,92,.95);transform:translateY(-1px)} .forum-inline-moderation{position:relative;display:inline-block} .forum-inline-moderation summary{list-style:none;cursor:pointer;color:#ffbc78;font-weight:700} .forum-inline-moderation summary::-webkit-details-marker{display:none} .forum-inline-moderation form{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:300px;padding:12px;display:grid;gap:8px;border-radius:14px;background:#06131e;border:1px solid rgba(255,164,76,.38);box-shadow:0 18px 45px rgba(0,0,0,.45)} .forum-inline-moderation input,.forum-inline-moderation select{width:100%;padding:9px 10px;border-radius:9px;border:1px solid rgba(94,154,189,.35);background:#020b12;color:#fff} .forum-quote-button.danger{color:#ff9797;border-color:rgba(255,100,100,.35)} .inline-warning-form{display:grid;grid-template-columns:110px 90px minmax(150px,1fr) auto;gap:6px;min-width:480px} .inline-warning-form input,.inline-warning-form select{min-height:34px;padding:6px 8px;border-radius:8px;border:1px solid #294458;background:#07131d;color:#dcebf5} .inline-warning-form button{border:0;border-radius:8px;padding:6px 10px;background:#b84141;color:#fff;font-weight:700} .stats-grid article{position:relative;overflow:hidden} .stats-grid article:after{content:"";position:absolute;inset:auto -30% -80% 20%;height:120px;background:radial-gradient(circle,rgba(45,196,255,.15),transparent 70%);pointer-events:none} @media(max-width:800px){.inline-warning-form{min-width:0;grid-template-columns:1fr 1fr}.inline-warning-form input{grid-column:1/-1}.forum-inline-moderation form{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto}} /* ===== Forum 3.13.1.0: artifact-free rendering, visual editor, brand reactor, rewards ===== */ html,body.site-body{background:#020a11} .forum-screen{background:#020a11!important;background-image:radial-gradient(circle at 18% 0,rgba(0,112,177,.16),transparent 34%),linear-gradient(180deg,#06131f 0,#020a11 72%)!important;background-attachment:scroll!important;isolation:isolate} .forum-hero-card,.forum-panel,.forum-post-card,.forum-thread-row{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)} /* Masked moving borders caused a one-frame white seam on some Chromium/GPU combinations. */ .forum-hero-card::after,.forum-panel::after,.forum-post-card::after{animation:none!important;background:linear-gradient(120deg,rgba(56,204,255,.26),transparent 28%,transparent 72%,rgba(69,124,255,.18))!important;background-size:100% 100%!important;opacity:.42!important;will-change:auto!important} .forum-panel:hover::after,.forum-post-card:hover::after{opacity:.7!important} .forum-rich-editor{min-height:220px;width:100%;padding:16px 17px;border:1px solid rgba(60,129,171,.34);border-radius:16px;background:rgba(4,14,23,.95);color:#e6f4ff;line-height:1.7;outline:none;box-shadow:inset 0 0 0 1px rgba(122,209,255,.03);overflow-wrap:anywhere} .forum-rich-editor:focus{border-color:#4cd2ff;box-shadow:0 0 0 3px rgba(76,210,255,.12),inset 0 0 0 1px rgba(122,209,255,.05)} .forum-rich-editor:empty::before{content:attr(data-placeholder);color:#66879a;pointer-events:none} .forum-rich-editor.is-invalid{border-color:#ff6b78;box-shadow:0 0 0 3px rgba(255,85,105,.12)} .forum-rich-editor p{margin:0 0 1em}.forum-rich-editor p:last-child{margin-bottom:0} .forum-rich-editor blockquote{margin:12px 0;padding:12px 15px;border-left:4px solid #29c9ff;border-radius:10px;background:rgba(9,52,76,.48);color:#c6e7f8} .forum-rich-editor pre{white-space:pre-wrap;padding:14px;border-radius:12px;background:#02070c;border:1px solid rgba(74,145,185,.28);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9fe4ff} .forum-editor-toolbar button[aria-pressed="true"]{border-color:#69ddff;background:rgba(15,91,128,.96);color:#fff} .forum-brand-reactor{width:310px;min-height:220px;background:radial-gradient(circle at 50% 45%,rgba(8,166,235,.26),rgba(3,29,47,.94) 52%,rgba(1,11,19,.98) 76%);border-color:rgba(86,215,255,.48);box-shadow:inset 0 0 45px rgba(0,166,255,.12),0 18px 55px rgba(0,0,0,.35)} .forum-brand-reactor::before{content:"";position:absolute;inset:12px;border:1px solid rgba(80,211,255,.16);border-radius:22px;clip-path:polygon(0 0,32% 0,36% 4%,64% 4%,68% 0,100% 0,100% 36%,96% 40%,96% 60%,100% 64%,100% 100%,68% 100%,64% 96%,36% 96%,32% 100%,0 100%,0 64%,4% 60%,4% 40%,0 36%)} .forum-logo-core{width:178px;height:82px;transform:none;border-radius:18px;background:linear-gradient(150deg,rgba(11,60,91,.96),rgba(3,19,33,.98));padding:14px 18px;border:1px solid rgba(103,222,255,.56);animation:forum-logo-breathe 4.8s ease-in-out infinite;overflow:hidden} .forum-logo-core::before{display:none!important} .forum-logo-core img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(72,211,255,.55))} .forum-logo-energy{position:absolute;width:190px;height:190px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 14%,rgba(58,213,255,.58) 18%,transparent 25% 55%,rgba(54,119,255,.48) 63%,transparent 72%);filter:blur(.2px);animation:forum-energy-spin 9s linear infinite} .forum-logo-scan{position:absolute;left:30px;right:30px;height:2px;top:34px;background:linear-gradient(90deg,transparent,#83e8ff,transparent);box-shadow:0 0 15px #2dcaff;animation:forum-logo-scan 3.8s ease-in-out infinite;opacity:.68} .forum-brand-reactor strong{position:relative;z-index:4;margin-top:14px;color:#e9faff;font-size:12px;letter-spacing:.22em;text-shadow:0 0 12px rgba(83,218,255,.48)} .forum-brand-reactor small{margin-top:5px;letter-spacing:.24em;color:#73aeca} .forum-logo-orbit-one{width:205px;height:130px;border-radius:28px;transform:rotate(8deg);animation:forum-orbit-tilt 13s linear infinite} .forum-logo-orbit-two{width:238px;height:164px;border-radius:38px;transform:rotate(-9deg);animation:forum-orbit-tilt-reverse 18s linear infinite} @keyframes forum-energy-spin{to{transform:rotate(360deg)}} @keyframes forum-logo-scan{0%,100%{transform:translateY(0);opacity:.18}50%{transform:translateY(142px);opacity:.78}} @keyframes forum-logo-breathe{0%,100%{box-shadow:0 0 26px rgba(20,185,255,.22),inset 0 0 20px rgba(255,255,255,.05)}50%{box-shadow:0 0 44px rgba(20,185,255,.42),inset 0 0 28px rgba(50,190,255,.1)}} @keyframes forum-orbit-tilt{to{transform:rotate(368deg)}} @keyframes forum-orbit-tilt-reverse{to{transform:rotate(-369deg)}} .forum-rank-showcase{width:100%;display:flex;align-items:center;gap:10px;margin:14px 0 8px;padding:10px 11px;border:1px solid rgba(87,202,255,.28);border-radius:14px;background:linear-gradient(135deg,rgba(11,66,96,.62),rgba(5,25,40,.82));text-align:left;box-shadow:inset 0 0 18px rgba(20,163,232,.08)} .forum-rank-emblem{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#30d4ff,#2563eb);color:#fff;box-shadow:0 0 18px rgba(49,196,255,.28);font-size:16px} .forum-rank-showcase b{display:block;color:#eafaff;font-size:13px;letter-spacing:.04em;text-transform:uppercase} .forum-rank-showcase small{display:block!important;margin-top:3px!important;color:#89bad2!important;font-size:11px} .forum-rank-progress{height:5px;width:100%;overflow:hidden;border-radius:999px;background:rgba(42,91,119,.28)} .forum-rank-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25c8ff,#6366f1,#a855f7);box-shadow:0 0 10px rgba(73,202,255,.4)} .forum-post-card.is-solution .forum-rank-emblem{background:linear-gradient(145deg,#35df88,#0ea66e)} .forum-post-content-rich strong,.forum-post-content-rich b{color:#fff}.forum-post-content-rich em,.forum-post-content-rich i{color:#c9e8f7}.forum-post-content-rich u{text-decoration-color:#4bd8ff;text-underline-offset:3px}.forum-post-content-rich blockquote{margin:14px 0;padding:14px 16px;border-left:4px solid #29c9ff;border-radius:12px;background:rgba(7,39,59,.64)}.forum-post-content-rich pre{white-space:pre-wrap;padding:14px;border-radius:12px;background:#02070c;border:1px solid rgba(74,145,185,.28);color:#9fe4ff} @media(max-width:1200px){.forum-brand-reactor{width:100%;min-height:190px}} @media(prefers-reduced-motion:reduce){.forum-logo-energy,.forum-logo-scan,.forum-logo-core,.forum-logo-orbit{animation:none!important}} /* Portal 3.14.0.0 */ .personalized-hub{margin-top:34px}.personalized-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.personalized-card{padding:22px;border-radius:20px;background:linear-gradient(160deg,rgba(7,24,38,.96),rgba(4,13,23,.96));border:1px solid rgba(75,185,242,.25);box-shadow:0 16px 40px rgba(0,0,0,.22)}.personalized-card h3{margin:0 0 14px;color:#fff}.personalized-card>a{display:block;padding:12px 0;border-top:1px solid rgba(87,151,187,.18)}.personalized-card>a span,.personalized-card>a small{display:block;color:#82b9d6;font-size:12px}.personalized-card>a b{display:block;margin:4px 0;color:#e8f7ff}.personalized-card p{color:#91aebe}.admin-title-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-title-actions form{margin:0}@media(max-width:900px){.personalized-grid{grid-template-columns:1fr}} /* ===== Editorial payroll 3.15.0.0 ===== */ .editor-wallet-page{max-width:1180px;margin:0 auto;padding:32px 20px}.wallet-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px;border:1px solid rgba(79,209,255,.25);border-radius:24px;background:linear-gradient(135deg,rgba(5,24,36,.96),rgba(10,45,55,.82));box-shadow:0 20px 50px rgba(0,0,0,.25)}.wallet-balance{text-align:right}.wallet-balance b{display:block;font-size:2.5rem;color:#7fffd4}.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.wallet-card,.wallet-private,.wallet-payout{padding:22px;border-radius:20px;background:rgba(8,25,34,.86);border:1px solid rgba(255,255,255,.1)}.wallet-card span,.wallet-card small{display:block;color:#9db1bb}.wallet-card b{font-size:1.7rem}.wallet-progress{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:14px 0}.wallet-progress i{display:block;height:100%;background:linear-gradient(90deg,#4fd1ff,#7fffd4)}.wallet-private header,.wallet-payout header{display:flex;justify-content:space-between}.privacy-chip{font-size:.78rem;color:#7fffd4}.wallet-private form{display:flex;gap:12px;align-items:end}.wallet-private label{flex:1}.wallet-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.wallet-list article{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.wallet-list small{display:block;color:#8fa6b1}.wallet-list strong{color:#7fffd4;white-space:nowrap}.editor-wallet-mini b{font-size:1.8rem;color:#7fffd4}.payroll-actions{display:flex;gap:6px;flex-wrap:wrap}.payroll-actions input{min-width:130px}.is-overdue{background:rgba(255,80,80,.08)}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.wallet-hero{align-items:flex-start;flex-direction:column}.wallet-balance{text-align:left}.wallet-grid,.wallet-columns{grid-template-columns:1fr}.wallet-private form{flex-direction:column;align-items:stretch}} /* ===== Editorial workplace 3.16.0.0 ===== */ .editorial-empty{min-height:220px;display:grid;place-content:center;text-align:center;border:1px dashed #21445a;background:#06121b;padding:30px}.editorial-empty b{font-size:20px;color:#e8f6ff}.editorial-empty p{color:#8196a5} .employee-portal{max-width:1500px;margin:auto}.employee-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 34px;margin-bottom:20px;background:linear-gradient(125deg,#071a27,#08111d 62%,#171126);border:1px solid #1d4258;box-shadow:0 18px 50px rgba(0,0,0,.22)}.employee-hero h1{font-size:38px;margin:7px 0}.employee-hero p{color:#91a7b6;margin:0}.employee-status{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #25536b;background:#07131d;font-weight:800}.employee-status i{width:9px;height:9px;border-radius:50%;background:#53e6a6;box-shadow:0 0 15px #53e6a6}.employee-status.away i{background:#ffb65c;box-shadow:0 0 15px #ffb65c}.employee-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.employee-kpis article{padding:20px;background:#071722;border:1px solid #183d52;border-top:2px solid #42caff}.employee-kpis small,.employee-kpis span{display:block;color:#8197a7}.employee-kpis b{display:block;font-size:30px;margin:8px 0;color:#edf9ff}.employee-kpis .money{border-top-color:#9b63ff}.employee-kpis a{color:#65d7ff;font-weight:800}.employee-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:20px}.employee-grid>main,.employee-grid>aside{display:grid;align-content:start;gap:20px}.employee-actions header,.employee-tasks header,.employee-recent header{display:flex;justify-content:space-between;align-items:center}.employee-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.employee-action-grid>a{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #1b4156;background:#081924;transition:.2s transform,.2s border-color,.2s background}.employee-action-grid>a:hover{transform:translateY(-2px);border-color:#4bd0ff;background:#0b2030}.employee-action-grid>a>b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2a6079;color:#61d9ff;font-size:19px}.employee-action-grid span{font-weight:800;color:#eaf8ff}.employee-action-grid small{display:block;margin-top:4px;color:#7f96a6;font-weight:500}.task-count{padding:5px 10px;border:1px solid #28526a;color:#65d9ff}.employee-task{display:grid;grid-template-columns:1fr 160px;gap:20px;padding:17px 0;border-bottom:1px solid #163344}.employee-task>div>span{font-size:10px;letter-spacing:.18em;color:#54d7ff}.employee-task h3{margin:6px 0}.employee-task p{color:#91a2ad}.employee-task select{width:100%}.employee-task.priority-urgent{border-left:3px solid #ff5f73;padding-left:14px}.employee-task.priority-high{border-left:3px solid #ffb157;padding-left:14px}.employee-empty{padding:28px;text-align:center;color:#8196a5;border:1px dashed #234559}.employee-table{overflow:auto}.employee-table table{min-width:700px}.employee-wallet h2{font-size:34px;margin:12px 0 2px}.employee-wallet p,.employee-wallet small{color:#8398a7}.employee-wallet .button{margin-top:18px;width:100%;text-align:center}.leave-request form{display:grid;gap:12px}.leave-request label{display:grid;gap:6px;color:#9cb0bc}.leave-dates,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.leave-history article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 0;border-bottom:1px solid #173448}.leave-history article p{grid-column:1/-1;color:#90a3b1}.admin-hr-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.4fr);gap:20px}.admin-assignment-form{display:grid;gap:14px}.admin-assignment-form label{display:grid;gap:6px}.leave-admin-list article{padding:18px 0;border-bottom:1px solid #19384b}.leave-admin-list article>header{display:flex;justify-content:space-between;gap:15px}.leave-admin-list small{color:#8196a5}.leave-admin-list blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid #4bcfff;background:#071722;color:#a8bbc7}.leave-admin-list form{display:flex;flex-wrap:wrap;gap:8px}.leave-admin-list form input{flex:1;min-width:220px}.active-leaves article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px 0;border-bottom:1px solid #17384b}.active-leaves small{grid-column:1/-1;color:#8ba0ad} @media(max-width:1100px){.employee-kpis{grid-template-columns:repeat(2,1fr)}.employee-grid,.admin-hr-grid{grid-template-columns:1fr}}@media(max-width:650px){.employee-hero{align-items:flex-start;flex-direction:column;padding:22px}.employee-hero h1{font-size:30px}.employee-kpis,.employee-action-grid{grid-template-columns:1fr}.employee-task{grid-template-columns:1fr}.leave-dates,.form-row{grid-template-columns:1fr}} /* ===== Home dashboard fit 3.16.0.1 ===== */ @media (min-width:1181px){ .portal-lead{ --home-dashboard-height:620px; align-items:stretch; } .portal-lead>.lead-main, .portal-lead>.portal-rail{ height:var(--home-dashboard-height); min-height:0; } .lead-main{ align-items:stretch; } .portal-featured-fixed{ height:100%; min-height:0; } .lead-side{ min-height:0; grid-template-rows:repeat(3,minmax(0,1fr)); overflow:hidden; } .lead-mini{ min-height:0; height:100%; } .lead-mini-cover, .lead-mini>img, .lead-mini-cover img{ min-height:0; height:100%; } .lead-mini-copy{ min-height:0; } .lead-mini h3 a{ -webkit-line-clamp:3; } .portal-rail{ grid-template-rows:repeat(2,minmax(0,1fr)); align-content:stretch; } .rail-block{ height:100%; min-height:0; display:flex; flex-direction:column; } .rail-block>header{ flex:0 0 auto; padding:18px 20px 12px; } .rail-block h2{ font-size:18px; } .rank-item{ flex:1 1 0; min-height:0; padding:10px 18px; } .rank-item span{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .releases>a{ flex:1 1 0; min-height:0; margin:0 18px; padding:9px 0; align-items:center; } .releases>a span{ min-width:0; } .releases b{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .releases-empty{ flex:1 1 auto; } } @media (min-width:1181px) and (max-height:820px){ .portal-lead{--home-dashboard-height:560px} .portal-featured-fixed h1{font-size:clamp(44px,4.3vw,64px)} .portal-featured-fixed p{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} .lead-mini-copy{padding:12px 13px 10px} .lead-mini h3{margin:9px 0;font-size:14px} .rail-block>header{padding:14px 18px 9px} .rank-item{padding:8px 16px} .releases>a{padding:7px 0} } /* ===== Editorial Workspace 3.17.0.0 ===== */ .editorial-pro{--editorial-line:#17485d}.editorial-calendar{margin:0 0 22px}.editorial-calendar>header{display:flex;justify-content:space-between;align-items:end}.editorial-calendar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.editorial-calendar-grid>a,.editorial-calendar-grid>article{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--editorial-line);border-radius:12px;background:#06151e}.editorial-calendar-grid time{display:grid;min-width:52px;color:#5bdcff;font-weight:800}.editorial-calendar-grid time small{font-size:10px;color:#7694a1}.editorial-calendar-grid b{display:block;font-size:13px}.editorial-calendar-grid span{font-size:11px;color:#7895a2}.editorial-queue-list{display:grid;gap:8px}.editorial-queue-list>a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #153c4d;border-radius:10px;background:#06141d}.editorial-queue-list>a:hover{border-color:#35bce9;transform:translateX(3px)}.editorial-queue-list>a div{flex:1}.editorial-queue-list small{display:block;color:#7895a2}.status.scheduled{color:#f3bd4f;background:rgba(243,189,79,.12)}.editorial-comment-form{display:grid;gap:10px}.editorial-comments{display:grid;gap:10px;margin-top:16px;max-height:440px;overflow:auto}.editorial-comments article{padding:13px;border-left:2px solid #35bce9;background:#06151e}.editorial-comments article div{display:flex;justify-content:space-between}.editorial-comments strong{display:block;margin:8px 0 4px;color:#5bdcff}.editorial-comments p{margin:0;color:#b8cbd3}.editorial-goals .goal-row{margin:14px 0}.goal-row span{display:flex;justify-content:space-between}.goal-row i{display:block;height:7px;margin-top:7px;border-radius:10px;background:#102b37;overflow:hidden}.goal-row em{display:block;height:100%;background:linear-gradient(90deg,#19aee9,#6fffd2)}.editorial-versions article{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #163541}.editorial-versions small{display:block;color:#728e9a}.goal-admin-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.goal-admin-form .wide{grid-column:1/-1}.goal-admin-list{display:grid;gap:8px;margin-top:20px}.goal-admin-list article{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px;border:1px solid #173d4d}.goal-admin-list small{grid-column:1/-1;color:#8ca3ad} /* Czytelniejsza typografia publikacji */ .article-reading-body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:calc(18px * var(--reading-scale));line-height:1.82;letter-spacing:.002em;color:#d9e5e9}.article-reading-body p{max-width:74ch}.article-reading-body h2,.article-reading-body h3,.article-reading-body h4{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-weight:800;line-height:1.2;color:#f1f8fb}.article-reading-body strong{color:#fff}.article-reading-body a{text-decoration-thickness:1px;text-underline-offset:3px} @media(max-width:1050px){.editorial-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-admin-form{grid-template-columns:1fr 1fr}}@media(max-width:650px){.editorial-calendar-grid,.goal-admin-form{grid-template-columns:1fr}.goal-admin-form .wide{grid-column:auto}.article-reading-body{font-size:calc(17px * var(--reading-scale))}} /* 3.17.0.2 — rozdzielona strona główna i dashboard redaktora */ .editor-home-screen{max-width:1500px;margin:0 auto}.editor-home-hero{margin-bottom:18px}.editor-home-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.editor-home-card{display:flex;flex-direction:column;gap:7px;min-height:128px;padding:20px;border:1px solid #173b50;border-radius:14px;background:linear-gradient(145deg,#071923,#06131c);color:#ddecf5;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.editor-home-card:hover{transform:translateY(-2px);border-color:#29bdf2;box-shadow:0 12px 34px rgba(0,0,0,.22)}.editor-home-card.primary{background:linear-gradient(145deg,rgba(15,126,172,.24),#071720);border-color:#159acf}.editor-home-card small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#79a6bb}.editor-home-card b{font-size:25px;color:#fff}.editor-home-card span{margin-top:auto;color:#8eb2c3;font-size:13px}.editor-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.editor-home-layout main,.editor-home-layout aside{display:grid;gap:18px}.editor-today header{display:flex;justify-content:space-between;align-items:center}.editor-today-list{display:grid;gap:10px}.editor-today-list>a,.editor-today-list>article{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid rgba(81,151,181,.18);color:inherit}.editor-today-list time{display:flex;flex-direction:column;font-weight:800;color:#45d0ff}.editor-today-list time small{font-size:11px;color:#7899a8}.editor-today-list div{display:grid;gap:4px}.editor-today-list span{font-size:12px;color:#7899a8}.editor-alert-card h2{margin:8px 0}.editor-latest{display:grid;gap:8px}.editor-latest>a{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid rgba(81,151,181,.18);color:inherit}.editor-latest>a div{display:grid;gap:4px}.editor-latest small{color:#7899a8}@media(max-width:1100px){.editor-home-summary{grid-template-columns:repeat(2,1fr)}.editor-home-layout{grid-template-columns:1fr}}@media(max-width:620px){.editor-home-summary{grid-template-columns:1fr}.editor-home-card{min-height:105px}.editor-today-list>a,.editor-today-list>article{grid-template-columns:54px 1fr}.editor-today-list i{display:none}} /* ===== Panel UX 3.18.0.0 ===== */ .admin-title-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-attention-center{padding:22px;border:1px solid rgba(79,209,255,.24);border-radius:16px;background:linear-gradient(145deg,rgba(7,31,45,.96),rgba(4,15,24,.98));margin-bottom:18px}.admin-attention-center header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.admin-attention-center h2{margin:5px 0 0;font:800 24px 'Oxanium'}.attention-pulse{font-size:11px;padding:8px 11px;border-radius:999px;border:1px solid #24627f}.attention-pulse.hot{color:#ffd29b;border-color:#9c6328;background:#281b0b}.attention-pulse.ok{color:#91efc0;border-color:#257c55;background:#08251a}.attention-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.attention-grid a{padding:16px;border:1px solid #173f55;border-radius:11px;background:#061721;transition:.18s}.attention-grid a:hover{transform:translateY(-2px);border-color:#38c8ff}.attention-grid b,.attention-grid span{display:block}.attention-grid b{font:800 27px 'Oxanium';color:#5bd6ff}.attention-grid span{font-size:11px;color:#8eabb9;margin-top:5px}.attention-grid .danger-card{border-color:#73333c;background:#220d13}.attention-grid .danger-card b{color:#ff7a8d}.admin-recent-list{display:grid}.admin-recent-list>a,.admin-search-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid rgba(74,143,174,.18)}.admin-recent-list small,.admin-search-result small{display:block;color:#6f91a2;margin-top:4px}.admin-global-search{display:flex;gap:10px}.admin-global-search input{flex:1}.admin-search-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editor-momentum{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);gap:18px;align-items:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(21,132,184,.16),rgba(78,40,133,.12),#06151f)}.editor-momentum h2{margin:6px 0}.editor-momentum p{margin:0;color:#87a8b8}.editor-momentum strong{font-size:11px;color:#89b6ca}.momentum-track{height:10px;border:1px solid #24536b;border-radius:999px;background:#031019;overflow:hidden;margin-bottom:8px}.momentum-track i{display:block;height:100%;background:linear-gradient(90deg,#19a9e7,#8b5cff);box-shadow:0 0 18px rgba(58,187,255,.45)} @media(max-width:1100px){.attention-grid{grid-template-columns:repeat(2,1fr)}.admin-search-columns{grid-template-columns:1fr}.editor-momentum{grid-template-columns:1fr}}@media(max-width:620px){.attention-grid{grid-template-columns:1fr}.admin-global-search{display:grid}.admin-title-actions{width:100%}.admin-title-actions .button{flex:1}} /* ===== 3.18.0.1 Editorial view switch ===== */ .editor-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}.editor-mode-switch a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid rgba(91,120,255,.24);border-radius:16px;background:linear-gradient(145deg,rgba(18,25,48,.96),rgba(12,17,34,.94));color:inherit;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.16);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.editor-mode-switch a:hover{transform:translateY(-2px);border-color:rgba(118,151,255,.7);box-shadow:0 14px 34px rgba(31,55,145,.24)}.editor-mode-switch a.active{border-color:#6f8cff;background:linear-gradient(145deg,rgba(52,67,132,.96),rgba(20,30,68,.98));box-shadow:0 0 0 1px rgba(111,140,255,.26),0 16px 36px rgba(26,46,125,.28)}.editor-mode-switch b{font-size:1rem}.editor-mode-switch span{font-size:.82rem;color:var(--muted)}.editorial-pro .employee-hero{background:radial-gradient(circle at 82% 18%,rgba(102,86,255,.28),transparent 34%),linear-gradient(135deg,rgba(22,31,69,.98),rgba(11,16,34,.98))}.editor-home-screen .employee-hero{background:radial-gradient(circle at 82% 18%,rgba(44,204,174,.2),transparent 34%),linear-gradient(135deg,rgba(17,38,55,.98),rgba(10,20,32,.98))}@media(max-width:720px){.editor-mode-switch{grid-template-columns:1fr}} /* ===== Rewards 3.19.0.0 ===== */ .rewards-hero{background:radial-gradient(circle at 85% 20%,rgba(164,91,255,.18),transparent 30%),radial-gradient(circle at 15% 80%,rgba(79,209,255,.15),transparent 28%),linear-gradient(135deg,#061923,#030b12)} .reward-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.reward-hero-stats>div{min-width:130px;padding:13px 17px;border:1px solid #27506a;background:rgba(2,12,19,.78)}.reward-hero-stats b,.reward-hero-stats span{display:block}.reward-hero-stats b{font:800 25px 'Oxanium';color:#fff}.reward-hero-stats span{font-size:9px;color:#7d9aaa;text-transform:uppercase} .mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mission-card{display:grid;grid-template-columns:64px 1fr auto;gap:15px;align-items:center;padding:18px;background:linear-gradient(145deg,#071923,#041018);border:1px solid #173e54;border-left:3px solid #4fd1ff;box-shadow:0 10px 26px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease}.mission-card:hover{transform:translateY(-2px);border-color:#4fd1ff}.mission-card.is-complete{box-shadow:0 0 0 1px rgba(92,255,187,.18),0 15px 35px rgba(0,0,0,.25)}.mission-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:#020b11;border:1px solid #244f67;font-size:31px}.mission-copy>span,.reward-item small{text-transform:uppercase;letter-spacing:.08em;font-size:8px;color:#7693a4}.mission-copy h3,.reward-item h3{margin:4px 0 6px;font:700 16px 'Oxanium'}.mission-copy p,.reward-item p{margin:0;color:#8da5b2;font-size:11px;line-height:1.5}.mission-progress{height:7px;margin:11px 0 6px;border-radius:8px;overflow:hidden;background:#020a10}.mission-progress i{display:block;height:100%;background:linear-gradient(90deg,#4fd1ff,#a45bff)}.mission-copy>small{color:#7592a2;font-size:9px}.mission-card button,.reward-item button{padding:9px 12px;border:1px solid #4fd1ff;background:#0a6f9d;color:#fff;border-radius:7px}.mission-claimed{font-size:10px;color:#65e6ae}.rarity-rare{border-left-color:#a45bff}.rarity-epic{border-left-color:#ff65d8}.rarity-legendary{border-left-color:#ffbe5c} .reward-store{padding-top:12px}.reward-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.reward-item{display:flex;min-height:220px;flex-direction:column;gap:11px;padding:18px;background:linear-gradient(145deg,#071923,#041018);border:1px solid #173e54;border-top:3px solid #4fd1ff}.reward-item-icon{font-size:36px}.reward-item form,.reward-item>b{margin-top:auto}.reward-item.owned{opacity:.8;box-shadow:inset 0 0 0 1px rgba(101,230,174,.3)}.reward-item>b{color:#65e6ae;font-size:10px} @media(max-width:900px){.mission-grid{grid-template-columns:1fr}.reward-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.mission-card{grid-template-columns:52px 1fr}.mission-card form,.mission-claimed{grid-column:1/-1}.mission-icon{width:52px;height:52px}.reward-catalog{grid-template-columns:1fr}} /* ===== Czatowisko 3.20.0.0 ===== */ .chatowisko-page{min-height:100vh;padding:24px 0 56px;background:radial-gradient(circle at 18% 0,rgba(45,219,167,.08),transparent 34%),radial-gradient(circle at 88% 12%,rgba(105,94,255,.1),transparent 30%)} .chatowisko-shell{width:min(1480px,calc(100% - 32px));margin:auto}.chatowisko-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;border:1px solid rgba(90,231,196,.22);border-radius:24px;background:linear-gradient(135deg,rgba(7,20,29,.96),rgba(10,12,30,.94));box-shadow:0 26px 80px rgba(0,0,0,.28);overflow:hidden}.chatowisko-kicker{font-size:10px;letter-spacing:.22em;color:#68e9c2}.chatowisko-hero h1{margin:5px 0 8px;font-size:clamp(34px,5vw,66px);letter-spacing:-.055em}.chatowisko-hero p{max-width:720px;color:#a9b7c2}.chatowisko-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chatowisko-stats span{padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);font-size:11px}.chatowisko-stats b{color:#79f4c8}.chatowisko-mark{position:relative;display:grid;place-items:center;min-width:210px;aspect-ratio:1;border:1px solid rgba(120,239,209,.2);border-radius:50%;background:radial-gradient(circle,rgba(59,222,180,.13),rgba(95,76,255,.07) 48%,transparent 70%)}.chatowisko-mark:before,.chatowisko-mark:after{content:"";position:absolute;inset:12%;border:1px solid rgba(114,241,208,.23);border-radius:50%;animation:chatOrbit 10s linear infinite}.chatowisko-mark:after{inset:25%;animation-direction:reverse;animation-duration:7s}.chatowisko-mark img{width:104px;filter:drop-shadow(0 0 18px rgba(76,231,192,.36))}.chatowisko-mark strong{font-size:13px;letter-spacing:.16em}.chatowisko-mark small{font-size:8px;color:#7f91a0;letter-spacing:.2em}.chatowisko-mark .pulse{position:absolute;width:8px;height:8px;right:22%;top:20%;border-radius:50%;background:#5df0b9;box-shadow:0 0 18px #5df0b9;animation:chatPulse 1.8s ease-in-out infinite} .chatowisko-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:16px 0;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(7,13,22,.88);backdrop-filter:blur(14px)}.chatowisko-topbar nav{display:flex;flex-wrap:wrap;gap:6px}.chatowisko-topbar nav a,.chat-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;color:#a9b7c2;font-size:11px}.chatowisko-topbar nav a.active{background:linear-gradient(135deg,rgba(61,220,176,.2),rgba(108,86,255,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(107,235,204,.25)}.chatowisko-topbar nav small{padding:1px 5px;border-radius:99px;background:#5de1b7;color:#05100d}.chatowisko-topbar>div{display:flex;gap:8px}.chat-btn{background:linear-gradient(135deg,#36cfa5,#745dff);color:white;font-weight:700}.chat-btn.ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)} .chatowisko-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 310px;gap:16px}.chat-channels,.chat-feed,.chat-side-card{border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(180deg,rgba(8,15,25,.96),rgba(6,10,18,.94));box-shadow:0 18px 50px rgba(0,0,0,.2)}.chat-channels{padding:14px;height:max-content;position:sticky;top:88px}.chat-section-title{display:flex;justify-content:space-between;padding:7px 8px 12px;font-size:9px;letter-spacing:.16em;color:#758796}.chat-channels>a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:13px;color:#d5dee4;transition:.18s ease}.chat-channels>a:hover{background:rgba(93,232,193,.08);transform:translateX(3px)}.chat-channels i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(112,93,255,.12);font-style:normal}.chat-channels strong,.chat-channels small{display:block}.chat-channels strong{font-size:12px}.chat-channels small{font-size:9px;color:#758796;margin-top:2px}.chat-channel-note{margin-top:14px;padding:13px;border-radius:14px;background:linear-gradient(135deg,rgba(59,217,174,.08),rgba(109,86,255,.08));font-size:10px}.chat-channel-note p{margin:5px 0 0;color:#7f919f;line-height:1.55} .chat-feed{overflow:hidden}.chat-feed-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.chat-feed-head>div{display:flex;align-items:center;gap:9px}.chat-feed-head h2{margin:0;font-size:16px}.chat-feed-head small{color:#6e818e}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5de8b7;box-shadow:0 0 14px rgba(93,232,183,.8);animation:chatPulse 1.8s infinite}.chat-room-list{padding:8px}.chat-room-card{display:grid;grid-template-columns:44px minmax(0,1fr) 88px;gap:13px;align-items:center;padding:13px;border-radius:15px;color:inherit;transition:.18s ease;border:1px solid transparent}.chat-room-card:hover{background:linear-gradient(90deg,rgba(62,224,181,.075),rgba(114,91,255,.055));border-color:rgba(100,231,199,.13);transform:translateY(-1px)}.chat-room-card>img{width:44px;height:44px;border-radius:14px;object-fit:cover}.chat-room-main>div{display:flex;gap:7px;align-items:center}.room-channel{font-size:9px;color:#64ddb9}.room-pin{font-size:7px;padding:3px 6px;border-radius:99px;background:rgba(255,184,75,.12);color:#ffc067}.chat-room-main h3{margin:5px 0 4px;font-size:13px}.chat-room-main p{margin:0;color:#748693;font-size:9px}.chat-room-meta{text-align:right}.chat-room-meta b,.chat-room-meta span,.chat-room-meta small{display:block}.chat-room-meta b{font-size:17px;color:#70edc5}.chat-room-meta span,.chat-room-meta small{font-size:8px;color:#728390}.chat-empty{padding:50px;text-align:center;color:#7d8f9c} .chat-social{display:grid;gap:14px;height:max-content;position:sticky;top:88px}.chat-side-card{padding:14px}.chat-side-card header{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 11px}.chat-side-card header>div{display:flex;align-items:center;gap:8px}.chat-side-card h3{margin:0;font-size:12px}.chat-side-card header small{display:block;color:#70828f;font-size:8px}.online-list,.trending-list,.hot-room-list{display:grid;gap:5px}.online-list>a,.trending-list>a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;color:inherit}.online-list>a:hover,.trending-list>a:hover,.hot-room-list>a:hover{background:rgba(255,255,255,.035)}.avatar-wrap{position:relative}.avatar-wrap img,.trending-list img{width:34px;height:34px;border-radius:11px;object-fit:cover}.avatar-wrap i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #08101a;border-radius:50%;background:#52e5ad}.online-list strong,.online-list small,.trending-list strong,.trending-list small{display:block}.online-list strong,.trending-list strong{font-size:10px}.online-list small,.trending-list small{font-size:8px;color:#748692;margin-top:2px}.trending-list>a>b{width:24px;color:#8b79ff;font-size:9px}.hot-room-list>a{display:block;padding:9px;border-radius:11px;color:inherit}.hot-room-list strong,.hot-room-list small{display:block}.hot-room-list strong{font-size:10px;line-height:1.35}.hot-room-list small{font-size:8px;color:#71828f;margin-top:4px}.muted{color:#72838f;font-size:9px;padding:8px} @keyframes chatOrbit{to{transform:rotate(360deg)}}@keyframes chatPulse{50%{opacity:.35;transform:scale(.82)}} @media(max-width:1100px){.chatowisko-grid{grid-template-columns:190px minmax(0,1fr)}.chat-social{grid-column:1/-1;grid-template-columns:repeat(3,1fr);position:static}.chatowisko-mark{min-width:170px}} @media(max-width:760px){.chatowisko-shell{width:min(100% - 18px,1480px)}.chatowisko-hero{padding:19px}.chatowisko-mark{display:none}.chatowisko-topbar{align-items:stretch;flex-direction:column}.chatowisko-topbar>div{justify-content:stretch}.chat-btn{flex:1;justify-content:center}.chatowisko-grid{display:block}.chat-channels,.chat-social{position:static;margin-bottom:14px}.chat-channels{display:flex;overflow:auto}.chat-channels .chat-section-title,.chat-channel-note{display:none}.chat-channels>a{min-width:max-content}.chat-social{display:grid;grid-template-columns:1fr}.chat-room-card{grid-template-columns:38px minmax(0,1fr)}.chat-room-card>img{width:38px;height:38px}.chat-room-meta{display:none}.chat-feed-head small{display:none}} @media(prefers-reduced-motion:reduce){.chatowisko-mark:before,.chatowisko-mark:after,.chatowisko-mark .pulse,.live-dot{animation:none}} /* ===== Czatowisko 3.20.0.1 — single frame ===== */ .chat-feed{position:relative;min-height:640px;overflow:hidden}.chat-feed.is-loading:after{content:"";position:absolute;inset:0;z-index:20;background:linear-gradient(110deg,rgba(7,13,22,.72),rgba(32,225,176,.09),rgba(7,13,22,.72));background-size:220% 100%;animation:chatFlashLoad .65s linear infinite;backdrop-filter:blur(2px)} .chat-room-pane{display:flex;flex-direction:column;min-height:640px;animation:chatPaneIn .22s ease both}.chat-feed.is-entering .chat-room-pane{opacity:.2;transform:translateX(12px)}.chat-room-pane-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(52,218,176,.08),rgba(105,85,255,.08))}.chat-room-pane-head span{font-size:9px;letter-spacing:.15em;color:#61e7bd}.chat-room-pane-head h2{margin:3px 0 4px;font-size:20px}.chat-room-pane-head p{margin:0;color:#758796;font-size:10px}.chat-room-pane-actions{display:flex;gap:7px}.chat-room-pane-actions form{margin:0}.chat-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.04);color:#dce7ec;cursor:pointer}.chat-icon-btn:hover{border-color:rgba(93,232,193,.35);background:rgba(93,232,193,.1)} .chat-message-stream{flex:1;max-height:680px;overflow:auto;padding:14px 16px;scrollbar-width:thin;scrollbar-color:rgba(92,227,190,.32) transparent}.chat-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:10px 8px;border-radius:14px;transition:.16s ease}.chat-message:hover{background:rgba(255,255,255,.025)}.chat-message-avatar img{width:42px;height:42px;object-fit:cover;border-radius:13px}.chat-message-body header{display:flex;justify-content:space-between;gap:12px}.chat-message-body header strong{font-size:12px;color:#eef5f7}.chat-message-body header span{margin-left:7px;font-size:8px;color:#5fe0b8;text-transform:uppercase;letter-spacing:.1em}.chat-message-body time{font-size:9px;color:#60717f}.chat-message-text{margin-top:5px;color:#bdc9d0;font-size:12px;line-height:1.65}.chat-message-body footer{display:flex;align-items:center;gap:5px;margin-top:8px}.chat-message-body footer form{margin:0}.chat-reaction,.chat-text-btn{border:1px solid transparent;border-radius:8px;background:transparent;color:#778b99;font-size:9px;padding:4px 6px;cursor:pointer}.chat-reaction:hover,.chat-reaction.active,.chat-text-btn:hover{color:#dffaf1;border-color:rgba(91,228,190,.2);background:rgba(91,228,190,.07)} .chat-composer{position:sticky;bottom:0;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);background:rgba(6,11,19,.96);backdrop-filter:blur(14px)}.chat-composer-tools{display:flex;gap:4px;margin-bottom:7px}.chat-composer-tools button{border:0;border-radius:7px;background:rgba(255,255,255,.04);color:#aab8c0;padding:5px 7px;cursor:pointer}.chat-composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.chat-rich-editor{min-height:44px;max-height:130px;overflow:auto;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);outline:none}.chat-rich-editor:focus{border-color:rgba(89,231,192,.46);box-shadow:0 0 0 3px rgba(89,231,192,.07)}.chat-send-btn{height:44px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#38d2a7,#735dff);color:white;font-weight:800;cursor:pointer}.chat-login-prompt{display:block;padding:12px;text-align:center;border-radius:12px;background:rgba(255,255,255,.04)}.chat-room-pages{display:flex;justify-content:center;gap:5px;padding:8px}.chat-room-pages a{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.04);font-size:9px}.chat-room-pages a.active{background:#4bd8af;color:#05110d} @keyframes chatPaneIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes chatFlashLoad{to{background-position:-220% 0}} @media(max-width:760px){.chat-feed,.chat-room-pane{min-height:560px}.chat-message-stream{max-height:none}.chat-room-pane-head{padding:14px}.chat-room-pane-head h2{font-size:16px}.chat-message{grid-template-columns:34px minmax(0,1fr)}.chat-message-avatar img{width:34px;height:34px;border-radius:10px}} @media(prefers-reduced-motion:reduce){.chat-room-pane,.chat-feed.is-loading:after{animation:none}} /* 3.20.0.2 — kanały Czatowiska w tej samej ramce */ .chat-channels>a.active{background:linear-gradient(90deg,rgba(62,224,181,.14),rgba(114,91,255,.11));box-shadow:inset 3px 0 0 #5de8b7;color:#fff;transform:translateX(3px)} .chat-channel-head>div{min-width:0}.chat-channel-head>div>div{min-width:0}.chat-channel-head h2{white-space:nowrap}.chat-channel-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px} .chat-feed.is-entering{animation:chatStageFlash .24s ease both}@keyframes chatStageFlash{0%{opacity:.55;transform:translateY(4px);filter:brightness(1.18)}100%{opacity:1;transform:none;filter:none}} @media(prefers-reduced-motion:reduce){.chat-feed.is-entering{animation:none}} /* 3.20.1.0 — premium Czatowisko + obrazy w wiadomościach */ .chatowisko-mark.premium{min-width:360px;aspect-ratio:auto;border:0;border-radius:0;background:none;overflow:visible} .chatowisko-mark.premium:before,.chatowisko-mark.premium:after{display:none} .chatowisko-mark.premium img{width:min(440px,34vw);max-width:none;height:auto;filter:drop-shadow(0 0 24px rgba(114,65,255,.28)) drop-shadow(0 0 18px rgba(0,174,255,.18));mix-blend-mode:screen} .chatowisko-mark.premium .pulse{right:6%;top:43%;background:#28c8ff;box-shadow:0 0 20px #28c8ff,0 0 40px #714cff} .chat-composer{position:sticky;bottom:0;z-index:5;padding:14px 16px 16px;background:linear-gradient(180deg,rgba(4,10,18,.3),rgba(4,10,18,.98) 20%);backdrop-filter:blur(16px)} .chat-composer form{display:grid;gap:9px}.chat-composer-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .chat-upload-trigger{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(71,191,255,.25);border-radius:10px;background:rgba(18,126,194,.1);color:#9edcff;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease} .chat-upload-trigger:hover{background:rgba(36,155,226,.18);box-shadow:0 0 20px rgba(36,155,226,.1)}.chat-upload-trigger span{font-size:17px;line-height:1} .chat-drop-zone{display:none;place-items:center;min-height:64px;border:1px dashed rgba(82,177,232,.35);border-radius:13px;background:rgba(11,79,119,.08);color:#7594a8;font-size:11px;transition:.18s ease} .chat-drop-zone.is-visible{display:grid}.chat-drop-zone.is-dragover{border-color:#54c8ff;background:rgba(31,150,218,.16);color:#d7f4ff;box-shadow:inset 0 0 30px rgba(26,151,224,.08)} .chat-upload-preview{display:grid;grid-template-columns:80px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:9px;border:1px solid rgba(70,176,235,.22);border-radius:13px;background:linear-gradient(135deg,rgba(20,92,133,.15),rgba(93,49,176,.1))} .chat-upload-preview[hidden]{display:none}.chat-upload-preview img{width:80px;height:54px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.1)} .chat-upload-preview strong,.chat-upload-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-upload-preview strong{font-size:11px}.chat-upload-preview small{margin-top:3px;color:#728b9b;font-size:9px} .chat-upload-preview button{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.04);color:#dce9ef;font-size:18px;cursor:pointer} .chat-composer-row{align-items:flex-end;border:1px solid rgba(53,169,231,.22);border-radius:14px;background:rgba(2,12,22,.88);padding:7px;transition:.18s ease}.chat-composer-row:focus-within{border-color:rgba(57,185,255,.55);box-shadow:0 0 0 3px rgba(38,148,211,.08),0 0 28px rgba(36,140,218,.08)} .chat-rich-editor{min-height:48px;max-height:150px;overflow:auto;padding:10px 12px}.chat-send-btn{display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:11px;font-size:20px;background:linear-gradient(145deg,#198dcc,#1766c9 55%,#7149db);box-shadow:0 8px 25px rgba(27,119,214,.25)} .chat-message-text .chat-uploaded-image{margin:10px 0 2px}.chat-message-text .chat-uploaded-image a{display:block;width:max-content;max-width:100%;border-radius:13px;overflow:hidden;border:1px solid rgba(91,192,244,.18);background:#020a11;box-shadow:0 10px 30px rgba(0,0,0,.22)} .chat-message-text .chat-uploaded-image img{display:block;width:auto;max-width:min(100%,720px);max-height:480px;object-fit:contain;transition:transform .22s ease,filter .22s ease}.chat-message-text .chat-uploaded-image a:hover img{transform:scale(1.012);filter:brightness(1.04)} @media(max-width:900px){.chatowisko-mark.premium{min-width:240px}.chatowisko-mark.premium img{width:min(320px,38vw)}} @media(max-width:760px){.chatowisko-mark.premium{display:none}.chat-drop-zone{display:none!important}.chat-message-text .chat-uploaded-image img{max-height:360px}} /* 3.20.1.1 — animowane logo JS Czatowiska */ .chatowisko-mark.premium.animated{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;width:min(520px,39vw);min-width:390px;height:152px;padding:20px 28px;border:1px solid rgba(94,203,255,.16);border-radius:28px;background:linear-gradient(135deg,rgba(8,12,26,.72),rgba(12,6,28,.56));overflow:hidden;isolation:isolate;box-shadow:inset 0 0 35px rgba(78,95,255,.06),0 24px 70px rgba(0,0,0,.22);transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease} .chatowisko-mark.premium.animated:before{display:block;content:"";position:absolute;inset:-45%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 35%,rgba(125,58,255,.17),transparent 47% 70%,rgba(34,197,255,.15),transparent 82%);animation:chatLogoAura 13s linear infinite;z-index:-2} .chatowisko-mark.premium.animated:after{display:block;content:"";position:absolute;inset:1px;border-radius:27px;background:radial-gradient(circle at var(--logo-x,30%) var(--logo-y,40%),rgba(75,205,255,.15),transparent 34%),linear-gradient(135deg,rgba(5,10,21,.91),rgba(10,7,23,.9));z-index:-1} .chatowisko-mark.animated canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.72;pointer-events:none} .chat-logo-emblem{position:relative;flex:0 0 98px;width:98px;height:98px;border:3px solid rgba(224,235,255,.9);border-radius:37% 37% 42% 42%;box-shadow:0 0 16px rgba(124,73,255,.8),0 0 36px rgba(23,176,255,.48),inset 0 0 18px rgba(96,63,255,.18);transform:translateZ(28px);animation:chatLogoFloat 4.8s ease-in-out infinite} .chat-logo-emblem:after{content:"";position:absolute;left:16px;bottom:-18px;width:27px;height:27px;border-left:3px solid #dfe8ff;border-bottom:3px solid #dfe8ff;transform:skewY(-34deg);filter:drop-shadow(0 0 7px #744cff)} .chat-logo-headset{position:absolute;inset:-18px -12px auto;height:61px;border:4px solid transparent;border-top-color:#b66cff;border-left-color:#b66cff;border-right-color:#35c9ff;border-radius:50% 50% 0 0;filter:drop-shadow(0 0 8px rgba(120,72,255,.8))} .chat-logo-headset:before,.chat-logo-headset:after{content:"";position:absolute;top:35px;width:12px;height:31px;border-radius:8px;background:linear-gradient(#eaf4ff,#6e7cb0);box-shadow:0 0 10px #704dff}.chat-logo-headset:before{left:-8px}.chat-logo-headset:after{right:-8px;box-shadow:0 0 10px #28c9ff} .chat-logo-pad{position:absolute;inset:28px 18px 20px;border:2px solid rgba(214,226,255,.88);border-radius:42% 42% 48% 48%;box-shadow:inset 0 0 14px rgba(88,59,255,.22)} .chat-logo-pad i:before,.chat-logo-pad i:after{content:"";position:absolute;background:#d9e5ff;border-radius:2px;box-shadow:0 0 8px #8d54ff}.chat-logo-pad i:before{width:23px;height:6px;left:10px;top:24px}.chat-logo-pad i:after{width:6px;height:23px;left:18px;top:16px}.chat-logo-pad b{position:absolute;right:10px;top:17px;width:8px;height:8px;border-radius:50%;background:#c978ff;box-shadow:15px 0 #54bfff,7px 12px #9c69ff,0 0 9px #a949ff} .chat-logo-wordmark{position:relative;min-width:0;transform:translateZ(18px)} .chat-logo-wordmark strong{display:block;font-size:clamp(26px,2.7vw,43px);line-height:.92;letter-spacing:.025em;font-style:italic;font-weight:950;color:#e7edf9;text-shadow:0 2px 0 #77809b,0 0 12px rgba(128,70,255,.66),0 0 24px rgba(32,177,255,.28);background:linear-gradient(180deg,#fff 4%,#aeb9d5 45%,#edf3ff 52%,#66708c 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .chat-logo-wordmark small{display:block;margin-top:11px;font-size:8px;letter-spacing:.29em;color:#67d9ff;text-shadow:0 0 12px rgba(45,188,255,.62)} .chat-logo-scan{position:absolute;left:-25%;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);mix-blend-mode:screen;animation:chatLogoScan 5.2s ease-in-out infinite} .chatowisko-mark.animated .pulse{right:22px;top:22px;width:7px;height:7px;background:#43d6ff;box-shadow:0 0 12px #43d6ff,0 0 26px #704cff} .chatowisko-mark.animated.is-hovered{box-shadow:inset 0 0 38px rgba(78,95,255,.1),0 28px 80px rgba(0,0,0,.3),0 0 30px rgba(78,128,255,.11)} @keyframes chatLogoAura{to{transform:rotate(360deg)}} @keyframes chatLogoFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}} @keyframes chatLogoScan{0%,20%{left:-28%;opacity:0}34%{opacity:1}55%,100%{left:120%;opacity:0}} @media(max-width:1050px){.chatowisko-mark.premium.animated{min-width:320px;width:36vw;height:130px;padding:16px 20px}.chat-logo-emblem{flex-basis:78px;width:78px;height:78px}.chat-logo-wordmark strong{font-size:28px}.chat-logo-wordmark small{letter-spacing:.18em}} @media(max-width:760px){.chatowisko-mark.premium.animated{display:none}} @media(prefers-reduced-motion:reduce){.chatowisko-mark.premium.animated:before,.chat-logo-emblem,.chat-logo-scan{animation:none!important}.chatowisko-mark.premium.animated{transform:none!important}}