:root{--bg:#0f1117;--bg-elevated:#13151f;--amber:#c8a96e;--amber-dim:#c8a96e66;--indigo:#3d3580;--purple:#9370db;--teal:#38b2ac;--text:#e8e0d0;--text-dim:#e8e0d0b3;--text-muted:#e8e0d066;--border:#c8a96e2e;--font:"Courier Prime", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;overflow:hidden}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at 50% 20%, #16192a 0%, var(--bg) 68%);font-size:16px}body:after{content:"";z-index:9999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}#root{flex-direction:column;height:100%;display:flex}button,input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{background:var(--amber);vertical-align:text-bottom;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite cursor-blink;display:inline-block}.portrait-overlay{z-index:9998;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.portrait-rotate-icon{color:var(--amber);font-size:3.2rem;animation:2.4s ease-in-out infinite portrait-rock;display:inline-block}@keyframes portrait-rock{0%,to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}.portrait-message{text-align:center;font-family:var(--font);color:var(--text-dim);letter-spacing:.06em;font-size:.8rem;line-height:1.8}.app-loading{height:100%;color:var(--text-muted);letter-spacing:.1em;justify-content:center;align-items:center;font-size:.8rem;display:flex}.logo{align-items:baseline;line-height:1;display:inline-flex}.logo-life{color:var(--text);letter-spacing:-.02em;font-size:2.6rem;font-weight:400}.logo-glance{color:var(--indigo);letter-spacing:-.02em;font-size:2.8rem;font-style:italic;font-weight:700}.logo-sm .logo-life{font-size:1.2rem}.logo-sm .logo-glance{font-size:1.3rem}.logo-tagline{color:var(--text-muted);margin-top:.4rem;font-size:.9rem;font-style:italic}.btn{border:1px solid var(--amber);color:var(--amber);font-family:var(--font);cursor:pointer;letter-spacing:.02em;background:0 0;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.95rem;line-height:1;transition:background .15s,color .15s;display:inline-flex}.btn:hover{background:#c8a96e1f}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:hover{background:0 0}.btn-filled{background:var(--amber);color:var(--bg)}.btn-filled:hover{background:#d4b880}.btn-filled:disabled{background:var(--amber)}.input{border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font);width:100%;caret-color:var(--amber);background:0 0;outline:none;padding:.45rem 0;font-size:1rem;transition:border-color .15s}.input:focus{border-bottom-color:var(--amber)}.input::placeholder{color:var(--text-muted)}.input-sm{font-size:.9rem}.field-label{color:var(--text-muted);letter-spacing:.08em;text-transform:lowercase;margin-bottom:.25rem;font-size:.68rem;display:block}.field-row{gap:.75rem;display:flex}.onboarding{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem 1.5rem 3.5rem;display:flex;position:relative}.onboarding-welcome{padding-bottom:2rem}.onboarding-step{flex-direction:column;gap:2rem;width:100%;max-width:580px;animation:.3s step-in;display:flex}@keyframes step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-eyebrow{color:var(--amber);letter-spacing:.12em;text-transform:lowercase;font-size:.7rem}.progress-dots{align-items:center;gap:.45rem;display:flex}.progress-dot{background:var(--border);border-radius:50%;width:5px;height:5px;transition:background .3s}.progress-dot.active{background:var(--amber)}.progress-dot.done{background:#c8a96e66}.onboarding-prompt{color:var(--text);min-height:5rem;font-size:1.3rem;line-height:1.55}.onboarding-inputs{flex-direction:column;gap:1.2rem;display:flex}.onboarding-helper{color:var(--text-muted);font-size:.78rem;font-style:italic}.onboarding-actions{align-items:center;gap:1rem;display:flex}.skip-link{color:var(--text-muted);font-family:var(--font);cursor:pointer;text-underline-offset:3px;letter-spacing:.04em;background:0 0;border:none;font-size:.72rem;text-decoration:underline;position:fixed;bottom:1.25rem;right:1.5rem}.skip-link:hover{color:var(--text-dim)}.timeline-preview{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1117f7;height:72px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.stat-reveal-rows{flex-direction:column;gap:1.2rem;display:flex}.stat-reveal-row{opacity:0;flex-direction:column;gap:.2rem;transition:opacity .4s,transform .4s;display:flex;transform:translateY(6px)}.stat-reveal-row.visible{opacity:1;transform:translateY(0)}.stat-reveal-label{color:var(--text-muted);letter-spacing:.08em;font-size:.68rem}.stat-reveal-value{color:var(--text);font-size:1.15rem;line-height:1.4}.stat-reveal-value em{color:var(--amber);font-style:normal}.timeline-view{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.timeline-header{border-bottom:1px solid var(--border);z-index:10;background:var(--bg);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:.6rem 1.1rem;display:grid}.header-center{flex-direction:column;align-items:center;gap:1px;display:flex}.header-right{justify-content:flex-end;align-items:center;display:flex}.zoom-tabs{border:1px solid var(--border);display:flex}.zoom-tab{border:none;border-left:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.04em;background:0 0;padding:.3rem .7rem;font-size:.7rem;transition:color .15s,background .15s}.zoom-tab:first-child{border-left:none}.zoom-tab:hover{color:var(--text-dim);background:#c8a96e0f}.zoom-tab.active{color:var(--amber);background:#c8a96e1a}.view-tabs{border:1px solid var(--border);border-radius:2px;display:flex}.view-tab{border:none;border-left:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:0 0;padding:.18rem .65rem;font-size:.62rem;transition:color .15s,background .15s}.view-tab:first-child{border-left:none}.view-tab:hover{color:var(--text-dim);background:#c8a96e0f}.view-tab.active{color:var(--amber);background:#c8a96e1a}.view-tabs-row{align-items:center;gap:.4rem;display:flex}.recur-filter-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:0 0;border-radius:2px;padding:.18rem .55rem;font-size:.62rem;transition:color .15s,background .15s}.recur-filter-btn:hover{color:var(--text-dim);background:#c8a96e0f}.recur-filter-btn.active{color:var(--amber);background:#c8a96e1a;border-color:#c8a96e4d}.compact-controls-row{flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex}.view-cycle-btn{border:1px solid var(--border);white-space:nowrap;border-radius:2px}.timeline-body{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.timeline-svg-wrap{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;width:100%;min-height:0}.timeline-svg-wrap:active{cursor:grabbing}.timeline-zoom-wrap{transform-origin:50%;flex-direction:column;flex:1;min-height:0;transition:transform .42s cubic-bezier(.25,.46,.45,.94);display:flex}.timeline-zoom-wrap.zooming-out{transform:perspective(800px)rotateX(-2deg)scale(.97)}.timeline-zoom-wrap.zooming-in{transform:perspective(800px)rotateX(2deg)scale(1.03)}.timeline-bottom{padding:.6rem 1.1rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.add-milestone-btn{border:1px solid var(--amber);color:var(--amber);font-family:var(--font);cursor:pointer;letter-spacing:.03em;background:0 0;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.8rem;transition:background .15s;display:flex}.add-milestone-btn:hover{background:#c8a96e1a}.today-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.04em;background:0 0;padding:.45rem .9rem;font-size:.7rem;transition:color .15s,border-color .15s}.today-btn:hover{color:var(--amber);border-color:var(--amber-dim)}.zoom-dropdown-wrap{position:relative}.zoom-dropdown-btn{letter-spacing:.06em;gap:.35rem}.zoom-dropdown{background:var(--bg);border:1px solid var(--border);z-index:50;min-width:100%;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.zoom-dropdown-item{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-muted);font-family:var(--font);letter-spacing:.04em;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;padding:.3rem .9rem;font-size:.7rem;display:block}.zoom-dropdown-item:first-child{border-top:none}.zoom-dropdown-item:hover{color:var(--text-dim);background:#c8a96e0f}.zoom-dropdown-item.active{color:var(--amber);background:#c8a96e1a}.zoom-row{justify-content:center;align-items:center;display:flex;position:relative}.zoom-indicator{color:var(--text-muted);letter-spacing:.07em;white-space:nowrap;font-size:.6rem;position:absolute;top:50%;left:calc(100% + .55rem);transform:translateY(-50%)}.custom-zoom-row{color:var(--amber);align-items:center;gap:.25rem;display:flex}.custom-zoom-input{border:none;border-bottom:1px solid var(--amber-dim);width:3.2rem;color:var(--amber);font-family:var(--font);text-align:center;-moz-appearance:textfield;background:0 0;outline:none;padding:0 .1rem;font-size:.6rem}.custom-zoom-input::-webkit-outer-spin-button{-webkit-appearance:none}.custom-zoom-input::-webkit-inner-spin-button{-webkit-appearance:none}.filter-chips-inline{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:.35rem;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.03em;background:0 0;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.68rem;transition:color .15s,border-color .15s;display:inline-flex}.filter-chip:hover{color:var(--text-dim);border-color:var(--amber-dim)}.filter-chip.active{color:var(--amber);border-color:var(--amber)}.filter-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.filter-compact{border:1px solid var(--border);align-items:stretch;display:flex}.filter-compact>.filter-chip{border:none;border-right:1px solid var(--border)}.filter-compact>.filter-chip.active{color:var(--amber);border-right-color:var(--border);background:#c8a96e1a}.filter-dropdown-wrap{display:flex;position:relative}.filter-compact .filter-dropdown-btn{border:none;gap:.35rem}.filter-compact .filter-dropdown-btn.active{color:var(--amber);background:#c8a96e1a}.filter-dropdown{background:var(--bg);border:1px solid var(--border);z-index:50;min-width:100%;position:absolute;bottom:calc(100% + 4px);left:0}.filter-dropdown-item{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-muted);font-family:var(--font);letter-spacing:.03em;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.7rem;display:flex}.filter-dropdown-item:first-child{border-top:none}.filter-dropdown-item:hover{color:var(--text-dim);background:#c8a96e0f}.filter-dropdown-item.active{color:var(--amber)}.stat-panels{pointer-events:none;z-index:5;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;top:.75rem;left:0;right:0}.stat-panel{pointer-events:all;border:1px solid var(--border);background:#0d0f16eb;max-width:155px;padding:.55rem .65rem;font-size:.7rem;line-height:1.5}.stat-panel-label{color:var(--amber);letter-spacing:.06em;text-transform:lowercase;margin-bottom:.3rem;font-size:.65rem}.stat-panel-count{color:var(--text-dim)}.stat-panel-right{text-align:right}.stat-milestone{margin-top:.5rem;line-height:1.45}.stat-milestone-right{text-align:right}.stat-milestone-title{color:var(--text-dim);font-size:.72rem}.stat-milestone-date{color:var(--text-muted);margin-top:.1rem;font-size:.63rem}.stat-milestone-rel{color:var(--amber);margin-top:.08rem;font-size:.63rem}.stat-nav-row{align-items:center;gap:.3rem;margin-top:.25rem;display:flex}.stat-nav-row-right{justify-content:flex-end}.stat-nav-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;padding:.08rem .32rem;font-size:.58rem;line-height:1.4;transition:color .15s,border-color .15s}.stat-nav-btn:hover{color:var(--amber);border-color:var(--amber-dim)}.stat-nav-pos{color:var(--text-muted);letter-spacing:.04em;font-size:.56rem}.header-actions{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.action-link{color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:0;font-size:.56rem;transition:color .15s}.action-link:hover{color:var(--amber)}.action-sep{color:#c8a96e59;font-size:.75rem;line-height:1}.sheet-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.sheet-overlay{align-items:center}}.sheet{background:var(--bg-elevated);border:1px solid var(--border);border-bottom:none;flex-direction:column;gap:1.2rem;width:100%;max-width:520px;max-height:88vh;padding:1.5rem;animation:.22s sheet-up;display:flex;overflow-y:auto}@media (width>=640px){.sheet{border-bottom:1px solid var(--border)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sheet-header{justify-content:space-between;align-items:center;display:flex}.sheet-title{color:var(--amber);letter-spacing:.07em;text-transform:lowercase;font-size:.85rem}.sheet-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.1rem;line-height:1}.sheet-close:hover{color:var(--text)}.sheet-field{flex-direction:column;gap:.3rem;display:flex}.date-grid{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:.75rem;display:grid}.precision-tabs{border:1px solid var(--border);align-self:flex-start;margin-top:.4rem;display:flex}.precision-tab{border:none;border-left:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.04em;background:0 0;padding:.22rem .65rem;font-size:.68rem;transition:color .15s,background .15s}.precision-tab:first-child{border-left:none}.precision-tab.active{color:var(--amber);background:#c8a96e1a}.category-grid{flex-wrap:wrap;gap:.5rem;display:flex}.category-chip{cursor:pointer;color:var(--text-muted);letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.72rem;transition:border-color .15s;display:flex}.category-chip.selected{border-color:var(--amber);color:var(--text)}.category-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sheet-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.sheet-actions-right{gap:.5rem;display:flex}.btn-ghost{color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;padding:.45rem;font-size:.8rem;transition:color .15s}.btn-ghost:hover{color:#e85d75}.detail-photo-wrap{border-bottom:1px solid var(--border);margin:-1.2rem -1.5rem 0;overflow:hidden}.detail-photo{object-fit:cover;width:100%;max-height:260px;display:block}.photo-preview-wrap{align-self:stretch;position:relative}.photo-preview{object-fit:cover;border:1px solid var(--border);border-radius:3px;width:100%;max-height:180px;display:block}.photo-remove{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;letter-spacing:.03em;background:#0d0f16d1;border-radius:2px;padding:.18rem .45rem;font-size:.65rem;transition:color .15s;position:absolute;top:.4rem;right:.4rem}.photo-remove:hover{color:var(--text)}.media-preview-wrap{flex-direction:column;align-self:stretch;gap:.5rem;display:flex}.media-preview{width:100%;accent-color:var(--amber);max-height:220px}.audio-attached-row{align-items:center;gap:.5rem;display:flex}.audio-attached-label{color:var(--text-muted);font-size:.78rem;font-style:italic}.detail-audio-wrap{margin:.2rem 0}.detail-audio{width:100%;accent-color:var(--amber)}.detail-video{width:100%;max-height:280px;accent-color:var(--amber);border-radius:3px;display:block}.detail-title{font-size:1.4rem;font-weight:700;line-height:1.3}.detail-meta{flex-direction:column;gap:.2rem;display:flex}.detail-date-raw{color:var(--text-dim);font-size:.85rem}.detail-relative{color:var(--amber);font-size:.8rem}.detail-age{color:#c8a96e8c;font-family:Courier Prime,monospace;font-size:.75rem}.detail-category{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.detail-cat-dot{border-radius:50%;width:8px;height:8px}.detail-note{color:var(--text-dim);white-space:pre-wrap;border-left:2px solid var(--border);padding-left:.75rem;font-size:.88rem;line-height:1.65}.detail-url{color:var(--amber);text-underline-offset:3px;word-break:break-all;opacity:.85;font-size:.78rem;text-decoration:underline;transition:opacity .15s;display:block}.detail-url:hover{opacity:1}.detail-recurrence{color:var(--text-muted);letter-spacing:.04em;font-size:.72rem}.detail-recurrence-warn{color:#e85d75;letter-spacing:.04em;opacity:.85;font-size:.72rem}.detail-delete-group{align-items:center;gap:.5rem;display:flex}.detail-delete-series{opacity:.8;font-size:.72rem;color:#e85d75!important}.detail-delete-series:hover{opacity:1}.detail-confirm{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:.6rem;display:flex}.detail-confirm-msg{color:var(--text-dim);font-size:.82rem}.detail-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn-danger{color:#e85d75;border-color:#e85d7559}.btn-danger:hover{color:#e85d75;background:#e85d751a;border-color:#e85d7599}.recurrence-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sheet-recurrence-note{color:var(--text-muted);letter-spacing:.03em;margin-top:.2rem;font-size:.65rem}.recurrence-range-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.recurrence-range-from,.recurrence-range-arrow{color:var(--text-muted);font-size:.72rem}.recurrence-range-count{color:var(--text-muted);font-size:.65rem;font-style:italic}.summary-grid{border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.summary-cell{border:1px solid var(--border);flex-direction:column;gap:.2rem;padding:.7rem .85rem;display:flex}.summary-value{color:var(--text);letter-spacing:.02em;font-size:1.15rem}.summary-label{color:var(--text-muted);letter-spacing:.06em;text-transform:lowercase;font-size:.6rem}.summary-section{border-top:1px solid var(--border);flex-direction:column;gap:.45rem;padding-top:.9rem;display:flex}.summary-section-label{color:var(--amber);letter-spacing:.07em;font-size:.62rem}.summary-gap{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.summary-gap-title{color:var(--text-dim);font-size:.8rem}.summary-gap-arrow,.summary-gap-dur{color:var(--text-muted);font-size:.72rem}.summary-busiest{align-items:baseline;gap:.6rem;display:flex}.summary-busiest-year{color:var(--text);font-size:1.1rem}.summary-busiest-count{color:var(--text-muted);font-size:.72rem}.summary-decades{flex-direction:column;gap:.35rem;display:flex}.summary-decade-row{align-items:center;gap:.6rem;display:flex}.summary-decade-label{color:var(--text-muted);flex-shrink:0;width:3.2rem;font-size:.65rem}.summary-decade-track{background:#e8e0d012;border-radius:2px;flex:1;height:4px;overflow:hidden}.summary-decade-bar{background:var(--amber);opacity:.65;border-radius:2px;height:100%;transition:width .4s}.summary-decade-count{color:var(--text-muted);text-align:right;flex-shrink:0;width:1.4rem;font-size:.65rem}.otd-list{flex-direction:column;gap:.1rem;display:flex}.otd-item{cursor:pointer;border-bottom:1px solid #e8e0d00f;border-radius:3px;align-items:flex-start;gap:.7rem;padding:.6rem 0 .6rem .3rem;transition:background .12s;display:flex}.otd-item:hover{background:#e8e0d00a}.otd-item:last-child{border-bottom:none}.otd-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.3rem}.otd-content{flex-direction:column;gap:.18rem;display:flex}.otd-title{color:var(--text-dim);font-size:.85rem}.otd-meta{color:var(--text-muted);font-size:.65rem}.otd-years{color:var(--amber);opacity:.8}.otd-approx{opacity:.6;font-style:italic}.otd-btn{opacity:.85;color:var(--amber)!important}.otd-btn:hover{opacity:1}.empty-state{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.empty-state-label{color:var(--text-muted);letter-spacing:.03em;font-size:.78rem;line-height:1.7}@keyframes milestone-appear{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes milestone-stem-appear{0%{opacity:0}to{opacity:1}}@keyframes milestone-fly{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.minimap-bar{border-top:1px solid var(--border);cursor:crosshair;-webkit-user-select:none;user-select:none;background:#0d0f16b3;flex-shrink:0;height:40px}.settings-sheet{width:100%;max-width:540px}.settings-sheet .zoom-tabs{width:100%}.settings-sheet .zoom-tab{text-align:center;flex:1;padding:.55rem .5rem}.settings-section{border-top:1px solid var(--border);flex-direction:column;gap:.55rem;padding-top:.8rem;display:flex}.settings-label{color:var(--amber);letter-spacing:.07em;font-size:.65rem}.settings-note{color:var(--text-muted);letter-spacing:.04em;margin-top:.2rem;font-size:.55rem}.settings-cat-list{flex-direction:column;gap:.3rem;display:flex}.settings-cat-row{align-items:center;gap:.5rem;min-height:1.4rem;display:flex}.settings-cat-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.settings-cat-name{color:var(--text-dim);letter-spacing:.03em;flex:1;font-size:.7rem}.settings-cat-inuse{color:var(--text-muted);letter-spacing:.05em;font-size:.55rem}.settings-cat-del{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.15rem .3rem;font-size:.6rem;line-height:1;transition:color .15s}.settings-cat-del:hover:not(:disabled){color:var(--amber)}.settings-cat-del:disabled{opacity:.2;cursor:default}.settings-cat-add{flex-direction:column;gap:.4rem;display:flex}.settings-cat-add-row{align-items:center;gap:.4rem;display:flex}.settings-palette{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.settings-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .1s}.settings-swatch:hover{transform:scale(1.18)}.settings-swatch.selected{border-color:var(--text);transform:scale(1.18)}.settings-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-toggle-label{color:var(--text-dim);font-size:.75rem}.settings-toggle{appearance:none;border:1px solid var(--border);cursor:pointer;background:#e8e0d01f;border-radius:1rem;flex-shrink:0;width:2.2rem;height:1.2rem;transition:background .2s;position:relative}.settings-toggle:after{content:"";background:var(--text-muted);border-radius:50%;width:.85rem;height:.85rem;transition:left .2s,background .2s;position:absolute;top:50%;left:.15rem;transform:translateY(-50%)}.settings-toggle:checked{border-color:var(--amber);background:#c8a96e40}.settings-toggle:checked:after{background:var(--amber);left:calc(100% - 1rem)}.settings-you-row{align-items:center;gap:.75rem;display:flex}.settings-you-label{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.settings-birthday-input{border:1px solid var(--border);color:var(--text-dim);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border-radius:3px;padding:.3rem .5rem;font-family:Courier Prime,monospace;font-size:.72rem}.settings-backup-row{flex-wrap:wrap;gap:.5rem;display:flex}.ics-sheet{width:100%;max-width:640px}.ics-notice{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.5}.ics-stats{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.ics-stats-skipped{color:var(--text-muted)}.ics-empty{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.8rem}.ics-table-wrap{border:1px solid var(--border);border-radius:6px;flex-shrink:0;overflow-x:auto}.ics-table{border-collapse:collapse;width:100%;font-size:.75rem}.ics-table thead{background:var(--bg-elevated);z-index:1;position:sticky;top:0}.ics-table th{text-align:left;color:var(--amber);text-transform:lowercase;border-bottom:1px solid var(--border);padding:.45rem .6rem;font-size:.65rem;font-weight:400}.ics-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);vertical-align:middle;padding:.4rem .6rem}.ics-table tbody tr:last-child td{border-bottom:none}.ics-table tbody tr:hover{background:color-mix(in srgb, var(--bg-elevated) 80%, var(--amber) 5%)}.ics-row-dim{opacity:.35}.ics-col-date{white-space:nowrap;color:var(--text-muted);width:7.5rem}.ics-col-title{align-items:center;gap:.4rem;min-width:0;display:flex}.ics-col-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ics-col-cat{width:8rem}.ics-annual-badge{color:var(--amber);border:1px solid var(--amber);white-space:nowrap;opacity:.7;border-radius:3px;flex-shrink:0;padding:.05rem .3rem;font-size:.6rem}.ics-cat-select{background:var(--bg);color:var(--text);border:1px solid var(--border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:4px;width:100%;padding:.2rem .3rem;font-size:.72rem}.ics-actions{background:var(--bg-elevated);justify-content:flex-end;gap:.6rem;margin-top:-.25rem;padding-top:.5rem;display:flex;position:sticky;bottom:0}.help-sheet{max-width:420px}.help-shortcuts-table{border-collapse:collapse;width:100%}.help-shortcuts-table tr+tr td{padding-top:.45rem}.help-keys{white-space:nowrap;vertical-align:middle;padding-right:1rem}.help-kbd{font-family:var(--font);color:var(--text);background:#e8e0d012;border:1px solid #e8e0d038;border-bottom-width:2px;border-radius:4px;margin-right:.25rem;padding:.15em .45em;font-size:.65rem;line-height:1.5;display:inline-block}.help-desc{color:var(--text-dim);vertical-align:middle;font-size:.72rem}.help-note{color:var(--text-dim);margin-top:.4rem;font-size:.72rem;line-height:1.55}.help-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:.5rem;padding-top:.75rem;display:flex}.help-footer-storage{flex-direction:column;gap:.25rem;display:flex}.help-footer-meta{color:var(--text-muted);font-size:.62rem}.help-footer-value{color:var(--text-dim)}.help-footer-dim{opacity:.55}.help-footer-version{white-space:nowrap;flex-shrink:0}.search-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#0009;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.search-palette{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;width:480px;max-width:92vw;overflow:hidden;box-shadow:0 8px 40px #000000b3}.search-input-row{border-bottom:1px solid var(--border);align-items:center;gap:.55rem;padding:.8rem 1rem;display:flex}.search-prompt{color:var(--amber);flex-shrink:0;font-family:Courier Prime,monospace;font-size:1.15rem;line-height:1}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Courier Prime,monospace;font-size:.88rem}.search-input::placeholder{color:var(--text-muted)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.7rem;line-height:1}.search-clear:hover{color:var(--text-dim)}.search-results{max-height:340px;overflow-y:auto}.search-result{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:.75rem;padding:.6rem 1rem;transition:background .1s;display:flex}.search-result.active{border-left-color:var(--amber);background:#c8a96e12}.search-result-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.search-result-body{flex-direction:column;gap:.12rem;min-width:0;display:flex}.search-result-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-family:Courier Prime,monospace;font-size:.82rem;overflow:hidden}.search-result-meta{color:var(--text-muted);font-family:Courier Prime,monospace;font-size:.66rem}.search-result-sep{opacity:.5;margin:0 .3rem}.search-empty{text-align:center;color:var(--text-muted);padding:1.1rem 1rem;font-family:Courier Prime,monospace;font-size:.75rem}.stat-pill-wrap{pointer-events:all;flex-direction:column;align-items:flex-start;display:flex}.stat-pill-wrap-right{align-items:flex-end}.stat-pill{border:1px solid var(--border);color:var(--amber);font-family:var(--font);letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0d0f16d1;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.62rem;transition:background .12s;display:inline-flex}.stat-pill:hover{background:#c8a96e14}.stat-pill-active{background:#c8a96e1a}.stat-panel-popup{margin-top:.35rem}@media (height<=500px){.timeline-header{padding:.18rem .8rem}.action-link{font-size:.5rem}.action-sep{font-size:.6rem}.onboarding{justify-content:flex-start;padding:1.5rem 1.5rem 4rem}.onboarding-welcome{justify-content:center;padding:1rem 1.5rem}.onboarding-step{gap:.65rem}.onboarding-inputs{gap:.5rem}.onboarding-prompt{min-height:2.2rem;font-size:1rem}.timeline-preview{height:50px}.stat-reveal-rows{gap:.55rem}}@media (width<=480px){.onboarding{padding:1.5rem 1.25rem 3.5rem}.onboarding-step{gap:1.2rem}.onboarding-inputs{gap:.85rem}.onboarding-prompt{min-height:4rem;font-size:1.05rem}.logo-life,.logo-glance{font-size:2rem}}.media-confirm-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1rem;width:90vw;max-width:360px;padding:1.5rem;display:flex}.media-confirm-title{color:var(--amber);letter-spacing:.04em;font-size:.85rem}.media-confirm-body{color:var(--text-dim);font-size:.78rem;line-height:1.6}.media-confirm-body strong{color:var(--text)}.media-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.toast{z-index:10000;text-align:center;cursor:pointer;border-radius:6px;max-width:min(480px,90vw);padding:12px 20px;font-size:.8em;animation:.2s toast-in;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast-error{color:#f08080;background:#2d1010;border:1px solid #dc505066}.toast-info{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}