*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#FFC600;--gold-light:#FFF3B0;--gold-dark:#856200;--black:#1A1A1A;--white:#fff;--bg:#F5F5F5;--border:#EBEBEB;--muted:#9E9E9E;--danger:#E53935;--nav:60px;--top:56px}html,body,#root{height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}input,textarea{font-family:inherit}.shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--white)}.topbar{background:var(--gold);height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:0 14px;flex-shrink:0}.page{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav{height:var(--nav);background:var(--white);border-top:1px solid var(--border);display:flex;flex-shrink:0}.ni{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--muted);background:none;border:none;padding-bottom:4px}.ni.on{color:var(--gold-dark)}.ic{width:32px;height:32px;border-radius:50%;background:#0000001f;display:flex;align-items:center;justify-content:center;border:none;position:relative;cursor:pointer}.dot{position:absolute;top:0;right:0;width:10px;height:10px;background:var(--danger);border-radius:50%;border:2px solid var(--gold)}.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex-shrink:0;background:var(--gold);color:var(--black)}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}