:root{--color-bg:#fff;--color-surface:#f6f6f4;--color-text:#1c1c1e;--color-text-secondary:#6b7280;--color-primary:#ffce2d;--color-primary-text:#1c1c1e;--color-border:#e5e7eb;--radius:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--color-text);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;background:var(--color-bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;padding:calc(12px + var(--safe-top)) 16px 12px;background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__brand{font-size:18px;font-weight:700}.topbar__nav{color:var(--color-text-secondary);gap:16px;font-size:15px;display:flex}.content{padding:16px 16px calc(24px + var(--safe-bottom));flex:1}.btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);cursor:pointer;padding:12px 16px;font-size:15px;font-weight:600}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary);width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.error{color:#dc2626}.empty{color:var(--color-text-secondary);text-align:center;padding:48px 0}.collection__title{margin:4px 0 16px;font-size:20px}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.card{background:var(--color-surface);border-radius:var(--radius);padding-bottom:10px;overflow:hidden}.card__image{aspect-ratio:1;object-fit:cover;width:100%}.card__title{margin:8px 10px 4px;font-size:14px;font-weight:600}.card__price{color:var(--color-text-secondary);margin:0 10px;font-size:14px;display:block}.product__image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%}.product__body{padding-top:16px}.product__title{margin:0 0 8px;font-size:22px}.product__price{margin:0 0 16px;font-size:20px;font-weight:700}.product__variant{border-radius:var(--radius);border:1px solid var(--color-border);width:100%;margin-bottom:16px;padding:12px;font-size:15px}.product__description{color:var(--color-text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.orders__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.orders__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.orders__item{background:var(--color-surface);border-radius:var(--radius);padding:14px}.orders__row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.orders__email{font-weight:600}.orders__meta{color:var(--color-text-secondary);margin-bottom:0;font-size:13px}.badge{background:var(--color-border);border-radius:999px;padding:2px 8px;font-size:12px}.badge--app{background:var(--color-primary);color:var(--color-primary-text)}.spinner{flex-direction:column;align-items:center;gap:12px;padding:48px 0;display:flex}.spinner__ring{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinner__label{color:var(--color-text-secondary);font-size:14px}.notfound{text-align:center;padding:64px 0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){:root{--color-bg:#000;--color-surface:#1c1c1e;--color-text:#f2f2f7;--color-text-secondary:#98989f;--color-border:#2c2c2e}}