:root{--green:#193e32;--green-dark:#123127;--lime:#dfecb4;--paper:#f7f8f4;--ink:#243d34;--muted:#7a877e;--line:#e4e9e1;--white:#fff;--orange:#bb7347;--shadow:0 8px 34px #173e3208;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #b2c692;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #a9c68e;outline-offset:1px}input,select,textarea{border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:white;color:var(--ink);min-width:0}input::placeholder{color:#9aa59d}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px}.icon-button:hover{background:#edf0e8}.primary,.secondary,.danger{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:11px 17px;border-radius:9px;font-weight:600;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:#2c5644}.secondary{background:#fff;border:1px solid var(--line)}.secondary:hover{background:#f0f4eb}.danger{color:#a14242;background:#faeded}.small{font-size:12px;padding:8px 12px}.text-button{color:#456843;font-size:12px;padding:8px;display:inline-flex;align-items:center;gap:5px}.text-button:hover{text-decoration:underline}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;background:#edf3e8;font-size:10px;white-space:nowrap}.pill.pending{background:#fcf0e5;color:#a16d39}.pill.paused{background:#f5eaea;color:#a15858}.demo-banner{height:34px;background:#e8eddd;color:#526344;padding:0 30px;display:flex;align-items:center;justify-content:space-between;font-size:11px;border-bottom:1px solid #dce4d0;gap:10px}.demo-banner span{display:flex;align-items:center;gap:7px}.demo-banner svg{width:13px;height:13px}.demo-banner button{font-size:11px;text-decoration:underline;text-underline-offset:3px}.sidebar{width:224px;position:fixed;inset:34px auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 19px 19px;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 34px}.brandmark{background:var(--green);color:var(--lime);height:39px;width:39px;border-radius:12px;display:grid;place-items:center}.brandmark svg{width:24px;height:24px}.brand strong{font-size:18px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#829080;margin-top:3px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:5px;text-align:left;border-radius:9px;color:#7e8981;font-size:13px}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#edf2e6;color:var(--green);font-weight:600}.nav-item:not(.active):hover{background:#f5f6f2}.nav-item .count{margin-left:auto;background:#e3ead7;padding:2px 6px;border-radius:4px;font-size:10px}.nav-caption{font-size:10px;letter-spacing:1px;color:#9aa395;margin:29px 14px 12px}.subject-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;background:var(--subject-color,#7e9773)}.sidebar-bottom{margin-top:auto}.sidebar-note{border:1px solid var(--line);border-radius:11px;padding:15px 12px;line-height:1.9;font-size:11px;color:#7d8b7e;margin:25px 3px 18px}.sidebar-note strong{color:#4b604c;font-size:12px;font-weight:500}.profile{display:flex;align-items:center;gap:9px;padding:13px 7px 0;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;background:#e4eadc;color:#5d7051;display:grid;place-items:center;font-size:12px;flex-shrink:0}.profile strong{font-size:12px;font-weight:500}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.profile .icon-button{margin-left:auto}.main{margin-left:224px;min-height:calc(100vh - 34px)}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fafbf7}.breadcrumb{color:#8d978e;font-size:11px;display:flex;gap:11px;align-items:center}.breadcrumb strong{font-weight:500;color:#52634f}.topbar-actions{display:flex;align-items:center;gap:17px}.top-search{display:flex;align-items:center;gap:7px;color:#919c8f;font-size:11px}.top-search svg{width:15px;height:15px}.top-search kbd{background:#edf0e7;border:1px solid #dde3d6;border-radius:4px;padding:2px 5px;font-size:9px}.date{font-size:10px;color:#8c978c}.mobile-menu{display:none}.content{max-width:1450px;margin:0 auto;padding:35px 42px 26px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:27px;font-weight:600;letter-spacing:.2px;margin:0 0 10px;line-height:1.5}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.heading-label{color:#9aa88c;font-size:10px;letter-spacing:1.6px;margin-bottom:7px}.welcome-grid{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:20px;margin-bottom:33px}.hero{background:var(--green);border-radius:16px;min-height:220px;padding:29px 31px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;color:#fff}.hero .eyebrow{color:#b8c9a8;font-size:9px}.hero h2{font-size:27px;font-weight:500;letter-spacing:1px;line-height:1.7;margin:10px 0 5px;position:relative;z-index:1}.hero p{color:#b9cbbb;font-size:11px;margin:0;line-height:1.8;position:relative;z-index:1}.hero .hero-search{margin-top:23px;position:relative;z-index:2;background:#fff;display:flex;align-items:center;gap:11px;border-radius:9px;padding:0 12px;max-width:425px;color:#7a8976}.hero-search input{background:transparent;border:0;outline:none!important;width:100%;padding:12px 0;font-size:12px}.hero-search svg{width:17px;height:17px}.hero-art{position:absolute;right:20px;top:29px;width:154px;height:170px;opacity:.76;transform:rotate(-10deg);pointer-events:none}.hero-art .book{position:absolute;inset:4px 14px 25px 14px;border:1px solid #7f9a67;border-radius:8px 15px 15px 8px;background:#355340;box-shadow:8px 10px 0 #274b37,9px 11px 0 #738d60;transform:rotate(9deg);padding:20px}.hero-art .book:before{content:"DSE";font-family:Georgia,serif;font-size:29px;color:#dbe8b8;letter-spacing:3px}.hero-art .book:after{content:"STUDY NOTES";display:block;font-size:7px;color:#a1b48d;letter-spacing:1.7px;margin-top:12px;padding-top:10px;border-top:1px solid #879b6d}.hero-art .spark{position:absolute;right:0;top:-3px;color:#c6dca5;font-size:27px;transform:rotate(-7deg)}.my-subjects{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px 20px;display:flex;flex-direction:column;gap:14px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-top h2{font-size:16px;font-weight:600;margin:0}.section-top h3{font-size:13px;font-weight:600;margin:0}.section-top small{font-size:10px;color:var(--muted)}.subject-mini{display:flex;align-items:center;gap:11px}.subject-symbol{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--subject-bg,#edf2e5);color:var(--subject-color,#6e8456);font-family:Georgia,serif;font-size:19px}.subject-mini strong{font-size:12px;font-weight:500}.subject-mini small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.subject-mini svg{margin-left:auto;width:15px;height:15px;color:#a7b39c}.subject-more{font-size:10px;color:#8b9784;border-top:1px solid var(--line);padding-top:12px;margin-top:auto;line-height:1.6}.subject-more button{font-size:10px;text-decoration:underline;text-underline-offset:2px}.library-toolbar{margin:21px 0 20px;display:flex;flex-direction:column;gap:19px}.subject-tabs{display:flex;gap:9px;overflow-x:auto;padding-bottom:2px}.subject-tab{font-size:11px;padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:7px;white-space:nowrap;display:flex;align-items:center;gap:7px}.subject-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.subject-tab .subject-dot{width:5px;height:5px}.subject-tab svg{width:12px;height:12px;opacity:.6}.filter-row{display:flex;align-items:center;gap:10px;color:#889382;font-size:11px}.filter-row select{padding:7px 9px;font-size:10px;border-radius:6px;background:transparent;max-width:145px}.filter-row .results-count{margin-left:auto;font-size:10px;white-space:nowrap}.view-toggle{display:flex;gap:1px;border:1px solid var(--line);border-radius:6px;padding:2px}.view-toggle button{padding:4px 7px;color:#9aa392;border-radius:4px}.view-toggle button.active{background:#e9eedf;color:var(--green)}.view-toggle svg{width:14px;height:14px}.results-search{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:4px 0 8px;min-width:0;flex:1;max-width:320px}.results-search svg{width:16px;height:16px}.results-search input{border:0;background:transparent;padding:3px 0;outline:none;font-size:12px;min-width:0;width:100%}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.document-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;min-width:0;display:flex;flex-direction:column}.document-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #173e3210}.card-cover{height:113px;background:var(--subject-bg,#f0f3e9);padding:20px 19px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden;cursor:pointer}.card-cover:after{content:attr(data-symbol);font:italic 99px Georgia,serif;position:absolute;right:33px;bottom:-18px;line-height:1;color:var(--subject-color,#7e9773);opacity:.13;pointer-events:none}.file-symbol{width:46px;height:57px;background:#ffffffb0;border:1px solid #ffffff;border-radius:5px 12px 5px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--subject-color,#7e9773);box-shadow:0 4px 6px #00000003}.file-symbol svg{width:20px;height:20px}.file-symbol span{font-size:8px;font-weight:600;letter-spacing:1px}.cover-badge{font-size:9px;color:var(--subject-color,#7e9773);border:1px solid #ffffffa0;background:#ffffff80;border-radius:4px;padding:4px 7px}.card-body{padding:17px 18px 13px;flex:1;display:flex;flex-direction:column;gap:10px}.card-meta{display:flex;gap:7px;align-items:center;color:#8c9787;font-size:9px;letter-spacing:.3px}.card-meta .subject-label{color:var(--subject-color,#7e9773);font-weight:600}.card-title{font-size:14px;font-weight:500;line-height:1.7;text-align:left;padding:0;display:block}.card-title:hover{color:#618055}.card-description{font-size:10px;line-height:1.9;color:#8c9689;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.card-bottom{border-top:1px solid #eff1eb;margin-top:auto;padding-top:11px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#97a08f}.card-bottom .icon-button{width:24px;height:24px}.card-bottom svg{width:15px;height:15px}.is-favorite{color:#8b9e63!important}.is-favorite svg{fill:#e0e8bd}.list-view{display:flex;flex-direction:column;gap:9px}.list-view .document-card{display:grid;grid-template-columns:85px 1fr}.list-view .card-cover{height:100%;min-height:104px;padding:17px}.list-view .card-cover:after,.list-view .cover-badge,.list-view .card-description{display:none}.list-view .card-body{display:grid;grid-template-columns:1fr auto;gap:6px 15px;padding:14px 18px}.list-view .card-meta{grid-column:1}.list-view .card-title{grid-column:1}.list-view .card-bottom{border:0;grid-row:1/3;grid-column:2;margin:0;padding:0;gap:12px}.library-footer{margin:24px 0 0;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#a0a997;line-height:1.8}.library-footer span{display:flex;align-items:center;gap:5px}.library-footer svg{width:12px;height:12px}.empty-state{padding:60px 20px;text-align:center;border:1px dashed #d4ddca;border-radius:12px;background:#fbfcf8}.empty-state>svg{width:40px;height:40px;color:#a6b293;margin-bottom:13px}.empty-state h3{font-size:16px;font-weight:500;margin:0 0 10px}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:18px;line-height:1.9}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:27px}.stat{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.stat-label{font-size:11px;color:#8a9780;display:flex;justify-content:space-between}.stat-label svg{width:18px;height:18px}.stat-value{font:30px Georgia,serif;margin-top:12px;color:var(--green)}.stat-value small{font-family:inherit;font-size:11px;color:#a2ab98;margin-left:8px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:14px;font-weight:500;margin:0}.panel-header p{font-size:11px;color:var(--muted);margin:7px 0 0}.panel-header input{font-size:12px;padding:9px 11px;max-width:210px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px;text-align:left}th{font-size:10px;color:#98a18d;background:#fafbf7;font-weight:500;padding:13px 20px}td{padding:17px 20px;border-top:1px solid #eef1e8;color:#63705d}td strong{color:#354d3d;font-weight:500;font-size:12px}td small{display:block;font-size:10px;color:#99a28f;margin-top:5px}.table-title{display:flex;align-items:center;gap:11px}.table-title .avatar{width:33px;height:33px;border-radius:10px}.subject-tags{display:flex;gap:5px;max-width:260px;flex-wrap:wrap}.subject-tags .pill{font-size:9px}.table-actions{display:flex;gap:3px}.upload-panel{margin:20px 0;border:1px dashed #b6c4a4;border-radius:12px;background:#f7faf2;padding:33px;text-align:center;cursor:pointer}.upload-panel.dragging{background:#e6efda;border-color:#5e7953}.upload-panel>svg{width:30px;height:30px;color:#7b9069}.upload-panel h3{font-size:14px;font-weight:500;margin:13px 0 7px}.upload-panel p{font-size:11px;color:#8b9780;line-height:1.9;margin:0}.upload-note{font-size:11px;color:#9a8564;line-height:1.8;background:#faf6ed;border:1px solid #eee7d7;padding:12px 14px;border-radius:8px;display:flex;gap:8px;margin-top:15px}.upload-note svg{width:15px;height:15px;margin-top:2px}.modal-backdrop{position:fixed;inset:0;background:#14302160;backdrop-filter:blur(3px);z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:510px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 25px 100px #142b2a33}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-header h2{font-size:17px;font-weight:500;margin:0}.modal-body{padding:24px 25px}.modal-body>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 20px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;position:relative}.form-field label{font-size:11px;font-weight:500;color:#5b6f54}.form-field small{font-size:10px;color:#8f9b87;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.checkbox-card{border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-card:has(input:checked){border-color:#a2b78b;background:#f2f6ea}.checkbox-card input{accent-color:var(--green)}.form-error{display:none;color:#b14d45;font-size:11px;line-height:1.8;margin-bottom:15px}.form-error.visible{display:block}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.credential-box{background:#f0f5e9;padding:17px;border-radius:9px;line-height:2;font-size:12px}.credential-box strong{color:#355332}.credential-box code{font-size:13px;background:#fff;padding:2px 7px;border-radius:4px;user-select:all}.success-symbol{width:48px;height:48px;border-radius:50%;background:#edf4e2;color:#637d47;display:grid;place-items:center;margin-bottom:18px}.success-symbol svg{width:25px;height:25px}.viewer-backdrop{padding:18px}.viewer{width:min(1180px,100%);height:min(900px,94vh);max-height:94vh;display:flex;flex-direction:column;overflow:hidden}.viewer .modal-header{flex-shrink:0;padding:17px 23px;gap:15px}.viewer-heading{min-width:0;flex:1}.viewer-heading h2{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.viewer-frame{flex:1;min-height:0;background:#e6eae2;padding:24px;overflow:auto}.viewer-frame iframe{border:0;width:100%;height:100%;min-height:400px;background:#fff;border-radius:5px}.viewer-frame img{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:0 auto}.reader-page{max-width:730px;min-height:100%;margin:auto;background:#fff;padding:45px 50px 35px;box-shadow:0 6px 26px #243e3212;color:#34473b}.reader-brand{font-size:9px;letter-spacing:2px;color:#7b9274;border-bottom:1px solid #dce5d4;padding-bottom:19px;display:flex;justify-content:space-between}.reader-page h1{font-size:25px;font-weight:500;margin:35px 0 8px;line-height:1.6}.reader-subtitle{font-size:12px;color:#8d9985;margin-bottom:31px}.reader-page h2{font-size:15px;margin:29px 0 12px;font-weight:500}.reader-page p,.reader-page li{font-size:12px;line-height:2.1;color:#73806c}.reader-page ul{padding-left:20px}.formula{font:italic 21px Georgia,serif;background:#f1f5e9;border-left:3px solid #aabc82;padding:23px;margin:20px 0;color:#435c36}.reader-exercise{border:1px solid var(--line);border-radius:7px;padding:19px 23px;margin:22px 0}.reader-exercise h3{font-size:12px;font-weight:500;margin:0 0 9px}.reader-note{padding:12px 0;margin-top:35px;border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:#a0a792}.viewer-bottom{padding:11px 22px;border-top:1px solid var(--line);font-size:10px;color:#97a08d;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-shrink:0}.viewer-bottom span{display:flex;align-items:center;gap:5px}.viewer-bottom svg{width:12px;height:12px}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#244634;color:#fff;border-radius:9px;padding:13px 21px;box-shadow:0 8px 30px #0002;z-index:100;opacity:0;transition:all .2s;pointer-events:none;max-width:90vw;font-size:12px;line-height:1.7}#toast.visible{transform:translate(-50%,0);opacity:1}.login-page{min-height:calc(100vh - 34px);display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:var(--green);padding:45px 9%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:white}.login-art .brand{position:absolute;top:38px;left:8%;padding:0;color:white}.login-art .brandmark{border:1px solid #4a6951}.login-art .brand small{color:#a9bea0}.login-art .eyebrow{color:#adbf96;margin-bottom:15px}.login-art h1{font-size:42px;font-weight:400;letter-spacing:2px;line-height:1.65;margin:0 0 20px;position:relative;z-index:1}.login-art p{color:#b8c9ac;line-height:2;font-size:12px;position:relative;z-index:1}.login-art .hero-art{opacity:.6;width:230px;height:240px;right:0;top:auto;bottom:45px}.login-art .book{padding:27px}.login-art .book:before{font-size:43px}.login-footer{position:absolute;bottom:33px;left:8%;font-size:9px;color:#9bb18f;letter-spacing:1px}.login-form-wrap{display:grid;place-items:center;padding:45px 35px}.login-form{width:340px;max-width:100%}.login-form h2{font-size:25px;font-weight:500;margin:13px 0}.login-form>p{color:#8b9683;font-size:12px;line-height:1.8;margin:0 0 30px}.login-form .primary{width:100%;margin-top:7px}.login-help{font-size:11px;color:#99a28e;line-height:1.9;text-align:center;margin-top:20px}.demo-accounts{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;gap:10px;align-items:center;flex-direction:column;font-size:11px;color:#8b9a7d}.demo-accounts>div{display:flex;gap:10px}.demo-accounts button{padding:8px 15px;border:1px solid var(--line);border-radius:7px;font-size:11px}.demo-accounts button:hover{background:#f1f5e9}.login-eye{position:absolute;right:6px;top:28px}.site-password{padding-right:42px}.inline-link{color:#526f3d;text-decoration:underline;text-underline-offset:3px}.desktop-only{display:initial}.account-switch{display:flex;align-items:center;gap:9px;padding:12px;background:#f7f9f2;border:1px solid var(--line);border-radius:9px;margin-top:15px}.account-switch .avatar{width:28px;height:28px}.account-switch div{flex:1;font-size:11px}.account-switch small{font-size:10px;color:var(--muted)}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-button{padding:0;outline-offset:3px;transition:box-shadow .15s}.avatar-button:hover{box-shadow:0 0 0 3px #b8c99e80}.avatar-button:focus-visible{outline:3px solid #9cb77c}.topbar-actions .avatar-button{width:32px;height:32px}.avatar-editor{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin:2px 0 22px}.avatar-editor .avatar-large{width:112px;height:112px;font-size:36px;box-shadow:0 0 0 6px #f1f5e9}.avatar-editor strong{font-size:14px;font-weight:500;margin-top:8px}.avatar-editor p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.avatar-storage-note{font-size:11px;line-height:1.9;color:var(--muted);background:#f5f8ef;border:1px solid var(--line);padding:11px 13px;border-radius:8px}.avatar-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}.avatar-modal-actions>div{display:flex;gap:8px}.avatar-modal-actions .text-button{padding-left:0;font-size:11px}@media(max-width:400px){.avatar-modal-actions{align-items:stretch;flex-direction:column}.avatar-modal-actions>div{justify-content:flex-end}}
@media(min-width:1500px){.content{padding-top:42px}.document-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{right:75px}}
@media(max-width:1180px){.content{padding:29px}.topbar{padding:0 29px}.sidebar{width:204px;padding-left:14px;padding-right:14px}.main{margin-left:204px}.welcome-grid{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.hero{padding:25px}.hero h2{font-size:24px}.hero-art{opacity:.35;right:5px}.my-subjects{padding:21px 17px}.document-grid{gap:12px}.card-body{padding:15px}.card-title{font-size:13px}.card-cover{height:100px}.date{display:none}}
@media(max-width:950px){.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-grid{grid-template-columns:1fr}.my-subjects{display:none}.hero{min-height:207px}.hero-art{right:30px;opacity:.8}.hero-search{max-width:390px!important}.content{padding:26px}.topbar{height:66px;padding:0 26px}.top-search{font-size:0}.top-search kbd{display:none}.login-art h1{font-size:34px}.stats-row{gap:10px}.stat{padding:17px}.filter-row{flex-wrap:wrap}.results-search{max-width:none;flex-basis:100%;order:-1}.filter-row .results-count{margin-left:auto}}
@media(max-width:650px){.demo-banner{height:34px;padding:0 14px;font-size:9px}.demo-banner button{font-size:9px}.demo-banner .desktop-only{display:none}.sidebar{display:none;inset:34px auto 0 0;width:226px;box-shadow:0 0 0 100vmax #162c2560}.sidebar.open{display:flex}.main{margin-left:0}.topbar{height:59px;padding:0 19px}.mobile-menu{display:grid}.breadcrumb{font-size:10px;gap:7px;margin-right:auto}.topbar-actions{gap:8px}.topbar .pill{font-size:9px}.top-search{display:none}.content{padding:24px 19px}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:23px;margin-bottom:7px}.page-heading p{font-size:11px}.page-heading .secondary{font-size:10px;padding:8px 10px}.page-heading .secondary svg{width:14px;height:14px}.heading-label{font-size:8px;letter-spacing:1.3px}.hero{padding:24px 22px;min-height:218px;border-radius:13px}.hero h2{font-size:25px;margin-top:11px}.hero p{font-size:10px}.hero-art{width:105px;height:127px;right:16px;top:27px;opacity:.63}.hero-art .book{padding:14px;inset:4px 5px 20px 8px}.hero-art .book:before{font-size:22px}.hero-art .book:after{font-size:5px;letter-spacing:.5px}.hero .hero-search{margin-top:21px}.welcome-grid{margin-bottom:28px}.section-top h2{font-size:15px}.library-toolbar{margin-top:17px;gap:14px}.subject-tabs{gap:7px;margin-right:-19px;padding-right:19px}.subject-tab{padding:8px 11px;font-size:10px}.filter-row{gap:7px}.filter-row select{font-size:9px;padding:7px 8px;max-width:103px}.filter-row .results-count{font-size:9px}.view-toggle{display:none}.document-grid{gap:11px}.card-cover{height:96px;padding:15px 13px}.card-cover:after{font-size:82px;right:14px}.file-symbol{width:36px;height:47px}.file-symbol svg{width:17px;height:17px}.file-symbol span{font-size:7px}.cover-badge{font-size:8px;padding:3px 5px}.card-body{padding:13px 12px 10px;gap:8px}.card-meta{font-size:8px;gap:5px}.card-title{font-size:12px;line-height:1.8}.card-description{font-size:9px;line-height:1.9;min-height:34px}.card-bottom{font-size:8px;padding-top:8px}.card-bottom .icon-button{width:21px;height:21px}.card-bottom svg{width:13px;height:13px}.library-footer{font-size:8px;align-items:flex-start}.library-footer>span:last-child{max-width:140px;text-align:right;display:block}.stats-row{gap:8px}.stat{padding:15px 12px}.stat-label{font-size:9px}.stat-label svg{width:13px;height:13px}.stat-value{font-size:25px}.stat-value small{font-size:9px;margin-left:4px}.panel-header{padding:16px;flex-wrap:wrap}.panel-header h2{font-size:12px}.panel-header input{font-size:11px;max-width:155px}.panel-header p{font-size:10px}th{padding:12px 15px}td{padding:15px}.upload-panel{padding:25px 15px}.upload-panel h3{font-size:12px}.upload-panel p{font-size:10px}.upload-note{font-size:10px}.modal-backdrop{padding:14px}.modal{border-radius:12px}.modal-header{padding:17px 19px}.modal-header h2{font-size:15px}.modal-body{padding:20px}.form-row{gap:12px}.viewer-backdrop{padding:0}.viewer{height:100dvh;max-height:100dvh;border-radius:0;width:100%}.viewer .modal-header{padding:12px 14px}.viewer-heading h2{font-size:12px}.viewer-frame{padding:12px}.reader-page{padding:25px 22px}.reader-page h1{font-size:21px}.reader-brand{font-size:7px;letter-spacing:1px}.reader-page p,.reader-page li{font-size:11px}.viewer-bottom{font-size:9px;padding:10px 13px}.login-page{display:block}.login-art{min-height:230px;padding:92px 27px 22px;justify-content:flex-start}.login-art .brand{left:27px;top:26px}.login-art .brandmark{width:33px;height:33px}.login-art .brand strong{font-size:16px}.login-art .brand small{font-size:8px}.login-art .eyebrow{font-size:8px;margin-bottom:8px}.login-art h1{font-size:26px;line-height:1.5;margin:0 0 8px;letter-spacing:1px}.login-art h1 br{display:none}.login-art p{font-size:10px;margin:0;line-height:1.8}.login-art .hero-art{width:115px;height:137px;bottom:25px;right:5px;opacity:.3}.login-art .book{padding:14px}.login-art .book:before{font-size:22px}.login-footer{display:none}.login-form-wrap{padding:30px 26px}.login-form{width:100%;max-width:380px}.login-form h2{font-size:22px;margin:8px 0 10px}.login-form>p{font-size:11px;margin-bottom:22px}.login-form .eyebrow{font-size:8px}.demo-accounts{margin-top:21px}.list-view .card-body{grid-template-columns:1fr}.list-view .card-bottom{grid-row:auto;grid-column:1;justify-content:space-between;padding-top:5px}.list-view .card-cover{min-height:120px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}