@media screen{
 body{display:flex;flex-direction:column;height:100dvh;overflow:hidden}
 .app-header{flex:none;height:auto;min-height:88px;padding:12px 24px;gap:16px}
 .brand-portrait{width:60px;height:60px;border-radius:16px}
 .brand{min-width:0}.brand strong{font-size:19px}.brand small{font-size:11px}
 .header-actions{gap:16px;min-width:0}.header-actions #status{font-size:16px;font-weight:600;line-height:1.5;max-width:320px;color:#40576b}
 #quick-sync{font-size:17px;min-height:48px;padding:12px 24px;background:#248bd0;color:white;white-space:nowrap}
 .sync-indicator{flex:none;height:auto;min-height:75px}
 .app-shell,.with-sync-indicator .app-shell{height:auto;flex:1;min-height:0;width:100%}
 .sidebar,.timeline,.paper,.entry-list{min-height:0}
 #conflict-notice{background:#fff0da;color:#805014;white-space:normal;line-height:1.6}
 .conflict-group{border-top:1px solid var(--line);padding:20px 0}.conflict-group pre{white-space:pre-wrap;max-height:240px;overflow:auto;background:#f7f9fb;padding:12px}
 #conflict-dialog{max-height:85dvh;overflow:auto}
}
@media screen and (max-width:760px){
 .app-header{padding:10px 14px;gap:8px;flex-wrap:wrap;min-height:0}
 .brand-portrait{width:46px;height:46px;border-radius:12px}.brand strong{font-size:16px}.brand small{font-size:10px}
 .brand{width:100%}.header-actions{width:100%;justify-content:space-between;gap:10px;padding-left:0}
 .header-actions #status,.with-sync-indicator .header-actions #status{display:block;font-size:14px;max-width:none;text-align:left;flex:1}
 #quick-sync{font-size:16px;min-height:44px;padding:10px 22px}
 .sidebar,.timeline,.paper{height:100%}
}
@media print{#conflict-notice,#conflict-dialog{display:none!important}}