:root{color:#333;background:#f4f4f4;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;line-height:1.6}a{color:#1367af}a:hover{color:#004cff}.header-logo-button{background:0 0;border:0;padding:0}.site-header,.site-footer{background:#fff;border-color:#d9e2ec}.site-header{border-bottom:1px solid}.site-footer{border-top:1px solid;margin-top:48px}.site-header__inner,.site-footer__inner,.article{width:min(100% - 32px,1200px);margin:0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.site-nav,.site-footer__links{flex-wrap:wrap;gap:12px;display:flex}.site-footer__inner{padding:24px 0}.article{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-top:32px;padding:24px;box-shadow:0 1px 4px #00000024}.public-page h1{color:#fff;background:#1367af;border-radius:8px;margin:0 0 20px;padding:10px 16px;font-size:18px;line-height:1.5}.public-page h2{color:#333;border-bottom:2px solid #1367af;margin:32px 0 16px;padding-bottom:8px;font-size:18px}.public-search{margin:20px 0 16px}.public-search label{color:#555;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.public-search div{gap:8px;display:flex}.public-search input{color:#333;min-width:0;font:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1;padding:10px 12px}.public-search input:focus{border-color:#1367af;outline:none;box-shadow:0 0 0 3px #1367af26}.public-search button{color:#fff;cursor:pointer;font:inherit;background:#1367af;border:1px solid #1367af;border-radius:100vh;padding:10px 20px;font-weight:600}.public-search button:hover{background:#004cff}.public-page>.site-nav{gap:8px;margin-bottom:20px}.public-page>.site-nav a{color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:100vh;padding:7px 12px;font-size:14px;text-decoration:none}.public-page>.site-nav a:hover{color:#1367af;background:#1367af14;border-color:#1367af}.public-articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.public-articles>li{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000024}.public-articles>li:hover{border-color:#bdbdbd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.public-articles__title{color:#333;flex-direction:column;flex:1;text-decoration:none;display:flex}.public-articles__title:hover{color:#1367af}.public-articles__title img{aspect-ratio:16/9;object-fit:contain;background:#f4f4f4;width:100%}.public-articles__title span{padding:12px 14px 4px;font-size:16px;font-weight:600;line-height:1.5}.public-articles .article__meta{color:gray;margin:0;padding:4px 14px 14px;font-size:12px}.article__image{object-fit:contain;width:100%;max-height:480px;margin-bottom:24px;display:block}.article__meta,.article__tags{color:#52606d}.article__tags{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.article__tags li{background:#edf2f7;border-radius:999px;padding:4px 8px}.article__section{margin-top:32px;line-height:1.8}.article__section-content{white-space:pre-wrap}.article__section-content img{max-width:100%;height:auto;margin:16px 0;display:block}.article__section-content p,.article__section-content ul,.article__section-content ol,.article__section-content blockquote{margin:0 0 16px}.article__section-content blockquote{color:#52606d;border-left:4px solid #d9e2ec;margin-left:0;padding-left:16px}.ad-slot{text-align:center;min-height:100px;margin-top:32px}.ad-slot--collapsed{display:none}.ad-slot .adsbygoogle{width:100%}@media (max-width:680px){.site-header__inner,.site-footer__inner,.article{width:min(100% - 16px,1200px)}.site-header__inner{flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 0}.article{margin-top:16px;padding:16px}.public-page h1{padding:10px 12px;font-size:16px}.public-search div{flex-direction:column}.public-search button{width:100%}.public-articles{grid-template-columns:1fr;gap:12px}}
*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;letter-spacing:.02em;background-color:#f4f4f4;margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}html,body{width:100%;height:100%;margin:0;padding:0}a{color:#1367af;text-decoration:none;transition:color .2s}a:hover{color:#004cff}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}img{max-width:100%}@media (max-width:520px){body{min-height:100vh}}.app{flex-direction:column;width:100%;max-width:1200px;margin:80px auto 0;padding:0 16px;display:flex}.main{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:520px){.app{width:100%;max-width:100%;margin-top:68px;padding:0 4px}}.header{z-index:1000;background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:center;width:100vw;max-width:100vw;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 4px #00000024}.header .top-bar{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:56px;padding:0 20px;display:flex}.header .top-bar .header-logo{cursor:pointer;width:auto;height:32px;transition:opacity .2s}.header .top-bar .header-logo:hover{opacity:.8}.header .top-bar .search-box{margin-right:16px}.header .top-bar .search-sign-up{align-items:center;gap:12px;display:flex}.header .top-bar .search-sign-up .my-page-post-buttons{align-items:center;gap:8px;display:flex}.header .top-bar .search-sign-up .my-page-post-buttons .my-page-button,.header .top-bar .search-sign-up .my-page-post-buttons .post-button{cursor:pointer;background-color:#0000;border:none;border-radius:50%;width:40px;height:40px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.header .top-bar .search-sign-up .my-page-post-buttons .my-page-button:hover,.header .top-bar .search-sign-up .my-page-post-buttons .post-button:hover{transform:scale(1.05);box-shadow:0 1px 4px #00000024}.header .top-bar .search-sign-up .my-page-post-buttons .my-page-button img,.header .top-bar .search-sign-up .my-page-post-buttons .post-button img{object-fit:cover;width:100%;height:100%;display:block}.header .top-bar .search-sign-up .search-box form{height:36px}.header .top-bar .search-sign-up .sign-up-login-buttons{padding-right:0}@media (max-width:520px){.header .top-bar{padding:0 12px}.header .top-bar .header-logo{height:28px}.header .top-bar .search-sign-up{gap:8px}.header .top-bar .search-sign-up .my-page-post-buttons .my-page-button,.header .top-bar .search-sign-up .my-page-post-buttons .post-button{width:36px;height:36px}.header .top-bar .search-sign-up .search-box{display:none}.header .top-bar .search-sign-up .sign-up-login-buttons{padding:0}}.footer{background-color:#fff;border-top:1px solid #e0e0e0;width:100%;margin-top:48px;padding:24px 0}.footer .footer-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.footer .footer-container .footer-top,.footer .footer-container .footer-top .footer-menu{justify-content:center;align-items:center;display:flex}.footer .footer-container .footer-top .footer-menu ul{justify-content:center;gap:24px;margin:0;padding:0;display:flex}.footer .footer-container .footer-top .footer-menu ul li{font-size:14px;list-style:none}.footer .footer-container .footer-top .footer-menu ul li a{color:gray;text-decoration:none;transition:color .2s}.footer .footer-container .footer-top .footer-menu ul li a:hover{color:#1367af}.footer .footer-container .footer-top img{width:160px}.footer .footer-container .footer-bottom{justify-content:center;align-items:center;margin-top:16px;display:flex}.footer .footer-container .footer-bottom .copyright{color:#999;font-size:12px}@media (max-width:520px){.footer{padding:20px 0}.footer .footer-container{padding:0 16px}.footer .footer-container .footer-top{flex-direction:column;gap:12px}.footer .footer-container .footer-top img{width:120px}.footer .footer-container .footer-top .footer-menu ul{flex-wrap:wrap;justify-content:center;gap:16px}.footer .footer-container .footer-bottom{margin-top:12px}}.header .search-box{justify-content:center;align-items:center;width:auto;margin:0;display:flex}.header .search-box form{background-color:#f4f4f4;border:1px solid #e0e0e0;border-radius:100vh;width:100%;transition:border-color .2s,box-shadow .2s;display:flex}.header .search-box form:focus-within{background-color:#fff;border-color:#1367af;box-shadow:0 0 0 3px #1367af26}.header .search-box form .search-button{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:40px;padding:0;transition:opacity .2s;display:flex}.header .search-box form .search-button:hover{opacity:.7}.header .search-box form .search-button img{opacity:.5;width:16px;height:16px}.header .search-box form input{color:#333;background-color:#0000;border:none;border-radius:100vh;outline:none;width:calc(100% - 40px);padding:8px 12px 8px 0;font-size:14px}.header .search-box form input::placeholder{color:#999;font-size:12px}.search-box{justify-content:center;align-items:center;width:50%;margin:0;display:flex}.search-box form{background-color:#f4f4f4;border:1px solid #e0e0e0;border-radius:100vh;width:100%;transition:border-color .2s,box-shadow .2s;display:flex}.search-box form:focus-within{background-color:#fff;border-color:#1367af;box-shadow:0 0 0 3px #1367af26}.search-box form .search-button{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:40px;padding:0;transition:opacity .2s;display:flex}.search-box form .search-button:hover{opacity:.7}.search-box form .search-button img{opacity:.5;width:16px;height:16px}.search-box form input{color:#333;background-color:#0000;border:none;border-radius:100vh;outline:none;width:calc(100% - 40px);padding:8px 12px 8px 0;font-size:14px}.search-box form input::placeholder{color:#999;font-size:13px}.sign-up-login-buttons{align-items:center;gap:8px;display:flex}.sign-up-login-buttons .sign-up-button,.sign-up-login-buttons .login-button{cursor:pointer;text-align:center;white-space:nowrap;border:none;border-radius:100vh;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sign-up-login-buttons .sign-up-button{color:#333;background-color:#fc0;box-shadow:0 1px 4px #00000024}.sign-up-login-buttons .sign-up-button:hover{background-color:#d6ab00;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.sign-up-login-buttons .login-button{color:#fff;background-color:#1367af;box-shadow:0 1px 4px #00000024}.sign-up-login-buttons .login-button:hover{background-color:#004cff;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}@media (max-width:520px){.sign-up-login-buttons{gap:6px}.sign-up-login-buttons .sign-up-button,.sign-up-login-buttons .login-button{height:32px;padding:0 12px;font-size:11px}}@media (max-width:520px){.top .topHeader,.dashboard .topHeader{width:100%;margin-top:0}.top .filter-row,.dashboard .filter-row{margin-top:12px}.top .top-page-container,.dashboard .top-page-container{flex-direction:column}.top .top-page-container .article-card-list,.dashboard .top-page-container .article-card-list{flex-direction:column;gap:8px;padding:4px;display:flex}.top .top-page-container .article-card-list .article-card,.dashboard .top-page-container .article-card-list .article-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000024}.top .top-page-container .article-card-list .article-card:hover,.dashboard .top-page-container .article-card-list .article-card:hover{transform:none;box-shadow:0 1px 4px #00000024}.top .top-page-container .article-card-list .article-card.empty,.dashboard .top-page-container .article-card-list .article-card.empty{display:none}.top .top-page-container .article-card-list .article-card .article-card-wrap,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap{flex-flow:wrap;gap:0;padding:10px}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper{flex-shrink:0;order:1;width:62%;padding:0 8px 0 0}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;max-height:3em;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-image,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-image{border-radius:8px;flex-shrink:0;order:2;width:38%;overflow:hidden}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-tag,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-tag,.top .top-page-container .article-card-list .article-card .article-card-wrap .article-info,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-info,.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-status-row,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-status-row{flex-basis:100%;order:3;width:100%}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-info,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-info{border-top:none;padding:8px 0 0}.top .top-page-container .top-page-title,.dashboard .top-page-container .top-page-title{height:auto;padding:8px 12px}.top .top-page-container .container-main-wrapper,.dashboard .top-page-container .container-main-wrapper,.top .top-page-container .container-main-wrapper .container-main,.dashboard .top-page-container .container-main-wrapper .container-main{width:100%}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper{gap:8px;margin-top:8px;padding:0}.top .top-page-container .container-main-wrapper .container-main .top-row,.dashboard .top-page-container .container-main-wrapper .container-main .top-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button{flex:none}.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul{gap:2px}.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li button,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li button,.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li a,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li a{min-width:auto;height:36px;padding:0 8px;font-size:12px}.top .top-page-container .container-main-wrapper .container-main .search-box,.dashboard .top-page-container .container-main-wrapper .container-main .search-box{flex:1;width:100%}}.articleDetail-image-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.articleDetail-image-modal-overlay .articleDetail-image-modal-content{text-align:center;background-color:#0000;border-radius:8px;max-width:100%;max-height:90vh;padding:0;position:relative}.articleDetail-image-modal-overlay .articleDetail-image-modal-content img{object-fit:contain;cursor:default;border-radius:8px;width:100%;height:auto;max-height:90vh;box-shadow:0 8px 24px #0000001f}.articleDetail-image-modal-overlay .articleDetail-image-modal-content .articleDetail-image-modal-close{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:700;transition:background-color .2s;display:flex;position:absolute;top:10px;right:10px}.articleDetail-image-modal-overlay .articleDetail-image-modal-content .articleDetail-image-modal-close:hover{background:#000c}.article-detail{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;width:700px;margin:0 auto;padding:24px;overflow:hidden;box-shadow:0 2px 8px #00000014}.article-detail .disabled-link{cursor:default!important;pointer-events:none!important}.article-detail .article-image{aspect-ratio:1.77778;border-radius:8px;width:100%;margin:0 auto;overflow:hidden}.article-detail .article-image img{object-fit:cover;width:100%;height:100%;display:block}.article-detail .pokepoke-mark{color:#ff9800;text-align:center;background-color:#fff7d1;border:1px solid #ffb74d;border-radius:100vh;width:fit-content;margin-top:2px;margin-bottom:10px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.article-detail .tagList{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0;padding:0 0 16px;list-style:none;display:flex}.article-detail .tagList li{color:#1367af;cursor:pointer;background-color:#f0f9ff;border:1px solid #acd9ea;border-radius:100vh;padding:4px 12px;font-size:12px;transition:all .2s}.article-detail .tagList li:hover{background-color:#d7efff}.article-detail .like-and-share{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.article-detail .like-and-share .numberOfLikes{align-items:center;margin-bottom:10px;font-size:14px;display:flex}.article-detail .like-and-share .numberOfLikes img{cursor:pointer;width:20px;margin-right:8px;transition:transform .2s}.article-detail .like-and-share .numberOfLikes img:hover{transform:scale(1.1)}.article-detail .like-and-share .share-button{cursor:pointer}.article-detail .like-and-share .share-button img{width:22px;height:22px;transition:opacity .2s}.article-detail .like-and-share .share-button:hover img{opacity:.7}.article-detail .article-header{color:gray;align-items:center;gap:12px;display:flex}.article-detail .article-header .article-header-user-icon{cursor:pointer;border-radius:50%;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.article-detail .article-header .article-header-user-icon img{object-fit:cover;border:1px solid #e0e0e0;border-radius:50%;width:100%;height:100%}.article-detail .article-header .article-header-info{cursor:pointer;flex:1}.article-detail .article-header .three-dots-menu-container{position:relative}.article-detail .article-header .three-dots-menu-container .three-dots-menu{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0;padding:4px 0;list-style:none;position:absolute;top:28px;right:0;box-shadow:0 4px 12px #0000001a}.article-detail .article-header .three-dots-menu-container .three-dots-menu li{cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:14px;transition:background-color .2s}.article-detail .article-header .three-dots-menu-container .three-dots-menu li:hover{background-color:#e8e8e8}.article-detail .bottom-user-info{color:gray;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;margin:40px 0;padding-bottom:16px;display:flex}.article-detail .bottom-user-info .user-icon{cursor:pointer;border-radius:50%;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.article-detail .bottom-user-info .user-icon img{object-fit:cover;border:1px solid #e0e0e0;border-radius:50%;width:100%;height:100%}.article-detail .bottom-user-info .user-name{cursor:pointer;transition:color .2s}.article-detail .bottom-user-info .user-name:hover{color:#1367af}.article-detail .bottom-user-info .follow-btn,.article-detail .bottom-user-info .follow-button{color:#27acd9;cursor:pointer;background-color:#fff;border:2px solid #27acd9;border-radius:100vh;padding:6px 20px;font-size:12px;font-weight:600;transition:all .2s}.article-detail .bottom-user-info .follow-btn:hover,.article-detail .bottom-user-info .follow-button:hover{color:#fff;background-color:#27acd9;transform:translateY(-1px);box-shadow:0 1px 4px #00000024}.article-detail .bottom-user-info .follow-btn:disabled,.article-detail .bottom-user-info .follow-button:disabled{opacity:.5;cursor:default;transform:none}.article-detail .article-content h2{border-bottom:2px solid #1367af;margin-top:32px;padding-bottom:8px}.article-detail .article-content .section-content{letter-spacing:.5px;line-height:2}.article-detail .article-content .section-content p{margin-top:0;margin-bottom:0}.article-detail .article-content .section-content:has(br:only-child){margin:0;line-height:1.2}.article-detail .article-content .section-content img{border-radius:8px;max-width:50%;height:auto;margin:0 auto;display:block}.article-detail .comment-field{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:16px}.article-detail .comment-field .comment-title{cursor:pointer;text-align:center;margin-bottom:16px;font-weight:600}.article-detail .comment-field .comment{margin-bottom:20px}.article-detail .comment-field .comment .comment-info{margin-bottom:10px;display:flex}.article-detail .comment-field .comment .comment-info .icon-date{gap:8px;display:flex}.article-detail .comment-field .comment .comment-info .user-icon{cursor:pointer;border-radius:50%}.article-detail .comment-field .comment .comment-info .user-name-posted-date .user-name{cursor:pointer;font-weight:600}.article-detail .comment-field .comment .comment-info .user-name-posted-date .comment-date{color:#999;margin-bottom:5px;font-size:10px}.article-detail .comment-field .comment .comment-content{letter-spacing:.5px;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:12px;width:70%;margin-left:15px;padding:12px 16px;font-weight:500;line-height:1.6;position:relative}.article-detail .comment-field .comment-post-field{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:16px 0}.article-detail .comment-field .comment-post-field .icon-textarea{gap:12px;margin-bottom:16px;display:flex}.article-detail .comment-field .comment-post-field .icon-textarea .user-icon img{border-radius:50%;width:36px;height:36px}.article-detail .comment-field .comment-post-field .icon-textarea textarea{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:90%;padding:10px;font-size:14px;transition:border-color .2s,box-shadow .2s}.article-detail .comment-field .comment-post-field .icon-textarea textarea:focus{border-color:#1367af;outline:none;box-shadow:0 0 0 3px #1367af26}.article-detail .comment-field .comment-post-field .comment-post-btn-container{justify-content:flex-end;display:flex}.article-detail .comment-field .comment-post-field .comment-post-btn{color:#fff;cursor:pointer;text-align:center;background-color:#1367af;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.article-detail .comment-field .comment-post-field .comment-post-btn:hover{background-color:#004cff;transform:translateY(-1px)}.article-detail .article-index{background-color:#0000;border-left:3px solid #1367af;margin:20px 0;padding:10px 14px}.article-detail .article-index p{cursor:pointer;color:#1367af;align-items:center;gap:4px;margin:0;padding:0;font-size:14px;font-weight:600;display:inline-flex}.article-detail .article-index p span{font-size:11px}.article-detail .article-index p:hover{opacity:.7}.article-detail .article-index .index-list{width:100%;margin-top:6px;font-size:14px}.article-detail .article-index .index-list ul{margin:0;padding-left:0;list-style:none}.article-detail .article-index .index-list ul li{margin-bottom:0}.article-detail .article-index .index-list ul li a{color:#555;border-radius:4px;padding:5px 8px;text-decoration:none;transition:color .2s,background-color .2s;display:block}.article-detail .article-index .index-list ul li:hover a{color:#1367af;background-color:#1367af0d}@media (max-width:520px){.article-detail{border:none;border-radius:8px;width:100%;max-width:100%;margin:0;padding:16px}.article-detail .article-image{border-radius:8px}.article-detail .comment-field .comment .comment-info{display:block}.article-detail .comment-field .comment .comment-info .icon-date{align-items:flex-start;gap:10px;padding:5px 0;display:flex}.article-detail .comment-field .comment .comment-info .icon-date .user-icon{flex-shrink:0;width:40px;height:40px}.article-detail .comment-field .comment .comment-info .icon-date .user-icon img{border-radius:50%;width:100%;height:auto;display:block}.article-detail .comment-field .comment .comment-info .icon-date .user-name-posted-date{flex-direction:column;justify-content:center;display:flex}.article-detail .comment-field .comment .comment-info .icon-date .user-name-posted-date .user-name{font-size:14px;font-weight:700}.article-detail .comment-field .comment .comment-info .icon-date .user-name-posted-date .comment-date{color:gray;font-size:12px}.article-detail .comment-field .comment .comment-info .comment-content{width:90%;margin-top:10px;padding:12px;font-size:14px}}.ql-editor{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:text;user-select:text;-khtml-user-select:text;font-size:16px!important}.main{margin:0!important;padding:0!important}.popup-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-overlay .popup-content{text-align:center;background-color:#fff;border-radius:8px;padding:20px}.popup-overlay .popup-content button{color:#fff;cursor:pointer;background-color:#1367af;border:none;border-radius:8px;margin-top:20px;padding:10px 20px}.popup-overlay .popup-content button:hover{background-color:#0e4c81}.article-edit{display:flex}.article-edit .article-removed-sections{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex;position:static;top:auto;overflow-x:visible}.article-edit .article-removed-sections ul{flex-wrap:wrap;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.article-edit .article-removed-sections li{cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:12px;transition:all .2s}.article-edit .article-removed-sections li.section-active{color:#fff;background-color:#1367af;border-color:#115998}.article-edit .article-removed-sections li.section-active:hover{background-color:#1575c6}.article-edit .article-removed-sections li.section-removed{color:#555;background-color:#d1d1d1;border-color:#bdbdbd}.article-edit .article-removed-sections li.section-removed:hover{background-color:#bfbfbf}.article-edit .upload-button-container{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.article-edit .upload-button{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background-color .3s;display:flex}.article-edit .upload-button img{width:60%;height:60%}.article-edit .upload-button:hover{background-color:#c7c7c7}.article-edit .article-edit-menu{flex-direction:column;align-items:center;width:150px;height:600px;margin-top:150px;display:flex;position:sticky;top:100px}.article-edit .article-edit-menu ul{width:100%;margin:0;padding:0;list-style:none}.article-edit .article-edit-menu li{cursor:pointer;text-align:left;box-sizing:border-box;color:#333;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px;font-size:12px;transition:background-color .2s;display:flex}.article-edit .article-edit-menu li img.menu-icon{width:16px;height:16px}.article-edit .article-edit-menu li:hover{background-color:#e8e8e8}.article-edit .article-edit-main{width:800px;margin:0 auto;padding-top:60px}.article-edit .article-edit-main h1{margin-bottom:20px}.article-edit .article-edit-main .article-edit-main-content{background-color:#fff;border-radius:8px;width:100%;max-width:800px;margin:0 auto;padding:10px;box-shadow:0 0 10px #0000001a}.article-edit .article-edit-main .article-edit-main-content .form-error-anchor{scroll-margin-top:120px}.article-edit .article-edit-main .article-edit-main-content .validation-field p{color:red}.article-edit .article-edit-main .article-edit-main-content .pokepoke-toggle{margin:15px 0}.article-edit .article-edit-main .article-edit-main-content .pokepoke-toggle .toggle-buttons{gap:10px;display:flex}.article-edit .article-edit-main .article-edit-main-content .pokepoke-toggle .toggle-buttons button{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;padding:8px 0;font-size:16px;transition:all .2s}.article-edit .article-edit-main .article-edit-main-content .pokepoke-toggle .toggle-buttons button.active{color:#fff;background:#1367af;border-color:#1367af;font-weight:700}.article-edit .article-edit-main .article-edit-main-content .pokepoke-toggle .toggle-buttons button:hover{opacity:.8}.article-edit .article-edit-main .article-edit-main-content .form-group{margin-bottom:20px}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear{justify-content:space-between;margin-bottom:10px;margin-left:auto;display:flex}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .required{color:red;margin-right:10px;padding-right:4px;font-size:12px;font-weight:400;display:inline}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear label{color:#333;cursor:pointer;display:block}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .label-remove{display:flex}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .clear-button,.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .remove-button{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:8px;width:60px;margin-right:10px}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .clear-button:hover,.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .remove-button:hover{background-color:#c7c7c7}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .char-count{color:#246a84;margin-left:20px;font-size:12px}.article-edit .article-edit-main .article-edit-main-content .form-group .label-remove-clear .over-char-count{color:#d9534f}.article-edit .article-edit-main .article-edit-main-content .form-group .title{text-align:center;unicode-bidi:isolate;padding:8px 0;font-size:1.5em;font-weight:700;color:#333!important}.article-edit .article-edit-main .article-edit-main-content .form-group input,.article-edit .article-edit-main .article-edit-main-content .form-group textarea{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:8px 0}.article-edit .article-edit-main .article-edit-main-content .form-group textarea{min-height:200px}.article-edit .article-edit-main .article-edit-main-content .ql-editor ul,.article-edit .article-edit-main .article-edit-main-content .ql-editor ol{padding-left:0}.article-edit .article-edit-main .article-edit-main-content .ql-editor img{width:auto;max-width:50%;height:auto;margin:0 auto;display:block}.article-edit .article-edit-main .article-edit-main-content .tagList{display:flex}.article-edit .article-edit-main .article-edit-main-content .tagList .tag{color:#00796b;cursor:pointer;background-color:#f0f9ff;border:1px solid #acd9ea;border-radius:4px;align-items:center;margin-right:10px;padding:3px 8px;font-size:14px;line-height:1;display:inline-flex}.article-edit .article-edit-main .article-edit-main-content .tagList .tag .close{justify-content:center;align-items:center;width:14px;height:14px;margin-left:8px;display:flex}.article-edit .article-edit-main .article-edit-main-content .tagList .tag .close img{width:100%;height:auto}.article-edit .article-edit-main .article-edit-main-content .tagList .addTagButton{cursor:pointer;background-color:#f0f0f0;border:1px dashed #e0e0e0;border-radius:8px;justify-content:center;align-items:center;padding:3px 10px;font-size:14px;display:flex}.article-edit .article-edit-main .article-edit-main-content .tagList .addTagButton:hover{background-color:#e3e3e3}.article-edit .article-edit-main .article-edit-main-content-preview{background-color:#fff;border-radius:8px;padding:10px;box-shadow:0 0 10px #0000001a}.article-edit .article-edit-main .article-edit-main-content-preview p{letter-spacing:1px;margin:0;line-height:1.2}.article-edit .article-edit-main .article-edit-main-content-preview p:has(br:only-child){margin:0;line-height:1.2}.article-edit .article-edit-main .article-edit-main-content-preview h1{border-bottom:.5px solid #1367af}.article-edit .article-edit-main .article-edit-main-content-preview .pokepoke-mark{color:#ff9800;text-align:center;background-color:#fff7d1;border:1px solid #ffb74d;border-radius:100vh;width:fit-content;margin-top:2px;margin-bottom:10px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.article-edit .article-edit-main .article-edit-main-content-preview .section-content{letter-spacing:1px;line-height:2}.article-edit .article-edit-main .article-edit-main-content-preview .section-content img{max-width:50%;height:auto;margin:0 auto;display:block}.article-edit .edit-area .ql-editor{counter-reset:line-number;position:relative;padding-left:30px!important}.article-edit .edit-area .ql-editor>*{counter-increment:line-number;position:relative}.article-edit .edit-area .ql-editor>:before{content:counter(line-number);text-align:right;color:silver;width:18px;font-size:10px;line-height:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Helvetica Neue,Arial,sans-serif;position:absolute;left:-26px}.article-edit .edit-area .ql-container.ql-snow{border-left:none;position:relative}.article-edit .edit-area .ql-container.ql-snow:before{content:"";z-index:1;background-color:#e8e8e8;width:1px;position:absolute;top:0;bottom:0;left:30px}.article-edit .edit-area button{cursor:pointer;color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:8px;padding:6px 10px}.article-edit .edit-area .deck-code-container{margin-top:20px}.article-edit .edit-area .deck-code-container input[type=text]{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:16px}.article-edit .edit-area .deck-code-container input[type=text]:focus{border-color:#888}.article-edit-header-footer{z-index:10000;background-color:#fff;align-items:center;width:100%;padding:10px 20px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 5px #0000001a}.article-edit-header-content{justify-content:right;align-items:center;gap:10px;width:100%;display:flex}.autosave-status{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:min(35vw,220px);margin-right:auto;font-size:12px;overflow:hidden}.autosave-status.error{color:#d9534f}.autosave-status.skipped{color:#6b5f00}.article-edit-header-content button,.article-edit-header-content .user-icon{text-align:center;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;min-width:80px;max-width:150px;padding:8px 10px;display:flex}.preview-button{color:#fff;background-color:#4fac66}.preview-button:hover{background-color:#3f8951}.top-button{color:#fff;background-color:#007bff}.top-button:hover{background-color:#0062cc}.save-button{color:#333;background-color:#b8b69f}.save-button:hover{background-color:#a2a082}.publish-button{color:#333;background-color:#e5cd18db}.publish-button:hover{background-color:#b7a413db}.user-icon{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-icon img{border-radius:50%;height:35px}.upload-button-container{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.upload-button{cursor:pointer;text-align:center;background-color:#f0f0f0;border:2px dashed #e0e0e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;padding:10px;transition:background-color .3s,color-border .3s;display:flex}.upload-button img{width:50px;height:50px;margin-bottom:10px}.upload-button p{color:#1367af;font-size:16px;font-weight:700}.upload-button input{display:none}.upload-button:hover{background-color:#e3e3e3;border-color:#c7c7c7}.article-image-container{width:100%;padding:0 10px;position:relative}.article-image{aspect-ratio:1.77778;object-fit:cover;border-radius:8px;width:100%;box-shadow:0 2px 8px #00000014}.remove-image-button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:5px;right:5px}.remove-image-button:hover{background:#000c}@media (max-width:520px){body,html{margin:0;padding:0}.article-edit{width:95%!important;padding-bottom:100px!important;position:relative!important}.article-edit .article-edit-main{width:100%!important;padding-top:0!important}.article-edit .article-image-container{width:100%;padding:0 10px}.article-edit .upload-button-container .upload-button{width:30px;height:30px}.article-edit .article-edit-header-footer{padding:5px 10px}.article-edit .article-edit-header-footer .article-edit-header-content{gap:8px}.article-edit .article-edit-header-footer .autosave-status{white-space:normal;flex-shrink:1;min-width:80px;max-width:none;font-size:10px;line-height:1.3}.article-edit .article-edit-header-footer .article-edit-header-content button,.article-edit .article-edit-header-footer .article-edit-header-content .user-icon{flex-shrink:0;min-width:60px;margin-right:1px;padding:8px 2px;font-size:12px}.article-edit .article-edit-header-footer .user-icon img{height:30px}.article-edit .article-edit-main-content{padding:10px;width:100%!important;margin:0 auto!important}.article-edit .article-edit-main-content .remove-button{padding:0!important}.article-edit .article-edit-main-content .label-remove,.article-edit .article-edit-main-content .clear-button{font-size:12px}.article-edit .article-edit-main-content .tagList{flex-wrap:wrap;gap:6px}.article-edit .article-edit-main-content .tagList .tag{white-space:nowrap;margin-right:0;padding:3px 6px;font-size:12px;line-height:1.2}.article-edit .article-edit-main-content .tagList .tag .close{width:12px;height:12px;margin-left:4px}.article-edit .article-edit-main-content .tagList .addTagButton{white-space:nowrap;flex:none;padding:3px 8px;font-size:12px;line-height:1.2}.article-edit .article-removed-sections{z-index:10;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;margin:10px 0!important;padding:5px!important;display:block!important;position:relative!important;overflow:auto hidden!important}.article-edit .article-removed-sections ul{flex-wrap:nowrap!important;gap:5px!important;width:max-content!important;margin:0!important;padding:0!important;list-style:none!important;display:inline-flex!important}.article-edit .article-removed-sections li{white-space:nowrap!important;cursor:pointer!important;border-radius:8px!important;flex:none!important;padding:4px 6px!important;display:inline-block!important}}.success-message{color:#4fac66;text-align:left;text-align:left;margin-bottom:16px;font-size:12px;font-weight:700}.top .topHeader,.dashboard .topHeader{text-align:center;width:100%;max-width:1200px;margin-top:20px}.top .top-page-container,.dashboard .top-page-container{justify-content:center;display:flex}.top .top-page-container .top-page-main,.dashboard .top-page-container .top-page-main{width:100%}.top .top-page-container .top-page-title,.dashboard .top-page-container .top-page-title{color:#fff;background-color:#1367af;border-radius:8px;align-items:center;gap:8px;height:auto;padding:10px 16px;font-size:18px;font-weight:700;display:flex}.top .top-page-container .container-main-wrapper,.dashboard .top-page-container .container-main-wrapper{background-color:#0000;justify-content:center;display:flex}.top .top-page-container .container-main-wrapper .container-main,.dashboard .top-page-container .container-main-wrapper .container-main{border:none;width:100%}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper{flex-direction:column;align-items:flex-start;gap:12px;margin:16px 0;padding:0;display:flex}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button{flex-shrink:0}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul{flex-direction:row;gap:4px;margin:0;padding:0;list-style:none;display:flex}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li button,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li button,.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li a,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li a{color:gray;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:auto;min-width:72px;max-width:100%;height:40px;padding:0 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li button.active,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li button.active,.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li a.active,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li a.active{color:#1367af;background-color:#1367af14;font-weight:700}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li button:hover:not(.active),.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li button:hover:not(.active),.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li a:hover:not(.active),.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .sort-button ul li a:hover:not(.active){color:#333;background-color:#e8e8e8}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .search-box,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .search-box{flex:1;margin:0}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .pager,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .top-row .pager{border:1px solid #e0e0e0;border-radius:8px}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row{justify-content:flex-start;display:flex}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select{flex-direction:row;align-items:center;gap:10px;display:flex}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-label,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-label{color:#555;font-size:14px;font-weight:600}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons{background-color:#f4f4f4;border:1px solid #e0e0e0;border-radius:100vh;gap:0;display:flex;overflow:hidden}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn{color:gray;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn:not(:last-child),.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn:not(:last-child){border-right:1px solid #e0e0e0}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn.active,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn.active{color:#1367af;background-color:#1367af14;font-weight:600}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn:hover:not(.active),.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper .filter-row .pokepoke-filter-select .filter-buttons .filter-btn:hover:not(.active){color:#333;background-color:#e8e8e8}.top .top-page-content .errorMessage,.dashboard .top-page-content .errorMessage{text-align:center;color:gray;margin-top:80px;font-size:16px}.top .top-page-content .load-more-wrapper,.dashboard .top-page-content .load-more-wrapper{justify-content:center;padding:32px 0;display:flex}.top .top-page-content .load-more-wrapper .load-more-button,.dashboard .top-page-content .load-more-wrapper .load-more-button{color:#1367af;cursor:pointer;background-color:#fff;border:2px solid #1367af;border-radius:100vh;padding:12px 48px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 1px 4px #00000024}.top .top-page-content .load-more-wrapper .load-more-button:hover:not(:disabled),.dashboard .top-page-content .load-more-wrapper .load-more-button:hover:not(:disabled){color:#fff;background-color:#1367af;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.top .top-page-content .load-more-wrapper .load-more-button:active:not(:disabled),.dashboard .top-page-content .load-more-wrapper .load-more-button:active:not(:disabled){transform:translateY(0)}.top .top-page-content .load-more-wrapper .load-more-button:disabled,.dashboard .top-page-content .load-more-wrapper .load-more-button:disabled{opacity:.5;cursor:default}.top .top-page-content .article-card-list,.dashboard .top-page-content .article-card-list{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin:0;padding:0;list-style:none;display:grid}.top .top-page-content .article-card-list .article-card,.dashboard .top-page-content .article-card-list .article-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000024}.top .top-page-content .article-card-list .article-card:hover,.dashboard .top-page-content .article-card-list .article-card:hover{border-color:#bdbdbd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.top .top-page-content .article-card-list .article-card.empty,.dashboard .top-page-content .article-card-list .article-card.empty{visibility:hidden;height:0;box-shadow:none;border:none;margin:0;padding:0}.top .top-page-content .article-card-list .article-card.pokepoke-design,.dashboard .top-page-content .article-card-list .article-card.pokepoke-design{background-color:#fff}.top .top-page-content .article-card-list .article-card .article-card-wrap,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap{flex-direction:column;height:100%;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image{aspect-ratio:1.77778;cursor:pointer;background-color:#f4f4f4;width:100%;overflow:hidden}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image.pokepoke-design,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image.pokepoke-design{background-color:#fff}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image:hover img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image:hover img{transform:scale(1.03)}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row{justify-content:space-between;align-items:center;margin:8px 12px 4px;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge{align-items:center;font-size:10px;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .published,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .published,.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .draft,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .draft{letter-spacing:.02em;border-radius:100vh;align-items:center;gap:5px;padding:3px 10px;font-weight:600;display:inline-flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .circle,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .circle{border-radius:50%;width:7px;height:7px}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .published,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .published{color:#4fac66;background-color:#4fac661a;border:1px solid #4fac6640}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .published .circle,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .published .circle{background-color:#4fac66}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .draft,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .draft{color:gray;background-color:#e8e8e8;border:1px solid #e0e0e0}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .draft .circle,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .status-badge .draft .circle{background-color:gray}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container{position:relative}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container>img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container>img{border-radius:4px;padding:4px;transition:background-color .2s}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container>img:hover,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container>img:hover{background-color:#e8e8e8}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-btn,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-btn{cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-btn img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-btn img{width:18px;height:18px}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-btn:hover,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-btn:hover{background-color:#e8e8e8}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu{z-index:10;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0;padding:4px 0;list-style:none;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu li,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu li{cursor:pointer;white-space:nowrap;text-align:center;padding:8px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu li:hover,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu li:hover{background-color:#e8e8e8}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu li.delete-action,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row .three-dots-menu-container .three-dots-menu li.delete-action{color:#d9534f}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper{flex-direction:column;order:1;width:100%;padding:3px 8px 8px;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title{cursor:pointer;color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;order:1;margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title:hover,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title:hover{color:#1367af}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .pokepoke-mark,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .pokepoke-mark{color:#ff9800;text-align:center;background-color:#fff7d1;border:1px solid #ffb74d;border-radius:100vh;order:2;width:fit-content;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-tag,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-tag{padding:0}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-tag ul,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-tag ul{flex-wrap:wrap;gap:3px;margin:0;padding:0;list-style:none;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-card-tag ul li,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-tag ul li{color:#1367af;background-color:#f0f9ff;border:1px solid #acd9ea;border-radius:100vh;align-items:center;height:auto;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info{color:gray;border-top:1px solid #e0e0e0;align-items:center;margin-top:auto;padding:8px 8px 3px;font-size:12px;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul{align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-icon,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-icon{cursor:pointer;flex-shrink:0;margin-right:6px}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-icon img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-icon img{object-fit:cover;border:1px solid #e0e0e0;border-radius:50%;width:22px;height:22px}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-name,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-name{cursor:pointer;color:#555;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;transition:color .2s;overflow:hidden}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-name:hover,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-name:hover{color:#1367af}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like,.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment{align-items:center;gap:3px;margin-left:12px;transition:color .2s;display:flex}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like img,.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment img{width:14px}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like:hover,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like:hover,.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment:hover,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment:hover{color:#333}.top .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .post-date,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .post-date{text-align:right;white-space:nowrap;color:#999;margin-left:12px;font-size:11px}@media (max-width:520px){.top .topHeader,.dashboard .topHeader{width:100%;margin-top:0}.top .filter-row,.dashboard .filter-row{margin-top:12px}.top .top-page-container,.dashboard .top-page-container{flex-direction:column}.top .top-page-container .article-card-list,.dashboard .top-page-container .article-card-list{flex-direction:column;gap:8px;padding:4px;display:flex}.top .top-page-container .article-card-list .article-card,.dashboard .top-page-container .article-card-list .article-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000024}.top .top-page-container .article-card-list .article-card:hover,.dashboard .top-page-container .article-card-list .article-card:hover{transform:none;box-shadow:0 1px 4px #00000024}.top .top-page-container .article-card-list .article-card.empty,.dashboard .top-page-container .article-card-list .article-card.empty{display:none}.top .top-page-container .article-card-list .article-card .article-card-wrap,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap{flex-flow:wrap;gap:0;padding:10px}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper{flex-shrink:0;order:1;width:62%;padding:0 8px 0 0}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-title-wrapper .article-card-title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;max-height:3em;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-image,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-image{border-radius:8px;flex-shrink:0;order:2;width:38%;overflow:hidden}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-tag,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-tag,.top .top-page-container .article-card-list .article-card .article-card-wrap .article-info,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-info,.top .top-page-container .article-card-list .article-card .article-card-wrap .article-card-status-row,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-card-status-row{flex-basis:100%;order:3;width:100%}.top .top-page-container .article-card-list .article-card .article-card-wrap .article-info,.dashboard .top-page-container .article-card-list .article-card .article-card-wrap .article-info{border-top:none;padding:8px 0 0}.top .top-page-container .top-page-title,.dashboard .top-page-container .top-page-title{height:auto;padding:8px 12px}.top .top-page-container .container-main-wrapper,.dashboard .top-page-container .container-main-wrapper,.top .top-page-container .container-main-wrapper .container-main,.dashboard .top-page-container .container-main-wrapper .container-main{width:100%}.top .top-page-container .container-main-wrapper .container-main .search-sort-wrapper,.dashboard .top-page-container .container-main-wrapper .container-main .search-sort-wrapper{gap:8px;margin-top:8px;padding:0}.top .top-page-container .container-main-wrapper .container-main .top-row,.dashboard .top-page-container .container-main-wrapper .container-main .top-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button{flex:none}.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul{gap:2px}.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li button,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li button,.top .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li a,.dashboard .top-page-container .container-main-wrapper .container-main .top-row .sort-button ul li a{min-width:auto;height:36px;padding:0 8px;font-size:12px}.top .top-page-container .container-main-wrapper .container-main .search-box,.dashboard .top-page-container .container-main-wrapper .container-main .search-box{flex:1;width:100%}}.dashboard{gap:20px;margin-top:20px;display:flex}.dashboard .loading-img img{border-radius:12px;width:315px;height:440px}.dashboard .user-profile-card{box-sizing:border-box;isolation:isolate;background:linear-gradient(90deg,#ec6620b8 0 2px,#0000 2px 100%) 0 48px/9px 11px repeat-y,linear-gradient(90deg,#0000 0 7px,#ec6620b8 7px 9px) right 48px/9px 11px repeat-y,linear-gradient(#f7f7f4 0%,#e6e6e1 42%,#f8f8f4 100%);border:8px solid #b7b8b8;border-radius:18px;flex-direction:column;flex-shrink:0;width:295px;height:420px;padding:10px 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffe6,inset 0 0 18px #5f5f5f33,0 3px 10px #0000002e}.dashboard .user-profile-card:before{content:"";pointer-events:none;z-index:-1;border:1px solid #74747442;border-bottom:0;border-radius:12px;position:absolute;inset:64px 12px 58px}.dashboard .user-profile-card .profile-card-top-bar{background:linear-gradient(#fff 0%,#d9d9d7 48%,#a8a8a7 100%);border-radius:100vh;justify-content:space-between;align-items:center;height:24px;margin:-8px -9px 0;padding:0 14px;display:flex;position:relative;box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 2px #53535352,0 1px 2px #00000047}.dashboard .user-profile-card .profile-card-top-bar:before{content:"";pointer-events:none;background:linear-gradient(#fefefe 0%,#8f8f8d 46%,#f3f3f0 100%);width:2px;height:30px;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(27deg);box-shadow:1px 0 #ffffffc7,-1px 0 #4d4d4d38}.dashboard .user-profile-card .profile-card-top-bar .profile-card-type-label{align-items:center;min-width:82px;display:flex}.dashboard .user-profile-card .profile-card-top-bar .profile-card-type-button,.dashboard .user-profile-card .profile-card-top-bar .follow-button{color:#e95a1b;cursor:pointer;text-shadow:0 1px #fff,1px 0 #ffffffd9;background:0 0;border:none;padding:0;font-size:16px;font-style:italic;font-weight:900;line-height:1}.dashboard .user-profile-card .profile-card-top-bar .follow-button:disabled{cursor:default;opacity:.65}.dashboard .user-profile-card .profile-card-top-bar .profile-card-category{color:#6c6c6c;letter-spacing:.02em;text-shadow:0 1px #fff,1px 1px #fff9;font-size:14px;font-style:italic;font-weight:900}.dashboard .user-profile-card .user-name{color:#111;align-items:center;min-height:36px;padding:8px 4px 4px;font-size:1.55rem;font-weight:800;line-height:1.15;display:flex}.dashboard .user-profile-card .user-name .user-name-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dashboard .user-profile-card .user-header{background-color:#b7c9d5;border:3px solid #9f9f9f;justify-content:center;align-items:center;width:100%;height:142px;margin-top:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ececea,0 2px 4px #0000004d}.dashboard .user-profile-card .user-header img{object-fit:cover;width:100%;height:100%;display:block}.dashboard .user-profile-card .user-profile-content{scrollbar-width:thin;scrollbar-color:#69696973 #0000;z-index:2;background:repeating-linear-gradient(#00000006 0 1px,#0000 1px 4px),linear-gradient(#fff 0%,#f2f2ef 100%);border:1px solid #d3d3d0;border-radius:8px;height:152px;margin:0;padding:0;position:relative;overflow-y:auto}.dashboard .user-profile-card .user-profile-content::-webkit-scrollbar{width:6px}.dashboard .user-profile-card .user-profile-content::-webkit-scrollbar-thumb{background-color:#69696973;border-radius:3px}.dashboard .user-profile-card .user-profile-content::-webkit-scrollbar-track{background:0 0}.dashboard .user-profile-card .user-profile-content .user-profile-body{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;color:#111;padding:8px 10px;font-size:12px;line-height:1.45}.dashboard .user-profile-card .profile-card-footer{color:#111;z-index:3;grid-template-columns:1fr auto;align-items:end;column-gap:6px;margin:auto 0 0;font-size:11px;font-weight:600;display:grid;position:relative}.dashboard .user-profile-card .profile-card-footer .profile-card-rule{min-width:205px;min-height:48px;box-shadow:none;white-space:nowrap;isolation:isolate;background:0 0;border:0;border-radius:100vh;grid-area:1/2;justify-content:center;justify-self:end;align-items:center;gap:14px;padding:0 16px;font-weight:800;display:flex;position:relative}.dashboard .user-profile-card .profile-card-footer .profile-card-rule:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#fff0dc 0%,#ffd39a 68%,#ffc078 100%);border-radius:100vh;position:absolute;inset:-6px 0 0;box-shadow:inset 0 1px 1px #ffffffd9}.dashboard .user-profile-card .profile-card-footer .profile-card-credit{border:0;grid-area:1/1;justify-content:flex-start;align-self:end;align-items:flex-end;padding-bottom:3px;font-size:9px;line-height:1;display:flex}.dashboard .menu{background-color:#fff}.dashboard .tab{background-color:#f4f4f4;width:100%}.dashboard .tab .tab-nav{color:#1367af;cursor:pointer;background-color:#fff;border-bottom:1px solid #e0e0e0;gap:0;padding:0;list-style:none;display:flex}.dashboard .tab .tab-nav .tab-nav-items{text-align:center;border-bottom:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;width:33%;height:100%;padding:14px 0;font-size:14px;transition:all .2s;display:flex;position:relative}.dashboard .tab .tab-nav .tab-nav-items:before,.dashboard .tab .tab-nav .tab-nav-items:after{content:"";height:80%;position:absolute;top:50%;transform:translateY(-50%)}.dashboard .tab .tab-nav .tab-nav-items:after{border-right:1px solid #e0e0e0;right:0}.dashboard .tab .tab-nav .tab-nav-items.is-active{border-bottom:3px solid #1367af;font-weight:700}.dashboard .tab .tab-nav .tab-nav-items:hover:not(.is-active){background-color:#e8e8e8}.dashboard .tab .tab-nav .tab-nav-items:last-child:after{border-right:none}.dashboard .tab .tab-contents{background-color:#f4f4f4;border-radius:0 0 12px 12px;min-height:300px}.dashboard .tab .tab-contents .tab-contents-items{color:gray}.dashboard .tab .tab-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.dashboard .tab .tab-loading .tab-loading-spinner{border:3px solid #e0e0e0;border-top-color:#1367af;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite tab-spin}.dashboard .tab .tab-loading .tab-loading-text{color:gray;font-size:14px}@keyframes tab-spin{to{transform:rotate(360deg)}}.dashboard .tab .tab-empty-message{text-align:center;color:gray;padding:60px 0;font-size:16px}.dashboard .user-card-list{padding-inline-end:40px}.dashboard .user-card-list .user-card{border:1px solid #e0e0e0;border-radius:12px;align-items:center;padding:1rem;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.dashboard .user-card-list .user-card:hover{box-shadow:0 4px 12px #0000001a}.dashboard .user-card-list .user-card .user-card-icon{border-radius:50%;flex-shrink:0;width:50px;height:50px;margin-right:1rem}.dashboard .user-card-list .user-card .user-card-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.dashboard .user-card-list .user-card .user-card-name{font-weight:700}.dashboard .user-card-list .user-card .button-common,.dashboard .user-card-list .user-card .follow-button,.dashboard .user-card-list .user-card .unfollow-button{text-align:center;cursor:pointer;border-radius:100vh;margin-left:auto;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.dashboard .user-card-list .user-card .unfollow-button{color:#707475;background-color:#fff;border:2px solid #9aa0a1}.dashboard .user-card-list .user-card .unfollow-button:hover{color:#fff;background:#9aa0a1}.dashboard .user-card-list .user-card .follow-button{color:#27acd9;background-color:#fff;border:2px solid #27acd9}.dashboard .user-card-list .user-card .follow-button:hover{color:#fff;background:#27acd9}.dashboard .top-page-content{min-height:1200px;margin-top:20px}.dashboard .top-page-content.empty-state{min-height:auto}.dashboard .top-page-content .errorMessage{text-align:center;color:gray;margin-top:80px;margin-bottom:80px;font-size:16px}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image{aspect-ratio:1.77778;cursor:pointer;background-color:#f4f4f4;width:100%;overflow:hidden}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image:hover img{transform:scale(1.03)}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title{cursor:pointer;color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:10px 8px 4px;font-size:16px;font-weight:600;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title:hover{color:#1367af}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-tag-row{justify-content:space-between;align-items:center;gap:4px;margin:4px 8px;display:flex}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-tag-row .pokepoke-mark{color:#ff9800;text-align:center;background-color:#fff7d1;border:1px solid #ffb74d;border-radius:100vh;flex-shrink:0;width:fit-content;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-tag-row .article-card-tag{flex:1;grid-template-columns:repeat(3,max-content);justify-content:flex-end;gap:2px;min-width:0;max-height:3.2em;font-size:10px;line-height:1.2;display:grid;overflow:hidden}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-tag-row .article-card-tag .tag{color:#1367af;text-align:center;white-space:nowrap;background-color:#f0f9ff;border:1px solid #acd9ea;border-radius:100vh;justify-content:center;align-items:center;padding:0 3px;font-weight:600;display:flex}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info{color:gray;border-top:1px solid #e0e0e0;align-items:center;margin-top:auto;padding:8px 8px 6px;font-size:12px;display:flex}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul{align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-icon{cursor:pointer;flex-shrink:0;margin-right:6px}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-icon img{object-fit:cover;border:1px solid #e0e0e0;border-radius:50%;width:22px;height:22px}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .user-name{cursor:pointer;flex:1;font-size:10px}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment{align-items:center;gap:3px;margin-left:12px;display:flex}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .like img,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .comment img{width:14px}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info ul .post-date{text-align:right;color:#999;margin-left:12px;font-size:11px}@media (max-width:520px){.dashboard{flex-direction:column;align-items:center;gap:12px;margin-top:12px}.dashboard .user-profile-card{border-radius:18px;width:94%;max-width:360px;height:auto;min-height:auto;margin-bottom:0;padding:10px}.dashboard .user-profile-card .user-name{font-size:1.4rem}.dashboard .user-profile-card .user-header{justify-content:center;align-items:center;width:100%;height:168px;display:flex}.dashboard .user-profile-card .user-header img{object-fit:cover;width:100%}.dashboard .user-profile-card .user-profile-content{height:152px!important;max-height:none!important;margin:0!important}.dashboard .tab{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000024}.dashboard .tab-nav{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-direction:row;justify-content:space-around;width:100%;padding:0}.dashboard .tab-nav .tab-nav-items{text-align:center;cursor:pointer;flex:1;padding:10px 4px;font-size:14px;transition:all .2s}.dashboard .tab-nav .tab-nav-items.is-active{border-bottom:3px solid #1367af;font-weight:700}.dashboard .top-page-content{min-height:auto!important}.dashboard .top-page-content .article-card-list{flex-direction:column;grid-template-columns:none;gap:12px;width:100%;margin:0;padding:12px;display:flex}.dashboard .top-page-content .article-card-list .article-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;max-width:100%;margin:0;overflow:hidden;box-shadow:0 1px 4px #00000024;width:100%!important}.dashboard .top-page-content .article-card-list .article-card:hover{transform:none;box-shadow:0 1px 4px #00000024}.dashboard .top-page-content .article-card-list .article-card.empty{display:none}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap{flex-flow:wrap;gap:0;padding:12px}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-status-row{border-bottom:1px solid #e0e0e0;flex-basis:100%;order:-1;width:100%;margin:0 0 8px;padding:0 0 8px}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;flex-shrink:0;order:1;width:60%;max-height:3em;padding:0 10px 0 0;font-size:16px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-card-image{border-radius:8px;flex-shrink:0;order:2;width:40%;overflow:hidden}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-tag-row,.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info{flex-basis:100%;order:3;width:100%}.dashboard .top-page-content .article-card-list .article-card .article-card-wrap .article-info{border-top:none;padding:8px 0 0}.dashboard .user-card-list{padding:12px;padding-inline-end:0!important}.dashboard .user-card-list .user-card{border-radius:12px;margin-bottom:10px}.article-card.empty{display:none!important}}.policy-container{color:#333;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;max-width:800px;margin:40px auto;padding:30px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 2px 8px #00000014}.policy-container h1{color:#27acd9;text-align:center;margin-bottom:20px;font-size:24px}.policy-container h2{color:#1367af;border-left:4px solid #1367af;margin-top:30px;margin-bottom:10px;padding-left:10px;font-size:18px}.policy-container p,.policy-container ul{color:#5c5b5b;font-size:16px;line-height:1.8}.policy-container ul{padding-left:20px;list-style:outside}.policy-container li{margin-bottom:5px}.policy-container a{color:#004cff;text-decoration:underline}.policy-container a:hover{color:#003dcc}.policy-container p:last-child{color:#5c5b5b;text-align:right;margin-top:40px;font-size:12px}.success-message{color:#4fac66;text-align:left;margin-bottom:16px;font-size:12px;font-weight:700}.terms-container{color:#333;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;max-width:800px;margin:40px auto;padding:30px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 2px 8px #00000014}.terms-container h1{color:#1367af;text-align:center;margin-bottom:20px;font-size:24px}.terms-container h2{color:#27acd9;border-left:4px solid #27acd9;margin-top:30px;margin-bottom:10px;padding-left:10px;font-size:18px}.terms-container p,.terms-container ul{color:#5c5b5b;font-size:16px;line-height:1.8}.terms-container ul{padding-left:20px;list-style:outside}.terms-container li{margin-bottom:5px}.terms-container a{color:#004cff;text-decoration:underline}.terms-container a:hover{color:#003dcc}.terms-container #last-updated{color:#5c5b5b;text-align:right;margin-top:40px}.top-page-content .article-card .article-info .user-icon a{display:flex}.top-page-content .article-card .article-info .user-name a{color:inherit}.header .top-bar .header-logo-button{display:flex}