.sync-panel{margin-top:24px;padding:24px;border:1px solid #e4ded2;border-radius:20px;background:#fffdf8}.sync-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sync-panel h2{margin:0}.sync-kicker{margin:0 0 5px!important;color:#9a6a2f!important;font-size:11px!important;font-weight:800;letter-spacing:.12em}.sync-badge{flex:none;padding:6px 10px;border-radius:999px;background:#f2eee7;color:#72685c;font-size:12px;font-weight:700}.sync-badge.connected{background:#e7f6ec;color:#176b3a}.sync-panel>p{color:#6b7280;font-size:14px;line-height:1.5}.sync-panel label{display:block;font-size:14px;font-weight:650}.sync-panel input{box-sizing:border-box;display:block;width:100%;margin:8px 0 16px;padding:12px;border:1px solid #d8d3ca;border-radius:12px;background:#fff;color:#17202a;font:inherit}.sync-actions{display:flex;flex-wrap:wrap;gap:8px}.sync-panel button{padding:10px 14px;border:1px solid #d8d3ca;border-radius:12px;background:#f5f8fa;color:#193f73;font-weight:700;margin-bottom:8px}.sync-panel button.primary{border-color:#193f73;background:#193f73;color:#fff}.sync-panel button.text-button{border-color:transparent;background:transparent}.sync-panel button:disabled{opacity:.55}.sync-conflict{margin-top:16px;padding:14px;border:1px solid #f1b6b0;border-radius:14px;background:#fff3f1}.sync-conflict p{margin-top:0;color:#8f3029}.sync-tools{margin-top:18px;padding-top:14px;border-top:1px solid #e4ded2}.sync-tools summary{cursor:pointer;color:#193f73;font-size:14px;font-weight:700}.sync-tools .sync-actions{margin-top:12px}.sync-tools p{color:#6b7280;font-size:12px;line-height:1.5}.sync-panel [hidden]{display:none!important}@media(max-width:520px){.sync-panel{padding:18px}.sync-heading{display:block}.sync-badge{display:inline-block;margin-top:10px}.sync-actions button{flex:1 1 140px}}

html[data-auth="loading"] body{visibility:hidden}
html[data-auth="guest"] .app-header,
html[data-auth="guest"] .bottom-nav,
html[data-auth="guest"] .fab{display:none!important}
html[data-auth="guest"] main{max-width:none;padding:0}
html[data-auth="guest"] main>.view{display:none!important}
html[data-auth="guest"] main>.view[data-view="oggi"]{display:block!important}
html[data-auth="guest"] [data-view="oggi"]>:not(#syncPanel){display:none!important}
html[data-auth="guest"] #syncPanel{position:fixed;inset:0;z-index:20000;box-sizing:border-box;margin:0;padding:56px max(22px,env(safe-area-inset-right)) 40px max(22px,env(safe-area-inset-left));border:0;border-radius:0;background:linear-gradient(180deg,#f8f1e7,#fffdf8);overflow:auto}
html[data-auth="guest"] #syncPanel>*{max-width:480px;margin-left:auto!important;margin-right:auto!important}
html[data-auth="guest"] #syncPanel .sync-heading{display:block}
html[data-auth="guest"] #syncBadge,
html[data-auth="guest"] #syncProNote,
html[data-auth="guest"] #syncMember,
html[data-auth="guest"] #syncConflict,
html[data-auth="guest"] .sync-tools{display:none!important}
html[data-auth="guest"] #syncTitle{margin-top:8px;font-family:"Playfair Display",serif;font-size:2rem;color:#123b70}
html[data-auth="guest"] #syncIntro{margin-top:14px;margin-bottom:28px!important}
html[data-auth="guest"] #syncGuest{padding:22px;border:1px solid #e1d8c9;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(22,63,122,.10)}
html[data-auth="guest"] #syncStatus{margin-top:18px!important;text-align:center}
@media(max-width:520px){html[data-auth="guest"] #syncPanel{padding-top:max(38px,env(safe-area-inset-top))}html[data-auth="guest"] #syncGuest{padding:18px}}