:root{--ink:#0F1319;--ink2:#171D26;--ink3:#222B36;--paper:#E8EBEA;--card:#FFFFFF;--tx:#141A20;--tx2:#5C6872;--line:#D6DCDA;--mare:#3FA79E;--viola:#9B7BD4;--rotta:#6C8CD5;--segnale:#E2542C;--giallo:#F2B705;--salvia:#7FA87C;--pesca:#E8845F;--ardesia:#5A6B7D;--disp:"Archivo",system-ui,sans-serif;--body:"Source Serif 4",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:var(--disp);background:var(--ink);color:#fff;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--mare);outline-offset:3px;border-radius:4px}.hide{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;transition:opacity .28s ease,transform .28s ease}.screen[hidden]{display:none}#launcher{background:var(--ink);overflow-y:auto;padding:calc(var(--sat) + 22px) 20px calc(var(--sab) + 40px)}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;background-image:radial-gradient(120% 80% at 50% -10%,#1D2733 0%,transparent 60%);transition:background-image .4s ease}#bgveil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,13,18,var(--veil,.15)),rgba(10,13,18,calc(var(--veil,.15) + .45)))}.lhead{display:flex;align-items:baseline;justify-content:space-between;max-width:1180px;margin:0 auto 6px;width:100%}.hello{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#7e8b98;font-family:var(--mono)}.manage{font-size:13px;font-weight:700;color:#9ba8b4;padding:8px 12px;border-radius:999px;border:1px solid #2B3542;transition:.18s}.manage:hover{color:#fff;border-color:#4a5765;background:#1a2029}.ltitle{max-width:1180px;margin:0 auto 26px;width:100%;font-size:clamp(30px,7vw,50px);font-weight:900;letter-spacing:-.03em;line-height:1}.ltitle em{font-style:normal;color:#5e6c7a}.newnote{max-width:1180px;width:100%;margin:0 auto 34px;display:flex;align-items:center;gap:16px;padding:18px 26px;border-radius:999px;text-align:left;background:linear-gradient(100deg,#3fa79e,#2e8c93);box-shadow:0 14px 34px -12px #3fa79e99;transition:.2s}.newnote:hover{transform:translateY(-2px);box-shadow:0 20px 44px -12px #3fa79eb3}.newnote:active{transform:translateY(0)}.nn-plus{width:46px;height:46px;flex:none;border-radius:50%;background:#fff3;display:grid;place-items:center;font-size:26px;font-weight:500;line-height:1}.nn-t{font-size:19px;font-weight:800;letter-spacing:-.01em}.nn-s{font-size:13px;font-weight:500;color:#ffffffc7;margin-top:2px}.sect{max-width:1180px;margin:0 auto 14px;width:100%;display:flex;align-items:center;gap:12px}.sect h2{font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin:0;color:#7e8b98;font-family:var(--mono);font-weight:700}.sect .rule{flex:1;height:1px;background:#232c37}.tiles{max-width:1180px;margin:0 auto;width:100%;display:grid;gap:22px 16px;grid-template-columns:repeat(2,1fr)}@media (min-width:560px){.tiles{grid-template-columns:repeat(3,1fr)}}@media (min-width:820px){.tiles{grid-template-columns:repeat(4,1fr);gap:28px 20px}}@media (min-width:1080px){.tiles{grid-template-columns:repeat(5,1fr)}}.tile{display:block;text-align:left;position:relative;padding-top:10px}.stack{position:relative;aspect-ratio:1/1}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--c);transition:transform .26s cubic-bezier(.2,.8,.3,1),opacity .26s}.sheet.s2{opacity:.34;transform:translateY(-6px) scale(.955)}.sheet.s3{opacity:.18;transform:translateY(-11px) scale(.915)}.sheet.s1{display:grid;place-items:center;box-shadow:0 10px 26px -10px #000000b3}.tile:hover .sheet.s2,.tile:focus-visible .sheet.s2{transform:translate(-9px,-9px) rotate(-3deg) scale(.965)}.tile:hover .sheet.s3,.tile:focus-visible .sheet.s3{transform:translate(9px,-13px) rotate(3.5deg) scale(.93)}.tile:hover .sheet.s1{transform:translateY(-3px)}.sigla{font-family:var(--mono);font-weight:700;font-size:clamp(20px,4.6vw,28px);letter-spacing:.08em;color:#0a0e12b8}.tile.dk .sigla{color:#ffffffd1}.tname{margin-top:13px;font-size:15px;font-weight:700;letter-spacing:-.01em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.5)}.tcount{font-family:var(--mono);font-size:11px;color:#96a3ae;margin-top:3px;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.5)}.tile.add .sheet.s1{background:#ffffff0d;border:2px dashed rgba(255,255,255,.28)}.tile.add .sigla{color:#556270;font-size:30px}#catview{background:var(--paper);color:var(--tx)}.topbar{display:flex;align-items:center;gap:12px;padding:calc(var(--sat) + 12px) 16px 12px;background:#e8ebeae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);flex:none;position:relative;z-index:5}.back{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--tx2);padding:6px 10px 6px 4px;border-radius:10px}.back:hover{color:var(--tx);background:#0000000d}.cvt{flex:1;min-width:0}.cvt h1{margin:0;font-size:19px;font-weight:900;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvt span{font-family:var(--mono);font-size:11px;color:var(--tx2)}.dot{width:11px;height:11px;border-radius:4px;background:var(--c);flex:none}.iconbtn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:var(--tx2);flex:none}.iconbtn:hover{background:#0000000f;color:var(--tx)}.searchwrap{padding:12px 16px 4px;flex:none}.search{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-size:15px;font-family:var(--disp)}.search::placeholder{color:#98a3ac}.notes{flex:1;overflow-y:auto;padding:14px 16px calc(var(--sab) + 30px);display:grid;gap:12px;grid-template-columns:repeat(2,1fr);align-content:start}@media (min-width:640px){.notes{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width:960px){.notes{grid-template-columns:repeat(4,1fr);padding-inline:24px}}@media (min-width:1300px){.notes{grid-template-columns:repeat(5,1fr)}}.note{background:var(--card);border-radius:22px;padding:16px;text-align:left;border:1px solid var(--line);border-top:4px solid var(--c);display:flex;flex-direction:column;gap:7px;min-height:132px;transition:.16s}.note:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px #141a2080}.note h3{margin:0;font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note p{margin:0;font-family:var(--body);font-size:13px;line-height:1.45;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.note footer{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:#8c97a0}.pin{color:var(--segnale)}.empty{grid-column:1/-1;text-align:center;padding:64px 20px;color:var(--tx2)}.empty b{display:block;font-size:17px;color:var(--tx);margin-bottom:6px}#editor{background:var(--card);color:var(--tx)}.etop{display:flex;align-items:center;gap:8px;padding:calc(var(--sat) + 10px) 12px 10px;border-bottom:1px solid var(--line);flex:none}.saved{font-family:var(--mono);font-size:11px;color:#8c97a0;flex:1;text-align:center}.ebody{flex:1;overflow-y:auto;padding:20px 18px 40px;max-width:760px;width:100%;margin:0 auto}@media (min-width:820px){.ebody{padding:32px 28px 60px}}#etitle{width:100%;border:0;outline:0;font-family:var(--disp);font-weight:900;font-size:clamp(24px,5.5vw,34px);letter-spacing:-.03em;line-height:1.15;background:none;margin-bottom:6px;resize:none;overflow:hidden}#etitle::placeholder{color:#c2cbd1}.emeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.chipcat{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--c);font-size:12.5px;font-weight:700;color:#0a0e12c7}.chipcat.dk{color:#ffffffe6}.emeta time{font-family:var(--mono);font-size:11px;color:#8c97a0}#etext{font-family:var(--body);font-size:17px;line-height:1.68;outline:0;min-height:44vh}#etext:empty:before{content:attr(data-ph);color:#c2cbd1}#etext h1{font-family:var(--disp);font-size:25px;font-weight:900;letter-spacing:-.02em;margin:1.4em 0 .4em}#etext h2{font-family:var(--disp);font-size:19px;font-weight:700;margin:1.3em 0 .35em}#etext p{margin:0 0 .85em}#etext ul,#etext ol{margin:0 0 .9em;padding-left:1.35em}#etext li{margin-bottom:.3em}#etext blockquote{margin:0 0 .9em;padding:2px 0 2px 16px;border-left:3px solid var(--mare);color:var(--tx2);font-style:italic}#etext a{color:var(--rotta)}#etext mark{background:#fff1a8;padding:1px 2px;border-radius:3px}#etext hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}.chk{display:flex;align-items:flex-start;gap:10px;margin-bottom:.42em}.chk .box{width:21px;height:21px;flex:none;margin-top:3px;border-radius:7px;border:2px solid #B8C2C9;display:grid;place-items:center;cursor:pointer;font-size:13px;color:transparent;transition:.14s;-webkit-user-select:none;user-select:none}.chk.on .box{background:var(--mare);border-color:var(--mare);color:#fff}.chk.on .txt{color:#9aa5ad;text-decoration:line-through}.chk .txt{flex:1;outline:0}.tools{flex:none;border-top:1px solid var(--line);background:#fbfcfc;padding:8px 6px calc(var(--sab) + 8px);display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.tl{min-width:40px;height:40px;padding:0 9px;border-radius:11px;flex:none;display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--tx2)}.tl:hover{background:#0000000f;color:var(--tx)}.tl.on{background:var(--tx);color:#fff}.tl b{font-weight:900}.tl i{font-style:italic}.tl u{text-decoration:underline}.tl s{text-decoration:line-through}.sep{width:1px;flex:none;background:var(--line);margin:6px 5px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b0f8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;opacity:0;pointer-events:none;transition:.24s}.scrim.on{opacity:1;pointer-events:auto}.sheetm{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--card);color:var(--tx);border-radius:22px 22px 0 0;padding:10px 0 calc(var(--sab) + 14px);max-height:82vh;overflow-y:auto;transform:translateY(102%);transition:transform .3s cubic-bezier(.2,.8,.3,1)}.sheetm.on{transform:none}@media (min-width:700px){.sheetm{left:50%;right:auto;bottom:auto;top:50%;width:520px;border-radius:20px;transform:translate(-50%,-44%) scale(.97);opacity:0;max-height:80vh}.sheetm.on{transform:translate(-50%,-50%);opacity:1}}.grab{width:38px;height:4px;border-radius:99px;background:var(--line);margin:2px auto 12px}@media (min-width:700px){.grab{display:none}}.sh-h{padding:2px 20px 12px;font-size:17px;font-weight:900;letter-spacing:-.02em}.row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 20px;text-align:left;font-size:15px;font-weight:600}.row:hover{background:#0000000b}.row .ic{width:26px;text-align:center;font-size:16px;flex:none}.row.danger{color:#c4351a}.row small{display:block;font-weight:500;font-size:12px;color:var(--tx2);margin-top:1px}.catlist{padding:0 12px 8px}.catrow{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:12px}.catrow:hover{background:#0000000a}.catrow .nm{flex:1;font-size:14.5px;font-weight:600}.catrow input{flex:1;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:14.5px;font-family:var(--disp);background:var(--card)}.mini{font-size:12px;font-weight:700;color:var(--tx2);padding:6px 10px;border-radius:8px}.mini:hover{background:#0000000f;color:var(--tx)}.mini.dg:hover{background:#fbe9e5;color:#c4351a}.swatches{display:flex;gap:8px;flex-wrap:wrap;padding:4px 20px 14px}.sw{width:32px;height:32px;border-radius:10px;background:var(--c);border:2px solid transparent}.sw[aria-pressed=true]{border-color:var(--tx);transform:scale(1.08)}.field{padding:4px 20px 16px}.field input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-size:15.5px;font-family:var(--disp);background:var(--card)}.actions{display:flex;gap:10px;padding:6px 20px 4px}.btn{flex:1;padding:13px;border-radius:13px;font-size:15px;font-weight:800;text-align:center}.btn.pri{background:var(--tx);color:#fff}.btn.gho{background:#0000000d;color:var(--tx)}.catpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:0 16px 14px}.cp{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);font-size:13.5px;font-weight:700;text-align:left}.cp[aria-pressed=true]{border-color:var(--tx);background:#00000009}.sheet.s1.ph{background-size:var(--z,140%) auto;background-position:var(--px,50%) var(--py,50%);background-repeat:no-repeat}.sheet.s1.ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,#0000000d,#00000073)}.sheet.s1.ph .sigla{position:relative;z-index:1;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.85)}.cropwrap{display:flex;gap:18px;align-items:center;padding:6px 20px 14px}.crop{width:112px;height:112px;border-radius:50%;flex:none;position:relative;overflow:hidden;background:var(--c);background-size:var(--z,140%) auto;background-position:var(--px,50%) var(--py,50%);background-repeat:no-repeat;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 2px #0000001a,0 8px 20px -10px #0006}.crop:active{cursor:grabbing}.crop .hint{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:10px;font-family:var(--mono);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.9);pointer-events:none}.cropctl{flex:1;min-width:0}.cropctl label{display:block;font-size:11px;font-weight:700;color:var(--tx2);margin:0 0 6px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}.cropctl input[type=range]{width:100%;accent-color:var(--mare);margin-bottom:12px}.cropbtns{display:flex;gap:8px;flex-wrap:wrap}.bgs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:2px 20px 14px}.bgo{aspect-ratio:9/13;border-radius:16px;background:var(--b);background-size:cover;background-position:center;border:2.5px solid transparent;position:relative}.bgo[aria-pressed=true]{border-color:var(--tx)}.bgo.up{display:grid;place-items:center;background:#0000000d;border:2px dashed var(--line);font-size:12px;font-weight:700;color:var(--tx2);text-align:center;line-height:1.3;padding:8px}.slider{padding:6px 20px 16px}.slider label{display:block;font-size:12px;font-weight:700;color:var(--tx2);margin-bottom:8px}.slider input{width:100%;accent-color:var(--mare)}.toast{position:fixed;left:50%;bottom:calc(var(--sab) + 22px);transform:translate(-50%,80px);background:var(--ink2);color:#fff;padding:12px 20px;border-radius:14px;font-size:14px;font-weight:600;z-index:60;opacity:0;transition:.26s;box-shadow:0 12px 30px -10px #0009}.toast.on{transform:translate(-50%);opacity:1}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#root{height:100%}.screen{opacity:1}.crop{background-repeat:no-repeat}.row span:not(.ic){flex:1}