:root{--paper: #f6f1e9;--paper-deep: #ebe3d7;--paper-line: rgba(122, 104, 82, .14);--ink: #24211d;--muted: rgba(36, 33, 29, .62);--faint: rgba(36, 33, 29, .38);--hairline: rgba(83, 69, 52, .14);--blue: #1f7df2;--blue-soft: rgba(31, 125, 242, .1);--surface: rgba(255, 253, 248, .76);--surface-strong: rgba(255, 255, 255, .9);--surface-soft: rgba(255, 255, 255, .46);--finder-sidebar: clamp(188px, 13vw, 232px);--drawer-width: min(50%, 620px);--folder-size: clamp(118px, 10vw, 190px);--shadow-window: 0 22px 58px rgba(61, 49, 34, .12), 0 7px 18px rgba(61, 49, 34, .07), inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-object: 0 12px 24px rgba(50, 40, 28, .12), 0 4px 8px rgba(50, 40, 28, .08);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden;background:radial-gradient(circle at 13% 8%,rgba(255,255,255,.9),transparent 24%),radial-gradient(circle at 83% 18%,rgba(202,184,152,.34),transparent 28%),radial-gradient(circle at 52% 92%,rgba(132,163,185,.22),transparent 34%),linear-gradient(135deg,#fbf8f2,#efe7dc 52%,#f8f2e7)}body:before,body:after{position:fixed;inset:0;z-index:-2;pointer-events:none;content:""}body:before{background:linear-gradient(90deg,var(--paper-line) 1px,transparent 1px),linear-gradient(180deg,var(--paper-line) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(circle at 50% 36%,#000 0%,rgba(0,0,0,.84) 56%,transparent 82%);mask-image:radial-gradient(circle at 50% 36%,#000 0%,rgba(0,0,0,.84) 56%,transparent 82%);opacity:.6}body:after{z-index:-1;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.56'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:multiply}button,input{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{position:relative;display:grid;width:100vw;height:100vh;min-height:100vh;place-items:center;overflow:hidden;padding:clamp(16px,4vw,58px)}.paper-light{position:fixed;z-index:-1;width:42vw;height:42vw;pointer-events:none;border-radius:999px;filter:blur(42px);opacity:.42}.paper-light-left{top:-18vw;left:-12vw;background:#fffffff5}.paper-light-right{right:-16vw;bottom:-20vw;background:#cab0846b}.finder-window{position:relative;display:flex;flex-direction:column;width:min(88vw,1820px);height:min(84vh,920px);min-height:min(600px,calc(100vh - 32px));margin:0 auto;overflow:hidden;border:1px solid rgba(88,78,64,.1);border-radius:24px;background:linear-gradient(180deg,#ffffffbd,#f9f5eeb3),#f8f4ecc7;box-shadow:var(--shadow-window);-webkit-backdrop-filter:blur(18px) saturate(1.02);backdrop-filter:blur(18px) saturate(1.02)}.finder-window:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(125deg,rgba(255,255,255,.34) 0%,transparent 26%,transparent 82%,rgba(106,82,50,.03) 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.18}.window-chrome{position:relative;z-index:3;display:grid;grid-template-columns:108px minmax(0,1fr) 180px;align-items:center;min-height:62px;padding:0 22px;border-bottom:1px solid rgba(86,68,48,.09);background:linear-gradient(180deg,#ffffff8f,#f6f1e980),#f9f5ee8f;box-shadow:inset 0 -1px #ffffff4d}.traffic-lights{display:flex;align-items:center;gap:10px}.traffic-lights span{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 1px 1px #ffffff8f,0 1px 2px #32281c33}.traffic-red{background:#f06458;border:1px solid #d84d43}.traffic-yellow{background:#f5bf3e;border:1px solid #d9a42b}.traffic-green{background:#4fc160;border:1px solid #33a348}.path-title{justify-self:center;color:#24211d5c;font-size:14px;font-weight:500;letter-spacing:0}.window-search{display:flex;align-items:center;justify-self:end;gap:8px;width:166px;height:30px;padding:0 11px;border:1px solid rgba(95,81,63,.06);border-radius:999px;color:var(--faint);background:linear-gradient(180deg,#ffffff94,#fffaf447),#ffffff24;box-shadow:inset 0 1px #ffffff70}.window-search input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.window-search input::placeholder{color:#24211d57}.column-top-nav{position:relative;z-index:2;display:none;grid-template-columns:minmax(0,1fr);min-height:70px;border-bottom:1px solid rgba(86,68,48,.08);background:linear-gradient(180deg,#ffffff4d,#f7f1e833),#f8f4ec29}.column-top-nav__item{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:0;color:#24211d94;background:transparent;font-size:clamp(16px,1.4vw,18px);font-weight:500;transition:color .18s ease,background .18s ease}.column-top-nav__item svg,.column-side-nav__item svg{color:var(--blue);stroke-width:1.9}.column-top-nav__item.active{color:var(--ink);background:linear-gradient(180deg,#f1e9dba8,#f4ede361),#f0e9dd8a;box-shadow:inset 0 1px #ffffff80,inset -1px 0 #8169480a,inset 1px 0 #8169480a}.finder-body{position:relative;z-index:2;display:grid;grid-template-columns:var(--finder-sidebar) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.column-side-nav{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:24px 12px 18px;border-right:1px solid rgba(86,68,48,.08);background:linear-gradient(180deg,#ffffff57,#ffffff1f),#f4efe76b}.column-side-nav__section{display:grid;gap:8px}.column-side-nav__label{display:block;margin:0 0 10px 12px;color:#24211d52;font-size:13px;font-weight:560}.column-side-nav__item{display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;border-radius:8px;color:#24211d99;background:transparent;text-align:left;transition:background .18s ease,color .18s ease}.column-side-nav__item.active{color:var(--ink);background:#97897424;font-weight:560}.folder-canvas{position:relative;min-width:0;min-height:0;overflow:hidden;padding:28px 28px 32px;transition:padding-right .28s cubic-bezier(.22,1,.36,1)}.folder-canvas.drawer-visible{padding-right:calc(var(--drawer-width) + 28px)}.canvas-head{display:none}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--folder-size));gap:34px 40px;max-width:none;align-items:start;align-content:start;justify-content:start}.folder-tile{width:var(--folder-size);min-width:0;padding:0;color:var(--ink);background:transparent;text-align:center;outline:none;transform:scale(1);transition:transform .2s cubic-bezier(.2,.8,.2,1);will-change:transform}.folder-tile:active{transform:scale(.985)}.folder-art{position:relative;display:block;width:var(--folder-size);height:calc(var(--folder-size) * .72);margin:0 auto 12px;filter:drop-shadow(0 4px 7px rgba(58,44,26,.1));perspective:600px}.folder-back,.folder-front,.folder-paper{position:absolute;display:block;border-radius:calc(var(--folder-size) * .09)}.folder-back{inset:0;top:calc(var(--folder-size) * .03);height:82%;clip-path:polygon(0 20%,31% 20%,38% 0,66% 0,72% 20%,100% 20%,100% 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--folder-color) 82%,white),color-mix(in srgb,var(--folder-color) 96%,#73614c)),var(--folder-color);box-shadow:inset 0 1px 1px #ffffff38,inset 0 -8px 12px #3226140f}.folder-paper{top:31%;right:8%;left:8%;height:42%;border-radius:calc(var(--folder-size) * .07) calc(var(--folder-size) * .07) 5px 5px;background:#ffffff38;box-shadow:inset 0 1px #ffffff5c}.folder-front{inset:auto 0 0;display:grid;height:66%;place-items:center;overflow:hidden;border:1px solid rgba(88,68,45,.08);background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--folder-color) 86%,white),color-mix(in srgb,var(--folder-color) 95%,#675640));box-shadow:inset 0 1px #ffffff52,inset 0 -10px 14px #3326180d,0 -1px #ffffff29;transform-origin:bottom center;transition:transform .22s cubic-bezier(.22,1,.36,1)}.folder-front:after{position:absolute;inset:0;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.15}.folder-front svg{position:relative;z-index:1;width:calc(var(--folder-size) * .34);height:calc(var(--folder-size) * .34);color:#493b2826;stroke-width:1.6}.folder-tile:hover .folder-front{transform:rotateX(-10deg)}.folder-tile.active .folder-art{filter:drop-shadow(0 6px 10px rgba(58,44,26,.15))}.folder-tile.active .folder-art:after{position:absolute;inset:calc(var(--folder-size) * -.05);border:1px solid rgba(73,62,47,.18);border-radius:calc(var(--folder-size) * .12);content:"";box-shadow:0 0 0 2px #ffffff6b}.folder-name{display:block;overflow-wrap:anywhere;color:#24211da3;font-size:clamp(13px,calc(var(--folder-size) * .118),18px);font-weight:500;line-height:1.35}.folder-meta{display:block;margin-top:6px;color:#24211d5c;font-size:clamp(10px,calc(var(--folder-size) * .085),13px)}.detail-drawer{position:absolute;top:0;right:0;bottom:0;z-index:8;display:flex;flex-direction:column;width:var(--drawer-width);min-width:360px;padding:30px 26px 26px;border-left:1px solid rgba(88,70,50,.1);background:linear-gradient(180deg,#ffffff9e,#faf7f1b8),#f8f4ede0;box-shadow:-12px 0 28px #5341290f,inset 1px 0 #ffffff7a;-webkit-backdrop-filter:blur(18px) saturate(1.02);backdrop-filter:blur(18px) saturate(1.02)}.detail-drawer--overlay{width:100%;min-width:0}.detail-drawer:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(125deg,rgba(255,255,255,.4),transparent 34%),url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");opacity:.16;mix-blend-mode:multiply}.drawer-top,.drawer-body,.drawer-content,.drawer-description,.section-tabs,.lane-switch,.drawer-list-head,.doc-list,.empty-docs{position:relative;z-index:1}.drawer-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.drawer-content{display:flex;flex:1;min-height:0;flex-direction:column}.drawer-top{display:flex;align-items:start;justify-content:flex-end;margin-bottom:8px}.drawer-top span{color:var(--faint);font-size:12px;font-weight:760;text-transform:uppercase;letter-spacing:.14em}.drawer-top h2{margin:5px 0 0;color:var(--ink);font-size:clamp(22px,3vw,42px);font-weight:760;line-height:1.12}.drawer-close{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.64);border-radius:50%;color:var(--muted);background:#ffffff6b;box-shadow:inset 0 1px #fffc;transition:transform .16s ease,color .16s ease,background .16s ease;cursor:pointer}.drawer-close:hover{color:var(--ink);background:#ffffffb8;transform:rotate(8deg)}.drawer-description{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.75}.section-tabs{display:flex;gap:8px;min-height:38px;margin-bottom:20px;padding-bottom:0;overflow-x:auto;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tabs button{flex:0 0 auto;min-height:32px;padding:0 12px 2px;border:1px solid transparent;border-radius:999px;color:var(--muted);background:transparent;font-size:13px;font-weight:620;transition:background .16s ease,color .16s ease}.section-tabs button.active{color:var(--ink);background:#ffffff7a;box-shadow:inset 0 -2px #24211d8f}.lane-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:6px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:#d5c7b01f;box-shadow:inset 0 1px #ffffff80}.lane-switch button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;border-radius:12px;color:var(--muted);background:transparent;font-size:14px;font-weight:620;transition:all .18s ease}.lane-switch button.active{color:var(--ink);background:linear-gradient(180deg,#fffc,#ffffff80);box-shadow:0 4px 12px #45341e14,inset 0 1px #fffc}.lane-switch em{color:var(--faint);font-size:12px;font-style:normal}.drawer-list-head{display:flex;align-items:center;justify-content:space-between;margin:2px 0 12px;color:var(--muted);font-size:13px}.drawer-list-head div{display:flex;align-items:center;gap:8px;color:var(--ink)}.doc-list{flex:1;min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.5);border-radius:20px;background:#ffffff3d;box-shadow:inset 0 1px #fff9,0 8px 20px #43331e0f}.doc-row{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:10px;align-items:center;min-height:82px;padding:13px 14px;border-bottom:1px solid rgba(76,60,40,.08);background:#ffffff2e;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.doc-row:hover{position:relative;z-index:2;background:#ffffffa6;box-shadow:0 8px 16px #372a1914;transform:translateY(-1px)}.doc-row:last-child{border-bottom:0}.doc-row.planned{opacity:.62}.doc-index{color:#24211d52;font-size:15px;font-weight:760;font-variant-numeric:tabular-nums}.doc-main{min-width:0}.doc-main strong{display:flex;align-items:flex-start;gap:8px;min-width:0;color:var(--ink);font-size:15px;font-weight:720;line-height:1.42}.doc-main strong>span:first-child{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.doc-main em{display:block;overflow:hidden;margin-top:5px;color:var(--faint);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.doc-arrow{display:grid;place-items:center;color:#24211d61;transition:color .16s ease,transform .16s ease}.doc-row:hover .doc-arrow{color:#24211da8;transform:translate(2px,-2px)}.access-badge,.planned-pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.62);background:#ffffff70;box-shadow:inset 0 1px #ffffffd1}.access-public{color:#4f8f68;background:#679a7729}.access-members{color:#5f7898;background:#687e9a29}.access-paid{color:#9b7a37;background:#ae8b402b}.planned-pill{padding:0 8px;color:#9a6a1b;font-size:12px;font-weight:680}.empty-docs{display:grid;min-height:220px;place-items:center;border:1px dashed rgba(80,61,36,.16);border-radius:20px;color:var(--faint);background:#ffffff38;font-size:14px}.window-status{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;min-height:42px;padding:0 18px;border-top:1px solid rgba(86,68,48,.1);color:var(--faint);font-size:12px;line-height:42px;background:#ffffff3d}.loading-state{display:grid;min-height:100vh;place-items:center;align-content:center;gap:14px;color:var(--muted)}.spin{animation:spin 1s linear infinite}.error-state strong{color:#9b3928;font-size:20px}.error-state code{padding:8px 11px;border:1px solid rgba(155,57,40,.2);border-radius:9px;color:#8d3024;background:#ffffff75;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1024px){.app-shell{width:100vw;height:100vh;padding:22px}.finder-window{width:min(96vw,1120px);height:min(88vh,980px);min-height:min(680px,calc(100vh - 44px));border:1px solid rgba(88,78,64,.1);border-radius:22px;box-shadow:var(--shadow-window)}.window-chrome{grid-template-columns:auto minmax(0,1fr) 144px;gap:10px;padding:0 18px}.path-title{justify-self:center}.window-search{grid-column:auto;justify-self:end;width:144px;margin-bottom:0}.column-top-nav{display:grid;min-height:62px;overflow-x:auto;grid-template-columns:minmax(220px,1fr);scrollbar-width:none}.column-top-nav::-webkit-scrollbar{display:none}.column-top-nav__item{justify-content:flex-start;padding:0 22px;font-size:15px}.finder-body{display:block;min-height:0}.folder-canvas,.folder-canvas.drawer-visible{--folder-size: clamp(112px, 16vw, 164px);padding:24px 22px 28px;overflow:auto}.folder-grid{grid-template-columns:repeat(auto-fill,var(--folder-size));gap:30px 28px;justify-content:start}.detail-drawer{width:100%;min-width:0;padding:24px 18px 22px;border-left:0;box-shadow:none}.window-status{display:block;height:auto;padding:10px 16px;line-height:1.6}}@media(max-width:680px){.app-shell{padding:12px}.finder-window{width:min(100vw - 24px,100%);height:min(92vh,920px);min-height:min(700px,calc(100vh - 24px));border-radius:18px}.window-chrome{grid-template-columns:auto minmax(0,1fr);padding:0 14px}.path-title{justify-self:start}.window-search{display:none}.column-top-nav{min-height:56px;grid-template-columns:minmax(180px,1fr)}.column-top-nav__item{gap:10px;padding:0 16px;font-size:14px}.folder-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px}.folder-tile{width:100%}.folder-art{width:100%;max-width:138px}.detail-drawer{padding:20px 14px 18px}.doc-row{grid-template-columns:34px minmax(0,1fr) 20px;min-height:68px;padding:10px 12px}.doc-main strong{font-size:14px}}