:root{--color-brand: #0F5132;--color-brand-dark: #0B3B24;--color-brand-hover: #146C43;--color-brand-light: #CFEAD6;--color-brand-subtle: #E8F5EB;--color-accent: #10B981;--color-accent-hover: #059669;--color-bg: #F8FAF6;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F2;--color-surface-active: #E4EBE6;--color-border: #E2E8F0;--color-border-subtle: #EEF2F0;--color-text: #0F172A;--color-text-muted: #64748B;--color-text-subtle: #94A3B8;--color-danger: #EF4444;--color-danger-bg: #FEF2F2;--color-danger-border: #FCA5A5;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-warning-border: #FCD34D;--color-success: #10B981;--color-success-bg: #ECFDF5;--color-success-border: #6EE7B7;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Plus Jakarta Sans", sans-serif;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(15, 81, 50, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(15, 81, 50, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 32px rgba(15, 81, 50, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 48px rgba(15, 81, 50, .12), 0 8px 16px rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-brand: #10B981;--color-brand-dark: #059669;--color-brand-hover: #34D399;--color-brand-light: #064E3B;--color-brand-subtle: #062C22;--color-bg: #0B131F;--color-surface: #152033;--color-surface-hover: #1E2D47;--color-surface-active: #273959;--color-border: #26354A;--color-border-subtle: #1C2B3F;--color-text: #F8FAFC;--color-text-muted: #94A3B8;--color-text-subtle: #64748B;--color-danger-bg: #450A0A;--color-danger-border: #991B1B;--color-warning-bg: #451A03;--color-warning-border: #92400E;--color-success-bg: #064E3B;--color-success-border: #065F46;--color-info-bg: #172554;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .6)}.auth-scene{--auth-green: #104b32;--auth-deep: #0b3325;--auth-ink: #17251e;display:flex;align-items:center;justify-content:flex-end;min-height:100vh;min-height:100svh;padding:clamp(18px,3vw,48px);background:#f3e8d5 url(/digital-desk-workspace.png) center / cover no-repeat;color:var(--auth-ink);animation:auth-appear .45s ease-out both}.auth-panel{display:flex;align-items:center;justify-content:center;width:min(100%,540px);min-width:0;padding:0}.auth-card{width:100%;max-width:540px;max-height:calc(100svh - 36px);overflow-y:auto;padding:clamp(24px,3.2vh,38px) clamp(30px,3vw,48px);border:1px solid rgba(255,255,255,.8);border-radius:27px;background:#fffaf1f7;box-shadow:0 20px 60px #34281533;animation:auth-card-in .5s .08s ease-out both}.auth-card-brand{display:flex;justify-content:center;margin-bottom:clamp(16px,2.4vh,28px)}.auth-card-brand .logo-mark{width:42px!important;height:42px!important}.auth-card-brand .logo-full>div:last-child>span:first-child{font-size:25px!important}.auth-heading{margin-bottom:clamp(16px,2.5vh,26px)}.auth-heading h2{margin:0 0 8px;color:var(--auth-deep);font:700 clamp(27px,3vw,34px)/1.18 var(--font-heading);letter-spacing:-.035em}.auth-heading p{color:#68736b;font-size:14px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:clamp(11px,1.8vh,17px)}.auth-card .input-group label,.auth-card label{color:#28372e!important;font-size:14px!important;font-weight:700!important}.auth-card input:not([type=checkbox]){min-height:44px!important;border-radius:11px!important;border-color:#dfdfd3!important;background:#fffdf8!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s,background .18s!important}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#17251e;box-shadow:0 0 0 1000px #fffdf8 inset!important;transition:background-color 9999s ease-out 0s}.auth-card input:not([type=checkbox]):focus{border-color:#5e9873!important;background:#fff!important;box-shadow:0 0 0 3px #5e987329!important}.auth-card .dd-button{min-height:46px;border-radius:11px;background:var(--auth-green);font-weight:700;transition:background .18s,transform .18s,box-shadow .18s}.auth-card .dd-button:hover:not(:disabled){transform:translateY(-1px);background:var(--auth-deep);box-shadow:0 8px 18px #104b322e}.auth-link{color:var(--auth-green);font-size:13px;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-forgot{display:flex;justify-content:flex-end;margin-top:10px}.auth-switch{margin-top:19px;padding-top:16px;border-top:1px solid #e9e4d9;color:#667168;font-size:13px;text-align:center}.auth-privacy-note{margin-top:12px;color:#9a9b8f;font-size:11px;text-align:center}.auth-feedback{margin-bottom:18px}.auth-login .auth-feedback .dd-error-message{margin:0 0 3px;padding:13px 15px;border-radius:12px}.auth-login .auth-feedback .dd-error-message>div:first-child{margin-top:1px}.auth-otp-row{display:flex;justify-content:center;gap:clamp(5px,1.5vw,10px)}.auth-otp-row input{width:min(52px,13vw);height:54px!important;padding:0!important;text-align:center;font-size:21px!important;font-weight:700}.auth-inline-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-inline-actions button{padding:5px 0;border:0;background:none;color:var(--auth-green);font:700 12px var(--font-sans);cursor:pointer}.auth-inline-actions button:disabled{opacity:.5;cursor:not-allowed}.auth-success{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border:1px solid #cde2d1;border-radius:12px;background:#eef7ef;color:var(--auth-green);font-size:14px;font-weight:700}.auth-register .auth-card{max-width:500px;padding-top:clamp(19px,2.5vh,29px);padding-bottom:clamp(19px,2.5vh,29px)}.auth-register .auth-card-brand{margin-bottom:clamp(12px,1.6vh,18px)}.auth-register .auth-heading{margin-bottom:clamp(12px,1.7vh,19px)}.auth-register .auth-form{gap:clamp(8px,1.15vh,12px)}.auth-register .auth-card input:not([type=checkbox]){min-height:40px!important}.auth-register .auth-card .dd-button{min-height:43px}.auth-register .auth-switch{margin-top:14px;padding-top:12px}.auth-register .auth-privacy-note{display:none}@keyframes auth-appear{0%{opacity:0}to{opacity:1}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.auth-scene{padding:22px;background-position:42% center}.auth-panel{width:min(100%,500px)}.auth-card{padding:28px 34px}}@media(max-width:680px){.auth-scene{min-height:100svh;padding:18px;background-position:37% center}.auth-panel{width:100%}.auth-card{max-width:500px;max-height:calc(100svh - 36px);margin:auto;padding:24px 23px;border-radius:23px}.auth-card-brand{margin-bottom:27px}.auth-heading{margin-bottom:23px}}@media(max-width:380px){.auth-card{padding:22px 17px}.auth-inline-actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.auth-scene,.auth-card{animation:none}.auth-card .dd-button{transition:none}}.welcome-tour-help{position:fixed;right:22px;bottom:96px;z-index:51;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-md);font:700 12px var(--font-sans);cursor:pointer}.welcome-tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0819118f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:welcome-tour-fade .18s ease-out}.welcome-tour-dialog{position:relative;width:min(100%,460px);padding:34px;border:1px solid var(--color-border);border-radius:22px;background:var(--color-surface);color:var(--color-text);box-shadow:0 24px 80px #00000040;animation:welcome-tour-rise .22s ease-out}.welcome-tour-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--color-surface-hover);color:var(--color-text-muted);cursor:pointer}.welcome-tour-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:15px;background:var(--color-brand-subtle);color:var(--color-brand)}.welcome-tour-step{color:var(--color-brand);font-size:10px;font-weight:800;letter-spacing:.13em}.welcome-tour-dialog h2{margin:9px 0;color:var(--color-text);font:750 25px/1.2 var(--font-heading);letter-spacing:-.025em}.welcome-tour-dialog p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.65}.welcome-tour-settings{display:inline-flex;align-items:center;gap:5px;margin-top:15px;padding:8px 11px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-bg);color:var(--color-brand);font:700 12px var(--font-sans);cursor:pointer}.welcome-tour-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:27px;padding-top:18px;border-top:1px solid var(--color-border-subtle)}.welcome-tour-skip,.welcome-tour-back{display:inline-flex;align-items:center;gap:4px;padding:8px 0;border:0;background:transparent;color:var(--color-text-muted);font:600 12px var(--font-sans);cursor:pointer}.welcome-tour-controls{display:flex;align-items:center;gap:14px}.welcome-tour-next{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:0 15px;border:0;border-radius:10px;background:var(--color-brand);color:#fff;font:700 12px var(--font-sans);cursor:pointer}@keyframes welcome-tour-fade{0%{opacity:0}to{opacity:1}}@keyframes welcome-tour-rise{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.welcome-tour-help{right:14px;bottom:158px}.welcome-tour-help span{display:none}.welcome-tour-help{width:42px;height:42px;justify-content:center;padding:0}.welcome-tour-dialog{padding:28px 23px 22px}}@media(prefers-reduced-motion:reduce){.welcome-tour-backdrop,.welcome-tour-dialog{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-text);line-height:1.25}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.task-create-grid{grid-template-columns:minmax(220px,1fr) 190px 140px auto}@media(max-width:900px){.task-create-grid{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}.task-create-grid>button{width:100%}}@media(max-width:620px){.task-create-grid{grid-template-columns:1fr}.task-row-controls{width:100%;justify-content:space-between!important}}.search-input-row{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--color-border)}.search-input-row input{flex:1;min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--color-text);font:15px var(--font-sans)}.search-input-row button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-hover);color:var(--color-text-muted);cursor:pointer}.search-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--color-border-subtle)}.search-tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 11px;border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font:600 12px var(--font-sans);cursor:pointer}.search-tab.active{color:var(--color-brand);background:var(--color-brand-subtle);border-color:var(--color-brand-light)}.search-tab span{padding:2px 6px;border-radius:var(--radius-full);background:var(--color-surface-hover);font-size:10px}.search-tab.active span{color:#fff;background:var(--color-brand)}.search-sections-grid{display:flex;flex-direction:column;gap:24px}.search-source-section{min-width:0;width:100%}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:8px;align-items:start}.search-source-section header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:4px 2px 8px}.search-source-section header h2{margin:0;color:var(--color-text);font:700 16px var(--font-heading)}.search-source-section header span{color:var(--color-text-subtle);font-size:11px}.search-result-card{display:flex;align-items:flex-start;gap:10px;padding:12px;margin:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.search-result-card:hover{background:var(--color-surface-hover);border-color:var(--color-brand-light);transform:translateY(-1px)}.search-result-icon{flex:0 0 20px;margin-top:2px;color:var(--color-brand)}.search-result-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.search-result-copy strong{color:var(--color-text);font-size:13px;line-height:1.35}.search-result-copy span{color:var(--color-text-muted);font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search-result-source{padding:3px 7px;border-radius:var(--radius-full);color:var(--color-brand);background:var(--color-brand-subtle);font-size:10px;white-space:nowrap}.search-empty-state{min-height:130px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--color-text-muted);font-size:13px;text-align:center}.search-source-error{padding:11px 13px;margin:8px 0;border:1px solid var(--color-warning-border);border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-text);font-size:12px;line-height:1.5}.search-source-error a{margin-left:8px;color:var(--color-brand);font-weight:700}.search-spin{animation:spin .8s linear infinite}@media(max-width:760px){.search-results-grid{grid-template-columns:1fr}}.task-calendar-link{display:inline-flex;align-items:center;min-height:36px;padding:6px 11px;border:1px solid var(--color-success-border);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-brand);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.dd-music-bar>div{min-width:0}@media(max-width:760px){.desktop-sidebar-container{display:none}.mobile-menu-btn{display:flex!important}.dd-music-bar{left:0!important}}@media(max-width:760px){.dd-main-content{padding:20px 14px 160px!important}.dd-music-bar{gap:8px;padding:10px 12px!important}.dd-music-bar>div:first-of-type{flex:1 1 45%;min-width:145px!important}.dd-music-bar>div:nth-of-type(2){flex:1 1 100%;order:3;max-width:none!important}.dd-music-bar>div:last-of-type{flex:1 1 auto;min-width:120px!important}.dd-music-bar input[type=range]{width:58px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}