*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0;max-width:none!important;text-align:initial!important;border:0!important;outline:0!important}#root{isolation:isolate}:root{--edge-gap:clamp(10px, 1vw, 18px);--topbar-height:72px;--sidebar-width:clamp(210px, 13vw, 248px);--layout-gap:clamp(14px, 1.2vw, 22px);--workspace-max:1800px;--bg-void:#080305;--text-main:#fff4f5;--text-soft:#d9b9c0;--text-muted:#a77f88;--wine-700:#5a101d;--wine-600:#7e1729;--wine-500:#a51f35;--blood-500:#d5233d;--blood-400:#ff3b57;--gold-300:#ffd08a;--shadow-heavy:0 28px 90px #00000085;--shadow-red:0 18px 50px #a51f3538;color:var(--text-main);background:var(--bg-void);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 18% 4%,#a51f3547,#0000 34rem),radial-gradient(circle at 92% 8%,#ff3b5729,#0000 32rem),radial-gradient(circle at 50% 105%,#5a101d47,#0000 42rem),linear-gradient(135deg,#080305 0%,#13070b 42%,#060204 100%);overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff09,#0000 18rem),linear-gradient(#0000 0%,#00000047 100%);position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ff3b5747}.app-screen{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{width:min(100%,460px);box-shadow:var(--shadow-heavy), var(--shadow-red);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 0 0,#ff3b5729,#0000 20rem),linear-gradient(#ffffff1b,#ffffff0b),#100508e6;border:0;border-radius:32px;padding:30px}.auth-brand{align-items:center;gap:16px;margin-bottom:26px;display:flex}.app-logo{color:#fff;background:radial-gradient(circle at 32% 18%,#ffffff6b,#0000 28%),linear-gradient(135deg,#ff4d63,#7e1729 58%,#2a070d);border-radius:20px;flex:none;place-items:center;width:58px;height:58px;font-size:24px;display:grid;box-shadow:0 18px 42px #a51f356b,inset 0 1px #ffffff47}.auth-brand h1{letter-spacing:-.07em;text-shadow:0 0 32px #ff3b572e;margin:0;font-size:36px}.auth-brand p{color:var(--text-soft);margin:5px 0 0;line-height:1.45}.auth-tabs{background:#ffffff12;border-radius:18px;gap:8px;margin-bottom:18px;padding:6px;display:flex}.auth-tabs button{color:var(--text-soft);background:0 0;border:0;border-radius:13px;flex:1;padding:11px 14px;font-weight:850}.auth-tabs button.active{color:#fff;background:linear-gradient(135deg,#ff3b572e,#ffffff14)}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--text-soft);gap:8px;font-weight:700;display:grid}.auth-form input,.notes-form input,.folder-note-form input,.topbar-folder-form input,.notes-form textarea,.folder-note-form textarea,.attach-note-row select,.notes-form select,.file-toolbar select{color:#fff;background:#00000057;border:0;border-radius:16px;outline:none;width:100%;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff09}.auth-form input,.notes-form input,.folder-note-form input,.topbar-folder-form input,.attach-note-row select,.notes-form select,.file-toolbar select{min-height:48px;padding:0 14px}.auth-form input::placeholder,.notes-form input::placeholder,.folder-note-form input::placeholder,.topbar-folder-form input::placeholder,.notes-form textarea::placeholder,.folder-note-form textarea::placeholder{color:#d9b9c094}.auth-form input:focus,.notes-form input:focus,.folder-note-form input:focus,.topbar-folder-form input:focus,.notes-form textarea:focus,.folder-note-form textarea:focus,.attach-note-row select:focus,.notes-form select:focus,.file-toolbar select:focus{box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ff3b5759,0 0 0 5px #ff3b5714}.notes-form textarea,.folder-note-form textarea{resize:vertical;min-height:180px;padding:14px}.auth-submit{width:100%;margin-top:6px}.app-shell{min-height:100vh;padding:calc(var(--topbar-height) + var(--edge-gap) + var(--layout-gap)) var(--edge-gap) var(--edge-gap) calc(var(--sidebar-width) + var(--edge-gap) + var(--layout-gap))}.sidebar{left:var(--edge-gap);top:calc(var(--topbar-height) + var(--edge-gap) + var(--layout-gap));bottom:var(--edge-gap);z-index:40;width:var(--sidebar-width);box-shadow:var(--shadow-heavy);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 0 0,#ff3b571c,#0000 16rem),linear-gradient(#1b080dd6,#0a0306b8);border:0;border-radius:28px;flex-direction:column;gap:26px;padding:18px;display:flex;position:fixed}.topbar{left:var(--edge-gap);right:var(--edge-gap);top:var(--edge-gap);z-index:50;min-height:var(--topbar-height);grid-template-columns:var(--sidebar-width) minmax(360px, 1fr) auto;align-items:center;gap:var(--layout-gap);box-shadow:var(--shadow-heavy);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 46% -40%,#ff3b572b,#0000 30rem),linear-gradient(#19080df5,#080305e6);border:0;border-radius:24px;padding:10px 12px;display:grid;position:fixed}.topbar-left{min-width:0;padding-left:4px}.topbar-left strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:16px;display:block;overflow:hidden}.topbar-search-wrap{min-width:0;position:relative}.topbar-search-wrap input{color:#fff;background:radial-gradient(circle at 0 0,#ff3b571f,#0000 18rem),#0000004d;border:0;border-radius:18px;outline:none;width:100%;min-height:50px;padding:0 48px;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff09}.topbar-search-wrap input:focus{box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ff3b5761,0 0 0 5px #ff3b5714}.topbar-search-icon{z-index:2;color:var(--text-muted);position:absolute;top:50%;left:17px;transform:translateY(-50%)}.search-clear-button{z-index:2;color:#ffdce2;background:#ffffff13;border:0;border-radius:11px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear-button:hover{background:#ff3b572e}.search-results-panel{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#ff3b5729,#0000 18rem),#0c0407f5;border-radius:22px;gap:6px;max-height:min(440px,70vh);padding:9px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:auto;box-shadow:0 24px 80px #00000094,0 0 0 1px #ffffff0e}.search-result-row{width:100%;color:var(--text-main);text-align:left;background:0 0;border:0;border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.search-result-row:hover{background:#ff3b572e}.search-result-icon{color:#ffdce2;background:#ffffff13;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.search-result-text{min-width:0}.search-result-text strong,.search-result-text small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.search-result-text small{color:var(--text-muted);margin-top:3px;font-size:12px}.search-empty-row{color:var(--text-muted);padding:14px}.sidebar-section{gap:10px;display:grid}.sidebar-label,.eyebrow,.user-text small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:950;display:block}.nav-button,.favorite-button{width:100%;min-width:0;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:16px;align-items:center;gap:11px;padding:12px 13px;font-weight:850;transition:background .15s,color .15s,transform .15s;display:flex}.nav-button:hover,.nav-button.active,.favorite-button:hover{color:#fff;background:linear-gradient(135deg,#ff3b5729,#ffffff0e);transform:translate(2px)}.nav-button.active{box-shadow:inset 3px 0 #ff3b57d1}.favorite-list{gap:6px;display:grid}.favorite-button span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-empty{color:var(--text-muted);background:#ffffff0b;border:0;border-radius:16px;margin:0;padding:12px;font-size:13px;line-height:1.45}.folder-icon-trigger{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff1f,#0000 40%),#00000057;border:0;border-radius:16px;outline:none;min-width:0;min-height:48px;padding:0 14px;font-size:22px;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ffffff09}.primary-button,.topbar-action-button,.icon-button,.small-icon-button,.folder-icon-trigger,.ghost-note-button,.toolbar-button{color:#fff;place-items:center;font-weight:900;display:inline-grid}.primary-button,.topbar-action-button{background:radial-gradient(circle at 20% 10%,#ffffff47,#0000 30%),linear-gradient(135deg,#ff3b57 0%,#a51f35 52%,#5a101d 100%);border:0;border-radius:16px;padding:12px 15px;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 16px 34px #a51f3547,inset 0 1px #ffffff3d}.primary-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button:hover,.topbar-action-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 20px 42px #d5233d52,inset 0 1px #ffffff47}.upload-button input,.upload-toolbar-button input{display:none}.upload-button.is-disabled,.upload-toolbar-button.is-disabled{opacity:.45;pointer-events:none}.topbar-user{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.user-chip{background:linear-gradient(135deg,#ffffff14,#ffffff09);border:0;border-radius:999px;align-items:center;gap:10px;max-width:270px;padding:7px 10px 7px 7px;display:inline-flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#ff3b57,#7e1729);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:950;display:grid;box-shadow:0 0 24px #ff3b5747}.user-text{min-width:0}.user-text strong{max-width:180px;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.icon-button,.small-icon-button{background:#ffffff13;border:0;transition:background .15s,transform .15s,color .15s}.icon-button{border-radius:16px;flex:none;width:44px;height:44px;font-size:17px}.small-icon-button{border-radius:13px;width:36px;height:36px;font-size:14px}.icon-button:hover,.small-icon-button:hover{background:#ff3b572e;transform:translateY(-1px)}.small-icon-button.danger:hover,.toolbar-button.danger:hover{color:#ffd6dc;background:#ff3b573d}.small-icon-button.is-favorite{color:var(--gold-300);background:#ffd08a1f}.workspace{width:min(100%, var(--workspace-max));border:0;margin:0 auto}.workspace-header{box-shadow:var(--shadow-heavy);background:radial-gradient(circle at 8% 0,#ff3b572e,#0000 30rem),radial-gradient(circle at 100% 15%,#ffd08a0f,#0000 22rem),linear-gradient(#ffffff13,#ffffff07);border:0;border-radius:32px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;padding:clamp(18px,1.6vw,28px);display:flex}.workspace-title-row{align-items:center;gap:16px;min-width:0;display:flex}.current-folder-icon{background:radial-gradient(circle at 30% 18%,#ffffff2e,#0000 36%),linear-gradient(135deg,#ff3b5738,#7e172942);border:0;border-radius:28px;flex:none;place-items:center;width:clamp(58px,4.5vw,76px);height:clamp(58px,4.5vw,76px);font-size:clamp(28px,2.2vw,36px);display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000038}.current-folder-edit,.folder-icon-edit,.note-icon-edit{color:#fff;opacity:0;background:linear-gradient(135deg,#ff3b57,#8f1a2e);border-radius:10px;place-items:center;width:26px;height:26px;font-size:11px;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:-5px;right:-5px;transform:translateY(4px)scale(.94);box-shadow:0 10px 24px #a51f3559}.current-folder-icon:hover .current-folder-edit,.folder-icon-wrap:hover .folder-icon-edit,.note-icon-button:hover .note-icon-edit{opacity:1;transform:translateY(0)scale(1)}.folder-icon-edit{border:0}.workspace-header h1{letter-spacing:-.085em;text-shadow:0 0 28px #ff3b5724,0 2px #0000004d;margin:0;font-size:clamp(38px,4.8vw,68px);line-height:.92}.workspace-subtitle{color:var(--text-muted);margin:10px 0 0}.folder-stats{text-align:center;background:linear-gradient(#ffffff17,#ffffff0a);border:0;border-radius:22px;min-width:92px;padding:14px}.folder-stats strong{font-size:32px;display:block}.folder-stats span{color:var(--text-muted);font-size:13px;font-weight:850}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.breadcrumbs button{color:#ffc5cd;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-weight:800;display:inline-flex}.breadcrumbs button:hover{color:#fff;text-decoration:underline}.breadcrumb-item{align-items:center;gap:8px;display:inline-flex}.upload-status{color:#ffdce2;background:#a51f3529;border:0;border-radius:18px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.file-space-layout{gap:var(--layout-gap);grid-template-columns:minmax(0,1fr) clamp(300px,21vw,380px);align-items:start;display:grid}.file-browser{min-height:calc(100vh - 245px);box-shadow:var(--shadow-heavy);background:radial-gradient(circle at 0 0,#ff3b5714,#0000 28rem),linear-gradient(#ffffff0d,#ffffff06),#ffffff05;border:0;border-radius:32px;padding:clamp(12px,1vw,18px);transition:background .16s,box-shadow .16s;position:relative;overflow:hidden}.file-browser.is-dragging-over{background:radial-gradient(circle,#ff3b572e,#0000 34rem),#7e17291f}.file-toolbar{z-index:4;background:radial-gradient(circle at 0 0,#ff3b571c,#0000 20rem),#00000038;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff09}.file-toolbar.is-selection-mode{background:radial-gradient(circle at 0 0,#ff3b5733,#0000 20rem),#0000004d}.file-toolbar-left,.file-toolbar-right{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.file-toolbar-right{justify-content:flex-end}.toolbar-button{color:#fff;white-space:nowrap;background:#ffffff13;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 11px;font-size:13px;transition:background .15s,transform .15s;display:inline-flex}.toolbar-button:hover{background:#ff3b572e;transform:translateY(-1px)}.toolbar-button.square{min-width:66px}.primary-toolbar-button{background:radial-gradient(circle at 20% 10%,#fff3,#0000 30%),linear-gradient(135deg,#ff3b57d9,#7e1729d9)}.toolbar-hint{color:var(--text-muted);font-size:13px;font-weight:750}.selection-count{color:#ffdce2;background:#ff3b572e;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:900;display:inline-flex}.drop-overlay{z-index:5;color:#fff;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0306db;border:0;border-radius:24px;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:12px}.drop-overlay svg{color:var(--blood-400);font-size:34px}.drop-overlay span{color:var(--text-soft)}.empty-state{min-height:300px;color:var(--text-muted);text-align:center;border:0;border-radius:24px;align-content:center;place-items:center;gap:9px;padding:44px;display:grid}.empty-state.compact{min-height:220px}.empty-state svg{color:var(--blood-400);font-size:42px}.empty-state strong{color:#fff;font-size:20px}.empty-state span{max-width:420px;line-height:1.5}.item-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(205px,14vw,265px),1fr));gap:clamp(10px,1vw,16px);display:grid}.item-card{background:radial-gradient(circle at 0 0,#ff3b5713,#0000 15rem),linear-gradient(#ffffff13,#ffffff08),#ffffff07;border:0;border-radius:24px;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:330px;padding:12px;transition:transform .16s,background .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.item-card:hover{background:radial-gradient(circle at 0 0,#ff3b5729,#0000 75%),#fff1;transform:translateY(-3px);box-shadow:0 18px 44px #0000003d,0 0 0 1px #ff3b5712}.item-card.is-selected{box-shadow:0 18px 44px #0000003d,0 0 0 2px #ff3b57c7,0 0 36px #ff3b572e}.item-card.is-highlighted{animation:2.8s both item-highlight}.selection-badge{z-index:4;color:#fff;background:#ff3b5733;border:0;border-radius:13px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 10px 24px #00000042,0 0 0 1px #ffffff12}.item-card.is-selected .selection-badge{background:linear-gradient(135deg,#ff3b57,#8f1a2e)}.item-main-button{width:100%;min-height:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-rows:clamp(130px,10vw,158px) auto;gap:11px;padding:0;display:grid;overflow:visible}.item-preview{background:radial-gradient(circle,#ffffff0e,#0000 72%),linear-gradient(135deg,#ffffff13,#ffffff06),#0000003d;border:0;border-radius:19px;place-items:center;width:100%;height:clamp(130px,10vw,158px);display:grid;position:relative;overflow:hidden}.preview-media{object-fit:cover;filter:contrast(1.04)saturate(.94);width:100%;height:100%}.video-preview-wrap{width:100%;height:100%;position:relative}.video-play-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080305d1;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;display:grid;position:absolute;bottom:10px;right:10px}.preview-icon{background:#ffffff14;border:0;border-radius:28px;place-items:center;width:78px;height:78px;font-size:38px;display:grid;position:relative}.preview-folder{background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 35%),linear-gradient(135deg,#ff3b5738,#7e17293d)}.preview-file{color:#ffc5cd}.item-meta{min-height:0;overflow:visible}.item-card strong{color:#fff;word-break:break-word;overflow-wrap:anywhere;min-height:auto;max-height:none;line-height:1.25;display:block;overflow:visible}.item-card p{color:var(--text-muted);overflow-wrap:anywhere;margin:7px 0 0;font-size:13px;line-height:1.35}.open-hint{color:#ffdce2;background:#ff3b5724;border-radius:999px;align-items:center;gap:6px;margin-top:9px;padding:6px 9px;font-size:12px;font-weight:850;display:inline-flex}.item-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.folder-notes-panel,.notes-editor-panel,.notes-list-panel{box-shadow:var(--shadow-heavy);background:radial-gradient(circle at 0 0,#ff3b5717,#0000 20rem),linear-gradient(#ffffff0f,#ffffff07),#ffffff05;border:0;border-radius:32px}.folder-notes-panel{top:calc(var(--topbar-height) + var(--edge-gap) + var(--layout-gap));max-height:calc(100vh - var(--topbar-height) - var(--edge-gap) * 2 - var(--layout-gap));padding:16px;position:sticky;overflow:auto}.folder-notes-panel::-webkit-scrollbar{width:10px;height:10px}.emoji-panel::-webkit-scrollbar{width:10px;height:10px}.note-modal::-webkit-scrollbar{width:10px;height:10px}.file-viewer::-webkit-scrollbar{width:10px;height:10px}.text-viewer-stage pre::-webkit-scrollbar{width:10px;height:10px}.mention-file-list::-webkit-scrollbar{width:10px;height:10px}.search-results-panel::-webkit-scrollbar{width:10px;height:10px}.folder-notes-panel::-webkit-scrollbar-thumb{background:#ff3b5742;border-radius:999px}.emoji-panel::-webkit-scrollbar-thumb{background:#ff3b5742;border-radius:999px}.note-modal::-webkit-scrollbar-thumb{background:#ff3b5742;border-radius:999px}.file-viewer::-webkit-scrollbar-thumb{background:#ff3b5742;border-radius:999px}.text-viewer-stage pre::-webkit-scrollbar-thumb{background:#ff3b5742;border-radius:999px}.mention-file-list::-webkit-scrollbar-thumb{background:#ff3b5742;border-radius:999px}.search-results-panel::-webkit-scrollbar-thumb{background:#ff3b5742;border-radius:999px}.folder-notes-header{margin-bottom:14px}.folder-notes-header strong{margin-top:3px;font-size:22px;display:block}.folder-note-list,.notes-list{gap:10px;margin-bottom:14px;display:grid}.note-create-button{width:100%;margin-bottom:14px}.attach-note-box{background:#ffffff0b;border-radius:20px;gap:8px;padding:12px;display:grid}.attach-note-box>span{color:var(--text-soft);font-size:13px;font-weight:850}.attach-note-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.notes-panel-empty{min-height:260px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.notes-panel-empty svg{color:var(--blood-400);font-size:36px}.notes-panel-empty strong{color:#fff;font-size:18px}.notes-panel-empty span{max-width:240px;line-height:1.45}.notes-workspace{gap:var(--layout-gap);grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:start;display:grid}.notes-editor-panel,.notes-list-panel{padding:18px}.notes-editor-panel{top:calc(var(--topbar-height) + var(--edge-gap) + var(--layout-gap));position:sticky}.compact-note-panel{align-content:start;display:grid}.notes-editor-panel h2,.notes-list-panel h2{letter-spacing:-.05em;margin:6px 0 0;font-size:32px}.notes-editor-panel p{color:var(--text-muted);margin:10px 0 18px;line-height:1.5}.notes-list-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.notes-list-header strong{text-align:center;background:#ffffff12;border-radius:16px;min-width:48px;padding:10px}.note-card{background:linear-gradient(#ffffff0f,#ffffff09);border-radius:20px;padding:13px}.note-card-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.note-icon-button{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff29,#0000 35%),linear-gradient(135deg,#ff3b572e,#7e172933);border:0;border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid;position:relative}.note-icon-edit{border-radius:8px;width:20px;height:20px;font-size:9px}.note-card-header strong{color:#fff;min-height:0;max-height:none}.note-card p{color:#ebc7ce;white-space:pre-wrap;margin:10px 0;line-height:1.45}.note-card-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.ghost-note-button{color:var(--text-main);background:#ffffff13;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:inline-flex}.ghost-note-button:hover{background:#ff3b572b}.file-mention{color:#ffdce2;vertical-align:baseline;background:#ff3b572e;border:0;border-radius:999px;align-items:center;gap:5px;margin:0 3px;padding:3px 7px;font-size:12px;font-weight:850;display:inline-flex}.file-mention:hover{background:#ff3b5747}.note-modal-backdrop,.emoji-backdrop,.viewer-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000085;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.viewer-backdrop{z-index:110}.note-modal{background:radial-gradient(circle at 0 0,#ff3b5729,#0000 22rem),linear-gradient(#1f090ffc,#0b0407fc);border-radius:30px;width:min(100%,680px);max-height:min(780px,88vh);padding:20px;overflow:auto;box-shadow:0 34px 110px #0000009e}.folder-create-modal,.move-modal{width:min(100%,560px)}.note-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.note-modal-header strong{letter-spacing:-.04em;font-size:26px;display:block}.notes-form,.folder-note-form{gap:10px;display:grid}.note-input-row{grid-template-columns:54px minmax(0,1fr);gap:10px;display:grid}.note-textarea-wrap{position:relative}.mention-help{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.mention-help strong{color:#ffdce2}.mention-dropdown{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 0 0,#ff3b5724,#0000 16rem),#0c0407f5;border-radius:18px;gap:5px;max-height:220px;padding:8px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;overflow:auto;box-shadow:0 18px 54px #0000007a}.mention-dropdown>span{color:var(--text-muted);padding:9px;font-size:13px}.mention-dropdown button{color:var(--text-main);text-align:left;background:0 0;border:0;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.mention-dropdown button.active,.mention-dropdown button:hover{background:#ff3b572e}.mention-dropdown button small,.mention-dropdown button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.mention-dropdown button small{color:var(--text-muted);margin-top:2px;font-size:12px}.emoji-panel{background:radial-gradient(circle at 0 0,#ff3b5729,#0000 22rem),linear-gradient(#1f090ffc,#0b0407fc);border:0;border-radius:30px;width:min(100%,560px);max-height:min(720px,86vh);padding:18px;overflow:auto;box-shadow:0 34px 110px #0000009e}.emoji-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.emoji-panel-header strong{font-size:22px;display:block}.emoji-panel-header span{color:var(--text-muted);margin-top:4px;display:block}.emoji-panel .EmojiPickerReact{--epr-bg-color:#0e0508fa;--epr-category-label-bg-color:#0e0508fa;--epr-hover-bg-color:#ff3b5729;--epr-focus-bg-color:#a51f3533;box-shadow:none!important;border:0!important}.emoji-panel .epr-search-container input{color:#fff!important;background:#00000047!important;border:0!important}.file-viewer{background:radial-gradient(circle at 0 0,#ff3b5729,#0000 26rem),linear-gradient(#1f090ffc,#0b0407fc);border-radius:32px;width:min(100%,1180px);max-height:min(860px,90vh);padding:18px;overflow:auto;box-shadow:0 34px 120px #000000ad}.file-viewer-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.file-viewer-header strong{overflow-wrap:anywhere;margin-top:4px;font-size:24px;line-height:1.15;display:block}.viewer-actions{flex:none;gap:8px;display:flex}.image-viewer-stage{background:#00000047;border-radius:24px;place-items:center;min-height:360px;display:grid;overflow:hidden}.image-viewer-stage img,.image-viewer-stage video{object-fit:contain;max-width:100%;max-height:72vh}.text-viewer-stage{gap:14px;display:grid}.text-viewer-stage pre{color:#ffe9ed;white-space:pre-wrap;overflow-wrap:anywhere;background:#00000057;border-radius:22px;max-height:62vh;margin:0;padding:18px;line-height:1.55;overflow:auto}.transform-note-button{justify-self:end}.viewer-info,.viewer-error{background:#ffffff0e;border-radius:18px;margin:0;padding:18px}.viewer-error{color:#ffd6dc}.unsupported-viewer-stage{min-height:320px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.unsupported-viewer-stage svg{color:var(--blood-400);font-size:44px}.unsupported-viewer-stage strong{color:#fff;font-size:22px}.toast-stack{right:max(var(--edge-gap), 18px);bottom:max(var(--edge-gap), 18px);z-index:250;pointer-events:none;gap:12px;width:min(420px,100vw - 28px);display:grid;position:fixed}.toast-message{color:#fff4f5;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#ff3b5738,#0000 16rem),linear-gradient(#2a0c13fa,#0f0508fa);border-radius:20px;animation:.26s ease-out both toast-in,.28s ease-in 3.72s forwards toast-out;position:relative;overflow:hidden;box-shadow:0 22px 70px #0000007a,0 0 0 1px #ffffff0e,0 0 44px #a51f352e}.toast-content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 16px 16px;display:grid}.toast-content span{color:#ffe6ea;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:750;line-height:1.4}.toast-close{color:#ffdce2;background:#ffffff13;border:0;border-radius:10px;place-items:center;width:28px;height:28px;font-size:20px;font-weight:800;line-height:1;display:grid}.toast-close:hover{color:#fff;background:#ff3b5733}.toast-progress{transform-origin:0;background:linear-gradient(90deg,#ff3b57,#ffd08a);width:100%;height:3px;animation:4s linear forwards toast-progress;position:absolute;bottom:0;left:0;box-shadow:0 0 18px #ff3b5773}.toast-error{background:radial-gradient(circle at 0 0,#ff3b5752,#0000 16rem),linear-gradient(#480911fa,#120407fa)}.toast-success{background:radial-gradient(circle at 0 0,#ffd08a2e,#0000 16rem),linear-gradient(#2a0c13fa,#0f0508fa)}@keyframes toast-in{0%{opacity:0;transform:translate(28px)translateY(8px)scale(.98)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(18px)translateY(8px)scale(.98)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes item-highlight{0%{box-shadow:0 18px 44px #0000003d,0 0 #ff3b5700}18%{transform:translateY(-3px);box-shadow:0 18px 44px #0000003d,0 0 0 3px #ff3b57db,0 0 44px #ff3b576b}to{box-shadow:0 18px 44px #0000002e,0 0 0 1px #ff3b5712}}@media (width<=1500px){.file-space-layout{grid-template-columns:minmax(0,1fr) 320px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=1280px){:root{--sidebar-width:210px}.topbar{grid-template-columns:var(--sidebar-width) minmax(260px, 1fr) auto}.topbar-left{display:none}.file-space-layout,.notes-workspace{grid-template-columns:1fr}.folder-notes-panel,.notes-editor-panel{max-height:none;position:static}}@media (width<=980px){.app-shell{padding:calc(var(--topbar-height) + var(--edge-gap) + var(--layout-gap)) var(--edge-gap) var(--edge-gap)}.sidebar{display:none}.topbar{grid-template-columns:minmax(0,1fr) auto}.user-text{display:none}}@media (width<=760px){:root{--topbar-height:142px}.topbar{grid-template-columns:1fr auto;align-items:start}.topbar-search-wrap{order:2;grid-column:1/-1}.topbar-user{order:1}.workspace-header{display:grid}.workspace-title-row{align-items:flex-start}.item-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.file-toolbar{display:grid}.file-toolbar-left,.file-toolbar-right{justify-content:stretch}.toolbar-button,.file-toolbar select{flex:1}.note-modal-backdrop,.emoji-backdrop,.viewer-backdrop{padding:10px}.file-viewer,.note-modal{border-radius:24px}.toast-stack{width:auto;bottom:10px;left:10px;right:10px}}