.cylinder-stage{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:background .5s ease}.cylinder-container{position:relative;width:min(680px,90vw);height:100%;height:100dvh;scrollbar-width:none;-ms-overflow-style:none;transition:width .5s ease}.cylinder-container-barrel.cylinder-container{width:min(780px,96vw)}.cylinder-container::-webkit-scrollbar{display:none}.cylinder-container-stack{overflow-y:auto;overflow-x:hidden}.cylinder-stack{display:flex;flex-direction:column;padding:20vh 0;gap:0;position:relative}.cylinder-face-stack{flex-shrink:0;position:relative;content-visibility:auto;contain-intrinsic-size:auto 120px}.year-separator{display:flex;align-items:center;gap:16px;padding:24px 24px 12px}.year-separator-label{font-family:var(--font-mono);font-size:28px;font-weight:900;letter-spacing:.08em;color:var(--date-num-color);white-space:nowrap}.year-separator-line{flex:1;height:4px;background:var(--ink-black)}.cylinder-container-barrel{overflow-y:auto;overflow-x:hidden;cursor:grab;position:relative;-webkit-overflow-scrolling:touch}.cylinder-container-barrel:active{cursor:grabbing}.cylinder-container-barrel .cylinder-stack{padding:50vh 0}.cylinder-distortion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:url(/distortion.jpg) no-repeat center center;background-size:100% 100%;mix-blend-mode:multiply;pointer-events:none;z-index:100;animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes taskSlideOut{0%{opacity:1;transform:translate(0);max-height:80px}to{opacity:0;transform:translate(40px);max-height:0}}@keyframes taskSaveFlash{0%{background:var(--acid-green)}40%{background:var(--ink-black);color:var(--acid-green)}to{background:var(--acid-green)}}.mask-top,.mask-bottom{position:fixed;left:0;width:100%;pointer-events:none;z-index:10;transition:opacity .5s ease}.mask-top{top:0;height:15vh;background:linear-gradient(to bottom,var(--acid-green) 20%,transparent 100%)}.mask-bottom{bottom:0;height:25vh;background:linear-gradient(to top,var(--acid-green) 20%,transparent 100%)}.cylinder-mode .mask-top,.cylinder-mode .mask-bottom{opacity:0;pointer-events:none}.cylinder-mode .mask-top.tilt-shift-on,.cylinder-mode .mask-bottom.tilt-shift-on{opacity:1}.cylinder-stage.cylinder-mode{background:var(--acid-green)}.cylinder-stage.cylinder-mode:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--ink-black) 1px,transparent 1px);background-size:12px 12px;background-position:0 var(--scroll-y, 0px);pointer-events:none;z-index:-1}.sync-arrow{position:fixed;left:50%;transform:translate(-50%);width:48px;height:48px;border:3px solid var(--ink-black);background:var(--acid-green);font-size:24px;font-weight:700;cursor:pointer;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:0 4px #0003}.sync-arrow:hover{background:var(--ink-black);color:var(--acid-green)}.sync-arrow-up{top:80px}.sync-arrow-down{bottom:120px}.autosnap-toggle{position:fixed;bottom:24px;left:24px;width:28px;height:28px;border:3px solid var(--ink-black);background:var(--acid-green);cursor:pointer;z-index:200;padding:0;pointer-events:auto;box-shadow:0 2px #0003}.autosnap-toggle:hover{background:var(--ink-black)}.autosnap-toggle.on{background:var(--ink-black);border-color:var(--acid-green)}.autosnap-toggle.on:hover{background:var(--acid-green);border-color:var(--ink-black)}.current-time-line{position:absolute;left:90px;right:0;height:3px;background:red;transform:translateY(-50%);z-index:5;pointer-events:none;box-shadow:0 0 4px #f006}.timeline-now{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);height:64px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--ink-black);white-space:nowrap;line-height:1;letter-spacing:.04em;z-index:6;background:linear-gradient(to bottom,transparent 0%,var(--acid-green) 40%,var(--acid-green) 60%,transparent 100%)}.day-row{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:16px 24px 16px 16px;background:var(--acid-green);border-top:var(--border-heavy) solid var(--ink-black);border-bottom:var(--border-heavy) solid var(--ink-black);box-shadow:0 4px #0000000d;overflow:visible}.day-row.empty{padding-top:12px;padding-bottom:12px}.day-header{display:flex;align-items:center;width:100%;margin-bottom:0;gap:16px;flex-shrink:0}.day-body{position:relative;display:flex;flex-direction:row;overflow:hidden}.day-body-collapsed{opacity:0;pointer-events:none}.day-body-open{opacity:1}.day-timeline{flex-shrink:0;width:88px;position:relative;border-right:2px solid var(--ink-black);font-family:var(--font-mono);font-size:10px;font-weight:700}.timeline-time-label{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#000000e3;white-space:nowrap;gap:1px}.timeline-time-sep{opacity:.4;margin:0 1px}.timeline-marker{line-height:1;text-align:right;padding-right:6px;color:#00000080}.day-content{flex:1;position:relative;min-width:0;padding-left:8px}.task-positioned{position:absolute;left:8px;right:0;display:flex;align-items:center;overflow:hidden}.task-positioned:has(.task-edit){overflow:visible;z-index:8;height:auto!important}.task-positioned.task-deleting{animation:taskSlideOut .3s ease both;pointer-events:none}.task-positioned.task-saved{animation:taskSaveFlash .4s ease both}.day-body:has(.task-edit){overflow:visible}.day-content:has(.task-edit){overflow:visible}.day-row:has(.task-edit){overflow:visible;z-index:5}.cylinder-face-stack:has(.task-edit){overflow:visible;z-index:5;content-visibility:visible}.clear-completed-btn{position:fixed;bottom:60px;left:24px;height:30px;border:2px solid var(--ink-black);background:var(--acid-green);font-family:var(--font-mono);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0 10px;z-index:200;opacity:.7;transition:opacity .15s,background .15s}.clear-completed-btn:hover{opacity:1;background:var(--ink-black);color:var(--acid-green)}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .2s ease both}.delete-confirm-popup{background:var(--acid-green);color:var(--ink-black);border:3px solid var(--ink-black);padding:24px;max-width:320px;animation:slideUp .3s ease both}.delete-confirm-popup p{margin:0 0 20px;font-size:14px}.delete-confirm-actions{display:flex;gap:12px}.delete-confirm-actions button{flex:1;padding:12px;border:2px solid var(--ink-black);background:var(--acid-green);color:var(--ink-black);font-family:var(--font-display);font-weight:600;cursor:pointer;text-transform:uppercase}.delete-confirm-actions button:first-child{background:var(--ink-black);color:var(--acid-green)}.day-row.past{opacity:.6}.day-row.future{opacity:.85}.day-divider-line{flex-grow:1;border-top:var(--border-heavy) solid var(--ink-black);height:0}.day-year{font-family:var(--font-mono);font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--date-num-color);opacity:.4;flex-shrink:0}.day-label{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.05em;color:var(--date-text-color, var(--acid-green));background:var(--ink-black);padding:4px 8px;white-space:nowrap;line-height:1}.day-label:before{content:"LOG // ";opacity:.7;margin-right:4px}.task-list{display:flex;flex-direction:column;gap:12px;min-height:80px}.task-item{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s linear,opacity .2s ease;letter-spacing:-.02em;padding:2px 0;white-space:nowrap;overflow:hidden}.task-item:hover .task-title{text-decoration:underline;text-decoration-thickness:3px}.checkbox{width:24px;height:24px;min-width:24px;border:var(--border-heavy) solid var(--ink-black);border-radius:0;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;transition:all .1s ease}.checkbox input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.task-item.checked .checkbox{background:var(--ink-black)}.checkmark{width:16px;height:16px;fill:var(--acid-green);opacity:0;transform:scale(.5);transition:all .1s ease;pointer-events:none}.task-item.checked .checkmark{opacity:1;transform:scale(1)}.task-item.checked span{text-decoration:line-through;text-decoration-thickness:3px;opacity:.4}.task-title{flex:1;font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item .meta-time{margin-left:auto;font-family:var(--font-mono);font-size:14px;font-weight:700;background:#0000001a;padding:2px 6px}.task-bracket{position:absolute;left:96px;width:3px;background:var(--ink-black);opacity:.25;border-radius:2px;pointer-events:none}.task-edit-btn{margin-left:auto;flex-shrink:0;width:26px;height:26px;border:2px solid var(--ink-black);background:transparent;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .1s;display:flex;align-items:center;justify-content:center}.task-item:hover .task-edit-btn{opacity:.6}.task-edit-btn:hover{opacity:1!important;background:var(--ink-black);color:var(--acid-green)}.task-edit{display:flex;flex-direction:column;gap:6px;width:100%;padding:6px 0;background:var(--acid-green);position:relative;animation:slideUp .25s ease both}.task-edit-title{width:100%;border:2px solid var(--ink-black);background:#0000000f;font-family:var(--font-display);font-size:15px;font-weight:700;padding:8px 10px;letter-spacing:-.02em;outline:none;white-space:normal;overflow:visible;text-overflow:unset}.task-edit-title:focus{box-shadow:inset 0 0 0 1px var(--ink-black)}.task-edit-row{display:flex;gap:10px}.task-edit-label{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.task-edit-time,.task-edit-dur{border:2px solid var(--ink-black);background:var(--acid-green);font-family:var(--font-mono);font-size:13px;font-weight:700;padding:3px 6px;width:70px;outline:none}.task-edit-dur{width:55px}.task-edit-time-error{border-color:#c00!important}.task-edit-error{display:block;font-size:9px;color:#c00;margin-top:2px;white-space:nowrap}.task-edit-actions{display:flex;gap:6px}.task-edit-save,.task-edit-cancel{border:2px solid var(--ink-black);background:var(--acid-green);font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;cursor:pointer}.task-edit-save:hover,.task-edit-cancel:hover{background:var(--ink-black);color:var(--acid-green)}.task-edit-delete{margin-left:auto;border:2px solid #cc0000;background:transparent;color:#c00;font-size:14px;padding:4px 10px;cursor:pointer;line-height:1}.task-edit-delete:hover{background:#c00;color:var(--acid-green)}.ui-layer{position:fixed;inset:0;pointer-events:none;z-index:100}.ui-layer>*{pointer-events:auto}.toggle-pill{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;border:var(--border-heavy) solid var(--ink-black);border-radius:999px;overflow:hidden;background:var(--acid-green)}.pill{padding:10px 24px;font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:transparent;border:none;cursor:pointer;transition:background .15s}.pill:hover{background:#0000001a}.pill.active{background:var(--ink-black);color:var(--acid-green)}.fab{position:absolute;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;border:var(--border-heavy) solid var(--ink-black);background:var(--acid-green);font-size:28px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.98)}.ai-chat-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease both}.ai-chat{width:90%;max-width:480px;max-height:80vh;background:var(--acid-green);color:var(--ink-black);border:var(--border-heavy) solid var(--ink-black);display:flex;flex-direction:column;animation:slideUp .3s ease both}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:var(--border-heavy) solid var(--ink-black)}.ai-chat-header h2{font-size:14px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;line-height:1;color:var(--ink-black)}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;min-height:200px}.placeholder{color:var(--ink-black);opacity:.5;font-size:13px}.msg{margin-bottom:12px;padding:10px 14px;font-size:14px}.msg-user{background:var(--ink-black);color:var(--acid-green);margin-left:24px}.msg-assistant{background:color-mix(in srgb,var(--ink-black) 10%,transparent);margin-right:24px}.msg.typing span{animation:blink .6s infinite}.msg.typing span:nth-child(2){animation-delay:.2s}.msg.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.3}}.error{color:#c00;font-size:12px;padding:0 20px 8px}.ai-chat-input{display:flex;flex-direction:column;gap:8px;padding:16px 20px;border-top:var(--border-heavy) solid var(--ink-black)}.ai-chat-input input{padding:12px 16px;border:var(--border-heavy) solid var(--ink-black);background:var(--acid-green);color:var(--ink-black);font-family:var(--font-display);font-size:14px}.ai-chat-input button{padding:12px;border:var(--border-heavy) solid var(--ink-black);background:var(--ink-black);color:var(--acid-green);font-family:var(--font-display);font-weight:600;cursor:pointer;text-transform:uppercase}.settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease both}.settings-panel{width:90%;max-width:400px;max-height:85vh;overflow-y:auto;background:var(--acid-green);color:var(--ink-black);border:var(--border-heavy) solid var(--ink-black);padding:24px;animation:slideUp .3s ease both;scrollbar-width:thin;scrollbar-color:var(--ink-black) transparent}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:transparent}.settings-panel::-webkit-scrollbar-thumb{background:var(--ink-black);border-radius:3px}.settings-panel::-webkit-scrollbar-thumb:hover{background:var(--ink-black);opacity:.8}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-header h2{font-size:14px}.settings-hint{font-size:12px;margin-bottom:16px;opacity:.8}.settings-input-wrap{position:relative;margin-bottom:20px}.settings-input{width:100%;padding:12px 16px;border:var(--border-heavy) solid var(--ink-black);background:var(--acid-green);color:var(--ink-black);font-family:var(--font-mono);font-size:13px}.settings-input-wrap .settings-input{padding-right:140px;margin-bottom:0}.api-key-indicator{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;pointer-events:none}.api-key-censored{letter-spacing:.1em;opacity:.8}.api-key-check{color:#1a7f37;font-weight:700;font-size:14px}.api-key-verify-row{display:flex;align-items:center;gap:12px;margin-top:10px}.settings-verify-btn{padding:8px 16px;border:2px solid var(--ink-black);background:var(--acid-green);color:var(--ink-black);font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer}.settings-verify-btn:hover:not(:disabled){background:var(--ink-black);color:var(--acid-green)}.settings-verify-btn:disabled{opacity:.6;cursor:not-allowed}.api-key-status{font-size:12px;font-family:var(--font-mono)}.api-key-status-valid{color:#1a7f37;font-weight:600}.api-key-status-invalid{color:#b91c1c}.api-key-bind-section{margin-top:14px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--ink-black) 20%,transparent)}.bind-btn{width:100%;padding:10px 16px;border:2px solid var(--ink-black);background:transparent;color:var(--ink-black);font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s}.bind-btn:hover:not(:disabled){background:var(--ink-black);color:var(--acid-green)}.bind-btn:disabled{opacity:.4;cursor:not-allowed}.bind-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bind-status-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.03em}.bind-status-badge.bound{color:#1a7f37}.bind-unbind-btn{padding:4px 10px;border:1px solid var(--ink-black);background:transparent;color:var(--ink-black);font-family:var(--font-display);font-size:10px;font-weight:600;text-transform:uppercase;cursor:pointer;opacity:.6;transition:opacity .15s}.bind-unbind-btn:hover{opacity:1}.bind-password-prompt{margin-top:10px;display:flex;flex-direction:column;gap:8px;animation:fadeIn .2s ease both}.bind-prompt-text{font-size:12px;opacity:.8;margin:0}.bind-password-input{padding-right:16px!important}.bind-error{color:#b91c1c;font-size:11px;font-family:var(--font-mono);margin:0}.bind-actions{display:flex;gap:8px}.bind-cancel-btn{padding:8px 14px;border:1px solid var(--ink-black);background:transparent;color:var(--ink-black);font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background .15s}.bind-cancel-btn:hover{background:color-mix(in srgb,var(--ink-black) 6%,transparent)}.bind-security-note{font-size:10px;opacity:.5;margin:4px 0 0;line-height:1.4}.restore-key-modal{width:90%;max-width:380px;background:var(--acid-green);color:var(--ink-black);border:var(--border-heavy) solid var(--ink-black);padding:24px;animation:slideUp .3s ease both}.restore-key-modal h2{font-size:14px;margin-bottom:12px}.restore-key-desc{font-size:13px;line-height:1.5;margin:0 0 16px;opacity:.85}.restore-key-actions{display:flex;gap:10px;margin-top:12px}.restore-key-btn-primary{flex:1;padding:12px;border:var(--border-heavy) solid var(--ink-black);background:var(--ink-black);color:var(--acid-green);font-family:var(--font-display);font-weight:600;font-size:12px;cursor:pointer;text-transform:uppercase}.restore-key-btn-primary:disabled{opacity:.6;cursor:not-allowed}.restore-key-btn-skip{padding:12px 16px;border:var(--border-heavy) solid var(--ink-black);background:transparent;color:var(--ink-black);font-family:var(--font-display);font-weight:600;font-size:12px;cursor:pointer;text-transform:uppercase;transition:background .15s}.restore-key-btn-skip:hover{background:color-mix(in srgb,var(--ink-black) 6%,transparent)}.settings-actions{display:flex;gap:12px}.settings-actions button{flex:1;padding:12px;border:var(--border-heavy) solid var(--ink-black);background:var(--acid-green);color:var(--ink-black);font-family:var(--font-display);font-weight:600;cursor:pointer;text-transform:uppercase}.settings-actions button:first-child{background:var(--ink-black);color:var(--acid-green)}.date-format-options{display:flex;flex-direction:column;gap:6px}.date-format-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid var(--ink-black);cursor:pointer;transition:background .15s}.date-format-option:hover{background:color-mix(in srgb,var(--ink-black) 6%,transparent)}.date-format-option.active{background:var(--ink-black);color:var(--acid-green)}.date-format-option input[type=radio]{display:none}.date-format-label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;min-width:80px}.date-format-example{font-family:var(--font-mono);font-size:11px;opacity:.6}.date-format-option.active .date-format-example{opacity:.8}.settings-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-display);color:var(--ink-black)}.settings-section-toggle h3{margin-bottom:0}.toggle-arrow{font-size:14px;transition:transform .2s ease;display:inline-block}.toggle-arrow.open{transform:rotate(90deg)}.appearance-panel{margin-top:12px;display:flex;flex-direction:column;gap:18px;animation:fadeIn .2s ease both}.appearance-group{display:flex;flex-direction:column;gap:8px}.appearance-group-label{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:2px solid var(--ink-black);background:transparent;cursor:pointer;transition:background .15s,transform .1s;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-width:72px}.theme-option:hover{background:color-mix(in srgb,var(--ink-black) 6%,transparent);transform:translateY(-1px)}.theme-option.active{background:var(--ink-black);color:var(--acid-green)}.theme-swatch{width:28px;height:28px;border-radius:4px;border:2px solid var(--ink-black);flex-shrink:0}.theme-option.active .theme-swatch{border-color:var(--acid-green)}.theme-swatch-custom{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff);font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.theme-name{white-space:nowrap}.color-row{display:flex;gap:12px}.color-field{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer}.color-field span{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.color-field input[type=color]{width:32px;height:32px;border:2px solid var(--ink-black);border-radius:4px;padding:2px;cursor:pointer;background:none;-webkit-appearance:none;appearance:none}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.theme-swatch-dark{border-color:#555!important}.tilt-shift-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0}.tilt-shift-toggle input[type=checkbox]{display:none}.tilt-shift-track{position:relative;width:36px;height:20px;border:2px solid var(--ink-black);border-radius:10px;background:transparent;transition:background .2s ease;flex-shrink:0}.tilt-shift-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--ink-black);transition:transform .2s ease}.tilt-shift-toggle input:checked+.tilt-shift-track{background:var(--ink-black)}.tilt-shift-toggle input:checked+.tilt-shift-track .tilt-shift-thumb{background:var(--acid-green);transform:translate(16px)}.tilt-shift-label{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.03em}.header-actions{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;z-index:200}.settings-gear{width:40px;height:40px;border:var(--border-heavy) solid var(--ink-black);background:var(--acid-green);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.settings-gear:hover{transform:rotate(90deg)}.auth-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease both}.auth-modal{width:90%;max-width:400px;background:var(--acid-green);color:var(--ink-black);border:var(--border-heavy) solid var(--ink-black);padding:24px;animation:slideUp .3s ease both}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{padding:12px 16px;border:var(--border-heavy) solid var(--ink-black);background:var(--acid-green);color:var(--ink-black);font-family:var(--font-display);font-size:14px}.auth-form button[type=submit]{padding:12px;border:var(--border-heavy) solid var(--ink-black);background:var(--ink-black);color:var(--acid-green);font-family:var(--font-display);font-weight:600;cursor:pointer;text-transform:uppercase}.auth-error{color:#c00;font-size:12px}.auth-switch{width:100%;margin-top:16px;padding:8px;background:none;border:none;color:var(--ink-black);font-size:12px;text-decoration:underline;cursor:pointer;opacity:.8}.auth-switch:hover{opacity:1}.loading-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;text-transform:uppercase}.settings-section{margin-bottom:24px}.settings-section h3{font-size:12px;margin-bottom:8px}.settings-label-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.settings-label-row h3{margin-bottom:0}.settings-help-btn{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink-black);background:var(--acid-green);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.settings-help-btn:hover{background:var(--ink-black);color:var(--acid-green)}.settings-help-box{background:color-mix(in srgb,var(--ink-black) 6%,transparent);border:2px solid var(--ink-black);padding:12px 14px;margin-bottom:12px;font-size:12px}.settings-help-box p{margin:0 0 8px}.settings-help-box p:last-child{margin-bottom:0}.settings-help-box a{color:var(--ink-black);text-decoration:underline}.settings-help-warning{color:var(--ink-black);opacity:.7}.settings-email{font-size:13px;margin-bottom:12px;font-family:var(--font-mono)}.settings-logout{padding:8px 16px;border:var(--border-heavy) solid var(--ink-black);background:transparent;color:var(--ink-black);font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background .15s}.settings-logout:hover{background:color-mix(in srgb,var(--ink-black) 10%,transparent)}@media(max-width:600px){.day-label{font-size:13px;padding:4px 6px}.day-year{font-size:11px}.year-separator-label{font-size:22px}.year-separator{padding:20px 16px 10px;gap:10px}.task-item{font-size:15px;gap:8px}.checkbox{width:22px;height:22px;min-width:22px}.task-time{font-size:12px}.task-list{gap:10px;min-height:60px}.day-timeline{width:70px;min-width:70px;font-size:9px}.timeline-now{font-size:11px}.day-body{padding:12px}.toggle-pill{top:12px}.pill{padding:8px 16px;font-size:11px}.fab{bottom:24px;right:24px;width:48px;height:48px;font-size:24px}.sync-arrow{width:40px;height:40px;font-size:20px}.sync-arrow-up{top:56px}.sync-arrow-down{bottom:56px}.settings-gear{width:36px;height:36px;font-size:16px}.settings-panel{width:92vw;max-width:400px;max-height:88vh;padding:16px}.ai-chat{width:92vw;max-width:400px;padding:16px}.auth-modal{width:92vw;max-width:360px;padding:16px}.delete-confirm-popup{width:85vw;max-width:340px}.restore-key-modal{width:88vw;max-width:360px}.autosnap-toggle{width:26px;height:26px;font-size:11px}.clear-completed-btn{font-size:11px;padding:4px 8px}.cylinder-container{width:min(680px,95vw)}.cylinder-container-barrel.cylinder-container{width:min(780px,98vw)}.cylinder-stack{padding:18vh 0}.cylinder-container-barrel .cylinder-stack{padding:45vh 0}}:root{--acid-green: #9CBD26;--ink-black: #000;--date-text-color: #9CBD26;--date-num-color: #000;--border-heavy: 3px;--shadow-offset: 4px;--font-display: "Oswald", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-display);background:var(--acid-green);color:var(--ink-black);background-image:radial-gradient(circle,var(--ink-black) 1px,transparent 1px);background-size:12px 12px;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-x pan-y}#root{width:100%;height:100%}h1,h2,h3,.label,.day-label{text-transform:uppercase;letter-spacing:.1em}.shadow-hard{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink-black)}