:root{--blue:#0789ff;--purple:#0789ff;--ink:#161b28;--muted:#7b849b;--line:#eef3fb;--background:#eaf4ff;--radius:15px;--shadow:0 3px 12px #368ce00b}
.blue-site{background:linear-gradient(125deg,#e4f2ff 0%,#eaf0ff 50%,#eef9ff 100%);min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px)}
.blue-site .topbar{height:50px;position:sticky;top:0;border:0;background:#fffffff5;box-shadow:0 3px 9px #53a7ff16;backdrop-filter:blur(12px)}
.blue-site .top-inner{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;max-width:1140px;padding:0 12px}
.blue-site .mobile-menu{display:grid;place-items:center;color:#075dff;font-size:29px;width:40px;height:40px;padding:5px}
.blue-site .top-inner>.brand{position:static;left:auto;transform:none;grid-column:2;justify-self:center;justify-content:center;min-width:0;max-width:100%;font-size:23px;color:#0768ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.blue-site .brand .brand-mark{width:26px;height:26px;object-fit:contain}
.blue-site .desktop-nav,.blue-site .desktop-user,.blue-site .user-text{display:none}
.blue-site .user-entry{grid-column:3;justify-self:end;margin:0;justify-content:flex-end;color:#075dff}.blue-site .user-icon{font-size:28px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.blue-site .page{padding:12px 12px 0}.blue-site .layout{gap:18px}
.blue-site .btn,.blue-site .search-box button,.blue-site .tab-actions a{border-radius:999px}
.blue-site .btn.primary,.blue-site .tab-actions a{background:linear-gradient(145deg,#2ca9ff,#0083ff);border-color:transparent;box-shadow:0 3px 9px #238dff22}
.blue-site .btn.primary:hover{background:linear-gradient(145deg,#299dff,#0074ec)}
.blue-site .btn.secondary{background:#f4f8ff;border-color:#dfe8fa;color:#7382a0}
.blue-site .card,.blue-site .form-card,.blue-site .category-card{border-radius:16px;box-shadow:var(--shadow)}
.blue-site .form-group input:focus,.blue-site .form-group textarea:focus,.blue-site .form-group select:focus{border-color:#65b7ff;box-shadow:0 0 0 3px #1a95ff15}
.blue-site .form-group input,.blue-site .form-group textarea,.blue-site .form-group select{border-radius:10px!important}
.blue-site .drawer{z-index:200}.blue-site .drawer-mask{background:#14223680;border:0;padding:0}
.blue-site .drawer-panel{width:min(360px,max(240px,60vw));max-width:calc(100vw - 48px);overscroll-behavior:contain;box-shadow:12px 0 28px #0a244b0c}
.blue-site .drawer-header{height:65px;padding:18px 18px;border-color:#e8edf6}.blue-site .drawer-header .brand{font-size:24px;color:#0876ef;max-width:calc(100% - 30px);white-space:nowrap;overflow:hidden}
.blue-site .drawer-header button{font-size:30px;width:32px;padding:0;line-height:1;color:#8993a7}
.blue-site .drawer-panel>.card-body{padding:22px 18px 18px}.blue-site .drawer-panel h3{font-size:17px;font-weight:750;margin-bottom:14px;color:#181e2d}
.blue-site .drawer-panel p{font-size:13px;color:#7d879b;line-height:1.8;margin-bottom:16px}
.blue-site .drawer-panel .btn.small{font-size:13px;padding:8px 16px;border-radius:8px}
.blue-site .drawer-links{padding:8px 0 24px}.blue-site .drawer-links a{font-size:16px;padding:15px 23px;color:#778399;min-height:54px;gap:15px}
.blue-site .drawer-links a:hover{background:#edf7ff;color:#007eff}
.blue-site .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:57px;box-sizing:content-box;padding:0 0 env(safe-area-inset-bottom,0px);z-index:100;border:0;border-radius:22px 22px 0 0;background:#fffffff7;box-shadow:0 -4px 18px #80b8e61a;backdrop-filter:blur(16px);justify-content:space-around}
.blue-site .bottom-nav a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:#8a94af;position:relative;line-height:1.4}
.blue-site .bottom-nav a .nav-icon{font-size:25px;line-height:1}.blue-site .bottom-nav a.active{color:#007bff;font-weight:650}
.blue-site .bottom-nav a.active .nav-icon svg{stroke-width:2.2}
.blue-site .footer{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px));margin:24px auto 0;color:#8fa6bd}
.blue-site .category-grid{gap:12px}.blue-site .pagination .active{border-color:#1391ff;background:#1391ff}
.blue-site .thread-title{color:#161b28}.blue-site .thread-meta{color:#8a96b1}.blue-site .thread-meta .category{color:#7b91b5}
.blue-home .layout{display:block;max-width:1000px}.blue-home .sidebar{display:none}
.blue-home .page{padding:6px 8px 0}.blue-home .hero{width:100%;max-width:100%;min-width:0;min-height:0;aspect-ratio:824/496;border-radius:14px;background:#e5efff;margin-bottom:7px;box-shadow:0 4px 13px #4096ff0c}
.blue-home .hero:after{display:none}.blue-home .hero>[data-slide]{width:100%;height:100%}.blue-home .hero img{display:block;width:100%;height:100%;object-fit:contain;background:#edf2ff}
.blue-home .hero-prev,.blue-home .hero-next{border-radius:12px;font-size:26px;background:#16397d40;width:28px;height:42px}
.blue-home .quick-links{gap:5px;margin:0 6px 9px;grid-template-columns:repeat(3,minmax(0,1fr))}
.blue-home .quick-links a,.blue-home .quick-links button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:35px;border:0;padding:7px 3px;color:#fff;background:linear-gradient(140deg,#28a6ff,#0088ff);border-radius:10px;font-size:14px;font-weight:650;letter-spacing:0;box-shadow:0 3px 8px #038cff18;line-height:1.5;overflow-wrap:anywhere}
.blue-home .quick-links a:hover,.blue-home .quick-links button:hover{filter:brightness(1.04)}
.home-card-section{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;margin:0 6px 8px;align-items:stretch}
.home-side-strip{min-width:0;border-radius:10px;background:var(--strip-color);background:linear-gradient(130deg,color-mix(in srgb,var(--strip-color),white 14%),var(--strip-color));box-shadow:0 2px 6px #3698ff0c;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}
.home-side-strip h2{margin:0;font-size:18px;font-weight:750;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:5px;line-height:1.2}
.home-side-strip.has-image{position:relative;min-height:100%}.home-side-strip img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.home-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0}
.home-tile{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;padding:7px 3px 5px;gap:3px;border:0;border-radius:12px;background:#fff;color:#151922;box-shadow:0 2px 8px #6fb0f20b;font:inherit;text-align:center;transition:transform .15s,box-shadow .15s}
.home-tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1398ff18}.home-tile:active{transform:translateY(0)}
.home-tile .blue-icon{width:clamp(32px,11.2vw,64px);border-radius:12px;max-width:85%;margin:0 auto;flex-shrink:0}
.tile-emoji{display:grid;place-items:center;width:clamp(32px,11.2vw,64px);aspect-ratio:1;font-size:30px;border-radius:12px;background:linear-gradient(135deg,#dff4ff,#d9dbff)}
.tile-copy{display:block;min-width:0;max-width:100%;width:100%;line-height:1.4}.tile-copy strong{display:block;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-copy small{display:block;font-size:10px;color:#7d849b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.home-tile>.tile-image{width:clamp(32px,11.2vw,64px);aspect-ratio:1;object-fit:cover;border-radius:12px;flex-shrink:0}
.sponsor-tile{aspect-ratio:1/1;overflow:hidden;padding:4px 3px;gap:2px;min-height:0}
.sponsor-tile .blue-icon{width:clamp(25px,9.4vw,58px);max-width:65%}.sponsor-tile .tile-emoji{width:45%;font-size:24px}
.sponsor-tile .tile-copy strong{font-size:11px}.sponsor-tile .tile-copy small{font-size:9px;margin:0}
.sponsor-tile.has-image>.tile-image{width:100%;height:100%;aspect-ratio:auto;position:absolute;inset:0;object-fit:cover;border-radius:0}
.sponsor-tile.has-image .tile-copy{position:absolute;bottom:0;left:0;right:0;padding:13px 3px 3px;background:linear-gradient(transparent,#071635a6);z-index:1;color:#fff}
.sponsor-tile.has-image .tile-copy small{color:#edf7ff}
.blue-home .home-search{height:31px;margin:0 6px 7px;border:0;border-radius:999px;box-shadow:0 1px 2px #46a3ff20;align-items:center;background:#fffffff2}
.home-search>span{font-size:24px;line-height:1;padding-left:13px;color:#8695b0;flex:none}.blue-home .home-search input{font-size:12px;padding:5px 8px;color:#576782}.blue-home .home-search button{padding:0 11px;height:100%;background:transparent;color:#168bfc;font-size:11px}
.home-discussions{margin:0 6px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.discussion-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 13px 3px}.discussion-header h2{margin:0;font-size:19px;font-weight:750}.discussion-header .btn{font-size:12px;padding:5px 12px}
.blue-home .thread-tabs{padding:0 13px;min-height:30px;gap:18px;border-radius:0;border:0}.blue-home .thread-tabs>a{padding:5px 0 6px;font-size:11px}.blue-home .thread-tabs .tab-actions a{font-size:10px;padding:1px 8px;background:#edf6ff;color:#118bff;box-shadow:none}
.blue-home .thread-list{border-radius:0}.blue-home .thread-row{padding:11px 13px;gap:9px;min-height:73px}.blue-home .avatar{width:33px;height:33px;flex-basis:33px}
.blue-home .thread-title{font-size:13px;line-height:1.6;font-weight:600}.blue-home .thread-meta{font-size:10px;gap:2px 6px;margin-top:3px}.blue-home .thread-count{font-size:10px;min-width:21px}.blue-home .thread-count strong{font-size:11px}.blue-home .thread-count span{display:none}
.home-community-info{margin:12px 6px 0;border-radius:12px;background:#ffffff80;font-size:12px;color:#6c819f;overflow:hidden}.home-community-info summary{cursor:pointer;padding:10px 13px}.home-community-info .notice,.home-community-info .welcome-strip{margin:0 10px 10px;font-size:11px;border-radius:8px}
.floating-contact{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom,0px));right:max(13px,calc((100vw - 1000px)/2 + 14px));z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:51px;height:51px;padding:4px;border:1px solid #9dd4ff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#22b6ff,#0085ff);box-shadow:0 5px 12px #168ce53b;font-size:11px;line-height:1.3}
.floating-contact svg{width:24px;height:24px}.floating-contact span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(min-width:700px){.blue-home .page{padding:12px 20px 0}.blue-home .quick-links{gap:10px;margin:0 10px 16px}.blue-home .quick-links a,.blue-home .quick-links button{min-height:50px;font-size:20px;border-radius:16px}.home-card-section{grid-template-columns:47px minmax(0,1fr);gap:11px;margin:0 10px 14px}.home-tile-grid{gap:12px}.home-side-strip{border-radius:16px}.home-side-strip h2{font-size:27px;letter-spacing:7px}.home-tile{padding:14px 8px 10px;border-radius:19px;gap:6px}.home-tile .blue-icon,.home-tile>.tile-image,.tile-emoji{width:80px}.tile-copy strong{font-size:19px}.tile-copy small{font-size:14px}.sponsor-tile .blue-icon{width:70px}.sponsor-tile .tile-copy strong{font-size:18px}.sponsor-tile .tile-copy small{font-size:13px}.blue-home .home-search{height:48px;margin:0 10px 12px}.blue-home .home-search input{font-size:16px}.home-discussions{margin:0 10px}.discussion-header{padding:18px 20px 8px}.discussion-header h2{font-size:24px}.blue-home .thread-row{padding:17px 20px}.blue-home .thread-title{font-size:17px}.blue-home .thread-meta{font-size:13px}.blue-home .avatar{width:44px;height:44px;flex-basis:44px}.blue-home .thread-tabs>a{font-size:14px}.blue-home .thread-tabs{min-height:40px}.floating-contact{width:60px;height:60px;font-size:12px}.floating-contact svg{width:29px;height:29px}}
@media(max-width:350px){.blue-home .page{padding-left:5px;padding-right:5px}.blue-home .quick-links{margin-left:5px;margin-right:5px}.home-card-section{grid-template-columns:24px minmax(0,1fr);gap:5px;margin-left:5px;margin-right:5px}.home-side-strip h2{font-size:15px;letter-spacing:4px}.home-tile{padding:6px 2px 4px}.tile-copy strong{font-size:11px}.tile-copy small{font-size:9px}.sponsor-tile .tile-copy strong{font-size:10px}.sponsor-tile .tile-copy small{font-size:8px}.blue-home .quick-links a,.blue-home .quick-links button{font-size:12px}.blue-home .top-inner>.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){.home-tile{transition:none}.blue-site .drawer-panel,.blue-site .drawer-mask{transition:none}}