:root{color-scheme:dark;--bg:#070e1d;--panel:#0f1b30;--line:#29405d;--ink:#eef5ff;--muted:#acbed7;--ice:#8fe5fa;--gold:#ffd99d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#16334d80,transparent 50%),var(--bg);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:var(--ice);text-underline-offset:4px}header{max-width:1280px;margin:auto;padding:22px 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:800;letter-spacing:.07em;text-decoration:none}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}main{max-width:1220px;margin:auto;padding:38px 32px}h1{font:600 clamp(28px,3.8vw,44px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:8px 0 14px}h2{font-size:22px;margin:0 0 12px}h3{font-size:17px;margin:0 0 8px}p{margin:10px 0}.intro{margin-bottom:30px}.intro>div>p:last-child,.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--ice)}button,.primary,.button{font:inherit;font-weight:650;border:1px solid var(--line);border-radius:12px;min-height:46px;padding:11px 18px;background:#172840;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:hover,.button:hover{border-color:var(--ice);background:#203550}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--ice);color:#091426;border-color:transparent}.primary:hover{background:#b6f2ff;color:#091426}.quiet{background:transparent}.danger{color:#ffb6b6}input{width:100%;background:#091526;border:1px solid #45607f;color:var(--ink);font:inherit;border-radius:10px;padding:13px;min-height:48px}input[type=checkbox]{width:20px;min-height:20px;flex:none}label{display:block;color:var(--muted);font-size:14px;margin-bottom:14px}label input:not([type=checkbox]){margin-top:6px}label.check{display:flex;gap:10px;align-items:flex-start;color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.mode{display:flex;gap:8px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.mode button[aria-pressed=true]{background:var(--ice);color:#0b1427}.badge{font-size:11px;letter-spacing:.08em;font-weight:750;border:1px solid var(--line);border-radius:30px;padding:5px 10px;color:var(--muted)}.test-note{background:#2e2840;border:1px solid #756699;color:#ebe0ff;padding:14px 18px;border-radius:12px;margin-bottom:22px}.grid{display:grid;grid-template-columns:310px 1fr;gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px}.member-button{width:100%;justify-content:space-between;text-align:left;margin:5px 0;font-size:14px}.member-button[aria-pressed=true]{border-color:var(--ice);background:#204356}.member-button span{display:flex;flex-direction:column}.member-button small{color:var(--muted);font-size:11px}.row{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.card-area{max-width:500px}.card-top{display:grid;grid-template-columns:minmax(280px,1fr) minmax(180px,.65fr);gap:24px;align-items:start}.card-area .yuna-pass{min-height:280px;aspect-ratio:1.57}.card-area .yuna-pass-balance{margin:18px 0}.card-area .yuna-pass-balance strong{font-size:54px}.scan-zone{margin-top:16px;background:white;border-radius:14px;color:#0b1730;padding:18px;text-align:center}.scan-zone svg{width:100%;height:auto;max-height:90px}.scan-zone .qr svg{width:142px;height:142px;max-height:none}.scan-zone code{font-size:11px;letter-spacing:.05em;display:block;word-break:break-all}.scan-zone p{font-size:12px;line-height:1.4;margin:8px 0 0}.card-aside{font-size:14px;color:var(--muted)}.bigpoints{font-size:38px;font-weight:750;color:var(--ink);line-height:1}.history{list-style:none;padding:0;margin:18px 0 0}.history li{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:14px 0;font-size:14px}.history small{display:block;color:var(--muted);font-size:12px}.history strong{white-space:nowrap;color:var(--ice)}.sales{display:grid;gap:10px}.sale{width:100%;justify-content:space-between;text-align:left;font-size:14px}.sale>span{min-width:0}.sale small,.sale strong{display:block}.sale small{color:var(--muted);font-size:12px}.sale[aria-pressed=true]{border-color:var(--ice);background:#204356}.sale b{white-space:nowrap;padding-left:10px}.sale-summary{background:#091526;border-radius:14px;padding:18px;margin-top:18px}.sale-summary ul{padding-left:20px}.empty{padding:35px 12px;text-align:center;color:var(--muted)}.empty .symbol{font:55px Georgia,serif;color:var(--ice)}.notice{padding:14px 18px;border-radius:12px;margin:0 0 20px;background:#173d3e;border:1px solid #408882}.notice.error{background:#452333;border-color:#9e5264}.privacy{border-top:1px solid var(--line);padding:24px 0;margin-top:24px;max-width:900px;color:var(--muted);font-size:13px}.privacy summary{cursor:pointer;font-weight:650;color:var(--ink)}footer{border-top:1px solid var(--line);padding:20px 0;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.create-panel{max-width:600px}video{width:100%;max-height:280px;border-radius:12px;background:#000}.camera{margin:16px 0}.camera[hidden]{display:none}[hidden]{display:none!important}.customer-grid{display:grid;grid-template-columns:minmax(280px,500px) minmax(230px,1fr);gap:36px;align-items:start}.skeleton{color:var(--muted);padding:12px}.print-only{display:none}
@media(max-width:900px){.grid{grid-template-columns:250px 1fr}.card-top{display:block}.card-aside{margin-top:20px}.card-area{max-width:500px}.yuna-pass{padding:24px!important}.customer-grid{gap:22px}}@media(max-width:650px){header{padding:16px 20px;display:block}nav{margin-top:18px;gap:16px}.brand small{font-size:10px}main{padding:26px 18px}.grid,.customer-grid{display:block}.panel{padding:18px;border-radius:16px}.intro{margin-bottom:22px}.card-area{max-width:none}.mode{font-size:14px}.sales{max-height:480px;overflow:auto}.card-area .yuna-pass{min-height:265px}.card-area .yuna-pass-brand strong{font-size:20px}.card-area .yuna-pass-balance strong{font-size:52px}.actions>*{flex:1}.privacy{font-size:13px}footer{display:block}.history{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}header,.intro,#notice,.privacy,footer,.mode,.test-note,.grid>aside,.card-aside,.sales-section,.history-panel,.actions,.camera,.customer-grid>section:last-child{display:none!important}main,.panel,.grid,.card-top,.customer-grid{display:block;padding:0;margin:0;border:0;background:transparent}#content{width:86mm}.card-area{width:86mm;max-width:86mm}.card-area .yuna-pass{width:86mm;height:54mm;min-height:0;border-radius:3mm;padding:6mm!important;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.yuna-pass-head>.yuna-pass-logo{width:9mm!important;height:10mm!important}.yuna-pass-brand strong{font-size:14pt!important}.yuna-pass-brand small{font-size:5pt!important}.yuna-pass-balance{display:none!important}.yuna-pass-holder b{font-size:9pt}.yuna-pass-holder small{font-size:6pt}.scan-zone{width:86mm;min-height:54mm;border:1px solid #bbb;border-radius:3mm;padding:5mm;break-inside:avoid;margin-top:5mm}.scan-zone .qr svg{height:25mm;width:25mm}.scan-zone>svg{height:15mm}.scan-zone code{font-size:7pt}.scan-zone p{font-size:7pt}.print-only{display:block}}

.marker-trial{border-color:#75c8ef66}.marker-trial .actions{gap:10px;margin:18px 0}.marker-result{padding:18px;border:1px solid #75c8ef66;border-radius:16px;background:#0c2636}.marker-result strong{color:#b5f4e5}.marker-result dl{display:grid;gap:12px}.marker-result dt{font-size:.8rem;opacity:.75}.marker-result dd{margin:4px 0;overflow-wrap:anywhere}.marker-result p{font-size:.85rem;color:#c8d8e8}