:root{--color-primary:#1f6feb;--color-primary-strong:#1858c0;--color-on-primary:#fff;--color-text:#1c2128;--color-muted:#57606a;--color-border:#d0d7de;--color-surface:#fff;--color-background:#f6f8fa;--color-success:#1a7f37;--color-danger:#cf222e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:8px;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:28px}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);margin:0}.shell{flex-direction:column;min-height:100vh;display:flex}.shell a{color:inherit}.shell-button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.shell .shell-button{color:var(--color-on-primary)}.shell-button:hover{background:var(--color-primary-strong)}.shell-link{font-size:var(--font-size-sm);font-weight:600;text-decoration:none}.shell-header{z-index:10;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0}.shell-header__inner{align-items:center;gap:var(--space-6);max-width:1200px;padding:var(--space-3) var(--space-4);margin:0 auto;display:flex}.shell-logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:700;text-decoration:none;display:inline-flex}.shell-logo__mark{border-radius:var(--radius);background:var(--color-primary);width:32px;height:32px;color:var(--color-on-primary);place-items:center;display:grid}.shell-search{gap:var(--space-2);flex:1;max-width:560px;display:flex}.shell-search input{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;flex:1}.shell-search input:focus-visible,.shell-button:focus-visible,.shell-account__toggle:focus-visible,.shell-cart:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.shell-actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.shell-cart{padding:var(--space-1);border-radius:var(--radius);display:inline-flex;position:relative}.shell-cart__badge{min-width:18px;padding:0 var(--space-1);background:var(--color-danger);color:var(--color-on-primary);text-align:center;border-radius:999px;font-size:12px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-8px}.shell-account{align-items:center;gap:var(--space-3);display:flex;position:relative}.shell-account--loading{width:96px;height:32px}.shell-account__toggle{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.shell-account__menu{top:calc(100% + var(--space-2));min-width:180px;padding:var(--space-1) 0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0;list-style:none;position:absolute;right:0;box-shadow:0 8px 24px #0000001f}.shell-account__menu a,.shell-account__menu button{width:100%;padding:var(--space-2) var(--space-4);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:block}.shell-account__menu a:hover,.shell-account__menu button:hover{background:var(--color-background)}.shell-main{width:100%;max-width:1200px;padding:var(--space-6) var(--space-4);box-sizing:border-box;flex:1;margin:0 auto}.shell-remote__status{color:var(--color-muted)}.shell-remote__error,.shell-page{max-width:480px;margin:var(--space-8) auto;text-align:center}.shell-page__code{color:var(--color-primary);margin:0;font-size:64px;font-weight:800}.shell-remote__error p,.shell-page p{color:var(--color-muted)}.shell-footer{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:var(--font-size-sm);text-align:center}.shell-toasts{right:var(--space-4);bottom:var(--space-4);z-index:20;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.shell-toast{padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-success);border-radius:var(--radius);background:var(--color-surface);font-size:var(--font-size-sm);margin:0;box-shadow:0 8px 24px #0000001f}.shell-toast--error{border-left-color:var(--color-danger)}@media (width<=640px){.shell-header__inner{gap:var(--space-3);flex-wrap:wrap}.shell-search{flex-basis:100%;order:3;max-width:none}}