:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223044;background:#f5f7fa;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#245b86}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5c9ed0;outline-offset:2px}.topbar{height:64px;background:#fff;border-bottom:1px solid #e3e8ed;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:16px}.brand{font-size:19px;font-weight:750;color:#163d5a;text-decoration:none;white-space:nowrap}.topbar nav{display:flex;align-items:center;gap:20px}.topbar nav form{margin:0}.nav-name{color:#59687b}.text-button{border:0;background:none;color:#245b86;padding:0}.flash{max-width:1100px;margin:14px auto 0;padding:12px 18px;background:#e6f4eb;border:1px solid #a3d4b5;border-radius:9px}.flash-error{background:#fff1ef;border-color:#efb6ae}.workspace{display:grid;grid-template-columns:minmax(255px,320px) minmax(0,1fr);max-width:1700px;margin:auto;min-height:calc(100vh - 64px)}.sidebar{background:#fff;border-right:1px solid #dde3e9;padding:20px 16px;display:flex;flex-direction:column;min-width:0}.side-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.side-heading h2{font-size:15px;margin:6px 0 12px}.journal-select select{width:100%;border:1px solid #ccd4dd;border-radius:8px;padding:11px;background:white}.side-tools{border-bottom:1px solid #e4e9ee;padding:14px 0;margin-bottom:12px}.side-tools summary{color:#245b86;cursor:pointer;font-weight:600}.side-tools form{margin-top:14px}.side-tools button{width:100%}.search{display:flex;gap:5px;margin:6px 0 12px}.search input{flex:1;min-width:0;padding:9px;border:1px solid #ccd4dd;border-radius:7px}.entry-list{flex:1;min-height:150px;max-height:calc(100vh - 320px);overflow-y:auto;overscroll-behavior:contain}.entry-link{display:flex;flex-direction:column;gap:6px;padding:13px 12px;border-radius:9px;text-decoration:none;color:#24364a;border:1px solid transparent;margin-bottom:5px;overflow-wrap:anywhere}.entry-link:hover{background:#f4f7fa}.entry-link.active{background:#e9f1f9;border-color:#c4d9ed}.entry-link small,.muted{color:#697788}.inset{padding:10px}.editor-area{min-width:0;padding:29px clamp(16px,4vw,54px)}.editor-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.editor-header h1{margin:4px 0 8px;font-size:25px}.eyebrow{color:#376b8e;font-weight:600;font-size:13px}.date-line{font-size:13px}.delete-entry{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.delete-entry input{width:175px;padding:8px;border:1px solid #ccd4dd;border-radius:7px}.editor-panel{background:white;border:1px solid #e0e6eb;border-radius:13px;padding:22px;box-shadow:0 8px 28px #1839560a}.field{display:flex;flex-direction:column;gap:7px;font-weight:600;margin-bottom:17px}.field>span{font-size:13px}.field input{width:100%;border:1px solid #cbd4dd;border-radius:8px;padding:12px;color:#223044;background:#fff;font-weight:400}.editor-panel>.field input{font-size:19px;font-weight:600}.toolbar{display:flex;gap:5px;flex-wrap:wrap;background:#f6f8fa;border:1px solid #d6dee5;border-bottom:0;padding:8px 10px;border-radius:9px 9px 0 0}.toolbar button{background:white;border:1px solid #dae2e9;border-radius:6px;padding:7px 13px;min-width:36px}.toolbar button:hover{background:#e7f1fa}#entry-body,.preview{width:100%;min-height:480px;padding:19px;font-size:16px;line-height:1.75;border:1px solid #d6dee5;border-radius:0 0 9px 9px;background:white;color:#253344;resize:vertical;outline-offset:-2px}.preview{overflow:auto}.preview p{margin:0 0 9px;overflow-wrap:anywhere}.preview h1,.preview h2,.preview h3{margin:14px 0}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:16px}.autosave-control{display:flex;align-items:center;gap:11px;font-weight:600;cursor:pointer}.autosave-control input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{display:inline-block;width:45px;height:25px;border-radius:20px;background:#9ca8b4;position:relative;transition:background .2s}.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:white;transition:transform .2s}.autosave-control input:checked+.switch-track{background:#287c67}.autosave-control input:checked+.switch-track:after{transform:translateX(20px)}.autosave-control input:focus-visible+.switch-track{outline:3px solid #5c9ed0;outline-offset:2px}.save-controls{display:flex;align-items:center;gap:16px}#save-status{font-size:13px;color:#506176;max-width:250px}.hint{font-size:12px;color:#718092;line-height:1.6;margin-bottom:0}.primary,.secondary,.danger{border:1px solid transparent;border-radius:8px;padding:11px 16px;font-weight:650}.primary{color:white;background:#24648d}.primary:hover{background:#154e74}.secondary{color:#245b86;background:#eef4f9;border-color:#d6e2ec}.danger{background:#fff3f1;color:#a02b29;border-color:#e6b1ae}.compact{padding:8px 11px;font-size:13px;white-space:nowrap}.danger-form{padding-top:16px;border-top:1px solid #e9e9e9}.auth-shell{max-width:530px;margin:55px auto;padding:0 18px}.panel{background:white;border:1px solid #e0e7ed;border-radius:14px;padding:28px;margin-bottom:20px;box-shadow:0 10px 25px #14355408}.auth-panel h1{margin-top:0}.auth-panel form .primary{width:100%}.auth-links{display:flex;gap:12px 18px;flex-wrap:wrap;margin-top:25px;font-size:13px}.settings-shell{max-width:750px;margin:35px auto;padding:0 18px}.settings-shell h1{margin:14px 0 25px}.settings-shell .panel h2{font-size:19px;margin-top:0}.empty-state{text-align:center;margin:130px auto;color:#58697d}.empty-state h1{color:#263c53}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.editor-area{padding:17px}.editor-panel{padding:14px}.delete-entry{flex-direction:column}.editor-header{flex-direction:column}#entry-body,.preview{min-height:390px}}@media(max-width:600px){.topbar{height:auto;min-height:58px;padding:10px 14px}.brand{font-size:16px}.topbar nav{gap:12px;font-size:13px}.nav-name{display:none}.workspace{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid #dfe5eb;padding:12px}.entry-list{max-height:175px;min-height:55px}.editor-area{padding:14px}.editor-header{gap:12px}.delete-entry{flex-direction:row}#entry-body,.preview{min-height:350px}.save-controls{gap:8px}.editor-panel{padding:13px}.auth-shell{margin:22px auto}.panel{padding:20px}}