:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--yo24-color-primary:#5a189a;--yo24-color-secondary:#ff9e00;--yo24-color-text:#000;--yo24-color-bg:#f7f7f7;--yo24-color-surface:#fff;--yo24-color-white:#fff;--bs-primary:#5a189a;--bs-primary-rgb:90, 24, 154;--bs-secondary:#ff9e00;--bs-secondary-rgb:255, 158, 0;--bs-body-bg:#f7f7f7;--bs-body-color:#000;--bs-border-color:#dee2e6;--bg:var(--yo24-color-bg);--surface:var(--yo24-color-surface);--surface-2:#f7f7f7;--text:var(--yo24-color-text);--muted:#555;--primary:var(--yo24-color-primary);--primary-contrast:#fff;--danger:#dc3545;--border:#dee2e6;--success:#198754;--warning:#ff9e00;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);flex-direction:column;margin:0;display:flex}#root{flex-direction:column;flex:1 0 auto;display:flex}#yo24-blocks{border-top:1px solid var(--border);flex-shrink:0;width:100%;margin-top:2rem;padding-top:1rem}a{color:var(--primary);text-decoration:none}a:hover{color:#4a1488;text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{background:var(--bg)}.app-header{z-index:100;position:sticky;top:0;box-shadow:0 1px #0000000f}.brand{color:inherit;align-items:center;gap:.85rem;min-width:0;text-decoration:none;display:flex}.brand:hover{color:inherit;text-decoration:none}.brand-logo{flex:none;width:48px;height:48px}.brand-copy{min-width:0}.brand-title{letter-spacing:-.02em;font-size:1.35rem;font-weight:700;line-height:1.15;display:block}.brand-name{color:var(--text)}.brand-domain{color:var(--primary)}.brand-tagline{color:var(--muted);margin:.2rem 0 0;font-size:.88rem;line-height:1.35}.home-intro{max-width:42rem;margin:.35rem 0 0;line-height:1.55}.home-page .page-header{align-items:flex-start}.app-nav .nav-link{color:var(--text);font-weight:500}.app-nav .nav-link:hover{color:var(--primary)}.btn-primary{--bs-btn-bg:var(--yo24-color-primary);--bs-btn-border-color:var(--yo24-color-primary);--bs-btn-hover-bg:#4a1488;--bs-btn-hover-border-color:#4a1488;--bs-btn-active-bg:#3d1170;--bs-btn-active-border-color:#3d1170;--bs-btn-color:#fff}.btn-secondary{--bs-btn-color:var(--yo24-color-primary);--bs-btn-border-color:var(--yo24-color-primary);--bs-btn-hover-bg:#5a189a14;--bs-btn-hover-border-color:#4a1488;--bs-btn-hover-color:#4a1488}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:0}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.option-buttons{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.option-button{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text);text-align:left;border-radius:.65rem;padding:.85rem 1rem;line-height:1.35;transition:border-color .15s,background .15s,box-shadow .15s}.option-button:hover:not(.is-active){border-color:#c9b8e8}.option-button.is-active{border-color:var(--primary);background:#5a189a14;font-weight:600;box-shadow:inset 0 0 0 1px #5a189a40}.option-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.option-button:disabled{opacity:.55;cursor:not-allowed}.option-buttons-compact{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.option-buttons-folders{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.option-buttons-folders .option-button{text-align:center;padding:.65rem .75rem;font-size:.92rem}.form-grid{gap:1rem;display:grid}.field{gap:.35rem;display:grid}.field span,.field legend{color:var(--muted);font-size:.9rem}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:.5rem;padding:.6rem .75rem}.field input[type=date]{cursor:pointer;min-height:2.75rem}.filter-date-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.checkbox-row,.radio-row{align-items:center;gap:.5rem;display:flex}.security-fieldset{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:.75rem}.project-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.project-card-actions{justify-content:flex-end}.project-card h2{margin:0 0 .25rem}.panel{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}.panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel h2{margin-top:0}.action-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.progress-log{background:#f7f7f7;border-radius:.5rem;max-height:280px;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;overflow:auto}.progress-log ul{margin:0;padding-left:1.2rem}.results-json{border:1px solid var(--border);background:#f7f7f7;border-radius:.5rem;max-height:420px;padding:.75rem;font-size:.82rem;overflow:auto}.restart-sync-panel{background:linear-gradient(#5a189a0f,#fff);border-color:#5a189a59}.copy-summary{margin:1rem 0}.copy-summary h3{margin:0 0 .75rem;font-size:1rem}.copy-summary-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:0 0 1rem;display:grid}.copy-summary-stats div{border:1px solid var(--border);background:#f7f7f7;border-radius:.5rem;padding:.65rem .75rem}.copy-summary-stats dt{color:var(--muted);margin:0;font-size:.78rem}.copy-summary-stats dd{margin:.2rem 0 0;font-size:1.25rem;font-weight:600}.copy-summary-stat-error dd{color:#dc3545}.copy-summary-table-wrap{margin-bottom:.75rem;overflow:auto}.copy-summary-table{border-collapse:collapse;width:100%;font-size:.9rem}.copy-summary-table th,.copy-summary-table td{border-bottom:1px solid var(--border);text-align:left;padding:.45rem .6rem}.copy-summary-errors summary{cursor:pointer;font-weight:600}.copy-summary-errors ul{margin:.5rem 0 0;padding-left:1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.copy-summary-hint{margin:0}.status-badge{border:1px solid var(--border);border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-idle,.status-draft,.status-completed{color:#146c43;background:#1987541f}.status-testing,.status-mirroring,.status-dry_run,.status-copying{color:#9a6200;background:#ff9e0026}.status-failed{color:#b02a37;background:#dc35451f}.alert{border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.alert-error{color:#842029;background:#dc35451a;border:1px solid #dc3545}.alert-info{color:var(--text);background:#5a189a14;border:1px solid #5a189a59}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.hint,.empty-state{color:var(--muted)}.wizard-actions{margin-top:1.5rem}.review-panel ul{margin:0;padding-left:1.2rem}.meta-grid{gap:.35rem;margin-bottom:1rem;display:grid}.back-link{margin-bottom:.5rem;display:inline-block}.modal-backdrop{z-index:1050;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;width:min(480px,100%);padding:1.25rem;box-shadow:0 .5rem 1.5rem #00000026}.modal h2{margin-top:0}.folder-list{border:1px solid var(--border);background:#f7f7f7;border-radius:.5rem;padding:.75rem}.manual-folder{gap:.75rem;display:grid}.ws-indicator{border:1px solid var(--border);background:var(--surface);border-radius:.35rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.ws-indicator.online{color:var(--success)}.ws-indicator.offline{color:var(--muted)}.language-switcher select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.5rem;padding:.45rem .6rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.page-header,.project-card{flex-direction:column;align-items:stretch}.filter-date-row{grid-template-columns:1fr}}