:root{--navy:#23214f;--blue:#00a9e8;--blue-deep:#008fc9;--text:#26354a;--muted:#778496;--line:#e5ebf1;--bg:#f4f7fa;--white:#fff}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:var(--bg);margin:0;font-family:Open Sans,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{outline-offset:4px}button{transition:background .15s,box-shadow .15s,transform .15s}a{color:var(--blue-deep)}h1,h2,h3,.brand-name{color:var(--navy);letter-spacing:-.035em;font-family:Arial,sans-serif}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}svg{vertical-align:middle;flex-shrink:0}.eyebrow{letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:800;display:block}.primary,.secondary{border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:11px 17px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary:hover{background:var(--blue-deep);box-shadow:0 5px 15px #00a9e81f}.secondary{color:#40516a;background:#fff;border:1px solid #dce4ed}.secondary:hover{background:#f6fafe;border-color:#bed3e2}.text-button{color:var(--blue-deep);background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.icon-btn{color:inherit;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-btn:hover{background:#e9f2f8}.accent{color:var(--blue)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:var(--blue);background:#e8f8fe;border-radius:8px;place-items:center;width:43px;height:48px;display:grid}.brand-name{letter-spacing:-1.8px;white-space:nowrap;font-size:30px;font-weight:800;line-height:1}.brand-name>span{color:var(--blue)}.brand-name small{letter-spacing:.43em;margin:6px 0 0 3px;font-family:Open Sans,Arial,sans-serif;font-size:8px;font-weight:700;display:block}.brand-sub{letter-spacing:.09em;color:#8190a0;margin-top:8px;font-size:7px;font-weight:700}.login{background:#fff;grid-template-columns:1.08fr 1fr;min-height:100dvh;display:grid}.login-art{background:var(--navy);color:#fff;flex-direction:column;padding:48px 60px;display:flex;position:relative;overflow:hidden}.login-art .brand-name{color:#fff}.login-art .brand-mark{background:#ffffff12}.login-art .brand-sub{color:#c2c6dd}.art-copy{z-index:1;margin-top:clamp(70px,14vh,160px)}.art-copy .eyebrow{color:#55c5ee;letter-spacing:.13em;font-size:9px}.art-copy h1{color:#fff;margin:22px 0;font-size:clamp(38px,4vw,58px);line-height:1.1}.art-copy p{color:#c0c5db;max-width:340px;font-size:14px;line-height:1.8}.vessel-art{color:#4ac8f2;opacity:.7;flex:1;justify-content:center;align-items:center;min-height:225px;display:flex;position:relative;transform:translate(50px)}.art-footer{color:#c7cee3;align-items:center;gap:9px;margin-top:30px;font-size:11px;display:flex}.login-panel{justify-content:center;align-items:center;padding:70px;display:flex;position:relative}.login-panel form{width:100%;max-width:350px}.login-lock{width:55px;height:55px;color:var(--blue);background:#eaf8fe;border-radius:13px;place-items:center;margin-bottom:30px;display:grid}.login-panel h2{margin:12px 0 20px;font-size:37px;line-height:1.13}.login-panel p{color:var(--muted);margin-bottom:30px;font-size:13px;line-height:1.8}.login label,.admin-form label,.setup label{margin:18px 0 9px;font-size:12px;font-weight:700;display:block}input,select{color:var(--text);background:#fff;border:1px solid #dce4eb;border-radius:6px}.login input,.admin-form input,.setup input{width:100%;padding:13px 14px;font-size:13px}.login input:focus,.admin-form input:focus,.setup input:focus{border-color:var(--blue);outline:2px solid #00a9e838}.login-button{width:100%;margin-top:18px}.login-note{color:var(--muted);align-items:center;gap:8px;margin-top:24px;font-size:10px;display:flex}.login-bottom{color:#99a1ac;font-size:10px;position:absolute;bottom:30px}.login-mobile-brand{display:none}.app{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:254px;padding:30px 20px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin:0 4px 33px}.workspace-label{letter-spacing:.12em;color:#97a2af;justify-content:space-between;align-items:center;margin:0 9px 16px;font-size:9px;font-weight:700;display:flex}.workspace-label>span{letter-spacing:.07em;color:#7a879a;background:#f0f4f8;border-radius:3px;padding:4px 5px;font-size:7px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{text-align:left;color:#68788e;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:13px 12px;font-size:11px;font-weight:600;display:flex}.sidebar nav button.active{color:#009bd7;background:#eaf8fe}.nav-count{background:#ffffff9c;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px}.nav-dot{background:#2da887;border-radius:50%;width:6px;height:6px;margin-left:auto}.side-label{letter-spacing:.13em;color:#99a4b2;margin:25px 11px 13px;font-size:9px;font-weight:700}.section-nav{flex:1;min-height:50px;padding-bottom:15px;overflow:auto}.section-nav button{text-align:left;color:#7d8a9a;background:0 0;border:0;border-radius:5px;align-items:baseline;gap:11px;width:100%;padding:9px 10px;font-size:10px;line-height:1.45;display:flex}.section-nav button:hover,.section-nav button.selected{color:#008dc6;background:#eef7fc}.section-n{color:#a2afbd;min-width:16px;font-size:9px;font-weight:600}.sidebar-bottom{border-top:1px solid var(--line);background:#fff;padding-top:15px}.sidebar-bottom>button{color:#7a8798;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:11px;display:flex}.side-status{border-top:1px solid var(--line);color:#788b9d;align-items:center;gap:7px;margin-top:14px;padding:18px 11px;font-size:10px;display:flex}.side-status button{color:#8694a5;background:0 0;border:0;margin-left:auto}.status-dot{background:#22ac87;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.amber{background:#dda044}.main{width:calc(100% - 254px);margin-left:254px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:73px;padding:0 38px;display:flex}.breadcrumb{color:#9ba4b2;align-items:center;gap:13px;font-size:10px;display:flex}.breadcrumb strong{color:#5f6d80;font-weight:600}.top-right{align-items:center;gap:22px;display:flex}.read-only{color:#9aa5b1;align-items:center;gap:6px;font-size:9px;display:flex}.avatar{color:#5286a7;background:#eff7fc;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.content{max-width:1450px;margin:auto;padding:34px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px;display:flex}.page-heading .eyebrow{color:#91a0ad;font-size:9px}.page-heading h1{margin:10px 0;font-size:29px;line-height:1.15}.page-heading p{color:#8190a1;font-size:11px;line-height:1.7}.sync-button{white-space:nowrap;min-height:36px;padding:8px 12px;font-size:10px}.hero{background:linear-gradient(105deg,#e8f6fd 5%,#eef8fc 60%,#def0f9);border:1px solid #d8edf7;border-radius:12px;justify-content:space-between;min-height:290px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;padding:33px 35px;position:relative}.pill{letter-spacing:.08em;color:#2b8ebc;background:#fff9;border-radius:4px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:700;display:inline-flex}.hero h2{color:#253655;margin:16px 0 14px;font-size:37px;line-height:1.08}.hero p{color:#7e95a7;margin-bottom:22px;font-size:11px;line-height:1.8}.hero .primary{min-height:36px;padding:9px 13px;font-size:10px}.hero-graphic{color:#159aca;justify-content:center;align-self:stretch;align-items:center;width:44%;display:flex;position:relative}.graphic-ring{opacity:.5;border:1px solid #a9d3e3;border-radius:50%;position:absolute}.ring1{width:230px;height:230px}.ring2{width:330px;height:330px}.ring3{width:430px;height:430px}.hero-graphic>svg{z-index:1;filter:drop-shadow(0 12px 9px #79bcda55);position:relative}.graphic-caption{letter-spacing:.12em;color:#7397aa;white-space:nowrap;align-items:center;gap:6px;font-size:7px;font-weight:700;display:flex;position:absolute;bottom:28px}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:21px 0 35px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.blue{color:#149dd1;background:#ebf7fd}.teal{color:#40a697;background:#eaf8f4}.purple{color:#8c83bd;background:#f1eff9}.stats strong{color:var(--navy);font-size:23px;font-weight:700;line-height:1;display:block}.stats span{color:#8593a3;margin-top:8px;font-size:9px;display:block}.section-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.section-heading .eyebrow{font-size:8px}.section-heading h2{margin-top:7px;font-size:20px}.section-heading .text-button{font-size:10px}.section-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.section-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;flex-direction:column;min-width:0;padding:19px 20px 0;display:flex}.section-card:hover{border-color:#adddf2;transform:translateY(-2px);box-shadow:0 6px 19px #263d5a09}.card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.folder-icon{color:#3ba9d4;background:#edf8fc;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.section-8 .folder-icon{color:#d4a25c;background:#fcf5e9}.section-10 .folder-icon{color:#6c9f8c;background:#eef7f2}.section-tag{letter-spacing:.1em;color:#a4b0bc;font-size:7px;font-weight:700}.section-card h3{letter-spacing:-.025em;font-size:15px;line-height:1.35}.section-card p{color:#8a97a5;flex:1;margin:7px 0 18px;font-size:9px;line-height:1.65}.card-bottom{color:#93a2b1;border-top:1px solid #f0f3f6;justify-content:space-between;align-items:center;padding:13px 0;font-size:8px;display:flex}.card-bottom svg{color:#6f9bb3}.offline-banner{background:#edf4f8;border:1px solid #dfebf2;border-radius:9px;align-items:center;gap:17px;margin-top:25px;padding:22px;display:flex}.offline-banner-icon{color:#6991aa;background:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.offline-banner strong{color:#516a81;font-size:12px}.offline-banner p{color:#8c9fad;margin-top:7px;font-size:9px;line-height:1.6}.offline-banner button{white-space:nowrap;min-height:35px;margin-left:auto;font-size:10px}.main-footer{color:#a5aeb9;justify-content:space-between;gap:15px;padding:26px 0;font-size:8px;display:flex}.footer-dot{padding:0 8px}.message{border-radius:7px;align-items:center;gap:10px;margin:0 0 18px;padding:12px 15px;font-size:11px;line-height:1.7;display:flex}.message>span{flex:1}.error{color:#a24440;background:#fff0ee;border:1px solid #f4d9d6}.info{color:#397f9d;background:#ecf8fc;border:1px solid #d0e9f3}.sync-progress{color:#3c8cb2;border:1px solid #b8deed;border-radius:6px;align-items:center;gap:10px;margin:0 0 18px;padding:13px;font-size:11px;display:flex}.connection-banner{background:#fff;border:1px solid #dfebf2;border-radius:9px;align-items:center;gap:13px;margin-bottom:24px;padding:17px;display:flex}.connection-icon{color:#92afc0;background:#f0f7fa;border-radius:8px;place-items:center;width:43px;height:43px;display:grid}.connection-banner strong{font-size:11px}.connection-banner p{color:#8c9aaa;margin-top:4px;font-size:10px;line-height:1.6}.connection-banner button{white-space:nowrap;min-height:34px;margin-left:auto;font-size:10px}.library-tools{gap:14px;margin:10px 0 20px;display:flex}.search{color:#a0adbb;background:#fff;border:1px solid #dde5ed;border-radius:7px;flex:1;align-items:center;gap:12px;min-height:45px;padding:0 14px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;font-size:11px}.library-tools select{max-width:260px;padding:11px;font-size:10px}.library-caption{color:#8a98a8;justify-content:space-between;margin:0 2px 13px;font-size:9px;display:flex}.document-list{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.document-row{text-align:left;color:#70849a;background:#fff;border:0;border-bottom:1px solid #eef1f5;align-items:center;gap:16px;width:100%;padding:19px 22px;display:flex}.document-row:last-child{border-bottom:0}.document-row:hover{background:#f8fcff}.doc-icon{color:#49a8cf;background:#edf8fc;border-radius:5px;flex-shrink:0;place-items:center;width:40px;height:46px;display:grid}.doc-text{flex:1;min-width:0}.doc-text strong{color:#3e526a;overflow-wrap:anywhere;font-size:12px;font-weight:600;display:block}.doc-text>span{color:#98a5b1;margin-top:6px;font-size:9px;display:block}.doc-text small{color:#acb5be;overflow-wrap:anywhere;margin-top:5px;font-size:8px;display:block}.doc-meta{color:#98a6b4;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:9px;font-size:9px;display:flex}.file-tag,.saved-tag{color:#8799a9;background:#f0f4f8;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;display:inline-flex}.saved-tag{color:#3e9c83;background:#eaf7f0}.empty{text-align:center;color:#9bb6c6;padding:70px 25px}.empty h3{margin:22px 0 12px;font-size:20px}.empty p{color:#8b9aaa;max-width:360px;margin:0 auto 25px;font-size:12px;line-height:1.8}.offline-panel{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:30px;padding:43px;display:flex}.offline-big-icon{color:#2ba8d8;background:#e9f7fd;border-radius:18px;padding:26px}.offline-panel-copy h2{margin:12px 0 15px;font-size:30px}.offline-panel-copy p{color:#8495a5;max-width:470px;margin-bottom:25px;font-size:12px;line-height:1.9}.offline-details{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr 1.3fr 1fr;margin:20px 0 25px;padding:22px;display:grid}.offline-details>div{border-right:1px solid var(--line);padding:0 18px}.offline-details>div:last-child{border:0}.offline-details .eyebrow{margin-bottom:13px;font-size:8px}.offline-details strong{align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.two-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.white-card{border:1px solid var(--line);color:#6c9db6;background:#fff;border-radius:9px;padding:26px}.white-card h3{margin:18px 0 12px;font-size:18px}.white-card p{color:#8b9baa;margin-bottom:20px;font-size:11px;line-height:1.9}.storage-note{color:#8c9eae;align-items:center;gap:13px;padding:24px 5px;font-size:10px;line-height:1.8;display:flex}.danger-link{color:#b77a77;background:0 0;border:0;align-items:center;gap:8px;padding:10px 5px;font-size:10px;display:flex}.settings-panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:28px}.settings-head{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding-bottom:25px;display:flex}.settings-head h2{margin-bottom:6px;font-size:21px}.settings-head p{color:#8a9bad;font-size:10px}.connection-state{color:#c09552;white-space:nowrap;background:#fcf4e6;border-radius:5px;margin-left:auto;padding:6px 9px;font-size:9px}.connection-state.yes{color:#379d7f;background:#e8f7ee}.admin-form{max-width:410px;margin:30px 0 10px}.admin-form h3,.setup h3{margin-bottom:12px;font-size:18px}.admin-form p,.setup p{color:#8998a9;font-size:11px;line-height:1.9}.admin-form button,.setup form button{margin-top:20px}.setup{max-width:660px;padding-top:30px}.setup ol{color:#6e8094;padding-left:20px;font-size:11px;line-height:1.9}.setup li{padding:7px}.setup code{overflow-wrap:anywhere;background:#f3f7fa;border-radius:3px;padding:2px 4px;font-size:10px}.setup a svg{margin-left:3px}.copy-code{-webkit-user-select:all;user-select:all;margin:10px 0;display:block;padding:13px!important}.setup form{border-top:1px solid var(--line);max-width:450px;margin-top:25px;padding-top:4px}.setup small{color:#91a1b1;margin-top:8px;font-size:9px;line-height:1.8;display:block}.setup form button{display:flex}.hamburger,.mobile-close{display:none}.reader{z-index:100;background:#dce3ea;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.reader-head{z-index:3;background:#fff;border-bottom:1px solid #d7e0e8;align-items:center;gap:18px;min-height:72px;padding:12px 24px;display:flex}.reader-title{flex:1;min-width:0}.reader-title .eyebrow{margin-bottom:6px;font-size:8px}.reader-title strong{white-space:nowrap;text-overflow:ellipsis;color:var(--navy);font-size:12px;display:block;overflow:hidden}.reader-stage{touch-action:none;flex:1;justify-content:center;align-items:center;padding:10px 24px 48px;display:flex;position:relative;overflow:hidden}.page-surface{will-change:transform;justify-content:center;align-items:center;display:flex}.page-surface canvas{background:#fff;max-width:none;box-shadow:0 4px 25px #253c5829}.page-surface img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:calc(100vw - 48px);max-height:calc(100dvh - 170px);box-shadow:0 4px 25px #253c5829}.reader-controls{bottom:max(24px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;color:#4c5e74;white-space:nowrap;background:#ffffffeb;border:1px solid #dce3eb;border-radius:30px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #26364a17}.reader-controls .icon-btn{padding:5px}.page-number{white-space:nowrap;align-items:center;gap:3px;display:flex}.page-number input{text-align:center;color:#456079;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;width:31px;padding:4px;font-size:10px}.page-number input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.control-line{background:#dbe1e8;width:1px;height:16px;margin:0 5px}.reader-hint{color:#748599;white-space:nowrap;font-size:8px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.reader-loading{z-index:2;color:#4b7891;pointer-events:none;background:#fff;border:1px solid #e3e9ef;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:12px;display:flex;position:absolute}.reader-error{z-index:2;color:#a65550;background:#fff1ef;border-radius:8px;padding:15px;position:absolute}.modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#19213f65;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-modal{background:#fff;border-radius:15px;max-width:510px;max-height:90dvh;padding:35px;position:relative;overflow:auto;box-shadow:0 20px 80px #1f284b26}.modal-close{position:absolute;top:13px;right:13px}.help-modal h2{margin:20px 0 12px;font-size:29px}.help-modal>p{color:#8b9aa9;margin-bottom:20px;font-size:12px;line-height:1.8}.help-step{border-top:1px solid var(--line);padding:14px 0;font-size:11px}.help-step strong{color:#516780}.help-step p{color:#8b9aa9;margin-top:6px;line-height:1.9}.help-modal .primary{margin-top:12px}.scrim{display:none}@media (min-width:1450px){.content{padding:45px 55px 0}.hero{min-height:315px}.hero-content{padding:40px}.hero h2{font-size:43px}.section-card{padding:25px 25px 0}.section-card h3{font-size:17px}.section-card p{font-size:11px}.section-card .card-bottom{padding:16px 0;font-size:9px}.page-heading h1{font-size:34px}.page-heading p{font-size:13px}.stats span{font-size:11px}}@media (max-width:1100px){.sidebar{width:222px;padding:25px 14px 0}.sidebar .brand-name{font-size:27px}.sidebar .brand-mark{width:35px;height:42px}.brand-sub{font-size:6px}.main{width:calc(100% - 222px);margin-left:222px}.content{padding:27px 25px 0}.topbar{padding:0 25px}.section-grid{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:33px}.hero-content{padding:28px}.hero-graphic{width:38%}.hero-graphic>svg{width:125px}.stats{gap:11px}.stats>div{gap:10px;padding:16px 12px}.stats span{font-size:8px}.stat-icon{width:35px;height:37px}.connection-banner p{max-width:340px}.offline-panel{padding:30px}.offline-details{padding:20px 10px}.offline-details>div{padding:0 12px}.page-heading h1{font-size:27px}.login-art{padding:40px}.login-panel{padding:45px}.login-panel h2{font-size:33px}.art-copy h1{font-size:40px}}@media (max-width:800px){.sidebar{width:260px;transition:transform .2s;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.main{width:100%;margin-left:0}.hamburger,.mobile-close{display:flex}.mobile-close{position:absolute;top:28px;right:12px}.sidebar .brand{margin-right:25px}.scrim{z-index:19;background:#202a4d66;border:0;display:block;position:fixed;inset:0}.topbar{height:64px;padding:0 20px}.breadcrumb{gap:9px}.read-only{display:none}.top-right{gap:0}.content{padding:28px 23px 0}.hero-graphic{width:40%}.login{grid-template-columns:1fr 1fr}.login-art{padding:35px 25px}.art-copy h1{font-size:33px}.art-copy .eyebrow{font-size:7px}.art-copy p{font-size:12px}.login-panel{padding:30px}.login-panel h2{font-size:30px}.vessel-art{transform:none}.offline-details{grid-template-columns:1fr 1fr;gap:20px}.offline-details>div:last-child{border-top:1px solid var(--line);grid-column:1/-1;padding-top:20px}.offline-details>div:nth-child(2){border:0}}@media (max-width:550px){.login{background:#f8fbfd;min-height:100dvh;display:block}.login-art{display:none}.login-panel{align-items:flex-start;min-height:100dvh;padding:135px 30px 70px}.login-mobile-brand{display:block;position:absolute;top:33px;left:30px}.login-panel form{max-width:100%;padding-top:12px}.login-lock{width:46px;height:46px;margin-bottom:22px}.login-panel h2{font-size:34px}.login-bottom{bottom:24px}.login-panel p{font-size:12px}.login label{font-size:11px}.content{padding:25px 17px 0}.topbar{padding:0 12px}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb strong{font-size:10px}.page-heading{align-items:flex-start;gap:8px;margin-bottom:22px}.page-heading h1{max-width:260px;margin:9px 0;font-size:27px;line-height:1.15}.page-heading p{max-width:270px;font-size:10px}.page-heading .eyebrow{font-size:8px}.sync-button{gap:5px;min-height:32px;margin-top:22px;padding:7px 9px;font-size:9px}.sync-button svg{width:12px}.hero{min-height:260px}.hero-content{max-width:72%;padding:25px 21px}.hero h2{margin:19px 0 13px;font-size:31px}.hero p{max-width:210px;font-size:10px}.desktop{display:none}.pill{letter-spacing:.02em;padding:5px;font-size:6px}.pill svg{width:11px}.hero-graphic{opacity:.65;pointer-events:none;width:36%;position:absolute;top:35px;bottom:0;right:0}.hero-graphic>svg{width:110px;transform:translate(20px)}.ring1{width:160px;height:160px}.ring2{width:240px;height:240px}.ring3{width:320px;height:320px}.graphic-caption{display:none}.stats{gap:7px;margin:14px 0 28px}.stats>div{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 11px}.stats .stat-icon{border-radius:7px;width:30px;height:30px}.stats .stat-icon svg{width:17px}.stats strong{font-size:22px}.stats span{max-width:80px;margin-top:5px;font-size:8px;line-height:1.6}.section-heading h2{font-size:21px}.section-grid{gap:10px}.section-card{padding:16px 13px 0}.section-card h3{font-size:14px;line-height:1.4}.section-card p{margin-bottom:14px;font-size:9px}.card-top{gap:5px;margin-bottom:17px}.folder-icon{border-radius:6px;width:33px;height:34px}.folder-icon svg{width:21px}.section-tag{letter-spacing:.02em;font-size:6px}.card-bottom{padding:11px 0;font-size:7px}.card-bottom svg{width:15px}.offline-banner{flex-wrap:wrap;gap:13px;margin-top:19px;padding:17px}.offline-banner>div:nth-child(2){flex:1}.offline-banner button{width:100%;margin-left:0}.offline-banner p{font-size:9px}.main-footer{flex-direction:column;gap:8px;font-size:8px}.connection-banner{flex-wrap:wrap;gap:10px;padding:15px}.connection-banner>div:nth-child(2){flex:1}.connection-banner p{font-size:9px}.connection-banner button{width:100%}.library-tools{flex-direction:column;gap:10px}.library-tools select{width:100%;max-width:100%;padding:12px}.library-caption span:last-child{display:none}.document-row{gap:10px;padding:17px 12px}.doc-icon{width:30px;height:38px}.doc-icon svg{width:19px}.doc-text strong{font-size:11px;line-height:1.6}.doc-text>span{font-size:8px;line-height:1.6}.doc-meta>span:first-child{display:none}.doc-meta{max-width:70px;font-size:8px}.doc-text small{font-size:7px}.document-row>svg{width:14px}.empty{padding:50px 20px}.empty h3{font-size:21px}.empty p{font-size:11px}.offline-panel{gap:20px;padding:25px;display:block}.offline-big-icon{border-radius:12px;margin-bottom:25px;padding:18px;display:inline-flex}.offline-big-icon svg{width:32px;height:32px}.offline-panel-copy h2{font-size:28px}.offline-panel-copy p{font-size:11px}.offline-panel .primary{width:100%;font-size:10px}.offline-details{padding:8px 20px;display:block}.offline-details>div{border:0!important;border-bottom:1px solid var(--line)!important;padding:17px 0!important}.offline-details>div:last-child{border:0!important}.offline-details .eyebrow{margin-bottom:8px}.two-cards{grid-template-columns:1fr;gap:13px}.white-card{padding:22px}.white-card h3{font-size:19px}.settings-panel{padding:20px}.settings-head{flex-wrap:wrap;gap:10px}.settings-head h2{font-size:19px}.settings-head>div:nth-child(2){flex:1}.settings-head p{font-size:9px}.connection-state{margin-left:46px}.setup ol{padding-left:15px}.setup li{padding:6px 0}.setup code{font-size:9px}.setup form .primary{width:100%}.reader-head{gap:10px;min-height:62px;padding:9px 12px}.reader-title strong{font-size:10px}.reader-stage{padding:6px 12px 42px}.reader-controls{bottom:max(22px,env(safe-area-inset-bottom));gap:3px;padding:4px 7px}.reader-controls .icon-btn{padding:5px}.reader-controls .icon-btn svg{width:17px}.reader-hint{font-size:7px}.help-modal{padding:28px 24px}.help-modal h2{font-size:27px}.message{padding:11px;font-size:10px}.sync-progress{font-size:10px}.storage-note{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}.sidebar nav button{font-size:12px}.section-nav button{padding-top:10px;padding-bottom:10px;font-size:11px}.sidebar-bottom>button,.page-heading p,.hero p{font-size:12px}.stats span{font-size:10px}.section-card p{font-size:11px}.card-bottom{font-size:9px}.offline-banner p{font-size:11px}.doc-text strong{font-size:14px}.doc-text>span,.doc-meta{font-size:10px}@media (max-width:550px){.page-heading p,.hero p{font-size:11px}.stats span{font-size:9px}.section-card p{font-size:10px}.card-bottom{font-size:8px}.doc-text strong{font-size:12px}.offline-banner p{font-size:10px}}.official-brand{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.official-brand img{filter:brightness(0)invert();object-fit:contain;width:225px;max-width:100%;height:auto;display:block}.official-brand>span{letter-spacing:.15em;color:#8a98a7;font-size:8px;font-weight:700}.login-art .official-brand{align-self:flex-start}.login-art .official-brand img{background:0 0;border-radius:0;width:255px;padding:0}.login-art .official-brand>span{color:#c2c6dd;margin-left:2px}@media (max-width:550px){.login-mobile-brand .official-brand img{width:190px}.login-mobile-brand .official-brand{gap:9px}.login-mobile-brand .official-brand>span{font-size:7px}.login-mobile-brand{background:var(--navy);padding:24px 30px;top:0;left:0;right:0}.login-mobile-brand .official-brand>span{color:#c2c6dd}.login-panel{padding-top:175px}}.sidebar>.official-brand{background:var(--navy);flex-shrink:0;gap:11px;margin:-30px -20px 24px;padding:22px 25px}.sidebar>.official-brand img{width:175px}.sidebar>.official-brand>span{color:#c2c6dd;letter-spacing:.11em;font-size:6px}.sidebar .mobile-close{color:#fff;top:19px;right:7px}.section-nav .section-row,.section-nav .folder-nav-row{border-radius:5px;align-items:center;display:flex}.section-nav .section-row.selected,.section-nav .folder-nav-row.selected{color:#008dc6;background:#eaf8fe}.section-nav .section-toggle{justify-content:center;width:20px;min-width:20px;padding:5px 2px;display:flex}.section-toggle-spacer{width:13px}.section-nav .section-link{flex:1;gap:7px;width:auto;padding:9px 4px}.section-nav .section-link>span:last-child{overflow-wrap:anywhere;flex:1}.section-nav .section-row.selected .section-link{color:#008dc6}.section-nav .folder-toggle{opacity:1;justify-content:center;width:18px;min-width:18px;padding:6px 2px}.section-nav .folder-toggle:disabled{cursor:default}.section-nav .folder-link{flex:1;align-items:flex-start;gap:7px;width:auto;min-width:0;padding:7px 4px;font-size:10px;line-height:1.6}.folder-link svg{margin-top:1px}.folder-link span{overflow-wrap:anywhere}.section-nav .folder-nav-row.selected .folder-link{color:#008dc6}.turned{transform:rotate(90deg)}.folder-breadcrumb{color:#9aabbc;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:18px;font-size:11px;display:flex}.folder-breadcrumb>span{align-items:center;gap:7px;display:inline-flex}.folder-breadcrumb button{color:#6d8ca5;background:0 0;border:0;padding:3px;font-size:11px}.folder-breadcrumb button[aria-current=page]{color:var(--navy);font-weight:700}.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;display:grid}.folder-grid>button{text-align:left;border:1px solid var(--line);color:#51a3c7;background:#fff;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:17px;display:flex}.folder-grid>button:hover{background:#f8fcff;border-color:#a5d9ed}.folder-grid>button>div{flex:1;min-width:0}.folder-grid strong{color:#435a70;overflow-wrap:anywhere;font-size:12px;font-weight:600;display:block}.folder-grid span{color:#90a3b2;margin-top:6px;font-size:9px;display:block}.folder-grid>button>svg:last-child{color:#a3b4c1}.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}@media (max-width:1100px){.sidebar>.official-brand{margin:-25px -14px 24px;padding:23px}.sidebar>.official-brand img{width:165px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:550px){.sidebar>.official-brand img{width:185px}.folder-grid{grid-template-columns:1fr;gap:9px}.folder-grid>button{padding:15px}.folder-grid strong{font-size:13px}.folder-grid span,.folder-breadcrumb,.folder-breadcrumb button{font-size:10px}.breadcrumb strong{max-width:220px}.section-nav .folder-link{padding-top:9px;padding-bottom:9px;font-size:11px}}.section-nav .nav-section>.section-row .section-n{color:var(--section-color)}.section-nav .nav-section>.section-row.selected .section-link{color:var(--section-color)}.section-nav .nav-section .folder-nav-row.selected{background:var(--section-soft)}.section-nav .nav-section .folder-nav-row.selected .folder-link,.section-nav .nav-section .folder-link:not(:disabled)>svg{color:var(--section-color)}.section-card{border-top:3px solid var(--section-color)}.section-card .section-tag,.section-card .card-bottom svg{color:var(--section-color)}.section-card:hover{border-color:var(--section-color)}.section-themed .page-heading{border-left:4px solid var(--section-color);padding-left:16px}.section-themed .page-heading h1{color:var(--section-color)}.section-themed .folder-grid>button:not(:disabled){color:var(--section-color);border-top:3px solid var(--section-color)}.section-themed .folder-grid>button:not(:disabled):hover{background:var(--section-soft);border-color:var(--section-color)}.section-themed .folder-breadcrumb button[aria-current=page]{color:var(--section-color)}.section-themed .document-row:hover{background:var(--section-soft)}.locked-folder{cursor:not-allowed!important}.folder-grid .locked-folder{opacity:1;color:#9aa4b0;background:#f0f2f5;border-style:dashed}.folder-grid .locked-folder strong{color:#85919f}.section-nav .locked-folder .folder-link{opacity:1;color:#9aa4b0}.section-nav .locked-folder:hover{background:0 0}.locked-label{text-transform:uppercase;letter-spacing:.05em;color:#9da6b2;align-self:center;margin-left:auto;font-size:7px}.section-nav .locked-folder .folder-link span:first-of-type{flex:1}:root{--bg:#fff}html,body,.main,.app,.content,.login{background:#fff}.section-nav .nav-section{margin-bottom:5px}.section-nav .nav-section>.section-row{background:var(--section-soft);border-left:3px solid var(--section-color);border-radius:6px}.section-nav .nav-section>.section-row .section-link{color:var(--section-color);font-weight:600}.section-nav .nav-section>.section-row .section-n{background:var(--section-color);color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:23px;min-height:21px;font-size:9px;font-weight:700;display:inline-flex}.section-nav .nav-section>.section-row .section-toggle{color:var(--section-color)}.section-nav .nav-section>.section-row.selected{background:var(--section-color)}.section-nav .nav-section>.section-row.selected .section-link,.section-nav .nav-section>.section-row.selected .section-toggle{color:#fff}.section-nav .nav-section>.section-row.selected .section-n{color:#fff;background:#ffffff24}.section-nav .nav-section .folder-nav-row.selected{box-shadow:inset 3px 0 var(--section-color)}.section-themed .page-heading{background:var(--section-color);color:#fff;border:0;border-radius:10px;min-height:128px;padding:25px 28px}.section-themed .page-heading h1{color:#fff;margin-top:9px}.section-themed .page-heading .eyebrow{color:#ffffffc9}.section-themed .page-heading p{color:#fffffff0}.section-themed .page-heading .sync-button{color:var(--section-color);opacity:1;background:#fff;border-color:#ffffff80}.section-themed .page-heading .sync-button:disabled{opacity:.55}.section-card{background:var(--section-soft);border-color:var(--section-soft);border-top:5px solid var(--section-color)}.section-card h3{color:var(--section-color)}.section-card .folder-icon{background:var(--section-color);color:#fff}.section-card p{color:#526377}.section-card .card-bottom{color:#586e81;border-top-color:#657b9226}.section-card .section-tag{font-weight:800}.section-card:hover{box-shadow:0 5px 17px #25364c12}.section-themed .folder-grid>button:not(:disabled){background:var(--section-soft);border-top:1px solid var(--section-soft);border-right:1px solid var(--section-soft);border-bottom:1px solid var(--section-soft);border-left:5px solid var(--section-color);padding:19px 17px}.section-themed .folder-grid>button:not(:disabled)>svg:first-child{background:var(--section-color);color:#fff;border-radius:7px;width:43px;height:43px;padding:9px}.section-themed .folder-grid>button:not(:disabled) strong{color:var(--section-color);font-size:13px}.section-themed .folder-grid>button:not(:disabled) span{color:#5d7185}.section-themed .folder-grid>button:not(:disabled)>svg:last-child{color:var(--section-color)}.section-themed .folder-grid>button:not(:disabled):hover{border-color:var(--section-color)}.section-themed .document-row{border-left:4px solid var(--section-color)}.section-themed .doc-icon{background:var(--section-color);color:#fff}.section-themed .folder-breadcrumb{background:var(--section-soft);border-radius:6px;padding:9px 12px}.section-themed .folder-breadcrumb button{color:var(--section-color)}.section-themed .folder-grid>.locked-folder{background:#f4f5f7;border:1px dashed #d7dde4}@media (max-width:550px){.section-themed .page-heading{min-height:140px;padding:21px 18px}.section-themed .page-heading h1{font-size:26px}.section-themed .page-heading p{font-size:11px}.section-themed .page-heading .sync-button{margin-top:18px}.section-themed .folder-grid>button:not(:disabled){padding:16px 13px}.section-card{border-top-width:4px}.login{background:#fff}}.sidebar{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#90a5b7 #edf1f5;overflow:hidden scroll}.sidebar>*{flex-shrink:0}.sidebar>.section-nav{flex:none;min-height:0;max-height:none;overflow:visible}.sidebar>.sidebar-bottom{padding-bottom:env(safe-area-inset-bottom,0px);margin-top:12px}.sidebar::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-track{background:#edf1f5}.sidebar::-webkit-scrollbar-thumb{background:#90a5b7;border:2px solid #edf1f5;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#607f98}.sidebar>.official-brand{text-align:center;align-items:center}.sidebar>.official-brand>span{letter-spacing:.06em;text-align:center;color:#fff;align-self:stretch;font-size:10px;line-height:1.5;display:block}.install-button{color:#0089be;background:#eef9fe;border:1px solid #b9ddec;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.install-button:hover{background:#dff4fc;border-color:#87c9e2}.install-button.is-installed{color:#34836b;background:#edf8f2;border-color:#cde8da}.login-install{width:100%;min-height:43px;margin-top:12px;font-size:12px}.header-install{white-space:nowrap}.offline-install{font-size:11px}.install-modal{background:#fff;border-radius:15px;outline:none;width:100%;max-width:525px;max-height:92dvh;padding:30px 32px;position:relative;overflow:auto;box-shadow:0 20px 80px #1f284b26}.install-app-icon{border:1px solid #e6ecf2;border-radius:13px;width:58px;height:58px;margin-bottom:15px;display:block}.install-modal .eyebrow{font-size:9px}.install-modal h2{margin:9px 0 12px;font-size:29px}.install-intro{color:#7b8d9e;font-size:12px;line-height:1.8}.install-tabs{background:#f2f6f9;border-radius:8px;gap:5px;margin:22px 0;padding:5px;display:flex}.install-tabs button{color:#7b8e9e;white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 4px;font-size:10px;display:flex}.install-tabs button[aria-pressed=true]{color:#008dc6;background:#fff;font-weight:700;box-shadow:0 1px 5px #25364c14}.install-steps{margin:0;padding:0;list-style:none}.install-steps li{align-items:flex-start;gap:12px;margin:17px 0;display:flex}.install-steps li>span{color:#008fc9;background:#e9f7fd;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:11px;font-weight:700;display:grid}.install-steps strong{color:#41596f;font-size:12px;line-height:1.6;display:block}.install-steps strong svg{margin-right:4px}.install-steps p{color:#8294a4;margin-top:5px;font-size:11px;line-height:1.75}.install-offline{color:#3788a9;background:#f0f8fc;border:1px solid #dcecf4;border-radius:8px;gap:12px;margin-top:22px;padding:16px;display:flex}.install-offline strong{color:#397b98;font-size:11px}.install-offline p{color:#7492a6;margin-top:5px;font-size:10px;line-height:1.8}.install-footnote{color:#95a3b0;margin-top:12px;font-size:9px;line-height:1.7}.install-done{width:100%;margin-top:18px}.native-install{width:100%;margin-top:8px}.login-panel:has(.login-install) form>p{margin-bottom:25px}@media (max-width:550px){.header-install{gap:5px;min-height:32px;padding:7px 9px;font-size:10px}.header-install svg{width:14px}.top-right{gap:9px}.breadcrumb strong{max-width:145px}.install-modal{padding:25px 20px}.install-modal h2{font-size:26px}.install-tabs button{gap:4px;font-size:9px}.install-tabs button svg{width:13px}.install-steps strong{font-size:11px}.install-steps p{font-size:10px}.login-panel:has(.login-install){padding-bottom:65px}}.topbar{gap:12px}.breadcrumb,.breadcrumb strong{min-width:0}.top-right{flex-shrink:0}.login-art>.official-brand{text-align:center;align-self:center;align-items:center;gap:20px;width:100%}.login-art>.official-brand>span{color:#fff;letter-spacing:.035em;text-wrap:balance;margin:0;font-family:Arial,sans-serif;font-size:clamp(18px,1.65vw,24px);font-weight:700;line-height:1.35}.login-mobile-brand .official-brand{text-align:center;align-items:center;gap:14px;width:100%}.login-mobile-brand .official-brand>span{color:#fff;letter-spacing:.025em;text-wrap:balance;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.35}@media (max-width:550px){.login-panel{padding-top:200px}}.login-art{text-align:center;align-items:center}.login-art .art-copy{text-align:center;width:100%}.login-art .vessel-art{width:100%;transform:none}.login-art .art-footer{text-align:center;justify-content:center;width:100%}.latest-updates{border:1px solid var(--line);background:#fff;border-radius:10px;margin:21px 0 30px;overflow:hidden}.latest-updates-head{border-bottom:1px solid var(--line);background:#f4fbfe;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;display:flex}.latest-updates-head h2{letter-spacing:-.02em;font-size:18px}.latest-updates-head p{color:#778b9e;margin-top:5px;font-size:10px}.latest-updates-head .text-button{white-space:nowrap;font-size:10px}.latest-update{text-align:left;color:#7891a5;background:#fff;border:0;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;width:100%;padding:12px 20px;display:flex}.latest-update:last-child{border-bottom:0}.latest-update:hover{background:#f5fbfe}.latest-update:disabled{opacity:.65}.latest-update-icon{color:#009edb;background:#eaf8fe;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:36px;display:grid}.latest-update-title{flex:1;min-width:0}.latest-update-title strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.6;display:block;overflow:hidden}.latest-update-title>span{color:#8192a4;margin-top:2px;font-size:9px;display:block}.latest-update time{white-space:nowrap;font-size:10px}.latest-updates-empty{color:#8192a4;padding:20px;font-size:12px;line-height:1.7}@media (max-width:550px){.latest-updates-head{gap:10px;padding:15px 13px}.latest-updates-head h2{font-size:16px}.latest-updates-head .text-button{gap:5px;font-size:9px}.latest-update{flex-wrap:wrap;gap:9px;padding:12px}.latest-update-title strong{white-space:normal;overflow-wrap:anywhere;font-size:11px}.latest-update-title{flex-basis:calc(100% - 65px)}.latest-update time{margin-left:41px;font-size:9px}.latest-update>svg{margin-left:auto}}.latest-update-title strong,.reader-title strong{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}