.submission-hero,.ranking-hero{margin:18px 0 28px;padding:32px;border-radius:24px;background:linear-gradient(125deg,#f0ebff,#f7f7ff 60%,#fff0f6)}.submission-hero h1,.ranking-hero h1{margin:10px 0 14px;color:#292443;font-size:clamp(24px,3vw,38px)}.submission-hero p,.ranking-hero p{line-height:1.8}.submission-form{max-width:820px;margin:0 auto}.submission-form label>span{font-size:11px;color:#9287b9;margin-left:6px}.my-submission{margin:18px 0}.break-url{overflow-wrap:anywhere}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.material-card{padding:20px;margin:12px 0;border:1px solid #eae5f7;border-radius:16px;background:linear-gradient(135deg,#fff,#faf8ff)}.material-card>div{display:flex;gap:8px;flex-direction:column}.material-card small{color:#928ca2;font-size:12px}.material-card p{overflow-wrap:anywhere;line-height:1.7;font-size:13px}.material-card .button{margin-top:12px}.material-resources{border-top:1px solid #ece8f6;padding-top:22px;margin-top:24px}.ranking-tabs{display:flex;gap:10px;margin:20px 0}.ranking-tabs a,.rank-switch button{border:0;border-radius:24px;padding:10px 24px;background:white;color:#83739a;font:inherit;cursor:pointer}.ranking-tabs a.active,.rank-switch button.active{background:#8870db;color:white;box-shadow:0 6px 16px #8268d326}.rank-switch{display:flex;gap:6px;padding:10px 0 18px}.rank-switch button{padding:7px 16px;font-size:12px;background:#f3f0fa}.social-ranking [hidden]{display:none!important}.full-ranking{padding:0;margin:0;list-style:none}.full-ranking li+li{border-top:1px solid #f1eef7}.full-ranking li>a{display:flex;align-items:center;gap:20px;padding:18px 8px}.full-ranking .rank-cover{position:relative;display:block;flex:0 0 60px;width:60px;height:76px;overflow:hidden;border-radius:12px;background:#f2eef9}.full-ranking .rank-cover img{display:block;object-fit:cover}.full-ranking strong{flex:1;min-width:0;overflow-wrap:anywhere}.full-ranking .rank-num,.full-ranking .rank-heat,.full-ranking li>a>b{flex-shrink:0}.full-ranking .rank-heat{color:#a77cd3}.full-ranking .rank-num{width:30px;font-size:21px}
#star-activity{position:fixed;left:0;right:0;top:96px;height:135px;pointer-events:none;z-index:180;overflow:visible}#activity-lanes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.activity-chip{position:absolute;left:100%;padding:9px 16px;border-radius:30px;box-shadow:0 3px 14px #71639416;border:1px solid #ffffffbb;color:#6e4798;background:#f0e7ffed;font-size:12px;white-space:nowrap;max-width:min(78vw,600px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:activity-drift 13s linear forwards;backdrop-filter:blur(5px);text-decoration:none}.activity-chip:nth-child(3n+1){background:#ffebf4ed;color:#ae567b}.activity-chip:nth-child(3n+2){background:#e7f7f3ed;color:#408b78}.activity-chip:hover{animation-play-state:paused}.activity-chip strong{font-weight:700}.activity-chip .activity-heat{color:#e58f42;margin-left:8px}#activity-toggle{position:fixed;right:15px;bottom:88px;pointer-events:auto;border:1px solid #e8dff7;background:#fffffff0;color:#937fb7;border-radius:22px;padding:7px 12px;font:inherit;font-size:11px;box-shadow:0 3px 12px #67509b12;cursor:pointer;z-index:181}@keyframes activity-drift{to{transform:translateX(calc(-100vw - 100%))}}
#daily-spotlight{width:min(540px,94vw);max-width:540px;max-height:94dvh;padding:0;border:0;border-radius:26px;overflow:auto;background:#15111f;color:white;box-shadow:0 28px 120px #160b3a66}#daily-spotlight::backdrop{background:#1c1237b8;backdrop-filter:blur(9px)}#spotlight-close{position:absolute;right:15px;top:13px;width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;background:#1a172d60;color:white;font-size:25px;z-index:3;cursor:pointer}.spotlight-poster{position:relative;height:min(76dvh,760px);min-height:340px;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#8670b5,#211a35 70%)}.spotlight-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 35%;z-index:-1}.spotlight-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#181022bb 66%,#181022);z-index:-1}.spotlight-poster>div{position:absolute;left:28px;right:28px;bottom:24px;text-align:center}.spotlight-poster span{color:#f1d6a6;font-size:10px;letter-spacing:3px}.spotlight-poster h2{font-size:clamp(30px,5vw,52px);margin:10px 0;color:white}.spotlight-poster p{font-size:13px;line-height:1.8;color:#e4d8ee}.spotlight-poster .button{border:1px solid #fff6;background:#fff1dd;color:#654b83;border-radius:25px;font-weight:700}.spotlight-footnote{font-size:11px;text-align:center;margin:0;padding:15px;color:#b1a5c6}
@media(max-width:768px){.materials-grid{grid-template-columns:1fr}.submission-hero,.ranking-hero{padding:24px 20px}.full-ranking li>a{gap:10px;padding:14px 0}.full-ranking .rank-cover{flex-basis:46px;width:46px;height:60px}.full-ranking .rank-heat{font-size:12px}.material-resources .section-heading{gap:8px}.submission-form{padding:22px}#star-activity{top:136px;height:92px}.activity-chip{font-size:11px;padding:7px 12px;animation-duration:10s}#activity-toggle{bottom:82px}.spotlight-poster>div{left:20px;right:20px}.spotlight-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){.activity-chip{left:auto;right:12px;animation:none;backdrop-filter:none}#daily-spotlight::backdrop{backdrop-filter:none}}
.material-home-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;padding:25px 30px;background:linear-gradient(110deg,#fff,#f1ebff)}.material-home-entry p{color:#a394b6;font-size:12px;margin-top:7px}.material-home-entry>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.spotlight-poster .button{display:inline-flex;padding:12px 25px}.rankings-main>.panel{max-width:1040px;margin:auto}@media(max-width:768px){.material-home-entry{padding:20px;align-items:flex-start;flex-direction:column}.mobile-bottom{grid-template-columns:repeat(4,1fr)}}

.full-ranking li>a{border-radius:10px;transition:background-color .15s}.full-ranking li>a:focus-visible{background:#f0edfa}.rankings-disclaimer{font-size:12px;line-height:1.8;color:#817b96;margin:0 0 14px}
@media(hover:hover) and (pointer:fine){.full-ranking li>a:hover{background:#f0edfa}}