.shell{display:flex;min-height:100vh}.rail{display:none;width:76px;flex-shrink:0;background:var(--rail);color:var(--rail-ink);flex-direction:column;align-items:center;padding:20px 0;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.rail-logo{margin-bottom:18px}.rail-mark{width:44px;height:44px;background:var(--brand);color:#fff;font-family:var(--font-serif);font-size:26px;font-weight:700}.rail-link,.rail-mark{border-radius:14px;display:flex;align-items:center;justify-content:center}.rail-link{width:48px;height:48px;color:var(--rail-ink);opacity:.65;transition:all .15s ease}.rail-link:hover{opacity:1;background:hsla(0,0%,100%,.08)}.rail-link.on{opacity:1;background:var(--brand);color:#fff}.shell-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:40}.brand{font-size:26px;font-weight:700;color:var(--brand-strong)}.cart-btn{position:relative;padding:8px;color:var(--ink)}.cart-badge{position:absolute;top:2px;right:0;background:var(--brand);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 5px}.shell-content{flex:1 1;padding:16px 0 96px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--paper);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600;color:var(--muted);padding:6px 0}.bn.on{color:var(--brand)}.feed-layout{display:flex;gap:24px;align-items:flex-start}.feed-main{flex:1 1;min-width:0;max-width:640px;margin:0 auto;width:100%}.feed-side{display:none;width:320px;flex-shrink:0;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:16px}.side-card{padding:18px}.side-card h3{margin:0 0 12px;font-size:17px}@media (min-width:1024px){.rail{display:flex}.bottomnav,.topbar{display:none}.shell-content{padding:24px 0 48px}.feed-side{display:flex}}.site-footer{border-top:1px solid var(--line);padding:28px 20px calc(28px + env(safe-area-inset-bottom));margin-bottom:64px;text-align:center}.footer-wordmark{max-width:220px;width:100%;height:auto;border-radius:12px;margin-bottom:14px}.footer-nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-bottom:12px}.footer-nav a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.footer-nav a:hover{color:var(--brand)}.footer-copy{color:var(--muted);font-size:12px;margin:0}@media (min-width:1024px){.site-footer{margin-bottom:0}}