.phase4-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block:8px}.phase4-actions a,.phase4-actions button,.phase4-button{min-height:40px;padding:8px 12px;border:1px solid var(--yoyi-color-border-subtle);border-radius:12px;background:var(--yoyi-color-background-surface);color:var(--yoyi-color-text-primary);font:inherit;text-decoration:none;cursor:pointer}.phase4-actions button[aria-pressed=true]{color:var(--yoyi-color-text-primary);font-weight:700;border-color:currentColor}.phase4-actions button:disabled{opacity:.5}.phase4-feedback{position:fixed;z-index:1000;bottom:88px;left:50%;transform:translateX(-50%);max-width:min(90vw,600px);background:var(--yoyi-color-background-elevated);border-radius:12px;box-shadow:var(--yoyi-shadow-subtle);padding:8px 16px;pointer-events:none;font-size:14px}.phase4-feedback:empty{display:none}.phase4-dialog{position:fixed;inset:0;z-index:calc(var(--yoyi-z-index-overlay) + 20);background:var(--yoyi-color-background-page);overflow:auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 100px;box-sizing:border-box}.phase4-dialog>div{max-width:760px;margin:auto}.phase4-form{display:grid;gap:16px}.phase4-form label{display:grid;gap:8px}.phase4-filters input,.phase4-filters select,.phase4-form input,.phase4-form select,.phase4-form textarea{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--yoyi-color-border-subtle);border-radius:8px;background:var(--yoyi-color-background-surface);color:var(--yoyi-color-text-primary);padding:10px;font:inherit}.phase4-form textarea{min-height:120px}.phase4-muted{color:var(--yoyi-color-text-secondary);font-size:14px;line-height:1.5}.phase4-error{color:var(--yoyi-color-seal-red)}.phase4-page{max-width:1280px;margin:auto;padding:16px 16px 100px}.phase4-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:64px;padding-top:env(safe-area-inset-top);background:var(--yoyi-color-background-page)}.phase4-topbar>nav{display:flex;gap:12px}.phase4-topbar button{background:transparent;border:0;font:inherit;min-height:44px;cursor:pointer;color:inherit}.phase4-topbar button[aria-selected=true]{color:var(--yoyi-color-seal-red)}.phase4-topbar .phase4-avatar{width:44px;height:44px;border-radius:16px;background:var(--yoyi-color-seal-red);color:white;overflow:hidden;padding:0}.phase4-avatar img{width:100%;height:100%;object-fit:cover}.phase4-filters{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.phase4-filters fieldset{min-width:110px;max-width:210px;border:1px solid var(--yoyi-color-border-subtle);border-radius:8px}.phase4-filters label{display:flex;gap:6px;font-size:14px;margin:6px 0}.phase4-filters input[type=checkbox]{width:18px;min-height:18px}.phase4-media-editor{display:flex;gap:16px;flex-wrap:wrap}.phase4-media-editor img{width:140px;height:140px;object-fit:contain}.phase4-crop{max-width:400px;width:100%;aspect-ratio:1;object-fit:contain;display:block;background:#ddd}.phase4-load{min-height:60px;display:grid;place-items:center}.phase4-comment-list{padding:0;list-style:none}.phase4-comment-list li{padding:16px 0;border-bottom:1px solid var(--yoyi-color-border-subtle);white-space:pre-wrap}.phase4-comment-highlight{animation:phase4-comment-arrival 1.8s ease-out;scroll-margin-block:30vh}@keyframes phase4-comment-arrival{0%,35%{background:color-mix(in srgb,var(--yoyi-color-seal-red) 11%,transparent)}to{background:transparent}}@media (prefers-reduced-motion:reduce){.phase4-comment-highlight{animation-duration:1ms}}[data-author-bar]{grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important}[data-author-bar]>[role=tablist]{justify-self:center!important}[data-author-bar] .phase4-avatar{width:44px;height:44px;padding:0;border:0;border-radius:16px;background:var(--yoyi-color-seal-red);color:white;overflow:hidden;cursor:pointer}.phase4-dialog{margin:0;width:100%;max-width:none;height:100%;max-height:none;border:0;color:var(--yoyi-color-text-primary)}.phase4-inscriptions{width:100%;max-width:100%;min-width:0;overflow-x:clip;touch-action:pan-y pinch-zoom}.phase4-inscriptions>[data-author-bar]>strong{justify-self:center;font-size:var(--yoyi-type-button-size)}.phase4-inscriptions .phase4-page{box-sizing:border-box;width:100%;max-width:1280px;min-width:0}.phase4-inscriptions fieldset,.phase4-inscriptions input,.phase4-inscriptions select{box-sizing:border-box;min-width:0;max-width:100%}.phase4-inscriptions label{overflow-wrap:anywhere}.phase4-detail-actions{display:flex;justify-content:center;align-items:center;gap:24px}.phase4-detail-actions button{display:grid;place-items:center;width:48px;height:44px;padding:0;color:var(--yoyi-color-text-secondary);background:transparent;border:0;border-radius:var(--yoyi-radius-full);cursor:pointer}.phase4-detail-actions button[data-active=true]{color:var(--yoyi-color-seal-red)}.phase4-detail-actions button:disabled{opacity:.5}.phase4-detail-actions button:focus-visible,.phase4-settings-tabs button:focus-visible{outline:2px solid var(--yoyi-color-focus-ring);outline-offset:2px}.phase4-settings-tabs{display:flex;justify-content:center;gap:24px;margin-bottom:28px;border-bottom:1px solid var(--yoyi-color-border-subtle)}.phase4-settings-tabs button{min-height:44px;padding:8px 4px;color:var(--yoyi-color-text-secondary);background:transparent;border:0;border-bottom:2px solid transparent;font:inherit;cursor:pointer}.phase4-settings-tabs button[aria-selected=true]{color:var(--yoyi-color-text-primary);border-bottom-color:var(--yoyi-color-seal-red)}.phase4-actions .phase4-back{display:grid;width:44px;height:44px;padding:0;place-items:center;background:transparent;border:0;border-radius:0}.phase4-back .yoyi-icon{width:24px;height:24px}.phase4-actions .phase4-inline-total{padding:0 4px;background:transparent;border:0;border-radius:0;color:var(--yoyi-color-text-secondary)}.phase4-actions .phase4-follow-toggle[aria-pressed=true]{color:var(--yoyi-color-seal-red);font-weight:650;background:transparent}.phase4-people-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--yoyi-space-2)}.phase4-people-list{padding:0;list-style:none}.phase4-people-list li{display:flex;align-items:center;gap:var(--yoyi-space-3);padding-block:var(--yoyi-space-3);border-bottom:1px solid var(--yoyi-color-border-subtle)}.phase4-person-select{display:grid;min-width:28px;min-height:44px;place-items:center}.phase4-person-select input{width:20px;height:20px;accent-color:var(--yoyi-color-seal-red)}.phase4-person-identity{display:flex;flex:1 1;min-width:0;align-items:center;gap:var(--yoyi-space-3);padding:0;text-align:start;color:var(--yoyi-color-text-primary);background:transparent;border:0;font:inherit;cursor:pointer}.phase4-person-identity>span:last-child{display:grid;min-width:0;gap:var(--yoyi-space-1);overflow-wrap:anywhere}.phase4-person-identity small{color:var(--yoyi-color-text-secondary)}.phase4-person-avatar{display:grid;flex-shrink:0;width:48px;height:48px;place-items:center;overflow:hidden;border-radius:var(--yoyi-radius-full);background:var(--yoyi-color-background-muted)}.phase4-person-avatar img{width:100%;height:100%;object-fit:cover}.phase4-person-action{flex-shrink:0}.phase4-people-tools button:disabled,.phase4-person-action:disabled,.phase4-person-identity:disabled{opacity:.5}.phase4-person-identity:focus-visible,.phase4-person-select input:focus-visible{outline:2px solid var(--yoyi-color-focus-ring);outline-offset:2px}