@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Inter:wght@400;600&display=swap";.error-message{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(220,38,38,.35);background:#dc262614;color:#dc2626;font-size:.875rem;line-height:1.2;animation:error-in .15s ease-out}.error-icon{font-size:1rem;line-height:1}.error-text{flex:1}@keyframes error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-card{width:380px;padding:24px;text-align:center;background:#fff;border-radius:1.5rem;box-shadow:0 1.5rem 3rem #0003}.auth-card .tm-header{margin-bottom:.75rem}.auth-card .tm-header h1{margin:.75rem 0 .25rem;font-size:1.6rem;font-weight:600;color:#34302e}.auth-card .tm-header p{font-size:.9rem;color:#44403c}.auth-card .tm-header .tm-mascot{display:flex;align-items:center;justify-content:center;gap:.25rem;position:relative;width:6rem;height:4rem;margin:0 auto;background:#e7e5e4;border-radius:999rem}.auth-card .tm-header .tm-mascot .tm-mouse{font-size:1.8rem;-webkit-user-select:none;user-select:none}.auth-card .tm-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.auth-card .tm-form .tm-password{position:relative;display:flex;align-items:center}.auth-card .tm-form .tm-password input{flex:1;padding-right:2.5rem}.auth-card .tm-form .tm-password .tm-peek{position:absolute;right:.6rem;background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7}.auth-card .tm-form .tm-password .tm-peek:hover{opacity:1}.auth-card .tm-form input{padding:.8rem;border-radius:1rem;border:1px solid #a8a29e;font-size:.975rem}.auth-card .tm-form input:focus{outline:none;border-color:#34302e}.auth-card .tm-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background:#292524;border-radius:1rem;box-shadow:.25rem .25rem 1rem #00000040;border:none;font-size:.95rem;font-weight:600;color:#fff;transition:.2s ease;cursor:pointer}.auth-card .tm-submit:hover{transform:translateY(-1px);box-shadow:.25rem .5rem 1.5rem #00000045}.auth-card .tm-submit:active{transform:translateY(0);box-shadow:.25rem .25rem 1rem #00000040}.auth-card .tm-submit .tm-submit-text{white-space:nowrap}.auth-card .tm-submit .tm-submit-text:disabled{opacity:.7;cursor:not-allowed}.auth-card .tm-submit .tm-spinner{width:.9rem;height:.9rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-card .tm-footer{margin-top:1rem;font-size:.85rem;color:#44403c}.auth-card .tm-footer button{padding:0;background:none;border:none;color:#34302e;font-weight:600;cursor:pointer}.auth-card .tm-footer button:hover{text-decoration:underline}.auth-status{display:flex;align-items:center;gap:.2rem;font-size:.8rem;color:#57534e}.auth-status button{padding:.25rem .5rem;border-radius:.6rem;border:none;background:none;color:#292524;font-weight:600;cursor:pointer}.auth-status button:hover{text-decoration:underline}.auth-status.guest span{opacity:.7}.toast-container{display:flex;flex-direction:column;gap:.5rem;z-index:9999;position:fixed;top:1rem;right:1rem}.toast-container .toast{padding:.75rem 1.25rem;border-radius:1rem;box-shadow:0 .5rem 1rem #00000026;font-weight:500;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.toast-container .toast.toast-success{background:#16a34a}.toast-container .toast.toast-error{background:#dc2626}.toast-container .toast.toast-info{background:#2563eb}@keyframes spin{to{transform:rotate(360deg)}}.mcf-page{display:flex;justify-content:center;padding:1.5rem}.mcf-page .mcf-board{width:100%;max-width:1200px;padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:0 0 4rem #0000002e}.mcf-page .mcf-board .mcf-header{margin-bottom:2rem}.mcf-page .mcf-board .mcf-header h1{margin:0;font-size:1.9rem;font-weight:600;color:#292524}.mcf-page .mcf-board .mcf-header p{margin-top:.25rem;font-size:.95rem;color:#57534e}.mcf-page .mcf-board .mcf-header .mcf-header-row{display:flex;justify-content:space-between;align-items:flex-start}.mcf-page .mcf-board .mcf-create{display:flex;flex-direction:column;width:fit-content;margin-bottom:2.5rem;padding:1.25rem;background:#f5f5f4;border-radius:1.1rem}.mcf-page .mcf-board .mcf-create h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:600;color:#292524}.mcf-page .mcf-board .mcf-create input,.mcf-page .mcf-board .mcf-create textarea{min-width:30rem;margin-top:.5rem;padding:.75rem;border-radius:.9rem;border:1px solid #a8a29e;font-size:.9rem}.mcf-page .mcf-board .mcf-create input:focus,.mcf-page .mcf-board .mcf-create textarea:focus{outline:none;border-color:#292524}.mcf-page .mcf-board .mcf-create .mcf-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.75rem;width:100%;background:#292524;border-radius:1rem;box-shadow:.25rem .25rem 1rem #00000040;border:none;font-size:.95rem;font-weight:600;color:#fff;transition:.2s ease;cursor:pointer}.mcf-page .mcf-board .mcf-create .mcf-submit:hover{transform:translateY(-1px);box-shadow:.25rem .5rem 1.5rem #00000045}.mcf-page .mcf-board .mcf-create .mcf-submit:active{transform:translateY(0);box-shadow:.25rem .25rem 1rem #00000040}.mcf-page .mcf-board .mcf-create .mcf-submit .mcf-submit-text{white-space:nowrap}.mcf-page .mcf-board .mcf-create .mcf-submit .mcf-submit-text:disabled{opacity:.7;cursor:not-allowed}.mcf-page .mcf-board .mcf-create .mcf-submit .mcf-spinner{width:.9rem;height:.9rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.mcf-page .mcf-board .mcf-create .mcf-auth-cta{margin-top:.75rem;padding:.75rem;border-radius:1rem;background:#f5f5f4;border:1px dashed #d6d3d1;text-align:center}.mcf-page .mcf-board .mcf-create .mcf-auth-cta p{margin:0 0 .5rem;font-size:.85rem;color:#44403c}.mcf-page .mcf-board .mcf-create .mcf-auth-cta .mcf-login{padding:.5rem 1rem;background:#292524;color:#fff;border:none;border-radius:999rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 .4rem 1rem #0003;transition:transform .15s ease,box-shadow .15s ease}.mcf-page .mcf-board .mcf-create .mcf-auth-cta .mcf-login:hover{transform:translateY(-1px);box-shadow:0 .6rem 1.4rem #00000040}.mcf-page .mcf-board .mcf-create .mcf-auth-cta .mcf-login:active{transform:translateY(0);box-shadow:0 .3rem .8rem #0003}.mcf-page .mcf-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.mcf-page .mcf-topics .mcf-topic{padding:1rem;background:#f5f5f4;border-radius:1.1rem;transition:.15s ease}.mcf-page .mcf-topics .mcf-topic a{display:block;text-decoration:none;color:inherit}.mcf-page .mcf-topics .mcf-topic:hover{background:#e7e5e4}.mcf-page .mcf-topics .mcf-topic h3{margin:0;font-size:1rem;font-weight:600;color:#292524}.mcf-page .mcf-topics .mcf-topic p{margin:.35rem 0 .5rem;font-size:.85rem;color:#57534e}.mcf-page .mcf-topics .mcf-topic span{font-size:.7rem;color:#78716c}.post-page{display:flex;justify-content:center;padding:1.5rem}.post-page .post-board{width:100%;max-width:1200px;padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:0 0 4rem #0000002e}.post-page .post-board .post-header{margin-bottom:2rem}.post-page .post-board .post-header h1{margin:0;font-size:1.9rem;font-weight:600;color:#292524}.post-page .post-board .post-header p{margin-top:.25rem;font-size:.95rem;color:#57534e}.post-page .post-board .post-header .post-header-row{display:flex;justify-content:space-between;align-items:flex-start}.post-page .post-board .comment-create{display:flex;flex-direction:column;width:fit-content;margin-bottom:2.5rem;padding:1.25rem;background:#f5f5f4;border-radius:1.1rem}.post-page .post-board .comment-create h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:600;color:#292524}.post-page .post-board .comment-create input,.post-page .post-board .comment-create textarea{min-width:30rem;margin-top:.5rem;padding:.75rem;border-radius:.9rem;border:1px solid #a8a29e;font-size:.9rem}.post-page .post-board .comment-create input:focus,.post-page .post-board .comment-create textarea:focus{outline:none;border-color:#292524}.post-page .post-board .comment-create .comment-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.75rem;width:100%;background:#292524;border-radius:1rem;box-shadow:.25rem .25rem 1rem #00000040;border:none;font-size:.95rem;font-weight:600;color:#fff;transition:.2s ease;cursor:pointer}.post-page .post-board .comment-create .comment-submit:hover{transform:translateY(-1px);box-shadow:.25rem .5rem 1.5rem #00000045}.post-page .post-board .comment-create .comment-submit:active{transform:translateY(0);box-shadow:.25rem .25rem 1rem #00000040}.post-page .post-board .comment-create .comment-submit .comment-submit-text{white-space:nowrap}.post-page .post-board .comment-create .comment-submit .comment-submit-text:disabled{opacity:.7;cursor:not-allowed}.post-page .post-board .comment-create .comment-submit .comment-spinner{width:.9rem;height:.9rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.post-page .post-board .comment-create .comment-auth-cta{margin-top:.75rem;padding:.75rem;border-radius:1rem;background:#f5f5f4;border:1px dashed #d6d3d1;text-align:center}.post-page .post-board .comment-create .comment-auth-cta p{margin:0 0 .5rem;font-size:.85rem;color:#44403c}.post-page .post-board .comment-create .comment-auth-cta .comment-login{padding:.5rem 1rem;background:#292524;color:#fff;border:none;border-radius:999rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 .4rem 1rem #0003;transition:transform .15s ease,box-shadow .15s ease}.post-page .post-board .comment-create .comment-auth-cta .comment-login:hover{transform:translateY(-1px);box-shadow:0 .6rem 1.4rem #00000040}.post-page .post-board .comment-create .comment-auth-cta .comment-login:active{transform:translateY(0);box-shadow:0 .3rem .8rem #0003}.post-page .post-board .comment-list{display:flex;flex-direction:column;gap:1rem}.post-page .post-board .comment-list .comment-card{padding:1rem;background:#f5f5f4;border-radius:1.1rem;transition:.15s ease}.post-page .post-board .comment-list .comment-card .comment-content{margin:0;font-size:.9rem;color:#292524;line-height:1.45}.post-page .post-board .comment-list .comment-card .comment-meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.post-page .post-board .comment-list .comment-card .comment-meta span{font-size:.7rem;color:#78716c}.post-page .post-board .comment-list .comment-card .comment-meta .comment-replies-toggle{background:none;border:none;font-size:.75rem;font-weight:600;color:#292524;cursor:pointer;padding:0}.post-page .post-board .comment-list .comment-card .comment-meta .comment-replies-toggle:hover{text-decoration:underline}.post-page .post-board .comment-list .comment-card .comment-loading{margin-top:.75rem;font-size:.75rem;color:#57534e}.post-page .post-board .comment-list .comment-card .comment-replies{margin-top:.75rem;padding-left:1rem;border-left:2px solid #e7e5e4;display:flex;flex-direction:column;gap:.75rem}.post-page .post-board .comment-list .comment-card .comment-replies .comment-reply{background:#fff;padding:.75rem;border-radius:.75rem}.post-page .post-board .comment-list .comment-card .comment-replies .comment-reply p{margin:0 0 .25rem;font-size:.85rem;color:#292524}.post-page .post-board .comment-list .comment-card .comment-replies .comment-reply span{font-size:.7rem;color:#78716c}.post-page .post-board .comment-list .comment-card .comment-replies .reply-create{margin-top:.5rem}.post-page .post-board .comment-list .comment-card .comment-replies .reply-create textarea{width:calc(100% - 1.2rem);padding:.6rem;border-radius:.7rem;border:1px solid #a8a29e;font-size:.8rem}.post-page .post-board .comment-list .comment-card .comment-replies .reply-create button{margin-top:.4rem;padding:.4rem .75rem;background:#292524;color:#fff;border:none;border-radius:999rem;font-size:.75rem;font-weight:600;cursor:pointer}.post-page .post-board .comment-list .comment-card .comment-replies .reply-auth-cta{margin-top:.5rem}.post-page .post-board .comment-list .comment-card .comment-replies .reply-auth-cta button{background:none;border:none;padding:0;font-size:.75rem;font-weight:600;color:#292524;cursor:pointer;text-decoration:underline}.topic-page{display:flex;justify-content:center;padding:1.5rem}.topic-page .topic-board{width:100%;max-width:1200px;padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:0 0 4rem #0000002e}.topic-page .topic-board .topic-header{margin-bottom:2rem}.topic-page .topic-board .topic-header h1{margin:0;font-size:1.9rem;font-weight:600;color:#292524}.topic-page .topic-board .topic-header p{margin-top:.25rem;font-size:.95rem;color:#57534e}.topic-page .topic-board .topic-header .topic-header-row{display:flex;justify-content:space-between;align-items:flex-start}.topic-page .topic-board .post-create{display:flex;flex-direction:column;width:fit-content;margin-bottom:2.5rem;padding:1.25rem;background:#f5f5f4;border-radius:1.1rem}.topic-page .topic-board .post-create h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:600;color:#292524}.topic-page .topic-board .post-create input,.topic-page .topic-board .post-create textarea{min-width:30rem;margin-top:.5rem;padding:.75rem;border-radius:.9rem;border:1px solid #a8a29e;font-size:.9rem}.topic-page .topic-board .post-create input:focus,.topic-page .topic-board .post-create textarea:focus{outline:none;border-color:#292524}.topic-page .topic-board .post-create .post-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.75rem;width:100%;background:#292524;border-radius:1rem;box-shadow:.25rem .25rem 1rem #00000040;border:none;font-size:.95rem;font-weight:600;color:#fff;transition:.2s ease;cursor:pointer}.topic-page .topic-board .post-create .post-submit:hover{transform:translateY(-1px);box-shadow:.25rem .5rem 1.5rem #00000045}.topic-page .topic-board .post-create .post-submit:active{transform:translateY(0);box-shadow:.25rem .25rem 1rem #00000040}.topic-page .topic-board .post-create .post-submit .post-submit-text{white-space:nowrap}.topic-page .topic-board .post-create .post-submit .post-submit-text:disabled{opacity:.7;cursor:not-allowed}.topic-page .topic-board .post-create .post-submit .post-spinner{width:.9rem;height:.9rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.topic-page .topic-board .post-create .post-auth-cta{margin-top:.75rem;padding:.75rem;border-radius:1rem;background:#f5f5f4;border:1px dashed #d6d3d1;text-align:center}.topic-page .topic-board .post-create .post-auth-cta p{margin:0 0 .5rem;font-size:.85rem;color:#44403c}.topic-page .topic-board .post-create .post-auth-cta .post-login{padding:.5rem 1rem;background:#292524;color:#fff;border:none;border-radius:999rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 .4rem 1rem #0003;transition:transform .15s ease,box-shadow .15s ease}.topic-page .topic-board .post-create .post-auth-cta .post-login:hover{transform:translateY(-1px);box-shadow:0 .6rem 1.4rem #00000040}.topic-page .topic-board .post-create .post-auth-cta .post-login:active{transform:translateY(0);box-shadow:0 .3rem .8rem #0003}.topic-page .topic-board .topic-post{padding:1rem;background:#f5f5f4;border-radius:1.1rem;transition:.15s ease}.topic-page .topic-board .topic-post a{display:block;text-decoration:none;color:inherit}.topic-page .topic-board .topic-post:hover{background:#e7e5e4}.topic-page .topic-board .topic-post h3{margin:0;font-size:1rem;font-weight:600;color:#292524}.topic-page .topic-board .topic-post p{margin:.35rem 0 .5rem;font-size:.85rem;color:#57534e}.topic-page .topic-board .topic-post span{font-size:.7rem;color:#78716c}.topic-page .topic-board .topic-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.topic-page .topic-board .topic-error{margin-top:1rem;font-size:.85rem;color:#b91c1c}.topic-post{padding:1rem;background:#f5f5f4;border-radius:1.1rem;transition:.15s ease}.topic-post a{display:block;text-decoration:none;color:inherit}.topic-post:hover{background:#e7e5e4}.topic-post .topic-post-image{width:100%;height:140px;object-fit:cover;margin-bottom:.75rem;border-radius:.9rem}.topic-post h3{margin:0;font-size:1rem;font-weight:600;color:#292524}.topic-post p{margin:.35rem 0 .6rem;font-size:.85rem;color:#57534e;line-height:1.4}.topic-post span{font-size:.7rem;color:#78716c}html,body{width:100%;height:100%;margin:0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#f5f5f4);font-family:system-ui,-apple-system,sans-serif}body{font-family:Inter,sans-serif}h1,h2,h3{font-family:Fredoka One,cursive}