: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}}[data-theme=light] .tablet>header{background:#f8fbff;color:#102b50;border-bottom:1px solid #d7e5f5;box-shadow:0 8px 25px #17376712}[data-theme=light] .tablet>header .site span{color:#6580a2}[data-theme=light] .tablet>header .connection{border-color:#bfd2ea;background:#eaf3ff;color:#1769dc}[data-theme=light] .tablet>header .connection.offline{color:#a36100;background:#fff5dc}.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}}.scanner-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#061328e6}.scanner-dialog{width:min(620px,100%);max-height:calc(100vh - 30px);overflow:auto;border-radius:22px;padding:24px;background:#fff;box-shadow:0 30px 90px #0008}.scanner-dialog>header{display:flex;justify-content:space-between;align-items:flex-start}.scanner-dialog h2{margin:5px 0 18px;font-size:28px}.scanner-dialog>header button{border:0;background:transparent;color:#53647d}.scanner-preview{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:4/3;border-radius:16px;background:#071426}.scanner-preview video{width:100%;height:100%;object-fit:cover}.scanner-preview>svg{position:absolute;width:44px;height:44px;color:#fff5}.scanner-frame{position:absolute;width:min(78%,430px);height:42%;border:3px solid #68a2ff;border-radius:14px;box-shadow:0 0 0 999px #06132866}.scanner-status,.scanner-error{margin:15px 0 0;padding:12px;border-radius:10px;background:#edf4ff;color:#315273;font-weight:700}.scanner-error{background:#fff0f1;color:#a82432}.scanner-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.scanner-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1px solid #ccd8e8;border-radius:11px;padding:0 16px;background:#fff;color:#334968;font-weight:800}.scanner-actions .book{border:0;background:#1769dc;color:#fff}.scanner-actions svg{width:17px}@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}.scanner-backdrop{padding:10px}.scanner-dialog{padding:17px}.scanner-actions{display:grid}.scanner-actions button{width:100%}}.pwa-notice{position:fixed;z-index:100;right:18px;bottom:18px;display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 36px));padding:14px;border:1px solid #bed1ec;border-radius:15px;background:#fff;color:#10213d;box-shadow:0 18px 50px #10213d35;animation:pwa-in .2s ease both}.pwa-notice>svg{color:#1769dc}.pwa-notice span{display:grid;gap:3px}.pwa-notice small{color:#64748b}.pwa-notice button{min-height:42px;border:0;border-radius:10px;padding:0 14px;background:#1769dc;color:#fff;font-weight:800}.pwa-notice button[aria-label]{padding:0 10px;background:#eef4fc;color:#53647d}@keyframes pwa-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:620px){.pwa-notice{left:12px;right:12px;bottom:12px;grid-template-columns:auto 1fr}.pwa-notice button{grid-column:2}.pwa-notice button[aria-label]{position:absolute;right:8px;top:8px}}@media (prefers-reduced-motion:reduce){.pwa-notice{animation:none}}[data-theme=dark] .tablet-modal>section,[data-theme=dark] .scanner-dialog{background:#111a2d;color:#eef5ff}[data-theme=dark] .tablet-modal input,[data-theme=dark] .tablet-modal select,[data-theme=dark] .tablet-modal textarea,[data-theme=dark] .scanner-actions button{background:#172137;color:#eef5ff;border-color:#34415a}.shortage-modal>section{border:2px solid #f3b33d}.shortage-modal p{line-height:1.6;color:#53647d}.shortage-modal b{color:#b96d00}[data-theme=dark] .shortage-modal p{color:#b8c4d6}[data-theme=dark] .shortage-modal b{color:#fbbf24}.tablet-brand>b,.splash>b,.activate .logo{background:#1769dc url(/favicon.svg) center/contain no-repeat!important;color:transparent!important}.tablet-preferences{position:fixed;z-index:45;top:22px;right:18px;display:flex;gap:6px}.tablet-preferences button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff28;border-radius:11px;background:#ffffff12;color:#fff;transition:transform .18s ease,background .18s ease}.tablet-preferences button:hover{background:#fff2;transform:translateY(-1px)}.tablet-preferences svg{width:18px}html[data-animations=off] *,html[data-animations=off] *:before,html[data-animations=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] .tablet{background:#08111f;color:#edf5ff}html[data-theme=dark] .tablet-content,html[data-theme=dark] .welcome p:not(.overline){color:#9fb0c7}html[data-theme=dark] .search,html[data-theme=dark] .article-grid>button,html[data-theme=dark] .sheet,html[data-theme=dark] .tablet-modal>section,html[data-theme=dark] .scanner-dialog,html[data-theme=dark] .pwa-notice{background:#111d30;color:#edf5ff;border-color:#2a3a54}html[data-theme=dark] .search input,html[data-theme=dark] .tablet-modal input,html[data-theme=dark] .tablet-modal select,html[data-theme=dark] .tablet-modal textarea{background:#16243a;color:#edf5ff;border-color:#31435f}html[data-theme=dark] .article-grid small,html[data-theme=dark] .sheet p,html[data-theme=dark] .pwa-notice small{color:#9fb0c7}html[data-theme=dark] .scan,html[data-theme=dark] .report,html[data-theme=dark] .scanner-actions button{background:#15243a;color:#70a9ff;border-color:#31435f}html[data-theme=dark] .unit-tabs,html[data-theme=dark] .stepper,html[data-theme=dark] .stepper button{background:#16243a;color:#edf5ff;border-color:#31435f}html[data-theme=dark] .unit-tabs button{color:#9fb0c7}html[data-theme=dark] .unit-tabs button.active{background:#243651;color:#8ab7ff;box-shadow:0 3px 12px #0005}html[data-theme=dark] .book{background:#1769dc;color:#fff}html[data-theme=dark] footer{background:#28230f;color:#f6d782;border-color:#5e5120}@media (max-width:850px){.tablet-preferences{right:16px}}@media (max-width:560px){.tablet-preferences{top:20px;right:12px}.tablet-preferences button{width:38px;height:38px}}[data-theme=light] .tablet-preferences button{border-color:#bfd2ea;background:#eaf3ff;color:#1769dc;box-shadow:0 4px 14px #17376714}[data-theme=light] .tablet-preferences button:hover{border-color:#8eb4e6;background:#dcecff;color:#0f57bc}:where(button,select,input,textarea){font:inherit}:where(button){transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}:where(button:not(:disabled):active){transform:scale(.97)}:where(button,select,input,textarea):focus-visible{outline:3px solid #4d91ff66;outline-offset:2px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px!important}.tablet>header .connection{margin-right:96px}.scanner-preview{min-height:min(58vh,520px)}.scanner-frame{top:10%;right:10%;bottom:10%;left:10%;border-width:3px}.scanner-dialog{animation:tablet-dialog-in .2s cubic-bezier(.2,.8,.2,1)}.scanner-backdrop{animation:tablet-fade-in .18s ease}.scanner-backdrop.exiting{animation:tablet-fade-out .16s ease both}.scanner-backdrop.exiting .scanner-dialog{animation:tablet-dialog-out .16s ease both}.tablet-modal{animation:tablet-fade-in .18s ease}.tablet-modal>section{animation:tablet-dialog-in .2s cubic-bezier(.2,.8,.2,1)}@keyframes tablet-fade-in{0%{opacity:0}}@keyframes tablet-fade-out{to{opacity:0}}@keyframes tablet-dialog-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes tablet-dialog-out{to{opacity:0;transform:translateY(10px) scale(.985)}}@media (max-width:850px){.tablet>header{padding-right:124px}.tablet>header .connection{margin-right:0}}@media (max-width:560px){.tablet>header{padding-right:102px;gap:10px}.connection{padding:8px}.connection svg{margin:0}.connection{font-size:0}.connection svg{width:18px}}.tablet-button{position:relative;isolation:isolate;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.tablet-button:active:not(:disabled){transform:scale(.97)}.tablet-button:disabled{cursor:not-allowed;opacity:.56}.tablet-spinner{animation:tablet-spin .8s linear infinite}@keyframes tablet-spin{to{transform:rotate(360deg)}}.tablet-select{position:relative;width:100%}.tablet-select>button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.tablet-select>button>svg{width:1.1rem;transition:transform .18s ease}.tablet-select.open>button>svg{transform:rotate(180deg)}.tablet-select>[role=listbox]{position:absolute;z-index:40;top:calc(100% + .4rem);left:0;right:0;padding:.35rem;background:var(--surface,#fff);border:1px solid var(--line,#dbe4ef);border-radius:14px;box-shadow:0 18px 48px #091e422e;animation:tablet-menu-in .16s ease}.tablet-select [role=option]{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:inherit}.tablet-select [role=option][aria-selected=true]{background:#2563eb1f;color:#2563eb}@keyframes tablet-menu-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}[data-theme=dark] .tablet-select>[role=listbox]{--surface:#111d31;--line:#2a3a54}.tablet-blocked{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.tablet-blocked>section{width:min(520px,100%);display:grid;justify-items:center;gap:12px;padding:42px;text-align:center;border:1px solid var(--line,var(--border));border-radius:24px;background:var(--surface);box-shadow:0 24px 70px #091e4224}.tablet-blocked h1{margin:0;font-size:clamp(30px,6vw,44px)}.tablet-blocked p{margin:0;color:var(--muted);line-height:1.55}.tablet-blocked small{max-width:390px;color:var(--muted);line-height:1.5}.tablet-blocked-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:#e14b571f;color:#df4b57}.tablet-blocked-icon svg{width:34px;height:34px}.tablet-blocked .tablet-button{margin-top:10px;padding:12px 18px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-weight:800}.tablet-button.toast{position:fixed;top:max(105px,calc(env(safe-area-inset-top) + 18px));right:max(25px,calc(env(safe-area-inset-right) + 18px));left:auto;bottom:auto;z-index:80;max-width:min(420px,calc(100vw - 36px));justify-content:flex-start;animation:toast .3s cubic-bezier(.2,.8,.2,1)}@media (max-width:560px){.tablet-button.toast{top:max(92px,calc(env(safe-area-inset-top) + 14px));right:max(14px,env(safe-area-inset-right));max-width:calc(100vw - 28px)}}