.oc-app-shell{max-width:var(--oc-max-width);margin:0 auto;min-height:100vh;background:var(--oc-app-bg);color:var(--oc-body-text);padding:var(--oc-mobile-padding);box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.oc-app-shell *{box-sizing:border-box}.oc-app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px 14px}.oc-app-header h1,.oc-app-page-title h1{margin:0;color:var(--oc-header-text);font-size:clamp(1.35rem,5vw,2rem);line-height:1.1}.oc-app-header p{margin:6px 0 0;color:var(--oc-body-text);opacity:.88}.oc-app-header-status{background:var(--oc-button-bg);color:var(--oc-button-text);border-radius:999px;padding:6px 10px;font-weight:700;font-size:.78rem}.oc-app-card{background:var(--oc-card-bg);border:1px solid rgba(221,237,239,.12);border-radius:var(--oc-radius);padding:18px;margin:14px 0;box-shadow:0 16px 36px rgba(0,0,0,.22)}.oc-app-card h2{color:var(--oc-header-text);margin:0 0 10px}.oc-app-button,.oc-app-tab-link{display:inline-flex;align-items:center;justify-content:center;background:var(--oc-button-bg);color:var(--oc-button-text)!important;text-decoration:none!important;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.22);border:0}.oc-app-page-title span{display:block;color:var(--oc-body-text);opacity:.75;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.oc-app-status{border-radius:14px;padding:12px 14px;margin:12px 0;background:rgba(158,206,210,.14)}.oc-app-status.ok,.oc-integration-status .ok{color:#9eced2}.oc-app-status.warn,.oc-integration-status .warn{color:#f6ca7d}.oc-bottom-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 22px),720px);background:linear-gradient(180deg,var(--oc-nav-bg),rgba(158,206,210,.92));border-radius:999px;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;z-index:9999;box-shadow:0 20px 45px rgba(0,0,0,var(--oc-shadow-alpha)),inset 0 1px 0 rgba(255,255,255,.35)}.oc-bottom-nav-tab{min-width:0;text-decoration:none!important;color:var(--oc-nav-text)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:999px;padding:6px 2px;font-size:10px;line-height:1;font-weight:800;white-space:nowrap;overflow:hidden}.oc-bottom-nav-tab.is-active{background:rgba(32,5,4,.16)}.oc-bottom-nav-tab:hover{background:rgba(32,5,4,.10)}.oc-bottom-nav-icon{width:34px;height:34px;object-fit:contain;display:block}.oc-bottom-nav-fallback{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(32,5,4,.13);font-weight:900}.oc-bottom-nav-spacer{height:112px}.oc-app-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oc-more-menu{display:grid;gap:10px}.oc-more-menu a{display:block;background:var(--oc-card-bg);border-radius:16px;color:var(--oc-body-text)!important;text-decoration:none!important;padding:14px 16px;border:1px solid rgba(221,237,239,.12)}.oc-integration-status{display:grid;gap:8px}.oc-integration-status>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(221,237,239,.10);padding:8px 0}@media(max-width:520px){.oc-app-shell{padding-left:12px;padding-right:12px}.oc-bottom-nav{width:calc(100% - 12px);padding:6px}.oc-bottom-nav-icon,.oc-bottom-nav-fallback{width:28px;height:28px}.oc-bottom-nav-tab{font-size:9px}.oc-app-home-grid{grid-template-columns:1fr}}