@import url("/claim/brand-tokens.css?v=baocut-sitewide-20261024"); :root{--hover:var(--primary-hover);--radius:var(--radius-control);--display:var(--font-display);--body:var(--font-body)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--body)}main{max-width:760px;margin:auto;padding:36px 24px 64px}.brand{font:700 18px var(--display);margin:0 0 16px}.notice{font-size:14px;border-left:4px solid var(--primary);padding:8px 14px;background:var(--surface)}h1,h2{font-family:var(--display);line-height:1.18}h1{font-size:clamp(32px,6vw,44px);max-width:15ch;margin:28px 0 20px}h2{font-size:24px;margin:0 0 16px}section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:24px 0}p{margin:14px 0}.muted{color:var(--muted);font-size:16px}label{display:block;font-size:16px}input[type=password]{font:16px var(--body);width:100%;min-height:48px;border:1px solid var(--border);padding:10px;border-radius:var(--radius);margin:6px 0 14px}button{font:600 16px var(--body);min-height:48px;border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary);color:white;padding:10px 16px;cursor:pointer;line-height:1.4}button:hover:enabled{background:var(--hover)}button:active:enabled{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:12px}.check{display:flex;gap:12px;align-items:center;margin-top:18px;min-height:44px}.check input{width:22px;height:22px;flex-shrink:0}#state{min-height:3.4em;font-weight:600}#feedback{min-height:3.4em;overflow-wrap:anywhere}#recovery{margin-top:20px}[hidden]{display:none!important}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--paper);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::-webkit-scrollbar-track{background:var(--paper)}@media(max-width:480px){main{padding:24px 16px 48px}section{padding:20px 16px}.actions{display:grid;grid-template-columns:1fr}.actions button{width:100%}}@media(forced-colors:active){button,section,input{border-color:CanvasText}button:disabled{opacity:1;color:GrayText}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

select,input[type=password]{max-width:100%;min-width:0}select{font:16px var(--body);width:100%;min-height:48px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:var(--surface)}a{color:var(--primary);overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:4px}#cashier{min-height:48px;padding:10px 16px;border:1px solid var(--primary);border-radius:var(--radius)}

input[type=file]{font:16px var(--body);max-width:100%;width:100%;min-height:48px;margin:8px 0 16px}input::file-selector-button{font:16px var(--body);min-height:44px;cursor:pointer}

:root{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:auto}
/* Refined Calm private-access variant: visual only; app.js owns all state. */
main{padding-top:28px}
.brand{font-weight:720;letter-spacing:-.025em;color:var(--primary)}
h1{font-weight:720;letter-spacing:-.045em;line-height:1.1;margin:22px 0 16px}
h2{font-weight:700;letter-spacing:-.025em}
section{border-radius:var(--radius-panel)}
.notice{background:var(--accent);border-radius:var(--radius-control)}
select,input[type=password]{background:#fff;border-color:var(--field-border);box-shadow:inset 0 1px 2px #163b3408}
select:hover,input[type=password]:hover{border-color:var(--field-hover)}
button{font-weight:650}
a,button,input,select{overflow-wrap:anywhere}
#feedback:not(:empty){border-left:3px solid var(--primary);padding-left:12px}
@media(max-width:360px){main{padding-inline:14px}section{padding:18px 14px}h1{font-size:32px}}