:root{--paper: #fbf6f1;--paper-warm: #f5ece2;--paper-deep: #efe3d4;--ink: #3d2c33;--ink-soft: #8a7079;--rule: #e8d9cf;--accent-soft: #f9e3e6;--accent: #f1c3c9;--accent-strong: #d97a87;--sage: #b6c2a3;--sage-strong: #6f8758;--butter: #ecd5a0;--chip-rose-bg: #fae6e9;--chip-rose-ink: #b8525e;--chip-rose-border: #f0c8cd;--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad-main: 40px 56px 80px;--max-main: 1180px}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(217,122,135,.04) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(182,194,163,.04) 0,transparent 40%);pointer-events:none;z-index:0}*{box-sizing:border-box}button{font:inherit}input,textarea{font:inherit;color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.7}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:18px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--accent-soft);border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;background:var(--paper);border:2px solid var(--accent-strong);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px -1px #d97a8766}input[type=range]::-moz-range-track{height:4px;background:var(--accent-soft);border-radius:999px}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--paper);border:2px solid var(--accent-strong);border-radius:50%;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:999px;border:2px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.monthly-row{transition:background .12s}.monthly-row:hover{background:var(--paper-warm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:60;width:42px;height:42px;border-radius:12px;background:var(--paper);border:1px solid var(--rule);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px -4px #3c283233}.menu-btn span{display:block;width:18px;height:1.6px;background:var(--ink);position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0;width:18px;height:1.6px;background:var(--ink)}.menu-btn span:before{top:-6px}.menu-btn span:after{top:6px}.scrim{display:none;position:fixed;inset:0;z-index:40;background:#3c283266;backdrop-filter:blur(4px);animation:fadeIn .2s ease}.scrim.open{display:block}.sidebar-close{display:none}.sidebar{position:relative;width:248px;flex-shrink:0;padding:28px 18px;border-right:1px solid var(--rule);background:var(--paper-warm);display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;overflow-y:auto}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:880px){:root{--pad-main: 64px 16px 28px}.menu-btn{display:flex}.sidebar-close{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--paper);border:1px solid var(--rule);cursor:pointer;font-size:18px;color:var(--ink-soft);line-height:1}.sidebar{position:fixed;top:0;left:0;width:min(248px,85vw);height:100dvh;z-index:50;transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.9,.3,1);border-right:none;box-shadow:8px 0 32px #3c28321f}.sidebar.open{transform:translate(0)}.detail-photo-wrap img,.detail-photo-wrap>div{width:80px!important;height:80px!important}input[type=date]{-webkit-appearance:none;appearance:none;padding:10px 14px;font-size:14px;line-height:1.5;min-height:0;height:auto}.detail-overlay{align-items:flex-end!important;padding:0!important}.detail-modal{border-radius:24px 24px 0 0!important;max-width:100%!important;max-height:94vh!important;animation:slideUpSheet .3s cubic-bezier(.2,.9,.3,1)!important}.add-sheet-overlay{align-items:flex-end!important;padding:0!important}.add-sheet{border-radius:24px 24px 0 0!important;max-width:100%!important;max-height:94vh!important;animation:slideUpSheet .3s cubic-bezier(.2,.9,.3,1)!important}.grid-stat,.grid-cats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.grid-tops{grid-template-columns:1fr!important}.greeting-h1{font-size:30px!important}.browse-h1,.dash-h1{font-size:26px!important}.pad-detail{padding:20px!important}.detail-header-row{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.feed-row{grid-template-columns:52px 1fr auto!important;gap:12px!important}.score-table-row{grid-template-columns:1.1fr 1fr 1fr 1fr!important;padding:8px 12px!important}.toolbar-row{flex-wrap:wrap;gap:8px!important}.cat-grid-3{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:480px){:root{--pad-main: 64px 14px 24px}.grid-stat{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.grid-cats{grid-template-columns:1fr!important}.greeting-h1{font-size:26px!important}.browse-h1,.dash-h1{font-size:22px!important}.add-sheet-grid-2,.rater-grid{grid-template-columns:1fr!important}.cat-grid-3{grid-template-columns:1fr 1fr!important}.score-table-row{grid-template-columns:1fr 1fr 1fr 1fr!important;font-size:12px}}