.adsense-container[data-v-2baecc6c]{margin:1rem 0;width:100%;min-width:300px;min-height:100px;display:block}body{margin:0;padding:0;font-size:.8rem}#app{font-family:Noto Sans JP,sans-serif}h1{font-size:1rem;color:#35495e;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0}h1 i{font-size:1.1rem;color:#35495e}header{margin-bottom:1rem;border-bottom:1px solid #ddd}.header-container{max-width:800px;height:60px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.header-container>a{text-decoration:none}.nav-container{display:flex;gap:1rem;align-items:center;position:relative}.nav-links{display:flex;gap:1rem;align-items:center}.nav-link{color:#35495e;text-decoration:none}.nav-link-active{color:#13283c;font-weight:600}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.nav-dropdown-trigger i{font-size:.65rem}.nav-dropdown-menu{position:absolute;top:90%;left:0;margin-top:.1rem;background:#fff;border:1px solid #ddd;border-radius:.25rem;min-width:120px;display:none;flex-direction:column;overflow:hidden;z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{display:flex}.nav-dropdown-item{padding:.75rem 1rem;color:#35495e;text-decoration:none;font-size:.8rem;white-space:nowrap;display:block}.nav-dropdown-item:hover{background-color:#f9f9f9}.nav-dropdown-item.router-link-exact-active{color:#13283c;background-color:#f0f9f5}.hamburger-btn{display:none;background:none;border:none;font-size:1.5rem;color:#35495e;cursor:pointer;padding:.25rem}.mobile-menu{display:flex;position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:.25rem;min-width:200px;margin-top:.5rem;flex-direction:column;box-shadow:0 2px 8px #0000001a;z-index:1000}.mobile-menu-item{padding:.75rem 1rem;color:#35495e;text-decoration:none;border:none;background:none;cursor:pointer;text-align:left;font-size:.8rem;border-bottom:1px solid #eee}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background-color:#f9f9f9}.mobile-menu-item-active{color:#13283c;background-color:#f0f9f5}.mobile-menu-item-sub{padding-left:1.5rem;color:#666}@media(max-width:768px){.nav-links{display:none}.hamburger-btn{display:block}.mobile-menu{display:flex}.user-menu{display:none}}.user-menu{position:relative}.user-icon{font-size:1.5rem;cursor:pointer;color:#35495e;display:flex;align-items:center;justify-content:center}.user-avatar-icon{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover}.dropdown-menu{position:absolute;top:90%;right:0;margin-top:.1rem;background:#fff;border:1px solid #ddd;border-radius:.25rem;min-width:150px;display:none;flex-direction:column;overflow:hidden;z-index:1}.user-menu:hover .dropdown-menu,.dropdown-menu:hover{display:flex}.dropdown-item{padding:.75rem 1rem;color:#35495e;text-decoration:none;border:none;background:none;cursor:pointer;text-align:left;font-size:.8rem}.dropdown-item:hover{background-color:#f9f9f9}.logout-item{border-top:1px solid #eee;color:#e74c3c}.container{max-width:800px;margin:0 auto;padding:0 1rem}.global-ad-container{max-width:800px;margin:2rem auto;padding:0 1rem;min-width:300px}#login[data-v-86125687]{min-height:calc(100vh - 60px - 1rem);display:flex;justify-content:center;align-items:center}.login-container[data-v-86125687]{max-width:25rem;width:100%;padding:1rem;box-sizing:border-box;border:1px solid #ddd}h2[data-v-86125687]{font-size:1rem;margin-top:0;text-align:center}label[data-v-86125687]{display:block;margin-bottom:.5rem;font-size:.8rem}input[data-v-86125687]{width:100%;padding:.5rem;margin-bottom:.5rem;box-sizing:border-box}button[data-v-86125687]{width:100%;padding:.5rem;background-color:#41b883;color:#fff;border:none;cursor:pointer;transition:opacity .3s ease}button[data-v-86125687]:hover{opacity:.8}button[data-v-86125687]:disabled{background-color:#ccc;cursor:not-allowed}button.loading[data-v-86125687]{animation:pulse-86125687 1.5s ease-in-out infinite}@keyframes pulse-86125687{0%,to{background-color:#41b883}50%{background-color:#35a372}}.error[data-v-86125687]{color:#e74c3c;margin-top:.5rem}.divider[data-v-86125687]{margin:1rem 0;text-align:center;color:#666;font-size:.8rem}.google-btn[data-v-86125687]{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#444;border:1px solid #ddd;margin-top:0;font-size:.9rem}.google-btn img[data-v-86125687]{width:1.125rem;height:1.125rem}.google-btn[data-v-86125687]:hover:not(:disabled){background:#f5f5f5}.register-link[data-v-86125687]{margin-top:1rem;text-align:center;font-size:.8rem;color:#666}.register-link a[data-v-86125687]{color:#41b883;text-decoration:none;transition:color .3s ease}.register-link a[data-v-86125687]:hover{text-decoration:underline;color:#35a372}#register[data-v-0cc63674]{min-height:calc(100vh - 60px - 1rem);display:flex;justify-content:center;align-items:center}.register-container[data-v-0cc63674]{max-width:25rem;width:100%;padding:1rem;border:1px solid #ddd;box-sizing:border-box}h2[data-v-0cc63674]{font-size:1rem;margin-top:0;text-align:center}label[data-v-0cc63674]{display:block;margin-bottom:.5rem;font-size:.8rem}input[data-v-0cc63674]{width:100%;padding:.5rem;margin-bottom:.5rem;box-sizing:border-box}button[data-v-0cc63674]{width:100%;padding:.5rem;background-color:#41b883;color:#fff;border:none;cursor:pointer;transition:opacity .3s ease}button[data-v-0cc63674]:hover{opacity:.8}button[data-v-0cc63674]:disabled{background-color:#ccc;cursor:not-allowed}button.loading[data-v-0cc63674]{animation:pulse-0cc63674 1.5s ease-in-out infinite}@keyframes pulse-0cc63674{0%,to{background-color:#41b883}50%{background-color:#35a372}}.error[data-v-0cc63674]{color:#e74c3c;margin-top:.5rem}.login-link[data-v-0cc63674]{margin-top:1rem;text-align:center;font-size:.8rem;color:#666}.login-link a[data-v-0cc63674]{color:#41b883;text-decoration:none;transition:color .3s ease}.login-link a[data-v-0cc63674]:hover{text-decoration:underline;color:#35a372}.callback-container[data-v-a1cb55f1]{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.125rem}.post-list-wrapper[data-v-99344b75]{padding-bottom:3rem}.header[data-v-99344b75]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}ul[data-v-99344b75]{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}li[data-v-99344b75]{border:1px solid #ddd;padding:1rem;display:flex;flex-direction:column;gap:1rem}.post-item[data-v-99344b75]{cursor:pointer;transition:opacity .3s}.post-item[data-v-99344b75]:hover{opacity:.7}h2[data-v-99344b75]{font-size:1rem;margin:0}h3[data-v-99344b75],p[data-v-99344b75]{margin:0}.post-preview[data-v-99344b75]{color:#666;font-size:.875rem;line-height:1.4}.post-meta[data-v-99344b75]{font-size:.75rem;color:#666;display:flex;justify-content:space-between;align-items:center;gap:1rem}.post-meta-left[data-v-99344b75],.post-meta-right[data-v-99344b75]{display:flex;gap:1rem;align-items:center}@media(max-width:768px){.post-meta[data-v-99344b75]{flex-direction:column;align-items:flex-start;gap:.5rem}}.post-meta span[data-v-99344b75]{display:flex;align-items:center;gap:.25rem}.post-meta i[data-v-99344b75]{color:#999}.user-info[data-v-99344b75]{display:flex;align-items:center;gap:.5rem}.user-avatar[data-v-99344b75]{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover}.status-label[data-v-99344b75]{background-color:#e8f5ef;color:#42b983;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.pagination[data-v-99344b75]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-btn[data-v-99344b75]{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;cursor:pointer;border-radius:.25rem}.page-btn[data-v-99344b75]:hover:not(:disabled){background-color:#f0f0f0}.page-btn[data-v-99344b75]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-99344b75]{font-size:.9rem;color:#666}.search-section[data-v-99344b75]{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.search-box[data-v-99344b75]{position:relative;display:flex;align-items:center}.search-icon[data-v-99344b75]{position:absolute;left:.75rem;color:#999;pointer-events:none}.search-input[data-v-99344b75]{width:100%;padding:.75rem 2.5rem .75rem 2.25rem;border:1px solid #ddd;border-radius:.5rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-input[data-v-99344b75]:focus{outline:none;border-color:#42b983;box-shadow:0 0 0 3px #42b9831a}.search-input[data-v-99344b75]::placeholder{color:#aaa}.clear-btn[data-v-99344b75]{position:absolute;right:.5rem;background:none;border:none;color:#999;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .2s,background-color .2s}.clear-btn[data-v-99344b75]:hover{color:#666;background-color:#f0f0f0}.filter-options[data-v-99344b75]{display:flex;gap:.5rem;flex-wrap:wrap}.status-filter[data-v-99344b75]{padding:.5rem .75rem;border:1px solid #ddd;border-radius:.5rem;font-size:.85rem;background-color:#fff;cursor:pointer;min-width:150px}.status-filter[data-v-99344b75]:focus{outline:none;border-color:#42b983}.search-result-info[data-v-99344b75]{font-size:.85rem;color:#666;padding:.5rem 0;border-bottom:1px solid #eee}@media(max-width:768px){.search-section[data-v-99344b75]{gap:.5rem}.filter-options[data-v-99344b75]{flex-direction:column}.status-filter[data-v-99344b75]{width:100%}}h2[data-v-f7ff3200]{font-size:1rem;margin-top:0}.post-form[data-v-f7ff3200]{border:1px solid #ddd;padding:1rem}.post-form form[data-v-f7ff3200]{display:flex;flex-direction:column;gap:1rem}label[data-v-f7ff3200]{display:block;margin-bottom:.5rem;font-weight:700}input[data-v-f7ff3200],textarea[data-v-f7ff3200],select[data-v-f7ff3200]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;box-sizing:border-box}textarea[data-v-f7ff3200]{min-height:200px;box-sizing:border-box;resize:vertical}.content-section[data-v-f7ff3200]{display:flex;flex-direction:column}.content-editor[data-v-f7ff3200]{display:flex;gap:1rem}.content-editor textarea[data-v-f7ff3200]{flex:1;font-family:Noto Sans JP,monospace;font-size:.875rem}.content-preview[data-v-f7ff3200]{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;background:#f9f9f9;min-height:200px;max-height:400px;overflow-y:auto;font-size:.875rem}.content-preview[data-v-f7ff3200] h1,.content-preview[data-v-f7ff3200] h2,.content-preview[data-v-f7ff3200] h3{margin-top:.5rem;margin-bottom:.5rem}.content-preview[data-v-f7ff3200] p{margin:.5rem 0}.content-preview[data-v-f7ff3200] code{background:#e8e8e8;padding:.1rem .3rem;border-radius:.2rem;font-size:.8rem}.content-preview[data-v-f7ff3200] pre{background:#2d2d2d;color:#f8f8f2;padding:.75rem;border-radius:.25rem;overflow-x:auto}.content-preview[data-v-f7ff3200] pre code{background:none;padding:0;color:inherit}.content-preview[data-v-f7ff3200] ul,.content-preview[data-v-f7ff3200] ol{padding-left:1.5rem;margin:.5rem 0}.content-preview[data-v-f7ff3200] blockquote{border-left:3px solid #41B883;margin:.5rem 0;padding-left:1rem;color:#666}@media(max-width:768px){.content-editor[data-v-f7ff3200]{flex-direction:column}.content-preview[data-v-f7ff3200]{min-height:150px}}.status-select[data-v-f7ff3200]{width:auto}.button-group[data-v-f7ff3200]{display:flex;gap:.5rem}button[data-v-f7ff3200]{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}button[type=submit][data-v-f7ff3200]{background-color:#41b883;color:#fff}button[type=submit][data-v-f7ff3200]:hover{opacity:.8}button[type=button][data-v-f7ff3200]{background-color:#95a5a6;color:#fff}button[type=button][data-v-f7ff3200]:hover{opacity:.8}.error[data-v-f7ff3200]{color:#e74c3c;margin-top:.5rem}h2[data-v-70b9b61a]{font-size:1rem;margin-top:0}.post-edit[data-v-70b9b61a]{border:1px solid #ddd;padding:1rem}.post-edit form[data-v-70b9b61a]{display:flex;flex-direction:column;gap:1rem}label[data-v-70b9b61a]{display:block;margin-bottom:.5rem;font-weight:700}input[data-v-70b9b61a],textarea[data-v-70b9b61a],select[data-v-70b9b61a]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;box-sizing:border-box}textarea[data-v-70b9b61a]{min-height:200px;resize:vertical}.content-section[data-v-70b9b61a]{display:flex;flex-direction:column}.content-editor[data-v-70b9b61a]{display:flex;gap:1rem}.content-editor textarea[data-v-70b9b61a]{flex:1;font-family:Noto Sans JP,monospace;font-size:.875rem}.content-preview[data-v-70b9b61a]{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;background:#f9f9f9;min-height:200px;max-height:400px;overflow-y:auto;font-size:.875rem}.content-preview[data-v-70b9b61a] h1,.content-preview[data-v-70b9b61a] h2,.content-preview[data-v-70b9b61a] h3{margin-top:.5rem;margin-bottom:.5rem}.content-preview[data-v-70b9b61a] p{margin:.5rem 0}.content-preview[data-v-70b9b61a] code{background:#e8e8e8;padding:.1rem .3rem;border-radius:.2rem;font-size:.8rem}.content-preview[data-v-70b9b61a] pre{background:#2d2d2d;color:#f8f8f2;padding:.75rem;border-radius:.25rem;overflow-x:auto}.content-preview[data-v-70b9b61a] pre code{background:none;padding:0;color:inherit}.content-preview[data-v-70b9b61a] ul,.content-preview[data-v-70b9b61a] ol{padding-left:1.5rem;margin:.5rem 0}.content-preview[data-v-70b9b61a] blockquote{border-left:3px solid #41B883;margin:.5rem 0;padding-left:1rem;color:#666}.content-preview[data-v-70b9b61a] .mermaid{background:#f5f5f5;padding:1rem;border-radius:.25rem;margin:.5rem 0}@media(max-width:768px){.content-editor[data-v-70b9b61a]{flex-direction:column}.content-preview[data-v-70b9b61a]{min-height:150px}}.status-select[data-v-70b9b61a]{width:auto}.button-group[data-v-70b9b61a]{display:flex;gap:.5rem}button[data-v-70b9b61a]{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}button[type=submit][data-v-70b9b61a]{background-color:#41b883;color:#fff}button[type=submit][data-v-70b9b61a]:hover{opacity:.8}button[type=button][data-v-70b9b61a]{background-color:#95a5a6;color:#fff}button[type=button][data-v-70b9b61a]:hover{opacity:.8}.error[data-v-70b9b61a]{color:#e74c3c;margin-top:.5rem}.header[data-v-fdb65f50]{margin-bottom:1rem}h2[data-v-fdb65f50]{font-size:1rem;margin:0}.post-content[data-v-fdb65f50]{border:1px solid #ddd;padding:1rem;display:flex;flex-direction:column;gap:1rem}h3[data-v-fdb65f50]{margin:0}.post-body[data-v-fdb65f50]{line-height:1.6}.markdown-content[data-v-fdb65f50] h1,.markdown-content[data-v-fdb65f50] h2,.markdown-content[data-v-fdb65f50] h3{margin-top:1rem;margin-bottom:.5rem}.markdown-content[data-v-fdb65f50] h1:first-child,.markdown-content[data-v-fdb65f50] h2:first-child,.markdown-content[data-v-fdb65f50] h3:first-child{margin-top:0}.markdown-content[data-v-fdb65f50] p{margin:.5rem 0}.markdown-content[data-v-fdb65f50] code{background:#e8e8e8;padding:.1rem .3rem;border-radius:.2rem;font-size:.85rem}.markdown-content[data-v-fdb65f50] pre{background:#2d2d2d;color:#f8f8f2;padding:1rem;border-radius:.25rem;overflow-x:auto}.markdown-content[data-v-fdb65f50] pre code{background:none;padding:0;color:inherit}.markdown-content[data-v-fdb65f50] ul,.markdown-content[data-v-fdb65f50] ol{padding-left:1.5rem;margin:.5rem 0}.markdown-content[data-v-fdb65f50] blockquote{border-left:3px solid #41B883;margin:.5rem 0;padding-left:1rem;color:#666}.markdown-content[data-v-fdb65f50] a{color:#41b883}.markdown-content[data-v-fdb65f50] table{border-collapse:collapse;margin:.5rem 0}.markdown-content[data-v-fdb65f50] th,.markdown-content[data-v-fdb65f50] td{border:1px solid #ddd;padding:.5rem}.markdown-content[data-v-fdb65f50] th{background:#f5f5f5}.markdown-content[data-v-fdb65f50] .mermaid{background:#f5f5f5;padding:1rem;border-radius:.25rem;margin:.5rem 0}h3[data-v-fdb65f50],p[data-v-fdb65f50]{margin:0}.post-meta[data-v-fdb65f50]{font-size:.75rem;color:#666;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:768px){.post-meta[data-v-fdb65f50]{flex-direction:column;align-items:flex-start;gap:.5rem}}.post-meta-left[data-v-fdb65f50],.post-meta-right[data-v-fdb65f50]{display:flex;gap:1rem;align-items:center}.post-meta span[data-v-fdb65f50]{display:inline-flex;align-items:center;gap:.25rem}.post-meta i[data-v-fdb65f50]{font-size:.5rem;color:#999}.user-info[data-v-fdb65f50]{display:flex;align-items:center;gap:.5rem}.user-avatar[data-v-fdb65f50]{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover}.button-group[data-v-fdb65f50]{display:flex;gap:.5rem}.edit-btn[data-v-fdb65f50]{background-color:#35495e;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:.25rem}.edit-btn[data-v-fdb65f50]:hover{opacity:.8}.delete-btn[data-v-fdb65f50]{background-color:#e74c3c;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:.25rem}.delete-btn[data-v-fdb65f50]:hover{opacity:.8}.status-label[data-v-fdb65f50]{background-color:#f0f0f0;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem}.profile[data-v-d1415438]{max-width:600px;margin:0 auto}h2[data-v-d1415438]{font-size:1rem;margin-bottom:1rem}.profile-form[data-v-d1415438]{border:1px solid #ddd;padding:1.5rem}.form-group[data-v-d1415438]{margin-bottom:1rem}label[data-v-d1415438]{display:block;margin-bottom:.5rem;font-weight:700}input[data-v-d1415438]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;box-sizing:border-box}.avatar-section[data-v-d1415438]{display:flex;align-items:center;gap:1rem}.avatar-buttons[data-v-d1415438]{display:flex;flex-direction:column;gap:.5rem}.avatar-preview[data-v-d1415438]{width:100px;height:100px;border:2px solid #ddd;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.avatar-image[data-v-d1415438]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-d1415438]{color:#999;font-size:.8rem;text-align:center}.file-input[data-v-d1415438]{display:none}button[type=button].select-file-btn[data-v-d1415438]{background-color:transparent;color:#41b883;border:1px solid #41B883}button[type=button].select-file-btn[data-v-d1415438]:hover{background-color:#41b8831a;opacity:1}button[type=button].delete-avatar-btn[data-v-d1415438]{background-color:transparent;color:#e74c3c;border:1px solid #e74c3c}button[type=button].delete-avatar-btn[data-v-d1415438]:hover{background-color:#e74c3c1a;opacity:1}.role-label[data-v-d1415438]{background-color:#f0f0f0;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem}.error[data-v-d1415438]{color:#e74c3c;margin:.5rem 0}.success[data-v-d1415438]{color:#41b883;margin:.5rem 0}.button-group[data-v-d1415438]{display:flex;gap:.5rem;margin-top:1.5rem}button[data-v-d1415438]{font-size:.75rem;padding:.4rem .8rem;border:none;border-radius:.25rem;cursor:pointer}button[type=submit][data-v-d1415438]{background-color:#41b883;color:#fff}button[type=submit][data-v-d1415438]:disabled{background-color:#ccc;cursor:not-allowed}button[type=submit][data-v-d1415438]:hover:not(:disabled){opacity:.8}button[type=button][data-v-d1415438]{background-color:#95a5a6;color:#fff}button[type=button][data-v-d1415438]:hover{opacity:.8}.typing-game-container[data-v-235abcd8]{margin:0}.game-title[data-v-235abcd8]{font-size:1rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.typing-game[data-v-235abcd8]{min-height:60vh;border:1px solid #ddd;padding:1rem;display:flex;flex-direction:column;background-color:#fff;border-radius:.25rem}.category-grid[data-v-235abcd8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem;margin-bottom:1.5rem}.category-btn[data-v-235abcd8]{height:auto;padding:.5rem;font-size:.8rem;text-align:center;white-space:normal;line-height:1.2;border:1px solid #ddd;background-color:#fff;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:.25rem}.category-btn i[data-v-235abcd8]{font-size:.875rem}.category-btn[data-v-235abcd8]:hover{background-color:#35495e1a}.category-git[data-v-235abcd8],.category-docker[data-v-235abcd8],.category-javascript[data-v-235abcd8],.category-laravel[data-v-235abcd8],.category-aichat[data-v-235abcd8],.category-sql[data-v-235abcd8]{background-color:#f0f0f0;color:#35495e;border-color:#ddd}.category-git-selected[data-v-235abcd8],.category-docker-selected[data-v-235abcd8],.category-javascript-selected[data-v-235abcd8]{background-color:#35495e33;color:#35495e;border-color:#35495e}.category-laravel-selected[data-v-235abcd8]{background-color:#ff2d201a;color:#ff2d20;border-color:#ff2d20}.category-aichat-selected[data-v-235abcd8]{background-color:#10a37f1a;color:#10a37f;border-color:#10a37f}.category-sql-selected[data-v-235abcd8]{background-color:#00758f1a;color:#00758f;border-color:#00758f}.category-default[data-v-235abcd8]{background-color:#fff;color:#35495e}.category-default-selected[data-v-235abcd8]{background-color:#35495e1a;color:#35495e}.game-stats[data-v-235abcd8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;min-height:3rem}.stats-left[data-v-235abcd8]{min-width:200px;display:flex;gap:.5rem;align-items:center;line-height:1}.stats-label[data-v-235abcd8],.combo-label[data-v-235abcd8]{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.25rem}.stats-label i[data-v-235abcd8],.combo-label i[data-v-235abcd8]{font-size:.75rem;color:#999}.combo-label[data-v-235abcd8],.combo-label i[data-v-235abcd8]{color:#e67e22}.stats-value[data-v-235abcd8],.combo-value[data-v-235abcd8]{font-weight:700;font-size:1rem}.combo-value[data-v-235abcd8]{color:#e67e22}.stats-right[data-v-235abcd8]{display:flex;align-items:center;gap:.5rem;line-height:1}.timer-label[data-v-235abcd8]{font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.timer-label i[data-v-235abcd8]{font-size:.75rem;color:#666}.timer-value[data-v-235abcd8]{font-size:1rem;font-weight:700}.game-content[data-v-235abcd8]{flex:1;display:flex;align-items:center;justify-content:center}.ready-screen[data-v-235abcd8],.end-screen[data-v-235abcd8]{display:flex;flex-direction:column;align-items:center;gap:1rem}.compact-setting[data-v-235abcd8]{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#666}.compact-setting i[data-v-235abcd8]{font-size:.7rem}.setting-select[data-v-235abcd8]{padding:.15rem .25rem;font-size:.75rem;border:1px solid #ddd;border-radius:.25rem;background-color:#fff;cursor:pointer;outline:none}.setting-select[data-v-235abcd8]:focus{border-color:#35495e}.ready-message[data-v-235abcd8]{font-size:.8rem;text-align:center}.category-name[data-v-235abcd8]{font-size:1rem;font-weight:700}.start-btn[data-v-235abcd8],.retry-btn[data-v-235abcd8]{font-weight:700;color:#35495e;background-color:#fff;padding:.5rem 1rem;border:1px solid #ddd;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:.5rem;font-size:.8rem;border-radius:.25rem}.start-btn i[data-v-235abcd8],.retry-btn i[data-v-235abcd8]{font-size:.75rem}.start-btn[data-v-235abcd8]:hover:not(.start-btn-disabled),.retry-btn[data-v-235abcd8]:hover{background-color:#f0f0f0}.start-btn-disabled[data-v-235abcd8]{background-color:#fff;cursor:not-allowed;color:#999;opacity:.5}.playing-screen[data-v-235abcd8]{width:100%;box-sizing:border-box}.description[data-v-235abcd8]{font-size:.8rem;color:#666;margin-bottom:1rem;min-height:3rem;display:flex;align-items:flex-end}.input-area-wrapper[data-v-235abcd8]{border:1px solid #ddd;border-radius:.25rem;overflow:hidden;transition:border-color .2s}.input-area-wrapper[data-v-235abcd8]:focus-within{border-color:#35495e}.input-area-wrapper.input-area-miss[data-v-235abcd8]{border-color:#e74c3c}.input-area-wrapper.input-area-correct[data-v-235abcd8]{border-color:#27ae60}.input-area[data-v-235abcd8]{font-family:monospace;font-size:1rem;padding:1rem;width:100%;min-height:60px;display:flex;align-items:center;background-color:#fff;outline:none;box-sizing:border-box}.word-timer-bar[data-v-235abcd8]{height:4px;background-color:#f0f0f0}.word-timer-progress[data-v-235abcd8]{height:100%;width:100%;background-color:#35495e;transform-origin:right center;transition:transform .1s linear}.word-timer-progress.word-timer-warning[data-v-235abcd8]{background-color:#e74c3c}.char[data-v-235abcd8]{display:inline-block}.char-space[data-v-235abcd8]{width:.5em}.char-typed[data-v-235abcd8]{color:#27ae60}.char-typed.char-space[data-v-235abcd8]{background-color:#27ae6033;border-radius:2px}.char-current[data-v-235abcd8]{color:#35495e;border-bottom:2px solid #35495e}.char-remaining[data-v-235abcd8]{color:#999}.end-stats[data-v-235abcd8]{display:flex;gap:2rem;align-items:center}.end-stat-item[data-v-235abcd8]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.end-stat-label[data-v-235abcd8]{font-size:.8rem;color:#666}.end-stat-value[data-v-235abcd8]{font-size:1rem;font-weight:700}@media(max-width:768px){.game-stats[data-v-235abcd8]{flex-direction:column;gap:1rem;align-items:flex-start}.category-grid[data-v-235abcd8]{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.input-area[data-v-235abcd8]{font-size:.9rem}}.not-found[data-v-7a433297]{text-align:center;padding:2rem}h2[data-v-7a433297]{font-size:1.5rem;margin-bottom:1rem;color:#35495e}p[data-v-7a433297]{margin-bottom:2rem;color:#666}.home-btn[data-v-7a433297]{background-color:#41b883;color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem}.home-btn[data-v-7a433297]:hover{opacity:.8}.header[data-v-5f7ac442]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h2[data-v-5f7ac442]{font-size:1rem;margin:0}.loading[data-v-5f7ac442]{text-align:center;padding:2rem;color:#666}ul[data-v-5f7ac442]{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}li[data-v-5f7ac442]{border:1px solid #ddd;padding:1rem;display:flex;flex-direction:column;gap:1rem}.book-item[data-v-5f7ac442]{transition:opacity .3s}.book-item[data-v-5f7ac442]:hover{opacity:.7}.book-content[data-v-5f7ac442]{display:flex;gap:1rem}.book-cover[data-v-5f7ac442]{flex-shrink:0;width:80px;height:110px}.book-cover img[data-v-5f7ac442]{width:100%;height:100%;object-fit:cover;border:1px solid #ddd}.no-cover[data-v-5f7ac442]{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;border:1px solid #ddd}.no-cover i[data-v-5f7ac442]{font-size:2rem;color:#999}.book-info[data-v-5f7ac442]{flex:1;display:flex;flex-direction:column;gap:.5rem}.book-info h3[data-v-5f7ac442]{margin:0;font-size:1rem}.author[data-v-5f7ac442]{margin:0;font-size:.85rem;color:#666}.rating[data-v-5f7ac442]{display:flex;gap:.25rem}.star[data-v-5f7ac442]{color:#f5a623;font-size:.85rem}.review[data-v-5f7ac442]{margin:0;font-size:.9rem;color:#333}.book-meta[data-v-5f7ac442]{font-size:.75rem;color:#666;display:flex;justify-content:space-between;align-items:center;gap:1rem}.book-meta-left[data-v-5f7ac442],.book-meta-right[data-v-5f7ac442]{display:flex;gap:1rem;align-items:center}.book-meta span[data-v-5f7ac442]{display:flex;align-items:center;gap:.25rem}.book-meta i[data-v-5f7ac442]{color:#999}.user-info[data-v-5f7ac442]{display:flex;align-items:center;gap:.5rem}.status-label[data-v-5f7ac442]{background-color:#e8f5ef;color:#42b983;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}@media(max-width:768px){.book-content[data-v-5f7ac442]{flex-direction:column;align-items:center;text-align:center}.book-meta[data-v-5f7ac442]{flex-direction:column;align-items:flex-start;gap:.5rem}}.header[data-v-6f17f1da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h2[data-v-6f17f1da]{font-size:1rem;margin:0}.youtuber-grid[data-v-6f17f1da]{display:flex;flex-direction:column;gap:1rem}.youtuber-card[data-v-6f17f1da]{border:1px solid #ddd;padding:1rem;display:flex;flex-direction:column;gap:1rem;transition:opacity .3s}.youtuber-card[data-v-6f17f1da]:hover{opacity:.7}.card-header[data-v-6f17f1da]{display:flex;align-items:center;gap:1rem}.youtuber-thumbnail[data-v-6f17f1da]{flex-shrink:0;width:72px;height:72px}.youtuber-thumbnail img[data-v-6f17f1da]{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #ddd}.no-thumbnail[data-v-6f17f1da]{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ddd}.no-thumbnail i[data-v-6f17f1da]{font-size:2rem;color:red}.header-info[data-v-6f17f1da]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.header-info h3[data-v-6f17f1da]{margin:0;font-size:1rem}.stats[data-v-6f17f1da]{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#666}.stats span[data-v-6f17f1da]{display:flex;align-items:center;gap:.25rem}.stats i[data-v-6f17f1da]{color:#999}.card-body[data-v-6f17f1da]{display:flex;flex-direction:column;gap:.5rem}.description[data-v-6f17f1da]{margin:0;font-size:.85rem;color:#555;line-height:1.4}.keywords[data-v-6f17f1da]{display:flex;gap:.5rem;flex-wrap:wrap}.keyword-tag[data-v-6f17f1da]{background-color:#f0f0f0;color:#666;padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem}.rating[data-v-6f17f1da]{display:flex;gap:.25rem}.star[data-v-6f17f1da]{color:#f5a623;font-size:.85rem}.channel-link[data-v-6f17f1da]{display:inline-flex;align-items:center;gap:.25rem;color:#35495e;text-decoration:none;font-size:.85rem}.channel-link[data-v-6f17f1da]:hover{text-decoration:underline}.channel-link i[data-v-6f17f1da]{color:red}.card-footer[data-v-6f17f1da]{font-size:.75rem;color:#666;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid #eee}.user-info[data-v-6f17f1da],.date-info[data-v-6f17f1da]{display:flex;align-items:center;gap:.25rem}.card-footer i[data-v-6f17f1da]{color:#999}.empty-message[data-v-6f17f1da]{color:#666}@media(max-width:768px){.card-header[data-v-6f17f1da]{flex-direction:column;text-align:center}.header-info[data-v-6f17f1da]{align-items:center}.stats[data-v-6f17f1da]{justify-content:center}.card-body[data-v-6f17f1da]{align-items:center;text-align:center}.keywords[data-v-6f17f1da]{justify-content:center}.card-footer[data-v-6f17f1da]{flex-direction:column;align-items:flex-start;gap:.5rem}}.admin-users[data-v-866f4be6]{padding:1rem 0}h2[data-v-866f4be6]{margin-bottom:1.5rem;color:#35495e}.loading[data-v-866f4be6]{text-align:center;padding:2rem;color:#666}.error-message[data-v-866f4be6]{padding:1rem;background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c00}.users-table[data-v-866f4be6]{width:100%;border-collapse:collapse;font-size:.85rem}.users-table th[data-v-866f4be6],.users-table td[data-v-866f4be6]{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #eee}.users-table th[data-v-866f4be6]{background-color:#f9f9f9;font-weight:600;color:#35495e}.deleted-row[data-v-866f4be6]{background-color:#f9f9f9;color:#999}.role-badge[data-v-866f4be6]{display:inline-block;padding:.2rem .5rem;border-radius:3px;font-size:.75rem;margin-right:.25rem}.role-admin[data-v-866f4be6]{background-color:#e74c3c;color:#fff}.role-paid[data-v-866f4be6]{background-color:#3498db;color:#fff}.role-free[data-v-866f4be6]{background-color:#95a5a6;color:#fff}.status-active[data-v-866f4be6]{color:#27ae60}.status-deleted[data-v-866f4be6]{color:#e74c3c}.btn[data-v-866f4be6]{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.75rem}.btn[data-v-866f4be6]:disabled{opacity:.5;cursor:not-allowed}.btn-delete[data-v-866f4be6]{background-color:#e74c3c;color:#fff}.btn-delete[data-v-866f4be6]:hover:not(:disabled){background-color:#c0392b}.btn-restore[data-v-866f4be6]{background-color:#27ae60;color:#fff}.btn-restore[data-v-866f4be6]:hover:not(:disabled){background-color:#1e8449}.editor-home[data-v-acac3905]{display:flex;flex-direction:column;min-height:80vh;justify-content:center}.hero-section[data-v-acac3905]{position:relative;min-height:70vh;display:flex;align-items:center;background-image:url(/images/business-woman04.jpg);background-size:cover;background-position:center center}.hero-overlay[data-v-acac3905]{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.hero-content[data-v-acac3905]{position:relative;z-index:1;padding:3rem}h2[data-v-acac3905]{color:#fff;font-size:clamp(2rem,2.5vw,2.5rem);font-weight:700;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.7);letter-spacing:.05em}.sp-only[data-v-acac3905]{display:none}.editor-home-description[data-v-acac3905]{color:#fff;margin:0 0 2rem;font-size:clamp(1rem,1.2vw,1.2rem);font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.7);display:flex;gap:1rem}.editor-home-description-item[data-v-acac3905]{display:inline-flex;align-items:center;gap:.3rem;padding-bottom:.2rem}.editor-home-description-item i[data-v-acac3905]{font-size:.9em}.create-btn[data-v-acac3905]{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9rem;font-weight:500;background:#fff;color:#333;border:none;cursor:pointer;line-height:1.2;transition:opacity .3s}.create-btn[data-v-acac3905]:hover{opacity:.8}.create-btn i[data-v-acac3905]{font-size:.75rem}@media(max-width:768px){.hero-section[data-v-acac3905]{min-height:75vh}.hero-content[data-v-acac3905]{padding:1rem}.hero-overlay[data-v-acac3905]{background:linear-gradient(90deg,#0000004d,#0000001a)}.sp-only[data-v-acac3905]{display:block}h2[data-v-acac3905]{font-size:1.2rem}.editor-home-description[data-v-acac3905]{flex-direction:column;gap:.3rem}}.editor-container[data-v-972de52d]{padding:20px;max-width:1200px;margin:0 auto}.editor-layout[data-v-972de52d]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.markdown-input[data-v-972de52d]{width:100%;min-height:400px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:monospace;resize:vertical}.markdown-preview[data-v-972de52d]{padding:10px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;min-height:400px;overflow-y:auto}.save-button[data-v-972de52d]{padding:10px 20px;background:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer}.save-button[data-v-972de52d]:disabled{background:#ccc;cursor:not-allowed}