:root{color:#1c1915;background:#efe8dc;font-family:Avenir Next,Segoe UI,sans-serif}body{margin:0}button,input,select{font:inherit}main{max-width:960px;margin:0 auto;padding:32px 20px 64px}h1,h2{font-family:Palatino,Palatino Linotype,serif;font-weight:600}.gate,.sheet,.detail form,.top,.brands button{display:grid;gap:12px}.top,.brands button{grid-auto-flow:column;justify-content:start;align-items:center}label{display:grid;gap:4px}input,select,button{padding:8px 10px;border:1px solid #c9bfb0;background:#fffdf8;color:inherit}button{background:#1f6b4a;color:#fffdf8;border-color:#1f6b4a;cursor:pointer}.top button,.brands button{background:transparent;color:inherit}.brands{list-style:none;padding:0}.brands button{width:100%;text-align:left}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:24px;align-items:start}.preview{border:1px solid #d9d0c3;padding:16px;min-height:280px}.preview-bar{display:flex;gap:8px;align-items:center}.preview img,.preview-mark{width:28px;height:28px;object-fit:contain}.preview-mark{display:inline-block;border-radius:50%}.preview ul{list-style:none;padding:0;display:grid;gap:8px}.preview li{border:1px solid currentColor;padding:10px 12px}.steps{margin:0;padding-left:1.4rem;font-size:1rem;line-height:1.45;color:#1c1915}.steps li+li{margin-top:8px}.secret{font-family:ui-monospace,monospace;font-size:1rem;color:#1c1915;word-break:break-all}.qr-hint{margin:0;font-size:1rem;line-height:1.45;color:#1c1915}.qr-timer-track{height:8px;background:#e4dccd;border:1px solid #c9bfb0}.qr-timer-bar{height:100%;background:#1f6b4a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[role=alert]{color:#8a2b2b}.notice{position:fixed;top:16px;left:50%;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(36rem,calc(100% - 32px));margin:0;padding:12px 14px;border:1px solid #1f6b4a;background:#fffdf8;color:#1c1915;font-size:1rem;line-height:1.45;transform:translate(-50%);box-shadow:0 8px 24px #1c191529}.notice p{margin:0}.notice button{background:transparent;color:inherit;border-color:currentColor}.notice[role=alert]{border-color:#8a2b2b;color:#8a2b2b}.warn{margin:8px 0;padding:8px 10px;border-left:4px solid #8a5a12;background:#fff6e8;color:#1c1915;font-size:1rem}button.danger{background:#8a2b2b;color:#fffdf8;border-color:#8a2b2b}button.danger:disabled{opacity:.45}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#1c191573}.modal .sheet{width:min(28rem,calc(100% - 32px));background:#fffdf8;padding:16px}@media(max-width:720px){.split,.top,.brands button{grid-template-columns:1fr;grid-auto-flow:row}}