.top{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);position:sticky;top:0}.top-row{align-items:center;gap:10px;padding:8px 14px;display:flex}.brand{color:var(--fg);align-items:center;gap:8px;font-weight:700;display:flex}.me{color:var(--muted);text-align:right;margin-left:auto;font-size:13px}.ver{opacity:.7;font-size:12px}.main{max-width:900px;padding:14px 16px calc(84px + env(safe-area-inset-bottom));margin:0 auto}.bottom-nav{z-index:6;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 10px;font-size:11.5px;display:flex}.bottom-nav a .ic{font-size:20px;line-height:1.2}.bottom-nav a.active{color:var(--accent)}.big-actions{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0;display:grid}.big-action{background:var(--panel);border:1px solid var(--line);text-align:left;min-height:110px;color:var(--fg);border-radius:14px;flex-direction:column;gap:6px;padding:18px 14px;display:flex}.big-action .ic{font-size:26px}.big-action .t{font-size:15px;font-weight:700}.big-action .d{color:var(--muted);font-size:12.5px}.big-action.primary{border-color:var(--accent);background:#00c2ff14}.big-action.soon{opacity:.65;border-style:dashed}@media (max-width:600px){.me .who{display:none}.main{padding-left:12px;padding-right:12px}}