body{margin:0}button{-webkit-tap-highlight-color:transparent}.app-shell{--line: light-dark(#e8e6eb, #37353c);--soft: light-dark(#f1eef8, #302a3b);--muted: light-dark(#77747e, #aaa6b3);min-height:100vh}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.app-header{background:light-dark(#fff,#222227);border-bottom:1px solid var(--line)}.header-inner{min-height:58px;display:flex!important;align-items:center;gap:22px}.brand{color:light-dark(#6552a0,#b5a0f0);font-size:19px!important;font-weight:700!important;letter-spacing:-.05em!important}.desktop-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.desktop-nav .MuiButton-root{color:var(--muted);padding:6px 11px;min-width:0}.desktop-nav .MuiButton-root.nav-active{color:light-dark(#6552a0,#b5a0f0);background:var(--soft)}.header-actions{display:flex;margin-left:5px}.app-content{padding-top:28px;padding-bottom:60px}.page-column{width:min(100%,750px);margin:0 auto}.entry-editor{padding:17px;border:1px solid var(--line);border-radius:6px;background:light-dark(#fff,#222227)}.entry-editor .MuiOutlinedInput-root{background:light-dark(#fff,#222227)}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px}.feed-section{margin-top:31px}.section-title{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}.entry-card{padding:16px 0 10px;border-bottom:1px solid var(--line)}.entry-card:first-child{border-top:1px solid var(--line)}.entry-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.62!important;margin-top:7px!important}.entry-text-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.entry-expand{margin:5px 0 0 -6px!important;padding:3px 6px!important;min-width:0!important}.entry-actions{margin-top:2px}.entry-actions .MuiIconButton-root{color:var(--muted)}.loading-block{display:flex;justify-content:center;padding:28px}.archive-section{margin-top:38px}.archive-year{border-bottom:1px solid var(--line)}.archive-year:first-of-type{border-top:1px solid var(--line)}.archive-toggle{display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;min-height:47px;padding:8px 2px!important;color:inherit!important;text-transform:none!important}.archive-toggle strong{font-weight:600}.archive-toggle .archive-chevron{color:var(--muted);transition:transform .15s}.archive-toggle .archive-chevron.open{transform:rotate(90deg)}.archive-count{margin-left:auto;color:var(--muted);font-size:12px}.archive-months{padding-left:23px}.archive-month{border-top:1px solid var(--line)}.archive-content{padding:0 0 10px 23px}.archive-content .entry-card:first-child{border-top:0}.search-controls,.calendar-panel{padding:20px;background:light-dark(#fff,#222227);border:1px solid var(--line);border-radius:6px}.search-controls{display:flex;flex-direction:column;gap:16px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.calendar-heading>div{display:flex;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekday{color:var(--muted);text-align:center;font-size:12px;padding:7px 0}.calendar-day{border:0;background:transparent;color:inherit;border-radius:4px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;cursor:pointer}.calendar-day:hover{background:var(--soft)}.calendar-day.today{box-shadow:inset 0 0 0 1px light-dark(#6552a0,#b5a0f0)}.calendar-day.selected{background:light-dark(#6552a0,#8067b9);color:#fff}.calendar-day small{font-size:11px;opacity:.75}.mobile-nav{display:none}@media(max-width:700px){.header-inner{min-height:53px}.desktop-nav{display:none}.header-actions{margin-left:auto}.app-content{padding-top:20px;padding-bottom:90px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:10;justify-content:space-around;padding:4px 8px max(4px,env(safe-area-inset-bottom));background:light-dark(#fff,#222227);border-top:1px solid var(--line)}.mobile-nav button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px;min-height:44px;padding:3px;cursor:pointer}.mobile-nav button.selected{color:light-dark(#6552a0,#b5a0f0)}.mobile-nav svg{width:20px;height:20px}.calendar-day{min-height:45px}}@media(max-width:380px){.entry-editor,.search-controls,.calendar-panel{padding:12px}.editor-footer .MuiTypography-root{max-width:120px}.calendar-grid{gap:1px}.calendar-day{min-height:41px}}