:root{--paper:#fffefa;--bg:#f7f6f2;--sidebar:#f2f1ec;--ink:#30342e;--muted:#8b8c82;--line:#e8e7df;--yellow:#efc44c;--yellow-dark:#8b691d;--selection:#fbf1d5;--green:#64816c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #b48b26;outline-offset:3px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.app{display:grid;grid-template-columns:238px 340px 1fr;height:100dvh;min-height:500px}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:34px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:29px;font-weight:720;letter-spacing:-1.3px;gap:11px;margin:0 12px 38px}.brand-dot{color:#c39a30;margin-left:-12px}.brand-icon{display:inline-flex;width:35px;height:39px;background:var(--yellow);border-radius:9px;align-items:center;justify-content:center;color:#725819}.brand-icon svg{width:25px;height:25px;stroke-width:1.5}.new-button{background:var(--yellow);border:1px solid #e1b644;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 13px;font-size:13px;font-weight:650;min-height:44px;transition:background .2s}.new-button:hover{background:#e9b935}.new-button svg{width:18px;height:18px}.new-button kbd{margin-left:auto;color:#897129;font-size:10px;font-weight:400}.nav-section{font-size:10px;letter-spacing:1.7px;font-weight:650;color:#919287;margin:31px 12px 13px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:43px;text-align:left;padding:10px 12px;border-radius:7px;font-size:12px;margin:3px 0}.nav-item svg{width:18px;height:18px;color:#82877a}.nav-item>span{margin-left:auto;font-size:11px;color:#919287}.nav-item:hover{background:#eae9e1}.nav-item.active{background:#e8e6db;font-weight:650}.nav-item.active svg{color:#756439}.nav-item.active>span{color:#655b43}.nav-item .folder-personali{color:#b49b61}.nav-item .folder-lavoro{color:#7e97a6}.nav-item .folder-idee{color:#8f9d78}.folders-label{margin-top:30px}.trash-nav{margin-top:28px}.sidebar-bottom{margin-top:auto;padding-top:25px}.collection-card{border:1px solid #e2e0d4;border-radius:9px;padding:13px 12px;display:flex;gap:10px;background:#f5f4ed}.small-spark{color:#bd9e4d;font-size:23px}.collection-card p{margin:1px 0;font-size:11px;line-height:1.8;color:#686b5e}.collection-card p span{color:#999b8f;font-size:10px}.backup-link{display:flex;align-items:center;gap:10px;font-size:11px;color:#787c6e;padding:18px 12px 3px}.backup-link svg{width:16px;height:16px}.server-status{display:flex;align-items:center;gap:6px;color:#95978c;font-size:9px;padding:19px 12px 0}.server-status>span{width:5px;height:5px;border-radius:50%;background:#89a581}.notes-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#faf9f6}.list-header{padding:36px 24px 0}.list-heading{display:flex;align-items:center;gap:10px}.list-heading h1{font-size:23px;letter-spacing:-.8px;margin:0;font-weight:650}.list-header p{font-size:11px;color:#93968a;margin:9px 0 26px}.search{display:flex;gap:9px;align-items:center;border:1px solid #e4e3da;border-radius:7px;padding:10px 11px;background:#f0efea}.search svg{width:16px;height:16px;color:#919487}.search input{width:100%;min-width:0;background:none;border:0;outline:0;font-size:11px;color:var(--ink)}.search input::placeholder{color:#94958b}.search:focus-within{border-color:#b7a168;box-shadow:0 0 0 2px #efc44c20}.search kbd{white-space:nowrap;font-size:9px;color:#9c9c91}.list-options{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 12px;font-size:10px;color:#919387}.list-options select{border:0;background:none;color:#8a8d80;max-width:140px;font-size:10px}.note-list{overflow:auto;flex:1;padding:0 12px 20px;overscroll-behavior:contain}.note-card{display:block;width:100%;padding:19px 15px 17px;text-align:left;border:1px solid transparent;border-bottom:1px solid #eae9e1;border-radius:0;position:relative}.note-card:hover{background:#f2f1ea}.note-card.selected{background:var(--selection);border:1px solid #eaddba;border-radius:8px}.note-card+.note-card{margin-top:3px}.note-card h3{font-size:13px;font-weight:650;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px}.note-card .preview{font-size:11px;color:#939587;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;min-height:18px;white-space:pre-line}.note-card .card-bottom{display:flex;align-items:center;gap:7px;color:#9b9c8e;font-size:9px;margin-top:13px}.card-bottom .card-folder{margin-left:auto;display:flex;gap:4px;align-items:center}.card-bottom svg{width:12px;height:12px}.card-pin{position:absolute;right:13px;top:19px;color:#b19446;width:14px;height:14px}.list-group{font-size:9px;letter-spacing:1.2px;color:#9a9b8f;padding:17px 15px 6px;font-weight:600}.list-footer{padding:17px 24px;border-top:1px solid var(--line);color:#9a9d90;font-size:9px;display:flex;align-items:center;gap:6px}.list-footer svg{width:12px;height:12px;color:#7a9471}.editor-panel{min-width:0;background:var(--paper);position:relative}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.welcome-icon{width:88px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:23px;background:#f8f0d8;transform:rotate(-7deg);margin-bottom:38px;border:1px solid #eee0b3}.welcome-icon svg{width:49px;height:49px;color:#b49a50;stroke-width:1.1}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#ae984f}.welcome h2{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.18;letter-spacing:-1.2px;margin:18px 0}.welcome p{font-size:13px;line-height:1.9;color:#96998b;margin:0 0 26px}.welcome .new-button{padding:12px 22px}.welcome-hint{font-size:9px;color:#a6a89c;margin-top:40px}.note-editor{height:100%;display:flex;flex-direction:column}.editor-toolbar{height:80px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px;gap:10px;flex-shrink:0}.toolbar-left,.toolbar-actions{display:flex;align-items:center;gap:8px}.folder-breadcrumb{display:flex;align-items:center;color:#a5a28e;gap:7px}.folder-breadcrumb svg{width:15px;height:15px;color:#b09a61}.folder-breadcrumb select{border:0;background:transparent;color:#909182;font-size:11px;padding:5px 0;max-width:110px}.icon-button{width:34px;height:36px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#949687}.icon-button:hover{background:#f2f0e8;color:#6c6e5b}.icon-button svg{width:18px;height:18px}.icon-button.is-active{color:#a68324;background:#f8efcf}.toolbar-divider{height:18px;width:1px;background:#e8e7dc;margin:0 5px}.save-status{font-size:9px;color:#969b8b;margin-right:15px}.save-status.error{color:#ae5548}.editor-scroll{overflow:auto;flex:1;overscroll-behavior:contain}.writing-area{max-width:820px;padding:48px 65px 60px;margin:auto}.note-meta{font-size:10px;color:#a7aa9c;text-align:center;margin-bottom:35px}.note-title{width:100%;font-family:Georgia,serif;font-size:35px;line-height:1.25;color:#353a30;border:0;background:none;outline:0;letter-spacing:-1px;padding:0;margin:0 0 21px;border-radius:0}.note-title::placeholder{color:#b9baab}.format-toolbar{display:flex;align-items:center;gap:7px;margin-bottom:23px;padding-bottom:12px;border-bottom:1px solid #eeece3;color:#979b88}.format-toolbar button{height:30px;min-width:29px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:18px;font-family:Georgia,serif}.format-toolbar button:hover{background:#f2f0e6;color:#9b7e30}.format-toolbar svg{width:18px;height:18px}.format-toolbar>span{height:14px;width:1px;background:#e7e6db;margin:0 5px}.check-circle{border:1.5px solid;border-radius:50%;width:16px;height:16px;line-height:14px;font-size:11px;font-family:Arial,sans-serif}.image-label{font-size:10px;cursor:pointer;margin-left:1px}.writing-area textarea{width:100%;display:block;resize:none;border:0;background:none;outline:0;padding:0;min-height:230px;overflow:hidden;line-height:1.95;font-size:14px;color:#5b6252;letter-spacing:.05px;border-radius:0}.writing-area textarea::placeholder{color:#b1b4a4}.attachment-drop{margin-top:28px;border:1px dashed #dcded1;border-radius:8px;width:100%;padding:16px;display:flex;align-items:center;gap:12px;color:#a5aa94;text-align:left}.attachment-drop>svg{width:19px;height:19px}.attachment-drop>svg:last-child{margin-left:auto;width:15px;height:15px}.attachment-drop span{font-size:11px}.attachment-drop small{display:block;font-size:9px;margin-top:5px;color:#b2b5a6}.attachment-drop:hover,.attachment-drop.dragging{background:#fbf5e5;border-color:#c3a555}.editor-footer{padding:16px 30px;border-top:1px solid var(--line);font-size:9px;display:flex;justify-content:space-between;color:#a4a99a}.attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.attachment{position:relative;border-radius:8px;overflow:hidden;background:#f1efe5}.attachment img{width:100%;height:170px;object-fit:cover;cursor:zoom-in;display:block}.attachment .remove-image{position:absolute;right:8px;top:8px;border-radius:50%;background:#fffef5e6;display:flex;align-items:center;justify-content:center;width:27px;height:27px;color:#686b5f}.remove-image svg{width:14px;height:14px}.empty-list{text-align:center;color:#979b8d;padding:55px 15px;line-height:1.8;font-size:12px}.empty-list svg{width:30px;height:30px;color:#c3b995;margin-bottom:10px}.empty-list strong{display:block;font-weight:500;color:#73796b;font-size:14px}.empty-list button{display:block;margin:18px auto;color:#8b6d26;font-size:12px}.deleted-banner,.conflict-banner{background:#f9eddb;padding:13px 25px;font-size:12px;display:flex;gap:15px;align-items:center;justify-content:space-between}.deleted-banner button,.conflict-banner button{font-weight:600;color:#8b691d;white-space:nowrap}.conflict-banner{background:#fff0eb;display:block}.conflict-banner p{line-height:1.5;margin:0 0 9px}.conflict-banner button{padding:5px 0}.menu-button,.mobile-new,.back-button{display:none}.scrim{position:fixed;inset:0;z-index:19;background:#2226}dialog{border:1px solid #e5e2d6;border-radius:15px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #252b2426;padding:30px}dialog::backdrop{background:#30372c55;backdrop-filter:blur(3px)}.history-dialog{width:850px;max-width:calc(100% - 30px);max-height:85dvh;overflow:auto}.history-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-dialog h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:10px 0}.dialog-intro{font-size:12px;color:#969b89;line-height:1.7;margin-bottom:25px}.history-layout{display:grid;grid-template-columns:210px 1fr;gap:25px}.history-layout>div{max-height:50dvh;overflow:auto}.version-button{display:block;text-align:left;width:100%;padding:14px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.8;border-radius:6px}.version-button.selected{background:var(--selection)}.version-button small{display:block;color:#969b89;font-size:10px}.version-preview-title{font-family:Georgia,serif;font-size:24px;margin:8px 0 15px;overflow-wrap:anywhere}.version-preview-body{white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere;color:#6f7566}.version-images{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.version-images img{width:85px;height:85px;object-fit:cover;border-radius:5px}.restore-button{margin:20px 0;display:flex;width:max-content}.image-dialog{max-width:95vw;max-height:95dvh;padding:45px 15px 15px;background:var(--paper)}.image-dialog .icon-button{position:absolute;right:10px;top:5px}.image-dialog img{display:block;max-width:85vw;max-height:80dvh;object-fit:contain}.login-dialog{width:390px;max-width:calc(100% - 30px);padding:38px}.login-dialog h1{font-family:Georgia,serif;font-weight:400;line-height:1.25;font-size:28px}.login-dialog p{font-size:12px;line-height:1.7;color:#929784}.login-dialog label{font-size:11px;display:block;margin:25px 0 8px}.login-dialog input{width:100%;border:1px solid #dbddcc;padding:12px;border-radius:7px;background:#fffefa;font-size:16px}.login-dialog .new-button{width:100%;justify-content:space-between}.login-dialog #login-error{color:#b45d4b;min-height:20px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#374132;color:#fffdf4;padding:14px 22px;border-radius:9px;font-size:12px;z-index:100;box-shadow:0 6px 25px #0002;max-width:90vw;line-height:1.6}mark{background:#f0d575;color:inherit;border-radius:2px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#dcded1;border-radius:5px}@media(min-width:1500px){.app{grid-template-columns:260px 370px 1fr}.sidebar{padding-left:26px;padding-right:26px}.list-header{padding-top:40px}.writing-area{padding-top:65px}.editor-toolbar{height:87px}.note-card{padding:22px 17px}.note-card h3{font-size:14px}.note-card .preview{font-size:12px}}
@media(max-width:1100px){.app{grid-template-columns:200px 285px 1fr}.sidebar{padding:28px 13px 18px}.brand{font-size:26px}.list-header{padding:30px 18px 0}.list-heading h1{font-size:21px}.list-options{padding-left:18px;padding-right:18px}.writing-area{padding:35px 30px 50px}.note-title{font-size:30px}.editor-toolbar{padding:0 17px}.save-status{margin-right:3px}.toolbar-actions{gap:2px}.image-label{display:none}.new-button kbd{display:none}.welcome h2{font-size:33px}}
@media(max-width:820px){.app{grid-template-columns:300px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:250px;transform:translateX(-100%);transition:transform .2s;padding-top:35px}.app.sidebar-open .sidebar{transform:translateX(0)}.menu-button{display:inline-flex;margin-left:-6px}.mobile-new{display:inline-flex;margin-left:auto;color:#af8b2a}.list-header{padding-top:26px}.list-heading{gap:5px}.list-heading h1{font-size:22px}.new-button kbd{display:block}.welcome{padding:25px}.welcome h2{font-size:32px}.welcome-hint{font-size:8px}.editor-toolbar{height:72px}.folder-breadcrumb select{max-width:82px}.save-status{font-size:8px}.icon-button{width:31px}.toolbar-divider{margin:0 2px}.writing-area{padding:30px 25px}.note-meta{margin-bottom:28px}.image-label{display:none}.editor-footer{padding:16px 20px}}
@media(max-width:600px){.app{display:block;min-height:0}.notes-panel{height:100%;border:0}.editor-panel{display:none;height:100%}.app.editing .notes-panel{display:none}.app.editing .editor-panel{display:block}.app.editing #welcome{display:none}.back-button{display:inline-flex;color:#a88323;margin-left:-7px}.list-header{padding:25px 21px 0;padding-top:max(25px,env(safe-area-inset-top))}.list-heading h1{font-size:29px;letter-spacing:-1px}.list-heading{gap:8px}.list-header p{font-size:12px;margin-top:8px;margin-bottom:22px;padding-left:2px}.menu-button{margin-right:0}.mobile-new{width:40px;height:40px}.mobile-new svg{width:22px;height:22px}.search{padding:12px}.search input{font-size:16px}.search kbd{display:none}.list-options{padding:23px 23px 12px;font-size:11px}.list-options select{font-size:11px}.note-list{padding:0 13px 20px}.note-card{padding:20px 17px}.note-card h3{font-size:16px;margin-bottom:9px}.note-card .preview{font-size:13px}.note-card .card-bottom{font-size:10px}.list-group{font-size:10px;padding-top:22px}.list-footer{padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:10px}.list-footer svg{width:14px}.editor-toolbar{height:66px;padding:0 14px;padding-top:env(safe-area-inset-top)}.toolbar-left{gap:5px}.folder-breadcrumb select{font-size:12px;max-width:90px}.toolbar-actions{gap:1px}.toolbar-actions .icon-button{width:34px;height:42px}.save-status{max-width:65px;text-align:right;font-size:9px;margin-right:3px}.toolbar-divider{margin:0 1px}.writing-area{padding:26px 26px 40px}.note-meta{font-size:10px;margin-bottom:28px}.note-title{font-size:32px;margin-bottom:21px}.writing-area textarea{font-size:16px;line-height:1.85;min-height:230px}.format-toolbar{gap:10px}.format-toolbar button{height:34px;min-width:34px}.format-toolbar svg{width:20px;height:20px}.image-label{display:block;font-size:10px}.attachment-drop{padding:17px;margin-top:25px}.attachment-drop span{font-size:12px}.attachment-drop small{font-size:10px}.attachment img{height:145px}.editor-footer{padding-bottom:max(15px,env(safe-area-inset-bottom));font-size:10px}.history-dialog{padding:22px 18px;max-width:calc(100% - 18px)}.history-layout{grid-template-columns:1fr;gap:15px}.history-layout #version-list{display:flex;overflow-x:auto;max-height:95px;gap:5px;padding-bottom:6px}.version-button{min-width:160px;font-size:10px}.history-dialog h2{font-size:25px}.dialog-intro{font-size:11px}.history-layout #version-preview{max-height:38dvh}.welcome{display:none}.toast{bottom:20px;width:max-content}.deleted-banner{font-size:11px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Sharing controls and the isolated guest page. */
.share-button{border:1px solid #d9d9ca;background:transparent;border-radius:7px;padding:7px 9px;color:#665425;font:inherit;font-size:11px;cursor:pointer}
.share-dialog{width:560px;max-width:calc(100vw - 24px);max-height:85dvh;overflow:auto;padding:25px;border:1px solid #d9d9ca;border-radius:14px;background:#fcfcf7;color:#34392d}
.share-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-dialog h2{font-size:25px}.share-dialog p{font-size:13px;line-height:1.6;margin:14px 0}.share-dialog h3{font-size:16px;margin-top:24px}
.share-dialog form,.shared-page form{display:grid;gap:12px}.share-dialog label,.shared-page label{display:block;font-size:13px;margin-top:8px}.share-dialog input,.share-dialog select,.shared-page input:not(.note-title){width:100%;min-width:0;border:1px solid #c8cbbc;border-radius:7px;padding:11px;background:#fff;font:inherit;font-size:16px}.share-dialog button:not(.new-button),.shared-actions button:not(.new-button){border:1px solid #c8cbbc;background:#f6f6ef;padding:9px 12px;border-radius:7px;cursor:pointer;color:inherit}.share-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e2e4d9;font-size:12px;line-height:1.7}.share-dialog [role=alert]{color:#a33127}.share-dialog button:disabled{opacity:.5}
.shared-page{height:auto;min-height:100dvh;overflow:auto;background:#f2f3eb;padding:24px 16px}.shared-card{max-width:850px;margin:0 auto;background:#fcfcf7;border:1px solid #dedfd3;border-radius:14px;padding:30px}.shared-card h1{font-size:27px;margin-bottom:12px}.shared-card header p,.shared-card [role=status]{font-size:14px;line-height:1.6;margin:15px 0}.shared-card textarea{width:100%;resize:vertical;border:1px solid #d7dacb;border-radius:8px;padding:14px;font:inherit;font-size:16px;line-height:1.8;background:#fff;color:inherit}.shared-card .note-title{width:100%;margin:10px 0 16px}.shared-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.shared-images{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.shared-images img{max-width:100%;max-height:480px;object-fit:contain;border-radius:8px}.shared-card [readonly]{background:transparent}.shared-card input[readonly],.shared-card textarea[readonly]{border-color:transparent}.shared-card [hidden],.share-dialog [hidden]{display:none!important}
@media(max-width:600px){.share-button{font-size:10px;padding:6px}.shared-card{padding:20px}.toolbar-actions{flex-wrap:wrap}.shared-page{padding:12px}.share-dialog{padding:20px}}
@media(max-width:820px){.editor-toolbar{display:grid;grid-template-columns:1fr;align-content:center;height:100px;gap:0}.toolbar-left{justify-self:start}.toolbar-actions{justify-self:end;flex-wrap:nowrap;gap:4px}.toolbar-actions .icon-button{width:30px;height:34px}.share-button{font-size:11px;padding:6px}.save-status{max-width:65px}}