:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #e0e0e0;--shadow: rgba(0, 0, 0, .1);font-family:Consolas,Monaco,Courier New,monospace;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary)}@media(prefers-color-scheme:dark){:root{--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #999999;--border-color: #404040;--shadow: rgba(0, 0, 0, .3)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg-primary)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:var(--bg-primary)}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:3rem 2.5rem;text-align:center;max-width:360px;width:100%}.login-title{font-size:1.5rem;margin:0 0 .5rem;color:var(--text-primary);font-weight:400}.login-subtitle{color:var(--text-secondary);margin:0 0 2rem;font-size:.875rem}.login-error{color:#e74c3c;background:#e74c3c1a;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(231,76,60,.3)}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary);transition:background-color .2s}.google-signin-btn:hover:not(:disabled){background:var(--bg-secondary)}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:18px;height:18px}.login-legal{margin-top:1.5rem;font-size:.75rem}.login-legal a{color:var(--text-secondary);text-decoration:none}.login-legal a:hover{color:var(--text-primary)}.login-legal-separator{color:var(--text-secondary);margin:0 .5rem}.day-note{min-height:100vh;display:flex;flex-direction:column;border-bottom:1px solid var(--border-color)}.day-note-header{display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1rem;gap:1rem}.day-note-date{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin:0}.saving-indicator{font-size:.625rem;color:var(--text-secondary)}.day-note-paper{flex:1;display:flex}.day-note-textarea{width:100%;flex:1;padding:0 1rem 1rem;border:none;background:transparent;font-family:inherit;font-size:.875rem;line-height:1.6;color:var(--text-primary);resize:none;outline:none}.day-note-textarea::placeholder{color:var(--text-secondary)}@media(max-width:600px){.day-note-textarea{font-size:1rem;padding:0 .75rem 1rem}.day-note-header{padding:.5rem .75rem}}.notes-container{min-height:100vh;background-color:var(--bg-primary)}.notes-list{max-width:800px;width:100%;margin:0 auto}.notes-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem}.scroll-sentinel{padding:2rem;text-align:center}.loading-more{color:var(--text-secondary);font-size:.875rem}.user-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-secondary);padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow);transition:transform .2s;z-index:100}.user-fab:hover{transform:scale(1.05)}.user-avatar{width:100%;height:100%;object-fit:cover}.user-initial{font-size:1.25rem;color:var(--text-primary);font-weight:500}.today-fab{position:fixed;bottom:calc(2.5rem + 48px);right:1.5rem;width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);background:transparent;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s;z-index:100}.today-fab:hover{transform:scale(1.05);background:var(--bg-secondary)}.today-arrow{width:24px;height:24px;color:var(--text-secondary);transition:transform .2s}.today-arrow.arrow-up{transform:rotate(0)}.today-arrow.arrow-down{transform:rotate(180deg)}.user-menu{position:fixed;bottom:5rem;right:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);z-index:101;min-width:180px}.user-menu-email{padding:.75rem 1rem;font-size:.75rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);word-break:break-all}.user-menu-btn{width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;font-size:.875rem;color:var(--text-primary);transition:background-color .2s}.user-menu-btn:hover{background:var(--bg-primary)}.user-menu-btn:disabled{opacity:.5;cursor:not-allowed}.user-menu-btn-calendar{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color)}.menu-icon{width:16px;height:16px;flex-shrink:0}@media(max-width:600px){.user-fab,.today-fab{bottom:1rem;right:1rem;width:40px;height:40px}.today-fab{bottom:calc(1.75rem + 40px)}.user-initial{font-size:1rem}.today-arrow{width:20px;height:20px}.user-menu{bottom:4rem;right:1rem}}.legal-page{min-height:100vh;background-color:var(--bg-primary);padding:2rem 1rem}.legal-content{max-width:700px;margin:0 auto;color:var(--text-primary)}.legal-content h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.legal-updated{color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem}.legal-content section{margin-bottom:1.5rem}.legal-content h2{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.legal-content p{line-height:1.6;margin-bottom:.75rem}.legal-content ul{margin-left:1.25rem;margin-bottom:.75rem}.legal-content li{line-height:1.6;margin-bottom:.25rem}.legal-back{display:inline-block;margin-top:1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem}.legal-back:hover{color:var(--text-primary)}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);color:var(--text-secondary);font-size:.875rem}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);padding:.75rem 1rem;border-radius:4px;font-size:.875rem;display:flex;align-items:center;gap:.75rem;z-index:1000;box-shadow:0 4px 12px var(--shadow)}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-close{background:transparent;border:none;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.8;padding:0}.toast-close:hover{opacity:1}