:root{--pink:#ed7d9a;--card:#191a1e;--line:#2b2c31}.ty-home{background:#0e0f11;color:#f7f3f4;padding:18px 0 40px;min-height:100vh;font-family:Inter,system-ui,sans-serif}.ty-home *{box-sizing:border-box}.ty-home a{color:inherit;text-decoration:none}.ty-shell{width:min(1380px,96%);margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:16px}.ty-side{display:flex;flex-direction:column;gap:14px}.ty-create,.ty-join>a{background:linear-gradient(135deg,#f58ca6,#df6687);padding:13px;border-radius:7px;text-align:center;font-weight:700}.ty-panel{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px}.ty-panel header{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:12px}.ty-panel header small,.ty-panel header a{font-size:10px;color:#aaa}.ty-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:7px 0;font-size:12px}.ty-row i{display:grid;place-items:center;background:#49324f;border-radius:4px;width:20px;height:20px;font-style:normal}.ty-row b{font-size:10px;color:#aaa}.ty-stats p{display:flex;justify-content:space-between;font-size:11px;margin:12px 0}.ty-hero{min-height:235px;border:1px solid #3a3034;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#1c1a1e 30%,transparent),radial-gradient(circle at 78% 35%,#df879b 0 19%,transparent 20%),var(--hero);background-size:auto,auto,45% 100%;background-position:center,center,right;background-repeat:no-repeat}.ty-hero>div{padding:28px;width:70%}.ty-hero h1{font-size:30px;line-height:1.05;margin:0}.ty-hero h1 em{display:block;color:var(--pink);font:48px Georgia,serif}.ty-hero p{color:#ddd;margin:8px 0 28px}.ty-hero form{display:grid;grid-template-columns:1fr 145px 82px;gap:6px}.ty-hero input,.ty-hero select{background:#17181b;color:#ccc;border:1px solid #36373b;border-radius:5px;padding:10px;font-size:11px;min-width:0}.ty-hero button{border:0;background:var(--pink);color:white;border-radius:5px;font-weight:700}.ty-chips{display:flex;gap:7px;overflow:auto;padding:10px 0}.ty-chips a{white-space:nowrap;background:#1b1c20;border:1px solid var(--line);border-radius:5px;padding:7px 9px;font-size:10px}.ty-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.ty-heading h2{font-size:14px;margin:0}.ty-heading a{font-size:10px;color:#bbb}.ty-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ty-featured article{height:145px;border-radius:7px;overflow:hidden;position:relative;background:#242529}.ty-featured img{width:100%;height:100%;object-fit:cover;opacity:.7}.ty-featured article:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#111);pointer-events:none}.ty-featured span,.ty-featured h3,.ty-featured small{position:absolute;left:12px;z-index:2}.ty-featured span{top:10px;background:#b87756;padding:3px 7px;border-radius:4px;font-size:9px}.ty-featured h3{bottom:24px;font-size:13px;margin:0}.ty-featured small{bottom:8px}.ty-latest{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ty-latest article{background:#17181b;border:1px solid #28292d;border-radius:7px;overflow:hidden}.ty-latest article>a>div{height:100px;position:relative}.ty-latest img{width:100%;height:100%;object-fit:cover}.ty-latest i{position:absolute;right:6px;top:6px;background:#fff;color:#e67191;border-radius:50%;padding:2px 6px;font-style:normal}.ty-latest h3{font-size:10px;line-height:1.35;margin:8px;height:27px;overflow:hidden}.ty-latest p{font-size:8px;color:#aaa;margin:0 8px 9px}.ty-trend{display:grid;grid-template-columns:20px 1fr;gap:6px;margin:12px 0;font-size:11px}.ty-trend>b,.ty-join h3,.ty-app h3{color:var(--pink)}.ty-trend small{display:block;color:#777}.ty-join p,.ty-app p{font-size:10px;color:#bbb;line-height:1.5}.ty-join>a{display:block;padding:9px;font-size:10px}.ty-app{display:flex;align-items:center}.ty-app img{width:65px;height:85px;object-fit:contain}body.ty-theme .beemedia-nav,body.ty-theme .footer,body.ty-theme footer{background:#111215!important;color:#aaa;border-color:var(--line)}body.ty-theme .beemedia-nav .nav-link{color:#ccc!important}@media(max-width:1050px){.ty-shell{grid-template-columns:190px 1fr}.ty-right{display:none}.ty-latest{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.ty-shell{display:block;width:94%}.ty-side{display:none}.ty-hero>div{width:100%;padding:20px}.ty-hero form{grid-template-columns:1fr}.ty-featured{grid-template-columns:1fr}.ty-latest{grid-template-columns:repeat(2,1fr)}}