:root{--bg: #0f1117;--bg-panel: #171a23;--bg-elevated: #1e2230;--border: #2a2f3e;--text: #e6e8ee;--text-muted: #8b91a3;--accent: #6c7cff;--accent-hover: #8492ff;--danger: #ff5c6c;--danger-bg: rgba(255, 92, 108, .12);--radius: 10px;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(60rem 30rem at 80% -10%,rgba(108,124,255,.14),transparent),var(--bg);padding:24px}.login-card{width:100%;max-width:380px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:36px 32px;box-shadow:0 20px 50px #0006}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#a06cff);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;flex:none}.login-card h1{font-size:20px;margin:0}.login-sub{color:var(--text-muted);font-size:13px;margin:0 0 24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.field input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 12px;font-size:15px;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.login-error{background:var(--danger-bg);border:1px solid rgba(255,92,108,.35);color:var(--danger);border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-bottom:16px}.btn-primary{width:100%;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-weight:600;padding:11px 16px;font-size:15px;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.shell{display:flex;height:100%}.sidebar{width:230px;flex:none;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:0 8px 20px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--text-muted);font-size:14px;transition:background .12s,color .12s}.nav-link:hover{background:var(--bg-elevated);color:var(--text)}.nav-link.active{background:#6c7cff24;color:var(--accent-hover);font-weight:600}.nav-icon{width:18px;text-align:center;flex:none}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:14px}.sidebar-user{padding:0 8px 10px;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{width:100%;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);padding:8px 12px;font-size:13px;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.main{flex:1;overflow-y:auto;padding:32px 40px}.page-title{font-size:22px;font-weight:700;margin:0 0 6px}.page-desc{color:var(--text-muted);font-size:14px;margin:0 0 24px}.placeholder-panel{background:var(--bg-panel);border:1px dashed var(--border);border-radius:14px;padding:48px 24px;text-align:center;color:var(--text-muted);font-size:14px}.loading-screen{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.composer{max-width:760px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:18px}.panel-title{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text)}.panel-hint{color:var(--text-muted);font-size:12px;margin:10px 0 0}.panel-hint.warn{color:#f4b942}.platform-toggles{display:flex;gap:10px;flex-wrap:wrap}.platform-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);padding:8px 20px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.platform-toggle:hover{border-color:var(--accent);color:var(--text)}.platform-toggle.active{background:#6c7cff29;border-color:var(--accent);color:var(--accent-hover)}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:8px 14px;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:color .12s,border-color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-hover);border-bottom-color:var(--accent);font-weight:600}.tab-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.caption-input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:12px;font:inherit;font-size:14px;resize:vertical;outline:none;transition:border-color .15s}.caption-input:focus{border-color:var(--accent)}.caption-footer{display:flex;justify-content:flex-end;margin-top:6px}.char-counter{font-size:12px;color:var(--text-muted)}.char-counter.over{color:#f4b942;font-weight:600}.warn-banner{background:#f4b9421f;border:1px solid rgba(244,185,66,.4);color:#f4b942;border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-top:10px}.error-banner{background:var(--danger-bg);border:1px solid rgba(255,92,108,.35);color:var(--danger);border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-top:10px}.media-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:9px 16px;font-size:13px;transition:border-color .15s}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-secondary:disabled{opacity:.45;cursor:default}.btn-small{padding:5px 10px;font-size:12px}.btn-inline{width:auto;padding-left:28px;padding-right:28px}.thumb-grid{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.thumb{position:relative;width:132px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated)}.thumb img{display:block;width:100%;height:100px;object-fit:cover}.thumb-order{position:absolute;top:6px;left:6px;background:#000000a6;color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.thumb-actions{display:flex;border-top:1px solid var(--border)}.thumb-actions button{flex:1;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);padding:5px 0;font-size:12px;transition:color .12s,background .12s}.thumb-actions button:last-child{border-right:none}.thumb-actions button:hover:not(:disabled){background:var(--bg);color:var(--text)}.thumb-actions button:disabled{opacity:.35;cursor:default}.thumb-actions .thumb-delete:hover{color:var(--danger)}.video-preview{margin-top:14px}.video-preview video{max-width:100%;max-height:280px;border-radius:var(--radius);border:1px solid var(--border);background:#000}.video-meta{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:13px;color:var(--text-muted)}.composer-actions{display:flex;align-items:center;gap:14px;margin:6px 0 40px}.result-panel{background:#3ecf8e14;border:1px solid rgba(62,207,142,.35);border-radius:14px;padding:18px 20px;margin-bottom:18px}.result-title{font-weight:700;font-size:14px;margin-bottom:10px}.result-targets{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.result-targets li{display:flex;align-items:center;gap:8px}.result-platform{font-weight:600}.result-message{color:var(--text-muted)}.result-links{display:flex;gap:16px;font-size:13px}.result-links a{color:var(--accent-hover)}.schedule-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.datetime-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:9px 12px;font:inherit;font-size:14px;outline:none;transition:border-color .15s;color-scheme:dark}.datetime-input:focus{border-color:var(--accent)}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.runner-result{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:13px;color:var(--text-muted);margin-bottom:14px}.schedule-actions{display:flex;gap:10px;margin-bottom:18px}.btn-danger{background:var(--danger-bg);border:1px solid rgba(255,92,108,.4);border-radius:var(--radius);color:var(--danger);padding:9px 16px;font-size:13px;transition:border-color .15s}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.btn-danger:disabled{opacity:.45;cursor:default}.edit-label{display:block;font-size:13px;color:var(--text-muted);margin-top:14px}.edit-label .caption-input,.edit-label .datetime-input{display:block;margin-top:6px;color:var(--text)}.edit-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.post-card-schedule{font-size:12px;color:#f4b942}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.badge-published{background:#3ecf8e24;border-color:#3ecf8e66;color:#3ecf8e}.badge-failed{background:var(--danger-bg);border-color:#ff5c6c66;color:var(--danger)}.badge-pending,.badge-publishing,.badge-scheduled{background:#f4b9421f;border-color:#f4b94266;color:#f4b942}.badge-draft,.badge-canceled{background:var(--bg-elevated);border-color:var(--border);color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px;margin-right:6px}.chip-status{font-size:10px;color:var(--text-muted)}.chip-published .chip-status{color:#3ecf8e}.chip-failed .chip-status{color:var(--danger)}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:760px}.post-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;transition:border-color .15s}.post-card:hover{border-color:var(--accent)}.post-card-link{display:block;padding:16px 18px}.post-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.post-card-date{font-size:12px;color:var(--text-muted)}.post-card-caption{font-size:14px;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-wrap;word-break:break-word}.post-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-card-media{font-size:12px;color:var(--text-muted);flex:none}.post-detail{max-width:760px}.back-link{display:inline-block;color:var(--text-muted);font-size:13px;margin-bottom:14px;transition:color .12s}.back-link:hover{color:var(--text)}.post-detail-header{display:flex;align-items:center;gap:12px}.post-detail-header .page-title{margin-bottom:0}.detail-caption{margin:0;font-size:14px;white-space:pre-wrap;word-break:break-word}.target-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.target-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.target-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.target-platform{font-weight:700;font-size:14px}.target-meta{margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.target-meta dt{color:var(--text-muted);font-size:12px}.target-meta dd{margin:0;white-space:pre-wrap;word-break:break-word}.override-caption{white-space:pre-wrap}.muted{color:var(--text-muted)}.detail-media-grid{display:flex;flex-wrap:wrap;gap:12px}.detail-media-grid img{width:160px;height:160px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.detail-media-grid video{max-width:100%;max-height:320px;border-radius:var(--radius);border:1px solid var(--border);background:#000}.filter-bar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:16px;max-width:760px}.filter-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-muted)}.filter-select,.filter-date{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:7px 10px;font:inherit;font-size:13px;outline:none;transition:border-color .15s;color-scheme:dark}.filter-select:focus,.filter-date:focus{border-color:var(--accent)}.filter-clear{margin-bottom:1px}.pagination{display:flex;align-items:center;gap:14px;margin:18px 0 32px;max-width:760px;justify-content:center}.pagination-info{font-size:13px;color:var(--text-muted)}.calendar-page{max-width:1080px}.calendar-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.calendar-month-label{font-size:16px;font-weight:700;min-width:110px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}.calendar-weekday{background:var(--bg-panel);padding:8px 0;text-align:center;font-size:12px;font-weight:600;color:var(--text-muted)}.calendar-weekday.sunday{color:#ff8791}.calendar-weekday.saturday{color:#7fb2ff}.calendar-cell{background:var(--bg-panel);min-height:104px;padding:6px;display:flex;flex-direction:column;gap:4px}.calendar-cell.empty{background:var(--bg)}.calendar-cell.today{background:#6c7cff14}.calendar-day-number{font-size:12px;font-weight:600;color:var(--text-muted)}.calendar-cell.today .calendar-day-number{color:var(--accent-hover)}.calendar-day-entries{display:flex;flex-direction:column;gap:3px;overflow:hidden}.calendar-entry{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.4;border-radius:6px;padding:2px 6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);overflow:hidden;white-space:nowrap;transition:border-color .12s}.calendar-entry:hover{border-color:var(--accent)}.calendar-entry-time{color:var(--text-muted);flex:none}.calendar-entry-caption{overflow:hidden;text-overflow:ellipsis;min-width:0}.calendar-entry-platforms{margin-left:auto;flex:none;color:var(--text-muted);font-size:10px}.calendar-entry.entry-scheduled{border-color:#f4b94273;background:#f4b9421a}.calendar-entry.entry-publishing{border-color:#6c7cff80;background:#6c7cff1f}.calendar-entry.entry-published{border-color:#3ecf8e73;background:#3ecf8e1a}.calendar-entry.entry-failed{border-color:#ff5c6c73;background:#ff5c6c1a}.calendar-legend{display:flex;gap:18px;margin:12px 0 24px;font-size:12px;color:var(--text-muted)}.calendar-legend-item{display:inline-flex;align-items:center;gap:6px}.calendar-legend-swatch{width:12px;height:12px;border-radius:4px;border:1px solid var(--border);display:inline-block}.calendar-legend-swatch.entry-scheduled{border-color:#f4b94273;background:#f4b94233}.calendar-legend-swatch.entry-publishing{border-color:#6c7cff80;background:#6c7cff38}.calendar-legend-swatch.entry-published{border-color:#3ecf8e73;background:#3ecf8e33}.calendar-legend-swatch.entry-failed{border-color:#ff5c6c73;background:#ff5c6c33}.error-text{color:var(--danger)}.detail-media-item{margin:0;width:160px}.detail-media-item.detail-media-video{width:100%;max-width:480px}.detail-media-meta{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:11px;color:var(--text-muted)}.detail-media-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.detail-media-size{flex:none}.dup-notice{background:#6c7cff1a;border:1px solid rgba(108,124,255,.4);color:var(--accent-hover);border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-bottom:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:22px 24px;box-shadow:0 24px 60px #00000080;max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.modal-header h3{margin:0;font-size:16px}.crop-filename{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crop-aspects{display:flex;gap:8px;margin-bottom:12px}.aspect-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);padding:6px 14px;font-size:13px;font-weight:600;transition:border-color .12s,color .12s}.aspect-btn:hover{border-color:var(--accent);color:var(--text)}.aspect-btn.active{background:#6c7cff29;border-color:var(--accent);color:var(--accent-hover)}.crop-canvas{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--border);cursor:move;touch-action:none}.crop-size-row{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:var(--text-muted)}.crop-size-row input[type=range]{flex:1;accent-color:var(--accent)}.crop-size-value{width:44px;text-align:right}.crop-hint{font-size:12px;color:var(--text-muted);margin:8px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.settings-grid{display:flex;flex-direction:column;gap:16px;max-width:680px}.cred-card{margin-bottom:0}.cred-head{display:flex;align-items:center;gap:12px}.cred-head .panel-title{margin:0}.conn-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.conn-badge.connected{background:#3ecf8e24;border-color:#3ecf8e66;color:#3ecf8e}.conn-badge.disconnected{background:var(--bg-elevated);border-color:var(--border);color:var(--text-muted)}.conn-badge.small{font-size:10px;padding:1px 8px;margin-left:8px}.platform-toggle{display:inline-flex;align-items:center}.cred-values{margin:14px 0 6px;display:flex;flex-direction:column;gap:6px}.cred-value-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cred-value-row dt{font-size:12px;color:var(--text-muted);min-width:220px}.cred-value-row dd{margin:0}.cred-masked{font-family:Consolas,Menlo,monospace;font-size:13px;letter-spacing:.04em}.cred-updated{font-size:12px;color:var(--text-muted);margin-bottom:4px}.cred-form{margin-top:14px}.cred-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.cred-confirm{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--danger);flex-wrap:wrap}.cred-notice{margin-top:12px;background:#3ecf8e1a;border:1px solid rgba(62,207,142,.35);border-radius:var(--radius);padding:10px 12px;font-size:13px;color:#3ecf8e}.test-result{margin-top:12px;border-radius:var(--radius);padding:10px 12px;font-size:13px;border:1px solid transparent;word-break:break-word}.test-result.success{background:#3ecf8e1a;border-color:#3ecf8e59;color:#3ecf8e}.test-result.failure{background:var(--danger-bg);border-color:#ff5c6c66;color:var(--danger)}