.notes-library-page{background:#050505;min-height:100vh;padding-top:86px;overflow:hidden}.notes-library-hero{background:radial-gradient(circle at 78% 10%,#d8b44a1c,#0000 30%),radial-gradient(circle at 14% 80%,#d8b44a09,#0000 32%),linear-gradient(135deg,#0c0b08,#050505 60%);border-bottom:1px solid #ffffff0b;position:relative;overflow:hidden}.notes-library-hero:after{content:"";pointer-events:none;border:1px solid #d8b44a12;border-radius:50%;width:420px;height:420px;position:absolute;top:-265px;right:7%}.notes-library-hero-inner{z-index:2;justify-content:space-between;align-items:center;gap:60px;width:min(1380px,100%);min-height:390px;margin:0 auto;padding:68px clamp(25px,6vw,90px);display:flex;position:relative}.notes-library-hero-copy{max-width:810px}.notes-library-icon{color:#dfba51;background:#d8b44a0e;border:1px solid #d8b44a3d;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:24px;display:grid;box-shadow:0 15px 45px #00000047}.notes-library-hero-copy>span{color:#c99d33;letter-spacing:.19em;font-size:8px;font-weight:900}.notes-library-hero-copy h1{color:#fff;letter-spacing:-.058em;max-width:760px;margin:14px 0 17px;font-size:clamp(42px,6vw,76px);line-height:.94}.notes-library-hero-copy h1 em{color:#dcb649;font-style:normal}.notes-library-hero-copy p{color:#fff6;max-width:710px;margin:0;font-size:11px;line-height:1.8}.notes-library-hero-actions{flex-direction:column;align-items:stretch;gap:13px;min-width:190px;display:flex}.notes-library-stat{background:#ffffff05;border:1px solid #d8b44a1f;border-radius:15px;flex-direction:column;justify-content:center;min-height:104px;padding:20px;display:flex}.notes-library-stat strong{color:#e3bd55;letter-spacing:-.04em;font-size:32px}.notes-library-stat span{color:#ffffff47;letter-spacing:.13em;margin-top:5px;font-size:7px;font-weight:900}.notes-library-new{color:#090909;cursor:pointer;background:linear-gradient(135deg,#efd06c,#b98219);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-size:9px;font-weight:900;transition:transform .18s,filter .18s;display:inline-flex;box-shadow:0 10px 30px #b17c1929}.notes-library-new:hover{filter:brightness(1.04);transform:translateY(-1px)}.notes-library-new-mobile{display:none}.notes-library-content{padding:46px 25px 125px}.notes-library-inner{width:min(1380px,100%);margin:0 auto}.notes-library-toolbar{align-items:center;gap:10px;display:flex}.notes-library-search{background:#ffffff04;border:1px solid #d8b44a1f;border-radius:11px;flex:1;align-items:center;gap:11px;min-height:49px;padding:0 15px;display:flex}.notes-library-search>svg{color:#d8b44aa6;flex:none}.notes-library-search input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:11px}.notes-library-search input::placeholder{color:#ffffff40}.notes-library-search button{color:#fff6;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.notes-library-filters{scrollbar-width:none;gap:7px;margin-top:14px;padding-bottom:5px;display:flex;overflow-x:auto}.notes-library-filters::-webkit-scrollbar{display:none}.notes-library-filters button{color:#ffffff6b;cursor:pointer;background:#ffffff04;border:1px solid #ffffff12;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:35px;padding:0 12px;font-size:8px;font-weight:800;display:inline-flex}.notes-library-filters button span{color:#ffffff61;background:#ffffff0d;border-radius:999px;place-items:center;min-width:19px;min-height:19px;font-size:7px;display:grid}.notes-library-filters button.active{color:#dfb94e;background:#d8b44a11;border-color:#d8b44a54}.notes-library-filters button.active span{color:#e6c35e;background:#d8b44a1a}.notes-library-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:52px 0 23px;display:flex}.notes-library-heading span{color:#b99538;letter-spacing:.18em;font-size:7px;font-weight:900}.notes-library-heading h2{color:#fff;letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(28px,3vw,41px);line-height:1}.notes-library-heading>strong{color:#ffffff4d;letter-spacing:.08em;font-size:8px}.notes-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.notes-library-card{background:radial-gradient(circle at 100% 0,#d8b44a0b,#0000 31%),linear-gradient(145deg,#ffffff07,#ffffff03);border:1px solid #fff1;border-radius:17px;flex-direction:column;min-width:0;min-height:315px;padding:21px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000002e}.notes-library-card:hover{background:radial-gradient(circle at 100% 0,#d8b44a12,#0000 34%),linear-gradient(145deg,#ffffff08,#ffffff03);border-color:#d8b44a33;transform:translateY(-3px)}.notes-library-card:after{content:"";background:linear-gradient(90deg,#0000,#d8b44a6b,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.notes-library-card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.notes-library-card-topline>span{color:#b99437;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:900;overflow:hidden}.notes-library-card-actions{gap:4px;display:flex}.notes-library-card-actions button{color:#ffffff4d;cursor:pointer;background:#ffffff04;border:1px solid #ffffff0e;border-radius:8px;place-items:center;width:29px;height:29px;padding:0;transition:color .16s,border-color .16s,background .16s;display:grid}.notes-library-card-actions button:hover{color:#dcb64b;background:#d8b44a0a;border-color:#d8b44a2b}.notes-library-card-actions button:last-child:hover{color:#df7979;background:#df797909;border-color:#df797929}.notes-library-card-actions button:disabled{opacity:.45;cursor:default}.notes-library-card-icon{color:#d0a943;background:#d8b44a09;border:1px solid #d8b44a24;border-radius:11px;place-items:center;width:38px;height:38px;margin-top:22px;display:grid}.notes-library-card h3{color:#ffffffed;letter-spacing:-.025em;margin:17px 0 0;font-size:18px;line-height:1.2}.notes-library-context-title{margin-top:8px}.notes-library-context-title strong,.notes-library-context-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.notes-library-context-title strong{color:#d8b44ab3;font-size:8px;font-weight:800}.notes-library-context-title span{color:#ffffff47;margin-top:3px;font-size:8px}.notes-library-card>p{color:#ffffff6e;white-space:pre-wrap;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:13px 0 22px;font-size:10px;line-height:1.72;display:-webkit-box;overflow:hidden}.notes-library-card-footer{border-top:1px solid #ffffff0b;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:auto;padding-top:16px;display:flex}.notes-library-card-meta{flex-direction:column;gap:6px;min-width:0;display:flex}.notes-library-card-meta span{color:#ffffff40;align-items:center;gap:5px;font-size:7px;display:inline-flex}.notes-library-card-meta span:last-child{color:#d8b44a8c}.notes-library-return{color:#d8b44a;background:#d8b44a09;border:1px solid #d8b44a29;border-radius:8px;align-items:center;gap:5px;min-height:32px;padding:0 9px;font-size:8px;font-weight:850;text-decoration:none;display:inline-flex}.notes-library-empty{text-align:center;background:radial-gradient(circle,#d8b44a0a,#0000 42%);border:1px solid #d8b44a17;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:365px;padding:45px 25px;display:flex}.notes-library-empty>div{color:#cda641;background:#d8b44a0a;border:1px solid #d8b44a2e;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.notes-library-empty h3{color:#fff;margin:0;font-size:20px}.notes-library-empty p{color:#ffffff57;max-width:510px;margin:9px 0 20px;font-size:10px;line-height:1.65}.notes-library-empty>button{color:#e0bb52;cursor:pointer;background:#d8b44a0e;border:1px solid #d8b44a40;border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:9px;font-weight:850;display:inline-flex}.notes-library-error,.notes-editor-error{color:#e68686;background:#e167670b;border:1px solid #e1676729;border-radius:9px;padding:11px 13px;font-size:9px;line-height:1.5}.notes-library-error{margin-top:18px}.notes-library-loading{color:#ffffff59;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.notes-library-spinner{animation:.7s linear infinite notesSpin}@keyframes notesSpin{to{transform:rotate(360deg)}}.notes-editor-backdrop{z-index:400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.notes-editor-panel{background:radial-gradient(circle at 100% 0,#d8b44a14,#0000 30%),#090909;border:1px solid #d8b44a29;border-radius:20px;width:min(720px,100%);max-height:min(820px,100vh - 48px);padding:clamp(24px,4vw,38px);overflow-y:auto;box-shadow:0 35px 100px #0000009e}.notes-editor-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.notes-editor-header span{color:#bb9434;letter-spacing:.18em;font-size:7px;font-weight:900}.notes-editor-header h2{color:#fff;letter-spacing:-.045em;max-width:560px;margin:8px 0 0;font-size:clamp(25px,4vw,38px);line-height:1}.notes-editor-header>button{color:#ffffff6b;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.notes-editor-field{margin-top:27px;display:block}.notes-editor-field>span{color:#d8b44a9e;letter-spacing:.14em;margin-bottom:8px;font-size:7px;font-weight:900;display:block}.notes-editor-field input,.notes-editor-field textarea{color:#ffffffe6;width:100%;font:inherit;background:#ffffff05;border:1px solid #ffffff13;border-radius:11px;outline:0;transition:border-color .17s,background .17s}.notes-editor-field input:focus,.notes-editor-field textarea:focus{background:#d8b44a05;border-color:#d8b44a47}.notes-editor-field input{height:48px;padding:0 14px;font-size:11px}.notes-editor-field textarea{resize:vertical;min-height:260px;padding:15px;font-size:11px;line-height:1.75}.notes-editor-field input::placeholder,.notes-editor-field textarea::placeholder{color:#fff3}.notes-editor-counter{color:#fff3;text-align:right;margin-top:7px;font-size:7px}.notes-editor-error{margin-top:15px}.notes-editor-footer{justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;display:flex}.notes-editor-footer button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:9px;font-weight:850;display:inline-flex}.notes-editor-cancel{color:#fff6;background:#ffffff04;border:1px solid #ffffff12}.notes-editor-save{color:#090909;background:linear-gradient(135deg,#efd06c,#b98219);border:0}.notes-editor-footer button:disabled{opacity:.45;cursor:default}@media (max-width:980px){.notes-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-library-hero-inner{gap:35px}}@media (max-width:700px){.notes-library-page{padding-top:72px}.notes-library-hero-inner{min-height:0;padding-top:50px;padding-bottom:50px;display:block}.notes-library-hero-actions{display:none}.notes-library-new-mobile{flex:none;display:inline-flex}.notes-library-content{padding-top:34px}}@media (max-width:560px){.notes-library-content{padding:32px 15px 90px}.notes-library-toolbar{flex-direction:column;align-items:stretch}.notes-library-new-mobile{width:100%}.notes-library-grid{grid-template-columns:1fr}.notes-library-heading{flex-direction:column;align-items:flex-start;gap:9px;margin-top:42px}.notes-library-card{min-height:290px}.notes-editor-backdrop{align-items:end;padding:0}.notes-editor-panel{border-radius:20px 20px 0 0;width:100%;max-height:92vh;padding:25px 18px 22px}.notes-editor-field textarea{min-height:220px}.notes-editor-footer{grid-template-columns:1fr 1fr;display:grid}}