:root{--mo-fast:140ms;--mo-base:220ms;--mo-slow:480ms;--mo-ease:cubic-bezier(0.22,1,0.36,1);--mo-spring:cubic-bezier(0.34,1.45,0.64,1);--mo-shadow-lift:0 12px 26px rgba(181,158,134,0.38);--mo-shadow-btn:0 6px 16px rgba(181,158,134,0.35);--mo-ring:0 0 0 3px rgba(217,158,95,0.18)}@keyframes mo-page-in{0%{opacity:0}to{opacity:1}}body{animation:mo-page-in .26s ease-out both}body :is(.btn-auth,.btn-login,.btn-story,.btn-caramel,.btn-save,.btn-add,.btn-follow,.btn-bake,.btn-release,.tbtn-primary,.tapply-btn,.newcookie-btn,.errorpage-btn,.email-require-go,.btn-code-confirm,.manage-new,.tdl-btn,.profile-edit-link,.filter-btn,.sort-btn,.maker-add,.add-circle,.tpreview-add,.cover-pick,.tcover-pick,.modal-confirm,.btn-outline,.btn-cancel,.btn-back,.btn-danger,.btn-release-cancel,.tbtn-gray,.tbtn-danger,.btn-inline,.btn-text,.social-btn,.followlist-close){-webkit-tap-highlight-color:transparent;transition:transform var(--mo-base) var(--mo-spring),box-shadow var(--mo-base) var(--mo-ease),background-color var(--mo-fast) ease,border-color var(--mo-fast) ease,color var(--mo-fast) ease,filter var(--mo-fast) ease,opacity var(--mo-fast) ease;will-change:transform}@media (hover:hover) and (pointer:fine){body :is(.btn-auth,.btn-login,.btn-story,.btn-caramel,.btn-save,.btn-add,.btn-follow,.btn-bake,.btn-release,.tbtn-primary,.tapply-btn,.newcookie-btn,.errorpage-btn,.email-require-go,.btn-code-confirm,.manage-new,.tdl-btn,.profile-edit-link,.filter-btn,.sort-btn,.maker-add,.add-circle,.tpreview-add,.cover-pick,.tcover-pick,.modal-confirm):hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--mo-shadow-btn)}body :is(.btn-outline,.btn-cancel,.btn-back,.btn-release-cancel,.tbtn-gray,.btn-inline,.btn-text):hover:not(:disabled){background-color:rgba(252,237,214,.55);border-color:#d99e5f}body :is(.btn-danger,.tbtn-danger):hover:not(:disabled){transform:translateY(-1px)}body .social-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:var(--mo-shadow-btn)}}body :is(.btn-auth,.btn-login,.btn-story,.btn-caramel,.btn-save,.btn-add,.btn-follow,.btn-bake,.btn-release,.tbtn-primary,.tapply-btn,.newcookie-btn,.errorpage-btn,.email-require-go,.btn-code-confirm,.manage-new,.tdl-btn,.profile-edit-link,.filter-btn,.sort-btn,.maker-add,.add-circle,.tpreview-add,.cover-pick,.tcover-pick,.modal-confirm,.btn-outline,.btn-cancel,.btn-back,.btn-danger,.btn-release-cancel,.tbtn-gray,.tbtn-danger,.btn-inline,.btn-text,.social-btn):active:not(:disabled){transform:translateY(0) scale(.96);box-shadow:none;transition-duration:60ms}body :is(.ticon-btn,.icon-btn,.bell,.header-burger,.modal-close,.tnotice-close,.tmore,.sns-delete,.cover-clear,.avatar,.footer-x,.back-arrow,.tdots .dot){-webkit-tap-highlight-color:transparent;transition:transform var(--mo-base) var(--mo-spring),opacity var(--mo-fast) ease,box-shadow var(--mo-base) var(--mo-ease),background-color var(--mo-fast) ease,color var(--mo-fast) ease}@media (hover:hover) and (pointer:fine){body :is(.ticon-btn,.icon-btn,.modal-close,.tnotice-close,.tmore,.sns-delete,.cover-clear,.footer-x,.back-arrow):hover{transform:scale(1.12)}body .bell:hover{transform:rotate(-12deg) scale(1.08)}body .bell:hover img{opacity:1}body .header-burger:hover span{background:#d99e5f}}body :is(.ticon-btn,.icon-btn,.bell,.modal-close,.tnotice-close,.tmore,.sns-delete,.cover-clear,.footer-x,.back-arrow):active{transform:scale(.9);transition-duration:60ms}body .header-burger span{transition:background-color var(--mo-fast) ease,transform var(--mo-base) var(--mo-ease),opacity var(--mo-fast) ease}body .header-burger[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}body .header-burger[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}body .header-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}body :is(.filter-chip,.tchip,.link-chip,.sns-chip,.use-chip,.tag,.auth-tab,.manage-tag,.card-tag,.chip-row>*){-webkit-tap-highlight-color:transparent;transition:transform var(--mo-base) var(--mo-spring),background-color var(--mo-fast) ease,border-color var(--mo-fast) ease,color var(--mo-fast) ease,box-shadow var(--mo-base) var(--mo-ease)}@media (hover:hover) and (pointer:fine){body :is(.filter-chip,.tchip,.link-chip,.sns-chip,.use-chip,.auth-tab):hover{transform:translateY(-1px);border-color:#d99e5f;background-color:rgba(252,237,214,.6)}}body :is(.filter-chip,.tchip,.link-chip,.sns-chip,.use-chip,.auth-tab):active{transform:scale(.95);transition-duration:60ms}body :is(.footer-links a,.footer-links button,.account-links a,.account-links button,.noti-all,.noti-readall,.back-link,.delete-link,.signup-link,.help-links a,.activity-summary-link,.profile-followers-btn,.cookie-artist,.tdetail-by,.activity-profile-link,.guide-part-head,.tby,.card-maker,.setting-value a){transition:color var(--mo-fast) ease,background-color var(--mo-fast) ease,opacity var(--mo-fast) ease,transform var(--mo-base) var(--mo-ease)}@media (hover:hover) and (pointer:fine){body :is(.footer-links a,.footer-links button,.noti-all,.back-link,.signup-link,.help-links a,.activity-summary-link,.profile-followers-btn):hover{color:#d99e5f}body :is(.account-links a,.account-links button):hover{padding-left:28px}body :is(.account-links a,.account-links button){transition:color var(--mo-fast) ease,background-color var(--mo-fast) ease,padding-left var(--mo-base) var(--mo-ease)}}body .site-header .header-nav a{position:relative;padding-bottom:3px;transition:color var(--mo-fast) ease}body .site-header .header-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:#d99e5f;transform:scaleX(0);transform-origin:left center;transition:transform var(--mo-base) var(--mo-ease)}body .site-header .header-nav a.active:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){body .site-header .header-nav a:hover{color:#d99e5f}body .site-header .header-nav a:hover:after{transform:scaleX(1)}}body .footer-logo img,body .header-logo img{transition:transform var(--mo-base) var(--mo-spring)}@media (hover:hover) and (pointer:fine){body .header-logo:hover img{transform:scale(1.05) rotate(-2deg)}body .footer-logo:hover img{transform:scale(1.05)}}body .site-header .avatar,body .site-header .avatar img{border-radius:50%}@media (hover:hover) and (pointer:fine){body .site-header .avatar:hover{box-shadow:0 0 0 3px rgba(217,158,95,.4);transform:scale(1.06)}}body .scroll-grid,body .scroll-row{padding-top:8px;margin-top:-8px}body :is(.cookie-card .card-thumb,.search-card .card-thumb,a.tthumb,.maker-tile,.portfolio-item,.manage-thumb,.activity-item-thumb,.tpreview-pick,.link-card,.notice-card,.tdetail-cover){transition:transform var(--mo-slow) var(--mo-ease),box-shadow var(--mo-slow) var(--mo-ease),filter var(--mo-base) ease;will-change:transform}body :is(.cookie-card,.search-card,.toping-card,.manage-card,.activity-item,.activity-artist,.noti-page-item,.followlist-item,.tcookie-picked){-webkit-tap-highlight-color:transparent}body :is(.cookie-card .card-title,.search-card .card-title,.toping-card .ttitle,.manage-name,.maker-tile-name){transition:color var(--mo-fast) ease}@media (hover:hover) and (pointer:fine){body :is(.cookie-card:hover .card-thumb,.search-card:hover .card-thumb,.toping-card:hover a.tthumb,.manage-card:hover .manage-thumb,.activity-item:hover .activity-item-thumb){transform:translateY(-6px);box-shadow:var(--mo-shadow-lift)}body :is(.maker-tile,.portfolio-item,.tpreview-pick,.link-card,.notice-card):hover{transform:translateY(-4px);box-shadow:var(--mo-shadow-lift)}body :is(.cookie-card:hover .card-title,.search-card:hover .card-title,.toping-card:hover .ttitle,.manage-card:hover .manage-name){color:#d99e5f}}body :is(.cookie-card:active .card-thumb,.search-card:active .card-thumb,.toping-card:active a.tthumb,.maker-tile:active,.portfolio-item:active,.manage-card:active .manage-thumb){transform:scale(.97);transition-duration:80ms}body .row-arrow{transition:opacity var(--mo-base) ease,transform var(--mo-base) var(--mo-spring),box-shadow var(--mo-base) ease}body .row-arrow.prev{transform:translateY(-50%) translateX(-6px)}body .row-arrow.next{transform:translateY(-50%) translateX(6px)}body .row-wrap:hover .row-arrow.next,body .row-wrap:hover .row-arrow.prev{transform:translateY(-50%) translateX(0)}@media (hover:hover) and (pointer:fine){body .row-wrap .row-arrow:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 4px 14px rgba(181,158,134,.5)}}body .row-wrap .row-arrow:active{transform:translateY(-50%) scale(.94);transition-duration:60ms}body .tarrow{transition:transform var(--mo-base) var(--mo-spring),opacity var(--mo-base) ease,box-shadow var(--mo-base) ease}@media (hover:hover) and (pointer:fine){body .tarrow:hover{transform:scale(1.1);box-shadow:0 4px 14px rgba(181,158,134,.5)}}body .tarrow:active{transform:scale(.94);transition-duration:60ms}body .banner-slide img{transition:transform 1.2s var(--mo-ease)}@media (hover:hover) and (pointer:fine){body .banner-slide:hover img{transform:scale(1.03)}}body .banner-text{transition:transform var(--mo-slow) var(--mo-ease)}body .banner-dots .dot,body .tdots .dot{transition:width var(--mo-base) var(--mo-ease),background-color var(--mo-base) ease,transform var(--mo-base) var(--mo-spring)}body .banner-dots .dot.active{width:20px;border-radius:4px}@media (hover:hover) and (pointer:fine){body .banner-dots .dot:hover{transform:scale(1.3)}}body :is(.field input,.field textarea,.code-input,.search-bar input,.toping-searchbar input,.release-input,.release-textarea,.newcookie-input,.edit-field input,.edit-field textarea,.tcookie-search input,.tupload-fields input,.tupload-fields textarea,.settings-form-card input){transition:border-color var(--mo-fast) ease,box-shadow var(--mo-base) var(--mo-ease),background-color var(--mo-fast) ease}body :is(.field input,.field textarea,.code-input,.search-bar input,.toping-searchbar input,.release-input,.release-textarea,.newcookie-input,.edit-field input,.edit-field textarea,.tcookie-search input,.tupload-fields input,.tupload-fields textarea,.settings-form-card input):focus{box-shadow:var(--mo-ring)}body :is(.agree-checkbox,.tagree input,.policy-row input){transition:transform var(--mo-fast) var(--mo-spring)}body :is(.agree-checkbox,.tagree input,.policy-row input):active{transform:scale(.85)}@keyframes mo-pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mo-pop-centered{0%{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes mo-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body .account-menu{animation:mo-pop-centered .2s var(--mo-ease) both;transform-origin:top center}body :is(.noti-menu,.sort-menu,.tmore-menu,.tag-help,.cookie-guide,.tnotice){animation:mo-pop .2s var(--mo-ease) both;transform-origin:top right}body .header-mobile-nav{animation:mo-slide-down .22s var(--mo-ease) both}body .header-mobile-nav a{animation:mo-slide-down .26s var(--mo-ease) both;transition:color var(--mo-fast) ease,transform var(--mo-base) var(--mo-ease)}body .header-mobile-nav a:first-child{animation-delay:40ms}body .header-mobile-nav a:nth-child(2){animation-delay:80ms}body .header-mobile-nav a:nth-child(3){animation-delay:.12s}body .header-mobile-nav a:active{transform:translateX(4px)}body :is(.noti-item,.account-links a,.account-links button){transition:background-color var(--mo-fast) ease,color var(--mo-fast) ease,padding-left var(--mo-base) var(--mo-ease)}body .noti-item:active{background:rgba(252,237,214,.9)}@keyframes mo-fade{0%{opacity:0}to{opacity:1}}@keyframes mo-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}body :is(.modal-overlay,.email-require-overlay,.followlist-overlay,.newcookie-overlay){animation:mo-fade .2s ease-out both}body :is(.modal,.email-require-card,.followlist-card,.newcookie-card,.report-detail){animation:mo-rise .3s var(--mo-spring) both}[data-mo-reveal]{opacity:0;transform:translateY(16px);transition:opacity .56s var(--mo-ease),transform .64s var(--mo-ease);transition-delay:calc(var(--mo-i, 0) * 70ms)}[data-mo-reveal].mo-in{opacity:1;transform:none}@keyframes mo-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mo-enter{animation:mo-rise-in .52s var(--mo-ease) backwards;animation-delay:calc(var(--mo-i, 0) * 60ms)}@media (prefers-reduced-motion:reduce){body{animation:none}[data-mo-reveal]{opacity:1;transform:none;transition:none}.mo-enter{animation:none}body :is(.account-menu,.noti-menu,.sort-menu,.tmore-menu,.tag-help,.cookie-guide,.tnotice,.header-mobile-nav,.header-mobile-nav a,.modal-overlay,.email-require-overlay,.followlist-overlay,.newcookie-overlay,.modal,.email-require-card,.followlist-card,.newcookie-card,.report-detail){animation:none}body *{transition-duration:.01ms!important}}@media (max-width:640px){main.container-wide:not(.bake-page){margin-top:20px}main.container-wide.guide-page{padding-top:0}.toping-page>.tdetail,main.container-wide.guide-page>.guide-title{margin-top:0}}@media (min-width:641px){main.container-wide{margin-top:24px}main.container-wide.guide-page{padding-top:0}main.container-wide.guide-page>.guide-title{margin-top:0}.editor-page>main.container-wide{padding-top:0}.toping-page>.tdetail{margin-top:0}}@media (max-width:640px){body .policy-footer,body .site-footer{margin-top:48px}main.container-wide:not(.bake-page){margin-bottom:40px}main.container-wide.guide-page{padding-bottom:0}.section .scroll-grid{row-gap:24px}}