@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,300;8..144,400;8..144,500;8..144,600;8..144,700&family=Roboto+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--md-surface:#1c1b1f;--md-surface-1:#2b2930;--md-surface-2:#312f36;--md-surface-3:#37353d;--md-surface-variant:#49454f;--md-on-surface:#e6e1e5;--md-on-surface-var:#cac4d0;--md-outline:#938f99;--md-outline-var:#49454f;--md-primary:#d0bcff;--md-on-primary:#381e72;--md-primary-container:#4f378b;--md-on-primary-cont:#eaddff;--md-secondary:#ccc2dc;--md-on-secondary:#332d41;--md-secondary-cont:#4a4458;--md-tertiary:#efb8c8;--md-tertiary-cont:#633b48;--md-error:#f2b8b5;--md-error-cont:#8c1d18;--md-on-error-cont:#f9dedc;--md-success:#81c995;--md-star:#fdd663;--md-elev-1:0 1px 2px #0000004d,0 1px 3px 1px #00000026;--md-elev-2:0 1px 2px #0000004d,0 2px 6px 2px #00000026;--md-elev-3:0 4px 8px 3px #00000026,0 1px 3px #0000004d;--md-elev-4:0 6px 10px 4px #00000026,0 2px 3px #0000004d;--md-shape-xs:4px;--md-shape-sm:8px;--md-shape-md:12px;--md-shape-lg:16px;--md-shape-xl:28px;--md-shape-full:9999px;--md-font:"Roboto Flex",sans-serif;--md-mono:"Roboto Mono",monospace;--bg:var(--md-surface);--bg2:var(--md-surface-1);--bg3:var(--md-surface-2);--border:var(--md-outline-var);--text:var(--md-on-surface);--text2:var(--md-on-surface-var);--text3:var(--md-outline);--accent:var(--md-primary);--accent2:var(--md-primary-container);--star-active:var(--md-star);--star-inactive:var(--md-outline-var);--danger:var(--md-error);--success:var(--md-success);--shadow:var(--md-elev-3);--radius:var(--md-shape-md);--font:var(--md-font);--mono:var(--md-mono)}[data-theme=purple-night]{--md-surface:#1c1b1f;--md-surface-1:#2b2930;--md-surface-2:#312f36;--md-surface-3:#37353d;--md-surface-variant:#49454f;--md-on-surface:#e6e1e5;--md-on-surface-var:#cac4d0;--md-outline:#938f99;--md-outline-var:#49454f;--md-primary:#d0bcff;--md-on-primary:#381e72;--md-primary-container:#4f378b;--md-on-primary-cont:#eaddff;--md-secondary:#ccc2dc;--md-secondary-cont:#4a4458;--md-tertiary:#efb8c8;--md-tertiary-cont:#633b48;--md-error:#f2b8b5;--md-error-cont:#8c1d18;--md-on-error-cont:#f9dedc;--md-success:#81c995;--md-star:#fdd663}[data-theme=ocean-blue]{--md-surface:#1a1c1e;--md-surface-1:#272a2d;--md-surface-2:#2d3135;--md-surface-3:#33373c;--md-surface-variant:#41484d;--md-on-surface:#e2e2e6;--md-on-surface-var:#c1c7ce;--md-outline:#8b9198;--md-outline-var:#41484d;--md-primary:#9ecaff;--md-on-primary:#003258;--md-primary-container:#004a77;--md-on-primary-cont:#d1e4ff;--md-secondary:#bbc8db;--md-secondary-cont:#3d4e60;--md-tertiary:#d6bee4;--md-tertiary-cont:#4e3f5e;--md-error:#ffb4ab;--md-error-cont:#93000a;--md-on-error-cont:#ffdad6;--md-success:#6dcb87;--md-star:#fcd34d}[data-theme=forest-green]{--md-surface:#191c19;--md-surface-1:#272b27;--md-surface-2:#2d312d;--md-surface-3:#333733;--md-surface-variant:#424940;--md-on-surface:#e1e3de;--md-on-surface-var:#c2c9be;--md-outline:#8c9389;--md-outline-var:#424940;--md-primary:#80db80;--md-on-primary:#003a00;--md-primary-container:#1a5c1a;--md-on-primary-cont:#9cf69c;--md-secondary:#b7ccb3;--md-secondary-cont:#3c4e3a;--md-tertiary:#a0cfcf;--md-tertiary-cont:#1f4e4e;--md-error:#ffb4ab;--md-error-cont:#93000a;--md-on-error-cont:#ffdad6;--md-success:#6dcb87;--md-star:#fbbf24}[data-theme=sunset-red]{--md-surface:#1f1b16;--md-surface-1:#2e2a24;--md-surface-2:#35302a;--md-surface-3:#3c3730;--md-surface-variant:#4e4539;--md-on-surface:#ebe1d9;--md-on-surface-var:#d2c4b4;--md-outline:#9f8d7e;--md-outline-var:#4e4539;--md-primary:#ffb680;--md-on-primary:#4a2500;--md-primary-container:#6b3800;--md-on-primary-cont:#ffdcc2;--md-secondary:#e4bfa8;--md-secondary-cont:#5c3f2e;--md-tertiary:#c8ca84;--md-tertiary-cont:#474610;--md-error:#ffb4ab;--md-error-cont:#93000a;--md-on-error-cont:#ffdad6;--md-success:#81c995;--md-star:#fcd34d}[data-theme=github-dark]{--md-surface:#0d1117;--md-surface-1:#161b22;--md-surface-2:#21262d;--md-surface-3:#30363d;--md-surface-variant:#30363d;--md-on-surface:#e6edf3;--md-on-surface-var:#8b949e;--md-outline:#6e7681;--md-outline-var:#30363d;--md-primary:#58a6ff;--md-on-primary:#0d1117;--md-primary-container:#1f6feb;--md-on-primary-cont:#cae8ff;--md-secondary:#8b949e;--md-secondary-cont:#21262d;--md-tertiary:#bc8cff;--md-tertiary-cont:#3d1f6b;--md-error:#f85149;--md-error-cont:#490202;--md-on-error-cont:#ffd7d5;--md-success:#3fb950;--md-star:#f0883e}[data-theme=daylight]{--md-surface:#fffbfe;--md-surface-1:#f4eff4;--md-surface-2:#ede8f0;--md-surface-3:#e7e0eb;--md-surface-variant:#e7e0eb;--md-on-surface:#1c1b1f;--md-on-surface-var:#49454f;--md-outline:#79747e;--md-outline-var:#cac4d0;--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#eaddff;--md-on-primary-cont:#21005d;--md-secondary:#625b71;--md-secondary-cont:#e8def8;--md-tertiary:#7d5260;--md-tertiary-cont:#ffd8e4;--md-error:#b3261e;--md-error-cont:#f9dedc;--md-on-error-cont:#410002;--md-success:#2d7a3a;--md-star:#d97706;--md-elev-1:0 1px 2px #0000001a,0 1px 3px 1px #00000012;--md-elev-2:0 1px 2px #0000001a,0 2px 6px 2px #00000012;--md-elev-3:0 4px 8px 3px #00000012,0 1px 3px #0000001a}[data-theme=mint-fresh]{--md-surface:#f4fbf4;--md-surface-1:#e8f5e9;--md-surface-2:#dff0e0;--md-surface-3:#d5ebd6;--md-surface-variant:#dce5db;--md-on-surface:#191c19;--md-on-surface-var:#404941;--md-outline:#707972;--md-outline-var:#c0c9c0;--md-primary:#1b6e35;--md-on-primary:#fff;--md-primary-container:#9cf69c;--md-on-primary-cont:#002106;--md-secondary:#4e6950;--md-secondary-cont:#d1ebd1;--md-tertiary:#3b6470;--md-tertiary-cont:#beeaf5;--md-error:#ba1a1a;--md-error-cont:#ffdad6;--md-on-error-cont:#410002;--md-success:#1b6e35;--md-star:#d97706;--md-elev-1:0 1px 2px #00000014,0 1px 3px 1px #0000000d;--md-elev-2:0 1px 2px #00000014,0 2px 6px 2px #0000000d;--md-elev-3:0 4px 8px 3px #0000000d,0 1px 3px #00000014}#root,body,html{-webkit-font-smoothing:antialiased;background:#1c1b1f;background:var(--md-surface);color:#e6e1e5;color:var(--md-on-surface);font-family:Roboto Flex,sans-serif;font-family:var(--md-font);height:100%;transition:background .3s,color .3s}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#49454f;background:var(--md-outline-var);border-radius:2px}button{cursor:pointer}button,input,textarea{border:none;font-family:Roboto Flex,sans-serif;font-family:var(--md-font);outline:none}.md-ripple{overflow:hidden;position:relative}.md-ripple:after{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.md-ripple:hover:after{opacity:.08}.md-ripple:active:after{opacity:.14}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{background:#2b2930;background:var(--md-surface-1);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);flex-shrink:0;gap:4px;height:64px;padding:0 16px 0 4px;position:relative;z-index:100}.topbar,.topbar-logo{align-items:center;display:flex}.topbar-logo{color:#e6e1e5;color:var(--md-on-surface);font-size:22px;font-weight:500;gap:8px;letter-spacing:0;padding:0 8px}.topbar-spacer{flex:1 1}.topbar-actions{gap:4px}.btn-icon,.topbar-actions{align-items:center;display:flex}.btn-icon{background:#0000;border-radius:9999px;border-radius:var(--md-shape-full);color:#cac4d0;color:var(--md-on-surface-var);height:40px;justify-content:center;overflow:hidden;position:relative;transition:background .2s,color .2s;width:40px}.btn-icon:after{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn-icon:hover{color:#e6e1e5;color:var(--md-on-surface)}.btn-icon:hover:after{opacity:.08}.btn-icon:active:after{opacity:.14}.btn{align-items:center;border-radius:9999px;border-radius:var(--md-shape-full);display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.1px;overflow:hidden;padding:10px 24px;position:relative;transition:box-shadow .2s,background .2s;white-space:nowrap}.btn:after{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn:hover:after{opacity:.08}.btn:active:after{opacity:.14}.btn-primary{background:#d0bcff;background:var(--md-primary);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);color:#381e72;color:var(--md-on-primary);justify-content:center;padding:10px 24px;width:100%}.btn-primary:hover{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;box-shadow:var(--md-elev-2)}.btn-primary:active{box-shadow:none}.btn-outline{background:#4a4458;background:var(--md-secondary-cont);border:none;color:#e6e1e5;color:var(--md-on-surface);justify-content:center;padding:10px 24px;width:100%}.btn-outline:hover{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1)}.btn-ghost{background:#0000;color:#d0bcff;color:var(--md-primary);padding:10px 12px}.btn-danger{background:#0000;border-radius:9999px;border-radius:var(--md-shape-full);color:#f2b8b5;color:var(--md-error);font-size:12px;font-weight:500;padding:6px 12px}.btn-danger:hover{background:color-mix(in srgb,#f2b8b5 12%,#0000);background:color-mix(in srgb,var(--md-error) 12%,#0000)}.add-work-btn{align-items:center;background:#312f36;background:var(--md-surface-2);border:2px dashed #49454f;border:2px dashed var(--md-outline-var);border-radius:16px;border-radius:var(--md-shape-lg);color:#938f99;color:var(--md-outline);cursor:pointer;display:flex;font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:90px;padding:18px;transition:all .2s}.add-work-btn:hover{background:color-mix(in srgb,#d0bcff 8%,#312f36);background:color-mix(in srgb,var(--md-primary) 8%,var(--md-surface-2));border-color:#d0bcff;border-color:var(--md-primary);color:#d0bcff;color:var(--md-primary)}.theme-picker{position:relative}.theme-menu{background:#312f36;background:var(--md-surface-2);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:12px;border-radius:var(--md-shape-md);box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.theme-option{align-items:center;background:#0000;color:#e6e1e5;color:var(--md-on-surface);cursor:pointer;display:flex;font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:14px;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:background .15s;width:100%}.theme-option:after{background:currentColor;content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s}.theme-option:hover:after{opacity:.08}.theme-option.active{color:#d0bcff;color:var(--md-primary)}.theme-option.active:before{content:"✓";font-size:13px;margin-left:auto;order:999}.theme-dot{border:2px solid #0000;border-radius:50%;box-shadow:0 0 0 1.5px #938f99;box-shadow:0 0 0 1.5px var(--md-outline);flex-shrink:0;height:20px;width:20px}.user-menu{position:relative}.user-avatar{align-items:center;background:#4f378b;background:var(--md-primary-container);border:none;border-radius:9999px;border-radius:var(--md-shape-full);color:#eaddff;color:var(--md-on-primary-cont);cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;transition:box-shadow .2s;width:36px}.user-avatar:hover{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1)}.user-dropdown{background:#312f36;background:var(--md-surface-2);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:12px;border-radius:var(--md-shape-md);box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.user-info{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);padding:16px}.user-name{font-size:14px;font-weight:500;margin-bottom:2px}.user-email{color:#938f99;color:var(--md-outline);font-size:12px}.dropdown-item{align-items:center;background:#0000;color:#e6e1e5;color:var(--md-on-surface);cursor:pointer;display:flex;font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:14px;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:background .15s;width:100%}.dropdown-item:after{background:currentColor;content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s}.dropdown-item:hover:after{opacity:.08}.dropdown-item.danger{color:#f2b8b5;color:var(--md-error)}.auth-screen{align-items:center;background:#1c1b1f;background:var(--md-surface);display:flex;flex:1 1;justify-content:center}.auth-card{background:#2b2930;background:var(--md-surface-1);border-radius:28px;border-radius:var(--md-shape-xl);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-shadow:var(--md-elev-3);padding:40px 36px;width:400px}.auth-title{color:#e6e1e5;color:var(--md-on-surface);font-size:24px;font-weight:400;letter-spacing:0;margin-bottom:8px}.auth-sub{color:#cac4d0;color:var(--md-on-surface-var);font-size:14px;line-height:1.5;margin-bottom:28px}.auth-divider{align-items:center;color:#938f99;color:var(--md-outline);display:flex;font-size:12px;gap:12px;margin:20px 0}.auth-divider:after,.auth-divider:before{background:#49454f;background:var(--md-outline-var);content:"";flex:1 1;height:1px}.auth-input{background:#0000;border:1px solid #938f99;border:1px solid var(--md-outline);border-radius:4px;border-radius:var(--md-shape-xs);color:#e6e1e5;color:var(--md-on-surface);font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:16px;margin-bottom:12px;padding:14px 16px;transition:border-color .2s,border-width .1s;width:100%}.auth-input:focus{border-color:#d0bcff;border-color:var(--md-primary);border-width:2px;padding:13px 15px}.auth-input::placeholder{color:#938f99;color:var(--md-outline)}.auth-error{align-items:center;color:#f2b8b5;color:var(--md-error);display:flex;font-size:12px;gap:4px;margin-bottom:10px}.auth-toggle{color:#cac4d0;color:var(--md-on-surface-var);font-size:14px;margin-top:16px;text-align:center}.auth-toggle button{background:none;color:#d0bcff;color:var(--md-primary);font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:14px;font-weight:500;margin-left:4px;padding:0}.auth-toggle button:hover{text-decoration:underline}.work-card{background:#2b2930;background:var(--md-surface-1);border:none;border-radius:16px;border-radius:var(--md-shape-lg);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:box-shadow .2s,transform .2s}.work-card:after{background:#e6e1e5;background:var(--md-on-surface);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.work-card:hover{box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-shadow:var(--md-elev-3);transform:translateY(-2px)}.work-card:hover:after{opacity:.05}.work-card:active{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);transform:translateY(0)}.work-card[data-stars="5"]{border-left:3px solid #fdd663;border-left:3px solid var(--md-star)}.work-card[data-stars="4"]{border-left:3px solid #d0bcff;border-left:3px solid var(--md-primary)}.work-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.work-card-title{font-size:16px;font-weight:500;line-height:1.35;word-break:break-word}.work-card-actions{display:flex;flex-shrink:0;gap:0;opacity:0;transition:opacity .15s}.work-card:hover .work-card-actions{opacity:1}.work-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.work-progress{color:#938f99;color:var(--md-outline);font-family:Roboto Mono,monospace;font-family:var(--md-mono);font-size:12px}.stars{align-items:center;display:flex;gap:2px}.star{color:#49454f;color:var(--md-outline-var);cursor:pointer;font-size:16px;line-height:1;transition:color .15s,transform .15s}.star.active{color:#fdd663;color:var(--md-star)}.star:hover{transform:scale(1.2)}.star.readonly{cursor:default}.star.readonly:hover{transform:none}.dashboard{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow:hidden;padding:24px}.dashboard-header{align-items:center;display:flex;justify-content:space-between}.dashboard-title{color:#e6e1e5;color:var(--md-on-surface);font-size:22px;font-weight:400;letter-spacing:0}.dashboard-subtitle{color:#938f99;color:var(--md-outline);font-size:14px;margin-top:2px}.works-grid{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));overflow-y:auto;padding-right:4px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:500}.modal{background:#312f36;background:var(--md-surface-2);border-radius:28px;border-radius:var(--md-shape-xl);box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);max-width:420px;padding:24px;width:100%}.modal-title{font-size:20px;font-weight:500;letter-spacing:.15px;margin-bottom:16px}.modal-input,.modal-title{color:#e6e1e5;color:var(--md-on-surface)}.modal-input{background:#0000;border:1px solid #938f99;border:1px solid var(--md-outline);border-radius:4px;border-radius:var(--md-shape-xs);font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .2s,border-width .1s;width:100%}.modal-input:focus{border-color:#d0bcff;border-color:var(--md-primary);border-width:2px;outline:none;padding:13px 15px}.modal-input::placeholder{color:#938f99;color:var(--md-outline)}.modal-label{color:#cac4d0;color:var(--md-on-surface-var);font-size:12px;font-weight:500;letter-spacing:.4px;margin-bottom:8px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.modal-actions .btn{flex:0 0 auto;width:auto}.work-page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.work-page-header{align-items:center;background:#2b2930;background:var(--md-surface-1);border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.work-page-title{color:#e6e1e5;color:var(--md-on-surface);flex:1 1;font-size:18px;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-page-body{display:flex;flex:1 1;overflow:hidden}.tasks-panel{border-right:1px solid #49454f;border-right:1px solid var(--md-outline-var);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:340px}.panel-section{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);padding:16px}.panel-section-title{align-items:center;color:#938f99;color:var(--md-outline);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.todo-item{align-items:center;background:#312f36;background:var(--md-surface-2);border-radius:12px;border-radius:var(--md-shape-md);display:flex;gap:12px;margin-bottom:6px;padding:12px;transition:background .15s}.todo-item:last-child{margin-bottom:0}.todo-check{align-items:center;background:#0000;border:2px solid #938f99;border:2px solid var(--md-outline);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.todo-check:hover{background:color-mix(in srgb,#d0bcff 10%,#0000);background:color-mix(in srgb,var(--md-primary) 10%,#0000)}.todo-check.done,.todo-check:hover{border-color:#d0bcff;border-color:var(--md-primary)}.todo-check.done{background:#d0bcff;background:var(--md-primary)}.todo-text{flex:1 1;font-size:14px;line-height:1.4}.todo-text.done{color:#938f99;color:var(--md-outline);text-decoration:line-through}.todo-add-row{display:flex;gap:8px;margin-top:12px}.todo-add-input{background:#312f36;background:var(--md-surface-2);border:1px solid #938f99;border:1px solid var(--md-outline);border-radius:4px;border-radius:var(--md-shape-xs);color:#e6e1e5;color:var(--md-on-surface);flex:1 1;font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:14px;padding:10px 14px;transition:border-color .2s,border-width .1s}.todo-add-input:focus{border-color:#d0bcff;border-color:var(--md-primary);border-width:2px;outline:none;padding:9px 13px}.todo-add-input::placeholder,.todo-limit{color:#938f99;color:var(--md-outline)}.todo-limit{font-family:Roboto Mono,monospace;font-family:var(--md-mono);font-size:11px}.history-section{flex:1 1;overflow-y:auto;padding:12px 16px}.history-item{align-items:center;background:#312f36;background:var(--md-surface-2);border-radius:12px;border-radius:var(--md-shape-md);display:flex;gap:10px;margin-bottom:4px;opacity:.7;padding:10px 12px}.history-icon{color:#81c995;color:var(--md-success);flex-shrink:0}.history-text{color:#cac4d0;color:var(--md-on-surface-var);flex:1 1;font-size:13px;text-decoration:line-through}.history-time{color:#938f99;color:var(--md-outline);flex-shrink:0;font-family:Roboto Mono,monospace;font-family:var(--md-mono);font-size:10px}.notepad-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notepad-header{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);color:#938f99;color:var(--md-outline);font-weight:500;justify-content:space-between;letter-spacing:.4px;padding:14px 20px;text-transform:uppercase}.notepad-header,.notepad-saved{align-items:center;display:flex;font-size:12px}.notepad-saved{color:#81c995;color:var(--md-success);font-weight:400;gap:4px;letter-spacing:0;text-transform:none}.notepad-textarea{background:#0000;caret-color:#d0bcff;caret-color:var(--md-primary);color:#e6e1e5;color:var(--md-on-surface);flex:1 1;font-family:Roboto Flex,sans-serif;font-family:var(--md-font);font-size:15px;line-height:1.7;padding:20px;resize:none}.empty-state,.notepad-textarea::placeholder{color:#938f99;color:var(--md-outline)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:10px;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:40px;margin-bottom:4px}.empty-state-title{color:#cac4d0;color:var(--md-on-surface-var);font-size:16px;font-weight:500}.empty-state-sub{font-size:14px}@keyframes md-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-slide-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes md-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:md-fade-in .3s cubic-bezier(.2,0,0,1) forwards}.slide-in{animation:md-slide-in .25s cubic-bezier(.2,0,0,1) forwards}.scale-in{animation:md-scale-in .25s cubic-bezier(.2,0,0,1) forwards}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #49454f;border-top-color:#d0bcff;border:3px solid var(--md-outline-var);border-radius:50%;border-top-color:var(--md-primary);height:28px;width:28px}.priority-badge{align-items:center;border-radius:9999px;border-radius:var(--md-shape-full);display:inline-flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}@media (max-width:700px){.tasks-panel{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);border-right:none;width:100%}.work-page-body{flex-direction:column}.dashboard{padding:16px}.works-grid{grid-template-columns:1fr}.topbar{height:56px}}
/*# sourceMappingURL=main.97f0e846.css.map*/