:root{--bg:#0a0a0c;--surface:#0f0f12;--surface-2:#17171b;--text:#f4f4f5;--text-muted:#8b8b93;--line:#ffffff17;--accent:#f0be0a;--accent-2:#cb8e0b;--on-accent:#16130a;--success:#21c45d;--danger:#df3a3a;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-full:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--shadow-1:0 8px 22px #00000073;--ease:cubic-bezier(.2, .6, .2, 1);--dur:.2s;--nav-space:92px}*{border-color:var(--line)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tg-shell{max-width:520px;padding:12px 14px calc(var(--nav-space) + env(safe-area-inset-bottom,0px));margin:0 auto}.tg-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.tg-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.tg-btn-primary{background:linear-gradient(160deg, var(--accent), var(--accent-2));color:var(--on-accent);border-color:#0000}.tg-group+.tg-group{margin-top:var(--sp-5)}.tg-group__h{margin-bottom:var(--sp-3);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.tg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;display:grid}.tg-item{color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;text-decoration:none;display:flex}.tg-item__tile{background:var(--surface-2);border:1px solid var(--line);width:56px;height:56px;color:var(--text);transition:transform var(--dur) var(--ease);border-radius:17px;place-items:center;display:grid}.tg-item__tile svg{width:24px;height:24px}.tg-item--accent .tg-item__tile{background:linear-gradient(160deg, var(--accent), var(--accent-2));color:var(--on-accent);border-color:#0000}.tg-item:active .tg-item__tile{transform:scale(.94)}.tg-item__label{color:var(--text-muted);font-size:11px;line-height:1.25}.tg-nav{left:50%;bottom:max(env(safe-area-inset-bottom,0px), 12px);z-index:40;border-radius:var(--r-full);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-1);background:#0f0f12f2;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.tg-nav__tab{border-radius:var(--r-full);min-width:44px;min-height:44px;color:var(--text-muted);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex}.tg-nav__tab svg{flex:none;width:20px;height:20px}.tg-nav__tab[aria-current=page]{background:linear-gradient(160deg, var(--accent), var(--accent-2));color:var(--on-accent)}.tg-nav-fade{height:var(--nav-space);z-index:30;pointer-events:none;background:linear-gradient(to top, var(--bg) 38%, transparent);position:fixed;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.tg-item__tile,.tg-nav__tab{transition:none}.tg-item:active .tg-item__tile{transform:none}}