:root{color:#1d1d1f;background:#f5f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:760px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:default}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh;color:#1d1d1f;background:linear-gradient(180deg,#ffffffd6,#f6f7f9f0),#f6f7f9}.sidebar{display:flex;min-height:0;flex-direction:column;gap:18px;padding:14px 14px 24px;border-right:1px solid rgba(60,60,67,.14);background:#f4f4f7c7;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);-webkit-app-region:drag}.window-drag-space{height:24px}.sidebar-title{padding:0 8px;color:#1d1d1f9e;font-size:13px;font-weight:700;letter-spacing:0}.sidebar-nav,.tag-list{display:flex;flex-direction:column;gap:5px}.sidebar-item,.tag-filter{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:7px;color:#1d1d1fbd;background:transparent;text-align:left;-webkit-app-region:no-drag}.tag-filter{grid-template-columns:minmax(0,1fr)}.sidebar-item span,.tag-filter span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item small{color:#1d1d1f70;font-size:12px}.sidebar-item:hover,.tag-filter:hover,.sidebar-item.active,.tag-filter.active{color:#111114;background:#00000012}.tag-section{min-height:0;flex:1;overflow:auto}.sidebar-footer{display:flex;flex-direction:column;gap:5px;margin-top:auto;-webkit-app-region:no-drag}.sidebar-action{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:7px;color:#1d1d1fbd;background:transparent;text-align:left}.sidebar-action:hover{color:#111114;background:#00000012}.sidebar-section-label{padding:8px 8px 7px;color:#1d1d1f75;font-size:12px;font-weight:700;text-transform:uppercase}.sidebar-empty{padding:9px 10px;color:#1d1d1f75;font-size:13px}.content{display:flex;min-width:0;max-height:100vh;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:24px 30px 18px;border-bottom:1px solid rgba(60,60,67,.1);-webkit-app-region:drag}.top-bar h1{margin:0;color:#1d1d1f;font-size:28px;font-weight:760;letter-spacing:0}.top-bar p{margin:3px 0 0;color:#1d1d1f80;font-size:13px}.top-bar-actions{display:flex;align-items:center;gap:10px;-webkit-app-region:no-drag}.layout-switcher{display:inline-flex;padding:3px;border:1px solid rgba(60,60,67,.12);border-radius:8px;background:#ffffffc7}.layout-switcher button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:6px;color:#1d1d1f94;background:transparent}.layout-switcher button:hover,.layout-switcher button.active{color:#0a84ff;background:#0a84ff1f}.missing-banner{margin:0 30px;padding:10px 12px;border:1px solid rgba(255,159,10,.28);border-radius:8px;color:#9a6400;background:#fff9e6eb;font-size:13px}.search-bar{display:grid;grid-template-columns:20px minmax(120px,280px) 28px;align-items:center;width:min(360px,46vw);height:38px;padding:0 7px 0 12px;border:1px solid rgba(60,60,67,.12);border-radius:8px;color:#3c3c438c;background:#ffffffc7;box-shadow:inset 0 1px #ffffffb3;-webkit-app-region:no-drag}.search-bar:focus-within{border-color:#007aff7a;box-shadow:0 0 0 3px #007aff21}.search-bar input{min-width:0;border:0;outline:0;color:#1d1d1f;background:transparent}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:24px 30px 36px;overflow:auto}.folder-card{display:flex;min-height:220px;flex-direction:column;gap:12px;padding:17px;border:1px solid rgba(60,60,67,.11);border-radius:8px;background:#ffffffe0;box-shadow:0 1px 1px #00000008,0 10px 26px #0000000f;outline:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.folder-card:hover,.folder-card:focus-visible{border-color:#007aff47;box-shadow:0 1px 1px #00000008,0 14px 34px #00000014;transform:translateY(-1px)}.folder-card.folder-missing,.folder-list-row.folder-missing,.folder-compact-tile.folder-missing{opacity:.72;border-color:#ff9f0a57}.missing-badge{padding:2px 7px;border-radius:999px;color:#9a6400;background:#ff9f0a29;font-size:11px;font-weight:700}.missing-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#ff9f0a}.folder-tags-empty{margin:0;color:#1d1d1f6b;font-size:12px}.tag-pill-readonly{padding-right:9px}.folder-card-header,.folder-actions,.folder-meta,.folder-tags,.tag-input{display:flex;align-items:center}.folder-card-header{justify-content:space-between;gap:12px}.folder-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;color:#0a84ff;background:#0a84ff1f}.folder-actions{gap:6px}.icon-button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:7px;color:#1d1d1f94;background:#7676801a}.icon-button:hover{color:#1d1d1f;background:#76768029}.icon-button.favorite{color:#ff9f0a;background:#ff9f0a21}.icon-button.danger:hover{color:#ff3b30;background:#ff3b301c}.icon-button.quiet{width:24px;height:24px;background:transparent}.folder-card h2{margin:0;overflow-wrap:anywhere;color:#1d1d1f;font-size:18px;line-height:1.2}.folder-path{display:-webkit-box;min-height:42px;margin:0;overflow:hidden;color:#1d1d1f8a;font-size:13px;line-height:1.55;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tag-editor{display:flex;flex-direction:column;gap:9px;margin-top:auto}.folder-tags{min-height:28px;flex-wrap:wrap;gap:6px}.tag-pill{display:inline-flex;align-items:center;max-width:100%;gap:4px;padding:5px 7px 5px 9px;border-radius:999px;color:#2f5f8f;background:#0a84ff1a;font-size:12px;font-weight:650}.tag-pill button{display:grid;width:16px;height:16px;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:50%;color:inherit;background:transparent}.tag-pill button:hover{background:#0a84ff24}.tag-input{height:32px;gap:5px;padding:3px 4px 3px 10px;border:1px solid rgba(60,60,67,.1);border-radius:7px;background:#f6f7f9db}.tag-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}.tag-input button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:6px;color:#1d1d1f94;background:transparent}.tag-input button:hover{color:#0a84ff;background:#0a84ff1a}.folder-meta{justify-content:space-between;gap:10px;color:#1d1d1f75;font-size:12px}.folder-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:grid;min-height:calc(100vh - 82px);place-content:center;padding:32px;color:#1d1d1f7a;text-align:center}.empty-title{color:#1d1d1fc7;font-size:20px;font-weight:720}.empty-state p{margin:8px 0 0;font-size:14px}.drop-overlay{position:fixed;top:18px;right:18px;bottom:18px;left:18px;z-index:20;display:grid;place-items:center;border:2px dashed rgba(0,122,255,.42);border-radius:14px;color:#0a84ff;background:#f5faffc7;font-size:22px;font-weight:760;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.notice{position:fixed;right:22px;bottom:22px;z-index:30;max-width:min(420px,calc(100vw - 44px));padding:11px 14px;border:1px solid rgba(60,60,67,.12);border-radius:8px;color:#1d1d1f;background:#ffffffeb;box-shadow:0 12px 30px #00000029;font-size:13px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notice-error{color:#a01812}.folder-list{display:flex;flex-direction:column;gap:8px;padding:18px 30px 36px;overflow:auto}.folder-list-row{display:grid;grid-template-columns:34px minmax(160px,1.2fr) minmax(120px,1fr) auto auto;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border:1px solid rgba(60,60,67,.11);border-radius:8px;background:#ffffffe0;outline:none}.folder-list-row:hover,.folder-list-row:focus-visible{border-color:#007aff47;background:#fffffff5}.folder-list-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#0a84ff;background:#0a84ff1f}.folder-list-main{display:flex;min-width:0;flex-direction:column;gap:2px}.folder-list-title{display:flex;align-items:center;gap:8px}.folder-list-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-list-path{overflow:hidden;color:#1d1d1f8a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.folder-list-tags{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.folder-list-meta{display:flex;align-items:center;gap:10px;color:#1d1d1f75;font-size:12px;white-space:nowrap}.folder-list-meta .favorite-star{color:#ff9f0a}.folder-list-actions{display:flex;gap:6px}.folder-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;padding:24px 30px 36px;overflow:auto}.folder-compact-tile{position:relative;display:flex;min-height:96px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px solid rgba(60,60,67,.11);border-radius:8px;color:#1d1d1f;background:#ffffffe0}.folder-compact-tile:hover{border-color:#007aff47;background:#fffffff5}.folder-compact-tile span{max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.compact-favorite{position:absolute;top:8px;left:8px;color:#ff9f0a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0f0f1247;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setup-panel,.confirm-dialog{width:min(520px,100%);padding:22px;border:1px solid rgba(60,60,67,.12);border-radius:12px;background:#fffffff5;box-shadow:0 24px 60px #0000002e}.setup-panel h2,.confirm-dialog h2{margin:0 0 16px;font-size:20px}.confirm-dialog p{margin:0 0 18px;color:#1d1d1fb8;line-height:1.5}.setup-section{margin-bottom:16px}.setup-primary{padding-bottom:14px;border-bottom:1px solid rgba(60,60,67,.1)}.setup-label{display:block;margin-bottom:4px;color:#1d1d1f;font-size:13px;font-weight:700}.setup-hint,.setup-path{margin:0 0 10px;color:#1d1d1f8a;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.setup-checkbox,.setup-field{display:flex;flex-direction:column;gap:6px;margin-top:10px;color:#1d1d1fc7;font-size:13px}.setup-checkbox{flex-direction:row;align-items:center}.setup-field input[type=text]{height:36px;padding:0 10px;border:1px solid rgba(60,60,67,.12);border-radius:7px;background:#f6f7f9db}.setup-actions{display:flex;justify-content:flex-end;gap:8px}.button-primary,.button-secondary,.button-danger{min-height:34px;padding:0 14px;border:0;border-radius:7px;font-size:13px;font-weight:650}.button-primary{color:#fff;background:#0a84ff}.button-secondary{color:#1d1d1f;background:#7676801f}.button-danger{color:#fff;background:#ff3b30}.app-shell.panel-mode{grid-template-columns:minmax(0,1fr)}.app-shell.panel-mode .top-bar{min-height:64px;padding:16px 18px 12px}.app-shell.panel-mode .top-bar h1{font-size:20px}.app-shell.panel-mode .folder-compact-grid,.app-shell.panel-mode .folder-grid,.app-shell.panel-mode .folder-list{padding:12px 16px 20px}@media(max-width:900px){.app-shell{grid-template-columns:206px minmax(0,1fr)}.top-bar{align-items:stretch;flex-direction:column;min-height:132px;gap:14px}.search-bar{width:100%}.folder-grid{grid-template-columns:1fr;padding:18px}.folder-list{padding:18px}.folder-list-row{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon main" "tags tags" "meta actions"}.folder-list-icon{grid-area:icon}.folder-list-main{grid-area:main}.folder-list-tags{grid-area:tags}.folder-list-meta{grid-area:meta}.folder-list-actions{grid-area:actions;justify-self:end}}