*,:before,:after{box-sizing:border-box}body{margin:0}.fluent-root{background-color:var(--colorNeutralBackground2);min-height:100vh}a{color:var(--colorBrandForegroundLink);text-decoration:none}a:hover{text-decoration:underline}.boot,.loading{text-align:center;color:var(--colorNeutralForeground3);padding:3rem}.empty-hint{color:var(--colorNeutralForeground3);padding:8px;font-size:15px;list-style:none}.hint-text{color:var(--colorNeutralForeground3);font-size:13px}.label-with-info{align-items:center;gap:4px;display:inline-flex}.info-icon{color:var(--colorNeutralForeground3);cursor:help;font-size:15px;display:inline-flex}.inline-icon{vertical-align:-2px}.layout{flex-direction:column;height:100vh;display:flex}.topbar{background-color:var(--colorNeutralBackground1);border-bottom:1px solid var(--colorNeutralStroke2);flex-shrink:0;align-items:center;gap:14px;height:52px;padding:0 16px;display:flex}.brand{font-size:20px;font-weight:700;color:var(--colorBrandForeground1)!important;text-decoration:none!important}.menu{gap:2px;display:flex;overflow-x:auto}.menu a{color:var(--colorNeutralForeground2);border-radius:var(--borderRadiusMedium);white-space:nowrap;align-items:center;gap:5px;padding:6px 10px;font-size:15px;display:inline-flex;text-decoration:none!important}.menu a svg{font-size:17px}.menu a:hover{background-color:var(--colorSubtleBackgroundHover);color:var(--colorNeutralForeground1)}.menu a.active{color:var(--colorBrandForeground1);background-color:var(--colorBrandBackground2);font-weight:600}.topbar-actions{white-space:nowrap;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.desktop-actions{align-items:center;gap:6px;display:flex}.top-search{min-width:180px}.user-button{gap:8px}.user-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.sidebar-toggle,.mobile-actions{display:none!important}.layout-body{flex:1;min-height:0;display:flex}.sidebar{background-color:var(--colorNeutralBackground1);border-right:1px solid var(--colorNeutralStroke2);flex-shrink:0;width:250px;padding:14px 8px;overflow-y:auto}.sidebar.desktop-hidden,.mobile-nav,.sidebar-backdrop{display:none}.content{flex:1;min-width:0;overflow-y:auto}.page{width:100%;max-width:1200px;margin-inline:auto;padding:20px 24px}body>div[class*=fui-FluentProvider]{background:0 0!important;width:0!important;height:0!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important}.page-header{justify-content:space-between;align-items:center;gap:16px;margin:12px 0 16px;display:flex}.tab-content{margin-top:16px}.sidebar-title{color:var(--colorNeutralForeground3);margin:0 8px 10px;display:block}.sidebar-filter{width:100%;margin-bottom:8px}.tree-label{cursor:pointer}.tree-label.active{color:var(--colorBrandForeground1);font-weight:600}.item-list{margin:0;padding:0;list-style:none}.item-list a{border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground1);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:5px 8px;font-size:15px;display:flex;text-decoration:none!important}.item-list a:hover{background-color:var(--colorSubtleBackgroundHover)}.item-list a.active{background-color:var(--colorBrandBackground2);color:var(--colorBrandForeground1);font-weight:600}.item-list .item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.total-count{color:var(--colorNeutralForeground3);font-size:16px;font-weight:400}.list-controls{align-items:center;gap:8px;display:flex}.view-switch{gap:2px;display:flex}.cover{object-fit:cover;border-radius:var(--borderRadiusMedium);background-color:var(--colorNeutralBackground4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cover-sm{width:60px;height:88px}.cover-md{width:140px;height:205px}.cover-lg{width:220px;height:322px}.cover-placeholder{background:linear-gradient(135deg, var(--colorNeutralBackground4), var(--colorNeutralBackground5));color:var(--colorNeutralForeground3);text-align:center;word-break:keep-all;padding:8px;font-size:13px;overflow:hidden}.cover-md.cover-placeholder,.cover-lg.cover-placeholder{font-size:15px}.cover-preview{object-fit:contain;border-radius:var(--borderRadiusMedium);border:1px solid var(--colorNeutralStroke2);align-self:flex-start;width:auto;max-width:220px;height:auto;max-height:320px}.grid-view{grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));gap:16px;display:grid}.grid-card{cursor:pointer;position:relative}.grid-card-inner{gap:16px;width:100%;min-width:0;display:flex}.cover-card{width:128px;height:188px}.grid-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:26px;display:flex}.title-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.grid-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.grid-card-authors{color:var(--colorNeutralForeground2);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.grid-card-meta{color:var(--colorNeutralForeground3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.grid-card .chip-row{margin-top:auto}.grid-card-star{position:absolute;top:6px;right:6px}.list-view{flex-direction:column;display:flex}.list-row{border-bottom:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);gap:14px;padding:14px 6px;display:flex;color:var(--colorNeutralForeground1)!important;text-decoration:none!important}.list-row:hover{background-color:var(--colorSubtleBackgroundHover)}.list-row-body{flex:1;min-width:0}.list-row-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.list-row-title strong{font-size:17px}.list-row-meta{color:var(--colorNeutralForeground3);margin:4px 0 6px;font-size:14px}.chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-view{background-color:var(--colorNeutralBackground1);border-radius:var(--borderRadiusMedium)}.star.on{color:var(--colorPaletteMarigoldForeground1)!important}.read-mark.on{color:var(--colorPaletteGreenForeground1)!important}.pagination{justify-content:center;gap:4px;margin:24px 0;display:flex}.detail-layout{gap:28px;display:flex}.detail-body{flex:1;min-width:0}.detail-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-meta{grid-template-columns:80px 1fr;gap:8px 14px;margin:18px 0;display:grid}.detail-meta dt{color:var(--colorNeutralForeground3);font-size:15px}.detail-meta dd{margin:0}.detail-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.detail-description{border-top:1px solid var(--colorNeutralStroke2);margin-top:20px;padding-top:14px}.detail-description p{white-space:pre-wrap}.detail-admin-actions{gap:8px;margin-top:24px;display:flex}.auth-page{background-color:var(--colorNeutralBackground3);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusXLarge);box-shadow:var(--shadow8);flex-direction:column;gap:14px;width:100%;max-width:400px;padding:32px;display:flex}.auth-desc{color:var(--colorNeutralForeground3)}.form-card{background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusLarge);flex-direction:column;gap:14px;max-width:520px;margin-top:12px;padding:24px;display:flex}.profile-summary{border-bottom:1px solid var(--colorNeutralStroke2);gap:32px;padding-bottom:10px;display:flex}.profile-summary .hint-text{margin-bottom:2px;display:block}.form-card fieldset{border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);flex-direction:column;gap:10px;display:flex}.form-card legend{color:var(--colorNeutralForeground3);padding:0 6px;font-size:14px}.dialog-form{flex-direction:column;gap:12px;display:flex}.field-row{gap:12px;display:flex}.field-row>*{flex:1}.row-actions{gap:6px;display:flex}.row-disabled{opacity:.5}.table-filter{max-width:280px;margin-bottom:10px}.manage-table{table-layout:fixed;border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);background-color:var(--colorNeutralBackground1)}.manage-table th,.manage-table td{border-right:1px solid var(--colorNeutralStroke2)}.manage-table th:last-child,.manage-table td:last-child{border-right:none}.manage-table .col-files{width:150px}.manage-table .col-date{width:110px}.manage-table .col-actions{width:90px}.manage-table .col-files>button,.manage-table .col-date>button,.manage-table .col-actions>button{justify-content:center}.manage-table td:nth-child(2),.manage-table td:nth-child(3){text-align:center}.manage-table td:nth-child(2) .chip-row,.manage-table td:last-child .row-actions{justify-content:center}.cell-ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.book-edit-form{flex-direction:column;gap:18px;max-width:1200px;margin-top:12px;display:flex}.edit-columns{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.edit-col{flex-direction:column;gap:18px;min-width:0;display:flex}.edit-section{background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusLarge);flex-direction:column;gap:12px;padding:16px 18px;display:flex}.edit-section h3{color:var(--colorNeutralForeground3);margin:0;font-size:15px;font-weight:600}.inline-add{gap:8px;display:flex}.button-row{flex-wrap:wrap;gap:8px;display:flex}.cover-choice{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.pick-cloud{flex-wrap:wrap;gap:6px;max-height:132px;margin-top:8px;display:flex;overflow-y:auto}.pick-chip{border:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;display:inline-flex}.pick-chip:hover{border-color:var(--colorBrandStroke1);color:var(--colorBrandForeground1)}.pick-count{color:var(--colorNeutralForeground4);font-size:11px}.edit-actions{align-items:center;gap:8px;margin-top:16px;display:flex}.after-save{align-items:center;gap:6px;margin-left:auto;display:flex}.saving-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.saving-box{text-align:center;background:var(--colorNeutralBackground1);max-width:420px;color:var(--colorNeutralForeground1);border-radius:var(--borderRadiusXLarge);box-shadow:var(--shadow28);flex-direction:column;align-items:center;gap:10px;padding:28px 32px;display:flex}.saving-box p{color:var(--colorNeutralForeground3);margin:0;font-size:14px}.inline-add>:first-child{flex:1}.inline-add .volume-input{flex:0 0 90px}.search-results{flex-direction:column;gap:8px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-results li{border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);align-items:center;gap:10px;padding:6px;display:flex}.search-result-cover{object-fit:cover;background:var(--colorNeutralBackground4);border-radius:3px;flex-shrink:0;width:40px;height:58px}.search-result-body{flex-direction:column;flex:1;min-width:0;display:flex}.search-result-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.file-list{flex-direction:column;gap:6px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.file-list li{align-items:center;gap:8px;display:flex}.file-list li.removed{opacity:.45;text-decoration:line-through}.file-list em{color:var(--colorNeutralForeground3);font-size:13px}.dropzone{border:2px dashed var(--colorNeutralStroke2);border-radius:var(--borderRadiusLarge);background-color:var(--colorNeutralBackground2);color:var(--colorNeutralForeground2);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 16px;transition:border-color .15s,background-color .15s;display:flex}.dropzone:hover{border-color:var(--colorBrandStroke1)}.dropzone.dragging{border-color:var(--colorBrandStroke1);background-color:var(--colorBrandBackground2);color:var(--colorBrandForeground1)}.dropzone-hint{color:var(--colorNeutralForeground3);font-size:13px}.url-add summary{cursor:pointer;color:var(--colorBrandForegroundLink);font-size:14px}.url-add{flex-direction:column;gap:6px;display:flex}.od-breadcrumb{flex-wrap:wrap;align-items:center;margin-bottom:6px;display:flex}.od-breadcrumb .od-sep{color:var(--colorNeutralForeground3)}.od-list{border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.od-item{width:100%;color:var(--colorNeutralForeground1);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.od-item:hover:not(:disabled){background-color:var(--colorSubtleBackgroundHover)}.od-item:disabled{color:var(--colorNeutralForegroundDisabled);cursor:default}.od-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.od-size{color:var(--colorNeutralForeground3);font-size:13px}.cloud{flex-wrap:wrap;align-items:baseline;gap:8px 18px;max-width:1000px;margin-top:20px;display:flex}.cloud-item{color:var(--colorBrandForegroundLink);white-space:nowrap;line-height:1.3;text-decoration:none!important}.cloud-item:hover{color:var(--colorBrandForegroundLinkHover);text-decoration:underline!important}.cloud-count{color:var(--colorNeutralForeground3);vertical-align:super;margin-left:3px;font-size:12px}.cat-tree{flex-direction:column;gap:2px;margin-top:12px;display:flex}.cat-row{border-radius:var(--borderRadiusMedium);justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.cat-row:hover{background-color:var(--colorSubtleBackgroundHover)}@media (width<=900px){.menu,.desktop-actions{display:none}.sidebar-toggle,.mobile-actions{display:inline-flex!important}.sidebar,.sidebar.desktop-hidden{z-index:40;box-shadow:var(--shadow16);transition:transform .2s;display:block;position:fixed;top:52px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#00000059;display:block;position:fixed;inset:52px 0 0}.mobile-nav{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.mobile-nav a{border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground1);align-items:center;gap:8px;padding:8px 10px;font-size:15px;display:flex;text-decoration:none!important}.mobile-nav a:hover{background-color:var(--colorSubtleBackgroundHover)}.mobile-nav a.active{background-color:var(--colorBrandBackground2);color:var(--colorBrandForeground1);font-weight:600}.mobile-nav-divider{border-top:1px solid var(--colorNeutralStroke2);margin:8px 4px}.detail-layout{flex-direction:column}.detail-cover{align-self:center}.edit-columns{grid-template-columns:1fr}.field-row{flex-direction:column}.profile-summary{flex-wrap:wrap;gap:16px 24px}.top-search{flex:1;min-width:0;max-width:220px}.page .fui-Table{display:block;overflow-x:auto}}@media (width<=600px){.page{padding:14px 12px}.topbar{gap:8px;padding:0 10px}.brand{font-size:18px}.list-controls{flex-wrap:wrap}.cloud{gap:6px 14px}}.stats-page{flex-direction:column;gap:16px;display:flex}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);flex-direction:column;gap:4px;padding:16px;display:flex}.stat-card-value{font-size:24px;font-weight:600}.stat-card-label{color:var(--colorNeutralForeground3);font-size:13px}.stat-bars{flex-direction:column;gap:6px;display:flex}.stat-bar-row{grid-template-columns:140px 1fr auto;align-items:center;gap:8px;display:grid}.stat-bar-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.stat-bar-track{background:var(--colorNeutralBackground3);border-radius:4px;height:14px;overflow:hidden}.stat-bar-fill{background:var(--colorBrandBackground);border-radius:4px;height:100%;display:block}.stat-bar-value{color:var(--colorNeutralForeground3);white-space:nowrap;font-size:12px}.dup-groups{flex-direction:column;gap:12px;display:flex}.dup-list{flex-direction:column;gap:4px;margin:8px 0 0;padding-left:18px;display:flex}.share-page{max-width:760px;margin:40px auto;padding:0 16px}.share-card{flex-wrap:wrap;gap:24px;display:flex}.share-cover{border-radius:var(--borderRadiusMedium);width:200px;box-shadow:var(--shadow8);object-fit:cover}.share-cover.placeholder{background:var(--colorNeutralBackground3);width:200px;height:280px}.share-body{flex:1;min-width:260px}.share-body h1{margin:0 0 8px;font-size:24px}.share-author{margin:0 0 4px;font-weight:600}.share-desc{white-space:pre-wrap;color:var(--colorNeutralForeground2);margin:12px 0}.share-actions{flex-direction:column;align-items:flex-start;gap:8px;margin:16px 0;display:flex}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.collection-card{border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);align-items:center;gap:8px;padding:12px 14px;display:flex}.collection-name{color:var(--colorNeutralForeground1);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;text-decoration:none;overflow:hidden}.collection-name:hover{color:var(--colorBrandForegroundLink)}.col-check{width:40px}.manage-table .row-selected{background-color:var(--colorSubtleBackgroundHover)}.filter-bar{border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground2);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}