:root{--black:#0d0d0d;--dark:#1a1a2e;--mid:#16213e;--accent:#e94560;--accent2:#f5a623;--text-h:#f0f0f0;--text:#aaa;--body-text:#e8e8e8;--bg:#1a1a2e;--border:#ffffff1f;--card:#ffffff0d;--card-border:#ffffff1a;--accent-bg:#e945601f;--accent-border:#e9456066;--code-bg:#ffffff0a;--ai-tint:#6c34831f;--ai-border:#a569bd59;--shadow:0 8px 32px #0006;--radius:14px;--sans:"Noto Sans JP", "Noto Sans", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.55 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--body-text);background:var(--dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{min-height:100svh;font-family:var(--sans);background:var(--dark);color:var(--body-text);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#e9456014 0%,#0000 50%),radial-gradient(at 80% 20%,#f5a6230f 0%,#0000 50%);position:fixed;inset:0}.cat-float{pointer-events:none;z-index:0;opacity:.05;-webkit-user-select:none;user-select:none;font-size:80px;animation:20s ease-in-out infinite floatCat;position:fixed}.cat-float:first-child{font-size:60px;animation-delay:0s;top:10%;left:5%}.cat-float:nth-child(2){font-size:80px;animation-delay:-7s;top:60%;right:3%}.cat-float:nth-child(3){font-size:50px;animation-delay:-14s;bottom:15%;left:15%}@keyframes floatCat{0%,to{transform:translateY(0)rotate(-5deg)}33%{transform:translateY(-30px)rotate(5deg)}66%{transform:translateY(15px)rotate(-3deg)}}#root{z-index:1;text-align:left;flex-direction:column;width:100%;max-width:1120px;min-height:100svh;margin:0 auto;padding:0 16px 32px;display:flex;position:relative}h1,h2,h3{font-family:var(--sans);color:var(--text-h);font-weight:600}p{margin:0}code{font-family:var(--mono);color:var(--accent2);background:#ffffff0f;border-radius:6px;padding:2px 6px;font-size:.9em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:#e9456066;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.blog-brand{align-items:flex-start;gap:12px;display:flex}.blog-logo-cat{filter:drop-shadow(0 0 12px #e9456040);font-size:1.75rem;line-height:1.2}.blog-brand-text{min-width:0}.blog-title{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.blog-title-gradient{background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-tagline{margin-top:.35rem}.blog-header{z-index:50;-webkit-backdrop-filter:blur(16px);background:#0d0d0dd9;border-bottom:1px solid #e945604d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:14px 0;display:flex;position:sticky;top:0}.header-actions{flex-wrap:wrap;gap:.5rem;display:flex}a.btn-ghost.neko-cam-link{align-items:center;text-decoration:none;display:inline-flex}.blog-layout{grid-template-columns:minmax(200px,280px) 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=800px){.blog-layout{grid-template-columns:1fr}}.post-list{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px}.post-list h2{align-items:center;gap:6px;margin-bottom:.75rem;font-size:.95rem;display:flex}.post-list h2:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.post-list ul{margin:0;padding:0;list-style:none}.post-list li{align-items:stretch;gap:.25rem;margin-bottom:.35rem;display:flex}.post-item{text-align:left;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);color:var(--text-h);cursor:pointer;font:inherit;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;flex:1;gap:.15rem;padding:12px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.post-item:hover{border-color:#e9456059;transform:translateY(-1px);box-shadow:0 12px 40px #00000073}.post-item-active{background:#e945601a;border-color:#e945608c}.post-item-title{font-size:.9rem;font-weight:500}.post-item-date{color:var(--text);opacity:.85;font-size:.75rem}.btn-icon-delete{border:1px solid var(--border);width:2rem;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;font-size:1.1rem;line-height:1}.btn-icon-delete:hover{color:#f87171;border-color:#f87171}.post-editor label{color:var(--text-h);flex-direction:column;gap:.35rem;margin-bottom:1rem;font-weight:500;display:flex}.post-editor input,.post-editor textarea{font:inherit;color:var(--text-h);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.post-editor input:focus,.post-editor textarea:focus{border-color:#e9456080;box-shadow:0 0 0 3px #e945601a}.post-editor textarea{resize:vertical;min-height:200px;font-family:var(--sans);font-size:.95rem;line-height:1.65}.post-editor .editor-fields{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:18px}.ai-panel{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:1.25rem;padding:16px}.ai-panel h3{margin:0 0 .5rem;font-size:1rem}.ai-panel:not(.ai-panel-coach) h3{color:#c39bd3;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.ai-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.ai-row input{min-width:180px;color:var(--text-h);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:.45rem .6rem}.ai-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ai-output{background:#0d0d0d59;border:1px solid #ffffff1a;border-radius:10px;margin-top:.75rem;overflow:hidden}.ai-output-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.35rem .6rem;font-size:.85rem;display:flex}.ai-output pre{white-space:pre-wrap;word-break:break-word;max-height:320px;margin:0;padding:.75rem;font-size:.9rem;overflow:auto}.editor-footer{justify-content:flex-end;margin-top:1.25rem;display:flex}.btn-primary,.btn-secondary,.btn-ghost,.btn-link{font:inherit;cursor:pointer;border-radius:8px;padding:.45rem 1rem}.btn-primary{background:linear-gradient(135deg, var(--accent), #c0392b);color:#fff;border:none;font-weight:600;box-shadow:0 4px 14px #e9456059}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #e9456080}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-h);background:#ffffff14;border:1px solid #ffffff26}.btn-secondary:hover:not(:disabled){background:#ffffff24}.btn-secondary:disabled{opacity:.5}.btn-ghost{color:var(--text);background:0 0;border:1px solid #0000}.btn-link{color:var(--accent);background:0 0;border:none;padding:.2rem .4rem;text-decoration:underline}.muted{color:var(--text)}.small{font-size:.88rem}.form-info{color:#7deba5;background:#2ecc711f;border:1px solid #2ecc7159;border-radius:10px;margin:.5rem 0;padding:12px 14px;font-size:.9rem}.email-verify-banner{border-radius:var(--radius);text-align:left;background:#f5a6231a;border:1px solid #f5a62359;margin-bottom:1rem;padding:14px 16px}.email-verify-banner p{color:var(--body-text);margin:0 0 .5rem;font-size:.92rem;line-height:1.55}.email-verify-ok{color:#7deba5!important;font-size:.88rem!important}.email-verify-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.recaptcha-wrap{justify-content:center;min-height:78px;margin:.75rem 0;display:flex}.form-error{color:#ff8a9a;background:#e9456026;border:1px solid #e9456059;border-radius:10px;margin:.5rem 0;padding:12px 14px;font-size:.9rem}.login-modal-title{text-align:center;margin-bottom:.75rem;font-size:1.35rem}.login-wrap{max-width:400px;margin:3rem auto;padding:0 1rem}.login-hint{margin-bottom:1.5rem;font-size:.9rem;line-height:1.55}.login-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.login-tab{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .75rem}.login-tab-active{border-color:var(--accent);background:var(--accent-bg);color:var(--text-h)}.login-oauth,.login-phone{text-align:left}.phone-auth-form label{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.phone-auth-form input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;border-radius:8px;padding:.45rem .6rem}.phone-auth-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ai-panel-coach{background:#e945600f;border-color:#e9456059}.ai-panel:not(.ai-panel-coach){border-color:var(--ai-border);background:var(--ai-tint)}.coach-instruction{text-align:left;flex-direction:column;gap:.35rem;margin:.75rem 0;font-weight:500;display:flex}.coach-instruction textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:.45rem .6rem}.ai-output-btns{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.ai-output-coach pre{border-top:2px solid var(--accent-border)}.comments-section{border-top:1px solid var(--border);text-align:left;margin-top:2rem;padding-top:1.5rem}.comments-title{margin:0 0 .75rem;font-size:1.1rem}.comments-list{margin:0 0 1rem;padding:0;list-style:none}.comment-item{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem}.comment-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.88rem;display:flex}.comment-date{color:var(--text);font-size:.8rem}.comment-delete{margin-left:auto;font-size:.8rem}.comment-text{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.comment-form textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;padding:.5rem}.login-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.post-editor.post-readonly{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px}.read-title{color:var(--text-h);text-align:left;margin:0 0 1rem;font-size:1.35rem}.read-body{text-align:left;white-space:pre-wrap;word-break:break-word;font-family:var(--sans);color:var(--body-text);margin:0;font-size:15px;line-height:1.75}.read-placeholder{text-align:left;line-height:1.6}.login-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login-overlay-inner{background:var(--card);border:1px solid var(--card-border);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;overflow:auto}.login-overlay-inner .login-wrap{margin:1.5rem auto}.login-form label{text-align:left;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-weight:500;display:flex}.login-form input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;border-radius:8px;padding:.5rem .65rem}.loading-screen,.config-missing{text-align:center;padding:3rem 1.5rem}.config-missing code{font-size:.9em}.neko-camera{--neko-bg:#1a1a2e;--neko-accent:#e94560;--neko-text:#f0f0f0;--neko-muted:#aaa;box-sizing:border-box;background:var(--neko-bg);max-width:960px;min-height:100dvh;color:var(--neko-text);margin:0 auto;padding:12px;font-family:system-ui,Segoe UI,sans-serif}.neko-camera *,.neko-camera :before,.neko-camera :after{box-sizing:border-box}.neko-camera .neko-nav{margin-bottom:16px;font-size:.95rem}.neko-camera .neko-nav a{color:var(--neko-accent);text-decoration:none}.neko-camera .neko-nav a:hover{text-decoration:underline}.neko-camera .neko-sep{color:var(--neko-muted);margin:0 8px}.neko-camera .page h1{margin:0 0 8px;font-size:1.25rem}.neko-camera .hint{color:var(--neko-muted);margin:0 0 12px;font-size:.88rem;line-height:1.5}.neko-camera .field{flex-direction:column;gap:4px;max-width:280px;margin-bottom:8px;display:flex}.neko-camera .field input{color:var(--neko-text);background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:8px 10px}.neko-camera .status{color:var(--neko-accent);margin:0 0 12px;font-size:.85rem}.neko-camera .video-wrap{aspect-ratio:16/9;background:#000;border-radius:12px;max-height:60vh;overflow:hidden}.neko-camera .main-video{object-fit:contain;width:100%;height:100%}.neko-camera .self-preview{background:#000;border-radius:12px;width:100%;max-height:55vh}.neko-camera .hidden-canvas{display:none}.neko-camera .btn-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.neko-camera .btn{color:var(--neko-text);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:10px 14px;font-size:.9rem}.neko-camera .btn-primary{background:linear-gradient(135deg, var(--neko-accent), #c0392b);border:none}.neko-camera .modal{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.neko-camera .modal-inner{background:#222;border-radius:12px;max-width:90vw;padding:16px}.neko-camera .preview-img{max-width:100%;max-height:50vh;margin:8px 0;display:block}.neko-camera .cam-page.shake{animation:.12s ease-in-out 4 neko-shake}@keyframes neko-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.neko-camera .flash-overlay{pointer-events:none;z-index:40;background:#ffffff59;position:fixed;inset:0}.neko-camera .fine{color:var(--neko-muted);margin-top:12px;font-size:.75rem;line-height:1.45}.neko-camera .neko-fallback{color:var(--neko-muted);margin:0;font-size:.95rem}