*{box-sizing:border-box}body{color:#3b1609;background:#faf5ee;margin:0;font:16px/1.55 system-ui,sans-serif}header{color:#fff7ed;background:#3b1609;justify-content:space-between;align-items:center;gap:16px;padding:20px max(20px,50vw - 550px);display:flex}.brand{font:28px Georgia,serif;display:block}small{display:block}main{max-width:1100px;margin:auto;padding:24px 20px 60px}h1,h2,h3{line-height:1.2}h1{font:36px Georgia,serif}h2{font:25px Georgia,serif}h3{font-size:18px}nav{gap:8px;padding-bottom:12px;display:flex;overflow:auto}button,summary{cursor:pointer}button,input,select,textarea{font:inherit;border-radius:10px;min-height:46px}button{color:#fff7ed;background:#3b1609;border:1px solid #3b1609;padding:10px 16px}button:hover{background:#7c3c1f}button:disabled{opacity:.5;cursor:wait}nav button{color:#3b1609;white-space:nowrap;background:0 0}nav button[aria-current]{color:#fff;background:#3b1609}label{flex-direction:column;gap:6px;margin:12px 0;display:flex}input,select,textarea{color:#3b1609;background:#fffdf9;border:1px solid #ad8d70;width:100%;padding:10px}input[type=checkbox]{flex-shrink:0;width:22px;min-height:22px}.check{flex-direction:row;align-items:center}textarea{min-height:90px}form{max-width:600px}article,details{background:#fffdf9;border:1px solid #dfcbb6;border-radius:16px;margin:16px 0;padding:20px}article details{padding:12px}summary{min-height:28px;font-weight:650}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;display:grid}.grid article{margin:0}.notice{overflow-wrap:anywhere;background:#f1dfc9;border-left:4px solid #d96b2b;margin:16px 0;padding:12px 16px}.tag{color:#7c3c1f;font-size:13px}.variant{border-top:1px solid #dfcbb6;margin-top:20px;padding-top:8px}.catalog-photo{object-fit:contain;background:#f1dfc9;border-radius:12px;width:100%;max-height:300px}.setup,.login{max-width:520px;margin:8vh auto}.setup h1{font-size:32px}footer{text-align:center;padding:24px;font-size:13px}a{color:#7c3c1f}:focus-visible{outline-offset:3px;outline:3px solid #d96b2b}@media (max-width:600px){main,header,article,details{padding:16px}h1{font-size:30px}}.login-wrap{border:1px solid #dfcbb6;border-radius:20px;grid-template-columns:1fr 1fr;max-width:960px;margin:7vh auto;padding:0;display:grid;overflow:hidden}.login-brand{color:#faf5ee;background:#3b1609;padding:70px 45px}.login-brand h1{margin:10px 0 35px;font-size:70px}.login-form{background:#fffdf9;padding:40px}.login-form button{width:100%}.eyebrow{letter-spacing:2px;font-size:12px}.error{color:#9a3219}.muted{font-size:14px}@media (max-width:640px){.login-wrap{grid-template-columns:1fr;margin:20px 16px}.login-brand{padding:24px}.login-brand h1{margin:8px 0;font-size:42px}.login-brand p{display:none}.login-form{padding:24px}}.pending-dialog{color:#3b1609;background:#fffdf9;border:1px solid #dfcbb6;border-radius:20px;width:min(480px,100% - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 20px 70px #3b160940}.pending-dialog::backdrop{background:#3b160980}.pending-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.pending-actions button{flex:1}.pending-actions .secondary{color:#3b1609;background:0 0}@media (max-width:480px){.pending-actions{flex-direction:column}.pending-dialog{padding:24px}}