*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color-scheme:light;--bg-primary: #f6f4ef;--bg-secondary: #fffdf8;--bg-tertiary: #eeebe3;--bg-soft: #faf8f2;--bg-sidebar: rgba(255, 253, 248, .86);--bg-modal-overlay: transparent;--text-primary: #1f2520;--text-secondary: #667062;--text-tertiary: #9a9f94;--text-inverse: #fffdf8;--accent: #45624b;--accent-hover: #334a39;--accent-soft: rgba(69, 98, 75, .1);--accent-glow: rgba(69, 98, 75, .2);--accent-gradient: linear-gradient(135deg, #45624b 0%, #6f8f72 100%);--border-color: rgba(31, 37, 32, .12);--border-light: rgba(31, 37, 32, .07);--danger: #b94a48;--danger-soft: rgba(185, 74, 72, .1);--shadow-sm: 0 1px 2px rgba(31, 37, 32, .04);--shadow-md: 0 10px 28px rgba(31, 37, 32, .07);--shadow-lg: 0 24px 60px rgba(31, 37, 32, .12);--shadow-accent: 0 14px 34px rgba(69, 98, 75, .22);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-full: 9999px;--sidebar-width: 232px;--fab-size: 56px;--transition-fast: .14s ease;--transition-base: .2s ease;--transition-slow: .36s cubic-bezier(.2, .8, .2, 1)}.dark{color-scheme:dark;--bg-primary: #151a14;--bg-secondary: #1c231a;--bg-tertiary: #283024;--bg-soft: #1a1f18;--bg-sidebar: rgba(19, 24, 18, .9);--bg-modal-overlay: transparent;--text-primary: #f2f0e8;--text-secondary: #b8c0ad;--text-tertiary: #7e877a;--text-inverse: #151a14;--accent: #9bba94;--accent-hover: #b5d4ae;--accent-soft: rgba(155, 186, 148, .12);--accent-glow: rgba(155, 186, 148, .16);--accent-gradient: linear-gradient(135deg, #9bba94 0%, #c8bf8f 100%);--border-color: rgba(240, 239, 231, .12);--border-light: rgba(240, 239, 231, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 12px 34px rgba(0, 0, 0, .26);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .42);--shadow-accent: 0 14px 34px rgba(168, 195, 165, .14)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;color:var(--text-primary);background:var(--bg-primary);line-height:1.55;transition:background-color var(--transition-slow),color var(--transition-slow)}.dark body{background:radial-gradient(circle at 20% -10%,rgba(155,186,148,.06),transparent 32rem),radial-gradient(circle at 95% 8%,rgba(200,191,143,.05),transparent 28rem),var(--bg-primary)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:26px 14px 18px;background:var(--bg-sidebar);border-right:1px solid var(--border-light);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);z-index:100}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px;margin-bottom:14px}.sidebar-brand-icon{width:34px;height:34px;border-radius:11px;background:var(--accent-gradient);box-shadow:var(--shadow-accent);position:relative}.sidebar-brand-icon:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px solid rgba(255,255,255,.72);border-radius:50%}.dark .sidebar-brand-icon:after{border-color:#10130f99}.sidebar-brand-text{font-size:1rem;font-weight:720;letter-spacing:-.03em}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:560;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.nav-link:hover{color:var(--text-primary);background:var(--accent-soft)}.nav-link.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.nav-link-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--bg-tertiary);color:var(--text-tertiary);font-size:.68rem;font-weight:760;letter-spacing:.02em}.nav-link.active .nav-link-icon{background:var(--accent);color:var(--text-inverse)}.nav-link-label{line-height:1}.sidebar-footer{padding-top:14px;border-top:1px solid var(--border-light)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;font-weight:560;transition:background var(--transition-base),color var(--transition-base)}.theme-toggle:hover{background:var(--accent-soft);color:var(--text-primary)}.theme-toggle-track{width:40px;height:22px;padding:2px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color)}.theme-toggle-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);transition:transform var(--transition-base),background var(--transition-base)}.dark .theme-toggle-thumb{transform:translate(18px)}.main-content{flex:1;margin-left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));max-width:none;padding:36px clamp(32px,7vw,120px) 80px}.main-content>*{max-width:820px;margin:0 auto}.date-nav,.settings-header{display:flex;align-items:center;gap:12px;margin-bottom:26px}.date-nav-label,.settings-title{font-size:clamp(1.35rem,2vw,1.78rem);font-weight:760;letter-spacing:-.045em;line-height:1.1}.date-nav-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.date-nav-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.date-nav-today,.archive-toggle,.stats-period-btn{display:inline-flex;align-items:center;min-height:32px;padding:6px 13px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:620;transition:all var(--transition-base)}.date-nav-today:hover,.archive-toggle:hover,.stats-period-btn:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-soft)}.stats-period{display:flex;gap:8px;margin-bottom:26px}.stats-period-btn.active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.summary-card,.settings-form,.settings-list,.breakdown-list,.search-form,.stats-mood-item{background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.summary-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:30px;overflow:hidden}.summary-stat{padding:18px 20px;min-width:0}.summary-stat-value{display:block;font-size:1.52rem;font-weight:760;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.summary-stat-label{display:block;margin-top:4px;color:var(--text-tertiary);font-size:.76rem;font-weight:620}.summary-divider{width:1px;background:var(--border-light);align-self:stretch}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--border-color)}.timeline-entry{position:relative;margin-bottom:18px;animation:fadeInUp .26s ease backwards}.timeline-entry:before{content:"";position:absolute;left:-27px;top:24px;width:11px;height:11px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--entry-color, var(--accent));z-index:2}.entry-card,.search-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.entry-card{padding:20px 22px;border-left:3px solid var(--entry-color, var(--accent));cursor:pointer}.entry-card:hover,.search-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 34%,var(--border-color))}.entry-card-header,.search-item-header,.settings-section-header,.breakdown-item,.settings-item,.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between}.entry-card-header{gap:14px;margin-bottom:9px}.entry-card-title,.search-item-title,.settings-item-name{color:var(--text-primary);font-size:1rem;font-weight:660;letter-spacing:-.01em}.entry-card-time,.search-item-time,.stats-bar-value,.entry-card-duration{font-variant-numeric:tabular-nums}.entry-card-time,.search-item-time,.entry-card-duration,.search-item-duration{color:var(--text-tertiary);font-size:.76rem;white-space:nowrap}.entry-card-meta,.search-item-meta,.entry-card-indicators,.breakdown-item-left,.breakdown-item-right,.settings-item-left,.settings-item-actions,.stats-mood-row,.modal-header-actions{display:flex;align-items:center}.entry-card-meta,.search-item-meta{flex-wrap:wrap;gap:7px}.entry-card-note,.search-item-note{margin-top:9px;color:var(--text-secondary);font-size:.84rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-card-indicators{gap:8px;margin-top:11px}.entry-card-indicator{color:var(--text-tertiary);font-size:.78rem}.category-badge,.tag-badge,.entry-card-duration,.gap-label{display:inline-flex;align-items:center;border-radius:var(--radius-full);font-size:.73rem;font-weight:620}.category-badge{gap:6px;padding:3px 9px;background:var(--badge-bg, var(--accent-soft));color:var(--badge-color, var(--accent))}.category-badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.tag-badge,.entry-card-duration{padding:3px 8px;background:var(--bg-tertiary);color:var(--text-secondary)}.tag-badge:before{content:"#";margin-right:2px;color:var(--text-tertiary)}.breakdown-section,.settings-section{margin-bottom:30px}.breakdown-title,.settings-section-title{margin-bottom:12px;color:var(--text-secondary);font-size:.82rem;font-weight:700;letter-spacing:.02em}.breakdown-list,.settings-list{overflow:hidden}.breakdown-item,.settings-item{padding:13px 16px;border-bottom:1px solid var(--border-light)}.breakdown-item:last-child,.settings-item:last-child{border-bottom:none}.breakdown-item:hover,.settings-item:hover{background:var(--bg-soft)}.breakdown-item-left,.breakdown-item-right,.settings-item-left,.settings-item-actions{gap:10px}.breakdown-dot,.category-dot-lg{width:10px;height:10px;border-radius:50%;flex-shrink:0}.category-dot-lg{width:13px;height:13px;box-shadow:0 0 0 3px var(--bg-secondary),0 0 0 4px var(--border-color)}.breakdown-item-name{color:var(--text-primary);font-size:.88rem;font-weight:590}.breakdown-item-hours{color:var(--text-primary);font-size:.84rem;font-weight:660;font-variant-numeric:tabular-nums}.breakdown-item-pct{min-width:40px;color:var(--text-tertiary);font-size:.76rem;text-align:right;font-variant-numeric:tabular-nums}.gaps-section{margin-bottom:26px}.gap-entry{position:relative;display:flex;padding-left:28px;margin:6px 0}.gap-line{position:absolute;left:5px;top:0;bottom:0;border-left:1px dashed var(--border-color)}.gap-info{display:flex;align-items:center;gap:10px;width:100%;padding:9px 13px;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);background:color-mix(in srgb,var(--bg-secondary) 55%,transparent)}.gap-label{padding:2px 8px;background:var(--bg-tertiary)}.gap-time,.gap-duration{font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}.gap-duration{margin-left:auto}.gap-fill-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--accent);font-size:.72rem;font-weight:700;white-space:nowrap;transition:all var(--transition-base)}.gap-fill-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.fab{position:fixed;right:32px;bottom:32px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--accent);font-size:1.4rem;font-weight:320;box-shadow:var(--shadow-md);transition:all var(--transition-base);z-index:50}.fab:hover{transform:translateY(-2px) scale(1.04);background:var(--accent-soft);border-color:var(--accent)}.fab:hover{transform:translateY(-2px) scale(1.04);background:var(--accent-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;z-index:200}.modal{pointer-events:auto;width:min(100%,540px);max-height:90vh;overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-lg);animation:slideUp .24s cubic-bezier(.16,1,.3,1)}.modal-header,.modal-footer{padding:18px 22px}.modal-header{border-bottom:1px solid var(--border-light)}.modal-title{font-size:1.08rem;font-weight:720;letter-spacing:-.02em}.modal-body{padding:20px 22px}.modal-footer{gap:10px;border-top:1px solid var(--border-light)}.modal-header-actions{gap:8px}.modal-close,.btn-icon-danger{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-xs);color:var(--text-tertiary);transition:all var(--transition-base)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon-danger:hover{background:var(--danger-soft);color:var(--danger)}.form-group{margin-bottom:17px}.form-label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:.8rem;font-weight:680}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;background:var(--bg-soft);color:var(--text-primary);font-size:.88rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--bg-secondary)}.form-textarea{min-height:86px;resize:vertical;line-height:1.55}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.settings-form{padding:18px}.settings-form .form-row{align-items:end}.settings-form .form-group{margin-bottom:0}.settings-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.color-picker-row,.search-form-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-input-color{width:44px!important;height:38px;padding:3px!important}.color-hex{color:var(--text-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.selector-row{display:flex;gap:7px}.selector-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-soft);font-size:1.1rem;transition:all var(--transition-base)}.selector-btn:hover,.selector-btn.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 18px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:700;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-tertiary) 75%,var(--accent))}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important}.btn-text-sm,.btn-text,.btn-text-danger{color:var(--accent);border-radius:var(--radius-xs);font-size:.78rem;font-weight:680;padding:5px 9px;transition:all var(--transition-base)}.btn-text-sm:hover,.btn-text:hover{background:var(--accent-soft)}.btn-text-danger{color:var(--text-tertiary)}.btn-text-danger:hover{color:var(--danger);background:var(--danger-soft)}.loading,.empty-state,.placeholder-page{display:flex;align-items:center;justify-content:center;text-align:center}.loading{gap:10px;padding:64px 24px;color:var(--text-tertiary)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .76s linear infinite}.empty-state,.placeholder-page{flex-direction:column;padding:70px 24px}.empty-state-icon,.placeholder-page-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 20px;border:1.5px solid var(--border-color);border-radius:18px;background:var(--bg-soft);font-size:0;opacity:1;filter:none}.empty-state-title,.placeholder-page-title{margin-bottom:6px;color:var(--text-primary);font-size:1.05rem;font-weight:720}.empty-state-desc,.placeholder-page-desc,.empty-state-small{color:var(--text-tertiary);font-size:.86rem}.empty-state-small{padding:24px;text-align:center}.error-message{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:.84rem;font-weight:620}.search-form{padding:16px}.search-form-sep{color:var(--text-tertiary);font-size:.82rem}.search-summary{margin-bottom:14px;color:var(--text-secondary);font-size:.84rem;font-weight:620}.search-results{display:flex;flex-direction:column;gap:9px}.search-item{display:flex;justify-content:space-between;gap:14px;padding:14px 16px}.search-item-left{min-width:0;flex:1}.search-item-header{gap:12px;margin-bottom:7px}.stats-bar-list{display:flex;flex-direction:column;gap:8px}.stats-bar-row{display:grid;grid-template-columns:92px 1fr 86px;align-items:center;gap:13px}.stats-bar-label{color:var(--text-secondary);font-size:.82rem;font-weight:620;white-space:nowrap}.stats-bar-track{height:8px;overflow:hidden;border-radius:var(--radius-full);background:var(--bg-tertiary)}.stats-bar-fill{height:100%;min-width:2px;border-radius:var(--radius-full);background:var(--accent);transition:width var(--transition-slow)}.stats-bar-value{color:var(--text-primary);font-size:.78rem;font-weight:700;text-align:right}.stats-mood-row{gap:12px;flex-wrap:wrap}.stats-mood-item{gap:9px;padding:12px 16px}.stats-mood-emoji{font-size:1.2rem}.stats-mood-value{color:var(--text-primary);font-size:.88rem;font-weight:700}.stats-mood-count,.stats-no-data{color:var(--text-tertiary);font-size:.76rem}.toast{position:fixed;left:50%;bottom:30px;z-index:300;transform:translate(-50%);padding:10px 20px;border-radius:var(--radius-full);background:var(--text-primary);color:var(--text-inverse);box-shadow:var(--shadow-lg);font-size:.84rem;font-weight:640;animation:toastIn .22s ease,toastOut .22s ease 2.2s forwards}.settings-subtitle{margin:20px 0 9px;color:var(--text-tertiary);font-size:.78rem;font-weight:700}.settings-item.archived{opacity:.58}.settings-item-icon{width:22px;color:var(--text-tertiary);text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{to{opacity:0}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-glow);color:var(--text-primary)}@media(max-width:860px){.sidebar{position:fixed;width:100%;height:64px;inset:auto 0 0 0;flex-direction:row;align-items:center;padding:8px 12px;border-right:none;border-top:1px solid var(--border-light)}.sidebar-brand,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%}.nav-link{flex-direction:column;gap:4px;min-height:48px;min-width:64px;padding:5px 8px;font-size:.72rem}.nav-link-icon{width:24px;height:24px}.main-content{width:100%;max-width:none;margin-left:0;padding:24px 16px 96px}.summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-divider{display:none}.form-row,.settings-form .form-row{grid-template-columns:1fr}.search-item-header,.entry-card-header{align-items:flex-start;flex-direction:column;gap:4px}.stats-bar-row{grid-template-columns:78px 1fr 72px;gap:9px}.fab{right:18px;bottom:82px}}.timer-start-btn{position:fixed;right:32px;bottom:100px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--accent);box-shadow:var(--shadow-md);font-size:1.1rem;transition:all var(--transition-base);z-index:50}.timer-start-btn:hover{transform:translateY(-2px) scale(1.04);background:var(--accent-soft);border-color:var(--accent)}.timer-start-icon{font-size:1rem}.timer-card{margin-bottom:24px;padding:20px 22px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.timer-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 60%,var(--bg-secondary))}.timer-card-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.timer-card-indicator{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.timer-card-label{font-size:.76rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.timer-card-body{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}.timer-card-title{font-size:1.15rem;font-weight:720;color:var(--text-primary)}.timer-card-elapsed{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.timer-card-meta{font-size:.78rem;color:var(--text-tertiary);margin-bottom:14px}.timer-stop-btn{margin-top:0}.subtask-list{margin:12px 0 8px;display:flex;flex-direction:column;gap:4px}.subtask-item{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:var(--radius-xs);transition:background var(--transition-base);cursor:pointer}.subtask-item:hover{background:var(--bg-tertiary)}.subtask-item.completed .subtask-text{text-decoration:line-through;color:var(--text-tertiary)}.subtask-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.subtask-text{flex:1;font-size:.84rem;color:var(--text-primary);min-width:0}.subtask-time{font-size:.73rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.subtask-add-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.subtask-add-input{flex:1;padding:6px 10px;font-size:.82rem}.subtask-modal-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.subtask-modal-row .form-input{flex:1}.todo-toggle{position:fixed;right:32px;top:32px;display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:.82rem;font-weight:620;box-shadow:var(--shadow-sm);transition:all var(--transition-base);z-index:150}.todo-toggle:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.todo-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);font-size:.7rem;font-weight:700}.todo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160}.todo-panel{position:fixed;right:32px;top:72px;width:320px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:170;overflow:hidden;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.todo-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light)}.todo-panel-title{font-size:.92rem;font-weight:700}.todo-panel-body{flex:1;overflow-y:auto;padding:10px 14px}.todo-empty{padding:16px 4px;color:var(--text-tertiary);font-size:.82rem;text-align:center}.todo-row{display:flex;align-items:center;gap:8px;padding:7px 4px;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-base)}.todo-row:hover{background:var(--bg-soft)}.todo-row.completed .todo-row-text{text-decoration:line-through;color:var(--text-tertiary)}.todo-row-text{flex:1;font-size:.84rem;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-remove{opacity:0;transition:opacity var(--transition-base);font-size:.72rem;padding:2px 6px}.todo-row:hover .todo-remove{opacity:1}.todo-completed-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-light)}.todo-completed-header{font-size:.72rem;font-weight:680;color:var(--text-tertiary);margin-bottom:4px;padding:0 4px}.todo-panel-footer{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--border-light)}.todo-add-input{flex:1;font-size:.82rem;padding:7px 10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.memo-quick-form{margin-bottom:28px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:var(--shadow-sm);overflow:hidden}.memo-quick-body{padding:16px 18px}.memo-quick-textarea{min-height:72px;margin-bottom:12px}.memo-quick-extra{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.memo-quick-title{flex:1 1 140px;min-width:0}.memo-quick-tags{flex:1 1 160px;min-width:0}.memo-list{display:flex;flex-direction:column;gap:10px}.memo-card{padding:18px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);animation:fadeInUp .26s ease backwards}.memo-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 34%,var(--border-color))}.memo-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.memo-card-title{font-size:.95rem;font-weight:660;color:var(--text-primary);letter-spacing:-.01em}.memo-card-mood{font-size:1rem;flex-shrink:0}.memo-card-content{color:var(--text-secondary);font-size:.84rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.memo-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.memo-card-date{color:var(--text-tertiary);font-size:.73rem;font-variant-numeric:tabular-nums}.memo-card-tags{display:flex;flex-wrap:wrap;gap:5px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 38%),var(--bg-primary)}.auth-card{width:min(100%,420px);padding:34px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-secondary);box-shadow:var(--shadow-lg)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:var(--text-primary);font-size:1.05rem;font-weight:720}.auth-card h1{margin:0 0 8px;color:var(--text-primary);font-size:1.7rem;letter-spacing:-.03em}.auth-subtitle{margin:0 0 24px;color:var(--text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-submit{width:100%;margin-top:4px;justify-content:center}.auth-switch{margin:22px 0 0;color:var(--text-secondary);font-size:.84rem;text-align:center}.auth-switch a{color:var(--accent);font-weight:650}.auth-loading{min-height:100vh;display:grid;place-items:center;background:var(--bg-primary)}.sidebar-user{display:flex;align-items:center;gap:9px;padding:10px 4px 14px;margin-bottom:10px;border-bottom:1px solid var(--border-light)}.sidebar-user-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:.78rem;font-weight:700;flex-shrink:0}.sidebar-user-copy{min-width:0;display:flex;flex:1;flex-direction:column}.sidebar-user-copy strong,.sidebar-user-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy strong{color:var(--text-primary);font-size:.78rem}.sidebar-user-copy span{color:var(--text-tertiary);font-size:.68rem}.sidebar-logout{border:0;color:var(--text-tertiary);background:transparent;cursor:pointer;font:inherit;font-size:.7rem}.sidebar-logout:hover{color:var(--danger)}.account-form{width:100%}.settings-help{margin:10px 0 0;color:var(--text-tertiary);font-size:.78rem}@media(max-width:640px){body{overflow-x:hidden}.sidebar{height:calc(68px + env(safe-area-inset-bottom));padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.sidebar-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.nav-link{width:100%;min-width:0;min-height:52px;gap:3px;padding:4px 2px;border-radius:10px;font-size:.65rem}.nav-link-icon{width:23px;height:23px}.main-content{padding:68px 12px calc(96px + env(safe-area-inset-bottom))}.date-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;margin-bottom:20px}.date-nav-label{min-width:0;font-size:1.22rem;text-align:center;white-space:nowrap}.date-nav-btn{width:42px;height:42px}.date-nav-today{grid-column:1 / -1;justify-self:center;min-height:40px}.settings-header{margin-bottom:20px}.settings-title{font-size:1.42rem}.summary-card{margin-bottom:22px}.summary-stat{padding:15px 13px}.summary-stat-value{font-size:1.28rem}.timeline{padding-left:19px}.timeline:before{left:3px}.timeline-entry:before{left:-20px;width:9px;height:9px}.entry-card,.memo-card{padding:15px 14px}.entry-card-title,.search-item-title,.settings-item-name{overflow-wrap:anywhere}.gap-entry{padding-left:19px}.gap-line{left:3px}.gap-info{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:10px}.gap-time{white-space:normal;text-align:center}.gap-duration{margin-left:0}.gap-fill-btn{grid-column:1 / -1;min-height:40px}.todo-toggle{top:14px;right:12px;min-width:42px;min-height:42px;justify-content:center;padding:7px 10px}.todo-panel{top:64px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 148px - env(safe-area-inset-bottom))}.todo-remove{opacity:1}.todo-panel-footer{padding:10px}.fab,.timer-start-btn{right:14px;width:48px;height:48px}.fab{bottom:calc(80px + env(safe-area-inset-bottom))}.timer-start-btn{bottom:calc(138px + env(safe-area-inset-bottom))}.timer-card{padding:16px 14px}.timer-card-body{align-items:flex-start;flex-direction:column;gap:4px}.timer-card-elapsed{font-size:1.12rem}.subtask-add-row{align-items:stretch}.subtask-add-row .btn-text-sm{min-height:42px}.modal-overlay{align-items:flex-end;padding:0;background:#10141052}.modal{width:100%;max-height:calc(100dvh - 18px);border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0}.modal-header,.modal-footer{padding:14px 16px}.modal-body{padding:16px}.modal-close,.btn-icon-danger{width:42px;height:42px}.modal-footer .btn{flex:1;min-height:44px}.form-input,.form-select,.form-textarea{min-width:0;min-height:44px;font-size:16px}.selector-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.selector-btn{width:100%;min-width:0;height:44px}.search-form{padding:13px}.search-form-row{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.search-form-row .form-input{width:100%!important}.search-form-sep{display:none}.search-form-row .btn{width:100%;min-height:44px}.search-item{align-items:stretch;flex-direction:column;padding:14px}.search-item>.btn-text-danger{align-self:flex-end;min-height:40px}.stats-period-btn{min-height:40px}.stats-bar-row{grid-template-columns:64px minmax(72px,1fr) 62px;gap:7px}.stats-bar-label,.stats-bar-value{font-size:.72rem}.memo-quick-body{padding:13px}.memo-quick-title,.memo-quick-tags{flex-basis:100%}.memo-quick-extra>.btn{width:100%;min-height:44px}.memo-card-footer{align-items:flex-start;flex-direction:column}.settings-form{padding:14px}.settings-form-actions .btn{min-height:44px}.settings-section-header{align-items:flex-start;gap:10px}.settings-item{padding:13px 12px}.settings-item-left{min-width:0}.settings-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-item-actions{flex-shrink:0;gap:2px}.btn-text-sm,.btn-text,.btn-text-danger{min-height:40px}.toast{bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);white-space:normal;text-align:center}.auth-page{padding:14px}.auth-card{padding:26px 20px}.sidebar-user-copy{display:none}.sidebar-user{justify-content:center}}@media(max-width:360px){.main-content{padding-right:10px;padding-left:10px}.nav-link{font-size:.61rem}.nav-link-icon{width:21px;height:21px}.stats-bar-row{grid-template-columns:58px minmax(56px,1fr) 58px}}@media(min-width:641px)and (max-width:860px){.timer-start-btn{right:18px;bottom:140px}}.mobile-topbar,.mobile-account-backdrop,.mobile-account-menu,.fab-label,.timer-start-label{display:none}@media(max-width:860px){.mobile-topbar{position:fixed;inset:0 0 auto 0;z-index:180;height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-sidebar) 94%,transparent);box-shadow:0 4px 18px #1f25200d;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.mobile-brand{display:flex;align-items:center;gap:9px;color:var(--text-primary);font-size:.92rem;font-weight:740;letter-spacing:-.025em}.mobile-brand-mark{position:relative;width:30px;height:30px;border-radius:10px;background:var(--accent-gradient);box-shadow:var(--shadow-sm)}.mobile-brand-mark:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px solid rgba(255,255,255,.72);border-radius:50%}.mobile-account-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border-color));border-radius:13px;background:var(--accent);color:var(--text-inverse);font-size:.82rem;font-weight:760;box-shadow:var(--shadow-sm)}.mobile-account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:block;width:100%;height:100%;background:#0f120f47;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-account-menu{position:fixed;top:66px;right:12px;z-index:220;width:min(320px,calc(100vw - 24px));display:flex;flex-direction:column;padding:10px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-secondary);box-shadow:var(--shadow-lg);animation:slideUp .18s cubic-bezier(.16,1,.3,1)}.mobile-account-profile{display:flex;align-items:center;gap:11px;padding:8px 8px 14px;margin-bottom:6px;border-bottom:1px solid var(--border-light)}.mobile-account-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:var(--accent);color:var(--text-inverse);font-size:.9rem;font-weight:760}.mobile-account-copy{min-width:0;display:flex;flex-direction:column}.mobile-account-copy strong{overflow:hidden;color:var(--text-primary);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.mobile-account-copy span{overflow:hidden;color:var(--text-tertiary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 11px;border-radius:11px;color:var(--text-secondary);font-size:.84rem;text-align:left}.mobile-menu-row:hover,.mobile-menu-row:active{background:var(--bg-soft);color:var(--text-primary)}.mobile-menu-row strong{color:var(--text-tertiary);font-size:.74rem}.mobile-menu-danger{justify-content:flex-start;margin-top:5px;border-top:1px solid var(--border-light);border-radius:0 0 11px 11px;color:var(--danger)}.main-content{padding-top:78px}.todo-toggle{top:8px;right:62px;z-index:190;width:42px;min-width:42px;height:42px;min-height:42px;justify-content:center;padding:7px;border-radius:13px;box-shadow:none}.fab,.timer-start-btn{bottom:calc(80px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;width:76px;height:46px;gap:5px;padding:0 11px;border-radius:var(--radius-full);font-size:.82rem;font-weight:720}.fab{right:12px}.timer-start-btn{right:96px}.fab-label,.timer-start-label{display:inline}.fab-icon{font-size:1rem;line-height:1}.timer-start-icon{font-size:.72rem}}@media(max-width:640px){.main-content{padding-top:74px}.todo-panel{top:66px}}