@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--color-bg: #FAF8F5;--color-bg-warm: #F5F2ED;--color-paper: #FFFEFA;--color-ink: #2C2A26;--color-ink-light: #6B6860;--color-ink-muted: #A8A49C;--color-sage: #B8C5A8;--color-sage-deep: #8FA378;--color-today: #E8A87C;--color-today-glow: rgba(232, 168, 124, .3);--color-border: rgba(44, 42, 38, .15);--color-border-hover: rgba(44, 42, 38, .3);--color-cell-border: rgba(44, 42, 38, .2);--color-shadow: rgba(44, 42, 38, .06);--color-overlay: rgba(44, 42, 38, .4);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--cell-size: 14px;--cell-gap: 3px;--cell-radius: 3px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--shadow-sm: 0 1px 2px var(--color-shadow), 0 1px 3px var(--color-shadow);--shadow-md: 0 4px 6px var(--color-shadow), 0 2px 4px var(--color-shadow);--shadow-lg: 0 10px 25px var(--color-shadow), 0 5px 10px var(--color-shadow);--shadow-panel: 0 25px 50px -12px rgba(44, 42, 38, .15), 0 12px 24px -8px rgba(44, 42, 38, .1);font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-ink);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(ellipse at 0% 0%,rgba(184,197,168,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(232,168,124,.06) 0%,transparent 50%),var(--color-bg)}#root{min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}::selection{background:var(--color-sage);color:var(--color-ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-ink-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-light)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app--loading{align-items:center;justify-content:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header__title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;letter-spacing:-.02em;color:var(--color-ink)}.header__right{display:flex;align-items:center;gap:var(--space-md)}.header__year{font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--color-ink-muted)}.header__signout{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-bg-warm);color:var(--color-ink-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.header__signout:hover{background:var(--color-border-hover);color:var(--color-ink)}.header__signout svg{width:16px;height:16px}.main{flex:1;display:flex;flex-direction:column;padding:0 var(--space-lg) var(--space-md);min-height:0}.year-grid-container{flex:1;display:flex;flex-direction:column;min-height:0}.day-numbers{display:flex;align-items:center;flex-shrink:0;margin-bottom:var(--space-xs)}.day-numbers__spacer{width:48px;flex-shrink:0}.day-number{flex:1;text-align:center;font-size:.65rem;font-weight:500;color:var(--color-ink-muted)}.months-grid{flex:1;display:flex;flex-direction:column;gap:var(--cell-gap, 3px);min-height:0}.month-row{flex:1;display:flex;align-items:stretch;gap:var(--cell-gap, 3px);min-height:0}.month-label{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-sm);font-size:.7rem;font-weight:600;color:var(--color-ink-light);text-transform:uppercase;letter-spacing:.03em}.days-row{flex:1;display:flex;gap:var(--cell-gap, 3px);min-width:0}.day-cell{flex:1;min-width:0;border-radius:var(--cell-radius, 3px);background:var(--color-paper);border:1px solid var(--color-cell-border);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);position:relative}.day-cell:hover{transform:scale(1.1);z-index:10;border-color:var(--color-ink-light);box-shadow:var(--shadow-sm);background:var(--color-bg-warm)}.day-cell--empty{visibility:hidden;pointer-events:none}.day-cell--has-entry{background:var(--color-sage);border-color:var(--color-sage-deep)}.day-cell--has-entry:hover{background:var(--color-sage-deep);border-color:var(--color-sage-deep)}.day-cell--today{background:var(--color-today);border-color:#d4956a;box-shadow:0 0 0 2px var(--color-today-glow)}.day-cell--today:hover{background:var(--color-today);border-color:#c4855a}.day-cell--selected{transform:scale(1.1);border-color:var(--color-ink);box-shadow:var(--shadow-sm)}.day-cell--future{background:var(--color-bg-warm);border-color:var(--color-border);opacity:.5;cursor:default}.day-cell--future:hover{transform:none;box-shadow:none;background:var(--color-bg-warm)}.footer-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);padding:var(--space-md) var(--space-xl);flex-shrink:0}.stat{display:flex;align-items:baseline;gap:var(--space-xs)}.stat__value{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--color-ink)}.stat__label{font-size:.7rem;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em}.legend{display:flex;align-items:center;gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;color:var(--color-ink-muted)}.legend-item__color{width:10px;height:10px;border-radius:2px}.legend-item__color--empty{background:var(--color-paper);border:1px solid var(--color-cell-border)}.legend-item__color--filled{background:var(--color-sage)}.legend-item__color--today{background:var(--color-today)}.tooltip{position:fixed;z-index:1000;pointer-events:none;background:var(--color-ink);color:var(--color-paper);padding:var(--space-xs) var(--space-sm);border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.tooltip--visible{opacity:1;transform:translateY(0)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-ink)}.panel-overlay{position:fixed;inset:0;background:var(--color-overlay);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);z-index:100}.panel-overlay--visible{opacity:1;visibility:visible}.entry-panel{position:fixed;background:var(--color-paper);z-index:101;display:flex;flex-direction:column;transition:transform var(--duration-slow) var(--ease-out);right:0;top:0;bottom:0;width:420px;max-width:100%;transform:translate(100%);box-shadow:var(--shadow-panel);border-left:1px solid var(--color-border)}.entry-panel--open{transform:translate(0)}.panel-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-date{display:flex;flex-direction:column;gap:2px}.panel-date__day{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--color-ink);line-height:1.2}.panel-date__full{font-size:.875rem;color:var(--color-ink-light)}.panel-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--color-bg-warm);color:var(--color-ink-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.panel-close:hover{background:var(--color-border-hover);color:var(--color-ink);transform:scale(1.05)}.panel-close svg{width:18px;height:18px}.panel-content{flex:1;padding:var(--space-xl);display:flex;flex-direction:column;overflow-y:auto}.entry-textarea{flex:1;min-height:200px;width:100%;border:none;background:transparent;font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--color-ink);resize:none;outline:none}.entry-textarea::placeholder{color:var(--color-ink-muted);font-style:italic}.panel-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.entry-status{font-size:.75rem;color:var(--color-ink-muted);display:flex;align-items:center;gap:var(--space-xs)}.entry-status__dot{width:6px;height:6px;border-radius:50%;background:var(--color-sage)}.entry-status--empty .entry-status__dot{background:var(--color-ink-muted);opacity:.5}.character-count{font-size:.75rem;color:var(--color-ink-muted)}@media(max-width:768px){:root{--cell-gap: 2px;--cell-radius: 2px}.header{padding:var(--space-sm) var(--space-md)}.header__title{font-size:1.25rem}.header__year{font-size:.75rem}.main{padding:0 var(--space-sm) var(--space-sm)}.year-grid-container{flex-direction:row}.day-numbers{flex-direction:column;margin-bottom:0;margin-right:var(--space-xs)}.day-numbers__spacer{width:auto;height:20px;flex-shrink:0}.day-number{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-xs);font-size:.55rem;min-height:0}.months-grid{flex-direction:row;flex:1}.month-row{flex-direction:column;flex:1}.month-label{width:auto;height:20px;justify-content:center;padding-right:0;font-size:.55rem}.days-row{flex-direction:column;flex:1}.day-cell{flex:1;min-height:0}.footer-bar{gap:var(--space-md);padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.stat__value{font-size:1rem}.stat__label,.legend-item{font-size:.6rem}.legend-item__color{width:8px;height:8px}.entry-panel{inset:auto 0 0;width:100%;max-height:85vh;transform:translateY(100%);border-left:none;border-top:1px solid var(--color-border);border-radius:20px 20px 0 0}.entry-panel--open{transform:translateY(0)}.panel-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--color-ink-muted);border-radius:2px;opacity:.4}.panel-header{padding-top:var(--space-xl)}}@media(max-width:480px){:root{--cell-gap: 1.5px}.day-numbers{display:none}.footer-bar{gap:var(--space-sm)}.legend{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.year-grid-container{animation:fadeIn var(--duration-slow) var(--ease-out) both}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:1rem}.auth__container{width:100%;max-width:360px;padding:2.5rem 2rem;background:var(--color-paper);border-radius:16px;box-shadow:var(--shadow-lg)}.auth__title{font-family:var(--font-display);font-size:2.5rem;font-weight:500;text-align:center;margin:0 0 .25rem;color:var(--color-ink)}.auth__subtitle{font-size:.875rem;text-align:center;color:var(--color-ink-muted);margin:0 0 2rem}.auth__form{display:flex;flex-direction:column;gap:1.25rem}.auth__field{display:flex;flex-direction:column;gap:.375rem}.auth__field label{font-size:.875rem;font-weight:500;color:var(--color-ink)}.auth__field input{padding:.75rem 1rem;font-size:1rem;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-ink);transition:border-color .2s,box-shadow .2s}.auth__field input:focus{outline:none;border-color:var(--color-ink-light);box-shadow:0 0 0 3px var(--color-today-glow)}.auth__field input::placeholder{color:var(--color-ink-muted);opacity:.6}.auth__button{margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;font-family:var(--font-body);color:var(--color-ink);background:var(--color-today);border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.auth__button:hover:not(:disabled){background:#d4956a}.auth__button:active:not(:disabled){transform:scale(.98)}.auth__button:disabled{opacity:.6;cursor:not-allowed}.auth__error{padding:.75rem 1rem;font-size:.875rem;color:#dc2626;background:#dc26261a;border-radius:8px}.auth__message{padding:.75rem 1rem;font-size:.875rem;color:var(--color-sage-deep);background:#8fa37826;border-radius:8px}.auth__toggle{margin-top:1.5rem;font-size:.875rem;text-align:center;color:var(--color-ink-muted)}.auth__toggle button{padding:0;font-size:.875rem;font-weight:500;color:var(--color-ink-light);background:none;border:none;cursor:pointer;text-decoration:underline}.auth__toggle button:hover{color:var(--color-ink)}