:root{--blue: #2196f3;--dark-blue: #1E88E5;--red: #f44336;--dark-red: #D32F2F;--moon-grey: #f2f2f2;--icon-red: #da4453;--icon-orange: #ff8c00;--icon-yellow: #fdbc4b;--icon-green: #2ecc71;--icon-blue: #1d99f3;--icon-violet: #9b59b6;--primaryColor: var(--blue);--divider: lightgray;--icon-size: 3em;--layer-show: 1;--layer-above-show: 2;--layer-middle: 3;--layer-below-top: 4;--layer-top: 10}.border-radius{border-radius:1em}.button{display:flex;align-items:center;justify-content:center;outline:0;border-radius:1em;cursor:pointer;background:var(--primaryColor);color:#fff;box-shadow:0 0 5px #0000000d;transition:.1s ease all;min-width:2em;min-height:2em;padding:.5em 1em}button{padding:.5em;border:none;background-color:var(--surfaceSecondary);transition:background-color .3s;min-width:2em;min-height:2em;display:flex;justify-content:center;align-items:center}button:disabled{opacity:.5;cursor:not-allowed}.button--block{margin:0 0 .5em;display:block;width:100%;border-style:unset}.button--red{background:var(--red)}.button--blue{background:var(--blue)}.button--flat{color:var(--primaryColor);background:var(--surfaceSecondary);box-shadow:0 0;text-transform:uppercase;padding-left:1em;padding-right:1em}.button--flat.button--red{color:var(--dark-red)}.button--flat.button--grey{color:#6f6f6f}.button[disabled]{opacity:.5;cursor:not-allowed}.floating-action-button{position:fixed;bottom:1rem;right:1rem;z-index:1000}:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:#283247;background:#f8fafd;font-synthesis:none;--primaryColor: #2587e8;--surfacePrimary: #fff;--surfaceSecondary: #f2f5f9;--canvas: #f8fafd;--ink: #283247;--muted: #8490a4;--line: #e9edf3;--hover: #f3f7fd;--blue-soft: #eaf3fe;--shadow: 0 16px 64px #243b6314;--danger: #d45059;--radius: 14px}:root[data-theme=dark]{color-scheme:dark;--surfacePrimary: #1c2430;--surfaceSecondary: #273242;--canvas: #151c26;--ink: #e2e8f1;--muted: #97a5b9;--line: #2d3746;--hover: #253245;--blue-soft: #203750;--shadow: 0 16px 64px #0004;--danger: #f4848c;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}a{color:var(--primaryColor);text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2587e85c;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primaryColor)!important;box-shadow:0 0 0 3px #2587e813}h1,h2,h3,p{margin:0}svg{flex-shrink:0}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primaryColor);cursor:pointer;margin:0;border-radius:4px}::selection{background:#2587e833}button{transition:background .16s,color .16s,box-shadow .16s}.button{gap:8px;padding:10px 16px;border-radius:10px;min-height:40px;font-weight:550;white-space:nowrap;box-shadow:none}.button:hover{background:#1677d5}.button.secondary{background:var(--surfacePrimary);border:1px solid var(--line);color:var(--ink)}.button.secondary:hover{background:var(--hover);border-color:#cbd9e9}.button.danger-button{background:#d45059;color:#fff}.button-row{display:flex;gap:8px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;background:transparent;border:0;border-radius:8px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--surfaceSecondary);color:var(--ink)}.text-button{background:none;padding:4px 0;min-height:28px;display:inline-flex;gap:6px;align-items:center;color:var(--primaryColor);font-size:13px;text-decoration:none}.text-button:hover{color:#0e6dc9}.danger{color:var(--danger)!important}.muted{color:var(--muted)}.fineprint{font-size:12px;line-height:1.8}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:21px;font-weight:690;letter-spacing:-.6px;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:var(--primaryColor);border-radius:12px;color:#fff;box-shadow:0 4px 12px #2587e823}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:var(--surfacePrimary);padding:30px 19px 0;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 7px}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:32px}.sidebar nav>button{background:none;display:flex;justify-content:flex-start;gap:13px;padding:13px 17px;width:100%;border-radius:10px;color:#738097;font-weight:500}.sidebar nav>button:hover{background:var(--hover)}.sidebar nav>button.active{background:var(--blue-soft);color:var(--primaryColor);font-weight:600}.nav-badge{margin-left:auto;border-radius:6px;padding:1px 6px;background:var(--primaryColor);color:#fff;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:40px}.storage-dashboard{display:block;width:148px;max-width:100%;margin:0 auto 20px;transform:translate(-8px);padding:0;border:0;border-radius:50%;background:transparent;text-align:center}.storage-dashboard:hover{background:var(--hover)}.storage-dashboard .storage-ring-center{gap:5px;font-size:10px;line-height:1.3}.storage-dashboard .storage-ring-center strong{font-size:18px;letter-spacing:-.4px}.storage-dashboard .storage-ring-center small{font-size:10px;white-space:nowrap}.storage-ring{position:relative;width:100%;aspect-ratio:1}.storage-ring svg{display:block;width:100%;height:100%;overflow:visible}.storage-ring circle{fill:none;stroke-width:18}.storage-ring-track{stroke:var(--line)}.storage-ring-segment{stroke:var(--storage-color, var(--muted))}.storage-ring-segment:hover{stroke-width:21}.storage-ring-center{position:absolute;inset:22%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);pointer-events:none}.storage-color-image{--storage-color: #2587e8}.storage-color-video{--storage-color: #8e6bea}.storage-color-audio{--storage-color: #ef9d45}.storage-color-archive{--storage-color: #36a77a}.storage-color-document{--storage-color: #e26c87}.storage-color-code{--storage-color: #65778f}.storage-color-free{--storage-color: var(--line)}.account-row{border-top:1px solid var(--line);padding:16px 7px;display:flex;gap:10px;align-items:center}.account-row strong{font-size:12px;font-weight:550;display:block}.avatar{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#edf0f9;color:#7789af;font-size:12px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-large{width:72px;height:72px}.account-profile{display:flex;justify-content:flex-start;gap:10px;align-items:center;flex:1;min-width:0;padding:0;background:none;text-align:left}.account-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.profile-trigger,.avatar-edit{padding:0;border:0;border-radius:50%;background:none;display:inline-flex}.avatar-picker{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.avatar-picker-actions{display:flex;gap:16px}.avatar-picker .notice{width:100%}.profile-tabs{display:flex;gap:4px;padding:4px;background:var(--surfaceSecondary);border-radius:10px;margin-bottom:25px}.profile-tabs button{flex:1;padding:10px;border-radius:7px;background:none;color:var(--muted)}.profile-tabs button.active{background:var(--surfacePrimary);color:var(--ink);box-shadow:0 1px 4px #243b630c}.auth-switch{display:flex;margin:16px auto 0}.upload-menu{--upload-inset: 16px;position:relative;flex-shrink:0}.upload-menu summary{display:flex;cursor:pointer;list-style:none}.upload-menu summary::-webkit-details-marker{display:none}.upload-options{position:absolute;left:0;top:calc(100% + 6px);min-width:100%;width:max-content;padding:4px;border:1px solid var(--line);background:var(--surfacePrimary);border-radius:10px;box-shadow:var(--shadow);z-index:35}.upload-options button{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:8px;width:100%;padding:11px calc(var(--upload-inset) - 5px);background:none;border-radius:7px;white-space:nowrap}.upload-options button:hover{background:var(--hover)}.topbar{gap:24px}.topbar-actions{flex-shrink:0}.login-card{margin-block:auto}.login-page{gap:32px}.profile-body{padding:23px 24px 0}.profile-body+.modal-footer{margin:20px 24px 0}.main-shell{margin-left:238px;flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:84px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:var(--surfacePrimary);gap:20px}.search-box{display:flex;align-items:center;gap:11px;color:var(--muted);width:min(460px,100%);min-width:0;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.search-box:focus-within{border-color:var(--primaryColor);box-shadow:0 0 0 3px #2587e813}.search-box input{background:none;border:0;min-width:0;flex:1;font-size:13px;color:var(--ink);padding:12px 0;box-shadow:none!important}.search-box input::placeholder{color:#a3adbc}.search-box kbd{border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-family:inherit;font-size:10px;color:#a3adbc;white-space:nowrap}.topbar-actions{display:flex;gap:15px;align-items:center}.topbar-divider{height:21px;width:1px;background:var(--line)}.workspace{width:100%;max-width:1600px;align-self:center;padding:40px 44px;flex:1}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading-actions{flex-direction:row;flex-shrink:0}.section-heading h1{font-size:26px;font-weight:650;line-height:1.45;letter-spacing:-.7px;display:flex;align-items:center;gap:11px;margin:6px 0 9px}.section-heading p{color:var(--muted);font-size:12px;line-height:1.8}.count-pill{font-size:11px;line-height:1;letter-spacing:0;border:1px solid var(--line);background:var(--surfacePrimary);color:var(--muted);border-radius:7px;padding:6px 8px;font-weight:450}.count-summary{position:relative;display:inline-flex;flex-shrink:0;cursor:default;border-radius:7px}.count-summary:focus-visible{outline:3px solid #2587e85c;outline-offset:3px}.count-tooltip{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);z-index:5;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surfacePrimary);color:var(--ink);box-shadow:var(--shadow);font-size:12px;line-height:1.5;font-weight:450;letter-spacing:0;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s}.count-summary:hover .count-tooltip,.count-summary:focus .count-tooltip{visibility:visible;opacity:1}.file-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.breadcrumbs{display:flex;align-items:center;gap:7px;color:var(--muted);overflow:auto;min-width:0;white-space:nowrap}.breadcrumbs button{display:flex;gap:7px;padding:5px 0;background:none;color:var(--muted);font-size:12px;min-width:0}.breadcrumbs button:last-child{color:var(--ink)}.breadcrumbs button.drop-target{color:var(--primaryColor);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--primaryColor);border-radius:5px}.view-switch{display:flex;border:1px solid var(--line);background:var(--surfacePrimary);padding:3px;border-radius:9px;gap:2px}.view-switch .icon-button{width:29px;height:27px;border-radius:5px}.view-switch .active{color:var(--primaryColor);background:var(--blue-soft)}.file-container{border:1px solid var(--line);border-radius:var(--radius);background:var(--surfacePrimary);box-shadow:0 2px 5px #243b6302}.file-table-head,.file-row{display:grid;grid-template-columns:18px minmax(100px,1fr) 95px 150px 110px;align-items:center;gap:16px;padding:0 21px}.file-table-head{height:45px;border-bottom:1px solid var(--line);background:var(--canvas);border-radius:14px 14px 0 0;color:var(--muted);font-size:11px}.file-table-head button{padding:0;display:flex;justify-content:flex-start;gap:5px;color:var(--muted);background:none;text-align:left;font-size:11px}.file-row{min-height:78px;border-bottom:1px solid var(--line);position:relative;transition:background .12s;user-select:none}.file-row:last-child{border-bottom:0;border-radius:0 0 14px 14px}.file-row:hover{background:var(--hover)}.file-row.selected{background:var(--blue-soft)}.folder-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent}.folder-open:focus-visible{outline:2px solid var(--primaryColor);outline-offset:-3px}.file-row>input,.file-row .row-actions{position:relative;z-index:2}.file-row:has(.more-menu[open]){z-index:3}.file-identity{display:flex;align-items:center;gap:13px;min-width:0}.file-icon{width:43px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#eff3f8;color:#8c9ab0}.file-icon.folder{background:#fff7e5;color:#e7b347}.file-icon.image{background:#eef1ff;color:#8c94d6}.file-icon.video{background:#f5edff;color:#a181c8}.file-icon.audio{background:#fff0f5;color:#c87591}.file-icon.archive{background:#fff5e8;color:#d19c56}.file-icon.sheet{background:#eaf7f1;color:#65a98b}.file-icon.document{background:#ecf3fe;color:#6b9edb}.file-icon.code{background:#eef1f6;color:#7a8ea8}.file-text{min-width:0}.file-name{display:block;background:none;padding:4px 0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--ink);font-size:13px;font-weight:500;min-width:0}.file-name:hover{color:var(--primaryColor)}.file-subtitle{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size,.file-date{font-size:11px;color:var(--muted)}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:2px}.row-actions .icon-button{width:31px;height:31px}.more-menu{position:relative}.more-menu summary{list-style:none;cursor:pointer}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] .menu-panel{display:flex}.menu-panel{display:none;position:absolute;top:34px;right:0;min-width:150px;padding:6px;background:var(--surfacePrimary);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:10px;flex-direction:column;z-index:20}.menu-panel button{background:none;padding:10px;justify-content:flex-start;gap:9px;font-size:12px;border-radius:6px}.menu-panel button:hover{background:var(--hover)}.selection-bar{display:flex;align-items:center;gap:20px;border:1px solid #2587e81f;background:var(--blue-soft);border-radius:10px;margin:0 0 12px;padding:8px 14px;font-size:12px}.selection-clear{margin-left:auto}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;border:0;background:none;box-shadow:none}.grid-view .file-row{display:flex;min-height:176px;padding:20px 17px 12px;flex-direction:column;background:var(--surfacePrimary);border:1px solid var(--line);border-radius:12px;gap:8px;align-items:stretch}.grid-view .file-row:hover{border-color:#a8cdf1;box-shadow:0 4px 14px #243b6308}.grid-view .file-row.selected{background:var(--blue-soft);border-color:#a8cdf1}.file-container .file-row.drag-source{opacity:.5}.file-container .file-row.drop-target{background:var(--blue-soft);box-shadow:inset 0 0 0 2px var(--primaryColor)}.file-container[aria-busy=true]{cursor:progress}.grid-view .file-row>input{position:absolute;right:15px;top:15px}.grid-view .file-identity{display:flex;align-items:flex-start;gap:11px;flex-direction:column}.grid-view .file-icon{width:52px;height:52px;border-radius:12px}.grid-view .file-text{width:100%}.grid-view .file-name{font-size:12px}.grid-view .size-col,.grid-view .date-col{display:none}.grid-view .row-actions{margin-top:4px;border-top:1px solid var(--line);padding-top:7px;justify-content:flex-end}.empty-state{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;border:1px dashed #dce4ee;border-radius:16px;background:var(--surfacePrimary);padding:40px 25px}.empty-state h2{font-size:19px;font-weight:550;letter-spacing:-.4px}.empty-state p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.9}.empty-state .button{margin-top:8px}.empty-icon{display:flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--primaryColor);width:78px;height:78px;border-radius:24px;margin-bottom:5px}.empty-state.small{min-height:150px}.empty-state.quiet{min-height:clamp(240px,42vh,400px);padding:48px 20px;gap:16px;border:1px solid var(--line);background:var(--surfacePrimary)}.empty-state.quiet .empty-icon{width:60px;height:60px;border-radius:18px;background:var(--surfaceSecondary);color:var(--muted);margin:0}.empty-state.quiet h2{font-size:15px;font-weight:500;color:var(--muted);margin:0}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:20px}.note-card{display:flex;flex-direction:column;background:var(--surfacePrimary);border:1px solid var(--line);border-radius:14px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.note-card:hover{box-shadow:0 5px 18px #243b6308;border-color:#bfd7f0}.note-card-main{padding:23px 23px 10px;display:flex;flex-direction:column;flex:1;align-items:stretch;text-align:left;background:none;width:100%;min-height:175px}.note-preview{height:126px;flex-shrink:0;overflow:hidden;text-align:start;mask-image:linear-gradient(to bottom,#000 85%,transparent)}.literal-preview{font-size:13px;color:var(--ink);line-height:1.9;white-space:pre-wrap;word-break:break-word;tab-size:4}.note-card footer{margin:0 20px;padding:10px 0 13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:3px}.note-card footer>span{margin-right:auto;color:var(--muted);font-size:10px}.share-list,.transfer-list{border:1px solid var(--line);border-radius:14px;background:var(--surfacePrimary)}.share-item{padding:22px;display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.share-item:last-child,.transfer-item:last-child{border-bottom:0}.feature-icon{width:45px;height:45px;background:var(--blue-soft);color:var(--primaryColor);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-info{flex:1;min-width:0}.share-info h3{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-info p{font-size:11px;color:var(--muted);margin-top:7px}.status-pill{color:#50a784;background:#edf8f1;padding:4px 8px;border-radius:5px;font-size:10px;white-space:nowrap}.status-pill.expired{color:#9b9eaa;background:var(--surfaceSecondary)}.transfer-item{display:flex;align-items:center;gap:17px;padding:23px;border-bottom:1px solid var(--line)}.transfer-details{flex:1;min-width:0}.transfer-name{display:flex;align-items:center;justify-content:space-between;gap:15px}.transfer-name strong{font-size:12px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.transfer-state{font-size:10px;color:var(--muted);white-space:nowrap}.transfer-state.done{color:#4fa581}.transfer-state.error{color:var(--danger)}.progress-track{height:5px;border-radius:5px;background:var(--surfaceSecondary);margin:11px 0 8px;overflow:hidden}.progress-track>div{background:var(--primaryColor);height:100%;border-radius:5px;transition:width .2s}.progress-track>div.complete{background:#65b598}.transfer-details>p{font-size:10px;color:var(--muted)}.error-inline{color:var(--danger)!important}.modal{padding:0;border:1px solid var(--line);border-radius:18px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);background:var(--surfacePrimary);color:var(--ink);box-shadow:0 24px 100px #14284430;overflow:auto}.modal::backdrop{background:#18263d55;backdrop-filter:blur(4px)}.modal-wide{width:min(810px,calc(100vw - 32px))}.modal-header{padding:20px 24px 17px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surfacePrimary);z-index:3}.modal-header h2{font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.modal-footer{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:20px;font-size:11px}.modal>.modal-footer{margin:0 24px;padding:20px 0}.form-body{padding:23px 24px 0}.storage-details{padding:0 24px 24px}.storage-distribution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:12px 0 26px}.storage-chart-panel{text-align:center}.storage-chart-panel .storage-ring{max-width:248px;margin:0 auto}.storage-chart-panel .storage-ring-center{gap:7px;font-size:12px}.storage-ring-center strong{color:var(--ink);font-size:clamp(20px,3vw,28px);font-weight:650;white-space:nowrap;letter-spacing:-.8px}.storage-ring-center small{font-size:11px}.storage-chart-caption{margin:16px 0 0;color:var(--muted);font-size:11px}.storage-over-limit{margin-top:6px;color:#d85e43;font-size:11px}.storage-legend h3,.storage-section h3{margin-bottom:16px;font-size:13px}.storage-legend h3{display:flex;justify-content:space-between;gap:8px}.storage-legend small,.server-storage-card small{color:var(--muted);font-size:11px;font-weight:400}.storage-type{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:13px;font-size:12px}.storage-type-name,.storage-type-value{display:flex;flex-direction:column;gap:3px}.storage-type-value{text-align:right;font-variant-numeric:tabular-nums}.storage-dot{width:9px;height:9px;border-radius:3px;background:var(--storage-color, var(--muted))}.storage-remaining{border-top:1px solid var(--line);padding-top:13px}.storage-section{padding-top:18px;border-top:1px solid var(--line)}.storage-type-track{height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:var(--line)}.storage-type-track i{display:block;height:100%;border-radius:inherit;background:#65778f}.storage-empty{font-size:12px}.server-storage-card{padding:12px;border-radius:9px;background:var(--surfaceSecondary)}.server-storage-card>div:first-child{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.server-storage-card small{display:block;margin-top:8px}@media(max-width:600px){.storage-distribution{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:0}.storage-chart-panel .storage-ring{max-width:210px}.storage-details{padding:0 18px 18px}}.storage-limit{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--ink);margin-bottom:20px}.field select,.input,.copy-field,.password-field{border:1px solid #dfe5ed;border-radius:9px;color:var(--ink);background:var(--surfacePrimary);min-height:43px;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.copy-field,.password-field{display:flex;align-items:center;padding:3px 6px 3px 12px;gap:4px}.copy-field:focus-within,.password-field:focus-within{border-color:var(--primaryColor);box-shadow:0 0 0 3px #2587e813}.copy-field input,.password-field input{border:0;background:none;min-width:0;flex:1;padding:8px 0;color:var(--ink);font-size:13px;box-shadow:none}.copy-field input{font-family:Consolas,monospace;font-size:11px}.check-label{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:12px}.share-summary{display:flex;align-items:center;gap:14px;padding:24px 24px 0}.share-summary h3{font-size:14px;font-weight:550;overflow-wrap:anywhere}.share-summary p{font-size:11px;color:var(--muted);margin-top:5px}.success-note{display:flex;gap:8px;align-items:center;color:#4b9e7e;font-size:12px;margin-bottom:22px}.notice{padding:12px 15px;border-radius:9px;margin:12px 0;background:var(--blue-soft);color:var(--ink);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.notice.error{background:#fff0f1;color:#c0505a}.notice.warning{background:#fff7e5;color:#99732e}.note-form{padding:24px 24px 0}.folder-picker{padding:20px 24px 0}.picker-breadcrumbs{margin-bottom:14px}.folder-picker-list{min-height:240px;max-height:42vh;overflow-y:auto;border:1px solid var(--line);border-radius:10px}.folder-picker-item{width:100%;min-height:54px;display:flex;align-items:center;gap:12px;padding:12px 15px;background:none;text-align:left;border-bottom:1px solid var(--line)}.folder-picker-item:last-child{border-bottom:0}.folder-picker-item:hover:not(:disabled){background:var(--hover)}.folder-picker-item:disabled{opacity:.4}.folder-picker-item>svg:first-child{color:#d9a537;flex-shrink:0}.folder-picker-item>svg:last-child{color:var(--muted);flex-shrink:0}.folder-picker-item>span{flex:1;overflow-wrap:anywhere}.picker-empty{min-height:238px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.picker-selection{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.share-excerpt{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editor-toolbar{display:flex;gap:3px;align-items:center;padding:8px;background:var(--canvas);border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;overflow:auto}.editor-toolbar button{width:30px;height:30px;padding:4px;border-radius:6px;background:none;color:var(--muted);flex-shrink:0}.editor-toolbar button:hover,.editor-toolbar button.active{background:var(--blue-soft);color:var(--primaryColor)}.editor-toolbar .separator{height:16px;background:var(--line);width:1px;margin:0 5px;flex-shrink:0}.rich-editor{min-height:300px;max-height:50vh;overflow:auto;outline:none;border:1px solid var(--line);border-radius:0 0 9px 9px;padding:18px;background:#fff;color:#283247;tab-size:4}.rich-body{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.rich-body p{margin:0 0 .8em;min-height:1.2em}.rich-body p:last-child{margin-bottom:0}.rich-body h1,.rich-body h2,.rich-body h3,.rich-body h4{margin:1em 0 .5em;line-height:1.5}.rich-body h1{font-size:1.65em}.rich-body h2{font-size:1.4em}.rich-body h3{font-size:1.2em}.rich-body img{display:inline-block;max-width:100%;height:auto;border-radius:5px}.rich-body pre{padding:14px;background:#f3f5f8;border-radius:8px;white-space:pre-wrap;font:12px/1.8 Consolas,monospace}.rich-body code{font-family:Consolas,monospace;background:#f3f5f8;padding:.1em .2em;border-radius:3px}.rich-body blockquote{margin:1em 0;border-left:3px solid #b2cce6;padding-left:15px;color:#78869a}.rich-body table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1em 0;overflow:hidden}.rich-body th,.rich-body td{border:1px solid #dfe5ed;padding:7px 10px;min-width:1em}.rich-body th{background:#f6f8fb;font-weight:600}.rich-body hr{border:0;border-top:1px solid #e5e9f0;margin:1.5em 0}.rich-body ul,.rich-body ol{padding-left:1.6em}.note-preview.rich-body{font-size:12px;line-height:1.65;color:var(--ink)}.note-preview>:first-child{margin-top:0}.note-preview img{max-height:100px;width:auto;object-fit:contain}.note-preview pre,.note-preview th,.note-preview td{padding:4px 7px}.note-preview a{color:var(--primaryColor);text-decoration:underline}.editor-status{display:flex;gap:7px;align-items:center;margin:12px 0;color:var(--muted);font-size:11px}.discard-bar{display:flex;gap:15px;flex-wrap:wrap;align-items:center;padding:13px;background:#fff7e5;border-radius:8px;font-size:12px;margin-top:15px;color:#826730}.note-view-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:19px 24px}.saved-body{margin:0 24px 24px;padding:23px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#283247;min-height:220px}.plain-body{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 Consolas,Microsoft YaHei,monospace;padding:23px;margin:0 24px 24px;border:1px solid var(--line);border-radius:10px;min-height:200px;background:var(--canvas);tab-size:4}.confirm-description{line-height:1.9;font-size:13px;color:var(--muted)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#27364bee;color:#fff;border:1px solid #ffffff12;box-shadow:0 6px 25px #14284422;border-radius:10px;padding:13px 19px;font-size:12px;z-index:2000;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 30px);line-height:1.6;backdrop-filter:blur(10px)}.drop-overlay{position:fixed;inset:12px;z-index:60;border:2px dashed var(--primaryColor);border-radius:20px;background:#eff7fff0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:var(--primaryColor)}.drop-overlay h2{font-size:24px;margin:18px 0 12px}.drop-overlay p{font-size:14px;color:#7299be}.boot-screen{height:100vh;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;color:var(--muted);font-size:12px}.login-page{min-height:100dvh;padding:35px 48px;display:flex;flex-direction:column;background:var(--canvas)}.login-brand{font-size:20px}.login-card{margin:auto;max-width:380px;width:100%;padding:32px;background:var(--surfacePrimary);border:1px solid var(--line);border-radius:14px;text-align:left}.login-card h1{font-size:23px;font-weight:600;margin:0 0 8px}.login-card>p{font-size:12px;color:var(--muted);line-height:1.8}.login-card form{margin-top:30px;text-align:left}.login-submit{width:100%;justify-content:center;margin-top:23px;min-height:45px;padding:12px 17px}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;border-bottom:1px solid var(--line);background:var(--surfacePrimary)}.public-header>.muted{font-size:11px}.public-main{padding:55px 24px;width:100%;max-width:890px;margin:0 auto;flex:1}.public-intro{text-align:center;margin-bottom:35px}.public-intro h1{font-size:28px;font-weight:600;margin:13px 0 12px;overflow-wrap:anywhere}.public-intro p{font-size:12px;color:var(--muted)}.public-note,.public-files{border:1px solid var(--line);border-radius:16px;background:var(--surfacePrimary);overflow:hidden}.public-note .saved-body{border:0;margin:0;padding:30px}.public-note .plain-body{margin:0;border:0;border-radius:0;min-height:280px;padding:30px}.public-file-toolbar{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.public-file{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.public-file:last-child{border-bottom:0}.public-file>.file-name{flex:1;display:flex;justify-content:flex-start;gap:8px}.public-file>.muted{font-size:11px}.public-footer{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:10px;padding:25px}.unlock-form{max-width:380px;margin:0 auto;border:1px solid var(--line);background:var(--surfacePrimary);border-radius:16px;padding:30px;display:flex;gap:20px;align-items:center;flex-direction:column}.unlock-form h2{font-size:18px;font-weight:550}.unlock-form .button{width:100%}.unlock-form .empty-icon{height:65px;width:65px;border-radius:20px}.mobile-menu,.nav-backdrop{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader{display:inline-flex;position:relative;width:25px;height:25px}.loader__comet{position:absolute;inset:0;border:2px solid #2587e828;border-top-color:var(--spinner-color, var(--primaryColor));border-radius:50%;animation:spin var(--animation-duration, 1s) linear infinite}.loader--small{width:20px;height:20px}@media(min-width:1600px){.workspace{padding:48px 60px}.topbar{padding:0 60px}.file-row{min-height:84px}}@media(max-width:1200px){.sidebar{width:214px;padding-left:14px;padding-right:14px}.main-shell{margin-left:214px}.workspace{padding:32px 28px}.topbar{padding:0 28px}.file-table-head,.file-row{grid-template-columns:18px minmax(90px,1fr) 75px 110px 100px;gap:10px;padding-left:16px;padding-right:16px}.file-date{font-size:10px}.heading-actions{gap:6px}.heading-actions .button{font-size:12px;padding:10px 12px}.upload-menu{--upload-inset: 12px;font-size:12px}.file-identity{gap:10px}}@media(max-width:980px){.date-col{display:none!important}.file-table-head,.file-row{grid-template-columns:18px minmax(90px,1fr) 75px 100px}.section-heading{align-items:flex-start}.section-heading h1{font-size:23px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}}@media(max-width:740px){.sidebar{transform:translate(-100%);transition:transform .2s;width:244px;padding-top:26px}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;inset:0;background:#14284455;z-index:25;backdrop-filter:blur(3px)}.main-shell{margin-left:0}.topbar{height:65px;padding:0 17px;gap:12px}.mobile-menu{display:flex}.topbar-actions{gap:7px}.topbar-divider{display:none}.search-box{flex:1;width:auto;gap:7px;min-height:38px;padding:0 9px}.search-box kbd{display:none}.search-box input{font-size:12px}.heading-actions .upload-menu .button{width:52px;gap:4px;justify-content:center}.upload-options{left:auto;right:0;min-width:150px}.upload-options button{padding:12px}.workspace{padding:27px 18px}.section-heading{margin-bottom:25px;gap:10px}.section-heading h1{font-size:23px;margin:7px 0}.section-heading p{font-size:11px;max-width:245px}.heading-actions{flex-direction:row;padding-top:4px}.heading-actions .button{width:37px;height:37px;padding:0;min-height:37px}.heading-actions .button span{display:none}.file-toolbar{margin-bottom:13px;gap:7px}.file-toolbar>.button-row{gap:3px}.breadcrumbs{gap:4px}.breadcrumbs button{font-size:11px;gap:4px}.breadcrumbs button>svg{display:none}.file-table-head{height:39px}.file-table-head,.file-row{grid-template-columns:16px minmax(0,1fr) 90px;gap:10px;padding:0 13px}.file-row{min-height:78px}.size-col{display:none!important}.file-icon{width:37px;height:41px;border-radius:8px}.file-name{font-size:12px}.file-row .file-identity{gap:9px}.row-actions .icon-button{width:28px}.file-row .file-text{overflow:hidden}.selection-bar{gap:13px;padding:8px 10px;font-size:11px}.selection-bar .text-button{font-size:11px}.grid-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-view .file-row{padding:16px 13px 9px;min-height:165px}.grid-view .file-icon{width:44px;height:47px}.grid-view .file-name{font-size:11px}.notes-grid{grid-template-columns:1fr;gap:14px}.note-card-main{min-height:165px;padding:21px 21px 12px}.note-card footer{padding:8px 0 10px}.share-item{gap:10px;padding:16px 12px;flex-wrap:wrap}.share-item .feature-icon{height:37px;width:37px;border-radius:9px}.share-info h3{font-size:12px}.share-info p{font-size:9px}.share-item .status-pill{display:none}.share-item .icon-button{width:29px}.transfer-item{gap:11px;padding:18px 12px}.transfer-item>.file-icon{display:none}.transfer-item .button-row{gap:1px}.transfer-name{gap:8px}.transfer-state{font-size:9px}.transfer-name strong{font-size:11px}.transfer-item .icon-button{width:28px}.transfer-details>p{font-size:9px}.empty-state{min-height:330px;padding:30px 18px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.section-heading>.button{font-size:12px;padding:9px 12px}.modal{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:15px}.modal-header{padding:15px 17px}.modal-header h2{font-size:15px}.form-body{padding:20px 18px 0}.note-form,.folder-picker{padding:20px 17px 0}.rich-editor{font-size:15px;min-height:270px;padding:14px}.modal-footer{margin-top:17px;padding:16px 0;gap:10px}.modal>.modal-footer{margin:0 17px;font-size:9px}.note-view-toolbar{padding:14px 17px;flex-wrap:wrap;gap:10px}.note-view-toolbar .button{font-size:11px;padding:7px 10px;min-height:34px;gap:5px}.note-view-toolbar .button-row{gap:5px}.saved-body{margin:0 17px 17px;padding:16px;font-size:14px}.plain-body{padding:16px;margin:0 17px 17px;font-size:13px}.login-page{padding:25px 22px}.login-brand{font-size:19px}.login-card{padding:32px 25px;max-width:365px}.login-card h1{font-size:23px}.login-card form{margin-top:26px}.login-card .field input,.unlock-form input,.input{font-size:16px}.public-header{padding:0 20px;height:72px}.public-header .brand{font-size:18px}.public-header>.muted{display:none}.public-main{padding:36px 16px}.public-intro h1{font-size:24px}.public-file{padding:15px 13px;gap:10px}.public-file>.muted{display:none}.desktop-label{display:none}.public-file .button{padding:8px;min-height:34px}.public-note .saved-body,.public-note .plain-body{padding:20px}.toast{bottom:24px;font-size:11px;min-width:150px}.menu-panel{min-width:150px}.menu-panel button{padding:13px 10px}.drop-overlay{inset:7px}.drop-overlay h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(max-width:740px){.sidebar{visibility:hidden;transition:transform .2s,visibility .2s}.sidebar.open{visibility:visible}}