body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#2b2b2b}app-root{display:block;height:100%}.page-root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.page-topbar{background:#1a1a1a;border-bottom:2px solid rgba(180,135,45,.55);padding:6px 16px;padding-top:calc(6px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:sticky;top:0;z-index:200}.topbar-logo{color:#d4a93a;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:1.1rem;letter-spacing:.06em;-webkit-user-select:none;user-select:none}.topbar-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.18);color:#e0d0b0;border-radius:5px;cursor:pointer;width:32px;height:32px;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.topbar-btn:hover{background:#ffffff29;color:#fff}.topbar-btn.active{background:#d4a93a40;border-color:#d4a93a99;color:#d4a93a}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-datetime{font-size:.78rem;color:#c8bea0b3;letter-spacing:.04em;-webkit-user-select:none;user-select:none;white-space:nowrap}