:root{--paper:#f5f1e8;--card:#fffcf5;--ink:#30352d;--green:#65775b;--deep:#42533c;--line:#e2ded2;--muted:#7d8275;--red:#a64f43;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #95a987;outline-offset:3px}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(2rem,3.7vw,3.1rem);margin:8px 0 12px;letter-spacing:-.035em}h2{font-size:1.65rem;margin:6px 0 18px}h3{font-size:1.3rem}p{line-height:1.65}.top{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:relative}.brand{font-size:1.8rem;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.leaf{color:var(--green);font-size:2.8rem}.top-right{display:flex;gap:20px;align-items:center}.top-right #save-status{font-size:.84rem;color:var(--green)}.icon{border:0;background:none;color:var(--green);font-size:1.6rem;min-width:44px;min-height:44px}main{max-width:1160px;margin:0 auto;padding:40px 30px 130px;position:relative}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 20px #393b2510}.eyebrow{font-size:.69rem;letter-spacing:.16em;color:var(--green);font-weight:650;margin:0 0 10px}.muted{color:var(--muted)}.fine{font-size:.8rem;color:var(--muted);line-height:1.6}.error{color:var(--red);font-size:.9rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-head label{max-width:180px}.writing-layout{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}.mood-card{padding:28px 20px;text-align:center}.mood-card h2{font-size:1.8rem}.mood-card .eyebrow{font-size:.58rem}.mood-buttons{display:flex;justify-content:center;gap:5px;margin:24px 0}.mood-buttons button{font-size:2rem;border:2px solid transparent;background:#f3eedf;border-radius:50%;width:50px;height:50px;padding:0;transition:.2s}.mood-buttons button.selected{border-color:var(--green);box-shadow:0 0 0 4px #65775b25;transform:scale(1.06)}.mood-card .muted{font-size:.85rem}.small-note{text-align:center;color:var(--muted);font-family:Georgia,serif;font-style:italic;margin:35px 0}.small-note span{font-size:3rem;color:#9caa8f}.notebook{padding:28px}.category-tabs{display:flex;gap:8px;margin-bottom:30px}.category-tabs button{flex:1;background:#f3efe5;border:1px solid var(--line);border-radius:12px;min-height:46px;color:var(--ink)}.category-tabs button.active{background:var(--green);color:white;border-color:var(--green)}.notebook textarea{width:100%;resize:vertical;min-height:280px;border:0;border-radius:0;color:var(--ink);outline:none;font-family:Georgia,serif;font-size:1.15rem;line-height:2.05rem;background:repeating-linear-gradient(transparent,transparent 2rem,#e8e1d4 2rem,#e8e1d4 2.05rem);padding:4px 0 20px}.notebook textarea::placeholder{font-family:system-ui;font-size:1rem;color:#a3a497}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:26px}.attach-actions{display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;min-height:44px;padding:10px 20px;text-decoration:none;font-size:.9rem}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:var(--deep)}.secondary{background:transparent;border:1px solid #cecdbd;color:var(--deep)}.secondary:hover{background:#eeeadd}.text-button{background:none;border:0;color:var(--green);padding:12px 5px;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}.file-button{cursor:pointer;position:relative}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.entry-tools{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;color:var(--muted)}input:not([type=checkbox]):not([type=file]),select{border:1px solid var(--line);background:#fffdf8;border-radius:9px;color:var(--ink);padding:12px;min-height:44px;width:100%}input:focus,select:focus{outline:2px solid #aebba0;border-color:var(--green)}.bottom{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#f9f6efed;backdrop-filter:blur(12px);display:flex;justify-content:center;gap:100px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));z-index:5}.bottom button{background:none;border:0;color:#898a80;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.8rem;min-width:80px;min-height:52px}.bottom button span{font-size:1.75rem;line-height:1.1}.bottom button.active{color:var(--deep);font-weight:700}.welcome{max-width:520px;margin:35px auto;padding:45px;text-align:center}.welcome form{text-align:left;margin-top:28px}.welcome label{margin-top:16px}.welcome .primary{width:100%;margin-top:14px}.welcome .fine{margin-top:25px}.filters{padding:24px;margin-bottom:32px}.filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:16px}.filter-row label{flex:1;min-width:125px}.check{flex-direction:row;align-items:center;padding-top:20px}.check input{width:20px;height:20px;accent-color:var(--green)}.timeline-list{max-width:850px;margin:auto}.day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 5px 12px}.day-heading h2{font-size:1.3rem;margin:0}.day-mood{font-size:.85rem;white-space:nowrap;color:var(--green)}.entry{padding:26px;margin-bottom:20px}.entry-meta{display:flex;align-items:center;gap:12px}.entry-meta time{font-size:.75rem;color:var(--muted)}.entry-meta .edit{margin-left:auto}.category{border-radius:20px;padding:4px 14px;font-size:.75rem;color:var(--deep);background:#e3e9de}.category.Jobb{background:#efe0d7;color:#815c44}.category.Hemma{background:#e6e6d5;color:#646a41}.entry-text{white-space:pre-wrap;font-family:Georgia,serif;font-size:1.15rem;line-height:1.8;overflow-wrap:anywhere}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.attachment-grid img,.attachment-grid video{width:100%;max-height:380px;border-radius:12px;object-fit:cover;background:#e6e4db;display:block}.attachment-grid video{object-fit:contain}.attachment-grid>div{min-width:0}.sync-label{display:block;font-size:.7rem;color:var(--muted);margin-top:5px}.media-file{display:block;padding:30px 12px;background:#eee9dd;color:var(--green);border-radius:12px;overflow-wrap:anywhere}.more{display:flex;margin:24px auto}.empty{text-align:center;padding:45px}.empty>span{font-size:3rem;color:var(--green)}.mood-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.calendar,.mood-summary{padding:30px}.calendar h2{text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekday{text-align:center;font-size:.7rem;padding:10px 0;color:var(--muted)}.calendar-day{border:1px solid var(--line);background:transparent;min-height:75px;border-radius:10px;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:7px;padding:7px}.calendar-day small{font-size:.72rem;color:var(--muted)}.calendar-day span{font-size:1.55rem}.calendar-day.is-today{border-color:var(--green);background:#edf0e6}.feeling-count{display:flex;align-items:center;gap:12px;margin:24px 0}.feeling-count>span{font-size:1.8rem}.feeling-count>div{flex:1}.feeling-count strong{font-size:.8rem;font-weight:500}.feeling-count b{color:var(--green);font-weight:400}.bar{height:7px;background:#eeeade;border-radius:4px;margin-top:8px}.bar i{height:100%;display:block;background:#98aa87;border-radius:4px}.mood-summary .fine{margin-top:30px}dialog{border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);max-width:650px;width:calc(100% - 30px);padding:40px;max-height:88vh}dialog::backdrop{background:#29322666;backdrop-filter:blur(3px)}.modal-close{position:absolute;top:8px;right:10px}.settings-section{border-top:1px solid var(--line);margin-top:26px;padding-top:10px}.settings-section form button{margin-top:12px}.settings-section .secondary{margin-right:8px;margin-bottom:10px}.revision{display:block;border:1px solid var(--line);background:transparent;padding:16px;text-align:left;width:100%;margin-top:12px;border-radius:10px;color:var(--ink)}.revision strong{font-size:.8rem;color:var(--green)}.revision p{white-space:pre-wrap;font-size:.9rem}.immich-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.immich-choice{padding:0;border:3px solid transparent;border-radius:14px;overflow:hidden;position:relative;background:#eee}.immich-choice img{width:100%;height:170px;object-fit:cover;display:block}.immich-choice.chosen{border-color:var(--green)}.video-badge{position:absolute;bottom:8px;right:8px;background:#0009;color:white;padding:4px 8px;border-radius:8px;font-size:.8rem}#toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,15px);background:var(--deep);color:white;max-width:90%;border-radius:12px;padding:14px 22px;z-index:20;opacity:0;pointer-events:none;transition:.2s;font-size:.9rem}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.top{height:74px;padding:0 20px}.brand{font-size:1.45rem}.leaf{font-size:2rem}.top-right{gap:8px}main{padding:25px 16px 120px}.page-head{align-items:flex-start;gap:10px;margin-bottom:24px}.page-head label{max-width:145px}.page-head h1{font-size:1.95rem}.writing-layout,.mood-layout{grid-template-columns:1fr;gap:18px}.mood-card{padding:20px}.mood-card h2{font-size:1.7rem;margin-bottom:10px}.mood-buttons{margin:16px 0;gap:12px}.mood-buttons button{width:48px;height:48px}.small-note{display:none}.notebook{padding:20px}.category-tabs{margin-bottom:24px}.notebook textarea{min-height:240px;font-size:1.05rem}.editor-footer{flex-wrap:wrap}.editor-footer>.primary{width:100%;margin-top:8px}.attach-actions{width:100%}.attach-actions>.secondary{flex:1;padding:10px}.bottom{gap:25px;justify-content:space-evenly}.welcome{padding:30px 24px;margin:15px auto}.filter-row{gap:10px}.filter-row label{min-width:40%;flex:1}.filters{padding:18px}.entry{padding:20px}.day-heading{flex-wrap:wrap}.day-heading h2{font-size:1.15rem}.day-mood{font-size:.75rem}.calendar,.mood-summary{padding:20px}.calendar-grid{gap:4px}.calendar-day{min-height:62px;border-radius:7px}.calendar-day span{font-size:1.3rem}.calendar-day small{font-size:.65rem}.weekday{font-size:.62rem}dialog{padding:30px 20px}.page-head>.primary{font-size:.75rem;padding:10px;min-width:115px}.attachment-grid{gap:8px}.immich-choice img{height:150px}.top-right #save-status{font-size:.72rem}}
.format-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.format-toolbar button{font:inherit;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--deep);min-width:38px;min-height:40px;padding:6px 9px}.format-toolbar select{width:auto;min-height:40px;padding:6px;max-width:140px}.rich-writing{min-height:280px;outline:none;font:1.15rem/1.8 Georgia,serif;overflow-wrap:anywhere}.rich-writing:focus{box-shadow:inset 0 -2px var(--green)}.rich-writing:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rich-writing p,.entry-text p{margin:0 0 1em}.entry-text{white-space:normal}.rich-writing blockquote,.entry-text blockquote{border-left:3px solid var(--green);padding-left:18px;margin-left:0;color:var(--muted)}.inline-media{display:block;margin:20px 0;max-width:100%}.inline-media img,.inline-media video{width:100%;max-height:600px;object-fit:contain;border-radius:12px;display:block;background:#eee9dd}.inline-media button{margin-top:8px;font-size:.75rem}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.day-navigation{display:flex;gap:5px;flex-wrap:wrap}.day-navigation .secondary{padding:6px 12px}.attachment-grid [data-place-media]{margin-top:8px;padding:8px;font-size:.8rem;width:100%}@media(max-width:760px){.rich-writing{font-size:1.05rem;min-height:240px}.format-toolbar{gap:4px}.format-toolbar button{min-height:42px}.inline-media{margin:16px 0}}
.resize-frame{position:relative}.resize-handle{position:absolute;width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;touch-action:none;user-select:none;z-index:2}.resize-handle:after{content:'';position:absolute;inset:8px;background:var(--card);border:2px solid var(--green);border-radius:3px;box-shadow:0 1px 4px #0003}.resize-nw{left:-15px;top:-15px;cursor:nwse-resize}.resize-ne{right:-15px;top:-15px;cursor:nesw-resize}.resize-sw{left:-15px;bottom:-15px;cursor:nesw-resize}.resize-se{right:-15px;bottom:-15px;cursor:nwse-resize}.resizing .resize-frame{outline:2px solid var(--green)}.inline-media{max-width:100%;height:auto}
.inline-media.media-width-20{width:20%}.inline-media.media-width-21{width:21%}.inline-media.media-width-22{width:22%}.inline-media.media-width-23{width:23%}.inline-media.media-width-24{width:24%}.inline-media.media-width-25{width:25%}.inline-media.media-width-26{width:26%}.inline-media.media-width-27{width:27%}.inline-media.media-width-28{width:28%}.inline-media.media-width-29{width:29%}.inline-media.media-width-30{width:30%}.inline-media.media-width-31{width:31%}.inline-media.media-width-32{width:32%}.inline-media.media-width-33{width:33%}.inline-media.media-width-34{width:34%}.inline-media.media-width-35{width:35%}.inline-media.media-width-36{width:36%}.inline-media.media-width-37{width:37%}.inline-media.media-width-38{width:38%}.inline-media.media-width-39{width:39%}.inline-media.media-width-40{width:40%}.inline-media.media-width-41{width:41%}.inline-media.media-width-42{width:42%}.inline-media.media-width-43{width:43%}.inline-media.media-width-44{width:44%}.inline-media.media-width-45{width:45%}.inline-media.media-width-46{width:46%}.inline-media.media-width-47{width:47%}.inline-media.media-width-48{width:48%}.inline-media.media-width-49{width:49%}.inline-media.media-width-50{width:50%}.inline-media.media-width-51{width:51%}.inline-media.media-width-52{width:52%}.inline-media.media-width-53{width:53%}.inline-media.media-width-54{width:54%}.inline-media.media-width-55{width:55%}.inline-media.media-width-56{width:56%}.inline-media.media-width-57{width:57%}.inline-media.media-width-58{width:58%}.inline-media.media-width-59{width:59%}.inline-media.media-width-60{width:60%}.inline-media.media-width-61{width:61%}.inline-media.media-width-62{width:62%}.inline-media.media-width-63{width:63%}.inline-media.media-width-64{width:64%}.inline-media.media-width-65{width:65%}.inline-media.media-width-66{width:66%}.inline-media.media-width-67{width:67%}.inline-media.media-width-68{width:68%}.inline-media.media-width-69{width:69%}.inline-media.media-width-70{width:70%}.inline-media.media-width-71{width:71%}.inline-media.media-width-72{width:72%}.inline-media.media-width-73{width:73%}.inline-media.media-width-74{width:74%}.inline-media.media-width-75{width:75%}.inline-media.media-width-76{width:76%}.inline-media.media-width-77{width:77%}.inline-media.media-width-78{width:78%}.inline-media.media-width-79{width:79%}.inline-media.media-width-80{width:80%}.inline-media.media-width-81{width:81%}.inline-media.media-width-82{width:82%}.inline-media.media-width-83{width:83%}.inline-media.media-width-84{width:84%}.inline-media.media-width-85{width:85%}.inline-media.media-width-86{width:86%}.inline-media.media-width-87{width:87%}.inline-media.media-width-88{width:88%}.inline-media.media-width-89{width:89%}.inline-media.media-width-90{width:90%}.inline-media.media-width-91{width:91%}.inline-media.media-width-92{width:92%}.inline-media.media-width-93{width:93%}.inline-media.media-width-94{width:94%}.inline-media.media-width-95{width:95%}.inline-media.media-width-96{width:96%}.inline-media.media-width-97{width:97%}.inline-media.media-width-98{width:98%}.inline-media.media-width-99{width:99%}.inline-media.media-width-100{width:100%}