:root{--color-page:#f6f7f3;--color-surface:#fff;--color-surface-muted:#eef2ef;--color-sidebar:#173b34;--color-sidebar-hover:#234d44;--color-sidebar-active:#2b5c51;--color-primary:#1f7664;--color-primary-hover:#185e50;--color-primary-soft:#e3f0eb;--color-text:#17231f;--color-text-secondary:#66736e;--color-text-tertiary:#8a9691;--color-border:#dde4e0;--color-border-strong:#c7d1cc;--color-danger:#b64049;--color-danger-hover:#96343c;--color-danger-soft:#fcebed;--color-warning:#9a6518;--color-warning-soft:#fff4da;--color-focus:#61c6a3;--shadow-card:0 8px 24px #173b3414;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sidebar-width:264px;--sidebar-collapsed-width:72px}*{box-sizing:border-box}html{background:var(--color-page);min-height:100%}body{background:var(--color-page);min-height:100%;color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}a{color:inherit;text-decoration:none}::selection{color:var(--color-text);background:#c7eadb}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-text-secondary)}.eyebrow{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.page-title{letter-spacing:-.04em;margin:0;font-size:28px;line-height:36px}.section-title{letter-spacing:-.02em;margin:0;font-size:20px;line-height:28px}.notice{border-radius:var(--radius-sm);background:var(--color-primary-soft);color:#185e50;border:1px solid #cbe2d7;margin:0;padding:12px 14px}.error{color:var(--color-danger);margin:0;font-size:13px;line-height:19px}.button,.button-secondary,.button-danger,.icon-button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.button{background:var(--color-primary);color:#fff}.button:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button-secondary:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-muted)}.button-danger{background:var(--color-danger);color:#fff}.button-danger:hover:not(:disabled){background:var(--color-danger-hover)}.icon-button{width:40px;min-width:40px;color:var(--color-text-secondary);background:0 0;border-color:#0000;padding:0}.icon-button:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.icon-button.danger:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger)}.field{color:var(--color-text);gap:7px;font-size:13px;font-weight:700;display:grid}.field input,.field select,.field textarea,.search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:42px;color:var(--color-text);padding:0 12px;transition:border-color .16s,box-shadow .16s}.field textarea{resize:vertical;min-height:96px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px #61c6a347}.field input::placeholder,.search-input::placeholder{color:var(--color-text-tertiary)}.dialog-overlay{z-index:60;background:#17231f6b;place-items:center;padding:24px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.dialog-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(520px,100%);max-height:min(720px,100vh - 48px);animation:.16s ease-out dialog-in;overflow:auto;box-shadow:0 24px 70px #0e201b38}.dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 0;display:flex}.dialog-title{margin:0;font-size:20px;line-height:28px}.dialog-description{color:var(--color-text-secondary);margin:6px 0 0;line-height:21px}.dialog-body{gap:16px;padding:20px 24px 24px;display:grid}.dialog-footer{justify-content:flex-end;gap:8px;padding:0 24px 24px;display:flex}.app-shell{background:var(--color-page);min-height:100vh}.desktop-sidebar{z-index:40;width:var(--sidebar-width);background:var(--color-sidebar);color:#ebf4f0;grid-template-rows:auto 1fr auto;transition:width .16s;display:grid;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.app-shell.sidebar-collapsed .desktop-sidebar{width:var(--sidebar-collapsed-width)}.sidebar-top{padding:18px 14px 10px}.brand-row{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.brand{color:#fff;letter-spacing:-.04em;align-items:center;gap:10px;min-width:0;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{color:#b8f0d8;background:#2d6759;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.sidebar-toggle{color:#bdd5cb}.sidebar-nav{align-content:start;gap:2px;min-height:0;padding:8px 14px 16px;display:grid}.sidebar-link{border-radius:var(--radius-sm);color:#cbe0d7;white-space:nowrap;align-items:center;gap:12px;min-height:40px;padding:0 10px;font-weight:650;display:flex}.sidebar-link:hover{background:var(--color-sidebar-hover);color:#fff}.sidebar-link.active{background:var(--color-sidebar-active);color:#fff}.sidebar-label{color:#91b7a8;letter-spacing:.08em;text-transform:uppercase;margin:18px 10px 6px;font-size:11px;font-weight:800}.folder-tree{scrollbar-color:#4a7468 transparent;min-height:0;max-height:calc(100vh - 292px);overflow:auto}.folder-tree .sidebar-link{margin-bottom:2px;font-size:13px}.sidebar-bottom{border-top:1px solid #cae0d729;gap:2px;padding:12px 14px 16px;display:grid}.sidebar-user{color:#b9d2c7;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:12px;display:flex}.sidebar-logout{color:#b9d2c7;min-height:32px;padding:0 8px}.app-shell.sidebar-collapsed .brand-text,.app-shell.sidebar-collapsed .sidebar-text,.app-shell.sidebar-collapsed .sidebar-label,.app-shell.sidebar-collapsed .sidebar-user{display:none}.app-main{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .16s}.app-shell.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-width)}.app-topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #dde4e0e0;grid-template-columns:minmax(170px,1fr) minmax(220px,420px) auto;align-items:center;gap:16px;min-height:72px;padding:12px 32px;display:grid;position:sticky;top:0}.topbar-crumb{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.topbar-actions{justify-content:flex-end;gap:8px;display:flex}.app-content{width:min(1440px,100%);margin:0 auto;padding:32px}.page-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-heading-copy{gap:4px;display:grid}.section{gap:16px;margin-bottom:36px;display:grid}.section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-link{color:var(--color-primary);font-size:13px;font-weight:750}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.folder-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:40px minmax(0,1fr);gap:12px;min-height:96px;padding:16px;display:grid}.folder-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-1px)}.folder-card-icon{background:var(--color-surface-muted);width:40px;height:40px;color:var(--color-primary);border-radius:10px;place-items:center;display:grid}.folder-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:22px;display:block;overflow:hidden}.folder-card small{color:var(--color-text-secondary);margin-top:5px;font-size:12px;display:block}.document-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:16px;display:grid}.document-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:148px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative}.document-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-1px)}.document-card-link{grid-template-rows:auto 1fr auto;gap:10px;min-width:0;display:grid}.document-card-top{min-height:24px;color:var(--color-primary);justify-content:space-between;align-items:center;display:flex}.document-card-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:750;line-height:24px;display:-webkit-box;overflow:hidden}.document-card-name{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.document-card-meta{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.document-menu-trigger{z-index:2;opacity:0;position:absolute;top:10px;right:10px}.document-card:hover .document-menu-trigger,.document-card:focus-within .document-menu-trigger{opacity:1}.progress-track{background:#e6ece9;border-radius:999px;height:5px;overflow:hidden}.progress-value{border-radius:inherit;background:var(--color-primary);height:100%}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-align:center;justify-items:center;gap:10px;padding:56px 24px;display:grid}.empty-state-icon{background:var(--color-surface-muted);width:48px;height:48px;color:var(--color-primary);border-radius:14px;place-items:center;display:grid}.empty-state h2{color:var(--color-text);margin:4px 0 0;font-size:20px}.empty-state p{max-width:360px;margin:0}.view-list{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.view-list-row{border-bottom:1px solid var(--color-border);grid-template-columns:40px minmax(220px,1fr) 220px 120px 90px 140px 44px;align-items:center;column-gap:8px;min-height:60px;padding:0 8px;display:grid}.view-list-row:last-child{border-bottom:0}.view-list-row.header{min-height:40px;color:var(--color-text-secondary);font-size:12px;font-weight:750}.view-list-row:not(.header):hover{background:#fbfcfb}.list-title{gap:2px;min-width:0;display:grid}.list-title strong,.list-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-title span{color:var(--color-text-secondary);font-size:12px}.batch-toolbar{z-index:20;border-radius:var(--radius-md);background:#f4faf7;border:1px solid #b8d9ca;align-items:center;gap:8px;margin:-8px 0 20px;padding:8px 10px;display:flex;position:sticky;top:84px;box-shadow:0 6px 18px #173b3414}.batch-toolbar strong{margin-right:8px}.mobile-topbar,.mobile-bottom-nav{display:none}.login-shell{background:var(--color-page);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(400px,100%);box-shadow:var(--shadow-card);padding:32px}.login-brand{color:var(--color-primary);align-items:center;gap:10px;font-size:18px;font-weight:850;display:inline-flex}.login-card h1{letter-spacing:-.04em;margin:18px 0 8px;font-size:28px;line-height:36px}.login-card>p{color:var(--color-text-secondary);margin:0 0 28px}.stack{gap:16px;display:grid}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;bottom:1px;right:2px}.reader-shell{width:min(1280px,100%);margin:0 auto;padding:12px 32px 48px}.reader-toolbar{z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 14px;display:flex;position:sticky;top:12px;box-shadow:0 8px 28px #192d271a}.reader-toolbar-left,.reader-toolbar-right{align-items:center;gap:8px;min-width:0;display:flex}.reader-document-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.reader-layout{grid-template-columns:minmax(0,760px) 240px;justify-content:center;gap:48px;padding-top:32px;display:grid}.prose{min-width:0;color:var(--color-text);font-size:17px;line-height:30px}.prose>:first-child{margin-top:0}.prose h1{letter-spacing:-.045em;margin:0 0 36px;font-size:36px;line-height:46px}.prose h2{letter-spacing:-.03em;margin:52px 0 16px;scroll-margin-top:88px;font-size:26px;line-height:36px}.prose h3{margin:36px 0 12px;scroll-margin-top:88px;font-size:21px;line-height:31px}.prose h4{margin:28px 0 10px;scroll-margin-top:88px;font-size:18px;line-height:28px}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 18px}.prose blockquote{color:var(--color-text-secondary);border-left:3px solid #b9d9cc;margin-left:0;padding:4px 0 4px 18px}.prose img{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:100%;height:auto;margin:22px auto;display:block}.prose pre{border-radius:var(--radius-md);color:#edf8f3;background:#16332c;padding:16px;line-height:1.6;overflow:auto}.prose code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.prose :not(pre)>code{background:var(--color-surface-muted);border-radius:5px;padding:2px 5px}.prose table{border-collapse:collapse;width:max-content;max-width:100%;margin:22px 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);text-align:left;padding:9px 11px}.prose th{background:var(--color-surface-muted)}.reader-toc{border-left:1px solid var(--color-border);scrollbar-color:var(--color-border-strong) transparent;align-self:start;max-height:calc(100vh - 112px);padding-left:16px;position:sticky;top:96px;overflow-y:auto}.reader-toc-title{letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.reader-toc-link{color:var(--color-text-secondary);border-radius:6px;padding:5px 6px;font-size:13px;line-height:19px;display:block}.reader-toc-link:hover,.reader-toc-link.active{background:var(--color-primary-soft);color:var(--color-primary-hover)}.simple-page{width:min(900px,100%);margin:0 auto;padding:32px}.simple-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.trash-list{gap:10px;display:grid}.trash-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:40px minmax(0,1fr) 160px auto;align-items:center;gap:12px;padding:12px;display:grid}.trash-row-icon{background:var(--color-surface-muted);width:40px;height:40px;color:var(--color-primary);border-radius:10px;place-items:center;display:grid}.trash-row-title{gap:3px;min-width:0;display:grid}.trash-row-title strong,.trash-row-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trash-row-title span,.trash-row-date{color:var(--color-text-secondary);font-size:12px}.trash-row-actions{gap:8px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:1023px){body{font-size:15px}.desktop-sidebar,.app-topbar{display:none}.app-main,.app-shell.sidebar-collapsed .app-main{padding-top:52px;padding-bottom:calc(64px + env(safe-area-inset-bottom));margin-left:0}.mobile-topbar{z-index:40;min-height:calc(52px + env(safe-area-inset-top));border-bottom:1px solid var(--color-border);padding:env(safe-area-inset-top) 12px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar-inner{justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:52px;display:flex}.mobile-topbar-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;overflow:hidden}.mobile-bottom-nav{z-index:40;min-height:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav-link{min-height:64px;color:var(--color-text-tertiary);place-content:center;justify-items:center;gap:3px;font-size:11px;font-weight:650;display:grid}.mobile-nav-link.active{color:var(--color-primary)}.app-content{padding:20px 16px 28px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-title{font-size:24px;line-height:32px}.section{margin-bottom:30px}.section-title{font-size:18px;line-height:26px}.document-grid,.folder-grid{grid-template-columns:1fr;gap:10px}.document-card{min-height:104px;padding:14px}.document-card-link{grid-template-rows:1fr auto;grid-template-columns:36px minmax(0,1fr);column-gap:12px}.document-card-top{background:var(--color-surface-muted);border-radius:10px;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid}.document-card-title{padding-right:32px;font-size:16px;line-height:23px}.document-card-meta{grid-column:2;justify-content:flex-start}.document-menu-trigger{opacity:1;top:10px;right:8px}.view-list{background:0 0;border:0}.view-list-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:36px minmax(0,1fr) 44px;min-height:84px;margin-bottom:10px;padding:10px}.view-list-row.header,.view-list-row>.list-folder,.view-list-row>.list-progress,.view-list-row>.list-size,.view-list-row>.list-date,.batch-toolbar{display:none}.dialog-overlay{align-items:end;padding:0}.dialog-panel{width:100%;max-height:calc(100vh - env(safe-area-inset-top));border-radius:16px 16px 0 0}.dialog-header{padding:20px 20px 0}.dialog-body{padding:18px 20px 20px}.dialog-footer{padding:0 20px calc(20px + env(safe-area-inset-bottom))}.login-shell{padding:max(20px,env(safe-area-inset-top)) 20px 20px;align-items:start}.login-card{box-shadow:none;border:0;border-radius:0;margin-top:88px;padding:0}.login-card h1{font-size:24px;line-height:32px}.field input,.field select,.field textarea,.search-input{min-height:46px;font-size:16px}.button,.button-secondary,.button-danger,.icon-button{min-height:44px}.icon-button{width:44px;min-width:44px}.reader-shell{padding:0 16px 32px}.reader-toolbar{z-index:45;top:env(safe-area-inset-top);min-height:52px;box-shadow:0 1px 0 var(--color-border);border:0;border-radius:0;padding:6px 8px;transition:transform .16s;position:fixed;left:0;right:0}.reader-toolbar.reader-toolbar-hidden{transform:translateY(calc(-100% - env(safe-area-inset-top)))}.reader-layout{padding-top:calc(52px + env(safe-area-inset-top) + 22px);display:block}.prose{font-size:17px;line-height:29px}.prose h1{margin-bottom:28px;font-size:28px;line-height:38px}.prose h2{margin-top:42px;scroll-margin-top:72px;font-size:23px;line-height:33px}.prose h3{scroll-margin-top:72px;font-size:20px;line-height:30px}.reader-toc{display:none}.simple-page{padding:20px 16px 28px}.trash-row{grid-template-columns:40px minmax(0,1fr)}.trash-row-date{grid-column:2}.trash-row-actions{grid-column:1/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.mobile-nav-link{appearance:none;font:inherit;background:0 0;border:0;padding:0}.menu-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:14px;line-height:21px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-muted);outline:none}.menu-item-danger{color:var(--color-danger)}.menu-item-danger:hover,.menu-item-danger:focus-visible{background:var(--color-danger-soft)}.mobile-only{display:none}.reader-layout-without-toc{grid-template-columns:minmax(0,760px)}.dialog-panel{z-index:61;animation:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1023px){.desktop-only{display:none!important}.mobile-only{display:inline-flex}.dialog-panel{inset:auto 0 0;transform:none}.toc-dialog-panel{max-height:80vh}}