:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;text-align:center}body{background-color:#000}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.quote-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;z-index:100;background-color:#fff;gap:10px;position:relative;overflow:hidden}.quote-word{font-size:3rem;font-weight:700;color:#000;opacity:0;transition:opacity .5s ease-in-out;z-index:1}.quote-word.visible{opacity:1}.black-rectangle{position:absolute;z-index:200;top:-100%;left:0;width:100%;height:100vh;background-color:#000;transition:top 1.5s cubic-bezier(.19,1,.22,1);display:flex;justify-content:center;align-items:center}.black-rectangle.visible{top:0}.name-text{display:flex;justify-content:center;align-items:center}.name-letter{font-size:10vw;z-index:999;font-weight:700;color:#fff;opacity:0;transition:opacity .3s ease-in-out}.name-letter.visible{opacity:1}.name-text.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-size:10vw;z-index:100;flex-wrap:wrap;box-sizing:border-box}.black-rectangle.visible .name-text.fullscreen .name-letter{text-shadow:0 0 10px rgba(255,255,255,.5)}.download-arrow{animation:none}.resume-download-link{transition:all .3s ease}.resume-download-link:hover .download-arrow{animation:bounce 1.5s}.resume-text{position:relative}.resume-text:after{content:"";position:absolute;width:100%;height:1px;bottom:-2px;left:0;background-color:#fff;transform-origin:bottom right;transform:scaleX(0);transition:transform .3s ease}.resume-download-link:hover .resume-text:after{transform-origin:bottom left;transform:scaleX(1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease}.projects-container{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.nav-link{position:relative;transition:opacity .3s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.action-button{transition:background-color .3s ease,transform .2s ease}.action-button:hover{transform:translateY(-2px)}.action-button:active{transform:translateY(1px)}.timeblocker-container{min-height:100vh;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}.header{position:sticky;top:0;left:0;right:0;width:100%;background:#0a0a0a;z-index:10;padding:40px 24px 24px;margin-bottom:32px;margin-top:0;box-sizing:border-box;overflow-x:hidden}.header-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;box-sizing:border-box;width:100%}.header-left{display:flex;justify-content:flex-start}.header-center{display:flex;flex-direction:column;align-items:center;gap:4px}.header-right{display:flex;justify-content:flex-end}.main-content{max-width:1400px;margin:0 auto;padding:0 24px 24px;display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.todo-sidebar{position:fixed;top:140px;left:max(24px,calc((100vw - 1400px)/2 + 24px));width:320px;background:#1a1a1a;border:1px solid hsl(0 0% 18%);border-radius:12px;padding:20px;max-height:calc(100vh - 160px);overflow-y:auto;display:flex;flex-direction:column;gap:16px}.todo-sidebar::-webkit-scrollbar{width:8px}.todo-sidebar::-webkit-scrollbar-track{background:transparent}.todo-sidebar::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.todo-sidebar::-webkit-scrollbar-thumb:hover{background:#595959}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.todo-title-group{display:flex;align-items:center;gap:12px}.todo-header h2{font-size:1.25rem;font-weight:600;color:#fafafa;margin:0;letter-spacing:-.025em}.todo-count{font-size:.875rem;color:#999;font-variant-numeric:tabular-nums}.header-actions{display:flex;align-items:center;gap:8px}.header-action-btn{background:transparent;border:none;color:#999;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.header-action-btn:hover{background:#333;color:#e6e6e6}.todo-input-wrapper{display:flex;gap:8px}.todo-input{flex:1;background:#0f0f0f;border:2px solid hsl(0 0% 20%);border-radius:8px;padding:10px 12px;color:#fafafa;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease}.todo-input:focus{border-color:#4caf50}.todo-input::placeholder{color:#737373}.add-todo-btn{background:#4caf50;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:1.4rem;font-weight:400;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:40px}.add-todo-btn:hover{background:#45a049}.add-todo-btn:active{transform:scale(.95)}.section-input-wrapper{display:flex;gap:6px;margin-bottom:12px}.section-input{flex:1;background:#0f0f0f;border:2px solid hsl(0 0% 30%);border-radius:6px;padding:8px 10px;color:#fafafa;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease}.section-input:focus{border-color:#2196f3}.section-input::placeholder{color:#737373}.add-section-btn{background:#2196f3;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-section-btn:hover{background:#1976d2}.cancel-section-btn{background:#333;color:#ccc;border:none;border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.cancel-section-btn:hover{background:#4d4d4d}.add-section-btn-main{width:100%;background:transparent;border:1px dashed hsl(0 0% 30%);border-radius:6px;padding:8px;color:#999;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.add-section-btn-main:hover{border-color:#666;color:#ccc;background:#ffffff05}.todo-list{display:flex;flex-direction:column;gap:12px}.todo-section{display:flex;flex-direction:column;gap:4px}.section-header{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;border-radius:4px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:#ffffff05}.section-toggle{background:transparent;border:none;color:#999;font-size:1.125rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .15s ease;flex-shrink:0}.section-toggle:hover{color:#ccc}.section-toggle:focus{outline:none}.section-name{flex:1;font-size:.8125rem;font-weight:600;color:#b3b3b3;text-transform:uppercase;letter-spacing:.05em}.delete-section-btn{background:transparent;border:none;color:#666;font-size:1.125rem;cursor:pointer;padding:2px 6px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease;line-height:1;opacity:0;flex-shrink:0}.section-header:hover .delete-section-btn{opacity:.5}.delete-section-btn:hover{background:#333;color:#f44;opacity:1!important}.section-drop-zone{display:flex;flex-direction:column;gap:6px;min-height:40px;padding:4px;border-radius:6px;transition:background .2s ease}.section-drop-zone:hover{background:#ffffff03}.section-empty{text-align:center;padding:1rem;color:#666;font-size:.8125rem;font-style:italic}.todo-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:6px;cursor:grab;transition:all .15s ease;background:transparent;border:1px solid transparent}.todo-item:hover{background:#ffffff05}.todo-item:active{cursor:grabbing;opacity:.5}.todo-item.completed{opacity:.5}.todo-drag-handle{color:#666;font-size:14px;cursor:grab;line-height:1;-webkit-user-select:none;user-select:none;padding:0 2px}.todo-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#4CAF50;background-color:transparent;border:2px solid hsl(0 0% 40%);border-radius:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;transition:all .15s ease}.todo-checkbox:hover{border-color:#4caf50}.todo-checkbox:checked{background-color:#4caf50;border-color:#4caf50}.todo-checkbox:checked:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.todo-content{flex:1;display:flex;align-items:center;gap:8px}.todo-badge{font-size:.7rem;background-color:#ff9800;color:#fff;padding:2px 6px;border-radius:4px;font-weight:700;flex-shrink:0}.todo-text{color:#fafafa;font-size:.875rem;font-weight:400;line-height:1.4;text-align:left;flex:1}.todo-text-edit{flex:1;background:#0f0f0f;border:2px solid #4CAF50;border-radius:4px;padding:4px 8px;color:#fafafa;font-size:.875rem;font-family:inherit;outline:none;line-height:1.4}.todo-item.completed .todo-text{text-decoration:line-through;color:#999}.todo-item.drag-over{border-color:#4caf50;background:#4caf501a}.delete-todo-btn{background:transparent;border:none;color:#666;font-size:1.25rem;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;line-height:1;opacity:.5;flex-shrink:0}.delete-todo-btn:hover{background:#333;color:#f44;opacity:1}.todo-empty{text-align:center;padding:3rem 1rem;color:gray}.todo-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.todo-empty-text{font-size:1rem;font-weight:500;color:#999;margin-bottom:.5rem}.todo-empty-hint{font-size:.875rem;color:gray}.content-wrapper{flex:1;margin-left:344px}.header h1{font-size:1.5rem;font-weight:600;color:#fafafa;margin:0;letter-spacing:-.025em}.time-display{display:flex;align-items:center;gap:16px}.current-time{font-size:2.5rem;font-weight:600;color:#fafafa;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.mobile-current-task{display:none}.block-countdown{font-size:1.5rem;font-weight:600;color:gray;letter-spacing:-.025em;font-variant-numeric:tabular-nums;padding:4px 12px;background:#262626;border-radius:6px;border:1px solid hsl(0 0% 20%)}.progress-info{text-align:right}.progress-value{font-size:1.5rem;font-weight:600;color:#e6e6e6;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.progress-label{font-size:.75rem;color:#999;font-weight:500;font-variant-numeric:tabular-nums;margin-top:2px}.timeline{display:flex;flex-direction:column;gap:12px;margin-top:24px}.hour-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-block{position:relative;height:72px;background:#262626;border-radius:8px;overflow:hidden;border:1px solid hsl(0 0% 20%);transition:all .15s ease;display:flex;align-items:center;padding:0 16px;cursor:pointer}.time-block:hover{border-color:#4d4d4d;background:#292929}.time-block.current{border-color:#fafafa;border-width:2px}.block-fill{position:absolute;bottom:0;left:0;width:100%;background:#4d4d4d;transition:height .2s ease;height:0%;z-index:1}.time-block.completed .block-fill{height:100%;background:#fafafa}.block-content{display:flex;align-items:center;gap:16px;width:100%;z-index:2;position:relative}.time-label{font-size:.875rem;font-weight:600;color:#ccc;font-variant-numeric:tabular-nums;min-width:50px;flex-shrink:0}.time-block.completed .time-label{color:#1a1a1a;font-weight:700}.time-block.current .time-label{color:#fafafa;font-weight:700}.task-input{flex:1;background:transparent;border:none;outline:none;color:#bfbfbf;font-size:.9375rem;font-family:inherit;padding:0;font-weight:500}.task-input::placeholder{color:#737373;font-weight:400}.time-block.completed .task-input{color:#1a1a1a;font-weight:600}.time-block.completed .task-input::placeholder{color:#404040}.time-block.current .task-input{color:#fafafa;font-weight:600}.time-block.current .task-input::placeholder{color:#b3b3b3}.time-block.sleep{opacity:.4;background:#181825;border-color:#252537}.time-block.sleep:hover{opacity:.5;background:#1b1b28;border-color:#2d2d43}.time-block.sleep.current{opacity:1;border-color:#5c5cd6}.time-block.sleep.completed .block-fill{background:#474785}.time-display.sleep-time .current-time{color:#8585e0}.time-display.sleep-time .block-countdown{color:#7070c2;background:#181825;border-color:#33334d}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:24px;margin-bottom:24px}.stat-item{background:#262626;border:1px solid hsl(0 0% 20%);border-radius:8px;padding:20px}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:6px;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#f2f2f2}.stat-label{font-size:.875rem;color:#bfbfbf;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.todo-sidebar{position:relative;top:0;left:0;width:auto;max-height:400px}.content-wrapper{margin-left:0}}@media (max-width: 768px){.hour-row{grid-template-columns:1fr;gap:4px}.time-block{height:48px;padding:0 12px}.block-content{gap:12px}.time-label{font-size:.75rem;min-width:45px}.task-input{font-size:.8125rem}.current-time{display:none}.mobile-current-task{display:block}.stats{grid-template-columns:repeat(2,1fr)}.header-content{grid-template-columns:1fr;gap:12px}.header-left,.header-right{display:none}.header-center{justify-content:center;width:100%}.todo-sidebar{max-height:300px}.header{padding:20px 16px 16px;margin-bottom:16px}.time-display{flex-direction:column;gap:8px;width:100%;text-align:center}.mobile-current-task{font-size:1rem;font-weight:500;color:#e6e6e6;text-align:center;padding:8px 12px;background:#262626;border-radius:8px;border:1px solid hsl(0 0% 20%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mobile-current-task.empty{color:gray;font-style:italic}}.quick-log-fab{position:fixed;bottom:24px;right:24px;width:64px;height:72px;border-radius:100%;background:#4caf50;color:#fff;border:none;font-size:2rem;font-weight:300;cursor:pointer;box-shadow:0 4px 12px #0000004d,0 8px 24px #4caf504d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;align-items:center;justify-content:center;line-height:1}.quick-log-fab:hover{background:#45a049;transform:scale(1.1);box-shadow:0 6px 16px #0006,0 12px 32px #4caf5066}.quick-log-fab:active{transform:scale(.95)}.quick-log-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quick-log-content{background:#1a1a1a;border:2px solid hsl(0 0% 20%);border-radius:16px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quick-log-content h3{margin:0 0 20px;color:#fafafa;font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.quick-log-input{width:100%;background:#0f0f0f;border:2px solid hsl(0 0% 25%);border-radius:12px;padding:16px;color:#fafafa;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s ease;margin-bottom:20px;box-sizing:border-box}.quick-log-input:focus{border-color:#4caf50}.quick-log-input::placeholder{color:gray}.quick-log-actions{display:flex;gap:12px}.quick-log-save{flex:1;background:#4caf50;color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-log-save:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.quick-log-save:active{transform:translateY(0)}.quick-log-cancel{background:#333;color:#e6e6e6;border:none;border-radius:10px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-log-cancel:hover{background:#404040}.quick-log-cancel:active{transform:scale(.98)}@media (max-width: 768px){.quick-log-fab{width:56px;height:56px;font-size:1.75rem;bottom:16px;right:16px}.quick-log-content{padding:24px}.quick-log-content h3{font-size:1.25rem;margin-bottom:16px}.quick-log-input{font-size:1rem;padding:14px}.quick-log-actions{flex-direction:column}.quick-log-save,.quick-log-cancel{width:100%}}.schedule-container{margin-bottom:24px;background:#262626;border:1px solid hsl(0 0% 20%);border-radius:8px;padding:20px}.schedule-container h3{margin:0 0 16px;font-size:1.25rem;color:#fafafa}.schedule-table{display:flex;flex-direction:column;gap:1px;background:#333;border-radius:6px;overflow:hidden}.schedule-row{display:grid;grid-template-columns:140px 1fr 180px;gap:16px;padding:0 16px;background:#1f1f1f;align-items:center;transition:all .2s ease;min-height:0;overflow:hidden}.schedule-row:hover{background:#292929;overflow:visible;z-index:10;height:auto!important;min-height:48px;box-shadow:0 4px 12px #00000080;position:relative}.schedule-row.active{background:#2e2e2e;border-left:4px solid #4CAF50;padding-left:12px}.schedule-time{color:#999;font-family:monospace;font-size:.9rem}.schedule-row.active .schedule-time{color:#4caf50;font-weight:700}.schedule-activity{color:#e6e6e6;font-weight:500}.schedule-mode{color:#b3b3b3;font-size:.85rem;text-align:right;background:#333;padding:4px 8px;border-radius:4px}@media (max-width: 768px){.schedule-row{grid-template-columns:1fr;gap:8px;padding:12px}.schedule-mode{text-align:left;display:inline-block;align-self:flex-start}.schedule-row.active{padding-left:8px}}.schedule-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:16px;-webkit-user-select:none;user-select:none}.schedule-header:hover h3{color:#4caf50}.schedule-header h3{margin:0;transition:color .2s ease}.schedule-toggle-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.schedule-header:hover .schedule-toggle-btn{color:#ccc;background:#ffffff0d}.schedule-duration{color:#b3b3b3;font-size:.85rem;text-align:right;font-family:monospace}@media (max-width: 768px){.schedule-duration{text-align:left;display:inline-block;align-self:flex-start}}.schedule-container.collapsed .schedule-header{margin-bottom:0}.schedule-row{align-items:flex-start}.schedule-table{height:calc(100vh - 220px);min-height:500px;overflow-y:auto}.schedule-row{min-height:40px}.schedule-row{align-items:center}.schedule-activity{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-duration-control{display:flex;align-items:center;justify-content:flex-end;gap:12px}.control-btn{background:#404040;color:#ccc;border:1px solid hsl(0 0% 30%);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:16px;line-height:1;padding:0}.control-btn:hover{background:#595959;color:#fff;border-color:#666}.control-btn:active{transform:scale(.95)}.micro-chart-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:help;--accent-color: #4CAF50}.micro-pie{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transform:rotate(0);z-index:1}.micro-pie:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;background:#1f1f1f;border-radius:50%;transition:background .2s ease}.schedule-row:hover .micro-pie:after{background:#292929}.schedule-row.active .micro-pie:after{background:#2e2e2e}.micro-chart-text{position:relative;z-index:2;font-size:.6rem;font-weight:600;color:#e6e6e6;text-align:center;line-height:1;pointer-events:none;max-width:90%}.habit-container{min-height:100vh;background:#0a0a0a;color:#fafafa}.habit-header{position:sticky;top:0;background:#0a0a0a;z-index:10;padding:40px 24px 24px;border-bottom:1px solid hsl(0 0% 15%)}.habit-header-content{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.habit-header-left h1{font-size:1.75rem;font-weight:700;margin:0 0 8px;letter-spacing:-.025em;background:linear-gradient(135deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.habit-subtitle{font-size:.9375rem;color:#999;font-style:italic;margin:0}.habit-header-right{display:flex;gap:24px}.habit-stats{text-align:center}.habit-stats .stat-value{font-size:1.75rem;font-weight:700;color:#f2f2f2;font-variant-numeric:tabular-nums}.habit-stats .stat-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.habit-main{max-width:900px;margin:0 auto;padding:24px}.habit-intro-card{display:flex;gap:20px;background:linear-gradient(135deg,#1f1f1f,#1a1a1a);border:1px solid hsl(0 0% 20%);border-radius:16px;padding:24px;margin-bottom:24px}.habit-intro-icon{font-size:2.5rem;flex-shrink:0}.habit-intro-content h3{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:#f2f2f2}.habit-intro-content p{font-size:.9375rem;color:#b3b3b3;margin:0 0 16px;line-height:1.5}.habit-loop-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.loop-step{display:flex;align-items:center;gap:6px;background:#2e2e2e;padding:6px 12px;border-radius:20px;font-size:.8125rem;font-weight:500}.loop-number{width:18px;height:18px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700}.loop-arrow{color:#666;font-size:1rem}.add-identity-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:2px dashed hsl(0 0% 25%);border-radius:12px;padding:16px;color:#999;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.add-identity-btn:hover{border-color:#4caf50;color:#4caf50;background:#4caf500d}.add-icon{font-size:1.25rem;font-weight:300}.add-identity-form{background:#1a1a1a;border:1px solid hsl(0 0% 20%);border-radius:12px;padding:20px;margin-bottom:24px}.add-identity-form h3{font-size:1.125rem;font-weight:600;margin:0 0 16px;color:#f2f2f2}.identity-form-group{margin-bottom:16px}.identity-form-group label{display:block;font-size:.875rem;color:#b3b3b3;margin-bottom:8px;font-weight:500}.identity-input,.identity-textarea{width:100%;background:#0f0f0f;border:2px solid hsl(0 0% 20%);border-radius:8px;padding:12px;color:#fafafa;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box}.identity-input:focus,.identity-textarea:focus{border-color:#4caf50}.identity-textarea{resize:vertical;min-height:60px}.identity-form-actions{display:flex;gap:12px}.btn-primary{background:#4caf50;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#45a049}.btn-secondary{background:#333;color:#ccc;border:none;border-radius:8px;padding:10px 20px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#404040}.btn-small{padding:6px 12px;font-size:.8125rem}.empty-state{text-align:center;padding:60px 24px;background:#1a1a1a;border:1px solid hsl(0 0% 18%);border-radius:16px}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:600;color:#f2f2f2;margin:0 0 8px}.empty-state p{font-size:.9375rem;color:#999;max-width:400px;margin:0 auto 24px;line-height:1.5}.example-identities{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.example-chip{background:#2e2e2e;padding:8px 14px;border-radius:20px;font-size:.8125rem;color:#ccc}.identities-list{display:flex;flex-direction:column;gap:16px}.identity-card{background:#1a1a1a;border:1px solid hsl(0 0% 18%);border-left:4px solid #4CAF50;border-radius:12px;overflow:hidden}.identity-header{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:background .15s ease}.identity-header:hover{background:#ffffff05}.identity-toggle{background:transparent;border:none;color:#999;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.identity-toggle:hover{color:#ccc}.identity-info{flex:1;min-width:0}.identity-name{font-size:1.0625rem;font-weight:600;color:#f2f2f2;margin:0}.identity-description{font-size:.8125rem;color:#999;margin:4px 0 0;line-height:1.4}.identity-meta{display:flex;align-items:center;gap:8px}.identity-count{font-size:.8125rem;color:gray;font-variant-numeric:tabular-nums}.identity-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.identity-header:hover .identity-actions{opacity:1}.identity-action-btn{background:transparent;border:none;font-size:.875rem;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .15s ease}.identity-action-btn:hover{background:#333}.identity-action-btn.delete:hover{background:#ff444426}.identity-edit-form{display:flex;gap:8px;flex:1;align-items:center}.identity-edit-input{flex:1;background:#0f0f0f;border:2px solid #4CAF50;border-radius:6px;padding:8px 12px;color:#fafafa;font-size:1rem;font-family:inherit;outline:none}.identity-content{border-top:1px solid hsl(0 0% 18%);padding:16px}.habits-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.habit-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1f1f1f;border-radius:8px;transition:all .15s ease}.habit-item:hover{background:#242424}.habit-item.inactive{opacity:.5}.habit-toggle{width:24px;height:24px;border:2px solid hsl(0 0% 30%);border-radius:50%;background:transparent;color:gray;font-size:.875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.habit-toggle.active{background:#4caf50;border-color:#4caf50;color:#fff}.habit-toggle:hover{border-color:#4caf50}.habit-content{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.habit-text{flex:1;font-size:.9375rem;color:#e6e6e6;cursor:pointer}.habit-text:hover{color:#fafafa}.habit-edit-input{flex:1;background:#0f0f0f;border:2px solid #4CAF50;border-radius:4px;padding:4px 8px;color:#fafafa;font-size:.9375rem;font-family:inherit;outline:none}.habit-frequency{font-size:.6875rem;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.habit-frequency.daily{background:#4caf5033;color:#4caf50}.habit-frequency.weekly{background:#2196f333;color:#2196f3}.habit-frequency.monthly{background:#9c27b033;color:#9c27b0}.habit-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.habit-item:hover .habit-actions{opacity:1}.habit-action-btn{background:transparent;border:none;font-size:1rem;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .15s ease}.habit-action-btn:hover{background:#333}.habit-action-btn.send:hover{background:#2196f326}.habit-action-btn.delete{font-size:1.25rem;color:gray}.habit-action-btn.delete:hover{background:#ff444426;color:#f44}.no-habits-hint{text-align:center;color:#737373;font-size:.875rem;font-style:italic;padding:16px}.add-habit-form{display:flex;gap:8px}.add-habit-input{flex:1;background:#0f0f0f;border:2px solid hsl(0 0% 20%);border-radius:8px;padding:10px 14px;color:#fafafa;font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .2s ease}.add-habit-input:focus{border-color:#4caf50}.add-habit-input::placeholder{color:#737373}.add-habit-btn{background:#4caf50;color:#fff;border:none;border-radius:8px;width:44px;font-size:1.5rem;font-weight:400;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.add-habit-btn:hover{background:#45a049}@media (max-width: 768px){.habit-header-content{flex-direction:column;gap:16px}.habit-header-right{width:100%;justify-content:space-around}.habit-intro-card{flex-direction:column;text-align:center}.habit-loop-steps{justify-content:center}.identity-header{flex-wrap:wrap}.identity-actions,.habit-actions{opacity:1}.identity-form-actions{flex-direction:column}}.skill-tree-generator{min-height:100vh;background:#0a0e14;color:#e5e5e5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.generator-header{padding:80px 40px 24px;background:linear-gradient(180deg,#0a0e14 0%,transparent 100%);border-bottom:1px solid #1e2530}.generator-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.generator-subtitle{font-size:14px;color:#6b7280}.generator-content{display:flex;gap:48px;padding:40px 60px;max-width:1900px;margin:0 auto}.generator-sidebar{width:440px;flex-shrink:0}.generator-card{background:#161b22;border:1px solid #2a3441;border-radius:16px;padding:24px;margin-bottom:24px}.card-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;font-weight:500;color:#9ca3af;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px 16px;background:#0a0e14;border:1px solid #2a3441;border-radius:8px;color:#e5e5e5;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#d4af37}.form-input::placeholder{color:#4a5568}.form-textarea{min-height:80px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.generate-btn{width:100%;padding:14px;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.4);border-radius:10px;color:#d4af37;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af374d,#d4af3726);transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn.loading{pointer-events:none}.btn-spinner{width:18px;height:18px;border:2px solid rgba(212,175,55,.3);border-top-color:#d4af37;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.saved-trees-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.saved-tree-item{display:flex;align-items:center;gap:12px;padding:14px;background:#0a0e14;border:1px solid #2a3441;border-radius:10px;cursor:pointer;transition:all .2s ease}.saved-tree-item:hover{border-color:#4a5568;background:#111620}.saved-tree-item.active{border-color:#d4af37;background:#d4af370d}.tree-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tree-info{flex:1;min-width:0}.tree-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-meta{font-size:12px;color:#6b7280;margin-top:2px}.tree-delete-btn{padding:6px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s ease}.tree-delete-btn:hover{color:#ef4444;background:#ef44441a}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:12px}.empty-text{font-size:14px}.tree-preview-panel{flex:1;min-width:0;position:relative}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:#161b22;border:2px dashed #2a3441;border-radius:16px;color:#6b7280}.preview-icon{font-size:64px;margin-bottom:16px;opacity:.5}.preview-text{font-size:16px}.skill-tree-display{background:#161b22;border:1px solid #2a3441;border-radius:16px;padding:32px;position:relative}.tree-header-display{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a3441}.tree-title-section h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px}.tree-description{font-size:14px;color:#9ca3af;max-width:500px}.save-tree-btn{padding:12px 24px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.save-tree-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.save-tree-btn:disabled{opacity:.5;cursor:not-allowed}.save-tree-btn.saved{background:#2a3441;color:#9ca3af}.tree-canvas{position:relative;min-height:600px;overflow:visible}.tree-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tree-line{stroke:#2a3441;stroke-width:3;fill:none}.tree-line.completed{stroke:#4ade80}.tree-line.active{stroke:#d4af37}.tree-row{display:flex;justify-content:center;gap:120px;padding:30px 0;position:relative;z-index:5}.level-indicator{position:absolute;left:0;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#4a5568;transform:translateY(-50%);background:#161b22;padding:4px 8px}.node-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.skill-node{position:relative;width:56px;height:56px;background:#161b22;border:3px solid #2a3441;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:5;transform:rotate(45deg)}.skill-node .node-icon{transform:rotate(-45deg);font-size:24px}.skill-node:hover{transform:rotate(45deg) scale(1.1);border-color:#4a5568}.skill-node.completed{background:linear-gradient(135deg,#1a3a1a,#0d2a0d);border-color:#4ade80}.skill-node.completed .node-icon{color:#4ade80}.skill-node.active{background:linear-gradient(135deg,#3a2a0a,#2a1a00);border-color:#d4af37;box-shadow:0 0 30px #d4af3766;animation:nodePulse 2s ease-in-out infinite}.skill-node.active .node-icon{color:#d4af37}.skill-node.preview{opacity:.6}.skill-node.preview:hover{opacity:.85;transform:rotate(45deg) scale(1.1)}.skill-node.locked .node-icon{color:#4a5568}.skill-node.variant{width:60px;height:60px}.skill-node.variant.path-a{border-color:#818cf8;background:linear-gradient(135deg,#1e1b4b,#0f0a2e)}.skill-node.variant.path-b{border-color:#f472b6;background:linear-gradient(135deg,#4a1942,#2a0a22)}.skill-node.variant.path-c{border-color:#34d399;background:linear-gradient(135deg,#0a3a2a,#051a12)}.skill-node.variant.path-d{border-color:#fbbf24;background:linear-gradient(135deg,#3a2a0a,#2a1a00)}.skill-node.variant.path-e{border-color:#60a5fa;background:linear-gradient(135deg,#0a2a4a,#051a2e)}@keyframes nodePulse{0%,to{box-shadow:0 0 30px #d4af3766}50%{box-shadow:0 0 50px #d4af3799}}.node-label{margin-top:16px;font-size:12px;font-weight:500;color:#9ca3af;white-space:nowrap;text-align:center;background:#0a0e14;padding:4px 10px;border-radius:6px;border:1px solid #2a3441}.node-sublabel{display:block;font-size:10px;color:#4a5568;margin-top:2px}.branch-split-label{text-align:center;padding:12px 20px;margin:10px 0}.branch-split-label span{display:inline-flex;align-items:center;gap:12px;padding:6px 14px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:20px;font-size:11px;color:#d4af37}.skill-panel{position:fixed;left:24px;top:50%;transform:translateY(-50%);width:320px;background:#161b22;border:1px solid #2a3441;border-radius:16px;padding:24px;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.skill-panel.visible{opacity:1;visibility:visible}.panel-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:transparent;border:1px solid #2a3441;border-radius:6px;color:#6b7280;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.panel-close:hover{background:#2a3441;color:#fff}.panel-category{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#6b7280;margin-bottom:8px}.panel-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px}.panel-description{font-size:14px;color:#9ca3af;line-height:1.6;margin-bottom:20px}.panel-level-goal{padding:14px;background:linear-gradient(135deg,#4ade801a,#4ade800d);border:1px solid rgba(74,222,128,.25);border-radius:10px;margin-bottom:20px}.panel-level-goal .goal-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#4ade80;margin-bottom:6px}.panel-level-goal .goal-text{font-size:14px;color:#e5e5e5;line-height:1.5}.panel-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#6b7280;margin-bottom:10px;margin-top:16px}.panel-habits{list-style:none;padding:0;margin:0 0 20px}.panel-habit{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#6b7280;border-bottom:1px solid #1e2530}.panel-habit:last-child{border-bottom:none}.panel-habit.completed{color:#9ca3af}.habit-dot{width:8px;height:8px;border-radius:50%;background:#2a3441;flex-shrink:0}.panel-habit.completed .habit-dot{background:#4ade80}.panel-requirement{padding:12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px;font-size:13px;color:#fbbf24;margin-bottom:20px}.panel-xp{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-xp-text{font-size:13px;color:#6b7280}.panel-button{width:100%;padding:12px;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.panel-button:hover{background:linear-gradient(135deg,#d4af374d,#d4af3726)}.panel-button.locked{background:#1e2530;border-color:#2a3441;color:#4a5568;cursor:not-allowed}.variant-badges{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.variant-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.variant-badge.path-a{background:#818cf833;color:#818cf8}.variant-badge.path-b{background:#f472b633;color:#f472b6}.variant-badge.path-c{background:#34d39933;color:#34d399}.variant-badge.path-d{background:#fbbf2433;color:#fbbf24}.variant-badge.path-e{background:#60a5fa33;color:#60a5fa}.error-message{padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-top:16px;display:flex;align-items:center;gap:10px}@media (max-width: 1024px){.generator-content{flex-direction:column}.generator-sidebar{width:100%}.skill-panel{position:fixed;right:12px;left:12px;width:auto;bottom:12px;top:auto;transform:none}}@media (max-width: 640px){.generator-content{padding:20px}.tree-row{gap:40px}.skill-node{width:44px;height:44px}.skill-node .node-icon{font-size:18px}}.activity-logger-container{width:100%;min-height:100vh;margin:0;padding:0;box-sizing:border-box}.activity-logger-container .header{position:sticky;top:0;left:0;right:0;width:100%;background:#0a0a0a;z-index:10;padding:40px 24px 24px;margin-bottom:32px;box-sizing:border-box}.activity-logger-container .header-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.activity-logger-container .header-left{display:flex;justify-content:flex-start}.activity-logger-container .header-center{display:flex;flex-direction:column;align-items:center;gap:4px}.activity-logger-container .header-right{display:flex;justify-content:flex-end}.activity-logger-container .header h1{font-size:1.5rem;font-weight:600;color:#fafafa;margin:0;letter-spacing:-.025em}.activity-logger-container .time-display{display:flex;align-items:center;gap:16px}.activity-logger-container .current-time{font-size:2.5rem;font-weight:600;color:#fafafa;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.activity-logger-container .block-countdown{font-size:1.5rem;font-weight:600;color:gray;letter-spacing:-.025em;font-variant-numeric:tabular-nums;padding:4px 12px;background:#262626;border-radius:6px;border:1px solid hsl(0 0% 20%)}.activity-logger-container .progress-info{text-align:right}.activity-logger-container .progress-value{font-size:1.5rem;font-weight:600;color:#e6e6e6;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.activity-logger-container .progress-label{font-size:.75rem;color:#999;font-weight:500;font-variant-numeric:tabular-nums;margin-top:2px}.activity-logger-container .main-content{width:100%;max-width:1200px;margin:0 auto;padding:0 24px 24px;display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start;box-sizing:border-box}.activity-sidebar{position:sticky;top:140px;background:#1a1a1a;border:1px solid hsl(0 0% 18%);border-radius:12px;padding:20px;height:fit-content;max-height:calc(100vh - 160px);overflow-y:auto;display:flex;flex-direction:column;gap:20px}.sidebar-section h2{font-size:1rem;font-weight:600;color:#ccc;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.activity-input-wrapper{display:flex;gap:8px}.custom-color-input-wrapper{width:24px;height:24px;position:relative;border-radius:50%;overflow:hidden;cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.custom-color-input{width:150%;height:150%;transform:translate(-25%,-25%);border:none;padding:0;margin:0;cursor:pointer;opacity:0}.activity-input{flex:1;background:#0f0f0f;border:2px solid hsl(0 0% 20%);border-radius:8px;padding:10px 12px;color:#fafafa;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease}.activity-input:focus{border-color:#4caf50}.activity-input::placeholder{color:#737373}.add-activity-btn{background:#4caf50;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:1.4rem;font-weight:400;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:40px}.add-activity-btn:hover{background:#45a049}.frequent-activities{display:flex;flex-wrap:wrap;gap:8px}.frequent-activity-btn{display:flex;align-items:center;gap:6px;background:#0f0f0f;border:2px solid;border-radius:20px;padding:6px 12px;color:#e6e6e6;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.frequent-activity-btn:hover{background:#1f1f1f;transform:translateY(-1px)}.activity-dot-wrapper{position:relative;display:flex;align-items:center}.color-edit-popover{position:absolute;top:100%;left:0;margin-top:8px;background:#1f1f1f;border:1px solid hsl(0 0% 20%);border-radius:8px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;width:140px;z-index:100;box-shadow:0 4px 12px #0006}.color-edit-option{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s ease}.color-edit-option:hover{transform:scale(1.1);box-shadow:0 0 0 1px #fff}.color-save-btn{width:100%;background:#4caf50;color:#fff;border:none;border-radius:4px;padding:4px;font-size:.75rem;cursor:pointer;margin-top:4px}.color-save-btn:hover{background:#45a049}.custom-color-input-wrapper.small{width:20px;height:20px}.activity-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;cursor:pointer;transition:transform .15s ease}.activity-color-dot:hover{transform:scale(1.3)}.activity-count{font-size:.6875rem;background:#333;padding:2px 6px;border-radius:10px;color:#999}.activity-list{display:flex;flex-direction:column;gap:4px}.activity-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s ease}.activity-item:hover{background:#292929}.activity-name{flex:1;color:#e6e6e6;font-size:.875rem}.stats-section{margin-top:auto}.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:#0f0f0f;border:1px solid hsl(0 0% 20%);border-radius:8px;padding:12px;text-align:center}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#f2f2f2;font-variant-numeric:tabular-nums}.stat-card .stat-label{font-size:.6875rem;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.activity-logger-container .content-wrapper{display:flex;flex-direction:column;gap:16px;min-width:0;margin-left:0!important}.analytics-section{background:#1a1a1a;border:1px solid hsl(0 0% 18%);border-radius:12px;padding:20px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:12px}.analytics-header h3{font-size:1.125rem;font-weight:600;color:#e6e6e6;margin:0}.date-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-preset-select{background:#0f0f0f;border:1px solid hsl(0 0% 25%);border-radius:6px;padding:8px 12px;color:#e6e6e6;font-size:.875rem;cursor:pointer;outline:none}.date-preset-select:focus{border-color:#4caf50}.custom-date-inputs{display:flex;align-items:center;gap:8px}.custom-date-inputs input{background:#0f0f0f;border:1px solid hsl(0 0% 25%);border-radius:6px;padding:6px 10px;color:#e6e6e6;font-size:.8125rem}.custom-date-inputs span{color:gray;font-size:.8125rem}.chart-container{min-height:200px;display:flex;align-items:flex-end}.chart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:gray}.chart-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.3}.chart-empty-text{font-size:1rem;font-weight:500;color:#999;margin-bottom:4px}.chart-empty-hint{font-size:.875rem;color:#737373}.column-chart{flex:1;display:flex;align-items:flex-end;justify-content:space-around;height:200px;gap:12px;padding:0 10px}.chart-bar-wrapper{flex:1;max-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.chart-bar-group{position:relative;width:100%;display:flex;align-items:flex-end;min-height:4px;transition:height .5s ease}.chart-bar-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:max-content;text-align:center;font-size:.6875rem;color:#b3b3b3;margin-bottom:6px;font-weight:600;font-variant-numeric:tabular-nums;z-index:1;pointer-events:none}.chart-bar-avg-label{margin-top:2px;font-size:.625rem;color:gray;font-weight:400}.chart-bar{width:100%;height:100%;border-radius:4px 4px 0 0;animation:barGrow .5s ease forwards}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.chart-bar-name{padding-top:8px;font-size:.6875rem;color:#999;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.activity-logger-container .timeline{display:flex;flex-direction:column;gap:12px}.activity-logger-container .hour-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.activity-logger-container .time-block{position:relative;height:72px;background:#262626;border-radius:8px;overflow:hidden;border:1px solid hsl(0 0% 20%);transition:all .15s ease;display:flex;align-items:center;padding:0 16px;cursor:pointer}.activity-logger-container .time-block:hover{border-color:#4d4d4d;background:#292929}.activity-logger-container .time-block.current{border-color:#fafafa;border-width:2px}.activity-logger-container .time-block.has-activity{border-color:#4d4d4d}.activity-logger-container .block-fill{position:absolute;bottom:0;left:0;width:100%;background:#4d4d4d;transition:height .2s ease;height:0%;z-index:1}.activity-logger-container .time-block.completed .block-fill{height:100%;background:#fafafa}.activity-logger-container .block-content{display:flex;align-items:center;gap:12px;width:100%;z-index:2;position:relative}.activity-logger-container .time-label{font-size:.875rem;font-weight:600;color:#ccc;font-variant-numeric:tabular-nums;min-width:50px;flex-shrink:0}.activity-logger-container .time-block.completed .time-label{color:#1a1a1a;font-weight:700}.activity-logger-container .time-block.current .time-label{color:#fafafa;font-weight:700}.activity-badge-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.activity-badge{padding:4px 10px;border-radius:4px;font-size:.8125rem;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.delete-activity-btn{background:transparent;border:none;color:gray;font-size:1.25rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease;line-height:1;opacity:0;flex-shrink:0}.activity-logger-container .time-block:hover .delete-activity-btn{opacity:1}.delete-activity-btn:hover{background:#333;color:#f44}.activity-logger-container .time-block.completed .delete-activity-btn{color:#4d4d4d}.activity-logger-container .time-block.completed:hover .delete-activity-btn{opacity:1}.activity-logger-container .time-block.completed .delete-activity-btn:hover{background:#e6e6e6;color:#f44}.block-placeholder{color:#737373;font-size:.8125rem;font-style:italic}.activity-logger-container .time-block.completed .block-placeholder{color:#4d4d4d}.activity-logger-container .time-block.sleep{opacity:.4;background:#181825;border-color:#252537}.activity-logger-container .time-block.sleep:hover{opacity:.5;background:#1b1b28}.activity-logger-container .time-block.sleep.completed .block-fill{background:#474785}.activity-logger-container .time-display.sleep-time .current-time{color:#8585e0}.activity-logger-container .time-display.sleep-time .block-countdown{color:#7070c2;background:#181825;border-color:#33334d}.activity-logger-container .quick-log-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#4caf50;color:#fff;border:none;font-size:2rem;font-weight:300;cursor:pointer;box-shadow:0 4px 12px #4caf5066;transition:all .2s ease;z-index:100}.activity-logger-container .quick-log-fab:hover{background:#45a049;transform:scale(1.05);box-shadow:0 6px 16px #4caf5080}.activity-logger-container .quick-log-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.activity-logger-container .quick-log-content{background:#1a1a1a;border:1px solid hsl(0 0% 20%);border-radius:16px;padding:32px;width:100%;max-width:400px}.activity-logger-container .quick-log-content h3{margin:0 0 20px;font-size:1.25rem;font-weight:600;color:#fafafa}.activity-logger-container .quick-log-input{width:100%;background:#0f0f0f;border:2px solid hsl(0 0% 25%);border-radius:8px;padding:14px 16px;color:#fafafa;font-size:1rem;font-family:inherit;outline:none;margin-bottom:20px;box-sizing:border-box}.activity-logger-container .quick-log-input:focus{border-color:#4caf50}.activity-logger-container .quick-log-input::placeholder{color:#737373}.activity-logger-container .quick-log-actions{display:flex;gap:12px}.activity-logger-container .quick-log-save{flex:1;background:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s ease}.activity-logger-container .quick-log-save:hover{background:#45a049}.activity-logger-container .quick-log-cancel{background:#333;color:#ccc;border:none;border-radius:8px;padding:12px 24px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease}.activity-logger-container .quick-log-cancel:hover{background:#404040}@media (max-width: 1024px){.activity-logger-container .main-content{grid-template-columns:1fr}.activity-sidebar{position:relative;top:0;max-height:none}}@media (max-width: 768px){.activity-logger-container .header-content{grid-template-columns:1fr;text-align:center;gap:16px}.activity-logger-container .header-left,.activity-logger-container .header-right{justify-content:center}.activity-logger-container .current-time{font-size:2rem}.activity-logger-container .hour-row{grid-template-columns:1fr}.activity-logger-container .time-block{height:60px}.column-chart{height:150px;gap:8px}.chart-bar-wrapper{max-width:60px}.analytics-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.activity-logger-container .header{padding:24px 16px 16px}.activity-logger-container .main-content{padding:0 16px 16px}.stat-cards{grid-template-columns:1fr}.date-picker,.date-preset-select{width:100%}.custom-date-inputs{width:100%;flex-direction:column}.custom-date-inputs input{width:100%}}.chart-bar-avg-label{font-size:.7rem;color:var(--text-secondary, hsl(0 0% 60%));margin-top:2px;font-weight:400}.chart-bar-label{display:flex;flex-direction:column;align-items:center;gap:2px}.section-header-collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:4px 0;margin-bottom:12px;-webkit-user-select:none;user-select:none}.section-header-collapsible:hover{opacity:.8}.section-header-collapsible h2{margin:0}.collapse-icon{font-size:.75rem;color:gray;transition:transform .2s ease}.collapse-icon.collapsed{transform:rotate(-90deg)}.collapse-icon.small{font-size:.625rem}.focus-protocol-section{border-top:1px solid hsl(0 0% 18%);padding-top:20px}.focus-sleep-section{margin-bottom:16px}.sleep-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}.sleep-slider-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sleep-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#333;border-radius:3px;outline:none}.sleep-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#4caf50;border-radius:50%;cursor:pointer;transition:transform .15s ease}.sleep-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.sleep-slider::-moz-range-thumb{width:18px;height:18px;background:#4caf50;border-radius:50%;cursor:pointer;border:none}.sleep-value{font-size:1rem;font-weight:600;color:#e6e6e6;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.focus-mode-indicator{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:.8125rem;font-weight:500}.focus-mode-indicator.survival{background:#8f242433;border:1px solid hsl(0,60%,40%);color:#ec9393}.focus-mode-indicator.maintenance{background:#8f742433;border:1px solid hsl(45,60%,45%);color:#ecd693}.focus-mode-indicator.attack{background:#26732633;border:1px solid hsl(120,50%,40%);color:#99e699}.mode-icon{font-size:1rem}.mode-text{flex:1;line-height:1.3}.focus-stack{margin-top:16px;padding:12px;background:#141414;border-radius:8px;border:1px solid hsl(0 0% 15%)}.stack-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.stack-header:hover{opacity:.8}.stack-title{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#e6e6e6}.stack-icon{font-size:1rem}.stack-subtitle{font-size:.6875rem;color:gray;margin-top:4px;margin-bottom:12px}.deep-stack{border-color:#372659}.deep-stack .stack-title{color:#c2adeb}.shallow-stack{border-color:#264859}.shallow-stack .stack-title{color:#add6eb}.focus-stack .task-input-wrapper{margin-bottom:8px}.task-input{width:100%;background:#0f0f0f;border:1px solid hsl(0 0% 20%);border-radius:6px;padding:8px 10px;color:#e6e6e6;font-size:.8125rem;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box}.task-input:focus{border-color:#4caf50}.task-input::placeholder{color:#666}.task-input:disabled{opacity:.5;cursor:not-allowed}.task-list-focus{display:flex;flex-direction:column;gap:6px}.focus-task-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#1a1a1a;border-radius:6px;border:1px solid hsl(0 0% 18%);transition:all .15s ease;position:relative;flex-wrap:wrap}.focus-task-item:hover{background:#1f1f1f}.focus-task-item.priority{border-color:#6a40bf;background:#35206026}.focus-task-item.priority:before{content:"SPRINT";position:absolute;top:-8px;right:8px;font-size:.5625rem;font-weight:700;letter-spacing:.1em;color:#a385e0;background:#2b194d;padding:2px 6px;border-radius:4px}.focus-task-item.completed{opacity:.5}.focus-task-item.completed .task-text{text-decoration:line-through}.focus-task-item.shallow{border-color:#2d4653}.task-checkbox{margin-top:2px;width:14px;height:14px;accent-color:#4CAF50;cursor:pointer;flex-shrink:0}.task-content{flex:1;min-width:0}.task-text{font-size:.8125rem;color:#d9d9d9;line-height:1.4;word-break:break-word}.task-breadcrumb{font-size:.6875rem;color:#dbc170;background:#73602633;padding:4px 8px;border-radius:4px;margin-top:6px;line-height:1.4}.task-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.focus-task-item:hover .task-actions{opacity:1}.breadcrumb-btn,.delete-task-btn{background:transparent;border:none;font-size:.875rem;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .15s ease}.breadcrumb-btn:hover{background:#333}.delete-task-btn{color:gray;font-size:1rem}.delete-task-btn:hover{background:#602020;color:#e87d7d}.breadcrumb-edit-popover{width:100%;margin-top:8px;padding-top:8px;border-top:1px solid hsl(0 0% 20%)}.breadcrumb-textarea{width:100%;min-height:60px;background:#0f0f0f;border:1px solid hsl(0 0% 25%);border-radius:6px;padding:8px 10px;color:#e6e6e6;font-size:.75rem;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.breadcrumb-textarea:focus{border-color:#cca633}.breadcrumb-textarea::placeholder{color:#666}.breadcrumb-actions{display:flex;gap:8px;margin-top:8px}.breadcrumb-save-btn,.breadcrumb-cancel-btn{padding:6px 12px;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s ease}.breadcrumb-save-btn{background:#b8952e;color:#1c1b17}.breadcrumb-save-btn:hover{background:#d1af47}.breadcrumb-cancel-btn{background:#333;color:#b3b3b3}.breadcrumb-cancel-btn:hover{background:#404040}.focus-protocol-container{position:absolute;top:0;left:0;width:100vw;min-height:100vh;background:#0a0a0a;color:#fafafa}.fp-header{position:fixed;top:0;left:0;width:100%;background:#0a0a0a;border-bottom:1px solid hsl(0 0% 12%);z-index:100;padding:16px 32px;box-sizing:border-box}.fp-header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.fp-header h1{font-size:1.25rem;font-weight:700;margin:0;color:#e6e6e6;letter-spacing:-.02em}.fp-header-right{display:flex;justify-content:flex-end;align-items:center;gap:20px}.fp-hide-completed-toggle{background:#1f1f1f;border:1px solid hsl(0 0% 20%);color:#999;padding:8px 14px;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fp-hide-completed-toggle:hover{background:#262626;color:#ccc;border-color:#4d4d4d}.fp-hide-completed-toggle.active{background:#1f3a47;border-color:#379;color:#99cce6}.fp-stats{display:flex;gap:24px}.fp-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.fp-stat-value{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.fp-stat-label{font-size:.75rem;color:gray;text-transform:uppercase;letter-spacing:.05em}.fp-main{padding:100px 32px 32px;display:flex;flex-direction:column;gap:32px}@media (max-width: 700px){.fp-main{padding-top:64px}}.fp-input-section{background:#0f0f0f;border:1px solid hsl(0 0% 12%);border-radius:20px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:32px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.fp-timer-display-large{font-size:6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fafafa;text-shadow:0 0 30px hsla(0,0%,100%,.1)}.fp-timer-controls{display:flex;gap:16px}.fp-btn-primary{background:#fafafa;color:#000;border:none;padding:16px 32px;font-size:1.125rem;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .1s ease,background .2s ease}.fp-btn-primary:hover{transform:scale(1.02);background:#e6e6e6}.fp-btn-warning{background:#e69119;color:#301d03;border:none;padding:16px 32px;font-size:1.125rem;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .1s ease,filter .2s ease}.fp-btn-warning:hover{transform:scale(1.02);filter:brightness(1.1)}.fp-log-form{width:100%;display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid hsl(0 0% 12%)}.fp-input-row{display:flex;gap:12px}.fp-input-time{width:80px;flex-shrink:0;background:#171717;border:1px solid hsl(0 0% 18%);color:#e6e6e6;border-radius:8px;padding:12px;font-size:1rem;text-align:center;font-family:inherit;outline:none}.fp-input-desc{flex:1;background:#171717;border:1px solid hsl(0 0% 18%);color:#e6e6e6;border-radius:8px;padding:12px 16px;font-size:1rem;font-family:inherit;outline:none}.fp-input-tag{width:140px;flex-shrink:0;background:#171717;border:1px solid hsl(0 0% 18%);color:#7dc4e8;border-radius:8px;padding:12px 16px;font-size:1rem;font-family:inherit;outline:none}.fp-input-time:focus,.fp-input-desc:focus,.fp-input-tag:focus{border-color:#666;background:#1f1f1f}.fp-input-time:disabled,.fp-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.fp-btn-secondary{align-self:flex-end;background:#262626;border:1px solid hsl(0 0% 25%);color:#ccc;padding:10px 24px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.fp-btn-secondary:hover:not(:disabled){background:#333;color:#f2f2f2;border-color:#595959}.fp-log-list-card{background:#0f0f0f;border:1px solid hsl(0 0% 12%);border-radius:16px;padding:24px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.fp-log-list-card h2{font-size:1.125rem;font-weight:600;color:#999;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.fp-log-list{display:flex;flex-direction:column;gap:8px}.fp-log-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#171717;border-radius:8px;border:1px solid hsl(0 0% 15%);position:relative;transition:background .15s ease}.fp-log-item:hover{background:#1a1a1a}.fp-log-time{font-family:Geist Mono,monospace;font-size:.9375rem;color:#b3b3b3;background:#242424;padding:4px 8px;border-radius:4px;min-width:48px;text-align:center}.fp-log-desc{flex:1;font-size:1rem;color:#e6e6e6;display:flex;align-items:center;gap:8px}.fp-log-tag{font-size:.8125rem;color:#7dc4e8;background:#175e8233;padding:2px 6px;border-radius:4px;margin-right:4px}.fp-log-tag:last-child{margin-right:0}.fp-log-meta{font-size:.8125rem;color:#666;display:flex;align-items:center;gap:12px}.fp-log-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.fp-log-item:hover .fp-log-actions{opacity:1}.fp-log-action-btn{background:transparent;border:none;font-size:1rem;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s ease;line-height:1;opacity:.6}.fp-log-action-btn:hover{background:#262626;opacity:1}.fp-log-action-btn.delete:hover{background:#bf404033;color:#e87d7d}.fp-form-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}.fp-btn-ghost{background:transparent;border:1px solid transparent;color:#999;padding:10px 24px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.fp-btn-ghost:hover{color:#ccc;background:#1f1f1f}.fp-empty-state{text-align:center;color:#666;padding:32px;font-size:.9375rem}.fp-productivity-tracker{max-width:800px;margin:0 auto;width:100%}.fp-tracker-grid-wrapper{overflow-x:auto;padding-bottom:12px}@media (max-width: 700px){.fp-input-row{flex-direction:column}.fp-input-time,.fp-input-tag{width:100%}.fp-timer-display-large{font-size:4rem}.fp-input-section{padding:24px}}@media (max-width: 700px){.fp-next-action{margin-top:100px}}.fp-next-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.fp-next-icon{font-size:1.25rem}.fp-next-card{padding:20px 24px;border-radius:12px}.fp-next-card.deep{background:#35206033;border:1px solid hsl(260,50%,40%)}.fp-next-card.shallow{background:#26485933;border:1px solid hsl(200,40%,40%)}.fp-next-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.fp-next-card.deep .fp-next-type{color:#b399e6}.fp-next-card.shallow .fp-next-type{color:#99cce6}.fp-next-text{font-size:1.25rem;font-weight:600;color:#f2f2f2}.fp-next-breadcrumb{margin-top:12px;padding:10px 14px;background:#73602633;border-radius:8px;font-size:.875rem;color:#e0c985;line-height:1.4}.fp-stacks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.fp-stack{background:#141414;border:1px solid hsl(0 0% 15%);border-radius:16px;overflow:hidden;transition:opacity .2s ease}.fp-stack.disabled{opacity:.5;pointer-events:none}.fp-stack.deep-stack{border-color:#372659}.fp-stack.shallow-stack{border-color:#264859}.fp-stack-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background .15s ease}.fp-stack-header:hover{background:#1a1a1a}.fp-stack-title{display:flex;align-items:center;gap:16px}.fp-stack-info{text-align:left}.fp-stack-icon{font-size:1.75rem}.fp-stack-title h3{font-size:1.125rem;font-weight:600;margin:0}.deep-stack .fp-stack-title h3{color:#c2adeb}.shallow-stack .fp-stack-title h3{color:#add6eb}.fp-stack-title p{font-size:.75rem;color:gray;margin:4px 0 0}.fp-collapse-icon{font-size:.875rem;color:gray;transition:transform .2s ease}.fp-collapse-icon.collapsed{transform:rotate(-90deg)}.fp-stack-content{padding:0 24px 24px}.fp-task-input-wrapper{display:flex;gap:8px;margin-bottom:16px}.fp-task-input{flex:1;background:#0a0a0a;border:1px solid hsl(0 0% 20%);border-radius:8px;padding:12px 16px;color:#f2f2f2;font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .2s ease}.fp-task-input:focus{border-color:#666}.fp-task-input::placeholder{color:#666}.fp-task-input:disabled{opacity:.5;cursor:not-allowed}.fp-add-btn{background:#262626;border:1px solid hsl(0 0% 25%);color:#b3b3b3;border-radius:8px;padding:0 16px;font-size:1.5rem;cursor:pointer;transition:all .15s ease}.fp-add-btn:hover:not(:disabled){background:#333;color:#e6e6e6}.fp-add-btn:disabled{opacity:.5;cursor:not-allowed}.fp-task-list{display:flex;flex-direction:column;gap:8px}.fp-empty-state{text-align:center;padding:32px 16px;color:#666}.fp-empty-state p{font-size:.9375rem;margin:0}.fp-empty-state span{font-size:.8125rem;display:block;margin-top:4px}.fp-task-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0f0f0f;border-radius:10px;border:1px solid hsl(0 0% 15%);transition:all .15s ease;position:relative;flex-wrap:wrap}.fp-task-item:hover{background:#171717}.fp-task-item.priority{border-color:#6a40bf;background:#3520601a}.fp-task-item.priority:before{content:"SPRINT NOW";position:absolute;top:-10px;right:12px;font-size:.625rem;font-weight:700;letter-spacing:.1em;color:#b093ec;background:#352060;padding:3px 8px;border-radius:4px}.fp-task-item.completed{opacity:.5}.fp-task-item.completed .fp-task-text{text-decoration:line-through}.fp-task-item.shallow{border-color:#2d4653}.fp-task-checkbox{width:18px;height:18px;accent-color:#4CAF50;cursor:pointer;flex-shrink:0}.fp-task-content{flex:1;min-width:0}.fp-task-text{font-size:.9375rem;color:#e6e6e6;line-height:1.5;word-break:break-word}.fp-task-breadcrumb{font-size:.8125rem;color:#dbc170;background:#73602626;padding:8px 12px;border-radius:6px;margin-top:8px;line-height:1.4}.fp-task-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.fp-task-item:hover .fp-task-actions{opacity:1}.fp-breadcrumb-btn,.fp-delete-btn{background:transparent;border:none;font-size:1rem;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s ease}.fp-breadcrumb-btn:hover{background:#262626}.fp-delete-btn{color:gray;font-size:1.25rem}.fp-delete-btn:hover{background:#4d1919;color:#e87d7d}.fp-archive-btn{background:transparent;border:none;font-size:.875rem;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s ease;opacity:.7}.fp-archive-btn:hover{background:#4d3719;opacity:1}.fp-show-archived-toggle{background:#1f1f1f;border:1px solid hsl(0 0% 20%);color:#999;padding:8px 14px;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fp-show-archived-toggle:hover{background:#262626;color:#ccc;border-color:#4d4d4d}.fp-show-archived-toggle.active{background:#47361f;border-color:#996f33;color:#e6c699}.fp-task-item.archived{opacity:.45;background:#0d0d0d;border-style:dashed}.fp-task-item.archived .fp-task-text{color:#999}.fp-task-item.archived:hover{opacity:.6}.fp-header-left{display:flex;gap:8px;align-items:center}.fp-breadcrumb-popover{width:100%;margin-top:12px;padding-top:12px;border-top:1px solid hsl(0 0% 18%)}.fp-breadcrumb-popover label{font-size:.75rem;font-weight:600;color:#e0c985;text-transform:uppercase;letter-spacing:.05em}.fp-breadcrumb-hint{font-size:.75rem;color:gray;margin:6px 0 12px}.fp-breadcrumb-textarea{width:100%;min-height:80px;background:#0a0a0a;border:1px solid hsl(0 0% 20%);border-radius:8px;padding:12px 14px;color:#e6e6e6;font-size:.875rem;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.fp-breadcrumb-textarea:focus{border-color:#cca633}.fp-breadcrumb-textarea::placeholder{color:#666}.fp-breadcrumb-actions{display:flex;gap:12px;margin-top:12px}.fp-breadcrumb-save,.fp-breadcrumb-cancel{padding:10px 20px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fp-breadcrumb-save{background:#cca633;color:#1c1b17}.fp-breadcrumb-save:hover{background:#d6b85c}.fp-breadcrumb-cancel{background:#262626;color:#b3b3b3}.fp-breadcrumb-cancel:hover{background:#333}.fp-tips{background:#0f0f0f;border:1px solid hsl(0 0% 12%);border-radius:16px;padding:24px}.fp-tips h3{font-size:1rem;font-weight:600;color:#b3b3b3;margin:0 0 20px}.fp-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fp-tip{display:flex;gap:12px}.fp-tip-icon{font-size:1.5rem;flex-shrink:0}.fp-tip h4{font-size:.9375rem;font-weight:600;color:#e6e6e6;margin:0}.fp-tip p{font-size:.8125rem;color:#8c8c8c;margin:6px 0 0;line-height:1.5}@media (max-width: 1024px){.fp-stacks-grid,.fp-tips-grid{grid-template-columns:1fr}}@media (max-width: 768px){.fp-header-content{grid-template-columns:1fr;text-align:center;gap:16px}.fp-header-right{justify-content:center}.fp-main{padding:24px 16px}.fp-sleep-card{padding:20px}.fp-mode-card{flex-direction:column;text-align:center}.fp-active-timer-bar .fp-active-timer-content{flex-direction:column;gap:12px}}.fp-stat.deep .fp-stat-value{color:#b399e6}.fp-stat.shallow .fp-stat-value{color:#99cce6}.fp-active-timer-bar{position:sticky;top:81px;z-index:99;padding:32px 32px 16px;animation:timerPulse 2s ease-in-out infinite}.fp-active-timer-bar.deep{background:linear-gradient(90deg,#2b194d,#211537);border-bottom:2px solid hsl(260,60%,50%)}.fp-active-timer-bar.shallow{background:linear-gradient(90deg,#193543,#14262e);border-bottom:2px solid hsl(200,50%,45%)}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.9}}.fp-active-timer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.fp-timer-info{display:flex;align-items:center;gap:12px}.fp-timer-type{font-size:1.5rem}.fp-timer-task{font-size:1rem;font-weight:600;color:#f2f2f2}.fp-timer-display{display:flex;align-items:center;gap:16px}.fp-timer-elapsed{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fafafa;min-width:100px;text-align:right}.fp-timer-pause-btn{background:#ffffff26;border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fp-timer-pause-btn:hover{background:#ffffff40}.fp-play-btn{background:#2d862d;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:.875rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.fp-play-btn:hover{background:#39ac39;transform:scale(1.1)}.fp-play-btn.pause{background:#c39b22}.fp-play-btn.pause:hover{background:#ddb43c}.fp-task-text-row{display:flex;align-items:center;gap:12px}.fp-task-time{font-size:.75rem;font-weight:600;color:#8c8c8c;background:#1f1f1f;padding:2px 8px;border-radius:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.fp-task-time.active{color:#85e085;background:#2060204d;animation:timeGlow 1s ease-in-out infinite}@keyframes timeGlow{0%,to{opacity:1}50%{opacity:.7}}.fp-task-item.active{border-color:#393;background:#194d191a}.fp-task-item.active .fp-task-actions{opacity:1}.fp-stack-meta{display:flex;align-items:center;gap:12px}.fp-stack-time{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:6px;background:#1f1f1f}.deep-stack .fp-stack-time{color:#b399e6}.shallow-stack .fp-stack-time{color:#99cce6}.fp-next-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}@media (max-width: 700px){.fp-next-header{grid-template-columns:1fr;text-align:center;gap:12px}.fp-next-type{order:2}.fp-next-text{order:1}.fp-start-sprint-btn{order:3;width:100%}}.fp-next-text{text-align:center}.fp-start-sprint-btn{background:#393;border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fp-start-sprint-btn:hover{background:#40bf40;transform:translateY(-1px)}.fp-next-time{margin-top:12px;font-size:.8125rem;color:#8c8c8c}.fp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.fp-pause-modal{background:#1a1a1a;border:1px solid hsl(0 0% 20%);border-radius:16px;padding:28px 32px;width:100%;max-width:500px}.fp-pause-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.fp-pause-icon{font-size:1.5rem}.fp-pause-modal-header h3{font-size:1.25rem;font-weight:600;margin:0;color:#e0c985}.fp-pause-hint{font-size:.875rem;color:#999;margin:0 0 20px;line-height:1.5}.fp-pause-hint em{color:gray}.fp-pause-textarea{width:100%;min-height:100px;background:#0f0f0f;border:1px solid hsl(0 0% 25%);border-radius:8px;padding:14px 16px;color:#e6e6e6;font-size:.9375rem;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box;margin-bottom:20px}.fp-pause-textarea:focus{border-color:#cca633}.fp-pause-textarea::placeholder{color:#666}.fp-pause-actions{display:flex;gap:12px}.fp-pause-save,.fp-pause-skip{padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fp-pause-save{flex:1;background:#cca633;color:#1c1b17}.fp-pause-save:hover{background:#d6b85c}.fp-pause-skip{background:#262626;color:#b3b3b3}.fp-pause-skip:hover{background:#333}.fp-productivity-tracker{background:#0f0f0f;border:1px solid hsl(0 0% 15%);border-radius:16px;padding:24px;overflow:hidden;width:fit-content;margin:0 auto;max-width:100%}.fp-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fp-tracker-header h3{font-size:1rem;font-weight:600;color:#ccc;margin:0}.fp-tracker-legend{display:flex;align-items:center;gap:8px;font-size:.75rem;color:gray}.fp-legend-squares{display:flex;gap:3px}.fp-legend-square{width:12px;height:12px;border-radius:3px}.fp-legend-square.level-0{background:#1f1f1f}.fp-legend-square.level-1{background:#194d2b}.fp-legend-square.level-2{background:#267340}.fp-legend-square.level-3{background:#395}.fp-legend-square.level-4{background:#40bf6a}.fp-tracker-container{display:flex;gap:12px}.fp-tracker-day-labels{display:flex;flex-direction:column;gap:3px;padding-top:22px}.fp-day-label{height:12px;font-size:.625rem;color:gray;line-height:12px}.fp-tracker-grid-wrapper{flex:1;overflow-x:auto;padding-bottom:8px}.fp-tracker-months{display:grid;grid-auto-flow:column;grid-auto-columns:15px;gap:3px;margin-bottom:6px;height:16px}.fp-month-label{font-size:.625rem;color:gray;white-space:nowrap}.fp-tracker-grid{display:flex;gap:3px}.fp-tracker-column{display:flex;flex-direction:column;gap:3px}.fp-tracker-day{width:12px;height:12px;border-radius:3px;cursor:pointer;transition:all .1s ease}.fp-tracker-day:hover{transform:scale(1.3);z-index:10}.fp-tracker-day.level-0{background:#1f1f1f;border:1px solid hsl(0 0% 18%)}.fp-tracker-day.level-1{background:#194d2b;border:1px solid hsl(140,50%,25%)}.fp-tracker-day.level-2{background:#267340;border:1px solid hsl(140,50%,35%)}.fp-tracker-day.level-3{background:#395;border:1px solid hsl(140,50%,45%)}.fp-tracker-day.level-4{background:#40bf6a;border:1px solid hsl(140,50%,55%)}.fp-tracker-tooltip{position:fixed;transform:translate(-50%,-100%);background:#262626;border:1px solid hsl(0 0% 25%);border-radius:8px;padding:12px 16px;z-index:1000;pointer-events:none;box-shadow:0 8px 24px #0006;min-width:180px}.fp-tooltip-date{font-size:.8125rem;font-weight:600;color:#f2f2f2;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid hsl(0 0% 25%)}.fp-tooltip-stats{display:flex;flex-direction:column;gap:6px}.fp-tooltip-stat{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#b3b3b3}.fp-tooltip-stat.deep{color:#b399e6}.fp-tooltip-stat.shallow{color:#99cce6}.fp-tooltip-stat.total{color:#e6e6e6;font-weight:600;margin-top:4px;padding-top:6px;border-top:1px solid hsl(0 0% 25%)}.fp-tooltip-icon{font-size:.875rem}@media (max-width: 768px){.fp-productivity-tracker{padding:16px}.fp-tracker-header{flex-direction:column;align-items:flex-start;gap:12px}.fp-tracker-day-labels{display:none}}.fp-confirm-modal{background:#1a1a1a;border:1px solid hsl(0 0% 20%);border-radius:16px;padding:24px;width:100%;max-width:400px}.fp-confirm-title{font-size:1.125rem;font-weight:600;color:#e87d7d;margin:0 0 12px;display:flex;align-items:center;gap:8px}.fp-confirm-text{font-size:.9375rem;color:#ccc;margin:0 0 24px;line-height:1.5}.fp-confirm-actions{display:flex;gap:12px}.fp-confirm-delete{flex:1;background:#a32929;color:#fff;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s ease}.fp-confirm-delete:hover{background:#c33}.fp-confirm-cancel{flex:1;background:#262626;color:#ccc;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s ease}.fp-confirm-cancel:hover{background:#333}.fp-task-item{cursor:grab}.fp-task-item:active{cursor:grabbing}.fp-task-item.dragging{opacity:.5;background:#1f1f1f;border:1px dashed hsl(0 0% 40%)}.fp-task-text-input{background:transparent;border:none;border-bottom:2px solid hsl(260,60%,50%);color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;width:100%;padding:0;margin:0;outline:none;border-radius:0}.fp-task-item.shallow .fp-task-text-input{border-color:#39c}.fp-task-time-input{background:#141414;border:1px solid hsl(0 0% 30%);border-radius:4px;color:#e6e6e6;font-family:inherit;font-size:.75rem;font-weight:600;padding:2px 8px;width:80px;outline:none;font-variant-numeric:tabular-nums}.fp-task-time-input:focus{border-color:#63c}.fp-task-item.shallow .fp-task-time-input:focus{border-color:#39c}.fp-task-time-input::placeholder{color:#666;font-weight:400}.fp-task-time.editable{cursor:pointer;transition:background .15s ease,color .15s ease}.fp-task-time.editable:hover{background:#2e2e2e;color:#b3b3b3}#root{width:100%}.notes-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-align:left}.notes-sidebar{width:320px;min-width:320px;background:#141423cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.notes-header{padding:2rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.notes-title{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#a0a0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notes-count{font-size:.85rem;color:#888;margin-top:.5rem}.notes-search-container{padding:1rem 1.5rem}.notes-search{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9rem;transition:all .2s ease;box-sizing:border-box}.notes-search:focus{outline:none;border-color:#9370db80;background:#ffffff14;box-shadow:0 0 20px #9370db26}.notes-search::placeholder{color:#666}.notes-tags{padding:0 1.5rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.notes-tag{padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#aaa;font-size:.8rem;cursor:pointer;transition:all .2s ease}.notes-tag:hover{background:#9370db33;border-color:#9370db66;color:#fff}.notes-tag.active{background:linear-gradient(135deg,#9370db66,#6450b466);border-color:#9370db99;color:#fff}.notes-list{flex:1;overflow-y:auto;padding:.5rem}.notes-list-item{padding:1rem;margin-bottom:.25rem;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.notes-list-item:hover{background:#ffffff0a}.notes-list-item.active{background:#9370db26;border-color:#9370db4d}.notes-list-item-title{font-size:.95rem;font-weight:500;color:#fff;margin-bottom:.4rem;line-height:1.4}.notes-list-item-meta{display:flex;gap:.75rem;font-size:.8rem;color:#666}.notes-list-item-tags{color:#888}.notes-empty{padding:2rem;text-align:center;color:#666}.notes-loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;color:#888;font-size:1.1rem}.notes-content{flex:1;padding:2rem;width:100%;margin:0;overflow-y:auto}.notes-content-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.notes-content-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff;line-height:1.2}.notes-content-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notes-content-date{font-size:.9rem;color:#888}.notes-content-tags{display:flex;gap:.5rem}.notes-content-tag{padding:.3rem .7rem;background:#9370db33;border-radius:15px;font-size:.8rem;color:#c4b5fd}.notes-no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:1.1rem}.notes-article{line-height:1.8;color:#d0d0d0}.notes-article h1{font-size:2rem;font-weight:700;color:#fff;margin:2rem 0 1rem}.notes-article h2{font-size:1.5rem;font-weight:600;color:#fff;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.notes-article h3{font-size:1.25rem;font-weight:600;color:#f0f0f0;margin:1.5rem 0 .75rem}.notes-article p{margin:1rem 0}.notes-article ul,.notes-article ol{margin:1rem 0;padding-left:1.5rem}.notes-article li{margin:.5rem 0}.notes-article a{color:#a78bfa;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.notes-article a:hover{border-bottom-color:#a78bfa}.notes-article blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid rgba(147,112,219,.5);background:#9370db14;border-radius:0 8px 8px 0;font-style:italic;color:#bbb}.notes-article code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;padding:.2rem .5rem;background:#ffffff1a;border-radius:4px;color:#f0abfc}.notes-article pre{margin:1.5rem 0;padding:1.25rem 1.5rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow-x:auto}.notes-article pre code{padding:0;background:none;color:#e0e0e0;font-size:.85rem;line-height:1.6}.notes-article table{width:100%;margin:1.5rem 0;border-collapse:collapse}.notes-article th,.notes-article td{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);text-align:left}.notes-article th{background:#ffffff0d;font-weight:600;color:#fff}.notes-article hr{margin:2rem 0;border:none;border-top:1px solid rgba(255,255,255,.1)}.notes-article img{max-width:100%;border-radius:8px;margin:1rem 0}.notes-sidebar::-webkit-scrollbar,.notes-list::-webkit-scrollbar,.notes-content::-webkit-scrollbar{width:6px}.notes-sidebar::-webkit-scrollbar-track,.notes-list::-webkit-scrollbar-track,.notes-content::-webkit-scrollbar-track{background:transparent}.notes-sidebar::-webkit-scrollbar-thumb,.notes-list::-webkit-scrollbar-thumb,.notes-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.notes-sidebar::-webkit-scrollbar-thumb:hover,.notes-list::-webkit-scrollbar-thumb:hover,.notes-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 900px){.notes-container{flex-direction:column}.notes-sidebar{width:100%;min-width:unset;height:auto;max-height:50vh;position:relative;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.notes-content{padding:2rem;max-width:100%}.notes-content-title{font-size:1.75rem}}