html[data-embed=nav]{background:transparent;--card:rgba(255,255,255,.64)}html[data-embed=nav] body{background:transparent;min-height:100dvh}html[data-embed=nav] .shell{padding:12px;max-width:none}html[data-embed=nav] .top{flex-wrap:wrap;gap:6px;background:#faf7f8;backdrop-filter:none;border-bottom:1px solid var(--line);padding:10px 0}html[data-embed=nav] .brand{font-size:16px}html[data-embed=nav] .brand small{display:none}html[data-embed=nav] .compact{font-size:12px;padding:7px 9px}html[data-embed=nav] .controls{flex-direction:column;align-items:stretch}html[data-embed=nav] .type-bar{gap:5px}html[data-embed=nav] .login{padding:14px}html[data-embed=nav] .login-card{padding:20px;background:rgba(255,255,255,.64)}html[data-embed=nav][data-theme=dark]{--card:rgba(36,32,35,.64);--line:#3b3337;--muted:#b5a5ad;--accent:#cf8da5;--soft:#382932;color:#eee8eb}html[data-embed=nav][data-theme=dark] .top{background:#242023}html[data-embed=nav][data-theme=dark] :is(.event,.login-card,.ghost,.type-btn,.search input,.field input,.field select,.field textarea,dialog){background:var(--card);color:#eee8eb;border-color:var(--line)}html[data-embed=nav][data-theme=dark] .primary{color:#171416}@media(max-width:720px){html[data-embed=nav] .top{backdrop-filter:none}}

html[data-embed=nav] .event.status-overdue{background:rgba(255,225,229,.72)}html[data-embed=nav] .event.status-today{background:rgba(255,234,209,.72)}html[data-embed=nav] .event.status-soon:not(.status-today){background:rgba(255,242,191,.64)}html[data-embed=nav][data-theme=dark] .event.status-overdue{background:rgba(58,32,37,.72)}html[data-embed=nav][data-theme=dark] .event.status-today{background:rgba(57,41,29,.72)}html[data-embed=nav][data-theme=dark] .event.status-soon:not(.status-today){background:rgba(57,49,28,.72)}

html[data-embed=nav][data-mobile=true] :is([data-action=settings],[data-action=edit],[data-detail-action=edit]){display:none}

html[data-embed=nav] .type-btn{background:var(--card)}html[data-embed=nav] .type-btn.active{background:rgba(125,89,103,.86);color:#fff}html[data-embed=nav] .top .ghost{background:#fff}html[data-embed=nav][data-theme=dark] .top .ghost{background:#242023}
