:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;font-family:var(--yo24-font-sans);font-size:var(--yo24-font-size-base);line-height:var(--yo24-line-height);color:var(--yo24-color-text);background:var(--yo24-color-bg);flex-direction:column;margin:0;display:flex}#root{flex-direction:column;flex:1 0 auto;display:flex}#yo24-blocks{width:100%;margin-top:var(--yo24-spacing-xl);padding-top:var(--yo24-spacing-md);border-top:1px solid var(--yo24-color-border);flex-shrink:0}a{color:var(--yo24-color-link);text-decoration:none}a:hover{color:var(--yo24-color-link-hover);text-decoration:underline}a.yo24-btn:hover{text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{background:var(--yo24-color-bg)}.app-header{z-index:100;box-shadow:var(--yo24-shadow);position:sticky;top:0}.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(--yo24-color-text)}.brand-domain{color:var(--yo24-color-primary)}.brand-tagline{color:var(--yo24-color-text-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(--yo24-color-text);font-weight:500}.app-nav .nav-link:hover{color:var(--yo24-color-primary)}.page-header{justify-content:space-between;align-items:center;gap:var(--yo24-spacing-md);margin-bottom:var(--yo24-spacing-lg);display:flex}.page-header h1{margin:0}.button-row{gap:var(--yo24-spacing-sm);flex-wrap:wrap;display:flex}.option-buttons{gap:var(--yo24-spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.option-button{border:1px solid var(--yo24-btn-outline-border);border-radius:var(--yo24-radius);cursor:pointer;background:var(--yo24-btn-outline-bg);color:var(--yo24-btn-outline-text);text-align:left;transition:var(--yo24-btn-transition);padding:.85rem 1rem;font-weight:600;line-height:1.35}.option-button:hover:not(.is-active):not(:disabled){background:var(--yo24-btn-outline-border);color:var(--yo24-btn-filled-text)}.option-button.is-active{border-color:var(--yo24-btn-filled-bg);background:var(--yo24-btn-filled-bg);color:var(--yo24-btn-filled-text)}.option-button:focus-visible{outline:2px solid var(--yo24-color-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:var(--yo24-spacing-md);display:grid}.field{gap:var(--yo24-spacing-xs);display:grid}.field span,.field legend{color:var(--yo24-color-text-muted);font-size:var(--yo24-font-size-sm)}.field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;color:var(--yo24-color-text);background-color:var(--yo24-color-white);border:1px solid var(--yo24-color-border);border-radius:var(--yo24-radius-sm);padding:.375rem .75rem;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--yo24-color-primary);outline:0;box-shadow:0 0 0 .2rem #5a189a26}.field input[type=date]{cursor:pointer;min-height:2.75rem}.filter-date-row{gap:var(--yo24-spacing-md);grid-template-columns:1fr 1fr;display:grid}.checkbox-row,.radio-row{gap:var(--yo24-spacing-sm);align-items:center;display:flex}.security-fieldset{border:1px solid var(--yo24-color-border);border-radius:var(--yo24-radius);background:var(--yo24-color-surface);padding:.75rem}.project-list{gap:var(--yo24-spacing-md);margin:0;padding:0;list-style:none;display:grid}.project-card h2{margin:0 0 .25rem}.project-card-actions{justify-content:flex-end}.panel-header{justify-content:space-between;align-items:center;gap:var(--yo24-spacing-md);display:flex}.action-grid{gap:var(--yo24-spacing-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.action-grid .yo24-btn{width:100%}.progress-live{margin:0 0 var(--yo24-spacing-sm);border-radius:var(--yo24-radius);background:#5a189a14;border:1px solid #5a189a33;padding:.75rem .85rem}.progress-live-header{align-items:flex-start;gap:.65rem;display:flex}.progress-live-text{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.progress-live-text strong{font-weight:600}.progress-live-detail{color:var(--yo24-color-text-muted);word-break:break-word;font-size:.92rem;font-weight:500}.progress-live-count{color:var(--yo24-color-primary);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.progress-live-bar{background:#5a189a26;border-radius:999px;height:.45rem;margin-top:.65rem;overflow:hidden}.progress-live-bar-fill{border-radius:inherit;background:var(--yo24-color-button);height:100%;transition:width .25s;display:block}.progress-stage-spinner{border:2px solid #5a189a40;border-top-color:var(--yo24-color-primary);border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.8s linear infinite progress-spin}@keyframes progress-spin{to{transform:rotate(360deg)}}.progress-log{background:var(--yo24-color-bg);border-radius:var(--yo24-radius-sm);border:1px solid var(--yo24-color-border);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}.progress-log-line-live{color:var(--yo24-color-primary)}.results-json{border-radius:var(--yo24-radius-sm);background:var(--yo24-color-bg);border:1px solid var(--yo24-color-border);max-height:420px;padding:.75rem;font-size:.82rem;overflow:auto}.restart-sync-panel{background:#5a189a0a;border:1px solid #5a189a33!important}.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-radius:var(--yo24-radius-sm);border:1px solid var(--yo24-color-border);background:var(--yo24-color-bg);padding:.65rem .75rem}.copy-summary-stats dt{color:var(--yo24-color-text-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:var(--yo24-color-secondary)}.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(--yo24-color-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(--yo24-color-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:var(--yo24-color-button);background:#5a189a14}.status-testing,.status-mirroring,.status-dry_run,.status-copying{color:#9a6200;background:#ff9e0026}.status-failed{color:#7a4a00;background:#ff9e0033}.alert-info{color:var(--yo24-color-text);background:#5a189a14}.muted{color:var(--yo24-color-text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.hint,.empty-state{color:var(--yo24-color-text-muted)}.wizard-actions{margin-top:var(--yo24-spacing-lg)}.review-panel{padding:var(--yo24-spacing-md);border:1px solid var(--yo24-color-border);border-radius:var(--yo24-radius);background:var(--yo24-color-surface)}.review-panel ul{margin:0;padding-left:1.2rem}.meta-grid{gap:var(--yo24-spacing-xs);margin-bottom:var(--yo24-spacing-md);display:grid}.back-link{margin-bottom:var(--yo24-spacing-sm);display:inline-block}.modal-backdrop{padding:var(--yo24-spacing-md);z-index:1050;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--yo24-color-surface);border:1px solid var(--yo24-color-border);border-radius:var(--yo24-radius);width:min(480px,100%);padding:var(--yo24-spacing-lg);box-shadow:var(--yo24-shadow-md)}.modal h2{margin-top:0}.folder-list{border:1px solid var(--yo24-color-border);border-radius:var(--yo24-radius-sm);background:var(--yo24-color-bg);padding:.75rem}.manual-folder{gap:.75rem;display:grid}.ws-indicator{border-radius:var(--yo24-radius-sm);border:1px solid var(--yo24-color-border);background:var(--yo24-color-surface);padding:.15rem .45rem;font-size:.75rem;font-weight:700}.ws-indicator.online{color:var(--yo24-color-button)}.ws-indicator.offline{color:var(--yo24-color-text-muted)}.language-switcher select{border:1px solid var(--yo24-color-border);border-radius:var(--yo24-radius-sm);background:var(--yo24-color-white);color:var(--yo24-color-text);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}.card{background:var(--yo24-color-surface);border-radius:var(--yo24-radius)!important}@media (width<=720px){.page-header,.project-card .card-body{flex-direction:column;align-items:stretch}.filter-date-row{grid-template-columns:1fr}}
