.break-qr-hub,.break-mobile{--break-ink:#0f2248;--break-blue:#2457ed;--break-muted:#687792;box-sizing:border-box;font-family:inherit}.break-qr-hub *,.break-mobile *{box-sizing:border-box}.break-qr-hub{background:radial-gradient(at 100% 0,#deebff,#0000 50%),#f5f8fe;border:1px solid #d9e3f3;border-radius:24px;margin:24px 0;padding:30px;box-shadow:0 12px 34px #14295b08}.break-hub-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.break-eyebrow{color:#2457ed;letter-spacing:.13em;font-size:12px;font-weight:850}.break-hub-header h2{letter-spacing:-1px;color:var(--break-ink);line-height:1.3;margin:8px 0!important;font-size:30px!important}.break-hub-header p{color:var(--break-muted);margin:0;font-size:15px;line-height:1.7}.break-mode-badge{white-space:nowrap;color:#284c9a;background:#fff;border:1px solid #c9d9fb;border-radius:30px;padding:9px 13px;font-size:13px;font-weight:750}.break-store-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.break-store-card{background:#fff;border:1px solid #dfe6f2;border-radius:18px;min-width:0;padding:22px;box-shadow:0 6px 20px #14295b06}.break-store-title{align-items:center;gap:12px;display:flex}.break-store-index{color:#2457ed;background:#eaf0ff;border-radius:14px;place-items:center;width:45px;height:45px;font-size:19px;font-weight:850;display:grid}.break-store-title>div>span{letter-spacing:.13em;color:#7d8ba5;font-size:10px;font-weight:800}.break-store-title h3{color:#0f2248;line-height:1.2;margin:4px 0!important;font-size:23px!important}.break-store-chip{color:#496286;background:#f0f4fa;border-radius:20px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:750}.break-qr-surface{background:linear-gradient(130deg,#f5f8ff,#fbfdff);border:1px solid #e5ecf7;border-radius:15px;align-items:center;gap:24px;margin:20px 0;padding:16px;display:flex}.break-qr-frame{aspect-ratio:1;background:#fff;border:1px solid #cbd9ef;border-radius:12px;flex-shrink:0;place-items:center;width:160px;max-width:50%;padding:5px;display:grid;overflow:hidden}.break-qr-frame img{width:100%;height:auto;display:block}.break-scan-copy b{letter-spacing:-.7px;color:#152b54;font-size:22px;line-height:1.5}.break-scan-copy span,.break-scan-copy small{color:#6c7c96;margin-top:8px;font-size:13px;display:block}.break-scan-copy small{color:#8b98ad;font-size:12px}.break-store-actions{gap:10px;display:flex}.break-primary,.break-secondary{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:800;display:flex;text-decoration:none!important}.break-primary{background:#2457ed;border:1px solid #2457ed;flex:1;gap:18px;box-shadow:0 5px 12px #2457ed1a;color:#fff!important}.break-primary:hover{background:#1747d3}.break-secondary{background:#fff;border:1px solid #d6dfef;color:#324b76!important}.break-hub-footer{color:#516686;flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px;font-size:13px;display:flex}.break-hub-footer b{color:#2457ed;margin-right:6px;font-size:12px}.break-hub-footer small{color:#7c8ba2;margin-left:auto;font-size:12px}.break-primary:focus-visible,.break-secondary:focus-visible{outline-offset:3px;outline:3px solid #82b9ff}.break-primary:disabled,.break-secondary:disabled{opacity:.5;cursor:wait}.break-mobile{min-height:100dvh;color:var(--break-ink);background:radial-gradient(at 50% 0,#174aab,#0000 60%),#071731;padding:26px 18px 45px}.break-mobile-top{color:#b4c8ed;letter-spacing:.1em;justify-content:space-between;align-items:center;max-width:490px;margin:0 auto 22px;font-size:12px;display:flex}.break-mobile-top a{background:#fff;border-radius:10px;padding:8px 13px;display:inline-flex}.break-mobile-top img{object-fit:contain;width:94px;height:44px}.break-mobile-shell{background:#fff;border-radius:25px;max-width:490px;margin:auto;overflow:hidden;box-shadow:0 24px 80px #0004}.break-mobile-header{border-bottom:1px solid #eaf0f8;padding:27px 26px 22px}.break-mobile-header h1{letter-spacing:-1px;margin:9px 0 7px;font-size:27px;line-height:1.3}.break-mobile-header p{color:#72819a;margin:0;font-size:14px;line-height:1.7}.break-mobile-body{padding:24px 26px 28px}.break-person{align-items:center;gap:12px;margin-bottom:20px;display:flex}.break-avatar{color:#2457ed;background:#eaf0ff;border-radius:15px;place-items:center;width:46px;height:46px;font-size:21px;font-weight:850;display:grid}.break-person h2{margin:0;font-size:19px}.break-person small{color:#8491a7;font-size:12px}.break-state-chip{color:#2457ed;white-space:nowrap;background:#edf3ff;border-radius:24px;margin-left:auto;padding:6px 11px;font-size:12px}.break-state-chip.resting{color:#087c59;background:#e3f8f1}.break-time-surface{text-align:center;background:linear-gradient(130deg,#edf3ff,#f8faff);border:1px solid #dfe8f9;border-radius:18px;margin-bottom:18px;padding:24px}.break-time-surface>span{color:#607390;font-size:13px}.break-time-value{font-variant-numeric:tabular-nums;letter-spacing:-3px;color:#1648cc;margin:8px 0;font-size:58px;font-weight:800;line-height:1.3}.break-time-value small{letter-spacing:0;margin-left:6px;font-size:21px}.break-time-surface p{color:#7c8da8;margin:4px 0;font-size:12px;line-height:1.6}.break-mobile-body>.break-primary,.break-mobile-body>.break-secondary{width:100%;margin-top:10px;font-size:16px}.break-policy{color:#71819b;background:#f5f7fb;border-radius:12px;gap:9px;margin:18px 0;padding:13px;font-size:12px;line-height:1.8;display:flex}.break-policy b{color:#405b84;display:block}.break-history-title{margin:25px 0 12px;font-size:15px}.break-history{margin:0;padding:0;list-style:none}.break-history li{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;font-size:14px;display:flex}.break-history li small{color:#92a0b5;font-size:11px;display:block}.break-history li strong{color:#52709e;font-size:12px}.break-empty{text-align:center;color:#8d9ab0;background:#f8faff;border-radius:12px;padding:20px;font-size:14px}.break-status{color:#315995;background:#eef3ff;border-radius:11px;padding:13px;font-size:14px;line-height:1.6}.break-login label{gap:8px;margin-bottom:18px;font-size:14px;font-weight:750;display:grid}.break-login input{width:100%;font:inherit;color:#16335c;background:#fafcff;border:1px solid #d3deef;border-radius:11px;min-height:52px;padding:12px;font-size:16px}.break-login input:focus{border-color:#2457ed;outline:3px solid #d6e7ff}.break-login .break-primary{width:100%}.break-poster-preview{background:#f4f7ff;border-radius:17px;width:100%;margin-bottom:18px;padding:18px}.break-poster-preview img{width:100%;display:block}.break-poster-help{color:#7a8aa4;font-size:14px;line-height:1.7}.break-mobile-footer{text-align:center;color:#8299bd;letter-spacing:.15em;max-width:490px;margin:20px auto;font-size:11px}@media (width<=1000px){.break-store-grid{grid-template-columns:1fr}.break-qr-surface{justify-content:flex-start}.break-hub-footer small{margin-left:0}}@media (width<=600px){.break-qr-hub{border-radius:18px;padding:18px}.break-hub-header{display:block}.break-hub-header h2{font-size:25px!important}.break-mode-badge{margin-top:14px;display:inline-flex}.break-store-card{padding:17px}.break-store-actions{flex-direction:column}.break-hub-footer{gap:12px}.break-qr-surface{gap:16px;padding:10px}.break-qr-frame{width:145px}.break-scan-copy b{font-size:20px}.break-scan-copy small{font-size:11px}.break-mobile-header,.break-mobile-body{padding-left:21px;padding-right:21px}}
