:root{font-family:"Segoe UI",system-ui,sans-serif;color:#171717;background:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:38px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:38px;letter-spacing:-1.5px;margin:12px 0 4px}h1 span{font-size:13px;letter-spacing:.04em;color:#404040;background:#f0f0f0;border-radius:6px;padding:4px 7px;vertical-align:middle}header p{margin:0;color:#525252}.back{font-size:13px;color:#404040;text-decoration:none}.back:hover{text-decoration:underline}.actions{display:flex;gap:10px}button,input,select{font:inherit}button{cursor:pointer;padding:11px 17px;border:1px solid #ced8e0;border-radius:10px;background:#fff;color:#171717}.primary{background:#171717;color:white;border-color:#171717}button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid #77a7c9;outline-offset:3px}#status{font-size:13px;color:#525252;margin:25px 0 18px;overflow-wrap:anywhere}#error{background:#fff1ef;border:1px solid #eac5c0;padding:14px;border-radius:10px;color:#9f382c}#welcome{margin:40px auto 65px;max-width:550px;text-align:center;padding:36px 24px;border:1px dashed #c7d2dc;border-radius:18px;background:#fff}#welcome p{line-height:1.65;color:#525252}.drawer-art{font-size:68px;line-height:1;color:#171717;margin-bottom:20px}h2{font-size:21px;letter-spacing:-.4px}.hint{font-size:13px}#controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap;background:#fff;border:1px solid #e0e6eb;border-radius:12px;padding:16px}label{font-size:12px;color:#404040;display:flex;flex-direction:column;gap:7px}.search{flex:1;min-width:180px}input[type=search],select{color:#171717;border:1px solid #ced8e0;background:#fdfefe;border-radius:7px;padding:9px 10px;min-height:40px}.archive{flex-direction:row;align-items:center;font-size:14px;min-height:40px}.archive input{accent-color:#171717;width:17px;height:17px}#summary{font-size:13px;color:#525252;margin:20px 2px}#board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.section{border:1px solid #dce3e9;border-radius:13px;background:white;overflow:hidden;align-self:start}.section-heading{margin:0;background:var(--section-color,#e6eaf6);font-size:16px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.count{font-size:12px;background:#ffffff9c;padding:3px 8px;border-radius:20px;color:#404040}.notes{list-style:none;margin:0;padding:3px 16px}.note{border-bottom:1px solid #eef1f4;padding:11px 0;display:flex;gap:10px;align-items:start}.note:last-child{border-bottom:0}.note-content{min-width:0;flex:1}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.45}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px;color:#275b7a;font-size:12px;font-weight:650}.due{font-size:12px;font-weight:600;white-space:nowrap;padding:4px 6px;background:#f2f5f8;border-radius:6px;color:#525252}.due.overdue{background:#fff0ef;color:#b7483d}.urgent{color:#bf6442;font-size:14px}.empty{color:#595959;font-size:13px;padding:18px;margin:0}.note details{font-size:12px;color:#525252;margin-top:5px}.note summary{cursor:pointer}.note details p{margin:5px 0;overflow-wrap:anywhere}footer{font-size:12px;color:#525252;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e1e6eb;padding-top:20px;margin-top:35px}[hidden]{display:none!important}body.dragging{outline:4px dashed #77a7c9;outline-offset:-12px}@media(max-width:650px){main{padding:22px 16px}header{align-items:start;flex-wrap:wrap}h1{font-size:32px}#board{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}#controls{gap:12px}#welcome{margin:25px auto}select{max-width:190px}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}
.actions{flex-wrap:wrap;align-items:center}.actions button{font-size:13px}button:disabled{cursor:wait;opacity:.55}.icon{padding:5px;min-width:40px;min-height:40px;border:0;background:transparent;font-size:21px;line-height:1}.section-heading .icon{margin:-6px}.section-heading .count{margin-left:auto}.note{align-items:center}.note-text{font-size:14px}.low{color:#245a80}.expanded{display:block}.editor{padding:12px;background:#f7f7f7;border-radius:8px;width:100%}.editor label{margin-bottom:9px}.editor input,.editor textarea,#client-id{font:inherit;font-size:15px;color:#171717;background:white;border:1px solid #bdcbd5;border-radius:7px;padding:10px;width:100%}.editor textarea{resize:vertical}.editor-actions{display:flex;gap:6px;flex-wrap:wrap}.editor-error{color:#a32e26;font-size:13px}.editor .hint{margin:0 0 8px}.editor input[type=date]{max-width:200px}#drive-panel,#conflicts{padding:20px;background:white;border:1px solid #cdd9e2;border-radius:12px;margin:15px 0}#drive-panel p,#conflicts p{line-height:1.5;font-size:14px}#client-id{max-width:650px;font-size:13px}#notice{padding:12px;background:#e7f0e8;border-radius:8px;font-size:13px}.conflict-choice{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:10px;cursor:pointer;border-bottom:1px solid #e0e6eb}.conflict-choice pre{grid-column:2;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:0}.conflict-choice input{accent-color:#171717}fieldset{border:1px solid #cdd9e2;border-radius:8px;margin:12px 0}legend{font-size:12px;overflow-wrap:anywhere;max-width:100%}.readonly .note-text{white-space:pre-wrap}@media(max-width:650px){header .actions{gap:6px}header .actions button{padding:9px 12px}.editor{padding:8px}}

/* Layout verticale e dettagli compatibili con Android. */
#board{grid-template-columns:minmax(0,1fr)}.note-text{font-size:16px}.editor input,.editor textarea{font-size:17px}.section-heading{font-size:18px}.hashtag{font-weight:600}.hashtag.things{color:#245a80}.hashtag.people{color:#d64545}.detail-summary{font-size:14px;color:#525252;margin-left:8px}.progress{display:inline-block;margin-top:5px;border:2px solid #35654d;border-radius:20px;color:#35654d;padding:2px 7px;font-size:13px}.editor-error{font-size:15px;font-weight:600}.detail-actions{display:flex;gap:10px;margin-top:12px}.detail-actions .icon{border-radius:8px;border:1px solid #c5c5c5}.detail-text.has-content{background:#dceaf4;color:#245a80}.detail-list.has-content{background:#dcebe1;color:#35654d}.detail-photos.has-content{background:#ffead8;color:#a34d10}.detail-actions [aria-expanded=true]{outline:2px solid currentColor}.detail-panel{margin-top:12px}.list-mode{display:flex;gap:8px;margin-bottom:12px}.list-mode [aria-pressed=true]{background:#35654d;color:white}.detail-item{display:flex;align-items:center;gap:8px;margin:8px 0}.detail-item input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:#35654d}.detail-item input[aria-label="Testo voce"]{min-width:0;flex:1}.photo-gallery{display:flex;flex-wrap:wrap;gap:12px}.photo-tile{position:relative}.photo-tile>button:first-child{width:120px;height:100px;padding:0;overflow:hidden;border-radius:8px}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile>button:last-child{position:absolute;right:0;top:0;background:white;border-radius:50%;min-width:30px;min-height:30px}.photo-preview{max-width:95vw;max-height:95vh;border:0;border-radius:12px;padding:12px}.photo-preview::backdrop{background:#000b}.photo-preview img{display:block;max-width:85vw;max-height:80vh}.photo-preview button{display:block;margin-left:auto}.note-content{cursor:default}

.editor-heading{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;margin-bottom:8px}.title-wrap{position:relative;min-width:0}.editor .title-wrap input,.editor .title-wrap textarea,.editor .title-mirror{font:400 17px/1.5 system-ui,sans-serif;letter-spacing:normal;padding:10px;border:1px solid #bdcbd5;border-radius:7px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:8;width:100%;box-sizing:border-box}.editor .title-mirror{position:absolute;inset:0;overflow:hidden;background:white;pointer-events:none;color:#171717}.editor .title-mirror.hashtag{font-weight:400}.editor .title-mirror .hashtag{font-weight:400}.editor .title-wrap input,.editor .title-wrap textarea{position:relative;display:block;background:transparent;color:transparent;caret-color:#171717;resize:none}.editor .title-wrap input{white-space:pre}.editor .title-wrap:has(input) .title-mirror{white-space:pre}.editor .title-wrap input::selection,.editor .title-wrap textarea::selection{background:#77a7c980;color:transparent}.editor .title-wrap input::placeholder{color:#525252}

.progress{border:0;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;background:radial-gradient(circle,white 58%,transparent 61%),conic-gradient(#35654d var(--progress),#dcebe1 0);font-size:11px;font-weight:600}

.usage-settings{margin:32px 0 16px;padding:16px 0;border-top:1px solid #dce3e9}.usage-settings label{display:flex;flex-direction:row;align-items:center;font-size:14px;gap:9px;color:#171717}.usage-settings input{width:18px;height:18px;accent-color:#171717;flex:none}.usage-settings .hint{max-width:750px;line-height:1.6;color:#525252}

.settings-dialog{width:min(720px,95vw);max-height:85vh;overflow:auto;border:1px solid #bbb;border-radius:12px;padding:20px}.settings-dialog label,.editor details label{display:block;margin:8px 0}.settings-dialog input:not([type=color]),.settings-dialog textarea{max-width:100%;box-sizing:border-box}.config-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.editor details{padding:10px;border-top:1px solid #ddd}.editor summary,.settings-dialog summary{cursor:pointer;font-weight:600}.editor details textarea{width:100%;box-sizing:border-box}dialog::backdrop{background:#0007}

/* Compact rows; keep comfortable touch targets and semantic tag/priority colors. */
main{padding-top:26px}header{align-items:flex-start}header .actions{justify-content:flex-end}#board{gap:12px}.section-heading{padding:10px 16px}.notes{padding:0 14px}.note{padding:4px 0;border-bottom-color:#e5e5e5;gap:8px}.note-text{line-height:1.35}.note>.icon{min-height:36px;min-width:36px}.empty{padding:12px 16px}.count{color:#171717}#status{margin:18px 0 14px}#controls{padding:12px;border-color:#ddd}#summary{margin:14px 2px}.later-heading{list-style:none;border-top:1px solid #ddd}.later-heading button{width:100%;text-align:left;border:0;border-radius:0;padding:10px 0;font-weight:600;background:transparent}.editor-help{display:inline-block;margin:8px 0;color:#171717}.guide{max-width:820px}.guide section{margin:28px 0}.guide p,.guide li{line-height:1.6}.guide nav{display:flex;flex-wrap:wrap;gap:12px}.guide a{color:#171717}.guide table{border-collapse:collapse;width:100%;font-size:14px}.guide td,.guide th{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid #ddd}@media(pointer:coarse){.note>.icon{min-height:44px;min-width:44px}}@media(max-width:650px){header .actions{justify-content:flex-start}}

/* Cassetti identity: shared monochrome banners around a compact workspace. */
.app-page{background:#faf9f6}
.site-header{display:block;background:#171717;color:#fff;border-bottom:1px solid #383838}
.header-inner,.intro-inner,.footer-inner{width:min(1120px,100%);margin:auto;padding-left:28px;padding-right:28px}
.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:13px;color:inherit;text-decoration:none;flex-shrink:0}
.brand img{display:block;border-radius:12px;object-fit:contain;background:white}
.brand>span{font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1.15}
.brand .brand-edition{display:block;margin-top:6px;font-size:9px;font-weight:500;letter-spacing:1.6px;color:#ccc}
.site-header nav,.site-footer nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.site-header nav a,.site-footer nav a{color:#ddd;text-decoration:none;font-size:13px;line-height:1.6}
.site-header nav a:hover,.site-footer nav a:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.intro-banner{background:#171717;color:white;overflow:hidden}
.intro-inner{display:flex;align-items:center;justify-content:space-between;gap:44px;padding-top:36px;padding-bottom:38px}
.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 10px;color:#666}
.intro-banner .eyebrow{color:#c9c4b7}
.intro-banner h1{font-size:clamp(30px,3.5vw,44px);font-weight:650;line-height:1.12;letter-spacing:-1.6px;margin:0;max-width:650px}
.intro-banner .title-dot{font:inherit;background:none;border-radius:0;padding:0;color:#dbc792;vertical-align:baseline;letter-spacing:inherit}
.intro-copy{font-size:14px;line-height:1.65;color:#c8c8c8;max-width:470px;margin:16px 0 0}
.intro-art{width:185px;flex:none;transform:rotate(-6deg);padding:8px 0}
.art-label{font-size:8px;letter-spacing:1.5px;color:#b5ad99;display:block;margin-bottom:10px;text-align:center}
.art-drawer{height:33px;border:1px solid #7e7869;background:#242320;position:relative;border-radius:5px;margin-top:6px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.art-drawer:nth-child(3){transform:translateX(-12px);background:#38342c;border-color:#b4a78c}
.art-drawer i{display:block;width:33px;height:5px;border:1px solid #b4a78c;border-top:0;border-radius:0 0 4px 4px;margin-left:55px}
.art-drawer>span{font-size:8px;color:#b4a78c}
.app-page main{padding-top:30px;padding-bottom:30px;min-height:44vh}
.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}
.workspace-toolbar .eyebrow{margin-bottom:5px}
.workspace-toolbar h2{font-size:25px;font-weight:650;letter-spacing:-.8px;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.version-badge{display:inline-flex;gap:4px;padding:4px 7px;font-size:10px;font-weight:500;letter-spacing:0;background:#eae7e0;color:#514d43;border-radius:5px}
.app-page button{border-color:#d9d6cf;border-radius:8px}
.app-page button.primary{background:#171717;border-color:#171717;box-shadow:0 2px 3px #0000000d;color:white}
.workspace-toolbar .actions{gap:7px}
.workspace-toolbar .actions button{padding:10px 13px;font-size:12px;min-height:40px}
.workspace-toolbar .primary span{font-size:17px;margin-right:4px;vertical-align:middle}
.app-page #status{font-size:12px;margin:14px 0 18px;line-height:1.6}
.app-page #controls{background:#fff;border:1px solid #e3dfd6;box-shadow:0 2px 8px #33260003;padding:13px 16px;border-radius:10px;gap:16px}
.app-page #controls label{font-size:10px;font-weight:650;letter-spacing:.3px;gap:6px}
.app-page #controls input[type=search],.app-page #controls select{background:#faf9f6;border-color:#e1ddd5;font-size:13px;font-weight:400;letter-spacing:0;min-height:38px}
.app-page #controls .archive{font-size:12px;font-weight:400;letter-spacing:0}
.app-page #board{gap:14px}
.app-page .section{border-color:#e1ddd5;border-radius:10px;box-shadow:0 2px 5px #33260004}
.app-page .section-heading{position:relative;background:linear-gradient(#ffffffd9,#ffffffd9),var(--section-color,#b5b1a6);border-bottom:1px solid #e9e6df;font-size:12px;font-weight:750;letter-spacing:1.1px;padding:10px 16px 10px 20px;min-height:44px}
.app-page .section-heading:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--section-color,#aaa69b)}
.app-page .section-heading .count{background:#fff;color:#514d43;border:1px solid #0000000b;font-size:10px;font-weight:500;letter-spacing:0;min-width:24px;text-align:center;padding:3px 6px}
.app-page .section-heading .icon{background:#fff;border:1px solid #00000012;border-radius:6px;min-width:28px;min-height:28px;font-size:19px;margin:0;letter-spacing:0}
.app-page .notes{padding:0 16px}
.app-page .note{border-bottom-color:#eeece6}
.app-page .note>.icon{color:#6b675e;font-size:18px}
.app-page .note>.icon:hover{background:#f2f0e9;color:#171717}
.app-page .empty{font-size:12px;color:#757168;padding:13px 20px}
.app-page .due:not(.overdue){background:#f2f0e9;color:#514d43}
.app-page .usage-settings{border-color:#e1ddd5;padding:18px 0 0;margin:26px 0 0}
.app-page .usage-settings label{font-size:12px;color:#514d43}
.app-page .usage-settings .hint{font-size:11px;line-height:1.6;color:#706c63;max-width:670px;margin-bottom:0}
.app-page .usage-settings a{color:#514d43;text-underline-offset:3px}
.app-page #welcome{border:1px solid #e1ddd5;border-radius:12px;box-shadow:0 4px 20px #33260005;max-width:600px;padding:30px;margin:25px auto 35px}
.welcome-icon{border-radius:15px;display:block;margin:0 auto 18px}
.site-footer{display:block;background:#171717;color:#fff;margin:0;padding:0;border:0}
.footer-inner{padding-top:28px;padding-bottom:22px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:28px}
.site-footer .brand>span{font-size:23px}
.site-footer .brand .brand-edition{font-size:8px;letter-spacing:1.4px}
.site-footer nav{gap:22px}
.site-footer nav a{font-size:12px}
.footer-bottom{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;border-top:1px solid #383838;margin-top:25px;padding-top:17px;font-size:10px;line-height:1.7;color:#b9b9b9}
@media(max-width:760px){.workspace-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.intro-art{width:140px}.art-drawer i{margin-left:30px}.intro-inner{gap:24px}.site-header nav{gap:16px}.brand .brand-edition{font-size:8px;letter-spacing:1px}.footer-top{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:500px){.header-inner,.intro-inner,.footer-inner{padding-left:20px;padding-right:20px}.header-inner{min-height:80px;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:16px}.site-header .brand>span{font-size:25px}.site-header nav{width:100%;justify-content:space-between;border-top:1px solid #383838;padding-top:12px;gap:12px}.site-header nav a{font-size:12px}.intro-inner{padding-top:28px;padding-bottom:30px}.intro-art{display:none}.intro-banner h1{font-size:35px;max-width:320px}.intro-copy{font-size:13px;max-width:320px}.app-page main{padding:24px 16px}.workspace-toolbar h2{font-size:24px}.workspace-toolbar .actions{flex-wrap:wrap;width:100%}.workspace-toolbar .actions button{font-size:12px;padding:9px 12px}.app-page #controls{padding:12px;gap:12px}.site-footer nav{gap:20px}.footer-bottom{flex-direction:column;gap:8px}.app-page .section-heading{letter-spacing:.8px}}

/* Shared guide: one prose source for phone and web; release links remain last. */
.guide{overflow-wrap:anywhere;padding-bottom:40px}.guide>h1{font-size:36px;letter-spacing:-1px}.guide-intro{font-size:16px;color:#444}.guide>nav{padding:20px 0;border-bottom:1px solid #e1ddd5;gap:8px 16px}.guide>nav a{font-size:13px;text-decoration:none}.guide>nav a:hover{text-decoration:underline}.guide section{scroll-margin-top:24px;margin:36px 0}.guide section h2{font-size:23px;font-weight:650}.guide-topic-body p{font-size:16px;line-height:1.75}.guide .guide-history{margin-top:48px;border-top:1px solid #e1ddd5;padding-top:20px}.guide .guide-history h2{font-size:16px}.guide-history a{font-size:13px}.guide>nav a:focus-visible{outline-offset:4px}

/* Latest Web release: native disclosure, generated from the shared release notes. */
.whats-new{background:#eeede9;color:#252522;border-bottom:1px solid #dedcd5}
.whats-new-inner{max-width:1120px;margin:auto;padding:0 28px}
.whats-new summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:46px;padding:11px 0;font-size:12px;font-weight:650}
.whats-new summary::-webkit-details-marker{display:none}
.whats-new summary::after{content:"+";font-size:20px;font-weight:400;margin-left:auto;line-height:1}
.whats-new details[open] summary::after{content:"−"}
.whats-new summary:focus-visible{outline:2px solid #514d43;outline-offset:-2px;border-radius:4px}
.news-dot{width:5px;height:5px;background:#8a7a52;border-radius:50%;flex:none}
.news-version{font-size:10px;font-weight:500;color:#5c5950;border:1px solid #d6d2c8;border-radius:4px;padding:2px 5px;white-space:nowrap}
.news-hint{font-size:11px;font-weight:400;color:#68645b}
.news-content{padding:2px 17px 18px;max-width:760px}
.news-content h2{font-size:14px;font-weight:650;letter-spacing:0;margin:0 0 8px}
.news-content ul{padding-left:18px;margin:0;font-size:13px;line-height:1.7;color:#514d43}
.news-content li+li{margin-top:3px}
@media(max-width:500px){.whats-new-inner{padding:0 20px}.whats-new summary{gap:9px}.news-hint{display:none}.news-content{padding-left:14px}}