: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}.tag-picker{position:fixed;z-index:100;width:220px;max-height:280px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;overflow:hidden}.tag-picker-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--border-color, #e0e0e0);background:transparent;font-family:inherit;font-size:.8125rem;color:var(--text-primary);outline:none;box-sizing:border-box}.tag-picker-list{overflow-y:auto;flex:1}.tag-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:transparent;font-family:inherit;font-size:.8125rem;color:var(--text-primary);cursor:pointer;text-align:left}.tag-picker-item:hover,.tag-picker-item.active{background:var(--bg-hover, #f5f5f5)}.tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-dot-new{background:var(--text-secondary);color:var(--bg-primary, #fff);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700}.tag-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-check{font-size:.75rem;color:var(--text-secondary)}.tag-picker-create{border-top:1px solid var(--border-color, #e0e0e0)}@media(prefers-color-scheme:dark){.tag-picker{box-shadow:0 4px 16px #0006}}.day-note{min-height:100vh;display:flex;flex-direction:column;border-bottom:1px solid var(--border-color);box-sizing:border-box}.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{display:flex;position:relative;flex:1}.tag-gutter{width:24px;flex-shrink:0;position:relative}.tag-gutter-item{position:absolute;left:4px;display:flex;flex-direction:column;gap:2px;padding-top:4px}.tag-gutter-dot{width:6px;height:6px;border-radius:50%;cursor:pointer;opacity:.7;transition:opacity .15s}.tag-gutter-dot:hover{opacity:1;transform:scale(1.3)}.day-note-editor{width:100%;min-height:calc(100vh - 3rem);padding:0 1rem 1rem;font-family:inherit;font-size:.875rem;line-height:1.6;color:var(--text-primary);outline:none;box-sizing:border-box}.day-note-editor p{margin:0;padding:0}.day-note-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-secondary);pointer-events:none;height:0}.ProseMirror{outline:none}.ProseMirror:focus{outline:none}@media(max-width:600px){.day-note-editor{font-size:1rem;padding:0 .75rem 1rem}.day-note-header{padding:.5rem .75rem}}.day-note-editor p.dimmed{opacity:.25;transition:opacity .15s}.day-note-editor p.dimmed:hover{opacity:.5}.day-note-editor p.tag-highlighted{border-left:2px solid var(--tag-highlight-color, #4285f4);padding-left:calc(1rem - 2px)}.tag-view{max-width:800px;margin:0 auto;padding:1rem}.tag-view-loading,.tag-view-empty{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.875rem}.tag-view-day{margin-bottom:1.5rem}.tag-view-date{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin:0 0 .5rem}.tag-view-paragraph{margin:0;padding:.25rem 0 .25rem .75rem;border-left:2px solid;font-size:.875rem;line-height:1.6;color:var(--text-primary)}.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}}.filter-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color);font-size:.8125rem}.filter-tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-tag-name{color:var(--text-primary)}.filter-mode-toggle,.filter-clear{background:none;border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;font-size:.75rem;cursor:pointer;color:var(--text-secondary)}.filter-clear{border:none;font-size:1rem;padding:0 4px}.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}