*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none;position:fixed;width:100%;height:100%;overflow:hidden;background:var(--bg-primary)}#root{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:root{--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-hover: #3a3a3c;--bg-selected: #4a4a4c;--text-primary: #ffffff;--text-secondary: #ababab;--text-tertiary: #8e8e93;--accent: #0a84ff;--accent-hover: #409cff;--success: #30d158;--border: rgba(255, 255, 255, .08);--shadow: 0 2px 10px rgba(0, 0, 0, .3);--danger: #ff453a;--danger-hover: #ff6961;--blur-bg: rgba(28, 28, 30, .8);--font-h1: 1.5rem;--font-h2: 1.125rem;--font-body: 1rem;--font-sm: .875rem;--font-caption: .75rem;--glass-bg: #2c2c2e;--glass-bg-thin: #2c2c2e;--card-border: rgba(255, 255, 255, .08);--todo-radius: 20px;--card-radius: 16px;--column-width: 300px;--column-gap: 20px;--now-bg: #0a0e1a;--now-green: #30d158;--now-amber: #ff9f0a}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f2f2f7;--bg-tertiary: #e5e5ea;--bg-hover: #e5e5ea;--bg-selected: #d1d1d6;--text-primary: #000000;--text-secondary: #3c3c43;--text-tertiary: #8e8e93;--accent: #007aff;--accent-hover: #0056b3;--success: #34c759;--border: rgba(0, 0, 0, .08);--shadow: 0 2px 10px rgba(0, 0, 0, .1);--danger: #ff3b30;--danger-hover: #d63027;--blur-bg: rgba(255, 255, 255, .8);--glass-bg: #f2f2f7;--glass-bg-thin: #f2f2f7;--card-border: rgba(0, 0, 0, .06);--now-bg: #f0f2f8;--now-green: #34c759;--now-amber: #ff9500}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Google Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased}.emoji{font-size:1.25em;line-height:1;vertical-align:-.1em}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.spinner{width:24px;height:24px;border:2px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.landing-page.single{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.landing-header{padding:24px 24px 16px;padding-top:calc(24px + env(safe-area-inset-top,0px));text-align:center;flex-shrink:0}.hero-logo{height:64px;margin-bottom:24px}.hero-headline{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px;line-height:1.2}.hero-subheadline{font-size:1.45rem;font-weight:400;color:var(--text-secondary);margin:8px 0 0}.landing-image-area{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:150px;overflow:hidden}.landing-hero-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.landing-footer{padding:20px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.auth-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:opacity .15s,transform .1s}.auth-btn:hover{opacity:.9}.auth-btn:active{transform:scale(.98)}.auth-btn .material-symbols-rounded{font-size:22px}.auth-btn.email-btn{background:#0a84ff;color:#fff}.auth-btn.apple-btn{background:#fff;color:#000}.auth-btn.google-btn{background:#3a3a3c;color:#fff}.landing-terms{font-size:.75rem;color:var(--text-tertiary);text-align:center;line-height:1.5;max-width:300px}.landing-terms a{color:var(--text-secondary);text-decoration:underline}.landing-terms a:hover{color:var(--text-primary)}.email-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease-out}.email-modal{background:var(--bg-secondary);border-radius:16px;padding:24px;width:100%;max-width:360px;position:relative;animation:slideUp .25s ease-out}.email-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:8px;transition:background .15s}.email-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.email-modal-title{font-size:1.25rem;font-weight:600;margin:0 0 20px;text-align:center}.email-input{width:100%;padding:14px 16px;font-size:1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);margin-bottom:12px;outline:none;transition:border-color .15s}.email-input:focus{border-color:var(--accent)}.email-input::placeholder{color:var(--text-tertiary)}.email-error{color:#ff453a;font-size:.875rem;margin:-4px 0 12px;text-align:center}.email-modal-btn{width:100%;padding:14px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:opacity .15s}.email-modal-btn:disabled{opacity:.6;cursor:not-allowed}.email-modal-btn.primary{background:var(--accent);color:#fff}.email-modal-btn.primary:hover:not(:disabled){opacity:.9}.email-modal-links{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.email-modal-links button{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:4px}.email-modal-links button:hover{color:var(--accent);text-decoration:underline}.email-reset-sent{text-align:center}.email-reset-sent .material-symbols-rounded{font-size:48px;color:var(--success);margin-bottom:12px}.email-reset-sent p{color:var(--text-secondary);margin-bottom:8px}.email-reset-hint{font-size:.8rem;color:var(--text-tertiary);margin-bottom:20px}.reset-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.reset-card{background:var(--bg-secondary);border-radius:20px;padding:32px;width:100%;max-width:380px;text-align:center}.reset-logo{height:56px;margin-bottom:24px}.reset-card h2{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.reset-email{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.reset-input{width:100%;padding:14px 16px;font-size:1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);margin-bottom:12px;outline:none;transition:border-color .15s}.reset-input:focus{border-color:var(--accent)}.reset-input::placeholder{color:var(--text-tertiary)}.reset-error{color:#ff453a;font-size:.875rem;margin:-4px 0 12px}.reset-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;text-decoration:none;transition:opacity .15s;margin-top:8px}.reset-btn.primary{background:var(--accent);color:#fff}.reset-btn.primary:hover{opacity:.9}.reset-loading{padding:20px 0}.reset-loading p{color:var(--text-secondary);margin-top:16px}.reset-success .material-symbols-rounded,.reset-error-state .material-symbols-rounded{font-size:56px;margin-bottom:16px}.reset-success .material-symbols-rounded{color:var(--success)}.reset-error-state .material-symbols-rounded{color:#ff453a}.reset-success p,.reset-error-state p{color:var(--text-secondary);margin-bottom:24px}.profile-container{position:relative;z-index:100}.profile-btn{background:none;border:2px solid var(--accent);padding:2px;cursor:pointer;border-radius:10px;transition:transform .15s}.profile-btn:hover{transform:scale(1.05)}.profile-avatar{width:32px;height:32px;border-radius:6px;display:block}.profile-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:8px;min-width:180px;box-shadow:0 4px 20px #0000004d;animation:fadeIn .15s ease-out}.profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.875rem;color:var(--text-primary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s;white-space:nowrap;text-decoration:none}.profile-menu-item:hover{background:var(--bg-tertiary)}.profile-menu-item .material-symbols-rounded{font-size:20px;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .15s ease-out}.modal-content.delete-confirm-modal{background:var(--bg-secondary);border-radius:16px;padding:24px;max-width:340px;width:100%;text-align:center}.modal-icon.delete{width:56px;height:56px;border-radius:50%;background:#ff453a26;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-icon.delete .material-symbols-rounded{font-size:28px;color:#ff453a}.delete-confirm-modal h2{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.delete-confirm-modal p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.delete-error{color:#ff453a;font-size:13px;margin-bottom:16px;padding:8px 12px;background:#ff453a1a;border-radius:8px}.modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn.cancel{background:var(--bg-tertiary);color:var(--text-primary)}.modal-btn.delete{background:#ff453a;color:#fff}.delete-confirm-modal{background:var(--bg-secondary);border-radius:16px;padding:24px;max-width:340px;width:100%;text-align:center}.delete-confirm-actions{display:flex;gap:12px;margin-top:20px}.delete-confirm-actions button{flex:1;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s}.delete-confirm-actions button:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-actions .cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.delete-confirm-actions .confirm-delete-btn{background:#ff453a;color:#fff}.rename-list-modal{background:var(--bg-secondary);border-radius:16px;padding:24px;max-width:340px;width:100%}.rename-list-modal h2{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary);text-align:center}.rename-list-input{width:100%;padding:14px 16px;font-size:1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);outline:none;transition:border-color .15s}.rename-list-input:focus{border-color:var(--accent)}.rename-list-input::placeholder{color:var(--text-tertiary)}.rename-list-modal .modal-actions{display:flex;gap:12px;margin-top:16px}.rename-list-modal .cancel-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;border:none;cursor:pointer;background:var(--bg-tertiary);color:var(--text-primary);transition:opacity .15s}.rename-list-modal .confirm-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;border:none;cursor:pointer;background:var(--accent);color:#fff;transition:opacity .15s}.rename-list-modal .confirm-btn:hover,.rename-list-modal .cancel-btn:hover{opacity:.9}.glass-card{background:var(--glass-bg);border-radius:var(--card-radius);border:1px solid var(--card-border)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.fixed-header{position:fixed;top:0;left:0;right:0;z-index:50}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px 12px;padding-top:calc(16px + env(safe-area-inset-top,0px));background:transparent;position:relative;z-index:1}.header-content .app-logo-img{height:38px;margin-bottom:0;margin-left:0}.header-left{display:flex;align-items:center;gap:0}.header-list-actions{display:flex;align-items:center;gap:2px;margin-left:4px}.header-action-btn{background:none;border:none;padding:8px;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.header-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-action-btn .material-symbols-rounded{font-size:20px}.header-action-btn.delete:hover{background:#ff453a26;color:#ff453a}.header-list-title{display:none}.header-mobile-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);padding:6px 10px}.header-back-btn{display:flex;align-items:center;gap:2px;background:none;border:none;color:var(--accent);font-size:1.5rem;font-weight:600;cursor:pointer;padding:6px 10px 6px 4px;border-radius:8px;transition:background .15s;-webkit-tap-highlight-color:transparent}.header-back-btn:hover{background:var(--bg-secondary)}.header-back-btn .material-symbols-rounded{font-size:24px}.header-back-btn .header-back-title{color:var(--text-primary)}.header-blur{position:absolute;top:0;left:0;right:0;height:calc(140px + env(safe-area-inset-top,0px));background:var(--blur-bg);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 30%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 30%,transparent 100%);pointer-events:none;z-index:0}.main-content{flex:1;padding:20px;padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));position:relative;z-index:2}.container{max-width:700px;margin:0 auto}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.app-logo{font-size:42px;color:var(--accent)}.app-title{font-size:2.275rem;font-weight:500;color:var(--text-primary);letter-spacing:-.5px}.app-title-mono{font-family:Google Sans,Product Sans,sans-serif;font-weight:700;letter-spacing:-.5px}.app-title-mono .plus{color:var(--accent)}.app-logo-img{height:47px;width:auto;margin-bottom:16px;margin-left:18px}.app-subtitle{color:var(--text-tertiary);font-size:.875rem;font-weight:300;margin-bottom:32px}.input-wrapper{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease}.input-wrapper.visible{max-height:100px;opacity:1;transform:translateY(0)}.fab-blur{position:fixed;bottom:0;right:0;width:260px;height:calc(260px + env(safe-area-inset-bottom,0px));background:var(--blur-bg);-webkit-mask-image:radial-gradient(ellipse at bottom right,black 0%,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at bottom right,black 0%,black 30%,transparent 70%);pointer-events:none;z-index:99;transition:top .15s ease-out,bottom .15s ease-out}.fab{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:24px;width:56px;height:56px;border-radius:16px;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0a84ff66;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;z-index:100}.fab:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:0 6px 16px #0a84ff80}.fab:active{transform:scale(.95)}.fab .material-symbols-rounded{font-size:28px;transition:transform .2s ease}.fab.active{background:var(--bg-tertiary);box-shadow:0 2px 8px #0000004d}.fab.active .material-symbols-rounded{transform:rotate(45deg)}.fab.pulse{animation:fabPulse .6s ease-out}@keyframes fabPulse{0%{box-shadow:0 4px 12px #0a84ff66}50%{transform:scale(1.15);box-shadow:0 0 0 12px #0a84ff4d,0 4px 12px #0a84ff66}to{transform:scale(1);box-shadow:0 0 #0a84ff00,0 4px 12px #0a84ff66}}.fab-container{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:24px;display:flex;align-items:center;gap:12px;z-index:100;transition:top .15s ease-out,bottom .15s ease-out}.fab-container .fab{position:relative;bottom:auto;right:auto}.fab-paste{width:44px;height:44px;border-radius:12px;background:var(--bg-secondary);color:var(--accent);border:2px solid var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;animation:fabPasteIn .25s ease-out}.fab-paste .material-symbols-rounded{font-size:22px}.fab-paste:hover{background:#0a84ff26;transform:scale(1.05)}.fab-paste:active{transform:scale(.95)}@keyframes fabPasteIn{0%{opacity:0;transform:scale(.5) translate(20px)}to{opacity:1;transform:scale(1) translate(0)}}.todo-input-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.todo-input-wrapper{flex:1;position:relative;min-width:200px}.todo-input{width:100%;padding:16px 24px 16px 18px;font-size:18px;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);border:3px solid transparent;border-radius:10px;background-image:linear-gradient(var(--bg-primary),var(--bg-primary)),linear-gradient(90deg,#0a84ff,#409cff,#64d2ff,#409cff,#0a84ff);background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 100%;animation:inputBorderGlow 4s linear infinite;caret-color:var(--text-primary)}.todo-input-highlight{position:absolute;inset:0;padding:16px 24px 16px 18px;font-size:18px;font-family:inherit;pointer-events:none;white-space:pre;overflow:hidden;border:3px solid transparent}.todo-input-wrapper .todo-input{color:transparent}.highlight-text{color:var(--text-primary)}.highlight-datetime{color:var(--accent);font-weight:500;animation:highlightPulse 1.5s ease-in-out infinite}@keyframes highlightPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes inputBorderGlow{0%{background-position:0 0,0% 50%}to{background-position:0 0,300% 50%}}.todo-input:focus{outline:none}.todo-input::placeholder{color:var(--text-tertiary)}.submit-btn{padding:16px 18px;font-size:.9rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;animation:submitPulse 2s ease-in-out infinite}@keyframes submitPulse{0%,to{box-shadow:0 0 #0a84ff66}50%{box-shadow:0 0 0 8px #0a84ff00}}.submit-btn .material-symbols-rounded{font-size:24px}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.submit-btn:disabled{opacity:1;cursor:pointer}.loading-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-tertiary);transition:opacity .4s ease;min-height:70vh}.empty-state.hidden{opacity:0;visibility:hidden}.empty-state.visible{opacity:1;visibility:visible}.empty-state.adding-task .empty-state-content,.empty-state.adding-task .empty-state-arrow{opacity:0;transition:opacity .2s ease-out}.empty-state-content{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .2s ease-out}.empty-state-text{font-size:2.25rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.4;text-align:center;max-width:340px}.empty-state-example{color:var(--text-primary);font-weight:700}.typing-cursor{display:inline-block;width:3px;height:1.1em;background:var(--text-primary);margin-left:2px;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.empty-state-arrow{color:var(--text-tertiary);opacity:.25;animation:floatArrow 2.5s ease-in-out infinite;position:fixed;bottom:100px;right:80px;transition:opacity .2s ease-out}.empty-state-arrow .material-symbols-rounded{font-size:180px}@keyframes floatArrow{0%,to{transform:translate(0)}50%{transform:translate(12px,12px)}}.fab.halo{box-shadow:0 0 #0a84ff66,0 4px 20px #0a84ff4d;animation:fabHalo 2s ease-in-out infinite}@keyframes fabHalo{0%,to{box-shadow:0 0 #0a84ff66,0 4px 20px #0a84ff4d}50%{box-shadow:0 0 0 12px #0a84ff00,0 4px 30px #0a84ff80}}.tidy-up-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;margin-top:24px;font-size:1rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .15s}.tidy-up-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.tidy-up-btn .material-symbols-rounded{font-size:24px}.todo-list{display:flex;flex-direction:column}.todo-list.hidden{opacity:0;visibility:hidden}.todo-list.visible{opacity:1;visibility:visible}.todo-item-animated{animation:cascadeIn .4s ease-out backwards;animation-delay:calc(var(--animation-index, 0) * .05s)}@keyframes cascadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.todo-item-new{animation:newItemPulse 1.2s ease-out forwards}.todo-item-new .todo-item{animation:blueBorderPulse 1.2s ease-out forwards}@keyframes newItemPulse{0%{background:#0a84ff40;transform:scale(1.02)}30%{background:#0a84ff26;transform:scale(1)}to{background:transparent;transform:scale(1)}}@keyframes blueBorderPulse{0%{box-shadow:0 0 0 2px #0a84ff99,0 0 12px #0a84ff4d}50%{box-shadow:0 0 0 1px #0a84ff4d,0 0 6px #0a84ff26}to{box-shadow:none}}.todo-item{background:var(--glass-bg-thin);border-radius:var(--todo-radius);margin-bottom:4px;position:relative;transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),margin .25s cubic-bezier(.4,0,.2,1),border-radius .25s cubic-bezier(.4,0,.2,1);transform-origin:top center;border:1px solid var(--card-border);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.todo-item input,.todo-item textarea{-webkit-user-select:text;user-select:text}@media(hover:hover){.todo-item:hover{background:var(--glass-bg);transform:scale(1.01);transition:background .2s,transform .2s,border-color .2s,box-shadow .2s,margin .2s,border-radius .2s}}.todo-item.focused{background:var(--glass-bg);border-radius:var(--todo-radius);margin:8px 0;box-shadow:var(--shadow);border-color:transparent;animation:expandIn .3s cubic-bezier(.34,1.56,.64,1)}@property --rotation{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.todo-item.focused:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--todo-radius) + 2px);padding:2px;background:conic-gradient(from var(--rotation),#0a84ff,#5ac8fa,#64d2ff,#409cff,#0a84ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotateBorder 6s linear infinite;pointer-events:none;z-index:-1}@keyframes rotateBorder{to{--rotation: 360deg}}.todo-item.focused+.todo-item{animation:cascadeDown .35s cubic-bezier(.4,0,.2,1)}.todo-item.focused+.todo-item+.todo-item{animation:cascadeDown .3s cubic-bezier(.4,0,.2,1) .03s}.todo-item.focused+.todo-item+.todo-item+.todo-item{animation:cascadeDown .25s cubic-bezier(.4,0,.2,1) .06s}@keyframes expandIn{0%{opacity:.8;transform:scale(.98)}50%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes cascadeDown{0%{transform:translateY(-4px);opacity:.9}to{transform:translateY(0);opacity:1}}.todo-item.completed .todo-title{color:var(--text-tertiary);text-decoration:line-through}.todo-item-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-out,margin .4s ease-out;margin-bottom:4px}.todo-item-wrapper>.todo-item{overflow:hidden;margin-bottom:0}.todo-item-wrapper.collapsing{grid-template-rows:0fr;margin-bottom:0}.todo-item-wrapper.collapsing>.todo-item{min-height:0}.todo-item.vaporizing{animation:vaporize .4s ease-out forwards;pointer-events:none}.todo-item.vaporizing .todo-title{color:var(--text-tertiary);text-decoration:line-through}@keyframes vaporize{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.todo-item.pulsing{animation:cardPulse 1.5s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 0 #0a84ff66;border-color:#0a84ff4d}50%{box-shadow:0 0 0 8px #0a84ff00;border-color:#0a84ff99}}.todo-header{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .15s;border-radius:var(--todo-radius)}.todo-checkbox{width:22px;height:22px;border:2px solid var(--text-tertiary);border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.todo-checkbox:hover{border-color:var(--accent)}.todo-checkbox.checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #0a84ff66}.todo-checkbox.checked:after{content:"✓";color:var(--bg-primary);font-size:12px;font-weight:600}.todo-main{flex:1;min-width:0;position:relative}.drag-handle{position:absolute;top:-2px;right:-4px;color:var(--text-secondary);cursor:grab;opacity:.7;transition:opacity .15s;display:flex;align-items:center;touch-action:none;padding:4px;border-radius:4px}.drag-handle:hover{opacity:1;background:var(--bg-tertiary)}.drag-handle:active{cursor:grabbing}.drag-handle .material-symbols-rounded{font-size:22px}.todo-title-row{display:flex;align-items:center;gap:8px}.source-tag{font-family:Roboto Mono,monospace;font-size:.65rem;font-weight:500;padding:3px 0;border-radius:4px;text-transform:uppercase;letter-spacing:0;flex-shrink:0;width:32px;text-align:center;box-sizing:border-box}.source-tag-empty{background:var(--bg-tertiary);color:var(--text-tertiary)}.source-tag-x{background:#000;color:#fff}.source-tag-youtube{background:red;color:#fff}.source-tag-github{background:#24292e;color:#fff}.source-tag-reddit{background:#ff4500;color:#fff}.source-tag-linkedin{background:#0077b5;color:#fff}.source-tag-medium{background:#000;color:#fff}.source-tag-substack{background:#ff6719;color:#fff}.source-tag-tiktok{background:#000;color:#fff}.source-tag-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.source-tag-threads{background:#000;color:#fff}.source-tag-facebook{background:#1877f2;color:#fff}.source-tag-hackernews{background:#f60;color:#fff}.source-tag-producthunt{background:#da552f;color:#fff}.source-tag-notion{background:#000;color:#fff}.source-tag-figma{background:#a259ff;color:#fff}.source-tag-dribbble{background:#ea4c89;color:#fff}.source-tag-spotify{background:#1db954;color:#fff}.source-tag-twitch{background:#9146ff;color:#fff}.source-tag-discord{background:#5865f2;color:#fff}.source-tag-slack{background:#4a154b;color:#fff}.source-tag-web{background:#0a84ff;color:#fff}.source-tag-ai{background:var(--accent);color:#fff;display:flex;align-items:center;gap:3px}.source-tag-ai .material-symbols-rounded{font-size:12px}.todo-title{font-size:1.08rem;font-weight:500;color:var(--text-primary);margin-bottom:2px;letter-spacing:-.2px}.todo-item.focused .todo-title{cursor:text}.todo-title-input{font-size:1.08rem;font-weight:500;color:var(--text-primary);letter-spacing:-.2px;background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:4px;padding:4px 8px;width:100%;font-family:inherit;outline:none}.todo-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.todo-meta-left{display:flex;align-items:center;gap:12px}.mobile-actions{display:none}.todo-item.focused .mobile-actions{display:flex;gap:2px}.mobile-actions .action-btn{width:34px;height:34px}.mobile-actions .action-btn .material-symbols-rounded{font-size:20px}.todo-summary{font-size:.8rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-due-date{font-size:.95rem;color:var(--accent);display:flex;align-items:center;gap:4px}.todo-due-date .material-symbols-rounded{font-size:18px}.todo-due-date.overdue{color:#ff453a}.todo-due-date.flash-overdue{animation:flashOverdue .5s ease-in-out 3}@keyframes flashOverdue{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.is-dragging-placeholder{transition:opacity .2s ease-out}.is-dragging-placeholder .todo-item{background:var(--bg-tertiary);border-color:#ffffff1a}.drag-overlay-item{cursor:grabbing}.drag-overlay-item .todo-item{box-shadow:0 12px 32px #0006;background:var(--bg-secondary);transform:scale(1.02)}.trash-drop-zone{position:fixed;bottom:0;left:0;right:0;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out;transform:translateY(20px);z-index:1000;padding-bottom:env(safe-area-inset-bottom,20px)}.trash-drop-zone.active{opacity:1;pointer-events:auto;transform:translateY(0)}.trash-drop-zone .material-symbols-rounded{font-size:24px;color:#fff;background:var(--bg-tertiary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s ease-out,background .15s ease-out}.trash-drop-zone.over .material-symbols-rounded{transform:scale(1.1);background:#ff453a}.trash-drop-zone .trash-label{font-size:.8rem;font-weight:500;color:var(--text-tertiary);transition:color .15s ease-out}.trash-drop-zone.over .trash-label{color:#ff453a}.todo-list>div{will-change:transform,opacity;transition:opacity .25s ease-out}.todo-due-date.today{color:#ffd60a}.progress-badge{font-size:.75rem;padding:2px 8px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);flex-shrink:0}.todo-actions{display:none;align-items:center;gap:4px}.todo-item.focused .todo-actions{display:flex}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s}.action-btn .material-symbols-rounded{font-size:30px}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.delete:hover{color:#ff453a}.ai-planner-btn{color:var(--accent)!important;gap:4px;margin-right:8px}.ai-planner-btn:hover{background:#0a84ff26;color:var(--accent)!important}.ai-label{font-size:var(--font-caption);font-weight:600;letter-spacing:.5px}.action-btn:active{background:var(--accent);color:#fff}.subtask-list{list-style:none;padding:4px 8px 16px;animation:subtaskListIn .25s ease-out}@keyframes subtaskListIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.subtask{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);animation:subtaskCascade .35s ease-out backwards}@keyframes subtaskCascade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.subtask:last-child{border-bottom:none}.subtask.completed .subtask-title{text-decoration:line-through;color:var(--text-tertiary)}.subtask-checkbox{width:16px;height:16px;min-width:16px;border:2px solid var(--text-tertiary);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:2px;background:transparent;appearance:none;-webkit-appearance:none}.subtask-checkbox:hover{border-color:var(--accent)}.subtask-checkbox:checked{background:var(--accent);border-color:var(--accent)}.subtask-checkbox:checked:after{content:"✓";color:var(--bg-primary);font-size:10px;font-weight:600}.subtask-content{flex:1;min-width:0}.subtask-title{font-size:.925rem;font-weight:400;color:var(--text-primary);line-height:1.4;cursor:text}.subtask-title-input{font-size:.925rem;font-weight:400;color:var(--text-primary);line-height:1.4;background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:4px;padding:4px 8px;width:100%;font-family:inherit;outline:none}.subtask-description{font-size:.8rem;font-weight:300;color:var(--text-tertiary);margin-top:4px;line-height:1.5;cursor:text}.subtask-description-input{font-size:.8rem;font-weight:300;color:var(--text-tertiary);line-height:1.5;background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:4px;padding:4px 8px;width:100%;font-family:inherit;outline:none;margin-top:4px}.subtask-title-row{display:flex;align-items:center;gap:8px}.subtask-link{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color .15s;flex-shrink:0}.subtask-link:hover{color:var(--accent)}.subtask-link .material-symbols-rounded{font-size:16px}.subtask-favicon-link{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;padding:4px;border-radius:6px;transition:background .15s}.subtask-favicon-link:hover{background:var(--bg-tertiary)}.subtask-favicon{width:20px;height:20px;border-radius:4px}.subtask.has-link{padding-right:4px}.subtask-link-content{text-decoration:none;color:inherit;cursor:pointer;border-radius:4px;transition:background .15s}.subtask-link-content:hover{background:var(--bg-tertiary)}.subtask-link-content .subtask-title{color:var(--text-primary)}.subtask-link-content .subtask-description{color:var(--text-tertiary)}.source-card{margin:8px 8px 16px;padding:12px;background:var(--bg-tertiary);border-radius:10px}.source-link{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .15s}.source-link:hover{opacity:.8}.source-icon{font-size:28px;color:var(--accent);flex-shrink:0}.source-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--bg-secondary)}.source-info{flex:1;min-width:0}.source-title{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-url{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.source-summary{font-size:.8rem;color:var(--text-secondary);margin-top:10px;padding-top:10px;border-top:1px solid var(--border);line-height:1.5}.todo-notes{margin:12px 8px 8px}.todo-notes-input{width:100%;padding:12px;font-size:.9rem;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid transparent;border-radius:8px;resize:none;min-height:40px;line-height:1.5;transition:border-color .15s,background .15s}.todo-notes-input::placeholder{color:var(--text-tertiary)}.todo-notes-input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary)}.date-picker-wrapper{position:relative}.date-picker-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;color:var(--text-tertiary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.date-picker-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-picker-btn.has-date{color:var(--accent)}.date-picker-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080}.date-picker-modal{animation:fadeIn .15s ease-out}.react-datepicker{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:12px!important;font-family:inherit!important;box-shadow:var(--shadow)!important;font-size:.8rem!important}.react-datepicker__month-container{padding:4px!important}.react-datepicker__day-name,.react-datepicker__day{width:28px!important;line-height:28px!important;margin:2px!important}.react-datepicker__header{background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border)!important;border-radius:12px 12px 0 0!important}.react-datepicker__current-month,.react-datepicker__day-name{color:var(--text-primary)!important}.react-datepicker__day{color:var(--text-secondary)!important;border-radius:6px!important}.react-datepicker__day:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.react-datepicker__day--selected,.react-datepicker__day--selected.react-datepicker__day--today{background:var(--accent)!important;color:#fff!important}.react-datepicker__day--today:not(.react-datepicker__day--selected){color:#fff!important;font-weight:600!important}.react-datepicker__day--outside-month{color:var(--text-tertiary)!important}.react-datepicker__navigation-icon:before{border-color:var(--text-secondary)!important}.react-datepicker__triangle{display:none!important}.datetime-picker{width:300px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006;animation:fadeIn .2s ease-out}.datetime-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.datetime-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.datetime-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .15s}.datetime-close:hover{background:var(--bg-hover);color:var(--text-primary)}.datetime-close .material-symbols-rounded{font-size:20px}.datetime-quick-buttons{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:.9rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:none;border-radius:10px;cursor:pointer;transition:all .15s}.quick-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.quick-btn.active{background:var(--accent);color:#fff}.quick-btn .material-symbols-rounded{font-size:18px}.datetime-month-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.month-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.month-nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.month-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.datetime-calendar{padding:0 12px 12px}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.calendar-day-name{text-align:center;font-size:.75rem;font-weight:500;color:var(--text-tertiary);padding:4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .15s}.calendar-day:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.calendar-day.other-month{color:var(--text-tertiary);opacity:.5}.calendar-day.today{color:var(--accent);font-weight:600}.calendar-day.selected{background:var(--accent);color:#fff;font-weight:600}.calendar-day.past{color:var(--text-tertiary);opacity:.4;cursor:not-allowed}.datetime-time-section{padding:12px 16px;border-top:1px solid var(--border)}.time-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.9rem;color:var(--text-secondary);background:var(--bg-tertiary);border:none;border-radius:10px;cursor:pointer;transition:all .15s}.time-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.time-toggle-btn.active{color:var(--accent)}.time-toggle-btn .material-symbols-rounded{font-size:20px}.datetime-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.datetime-btn{flex:1;padding:12px;font-size:.95rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .15s}.datetime-btn.clear{flex:.8;background:transparent;color:#ff453a}.datetime-btn.clear:hover{background:#ff453a1a}.datetime-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.datetime-btn.cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.datetime-btn.confirm{background:var(--accent);color:#fff}.datetime-btn.confirm:hover{filter:brightness(1.1)}.datetime-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.time-picker{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0;position:relative}.time-picker-highlight{position:absolute;left:50%;transform:translate(-50%);width:200px;height:40px;background:var(--bg-tertiary);border-radius:10px;pointer-events:none}.time-picker-separator{font-size:1.2rem;font-weight:600;color:var(--text-primary);z-index:1}.time-wheel-column{position:relative;width:56px;height:120px;overflow:hidden;z-index:1}.time-wheel-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.time-wheel-scroll::-webkit-scrollbar{display:none}.time-wheel-spacer{height:40px}.time-wheel-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-tertiary);cursor:pointer;scroll-snap-align:center;transition:all .15s;-webkit-user-select:none;user-select:none}.time-wheel-item.selected{color:var(--text-primary);font-weight:600}.ai-chat-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-chat-modal{width:100%;max-width:480px;max-height:80vh;background:var(--bg-secondary);border-radius:16px;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.ai-chat-header h3{font-size:.95rem;font-weight:500;color:var(--text-primary)}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:90%;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.5}.chat-message.assistant{background:var(--bg-tertiary);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px}.chat-message.user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-message.loading{padding:14px}.chat-message.assistant p{margin:0 0 8px}.chat-message.assistant p:last-child{margin-bottom:0}.chat-message.assistant strong{font-weight:600}.chat-message.assistant ol,.chat-message.assistant ul{margin:8px 0;padding-left:18px}.chat-message.assistant li{margin:4px 0}.chat-message.assistant a{color:var(--accent)}.chat-message.assistant code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.85em}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.options-container{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0;animation:fadeIn .2s ease}.option-pill{padding:8px 14px;font-size:.85rem;font-weight:500;color:var(--accent);background:#0a84ff26;border:none;border-radius:16px;cursor:pointer;transition:all .15s ease}.option-pill:hover{background:var(--accent);color:#fff}.ai-chat-input-area{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.chat-input{flex:1;padding:10px 14px;font-size:.9rem;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:8px;transition:all .15s}.chat-input:focus{outline:none;background:var(--bg-hover)}.chat-input::placeholder{color:var(--text-tertiary)}.create-tasks-btn{padding:10px 16px;font-size:.85rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.create-tasks-btn:hover:not(:disabled){background:var(--accent-hover)}.create-tasks-btn:disabled{opacity:.4;cursor:not-allowed}.embedded-planner{margin:8px 8px 16px;padding:0 8px}.planner-loading{display:flex;justify-content:center;padding:12px}.planner-messages{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.planner-message{font-size:.875rem;line-height:1.5;padding:8px 12px;border-radius:8px}.planner-message.assistant{color:var(--text-secondary);background:var(--bg-tertiary)}.planner-message.assistant:has(.typing-indicator){background:transparent;padding:8px 0}.planner-message.user{color:#fff;font-size:.85rem;font-weight:500;background:var(--accent);align-self:flex-end;max-width:80%;margin-left:auto;border-radius:50px}.planner-options{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-bottom:12px}.planner-pill{padding:8px 14px;font-size:.85rem;font-weight:500;color:var(--accent);background:#0a84ff26;border:none;border-radius:16px;cursor:pointer;transition:all .15s ease}.planner-pill:hover{background:var(--accent);color:#fff}.planner-pill.selected{background:var(--accent);color:#fff;border-radius:50px;pointer-events:none}.planner-pill.inactive{background:var(--bg-tertiary);color:var(--text-tertiary);opacity:.5;transform:scale(.98);pointer-events:none}.planner-pill.dismiss{color:var(--text-tertiary);background:var(--bg-secondary)}.planner-pill.dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.planner-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.planner-input{flex:1;padding:10px 14px;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;outline:none}.planner-input:focus{border-color:var(--accent)}.planner-create-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;color:#fff;background:var(--bg-secondary);border:none;border-radius:50px;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;z-index:1;animation:bgPulse 3s ease-in-out infinite}.planner-create-btn:before{content:"";position:absolute;inset:-3px;border-radius:50px;padding:3px;background:linear-gradient(90deg,#0a84ff,#409cff,#64d2ff,#409cff,#0a84ff);background-size:300% 100%;animation:borderGradient 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.planner-create-btn .material-symbols-rounded{font-size:18px}.planner-loading-bottom{display:flex;justify-content:flex-end;padding:8px 0;margin-top:8px}.planner-creating{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0;margin-top:8px}.planner-creating .material-symbols-rounded{font-size:24px;color:var(--accent);animation:robotPulse 1.5s ease-in-out infinite}@keyframes robotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.creating-text{font-size:.9rem;font-weight:500;background:linear-gradient(90deg,#0a84ff,#64d2ff,#0a84ff,#64d2ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 2s linear infinite}@keyframes textShimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.planner-create-btn:hover{background:var(--accent);color:#fff;animation:none}.planner-create-btn:hover:before{opacity:0}@keyframes borderGradient{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes bgPulse{0%,to{background-color:#2c2c2e}50%{background-color:#3a3a3c}}@media(max-width:600px){.main-content{padding:20px 16px;padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.header-content{padding:12px 16px 8px 8px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.app-logo{font-size:32px}.app-title{font-size:1.625rem}.ai-chat-modal{max-height:90vh;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:none}.todo-main{flex:1;min-width:0}.todo-actions:not(.mobile-actions){display:none!important}}@media(max-height:700px){.hero-logo{height:56px;margin-bottom:16px}.hero-headline{font-size:1.75rem}.hero-subheadline{font-size:1.3rem}.landing-image-area{padding:12px}.landing-footer{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:12px}.auth-buttons{gap:10px}.auth-btn{padding:12px 20px;font-size:.95rem}}@media(max-height:600px){.hero-logo{height:48px;margin-bottom:12px}.hero-headline{font-size:1.5rem}.hero-subheadline{font-size:1.15rem}.landing-image-area{padding:8px}.landing-footer{padding:12px 16px;gap:10px}.auth-buttons{gap:8px}.auth-btn{padding:10px 16px;font-size:.9rem}.landing-terms{font-size:.7rem}}.floating-profile{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:20px;z-index:100}.floating-profile .profile-container{position:relative}.floating-profile .profile-btn{border-radius:50%;border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 12px #0000004d;transition:transform .15s,border-color .15s}.floating-profile .profile-btn:hover{border-color:var(--accent)}.floating-profile .profile-avatar{border-radius:50%}.floating-profile .profile-menu{inset:auto auto 100% 0;margin-top:0;margin-bottom:8px}.privacy-policy{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:40px 20px}.privacy-container{max-width:700px;margin:0 auto}.privacy-policy h1{font-size:2rem;font-weight:600;margin-bottom:8px}.privacy-policy .last-updated{color:var(--text-tertiary);font-size:.875rem;margin-bottom:32px}.privacy-policy section{margin-bottom:28px}.privacy-policy h2{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.privacy-policy h3{font-size:1rem;font-weight:500;margin:16px 0 8px;color:var(--text-secondary)}.privacy-policy p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.privacy-policy ul{color:var(--text-secondary);line-height:1.7;margin:12px 0;padding-left:24px}.privacy-policy li{margin-bottom:6px}.privacy-policy a{color:var(--accent);text-decoration:none}.privacy-policy a:hover{text-decoration:underline}.privacy-back{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.privacy-back a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-weight:500}.privacy-back a:hover{text-decoration:underline}.help-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:40px 20px}.help-container{max-width:700px;margin:0 auto;padding-top:40px}.help-logo{width:80px;height:80px;margin-bottom:24px}.help-author{margin:24px 0}.help-author-img{width:200px;height:auto}.help-page h1{font-size:2rem;font-weight:600;margin-bottom:32px}.help-page section{margin-bottom:32px}.help-page h2{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.help-page p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.help-page a{color:var(--accent);text-decoration:none}.help-page a:hover{text-decoration:underline}.help-page .x-link{display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:12px 20px;border-radius:12px;font-weight:500;margin-top:8px;transition:background .15s}.help-page .x-link:hover{background:var(--bg-tertiary);text-decoration:none}.help-page .x-icon{font-size:18px}.help-page .danger-zone{background:var(--bg-secondary);padding:20px;border-radius:12px;border:1px solid rgba(255,69,58,.2)}.help-page .danger-zone h2{color:#ff453a}.help-page .delete-account-btn{background:transparent;color:#ff453a;border:1px solid #ff453a;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.help-page .delete-account-btn:hover{background:#ff453a;color:#fff}.help-page .delete-confirm-inline{margin-top:12px}.help-page .confirm-text{color:#ff453a;font-weight:500;margin-bottom:12px}.help-page .delete-error{color:#ff453a;font-size:13px;margin-bottom:12px;padding:8px 12px;background:#ff453a1a;border-radius:8px}.help-page .confirm-actions{display:flex;gap:12px}.help-page .cancel-btn{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.help-page .confirm-delete-btn{background:#ff453a;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.help-page .confirm-delete-btn:disabled,.help-page .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.help-back{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.help-back a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-weight:500}.help-back a:hover{text-decoration:underline}.list-selector{display:none;position:relative}.list-selector-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:var(--font-h1);font-weight:600;color:var(--text-primary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.list-selector-btn:hover{background:var(--bg-secondary)}.list-selector-arrow{font-size:20px;color:var(--text-tertiary)}.list-selector-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:300px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:fadeIn .15s ease-out;z-index:200}.list-selector-items{padding:8px}.list-selector-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.list-selector-item.dragging,.list-selector-item:hover,.list-selector-item.active{background:var(--bg-tertiary)}.list-selector-item.active .list-item-name{color:var(--accent)}.list-item-name{flex:1;font-size:var(--font-body);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-folder-icon{font-size:24px;color:var(--text-secondary)}.list-selector-item.active .list-folder-icon{color:var(--accent)}.list-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab;touch-action:none}.list-drag-handle:active{cursor:grabbing}.list-drag-handle .material-symbols-rounded{font-size:18px}.list-item-actions{display:flex;gap:4px}.list-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.list-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.list-action-btn.delete:hover{color:#ff453a}.list-action-btn .material-symbols-rounded{font-size:18px}.list-action-btn.confirm{color:#30d158}.list-action-btn.confirm:hover{background:#30d15826;color:#30d158}.list-action-btn.cancel{color:var(--text-tertiary)}.list-action-btn.cancel:hover{background:var(--bg-hover);color:var(--text-secondary)}.list-item-actions.editing{gap:4px}.list-name-input{flex:1;padding:6px 10px;font-size:.95rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--accent);border-radius:6px;outline:none}.list-name-input.new-list{width:100%}.list-selector-footer{padding:8px;border-top:1px solid var(--border)}.new-list-input-row{display:flex;align-items:center;gap:8px}.new-list-input-row .list-name-input{flex:1}.add-list-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.9rem;color:var(--accent);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.add-list-btn:hover{background:#0a84ff1a}.add-list-btn .material-symbols-rounded{font-size:20px}.list-selector-account{padding:8px}.account-action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.9rem;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.account-action-btn:hover{background:var(--bg-hover)}.account-action-btn .material-symbols-rounded{font-size:20px}.account-action-btn.delete-account{color:#ff453a}.account-action-btn.delete-account:hover{background:#ff453a1a}.list-selector-icon{font-size:18px}.list-selector-icon.today-icon{color:#ffd60a}.list-selector-icon.folder-icon{color:var(--text-secondary);font-size:27px}.list-selector-item.today-item{margin:8px 8px 0}.list-selector-item.today-item .today-star{font-size:20px;color:#ffd60a}.list-selector-item.today-item.active .list-item-name{color:#ffd60a}.list-selector-divider{height:1px;margin:8px 12px;background:var(--border)}.list-sidebar{display:none;position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;z-index:100;padding-top:env(safe-area-inset-top,0px)}.sidebar-header{padding:16px 16px 12px;display:flex;align-items:center}.sidebar-logo{height:38px}.sidebar-list-item{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:0 8px;border-radius:8px;cursor:pointer;transition:background .15s}@media(hover:hover){.sidebar-list-item:hover{background:var(--bg-tertiary)}}.sidebar-list-item.active,.sidebar-list-item.dragging{background:var(--bg-tertiary)}.sidebar-item-name{flex:1;font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-list-item.active .sidebar-item-name{color:var(--accent)}.sidebar-folder-icon{font-size:22px;color:var(--text-secondary)}.sidebar-list-item.active .sidebar-folder-icon{color:var(--accent)}.sidebar-list-item.today-item{margin-top:4px}.sidebar-today-icon{font-size:22px;color:#ffd60a}.sidebar-list-item.today-item.active .sidebar-item-name{color:#ffd60a}.sidebar-pulse-icon{font-size:22px;color:var(--accent)}.sidebar-list-item.pulse-item.active .sidebar-item-name{color:var(--accent)}.pulse-star{font-size:20px;color:var(--accent)}.list-selector-icon.pulse-icon,.list-selector-item.pulse-item.active .list-item-name{color:var(--accent)}.sidebar-divider{height:1px;margin:8px 16px;background:var(--border)}.sidebar-lists{flex:1;overflow-y:auto;padding:4px 0}.sidebar-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab;touch-action:none;opacity:0;transition:opacity .15s}@media(hover:hover){.sidebar-list-item:hover .sidebar-drag-handle{opacity:1}}.sidebar-drag-handle:active{cursor:grabbing}.sidebar-drag-handle .material-symbols-rounded{font-size:18px}.sidebar-list-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}@media(hover:hover){.sidebar-list-item:hover .sidebar-list-actions{opacity:1}}.sidebar-list-actions .sidebar-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s;padding:0}.sidebar-list-actions .sidebar-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-list-actions .sidebar-action-btn.delete:hover{background:#ff453a26;color:#ff453a}.sidebar-list-actions .sidebar-action-btn .material-symbols-rounded{font-size:16px}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.sidebar-profile-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-profile-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar-profile-actions{display:flex;gap:2px}.sidebar-profile-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.sidebar-profile-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-profile-btn .material-symbols-rounded{font-size:18px}.sidebar-footer{padding:8px;border-top:1px solid var(--border);margin-top:auto;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.sidebar-add-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:var(--font-sm);color:var(--accent);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s}@media(hover:hover){.sidebar-add-btn:hover{background:#0a84ff1a}}.sidebar-add-btn .material-symbols-rounded{font-size:20px}.sidebar-add-input-row{display:flex;align-items:center;gap:8px;padding:4px}.sidebar-list-input{flex:1;padding:8px 12px;font-size:.95rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--accent);border-radius:8px;outline:none}.sidebar-add-actions{display:flex;gap:4px}@media(min-width:769px){.list-sidebar{display:flex}.list-selector,.fixed-header{display:none}.main-content{margin-left:260px;padding-top:20px}.floating-profile{left:280px}}@media(max-width:768px){.floating-profile{display:none}}.lists-overview{display:flex;flex-direction:column;gap:2px}.lists-overview-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--glass-bg-thin);border:1px solid var(--card-border);border-radius:var(--card-radius);cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;width:100%;text-align:left;font-family:inherit}.lists-overview-item:hover{background:var(--glass-bg)}.lists-overview-icon{font-size:24px;color:var(--text-secondary)}.lists-overview-name{flex:1;font-size:1rem;font-weight:500;color:var(--text-primary)}.lists-overview-count{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.lists-overview-chevron{font-size:20px;color:var(--text-tertiary)}.lists-overview-add{display:flex;align-items:center;gap:12px;padding:16px;margin-top:8px;background:transparent;border:1.5px dashed var(--border);border-radius:var(--card-radius);cursor:pointer;color:var(--accent);font-size:1rem;font-weight:500;font-family:inherit;width:100%;text-align:left;transition:background .15s;-webkit-tap-highlight-color:transparent}.lists-overview-add:hover{background:#0a84ff14}.lists-overview-add .material-symbols-rounded{font-size:24px}.today-view{display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .3s ease-out}.today-view.visible{opacity:1}.today-view.hidden{opacity:0}.today-section-header{display:flex;align-items:center;gap:8px;padding:16px 4px 8px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.today-section-header:first-child{padding-top:0}.today-section-header .material-symbols-rounded{font-size:18px}.today-section-header.overdue,.today-section-header.overdue .material-symbols-rounded{color:#ff453a}.today-section-header.today,.today-section-header.today .material-symbols-rounded{color:#ffd60a}.today-section-header.evening,.today-section-header.evening .material-symbols-rounded{color:#bf5af2}.today-section-header.list-section{color:var(--text-secondary);text-transform:none;font-size:1rem;font-weight:400;padding-bottom:12px}.today-section-header.list-section .material-symbols-rounded{color:var(--text-tertiary)}.today-section-header.list-section .section-count{display:none}.today-list-section{margin-bottom:16px}.today-list-section:last-child{margin-bottom:0}.section-count{margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:600;background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary)}.today-section-header.today .section-count{background:#ffd60a;color:#1c1c1e}.today-section-header.overdue .section-count{background:#ff453a;color:#fff}.today-section-header.evening .section-count{background:#bf5af2;color:#fff}.empty-today-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-today-icon{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-today-icon .material-symbols-rounded{font-size:100px;background:linear-gradient(135deg,#0a84ff,#5ac8fa,#007aff,#64d2ff,#0a84ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:scale(.8);transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.empty-today-icon.animate .material-symbols-rounded{opacity:1;transform:scale(1);animation:checkGradientFlow 1.5s ease-in-out infinite}@keyframes checkGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.empty-today-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(10,132,255,.2) 0%,transparent 70%);border-radius:50%;opacity:0;animation:none}.empty-today-icon.animate:before{opacity:1;animation:checkPulse 2s ease-in-out infinite}@keyframes checkPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.empty-today-state h3{margin:0 0 8px;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.empty-today-state p{margin:0;font-size:.95rem;color:var(--text-tertiary);max-width:280px}.empty-today-streak{display:flex;align-items:center;gap:6px;margin-bottom:8px}.empty-today-streak .material-symbols-rounded{font-size:20px;color:#ff9800}.empty-today-streak span:last-child{font-size:.95rem;font-weight:500;color:#ff9800}.completed-section{margin-top:32px}.completed-section-header{display:flex;align-items:center;gap:8px;padding:0 4px;margin-bottom:12px;font-size:var(--font-caption);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.completed-section-header .material-symbols-rounded{font-size:16px}.completed-day-card{background:var(--glass-bg-thin);border:1px solid var(--card-border);border-radius:var(--card-radius);margin-bottom:10px;overflow:hidden}.completed-day-label{padding:12px 16px 8px;font-size:var(--font-caption);font-weight:600;color:var(--text-secondary)}.completed-row{display:flex;align-items:center;gap:10px;padding:10px 16px}.completed-check{font-size:18px;color:var(--accent);opacity:.35;flex-shrink:0}.completed-title{flex:1;font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.completed-list-tag{font-size:.7rem;font-weight:500;color:var(--text-tertiary);padding:2px 8px;background:#ffffff0f;border-radius:99px;white-space:nowrap;flex-shrink:0}.completed-divider{height:1px;background:var(--card-border);margin:0 16px}.list-panes{display:flex;gap:32px;width:100%}.list-panes.single{justify-content:center}.list-panes.single .list-pane{max-width:700px;width:100%}.list-panes.double{justify-content:center}.list-panes.double .list-pane{flex:0 0 340px;max-width:400px}.list-panes.multi{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.list-panes.multi::-webkit-scrollbar{height:8px}.list-panes.multi::-webkit-scrollbar-track{background:transparent}.list-panes.multi::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.list-panes.multi .list-pane{flex:0 0 320px;scroll-snap-align:start}.list-panes.mobile{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0}.list-panes.mobile .list-pane{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.list-pane{display:flex;flex-direction:column;min-width:0}.list-pane-header{padding:4px 0 12px;margin-bottom:8px;position:sticky;top:0;background:var(--bg-primary);z-index:5}.list-pane-title{font-size:1rem;font-weight:600;color:var(--text-secondary)}.move-menu-overlay{position:fixed;inset:0;z-index:1000}.move-menu{position:fixed;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:fadeIn .15s ease-out;z-index:1001}.move-menu-header{padding:12px 16px 8px;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.move-menu-item{display:block;width:100%;padding:12px 16px;font-size:.95rem;font-family:inherit;color:var(--text-primary);background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s}.move-menu-item:hover{background:var(--bg-tertiary)}.move-menu-item:active{background:var(--bg-hover)}.offline-indicator{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;border-radius:16px;box-shadow:0 2px 8px #0000004d;z-index:999;white-space:nowrap;animation:slideUp .3s ease-out}.offline-indicator.offline{background:#ff9f0af2;color:#000}.offline-indicator.synced{background:#30d158f2;color:#000;animation:slideUp .3s ease-out,fadeOut .5s ease-out 2s forwards}.offline-indicator.toast-error{background:#ff453af2;color:#fff;animation:slideUp .3s ease-out,fadeOut .5s ease-out 3.5s forwards}.offline-indicator.toast-success{background:#30d158f2;color:#000;animation:slideUp .3s ease-out,fadeOut .5s ease-out 3.5s forwards}.offline-indicator.toast-info{background:#0a84fff2;color:#fff;animation:slideUp .3s ease-out,fadeOut .5s ease-out 3.5s forwards}.offline-indicator .material-symbols-rounded{font-size:14px}.offline-indicator-text{font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.streak-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;padding:20px}.streak-modal-overlay.visible{opacity:1}.streak-modal{background:var(--bg-secondary);border-radius:24px;padding:48px 32px 36px;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:scale(.9) translateY(20px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:visible;box-shadow:0 24px 48px #0006}.streak-modal.visible{transform:scale(1) translateY(0);opacity:1}.streak-sparkle{position:absolute;opacity:0;filter:drop-shadow(0 0 4px rgba(255,214,10,.6))}.streak-sparkle svg{width:100%;height:100%}.sparkle-1{width:20px;height:20px;top:35px;right:45px;animation:sparkle-twinkle 1.5s ease-in-out infinite;animation-delay:0s}.sparkle-2{width:16px;height:16px;top:75px;left:40px;animation:sparkle-twinkle 1.5s ease-in-out infinite;animation-delay:.3s}.sparkle-3{width:18px;height:18px;top:110px;right:35px;animation:sparkle-twinkle 1.5s ease-in-out infinite;animation-delay:.6s}.sparkle-4{width:14px;height:14px;top:50px;left:55px;animation:sparkle-twinkle 1.5s ease-in-out infinite;animation-delay:.9s}.sparkle-5{width:12px;height:12px;top:90px;left:30px;animation:sparkle-twinkle 1.5s ease-in-out infinite;animation-delay:1.2s}.streak-modal.visible .streak-sparkle{opacity:1}@keyframes sparkle-twinkle{0%,to{opacity:.2;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(15deg)}}.streak-icon-container{position:relative;width:100px;height:100px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.streak-heat-icon{font-size:88px;background:linear-gradient(180deg,#ffb74d,#ff9800,#f57c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(.7);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:none}.streak-icon-container.animate .streak-heat-icon{transform:scale(1);opacity:1;animation:icon-gradient-pulse 2s ease-in-out infinite}@keyframes icon-gradient-pulse{0%,to{background:linear-gradient(180deg,#ffb74d,#ff9800,#f57c00);-webkit-background-clip:text;background-clip:text;filter:brightness(1)}50%{background:linear-gradient(180deg,#ffd54f,#ffb74d,#ff9800);-webkit-background-clip:text;background-clip:text;filter:brightness(1.15)}}.streak-icon-number{position:absolute;font-size:32px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.streak-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(255,152,0,.35) 0%,transparent 70%);border-radius:50%;opacity:0;z-index:-1}.streak-icon-container.animate .streak-icon-glow{opacity:1;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.streak-week{display:flex;gap:10px;margin-bottom:24px}.streak-day-circle{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.streak-day-circle.filled{background:#ff9800;border-color:#ff9800}.streak-day-circle.today{box-shadow:0 0 0 3px var(--bg-secondary),0 0 0 5px #ff9800}.day-circle-letter{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;transition:color .3s ease}.streak-day-circle.filled .day-circle-letter{color:#fff}.streak-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.streak-message{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.4;max-width:260px}.streak-button{background:var(--accent);color:#fff;border:none;padding:14px 48px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.streak-button:hover{background:var(--accent-hover)}.streak-button:active{transform:scale(.98)}.streak-indicator{display:flex;align-items:center;gap:4px}.streak-indicator-icon{font-size:20px;color:#ff9800}.streak-indicator-count{font-size:var(--font-sm);font-weight:600;color:#ff9800}.today-view-header{display:flex;justify-content:flex-end;padding:0 0 12px}.settings-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0 24px 40px}.settings-container{max-width:500px;margin:0 auto;padding-top:40px;padding-top:calc(40px + env(safe-area-inset-top,0px))}.settings-logo{width:80px;height:80px;margin-bottom:24px}.settings-page h1{font-size:2rem;font-weight:600;margin-bottom:32px}.settings-page section{margin-bottom:32px}.settings-page h2{font-size:1.15rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.setting-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-secondary);border-radius:12px}.setting-label{display:flex;align-items:center;gap:12px;font-weight:500}.setting-label .material-symbols-rounded{color:var(--text-secondary)}.setting-warning{margin-top:12px;padding:12px 14px;background:#ff453a1a;border-radius:8px;color:var(--danger);font-size:.85rem}.toggle-switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-tertiary);transition:.3s;border-radius:31px}.toggle-slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.theme-options{display:flex;gap:10px}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.theme-option:hover{background:var(--bg-tertiary)}.theme-option.active{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.theme-option .material-symbols-rounded{font-size:28px}.setting-link{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:500;margin-bottom:2px;transition:background .15s}.setting-link:hover{background:var(--bg-tertiary)}.setting-link .material-symbols-rounded{color:var(--text-secondary)}.setting-link-chevron{margin-left:auto;font-size:20px;color:var(--text-tertiary)!important}.settings-back{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.settings-back a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-weight:500}.settings-back a:hover{text-decoration:underline}.account-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0 24px 40px}.account-container{max-width:500px;margin:0 auto;padding-top:40px;padding-top:calc(40px + env(safe-area-inset-top,0px))}.account-logo{width:80px;height:80px;margin-bottom:24px}.account-page h1{font-size:2rem;font-weight:600;margin-bottom:32px}.account-page h2{font-size:1.15rem;font-weight:600;margin-bottom:12px}.account-page section{margin-bottom:32px}.account-profile{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-secondary);border-radius:16px}.account-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.account-info{flex:1;min-width:0}.account-name{font-size:1.25rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{color:var(--text-secondary);font-size:.9rem;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-page .danger-zone{background:var(--bg-secondary);padding:20px;border-radius:12px}.account-page .danger-zone h2{color:var(--danger)}.account-page .danger-zone p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.account-page .delete-account-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--danger);border:1px solid var(--danger);padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.account-page .delete-account-btn:hover{background:var(--danger);color:#fff}.account-page .delete-account-btn .material-symbols-rounded{font-size:20px}.account-page .delete-confirm-inline{margin-top:16px}.account-page .confirm-text{color:var(--danger);font-weight:500;margin-bottom:16px}.account-page .delete-error{color:var(--danger);font-size:.85rem;margin-bottom:12px;padding:10px 14px;background:#ff453a1a;border-radius:8px}.account-page .confirm-actions{display:flex;gap:12px}.account-page .cancel-btn{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.account-page .cancel-btn:hover{background:var(--bg-hover)}.account-page .confirm-delete-btn{background:var(--danger);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.account-page .confirm-delete-btn:hover{background:var(--danger-hover)}.account-page .confirm-delete-btn:disabled,.account-page .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.account-links{display:flex;flex-direction:column;gap:8px}.account-link{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .2s}.account-link:hover{background:var(--bg-tertiary)}.account-link .material-symbols-rounded{color:var(--text-secondary)}.account-back{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.account-back a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-weight:500}.account-back a:hover{text-decoration:underline}.tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--glass-bg);border-top:1px solid var(--card-border)}.tab-bar-inner{display:flex;align-items:center;justify-content:space-around;padding:6px 12px 4px}.tab-bar-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:color .15s;-webkit-tap-highlight-color:transparent}.tab-bar-item.active{color:var(--accent)}.tab-bar-icon{font-size:24px}.tab-bar-label{font-size:var(--font-caption);font-weight:500;letter-spacing:.02em}.tab-bar-fab{width:48px;height:48px;border-radius:14px;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0a84ff66;transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}.tab-bar-fab:active{transform:scale(.92)}.tab-bar-fab .material-symbols-rounded{font-size:26px;transition:transform .2s}.tab-bar-fab.active{background:var(--bg-tertiary);box-shadow:none}.tab-bar-fab.active .material-symbols-rounded{transform:rotate(45deg)}.tab-bar-fab.halo{animation:fabHalo 2s ease-in-out infinite}@media(max-width:768px){.tab-bar{display:block}.app .fab-container,.app .fab-blur{display:none}.main-content{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}}.pulse-view{display:flex;flex-direction:column;gap:16px;opacity:0;transition:opacity .3s ease-out;padding-bottom:40px}.pulse-view.compact{padding-bottom:0;gap:10px;width:100%;min-width:0}.pulse-view.compact .pulse-card{padding:10px}.pulse-view.compact .pulse-insight-text{font-size:.85rem}.pulse-view.compact .pulse-card-header{font-size:.75rem}.pulse-view.compact .pulse-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.pulse-view.compact .pulse-stat-tile{padding:8px}.pulse-view.compact .pulse-stat-value{font-size:1.25rem}.pulse-view.compact .pulse-stat-label{font-size:.65rem}.pulse-view.compact .pulse-bar-chart{min-height:60px}.pulse-view.compact .pulse-bar-value,.pulse-view.compact .pulse-bar-label{font-size:.6rem}.pulse-view.compact .pulse-streak-count{font-size:.85rem}.pulse-view.compact .pulse-stale-title{font-size:.8rem}.pulse-view.compact .pulse-stale-meta{font-size:.7rem}.pulse-view.visible{opacity:1}.pulse-view>*{animation:pulseFadeUp .4s ease-out backwards}@keyframes pulseFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pulse-card{background:var(--glass-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);padding:16px;animation:pulseFadeUp .4s ease-out backwards}.pulse-card-header{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.pulse-card-header .material-symbols-rounded{font-size:18px;color:var(--text-tertiary)}.pulse-insight-card{background:linear-gradient(135deg,#0a84ff1f,#5ac8fa0f);border-color:#0a84ff26}[data-theme=light] .pulse-insight-card{background:linear-gradient(135deg,#007aff14,#34aadc0a)}.pulse-insight-header{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.pulse-insight-header .material-symbols-rounded{font-size:18px}.pulse-insight-text{font-size:var(--font-body);font-weight:500;color:var(--text-primary);line-height:1.5;min-height:1.5em}.pulse-streak-card{background:linear-gradient(135deg,#ff98001a,#ff9f0a0a);border-color:#ff98001f}.pulse-streak-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pulse-streak-flame{font-size:22px;color:#ff9800}.pulse-streak-count{font-size:1rem;font-weight:600;color:#ff9800}.pulse-streak-grid{display:flex;gap:6px;flex-wrap:wrap}.pulse-streak-dot{width:20px;height:20px;border-radius:4px;background:var(--bg-tertiary)}.pulse-streak-dot.today{background:var(--accent);box-shadow:0 0 6px #0a84ff66}.pulse-bar-chart{display:flex;align-items:flex-end;gap:8px;height:100px;padding-top:8px}.pulse-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.pulse-bar-value{font-size:.7rem;font-weight:600;color:var(--text-tertiary);min-height:14px}.pulse-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.pulse-bar-fill{width:100%;max-width:32px;border-radius:4px 4px 2px 2px;transition:height .4s ease-out;min-height:0}.pulse-bar-fill.today{box-shadow:0 0 8px #0a84ff4d}.pulse-bar-label{font-size:var(--font-caption);font-weight:500;color:var(--text-tertiary);text-transform:uppercase}.pulse-bar-label.today{color:var(--accent);font-weight:600}.pulse-stale-list{display:flex;flex-direction:column;gap:8px}.pulse-stale-row{display:flex;align-items:center;gap:10px;padding:8px 0}.pulse-stale-dot{width:8px;height:8px;border-radius:50%;background:var(--now-amber);flex-shrink:0}.pulse-stale-info{flex:1;min-width:0}.pulse-stale-title{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-stale-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.pulse-stale-list-badge{font-size:.7rem;padding:1px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary)}.pulse-stale-age{font-size:.75rem;color:var(--now-amber);font-weight:500}.pulse-stale-list span{font-size:.75rem;color:var(--text-tertiary)}.pulse-behavioral-insight{margin-top:12px;padding-top:12px;border-top:1px solid var(--card-border);font-size:.85rem;color:var(--text-secondary);font-style:italic}.pulse-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;animation:pulseFadeUp .4s ease-out backwards}.pulse-stat-tile{padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;animation:pulseFadeUp .4s ease-out backwards}.pulse-stat-icon{font-size:22px;color:var(--accent);margin-bottom:4px}.pulse-stat-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.pulse-stat-label{font-size:var(--font-caption);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.pulse-attention-card .pulse-card-header .material-symbols-rounded{color:var(--now-amber)}.board-view{display:flex;gap:var(--column-gap);padding:0 20px 20px;overflow-x:auto;overflow-y:hidden;height:calc(100vh - 80px - env(safe-area-inset-top,0px));scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;-webkit-overflow-scrolling:touch}.board-view::-webkit-scrollbar{height:8px}.board-view::-webkit-scrollbar-track{background:transparent}.board-view::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.board-column{flex:0 0 var(--column-width);max-width:var(--column-width);overflow:hidden;display:flex;flex-direction:column;height:100%;animation:boardColumnIn .4s ease-out backwards}@keyframes boardColumnIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.board-column-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--glass-bg);border-radius:14px;border:1px solid var(--card-border);margin:6px 4px 8px;flex-shrink:0}.board-column-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.board-column-name{flex:1;font-size:var(--font-body);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-column-count{font-size:var(--font-sm);color:var(--text-tertiary);flex-shrink:0}.board-column-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 4px 16px;scrollbar-width:none;min-width:0}.board-column-content::-webkit-scrollbar{display:none}.board-column-content .todo-item{margin-bottom:8px}.board-column-content .todo-title{font-size:.875rem}.board-column-content .subtask-title,.board-column-content .todo-due-date,.board-column-content .todo-notes-input{font-size:.75rem}.board-column-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:12px}.board-column-empty-box{width:100%;height:72px;border-radius:var(--card-radius);border:1.5px dashed var(--card-border);display:flex;align-items:center;justify-content:center}.board-column-empty-text{font-size:.85rem;color:var(--text-tertiary);opacity:.5}.board-column-add{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 4px;padding:8px;background:#ffffff0d;border:none;border-radius:20px;color:var(--text-tertiary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.board-column-add:hover{background:#ffffff14;color:var(--text-secondary)}.board-column-add .material-symbols-rounded{font-size:16px}.board-ghost-column{flex:0 0 var(--column-width);display:flex;flex-direction:column}.board-ghost-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin:6px 4px 8px;background:transparent;border:1.5px dashed rgba(255,255,255,.1);border-radius:14px;color:#ffffff40;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=light] .board-ghost-btn{border-color:#00000014;color:#00000040}.board-ghost-btn:hover{border-color:#fff3;color:#fff6;background:#ffffff08}[data-theme=light] .board-ghost-btn:hover{border-color:#0000001f;color:#0006}.board-ghost-btn .material-symbols-rounded{font-size:18px}.board-ghost-creating{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:6px 4px 8px;background:var(--glass-bg);border-radius:14px;border:1px solid rgba(10,132,255,.3)}.board-ghost-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;flex-shrink:0}.board-ghost-input{flex:1;padding:0;font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;border:none;outline:none;font-family:inherit}.board-ghost-input::placeholder{color:var(--text-tertiary)}.board-ghost-close{background:none;border:none;color:#fff6;cursor:pointer;padding:2px;display:flex;align-items:center}.board-ghost-close .material-symbols-rounded{font-size:16px}.board-pulse-content{padding:8px 4px}.board-pulse-insight{background:linear-gradient(135deg,#0a84ff1f,#5ac8fa0f);border:1px solid rgba(10,132,255,.12);border-radius:12px;padding:12px;margin-bottom:12px}.board-pulse-insight-text{font-size:.85rem;color:var(--text-primary);line-height:1.4}.board-pulse-mini-chart{margin-top:12px}.board-pulse-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-pulse-stat{background:var(--glass-bg-thin);border-radius:10px;border:1px solid var(--card-border);padding:10px;text-align:center}.board-pulse-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.board-pulse-stat-label{font-size:var(--font-caption);color:var(--text-tertiary);text-transform:uppercase;margin-top:2px}.board-today-section{margin-bottom:8px}.board-today-section-header{display:flex;align-items:center;gap:6px;padding:8px 4px 4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.board-today-section-header .material-symbols-rounded{font-size:16px}.board-today-section-header.overdue{color:#ff453a}.board-today-section-header.today-due{color:#ffd60a}@media(min-width:769px){.app.board-mode .list-sidebar{display:none}.app.board-mode .main-content{margin-left:0;padding:20px 0 0}.app.board-mode .board-view{height:calc(100vh - 20px)}.app.board-mode .floating-profile{left:20px}.app.board-mode .container{max-width:none}}