:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#10213d;background:#f3f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.splash,.activate{min-height:100vh;display:grid;place-items:center}.splash{text-align:center;color:#64748b}.splash b,.logo,.tablet-brand b{display:grid;place-items:center;background:#1769dc;color:#fff;border-radius:16px}.splash b{width:62px;height:62px;margin:auto;font-size:28px}.activate{background:radial-gradient(circle at 50% 0,#e2edff,#f7faff 60%);padding:24px}.activate section{width:min(480px,100%);background:#fff;border:1px solid #dbe4f0;border-radius:24px;padding:38px;box-shadow:0 28px 80px #1737671a}.logo{width:48px;height:48px;font-size:22px}.overline,.category{font-size:10px;font-weight:850;letter-spacing:.13em;color:#1769dc}.activate h1{font-size:34px;letter-spacing:-.04em;margin:9px 0}.activate p{color:#66758c}.activate form{display:grid;gap:16px;margin:28px 0}.activate label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#53647d}.activate input,.activate button{border-radius:12px;padding:14px}.activate input{border:1px solid #ccd8e8}.activate button,.book{border:0;background:#1769dc;color:#fff;font-weight:800}.activate small{color:#718096}.error{color:#c92a3a!important}.tablet{min-height:100vh;padding-bottom:65px}.tablet>header{height:86px;background:#09244f;color:#fff;display:flex;align-items:center;gap:30px;padding:0 clamp(20px,4vw,60px);position:sticky;top:0;z-index:10;box-shadow:0 8px 25px #061a3566}.tablet-brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:.08em}.tablet-brand b{width:38px;height:38px}.tablet-brand small{display:block;font-size:8px;opacity:.65}.site{margin-left:auto;display:grid;text-align:right}.site span{font-size:10px;color:#9eb5d5}.connection{display:flex;align-items:center;gap:7px;border:1px solid #ffffff24;background:#ffffff10;color:#baf3d8;border-radius:99px;padding:9px 12px;font-size:12px;font-weight:750}.connection svg{width:15px}.connection.offline{color:#ffd986}.connection.syncing svg{animation:spin 1s linear infinite}.tablet-content{padding:34px clamp(20px,5vw,70px);max-width:1500px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:end}.welcome h1{font-size:36px;margin:6px 0;letter-spacing:-.04em}.welcome p:not(.overline){color:#64748b}.scan{display:flex;gap:8px;align-items:center;border:1px solid #b9cce5;background:#fff;color:#1769dc;border-radius:12px;padding:12px 16px;font-weight:800}.search{margin:28px 0 20px;background:#fff;border:1px solid #cbd8e9;border-radius:15px;padding:0 17px;display:flex;align-items:center;gap:12px;box-shadow:0 7px 30px #1737670b}.search svg{color:#1769dc}.search input{width:100%;border:0;outline:0;padding:17px 0;background:transparent;font-size:16px}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px}.article-grid>button{position:relative;text-align:left;min-height:128px;border:1px solid #d7e1ee;background:#fff;border-radius:16px;padding:18px;color:#13213a;display:grid;align-content:start;gap:9px;transition:.2s}.article-grid>button:hover,.article-grid>button.selected{border-color:#1769dc;transform:translateY(-2px);box-shadow:0 12px 35px #1769dc18}.article-grid strong{font-size:16px}.article-grid small{color:#718096}.article-grid>button>svg{position:absolute;right:14px;top:14px;background:#1769dc;color:#fff;border-radius:50%;padding:3px}.sheet{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #cfdbea;box-shadow:0 -20px 60px #0c234333;padding:18px clamp(20px,5vw,70px);display:grid;grid-template-columns:1.5fr 1fr auto auto;gap:25px;align-items:center;animation:sheet .25s ease}.sheet h2{margin:3px 0;font-size:20px}.sheet p{margin:0;color:#718096}.unit-tabs{display:flex;background:#edf3fa;padding:4px;border-radius:12px}.unit-tabs button{display:flex;gap:5px;align-items:center;border:0;background:transparent;padding:10px;border-radius:9px;color:#60718a}.unit-tabs button.active{background:#fff;color:#1769dc;box-shadow:0 3px 12px #10213d12}.unit-tabs svg{width:16px}.stepper{display:flex;align-items:center;border:1px solid #cfdbea;border-radius:12px;overflow:hidden}.stepper button{width:46px;height:50px;border:0;background:#f5f8fc;color:#1769dc;font-size:24px}.stepper strong{min-width:72px;text-align:center;font-size:21px}.stepper small{display:block;font-size:9px;color:#718096}.book{height:52px;border-radius:12px;padding:0 22px}.toast{position:fixed;top:105px;right:25px;z-index:30;display:flex;gap:9px;align-items:center;border:0;border-radius:12px;padding:13px 16px;background:#087f5b;color:#fff;box-shadow:0 12px 35px #052f2470;animation:toast .3s ease}.toast svg{width:18px}footer{position:fixed;bottom:0;left:0;right:0;background:#fff9e8;color:#805b13;border-top:1px solid #f0d48c;padding:10px 20px;display:flex;gap:9px;align-items:center;justify-content:center;font-size:11px;z-index:15}footer svg{width:15px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet{0%{transform:translateY(100%)}}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}}@media (max-width:850px){.site{display:none}.sheet{grid-template-columns:1fr 1fr}.sheet>div:first-child{grid-column:1/-1}.book{width:100%}.tablet{padding-bottom:220px}}@media (max-width:560px){.tablet-brand span{display:none}.connection{margin-left:auto}.welcome{display:block}.scan{margin-top:18px}.article-grid{grid-template-columns:1fr 1fr}.article-grid>button{min-width:0;padding:14px}.sheet{display:flex;flex-wrap:wrap;gap:10px}.sheet>div:first-child{width:100%}.unit-tabs{width:100%}.unit-tabs button,.stepper,.book{flex:1}.activate section{padding:28px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tablet-actions{display:flex;gap:9px}.report{display:flex;gap:8px;align-items:center;border:1px solid #d5deea;background:#fff;color:#53647d;border-radius:12px;padding:12px 16px;font-weight:800}.tablet-empty{display:grid;justify-items:center;gap:7px;margin:25px 0;padding:35px;border:1px dashed #c4d2e3;border-radius:16px;background:#fff;color:#64748b}.tablet-empty svg{color:#1769dc}.tablet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#061328a8}.tablet-modal>section{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:20px;padding:25px;background:#fff;box-shadow:0 30px 90px #0006}.tablet-modal header{display:flex;align-items:flex-start;justify-content:space-between}.tablet-modal h2{margin:5px 0;font-size:27px}.tablet-modal header button{border:0;background:transparent;color:#53647d}.tablet-modal form{display:grid;gap:15px;margin-top:20px}.tablet-modal label{display:grid;gap:7px;color:#53647d;font-size:12px;font-weight:800}.tablet-modal input,.tablet-modal select,.tablet-modal textarea{width:100%;border:1px solid #ccd8e8;border-radius:11px;padding:13px;background:#fff;color:#10213d}.tablet-modal textarea{min-height:110px;resize:vertical}.tablet-modal .book{min-height:52px}@media (max-width:650px){.tablet-actions{display:grid;margin-top:18px}.welcome{align-items:start}.scan,.report{justify-content:center}.tablet-modal>section{padding:20px}}