@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@500;600&family=Inter:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&family=Lora:wght@500;600&family=Manrope:wght@400;500;600;700&family=Merriweather:wght@500;600&family=Newsreader:opsz,wght@6..72,500;6..72,600&family=Nunito+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Playfair+Display:wght@500;600&family=Source+Sans+3:wght@400;500;600;700&family=Spectral:wght@500;600&family=Work+Sans:wght@400;500;600;700&display=swap";:root{font-family:var(--font-body,"DM Sans", sans-serif);color:#273126;font-synthesis:none;--green:var(--accent,#4f5f48);--green-2:var(--accentAlt,#68775f);--paper:var(--surface,#fbfaf6);--line:var(--border,#dedbcf);--muted:#73786e;--shadow:0 18px 50px #2d34281a;--font-body:"DM Sans", sans-serif;--font-display:"Newsreader", serif;--soft-surface:color-mix(in srgb, var(--surface) 58%, var(--background) 42%);--soft-surface-strong:color-mix(in srgb, var(--surface) 38%, var(--background) 62%);background:#f4f1e9}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 70% 0, color-mix(in srgb, var(--surface) 74%, transparent) 0, transparent 34%), var(--background);margin:0;font-size:.82rem}button,input,textarea,select{font:inherit}button{cursor:pointer}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fix-shell{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.fix-sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--soft-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.fix-brand{align-items:center;gap:11px;padding:0 8px;display:flex}.fix-brand img{border-radius:11px;width:38px;height:38px}.fix-brand strong{font:600 1.65rem var(--font-display)}.fix-sidebar nav{gap:5px;margin-top:0;display:grid}.fix-sidebar nav button,.bottom-nav button{color:var(--muted);background:0 0;border:0}.fix-sidebar nav button{text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.fix-sidebar nav button svg{width:19px}.fix-sidebar nav button.active{background:var(--surfaceAlt);color:var(--green);font-weight:700}.sync-line{color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;margin-top:auto;padding:10px;font-size:.78rem;display:flex}.sync-line svg{width:16px}.fix-main{width:min(960px,100% - 48px);margin:0 auto;padding:42px 0 100px}.mobile-top,.bottom-nav{display:none}.journal-head,.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.kicker{color:var(--green-2);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.journal-head h1,.page-title h1{font-family:var(--font-display);text-transform:none;margin:0;font-weight:600}.journal-head h1{font-size:clamp(1.4rem,3vw,1.7rem)}.page-title h1{font-size:clamp(2rem,5vw,3.4rem)}.journal-head h1:first-letter,.page-title h1:first-letter{text-transform:uppercase}.date-nav{border:1px solid var(--line);background:var(--soft-surface);border-radius:12px;align-items:center;display:flex;overflow:hidden}.date-nav button{border:0;border-right:1px solid var(--line);min-height:38px;color:var(--green);background:0 0;padding:0 12px}.date-nav button:last-child{border:0}.date-nav svg{width:17px}.composer{background:var(--paper);border:1px solid #d8ddcf;border-radius:20px;padding:18px;box-shadow:0 10px 30px #3b463512}.composer>textarea{resize:vertical;color:#273126;width:100%;min-height:72px;font:500 .88rem/1.55 var(--font-body);background:0 0;border:0;outline:0;padding:4px}.composer>textarea::placeholder{color:#9b9e96}.composer-bar{border-top:1px solid #ece9df;align-items:center;gap:10px;padding-top:12px;display:flex}.composer-bar>button:first-child{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;display:flex}.composer-bar>button:first-child.active{color:var(--green)}.composer-bar svg{width:17px}.button{border:1px solid var(--line);background:var(--paper);color:#273126;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex}.button svg{width:17px}.button.primary{border-color:var(--green);background:var(--green);color:#fff;margin-left:auto}.button.wide{width:100%;margin-left:0}.button.danger{color:#91493d;border-color:#d9b6ad}.photo-picked{max-width:220px;color:var(--muted);align-items:center;gap:6px;font-size:.78rem;display:flex;overflow:hidden}.photo-picked svg{width:15px}.advanced{border-top:1px solid #ece9df;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;padding-top:16px;display:grid}.field{gap:6px;display:grid}.field>span,.selector>span{color:var(--muted);font-size:.76rem;font-weight:700}input,textarea,select{border:1px solid var(--line);color:#273126;background:#fff;border-radius:10px;outline:none;width:100%;min-height:42px;padding:9px 11px}input:focus,textarea:focus,select:focus{border-color:#8b9980;box-shadow:0 0 0 3px #4f5f481a}.advanced .selector{grid-column:1/-1}.selector{gap:7px;display:grid}.selector>div{flex-wrap:wrap;gap:6px;display:flex}.selector button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:20px;padding:6px 10px;font-size:.8rem}.selector button.active{border-color:var(--green);background:var(--surfaceAlt);color:var(--green);font-weight:700}.journal-tools{align-items:center;gap:8px;margin:18px 0 26px;display:flex;overflow-x:auto}.search-box{border:1px solid var(--line);background:color-mix(in srgb, var(--soft-surface) 88%, transparent);border-radius:11px;flex:1;align-items:center;gap:8px;min-width:230px;padding:0 12px;display:flex}.search-box svg{width:17px;color:var(--muted)}.search-box input{box-shadow:none;background:0 0;border:0;padding-left:0}.journal-tools select{width:auto;max-width:160px}.periods{border:1px solid var(--line);background:var(--soft-surface);border-radius:10px;padding:3px;display:flex}.periods button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:.78rem}.periods button.active{background:var(--surfaceAlt);color:var(--green);font-weight:700}.journal-display-controls{align-items:center;gap:8px;display:flex}.layout-switch{border:1px solid var(--line);background:var(--soft-surface);border-radius:10px;padding:3px;display:flex}.layout-switch button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:.76rem;display:flex}.layout-switch button.active{background:var(--surfaceAlt);color:var(--green);font-weight:700}.layout-switch svg{width:15px}.timeline{gap:10px;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:46px;bottom:0;left:87px}.day-group{margin-bottom:22px;position:relative}.day-group>header{color:var(--green);font:600 1.15rem var(--font-display);align-items:center;gap:10px;margin-bottom:11px;padding-left:108px;display:flex}.day-group>header b{background:var(--surfaceAlt);width:23px;height:23px;font:700 .68rem var(--font-body);border-radius:50%;place-items:center;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px}.entry-card{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--soft-surface) 78%, transparent);box-shadow:0 7px 22px color-mix(in srgb, var(--shadow) 42%, transparent);grid-template-columns:70px 1fr 34px;gap:18px;margin-bottom:9px;padding:17px 18px;display:grid;position:relative}.entry-card:before{content:"";border:3px solid var(--background);background:var(--green);border-radius:50%;width:9px;height:9px;position:absolute;top:26px;left:79px}.entry-card time{color:var(--muted);text-align:right;padding-top:3px;padding-right:14px;font-size:.78rem}.entry-body{padding-left:12px}.entry-body>p{margin:0;font-size:.82rem;line-height:1.55}.entry-note{color:var(--muted);white-space:pre-wrap;margin-top:5px;display:block}.entry-body>img{object-fit:cover;border-radius:13px;max-width:min(100%,440px);max-height:310px;margin-top:12px;display:block}.entry-body footer{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.entry-body footer span,.entry-body footer i{background:var(--surfaceAlt);color:var(--muted);border-radius:8px;align-items:center;gap:4px;padding:4px 7px;font-size:.7rem;font-style:normal;display:flex}.entry-body footer svg{width:12px}.entry-body footer i{background:color-mix(in srgb, var(--tag) 14%, var(--soft-surface));color:color-mix(in srgb, var(--tag) 78%, var(--text))}.french-calendar{border:1px solid var(--line);background:var(--soft-surface);box-shadow:0 10px 32px color-mix(in srgb, var(--shadow) 46%, transparent);border-radius:18px;overflow:hidden}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{border-bottom:1px solid var(--line);background:var(--soft-surface-strong);padding:0 10px}.calendar-weekdays span{color:var(--muted);letter-spacing:.06em;text-align:center;text-transform:uppercase;padding:12px 6px 10px;font-size:.7rem;font-weight:700}.calendar-grid{border-left:1px solid #0000}.calendar-day{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 36%, var(--background) 64%);min-width:0;min-height:116px;color:var(--text);text-align:left;flex-direction:column;align-items:stretch;gap:9px;padding:10px;display:flex}.calendar-day:nth-child(7n){border-right:0}.calendar-day:nth-last-child(-n+7){border-bottom:0}.calendar-day:hover{background:var(--surfaceAlt)}.calendar-day>strong{width:28px;height:28px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1rem;font-weight:600;display:grid}.calendar-day.today>strong{background:var(--accent);color:var(--surface)}.calendar-day.outside{opacity:.43}.calendar-events{gap:4px;min-width:0;display:grid}.calendar-events>span{border-left:2px solid var(--accent);background:var(--surfaceAlt);border-radius:4px;grid-template-columns:auto minmax(0,1fr);gap:5px;min-width:0;padding:4px 6px;font-size:.65rem;display:grid}.calendar-events time{color:var(--muted);font-weight:500}.calendar-events b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.calendar-events em{color:var(--muted);font-size:.64rem;font-style:normal}.calendar-hint{border-top:1px solid var(--line);color:var(--muted);text-align:right;margin:0;padding:10px 14px;font-size:.7rem}.entry-edit{color:#a3a69f;opacity:0;background:0 0;border:0;align-self:start;padding:6px}.entry-card:hover .entry-edit{opacity:1}.entry-edit svg{width:16px}.empty{min-height:200px;color:var(--muted);place-items:center;gap:8px;display:grid}.empty svg{width:30px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f251d6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);width:min(620px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:21px;gap:15px;padding:26px;display:grid;position:relative;overflow:auto}.modal h2{font:600 1.8rem var(--font-display);margin:0 40px 4px 0}.close{background:0 0;border:0;padding:7px;position:absolute;top:17px;right:17px}.close svg{width:20px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:space-between;gap:10px;display:flex}.modal-actions .primary{margin-left:auto}.simple-list{gap:8px;display:grid}.task-list-tabs{border:1px solid var(--line);background:var(--soft-surface);border-radius:11px;gap:3px;width:max-content;margin:-4px 0 18px;padding:3px;display:flex}.task-list-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 15px;font-size:.78rem}.task-list-tabs button.active{background:var(--surfaceAlt);color:var(--green);font-weight:700}.accessory-total{border:1px solid var(--line);background:color-mix(in srgb, var(--surfaceAlt) 68%, var(--paper));border-radius:16px;align-items:center;gap:14px;margin-bottom:22px;padding:17px 18px;display:flex}.accessory-total>svg{width:28px;height:28px;color:var(--green)}.accessory-total>div{flex-wrap:wrap;align-items:baseline;gap:4px 9px;display:flex}.accessory-total small{width:100%;color:var(--muted)}.accessory-total strong{color:var(--text);font:600 1.55rem var(--font-display)}.accessory-total span{color:var(--muted);font-size:.72rem}.task-sections{gap:26px;display:grid}.task-sections>section>header{color:var(--muted);align-items:center;gap:8px;margin-bottom:9px;display:flex}.task-sections>section>header>span{background:var(--surfaceAlt);border-radius:50%;place-items:center;min-width:21px;height:21px;font-size:.66rem;font-weight:700;display:grid}.task-row{grid-template-columns:48px minmax(0,1fr) 46px;align-items:stretch;padding:0;display:grid;overflow:hidden}.task-row>button{color:var(--text);background:0 0;border:0}.task-check{place-items:center;padding:0 0 0 14px;display:grid}.task-check i{border:1px solid color-mix(in srgb, var(--muted) 55%, transparent);border-radius:7px;justify-content:center;align-items:center;width:23px;height:23px;font-style:normal;display:flex}.task-check svg{width:15px}.task-content{text-align:left;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px 10px;display:flex}.task-content>span{gap:3px;min-width:0;display:grid}.task-content strong,.task-content small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-content small{color:var(--muted)}.task-duration{background:var(--surfaceAlt);color:var(--green);border-radius:9px;flex:none;align-items:center;gap:5px;padding:5px 8px;font-size:.72rem;display:inline-flex}.task-duration svg{width:14px}.task-transfer{place-items:center;display:grid;color:var(--muted)!important}.task-transfer:hover{background:var(--surfaceAlt);color:var(--green)!important}.task-transfer svg{width:17px}.task-row.done .task-content{opacity:.55}.task-row.done .task-content strong{text-decoration:line-through}.estimate-fieldset{border:1px solid var(--line);border-radius:12px;margin:0;padding:13px}.estimate-fieldset legend{color:var(--muted);padding:0 6px;font-size:.76rem;font-weight:700}.estimate-fieldset>div{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.clear-estimate{min-height:42px;color:var(--danger);background:0 0;border:0;padding:0 10px;font-size:.75rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.project-card{cursor:pointer;padding:20px}.project-card h2{font:600 1.5rem var(--font-display);margin:13px 0 7px}.project-card p{color:var(--muted);margin:0;line-height:1.5}.project-card footer{color:var(--muted);justify-content:space-between;gap:10px;margin-top:20px;font-size:.75rem;display:flex}.project-card footer span{align-items:center;gap:5px;display:flex}.project-card footer svg{width:14px}.status{color:var(--green);text-transform:uppercase;background:#e7eadf;border-radius:8px;padding:5px 8px;font-size:.67rem;font-weight:800}.status.done,.status.archived{color:#777;background:#eceae5}.status.paused{color:#856939;background:#f1e6d1}.settings-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;margin-bottom:14px;padding:20px}.settings-card h2{font:600 1.35rem var(--font-display);margin:0 0 16px}.toggle{align-items:center;gap:12px;display:flex}.toggle input{opacity:0;width:1px;position:absolute}.toggle>span{border:1px solid var(--line);background:var(--surfaceAlt);border-radius:20px;width:44px;height:24px;position:relative}.toggle>span:after{content:"";background:var(--soft-surface-strong);width:18px;height:18px;box-shadow:0 1px 4px color-mix(in srgb, var(--shadow) 70%, transparent);border-radius:50%;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translate(20px)}.toggle div{display:grid}.toggle small{color:var(--muted)}.tag-form{grid-template-columns:1fr 54px 1.4fr auto;gap:8px;display:grid}.tag-form input[type=color]{padding:4px}.tag-form .primary{margin:0}.tag-list{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.tag-list span{background:color-mix(in srgb, var(--tag) 15%, white);color:color-mix(in srgb, var(--tag) 75%, black);border-radius:20px;padding:5px 9px;font-size:.78rem}.fix-login,.restore{place-items:center;min-height:100vh;display:grid}.fix-login form{border:1px solid var(--line);background:var(--paper);width:min(390px,100% - 36px);box-shadow:var(--shadow);border-radius:22px;gap:16px;padding:30px;display:grid}.fix-login h1{font:600 2rem var(--font-display);margin:8px 0 0}.install-fix{border:1px solid var(--line);background:var(--soft-surface);color:var(--muted);border-radius:14px;align-items:center;margin:4px 0 18px;padding:12px;display:flex}.install-fix p{margin:0;line-height:1.5}.fix-login .install-fix,.fix-login .install-fix .button{margin:0}.transfer-settings>p{color:var(--muted);line-height:1.55}.transfer-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.transfer-message{color:var(--green);margin-bottom:0}.backup-status-card strong{color:var(--accent)}.backup-status-card small{color:var(--muted);margin-top:.35rem;display:block}.error{color:#a04036}.restore{color:var(--green);align-content:center;gap:12px}@media (width<=760px){.fix-shell{display:block}.fix-sidebar{display:none}.mobile-top{z-index:20;background:color-mix(in srgb, var(--soft-surface-strong) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #dedbcfcc;justify-content:flex-end;align-items:center;padding:6px 14px;display:flex;position:sticky;top:0}.mobile-top>button{color:var(--green);background:0 0;border:0;padding:7px}.mobile-top svg{width:19px}.fix-main{width:100%;padding:24px 14px 100px}.bottom-nav{z-index:30;padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--soft-surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{place-items:center;gap:2px;padding:4px 0;font-size:.6rem;display:grid}.bottom-nav button svg{width:19px}.bottom-nav button.active{color:var(--green);font-weight:700}.journal-head,.page-title{align-items:center}.journal-head h1{font-size:1.35rem}.page-title h1{font-size:2rem}.date-nav button:nth-child(2){display:none}.composer{border-radius:16px;padding:14px}.composer>textarea{font-size:.88rem}.advanced{grid-template-columns:1fr}.advanced .selector{grid-column:auto}.journal-tools{flex-wrap:wrap;margin:12px 0 20px;padding:0;overflow:visible}.search-box{flex-basis:100%;min-width:0}.journal-display-controls{flex-wrap:wrap;order:2;justify-content:flex-end;width:100%}.periods{order:2;width:100%}.periods button{flex:1}.journal-tools select{min-width:130px}.timeline:before{left:47px}.day-group>header{padding-left:67px;font-size:1.05rem}.entry-card{grid-template-columns:39px 1fr 22px;gap:8px;padding:14px 5px}.entry-card:before{left:43px}.entry-card time{font-size:.67rem}.entry-body{padding-left:10px}.entry-body>p{font-size:.82rem}.entry-edit{opacity:1}.project-grid{grid-template-columns:1fr}.task-row{grid-template-columns:44px minmax(0,1fr) 42px}.task-check{padding-left:10px}.task-content{flex-direction:column;align-items:flex-start;gap:7px;padding:12px 7px}.task-duration{padding:4px 7px}.estimate-fieldset>div{grid-template-columns:1fr 1fr}.clear-estimate{grid-column:1/-1;justify-self:start;min-height:30px;padding:0}.modal{padding:22px 17px}.two{grid-template-columns:1fr}.tag-form{grid-template-columns:1fr 52px}.tag-form input:nth-child(3),.tag-form .button{grid-column:1/-1}.photo-picked{display:none}}@media (width<=390px){.bottom-nav span{display:none}.bottom-nav button{padding:8px}.journal-head{display:block}.date-nav{width:max-content;margin-top:12px}.composer-bar .button{padding:0 12px}.journal-tools select{display:none}}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:fixed!important;overflow:hidden!important}.composer-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.camera-button,.composer-submit,.camera-quiet{border-radius:50%;place-items:center;padding:0;display:grid}.camera-button{border:1px solid var(--line);background:var(--paper);width:42px;height:42px;color:var(--green)}.composer-submit{background:var(--green);width:50px;height:50px;color:var(--paper);box-shadow:0 8px 22px color-mix(in srgb, var(--green) 28%, transparent);border:0}.composer-submit:disabled{opacity:.38;box-shadow:none}.composer-submit svg{stroke-width:3px;width:27px;height:27px}.photo-field>div{align-items:center;gap:8px;display:flex}.photo-field button{border:1px solid var(--line);background:var(--paper);min-height:42px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.photo-field button:first-child{flex:1}.photo-field button.camera-quiet{width:42px;color:var(--green);flex:0 0 42px;padding:0}.photo-field svg{width:17px}.annotator-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e09d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.annotator{background:var(--paper);width:min(760px,100%);max-height:calc(100dvh - 36px);box-shadow:var(--shadow);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.annotator>header{border-bottom:1px solid var(--line);text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;padding:10px 12px;display:grid}.annotator>header button{background:var(--surfaceAlt);width:38px;height:38px;color:var(--text);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.annotator>header svg{width:19px}.annotation-canvas-wrap{background:#111;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.annotation-canvas-wrap canvas{touch-action:none;max-width:100%;max-height:calc(100dvh - 210px);display:block}.annotation-canvas-wrap>svg{color:#fff;position:absolute}.annotation-tools{border-top:1px solid var(--line);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.annotation-colors{gap:6px;display:flex}.annotation-colors button{border:3px solid var(--paper);background:var(--ink);width:28px;height:28px;box-shadow:0 0 0 1px var(--line);border-radius:50%;padding:0}.annotation-colors button.active{box-shadow:0 0 0 2px var(--green)}.annotation-done{background:var(--green);min-height:42px;color:var(--paper);border:0;border-radius:12px;align-items:center;gap:7px;padding:0 14px;font-weight:700;display:inline-flex}.palette-settings>header,.font-settings>header{align-items:center;gap:11px;margin-bottom:16px;display:flex}.palette-settings>header>span,.font-settings>header>span{background:var(--surfaceAlt);width:40px;height:40px;color:var(--green);border-radius:12px;place-items:center;display:grid}.palette-settings>header svg,.font-settings>header svg{width:20px}.palette-settings h2,.font-settings h2{margin:0}.palette-settings header small,.font-settings header small{color:var(--muted)}.fix-palette-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.fix-palette-grid>button{border:1px solid var(--line);min-width:0;color:var(--text);text-align:left;background:0 0;border-radius:12px;gap:5px;padding:9px;display:grid;position:relative}.fix-palette-grid>button.selected{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb, var(--green) 18%, transparent)}.fix-palette-grid>button>span{background:var(--preview-bg);border-radius:8px;grid-template-columns:1.4fr 1fr 1fr;height:34px;display:grid;overflow:hidden}.fix-palette-grid>button i:first-child{background:var(--preview-surface)}.fix-palette-grid>button i:nth-child(2){background:var(--preview-accent)}.fix-palette-grid>button i:nth-child(3){background:var(--preview-alt)}.fix-palette-grid>button strong{font-size:.72rem}.fix-palette-grid>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.fix-palette-grid>button>svg{background:var(--green);width:15px;color:var(--paper);border-radius:50%;padding:2px;position:absolute;top:5px;right:5px}.palette-workspace{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:start;gap:22px;display:grid}.palette-controls{min-width:0}.palette-controls .fix-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-palette{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.custom-palette>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.custom-palette>div:first-child>div{gap:3px;display:grid}.custom-palette small{color:var(--muted)}.custom-palette .button{flex:none;min-height:36px;font-size:.78rem}.custom-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.custom-colors>label{color:var(--muted);gap:5px;font-size:.78rem;font-weight:700;display:grid}.custom-colors>label>div{grid-template-columns:38px minmax(0,1fr);gap:6px;display:grid}.custom-colors input{min-width:0;min-height:36px;padding:6px 8px;font-size:.72rem}.custom-colors input[type=color]{width:38px;padding:3px}.fix-window-preview{border:1px solid var(--border);background:var(--background);color:var(--text);box-shadow:0 18px 44px var(--shadow);border-radius:18px;position:sticky;top:24px;overflow:hidden}.fix-window-preview>header{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;padding:0 13px;display:grid}.fix-window-preview>header>span{gap:5px;display:flex}.fix-window-preview>header i{background:var(--muted);border-radius:50%;width:8px;height:8px}.fix-window-preview>header i:nth-child(2){background:var(--warning)}.fix-window-preview>header i:nth-child(3){background:var(--success)}.preview-window-body{padding:16px}.preview-periods{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:center;border-radius:9px;grid-template-columns:repeat(4,1fr);padding:3px;font-size:.68rem;display:grid}.preview-periods>*{padding:6px 2px;font-weight:500}.preview-periods b{background:var(--surfaceAlt);color:var(--accent);border-radius:6px;font-weight:700}.preview-window-body h3{font:600 1.35rem var(--font-display);margin:17px 0 11px}.preview-composer{border:1px solid var(--border);background:var(--surface);min-height:54px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:9px 10px 9px 13px;display:flex}.preview-composer>span{flex:1}.preview-composer b{background:var(--accent);width:34px;height:34px;color:var(--surface);border-radius:50%;place-items:center;display:grid}.preview-composer svg{width:18px}.preview-window-body>small{color:var(--accent);font-family:var(--font-display);margin:16px 0 8px;font-size:.78rem;font-weight:600;display:block}.preview-window-body article{background:var(--surface);border-radius:11px;grid-template-columns:38px 9px minmax(0,1fr);align-items:start;gap:7px;padding:11px 8px;display:grid}.preview-window-body article time{color:var(--muted);padding-top:2px;font-size:.66rem}.preview-window-body article>i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-top:4px}.preview-window-body article p{margin:0 0 7px;font-size:.78rem}.preview-window-body article div span{background:var(--surfaceAlt);color:var(--accentAlt);border-radius:6px;padding:3px 6px;font-size:.62rem}.preview-window-body footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);justify-content:space-around;margin:17px -16px -16px;padding:11px 5px;font-size:.66rem;display:flex}.preview-window-body footer span:first-child{color:var(--accent);font-weight:700}.font-set-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.font-set-grid>button{border:1px solid var(--line);background:var(--soft-surface);min-width:0;min-height:142px;color:var(--text);text-align:left;border-radius:13px;align-content:start;gap:3px;padding:13px;display:grid;position:relative}.font-set-grid>button:hover{background:var(--surfaceAlt)}.font-set-grid>button.selected{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb, var(--green) 18%, transparent)}.font-set-grid>button>span{color:var(--green);font-family:var(--sample-display);margin-bottom:6px;font-size:1.65rem;font-weight:600}.font-set-grid>button>strong{font-family:var(--sample-display);font-size:.96rem;font-weight:600}.font-set-grid>button>small{color:var(--muted);font-family:var(--sample-body);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.font-set-grid>button>p{color:var(--text);font-family:var(--sample-body);margin:7px 0 0;font-size:.72rem}.font-set-grid>button>svg{background:var(--green);width:18px;height:18px;color:var(--surface);border-radius:50%;padding:3px;position:absolute;top:9px;right:9px}@media (width<=760px){.composer-bar,.composer-actions{gap:7px}.camera-button{width:40px;height:40px}.composer-submit{width:52px;height:52px}.fix-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.font-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.french-calendar{border-radius:14px}.calendar-weekdays{padding:0 3px}.calendar-weekdays span{padding:9px 1px 7px;font-size:.59rem}.calendar-day{gap:4px;min-height:67px;padding:5px}.calendar-day>strong{width:24px;height:24px;font-size:.82rem}.calendar-events{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.calendar-events>span{background:var(--accent);border:0;border-radius:50%;width:5px;height:5px;padding:0;display:block;overflow:hidden}.calendar-events time,.calendar-events b{display:none}.calendar-events em{font-size:.54rem}.calendar-hint{padding:8px 10px}.palette-workspace{grid-template-columns:1fr}.fix-window-preview{position:static}.custom-palette>div:first-child{flex-direction:column;align-items:flex-start}.annotation-tools{grid-template-columns:1fr auto}.annotation-colors{grid-column:1/-1}}@media (width<=390px){.custom-colors{grid-template-columns:1fr}.journal-display-controls{gap:6px}.layout-switch button{flex:1;padding:5px 7px}.layout-switch{width:100%}.layout-switch button svg{display:none}.composer-bar>button:first-child{font-size:.75rem}.annotation-tools{grid-template-columns:1fr}.annotation-colors{grid-column:auto}.annotation-done{justify-content:center}}