.main-grid{grid-template-columns:1fr 1fr 1fr 1.25fr;grid-template-areas:"visual visual visual guid""ranks ranks ranks guid""banner banner banner banner""popularPrompts popularPrompts popularPrompts popularPrompts""hotCommunities hotCommunities hotCommunities notice";gap:5rem 2.5rem;display:grid}.main-visual{background:url(/img/main-visual.png) 0 0/cover;border-radius:2rem;grid-area:visual;min-height:28rem;padding:4rem 3.5rem;position:relative}.main-visual-text{color:var(--surface-0);font-family:GmarketSans,sans-serif}.main-visual-text img{max-height:1.5rem}.main-visual-text h3{margin:0 0 1rem;font-weight:400}.main-visual-text p{font-size:1.125rem}.main-visual-searchArea{background-color:var(--surface-0);border-top-right-radius:2rem;padding:1.5rem 1.75rem 0 0;position:absolute;bottom:0;left:0}.main-visual-search{background-color:#7751ff;border-radius:5rem;padding:6px;transition:all .2s;position:relative;box-shadow:inset 1px 1px 1px #ffffff80,inset -1px -1px 1px #0003}.main-visual-search:has(:focus){box-shadow:inset 1px 1px 1px #ffffff80,inset -1px -1px 1px #0003,2px 8px 16px #00000014}.main-visual-search-input{border-radius:inherit;width:34rem;height:3.25rem;box-shadow:inherit;border:none;padding:0 2rem;font-size:1.125rem}.main-visual-search-input:focus{outline:none}.main-visual-search-submit{border-radius:inherit;background-color:#0000;border:none;width:56px;height:56px;padding:0;transition:transform .2s;position:absolute;top:4px;right:5px}.main-visual-search-submit:hover{transform:translate(1px)}.main-visual-searchArea:before,.main-visual-searchArea:after{content:"";background:url(/img/roundCorner.png);width:2rem;height:2rem;position:absolute}.main-visual-searchArea:before{bottom:100%;left:0}.main-visual-searchArea:after{bottom:0;left:100%}.main-guid{border:1px solid var(--surface-200);border-radius:1rem;grid-area:guid;padding:1.5rem;position:relative}.main-guid-helper{border-style:solid;border-width:0 0 1px 1px;border-color:var(--surface-200);background-color:var(--surface-0);border-bottom-left-radius:1rem;padding:.5rem 1rem .75rem;position:absolute;top:-1px;right:-1px}.main-guid-helper:before,.main-guid-helper:after{content:"";background:url(/img/roundCorner2.png);width:1rem;height:1rem;position:absolute}.main-guid-helper:before{top:0;right:100%}.main-guid-helper:after{top:100%;right:0}.main-guid-helper .helperBtn{text-align:center;background-color:#0000;border:none;border-radius:.5rem;width:3rem;height:3rem;padding:.25rem 0;transition:transform .2s;display:block}.main-guid-helper .helperBtn:hover{transform:translateY(-3px)}.main-guid-noAccess{margin-bottom:1.5rem}.main-guid-noAccess strong{font-size:1.125rem}.main-guid-noAccess p{color:var(--surface-300);margin-top:.25rem;font-size:.75rem}.main-guid-recommendTags ul{border-top:1px solid var(--surface-200);-ms-overflow-style:none;scrollbar-width:none;height:44.5rem;margin-top:1rem;overflow-y:auto}main-guid-recommendTags ul::-webkit-scrollbar{display:none}.main-guid-recommendTags li{margin-top:1.4rem}.main-guid-recommendTags .tags-wrap{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.main-guid-recommendTags button{border:1px solid var(--surface-300);color:var(--surface-700);background-color:var(--surface-0);border-radius:5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:400}.main-guid-recommendTags button:hover,.main-guid-recommendTags button:focus{background-color:var(--surface-50)}.main-guid-profile{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.main-guid-profile-img{border:1px solid var(--surface-100);border-radius:50%;width:3rem;height:3rem}.main-guid-profile-img img{max-width:100%;max-height:100%}.main-guid-profile p{color:var(--surface-700);font-size:.875rem}.main-ranks{grid-area:ranks;gap:2rem;display:flex}.main-rank{width:calc(33.3333% - .666667rem)}.main-rank-header{border-bottom:4px solid #0000;padding-bottom:1rem}.main-rank-header span{color:var(--surface-700)}.main-rank-list a{border-bottom:1px solid var(--surface-200);align-items:center;gap:.5rem;height:3.5rem;display:flex}.main-rank-list a:hover,.main-rank-list a:focus{background-color:var(--surface-50)}.main-rank-list a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-rank-item-logo{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;overflow:hidden}.main-rank-item-logo img{max-width:100%}.main-banner{background-color:#f4f5f6;border-radius:1rem;grid-area:banner;justify-content:center;align-items:center;min-height:4rem;display:flex;overflow:hidden}.main-banner img{width:100%}.main-popularPrompts{grid-area:popularPrompts;position:relative}.main-popularPrompts-header{width:25%;height:100%;position:absolute;top:0;left:0}.main-popularPrompts-header .swiper-navigation{margin-top:6rem}.main-popularPrompts-list{position:relative;left:25%}.main-popularPrompts-list .swiper-slide{transition:all 1.5s}.main-popularPrompts-list .swiper-slide:nth-child(2n){transform:translateY(3rem)}.main-popularPrompts .item-box{border:1px solid var(--surface-200);border-radius:1rem;margin-bottom:3rem;padding:1.5rem 2rem;display:block;position:relative}.main-popularPrompts .item-box h5{white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 2rem);overflow:hidden}.main-popularPrompts .item-box:hover,.main-popularPrompts .item-box:focus{border-color:var(--primary-color)}.main-popularPrompts .bookmarkArea{z-index:5;border-style:solid;border-width:0 0 1px 1px;border-color:var(--surface-200);background-color:var(--surface-0);border-bottom-left-radius:1rem;padding:.5rem .75rem;position:absolute;top:0;right:0}.main-popularPrompts .item-box:hover+.bookmarkArea,.main-popularPrompts .item-box:focus+.bookmarkArea{border-color:var(--primary-color)}.main-popularPrompts .bookmarkArea i{background-image:url(/img/roundCorner2.png);width:1rem;height:1rem;position:absolute}.main-popularPrompts .bookmarkArea i:first-of-type{top:0;right:100%}.main-popularPrompts .bookmarkArea i:nth-of-type(2){top:100%;right:0}.main-popularPrompts .item-box:hover+.bookmarkArea i,.main-popularPrompts .item-box:focus+.bookmarkArea i{background-position:50% 0}.main-popularPrompts .bookmarkBtn{background-color:#0000;border:none;padding:0}.main-popularPrompts .bookmarkBtn .icon{transition:transform .2s}.main-popularPrompts .bookmarkBtn:hover .icon,.main-popularPrompts .bookmarkBtn:focus .icon{transform:translateY(-2px)}.main-popularPrompts .item-box p{-webkit-line-clamp:3;height:4.5rem;color:var(--surface-500);-webkit-box-orient:vertical;margin:.5rem 0 1rem;display:-webkit-box;overflow:hidden}.main-popularPrompts .item-counts{gap:1rem;display:flex}.main-popularPrompts .item-counts dl{align-items:center;font-size:.875rem;display:flex}.main-hotCommunities{grid-area:hotCommunities}.main-hotCommunities .titleArea-util a{color:var(--surface-500)}.main-hotCommunities .titleArea-util a:hover{color:var(--surface-700);text-decoration:underline}.main-hotCommunities-list{border:1px solid var(--surface-200);border-radius:1rem;padding:.5rem 2rem}.main-hotCommunities-list a{align-items:center;gap:1rem;height:4rem;display:flex}.main-hotCommunities-list a:not(:last-child){border-bottom:1px solid var(--surface-200)}.main-hotCommunities-list a span{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.main-hotCommunities-list a:hover span,.main-hotCommunities-list a:focus span{text-decoration:underline}.main-hotCommunities-list a .comments{margin-left:auto;display:flex}.main-notice{grid-area:notice;max-width:333px}.main-notice-list{border:1px solid var(--surface-200);border-radius:1rem;overflow:hidden}.notice-item{display:block}.notice-thumbnail{background-color:var(--surface-50);height:12.5rem}.notice-board{padding:1rem 1.5rem}.notice-item:hover .notice-board h5{text-decoration:underline}.notice-board p{color:var(--surface-700);-webkit-line-clamp:3;-webkit-box-orient:vertical;height:4.5rem;margin-top:.25rem;display:-webkit-box;overflow:hidden}.main-extraArea{grid-template-columns:1fr 1fr 1fr 1.25fr;gap:2.5rem;padding:3rem 0;display:grid;position:relative}.main-extraArea:before{content:"";z-index:-1;background-color:#f4f5fa;width:100vw;height:calc(100% + 3rem);position:absolute;top:0;left:50%;transform:translate(-50%)}.main-newAi{grid-column:1/4}.main-newAi-wrap{grid-template-columns:5fr 4fr;gap:2rem 1.5rem;display:grid}.main-newAi-item{gap:1rem;display:flex}.main-newAi-item:first-child{flex-direction:column;grid-row:1/4}.main-newAi-item:nth-child(n+2){align-items:center}.main-newAi-thumbnail{background-color:var(--surface-100);border-radius:1rem}.main-newAi-item:first-child .main-newAi-thumbnail{aspect-ratio:2}.main-newAi-item:nth-child(n+2) .main-newAi-thumbnail{aspect-ratio:2;height:100%}.main-newAi-item:first-child .main-newAi-content{padding:0 .5rem}.main-newAi-item:hover h5,.main-newAi-item:focus h5{white-space:nowrap;text-overflow:ellipsis;text-decoration:underline;overflow:hidden}.main-newAi-content p{color:var(--surface-700);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;display:-webkit-box;overflow:hidden}.main-newAi-item:first-child .main-newAi-content p{-webkit-line-clamp:3;height:4.5rem}.main-newAi-tags{white-space:nowrap;text-overflow:ellipsis;margin-top:.5rem;overflow:hidden}.main-newAi-tags li{color:#2c5fbe;display:inline}.main-newAi-tags li:nth-child(n+2):before{content:", "}.main-footer{grid-column:4/5;align-items:flex-end;display:flex}