:root{--bg:#14221f;--surface:#1c302b;--surface-2:#253c35;--surface-3:#2b473e;--border:#36544a;--text:#f0f6ef;--muted:#b3c7bc;--muted-2:#91ac9e;--purple:#a4d6bc;--purple-deep:#70ab92;--mint:#a6d7b7;--peach:#e7c1a0;--pink:#e5c6aa;--blue:#a9cadd;--yellow:#e5d9ad;--shadow:0 20px 60px rgba(0,0,0,.14);--shadow-soft:0 8px 26px rgba(0,0,0,.1);--radius:22px;--font:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;--latin:'Outfit',sans-serif}
body[data-theme="light"]{--bg:#f6f8f3;--surface:#fffefa;--surface-2:#f0f5ee;--surface-3:#e7efe6;--border:#dce7dc;--text:#263e35;--muted:#667b70;--muted-2:#879a8d;--purple:#356d5b;--purple-deep:#245849;--mint:#327960;--peach:#b67e5f;--pink:#b68177;--blue:#507c8b;--yellow:#8c734b;--shadow:0 16px 46px rgba(46,80,56,.055);--shadow-soft:0 7px 22px rgba(46,80,56,.045)}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.65;transition:background .3s,color .3s}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}a{color:inherit;text-decoration:none}.aurora{pointer-events:none;position:fixed;filter:blur(2px);z-index:-1;border-radius:50%}.aurora-1{top:-280px;right:17%;width:680px;height:650px;background:radial-gradient(circle,rgba(102,150,118,.09),transparent 67%)}.aurora-2{bottom:-380px;left:-210px;width:680px;height:680px;background:radial-gradient(circle,rgba(185,160,120,.065),transparent 65%)}.app-layout{display:flex;min-height:100vh}.sidebar{width:255px;min-width:255px;position:sticky;top:0;height:100vh;background:rgba(20,35,30,.9);border-left:1px solid var(--border);padding:28px 16px 18px;display:flex;flex-direction:column;z-index:10;backdrop-filter:blur(15px)}body[data-theme="light"] .sidebar{background:rgba(255,255,255,.89)}.brand{display:flex;align-items:center;gap:11px;padding:4px 11px 32px}.brand-symbol{position:relative;width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#a4ccae,#396e59);display:flex;align-items:center;justify-content:center;color:white;font:800 27px var(--latin);box-shadow:0 8px 25px #598b7344}.brand-symbol span{font-size:14px;position:absolute;left:-6px;top:-9px;color:var(--yellow)}.brand-name{font:800 23px var(--latin);letter-spacing:-1px;direction:ltr;text-align:right;line-height:1.1}.brand-name span{color:var(--purple)}.brand-sub{font:400 11px var(--latin);direction:ltr;color:var(--muted);margin-top:5px;letter-spacing:.3px}.side-caption{font-size:11px;color:var(--muted-2);padding:0 18px 12px;font-weight:700}.nav-list{display:grid;gap:4px}.nav-button{width:100%;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:12px;min-height:44px;padding:8px 13px;display:flex;align-items:center;gap:12px;text-align:right;font-weight:600;font-size:13px;transition:.2s}.nav-button:hover{background:var(--surface-2);color:var(--text)}.nav-button.active{background:linear-gradient(100deg,rgba(101,155,117,.16),rgba(101,155,117,.03));border-color:rgba(115,160,129,.25);color:var(--purple)}.nav-ico{width:20px;text-align:center;font:500 23px var(--latin);line-height:1}.small-count{margin-right:auto;color:var(--muted-2);background:var(--surface-2);padding:0 8px;border-radius:10px;font:600 11px var(--latin)}.sidebar-bottom{margin-top:auto}.sidebar-mantra{padding:17px 14px;margin:15px 3px 18px;border:1px solid rgba(115,160,129,.24);border-radius:17px;background:linear-gradient(135deg,rgba(115,160,129,.14),rgba(130,160,133,.04));position:relative;overflow:hidden}.sidebar-mantra p{margin:0;font-size:12px;line-height:2;color:var(--muted)}.sidebar-mantra strong{color:var(--text);font-weight:600}.twinkle{position:absolute;left:12px;top:4px;color:var(--purple);font-size:24px}.sidebar-foot{text-align:center;color:var(--muted-2);font-size:10px;margin:11px 0}.main-shell{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{padding:20px 34px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:rgba(17,32,27,.4);backdrop-filter:blur(9px);position:sticky;top:0;z-index:9}body[data-theme="light"] .topbar{background:rgba(246,248,243,.92)}.topbar-location{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--muted);flex-wrap:wrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}.divider-mini{color:var(--muted-2)}.topbar-actions{display:flex;align-items:center;gap:10px}.top-status{font-size:11px;color:var(--muted)}.icon-btn,.soft-btn,.primary-btn,.outline-btn,.chip-btn{border-radius:12px;border:1px solid var(--border);min-height:38px;padding:7px 13px;background:var(--surface-2);color:var(--text);font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:6px;transition:transform .2s,background .2s,border .2s}.icon-btn{min-width:40px;font:500 22px var(--latin)}.soft-btn{background:rgba(108,156,123,.11);border-color:rgba(108,156,123,.25);color:var(--purple)}.primary-btn{background:linear-gradient(110deg,#a9d0af,#7eae91);border-color:#7eae91;color:#19382c;box-shadow:0 5px 18px #7eae9130}.primary-btn:hover,.soft-btn:hover,.outline-btn:hover,.icon-btn:hover,.chip-btn:hover{transform:translateY(-1px)}.outline-btn{background:transparent}.chip-btn{padding:5px 11px;min-height:31px;font-size:12px}.chip-btn.selected{background:var(--purple);color:var(--bg);border-color:var(--purple)}.danger-btn{color:#ff9f9f!important;border-color:rgba(255,130,130,.25)!important}.main-shell main{width:100%;max-width:1530px;margin:0 auto;padding:32px 34px 60px;flex:1}.app-footer{text-align:center;color:var(--muted-2);font-size:11px;padding:10px 20px 22px}.page-eyebrow{font:700 12px var(--latin);color:var(--purple);letter-spacing:2px;text-transform:uppercase;direction:ltr;text-align:right}.page-title{font-size:30px;line-height:1.3;margin:6px 0 5px;letter-spacing:-.6px}.page-sub{color:var(--muted);font-size:13px;margin:0}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.section-heading h2{font-size:17px;margin:0;letter-spacing:-.2px}.section-heading small{color:var(--muted);font-size:12px}.grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:23px 0}.two-column{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:start}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px}.card.flush{padding:0;overflow:hidden}.card + .card{margin-top:0}.hero{position:relative;overflow:hidden;min-height:246px;border-radius:26px;padding:31px 34px;background:linear-gradient(111deg,#234b3f 0%,#326453 51%,#6a8471 110%);border:1px solid #ffffff1d;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 11%,rgba(216,234,203,.19),transparent 33%),radial-gradient(circle at 16% 98%,rgba(231,202,156,.12),transparent 55%);pointer-events:none}.hero-text{position:relative;z-index:1;max-width:550px}.hero-tag{font-size:11px;color:#e2f1df;font-weight:700;letter-spacing:.8px}.hero h1{font-size:34px;line-height:1.5;margin:6px 0 6px;font-weight:700}.hero h1 em{font-style:normal;color:#e6e6c5}.hero p{color:#e2ece2;font-size:13px;margin:0 0 23px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero .primary-btn{background:#f1f5e5;border-color:transparent;color:#214334}.hero .outline-btn{background:#ffffff15;border-color:#ffffff3c;color:white}.orbit{position:relative;width:230px;height:196px;flex:none;z-index:1}.orbit-ring{position:absolute;inset:16px 22px;border:1px dashed #e4f1e188;border-radius:50%;transform:rotate(-21deg)}.orbit-ring.two{inset:39px 47px;border:1px solid #e8e8cf55;transform:rotate(27deg)}.orbit-core{position:absolute;top:58px;left:79px;width:80px;height:80px;border-radius:27px;background:#eef5e8;color:#376653;font:800 45px var(--latin);display:flex;align-items:center;justify-content:center;transform:rotate(-9deg);box-shadow:0 12px 38px #04020a44}.orbit-node{position:absolute;border-radius:14px;padding:7px 11px;background:#e5efdb25;border:1px solid #ffffff37;color:#f7fff3;font-size:11px;backdrop-filter:blur(9px)}.orbit-node.one{right:0;top:25px;transform:rotate(8deg)}.orbit-node.two{left:0;bottom:11px;transform:rotate(-8deg)}.orbit-node.three{right:0;bottom:32px;transform:rotate(-5deg)}.orbit-star{position:absolute;left:42px;top:11px;color:#f9e8ba;font-size:25px}.stat-card{padding:18px 20px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:600}.stat-icon{font:500 20px var(--latin);width:32px;height:32px;display:grid;place-items:center;border-radius:11px}.stat-num{font:700 29px var(--latin);direction:ltr;text-align:right;margin:13px 0 1px;line-height:1.15}.stat-desc{font-size:11px;color:var(--muted)}.stat-card::after{content:'';position:absolute;width:90px;height:90px;left:-40px;top:-35px;border-radius:50%;background:var(--stat-color);opacity:.045}.progress-track{background:var(--surface-3);height:7px;border-radius:100px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--purple-deep),var(--purple));height:100%;border-radius:100px;transition:width .3s}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--muted)}.tiny{font-size:11px}.tiny-muted{font-size:11px;color:var(--muted-2)}.text-purple{color:var(--purple)}.text-mint{color:var(--mint)}.text-pink{color:var(--pink)}.stack{display:grid;gap:14px}.spaced{margin-bottom:18px}.pill{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:99px;padding:3px 9px;font-size:10px;font-weight:600;background:var(--surface-2);color:var(--muted);gap:5px}.category-nowa{--cat:#6b9d82;color:#6b9d82}.category-exam{--cat:#c39a76;color:#c39a76}.category-english{--cat:#7ea6b4;color:#7ea6b4}.category-wellness{--cat:#77a88c;color:#77a88c}.category-soul{--cat:#ccb88c;color:#ccb88c}.category-language{--cat:#cfa1a0;color:#cfa1a0}.category-reading{--cat:#84a9a3;color:#84a9a3}.category-cyber{--cat:#92aab5;color:#92aab5}.category-personal{--cat:#9cae97;color:#9cae97}.cat-pill{background:color-mix(in srgb,var(--cat) 10%,transparent);border:1px solid color-mix(in srgb,var(--cat) 25%,transparent);color:var(--cat)}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:65px 18px minmax(0,1fr);gap:10px;min-height:78px}.timeline-item .time{font:600 12px var(--latin);color:var(--muted);direction:ltr;text-align:right;margin-top:21px}.timeline-rail{position:relative;display:flex;justify-content:center}.timeline-rail:after{content:'';width:1px;background:var(--border);position:absolute;top:23px;bottom:-5px}.timeline-item:last-child .timeline-rail:after{display:none}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--cat,var(--purple));position:relative;z-index:1;margin-top:23px;box-shadow:0 0 0 4px var(--surface)}.task-card{background:var(--surface-2);border:1px solid var(--border);border-right:3px solid var(--cat,var(--purple));border-radius:13px;padding:11px 13px;margin-bottom:9px;display:flex;align-items:center;gap:10px;min-width:0}.task-card.done{opacity:.6}.task-card.done .task-title{text-decoration:line-through}.task-toggle{border:1.5px solid var(--muted-2);color:var(--text);background:transparent;width:23px;height:23px;display:grid;place-items:center;flex:none;border-radius:8px;font-size:13px;line-height:1}.task-toggle.checked{border-color:var(--mint);background:var(--mint);color:#143527}.task-body{min-width:0;flex:1}.task-title{font-weight:650;font-size:12px;line-height:1.5}.task-note{color:var(--muted);font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-bottom{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px;align-items:center}.task-actions{display:flex;gap:4px;align-self:flex-start}.mini-button{border:0;background:transparent;color:var(--muted);border-radius:8px;min-height:27px;padding:1px 6px;font-size:15px}.mini-button:hover{background:var(--surface-3);color:var(--text)}.empty{border:1px dashed var(--border);padding:40px 20px;text-align:center;border-radius:18px;color:var(--muted)}.empty .empty-icon{font-size:34px;color:var(--purple);display:block;margin-bottom:8px}.callout{background:linear-gradient(135deg,rgba(177,145,246,.11),rgba(99,193,180,.07));border:1px solid rgba(167,147,226,.18);border-radius:18px;padding:17px 19px}.callout p{margin:6px 0 0;color:var(--muted);font-size:12px}.habit-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:10px}.habit-row:last-child{border-bottom:none}.habit-label{font-size:12px;display:flex;align-items:center;gap:9px}.habit-icon{font-size:17px}.habit-check{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:9px;padding:5px 10px;min-width:58px;font-size:11px}.habit-check.active{background:rgba(104,216,177,.13);border-color:rgba(104,216,177,.35);color:var(--mint)}.week-day-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.date-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:13px;padding:9px 13px;min-width:64px;display:grid;text-align:center;gap:0}.date-chip strong{font:700 20px var(--latin);color:var(--text)}.date-chip small{font-size:10px}.date-chip.selected{border-color:var(--purple);background:rgba(160,126,223,.15)}.date-chip.today{box-shadow:0 0 0 1px var(--mint)}.date-nav{display:flex;align-items:center;gap:7px}.date-nav button{min-width:36px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(126px,1fr));gap:12px;overflow-x:auto;padding:4px 0 10px}.week-card{border:1px solid var(--border);border-radius:18px;padding:13px;min-height:270px;background:var(--surface);display:flex;flex-direction:column;gap:11px;cursor:pointer;transition:background .2s,border .2s;text-align:right}.week-card:hover{border-color:var(--purple);background:var(--surface-2)}.week-card.is-today{border-color:var(--purple)}.week-card-title{font-weight:700;font-size:12px}.week-day-date{font:700 25px var(--latin);line-height:1.1}.week-task{border-right:3px solid var(--cat);background:var(--surface-2);padding:7px 8px;border-radius:7px;font-size:10px;line-height:1.5;overflow:hidden}.week-task.done{text-decoration:line-through;opacity:.55}.week-more{color:var(--muted);font-size:10px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday-head{color:var(--muted);font-size:11px;padding:12px 4px;text-align:center}.month-day{height:104px;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:9px;display:flex;flex-direction:column;gap:6px;text-align:right;transition:.2s}.month-day:hover{border-color:var(--purple);transform:translateY(-1px)}.month-day.outside{opacity:.33}.month-day.today{border-color:var(--purple)}.month-day.selected{box-shadow:0 0 0 1px var(--purple) inset}.day-number{font:600 13px var(--latin);display:inline-flex;border-radius:99px;align-items:center;justify-content:center;width:27px;height:27px}.month-day.today .day-number{background:var(--purple);color:#17112b}.month-bar{height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}.month-bar span{height:100%;background:var(--mint);display:block;border-radius:99px}.day-dots{display:flex;gap:3px;flex-wrap:wrap}.dot{width:5px;height:5px;border-radius:50%;background:var(--cat)}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.goal-card{display:flex;flex-direction:column;gap:10px}.goal-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--cat) 14%,transparent);font-size:21px}.goal-card h3{font-size:15px;margin:0}.goal-desc{font-size:11px;color:var(--muted);min-height:38px;margin:0}.goal-perc{font:700 20px var(--latin);color:var(--text)}.goal-card .progress-fill{background:var(--cat)}.goal-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:10px}.brain-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);gap:19px;align-items:start}.thought-form textarea{width:100%;min-height:130px;resize:vertical;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;color:var(--text);padding:15px;line-height:1.8;outline:none}.thought-form textarea:focus{border-color:var(--purple)}.thought-row{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:11px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:11px;color:var(--muted);font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);min-height:40px;padding:8px 10px;max-width:100%;width:100%}.field textarea{min-height:82px;resize:vertical}.field select{cursor:pointer}.thought-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px;display:flex;gap:11px;align-items:start}.thought-card.archived{opacity:.5}.thought-mark{font-size:21px}.thought-content{flex:1;min-width:0}.thought-content p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:7px 0}.thought-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mind-orbit{height:275px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(167,142,227,.15),transparent 65%)}.mind-ring{width:230px;height:230px;border:1px dashed rgba(164,137,221,.36);border-radius:50%;position:absolute;transform:rotate(23deg)}.mind-center{width:92px;height:92px;border-radius:29px;background:linear-gradient(145deg,#cbb2ff,#9475da);display:grid;place-items:center;color:#291b4f;font:800 29px var(--latin);position:relative;box-shadow:0 14px 35px #9572e333}.mind-bubble{position:absolute;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:8px 12px;font-size:11px;color:var(--text)}.mind-bubble.b1{top:22px;right:53px}.mind-bubble.b2{top:92px;left:12px}.mind-bubble.b3{bottom:28px;right:35px}.mind-bubble.b4{bottom:62px;left:16px}.phase-head{display:flex;align-items:center;gap:12px;margin:25px 0 14px}.phase-num{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface-2);color:var(--purple);font:700 15px var(--latin)}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.roadmap-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:16px;display:flex;flex-direction:column;gap:9px}.roadmap-card.current{border-color:var(--purple);box-shadow:0 0 0 1px rgba(160,138,220,.2)}.roadmap-card h3{margin:0;font-size:13px}.roadmap-card .week-label{color:var(--purple);font:700 12px var(--latin)}.roadmap-card .roadmap-desc{color:var(--muted);font-size:11px}.roadmap-card .roadmap-date{font-size:10px;color:var(--muted-2)}.focus-panel{min-height:390px;display:grid;place-items:center;text-align:center;gap:10px;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.focus-ring{--angle:0deg;width:235px;height:235px;border-radius:50%;padding:11px;background:conic-gradient(var(--purple) var(--angle),var(--surface-3) var(--angle));display:grid;place-items:center;margin:0 auto}.focus-inner{width:100%;height:100%;border-radius:50%;background:var(--surface);display:grid;place-items:center;align-content:center;gap:0}.focus-time{font:700 58px var(--latin);line-height:1.1;direction:ltr}.focus-label{font-size:12px;color:var(--muted)}.focus-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.focus-preselect{display:flex;justify-content:center;gap:8px}.metric-pair{display:flex;gap:12px;flex-wrap:wrap}.metric-box{background:var(--surface-2);padding:12px;border-radius:12px;flex:1;min-width:110px}.metric-box strong{display:block;font:700 22px var(--latin)}.metric-box small{font-size:10px;color:var(--muted)}.settings-section{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.modal-overlay{position:fixed;inset:0;background:rgba(3,6,17,.76);backdrop-filter:blur(7px);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(610px,100%);max-height:min(90vh,900px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:23px;padding:25px;box-shadow:var(--shadow)}.modal h2{margin:0;font-size:21px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-body{display:grid;gap:15px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:20px}.weekday-selector{display:flex;gap:7px;flex-wrap:wrap}.day-check{display:flex;gap:5px;align-items:center;padding:6px 9px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:11px}.day-check:has(input:checked){background:rgba(169,140,235,.17);color:var(--purple);border-color:var(--purple)}.day-check input{accent-color:var(--purple)}.toast{position:fixed;bottom:25px;left:25px;padding:12px 18px;background:var(--surface-3);border:1px solid var(--purple);border-radius:12px;z-index:100;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s;font-size:12px;max-width:320px}.toast.show{opacity:1;transform:translateY(0)}.mobile-nav{display:none}.note-line{border-right:3px solid var(--purple);padding:9px 12px;background:var(--surface-2);border-radius:0 10px 10px 0;color:var(--muted);font-size:11px}.inline-menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mini-divider{width:1px;height:15px;background:var(--border)}.day-pick{padding:8px 11px;min-height:38px;border:1px solid var(--border);color:var(--text);background:var(--surface-2);border-radius:10px}.tip-card{background:linear-gradient(145deg,rgba(168,143,222,.12),rgba(92,208,182,.07));border:1px solid var(--border);border-radius:17px;padding:17px}.tip-card h3{margin:0 0 7px;font-size:14px}.tip-card p{margin:0;color:var(--muted);font-size:11px}.stage-pill{border:1px solid var(--border);border-radius:25px;padding:6px 13px;color:var(--muted);background:var(--surface)}
@media(max-width:1260px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brain-layout{grid-template-columns:1fr}.brain-orbit-card{display:none}}@media(max-width:880px){.sidebar{width:206px;min-width:206px;padding:23px 11px}.brand-name{font-size:20px}.main-shell main{padding:25px 21px 60px}.topbar{padding:13px 20px}.top-status,.desktop-only{display:none}}@media(max-width:700px){.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;right:0;left:0;background:var(--surface);border-top:1px solid var(--border);z-index:20;justify-content:space-around;align-items:center;padding:7px 4px max(7px,env(safe-area-inset-bottom));box-shadow:0 -6px 24px #1c503c18}.mobile-nav button{border:0;background:transparent;display:grid;gap:0;place-items:center;color:var(--muted);font:500 22px var(--latin);min-width:48px}.mobile-nav button span{font:600 10px var(--font)}.mobile-nav button.active{color:var(--purple)}.main-shell main{padding:19px 15px 104px}.topbar{padding:10px 15px}.topbar-location{font-size:10px}.topbar-actions{gap:5px}.topbar .primary-btn{font-size:11px;padding:5px 9px}.page-title{font-size:25px}.page-heading{align-items:start}.hero{min-height:240px;padding:25px}.hero h1{font-size:27px}.orbit{display:none}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-num{font-size:25px}.card{padding:16px;border-radius:17px}.month-grid{gap:4px}.month-day{height:75px;padding:4px;border-radius:8px}.day-number{font-size:11px;width:23px;height:23px}.day-dots{gap:2px}.dot{width:4px;height:4px}.month-day small{font-size:8px!important}.goal-grid,.settings-section,.three-column{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.modal{padding:19px}.week-grid{grid-template-columns:repeat(7,145px)}.date-chip{padding:7px;min-width:46px}.app-footer{padding-bottom:91px}.topbar #today-label{display:none}}@media(max-width:385px){.hero h1{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr}.stat-top{font-size:10px}.date-chip{min-width:39px}.task-card{padding:8px}.timeline-item{grid-template-columns:51px 12px minmax(0,1fr);gap:7px}.task-actions{flex-direction:column}}
@media print{body{--bg:white;--surface:white;--text:black;--border:#d5d5d5;--muted:#333;background:white;color:black}.sidebar,.topbar,.mobile-nav,.app-footer,.aurora,.task-actions,.task-toggle,.primary-btn,.soft-btn,.outline-btn{display:none!important}.main-shell main{padding:0}.card{break-inside:avoid;box-shadow:none}.app-layout{display:block}}

  

/* SARA OS · Soft Garden redesign (2026-10) — gentle neutrals with user-selectable accents */
body[data-theme="light"] .sidebar{background:rgba(245,249,243,.94)}
body[data-theme="light"] .hero{background:linear-gradient(112deg,#e7f0e2 0%,#eaf2e6 57%,#f5eee3 100%);border-color:#d6e4d5;color:var(--text)}
body[data-theme="light"] .hero h1{color:#244538}
body[data-theme="light"] .hero h1 em{color:#44826c}
body[data-theme="light"] .hero p{color:#677e71}
body[data-theme="light"] .hero-tag{color:#4c8069}
body[data-theme="light"] .hero .primary-btn{background:#356d5b;color:white;border-color:#356d5b}
body[data-theme="light"] .hero .outline-btn{background:rgba(255,255,255,.68);color:#315a47;border-color:#bbd5c5}
body[data-theme="light"] .orbit-core{background:#fbfff6;color:#37745d;box-shadow:0 12px 32px #346d4d21}
body[data-theme="light"] .orbit-node{background:#ffffffb8;color:#386855;border-color:#bbd3bf}
body[data-theme="light"] .orbit-ring{border-color:#91b3a28a}
body[data-theme="light"] .orbit-ring.two{border-color:#bfcfaf}
body[data-theme="light"] .orbit-star{color:#b78e56}
body[data-theme="light"] .nav-button.active{background:#e1ede4;border-color:#cce2d2;color:#2e7359}
body[data-theme="light"] .sidebar-mantra{background:#eaf3e9;border-color:#d6e5d3}
body[data-theme="light"] .primary-btn{background:#356d5b;border-color:#356d5b;color:white;box-shadow:0 5px 15px #346d4d15}
body[data-theme="light"] .soft-btn{background:#e7f1e8;border-color:#d4e5d8;color:#356d5b}
body[data-theme="light"] .chip-btn.selected{color:white}
body[data-theme="light"] .category-nowa{--cat:#487d66;color:#487d66}
body[data-theme="light"] .category-exam{--cat:#9c6f52;color:#9c6f52}
body[data-theme="light"] .category-english{--cat:#578293;color:#578293}
body[data-theme="light"] .category-wellness{--cat:#39805d;color:#39805d}
body[data-theme="light"] .category-soul{--cat:#917a42;color:#917a42}
body[data-theme="light"] .category-language{--cat:#a06b76;color:#a06b76}
body[data-theme="light"] .category-reading{--cat:#567f7e;color:#567f7e}
body[data-theme="light"] .category-cyber{--cat:#5d768f;color:#5d768f}
body[data-theme="light"] .category-personal{--cat:#637c65;color:#637c65}
body[data-theme="light"] .task-card{background:#f8faf5}
body[data-theme="light"] .card{box-shadow:0 4px 18px rgba(50,90,65,.035)}
body[data-palette="ocean"][data-theme="light"]{--bg:#f4f8f8;--surface:#feffff;--surface-2:#edf4f5;--surface-3:#e4eff0;--border:#d8e6e8;--text:#244047;--muted:#627c84;--muted-2:#859da4;--purple:#386f80;--purple-deep:#2a5b6c;--mint:#397f83}
body[data-palette="ocean"][data-theme="light"] .hero{background:linear-gradient(115deg,#e4f0f0,#eef5f4 60%,#f7f4e9);border-color:#d2e5e6}
body[data-palette="ocean"][data-theme="light"] .hero h1 em{color:#477a8c}
body[data-palette="ocean"][data-theme="light"] .hero .primary-btn,body[data-palette="ocean"][data-theme="light"] .primary-btn{background:#386f80;border-color:#386f80;color:#fff}
body[data-palette="ocean"][data-theme="light"] .nav-button.active{background:#e0edf0;border-color:#d0e5e9;color:#386f80}
body[data-palette="ocean"][data-theme="light"] .brand-symbol{background:linear-gradient(145deg,#85b6bf,#3e7480)}
body[data-palette="ocean"][data-theme="light"] .sidebar-mantra{background:#e7f3f3;border-color:#d4e9eb}
body[data-palette="sand"][data-theme="light"]{--bg:#faf7f2;--surface:#fffefa;--surface-2:#f7f1e9;--surface-3:#eee7dd;--border:#e9ded1;--text:#4a4036;--muted:#827267;--muted-2:#a5988c;--purple:#916f55;--purple-deep:#78533c;--mint:#777f61}
body[data-palette="sand"][data-theme="light"] .hero{background:linear-gradient(112deg,#f1e5d8,#f5eee3 60%,#eef0df);border-color:#e7daca}
body[data-palette="sand"][data-theme="light"] .hero h1,body[data-palette="sand"][data-theme="light"] .hero h1 em{color:#85664b}
body[data-palette="sand"][data-theme="light"] .hero .primary-btn,body[data-palette="sand"][data-theme="light"] .primary-btn{background:#916f55;border-color:#916f55;color:white}
body[data-palette="sand"][data-theme="light"] .nav-button.active{background:#f2e8da;border-color:#e8d9c9;color:#916f55}
body[data-palette="sand"][data-theme="light"] .brand-symbol{background:linear-gradient(145deg,#cfad8d,#916f55)}
body[data-palette="sand"][data-theme="light"] .sidebar-mantra{background:#f5ede2;border-color:#e8dcca}
body[data-palette="ocean"][data-theme="dark"]{--bg:#122329;--surface:#1b333a;--surface-2:#25414a;--surface-3:#2d4c55;--border:#3a5b63;--purple:#addbe0;--purple-deep:#7fbdc9}
body[data-palette="sand"][data-theme="dark"]{--bg:#28241f;--surface:#373029;--surface-2:#453b33;--surface-3:#54473c;--border:#685849;--purple:#e2c19e;--purple-deep:#b89575}
.habit-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.habit-name{display:flex;align-items:center;gap:9px;min-width:0;overflow-wrap:anywhere}
.habit-row{gap:8px}
.habit-icon{font-size:19px;min-width:30px;text-align:center}
.habit-ops{display:flex;align-items:center;gap:4px}
.habit-edit{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:9px;padding:4px 8px;min-width:30px}
.habit-edit:hover{color:var(--text);border-color:var(--purple)}
.habit-manage{display:grid;gap:9px}
.habit-manage-row{border:1px solid var(--border);border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2)}
.habit-manage-info{display:flex;align-items:center;gap:10px;font-weight:600}
.habit-manage-controls{display:flex;gap:5px;flex-wrap:wrap}
.soft-section{border:1px dashed var(--border);background:var(--surface-2);padding:15px;border-radius:15px}
.palette-options{display:flex;flex-wrap:wrap;gap:9px}
.palette-option{border:1px solid var(--border);background:var(--surface-2);padding:9px 12px;min-width:125px;border-radius:13px;display:flex;align-items:center;gap:8px;color:var(--text)}
.palette-option.active{outline:2px solid var(--purple);outline-offset:1px}
.palette-swatch{width:23px;height:23px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #667b701f}
.inline-edit-note{color:var(--muted);font-size:11px}
@media(max-width:700px){.habit-manage-row{flex-wrap:wrap}.habit-manage-controls{justify-content:space-between;width:100%}.palette-option{flex:1}}
/* Sara OS 3 / Cloud panel, preserves the calm sage theme */
.cloud-panel{border-color:var(--border);background:var(--surface)}
.cloud-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px;font-weight:750}
.cloud-badge{font-size:10px;border-radius:999px;background:#e4efe8;color:#416853;border:1px solid #d0e4d7;padding:5px 10px;white-space:nowrap}
.cloud-actions{display:flex;gap:8px;flex-wrap:wrap}
.cloud-actions button{flex:1;min-width:140px}
.cloud-state .note-line{font-size:10px}
body[data-theme="dark"] .cloud-badge{background:#273e34;color:#c7e7d4;border-color:#38584a}

/* Sara OS Purple v4: requested original lilac palette + softer option.
   Palette-specific rules override old garden accents; leave existing palettes available. */
body[data-palette="purple"][data-theme="light"] {
 --bg:#f8f7fc;--surface:#fff;--surface-2:#f5f2fd;--surface-3:#eeeafa;--border:#e7e3ef;
 --text:#24243c;--muted:#686a82;--muted-2:#9591aa;--purple:#7757be;--purple-deep:#6b51b6;
 --mint:#138f76;--peach:#bc6f48;--pink:#be5985;--blue:#507cb9;--yellow:#9c772a;
 --shadow:0 16px 46px rgba(66,42,102,.09);--shadow-soft:0 7px 22px rgba(66,42,102,.05);
}
body[data-palette="purple"][data-theme="light"] .sidebar {background:rgba(251,249,255,.96)}
body[data-palette="purple"][data-theme="light"] .hero {background:linear-gradient(112deg,#efe6ff,#e8e2fb 52%,#f7e8f5);border-color:#e5dafa;color:#2c2352}
body[data-palette="purple"][data-theme="light"] .hero h1 {color:#352858}
body[data-palette="purple"][data-theme="light"] .hero h1 em {color:#7757be}
body[data-palette="purple"][data-theme="light"] .hero p {color:#6f6387}
body[data-palette="purple"][data-theme="light"] .hero-tag {color:#745bb1}
body[data-palette="purple"][data-theme="light"] .primary-btn,
body[data-palette="purple"][data-theme="light"] .hero .primary-btn {background:#7757be;border-color:#7757be;color:#fff;box-shadow:0 6px 18px #8462c628}
body[data-palette="purple"][data-theme="light"] .hero .outline-btn {background:#ffffffbf;border-color:#d9cbea;color:#624a98}
body[data-palette="purple"][data-theme="light"] .nav-button.active {background:#eee7fc;border-color:#e2d4fc;color:#6b51b6}
body[data-palette="purple"][data-theme="light"] .sidebar-mantra {background:#f2ebfb;border-color:#e6dff6}
body[data-palette="purple"][data-theme="light"] .brand-symbol {background:linear-gradient(145deg,#bd9df4,#7555c7)}
body[data-palette="purple"][data-theme="light"] .soft-btn {background:#f0eafd;border-color:#e5dafa;color:#7757be}
body[data-palette="purple"][data-theme="light"] .task-card {background:#fcfaff}
body[data-palette="purple"][data-theme="light"] .card {box-shadow:0 5px 18px #7455ae0a}
body[data-palette="purple"][data-theme="light"] .orbit-core {background:#fbf9ff;color:#7451bb;box-shadow:0 12px 35px #8568b633}
body[data-palette="purple"][data-theme="light"] .orbit-node {background:#ffffffcc;color:#755ca6;border-color:#d8c8f1}
body[data-palette="purple"][data-theme="light"] .orbit-ring {border-color:#c3b0eaaa}
body[data-palette="purple"][data-theme="light"] .orbit-ring.two {border-color:#ddc9ed}
body[data-palette="purple"][data-theme="light"] .orbit-star {color:#a88ed9}
body[data-palette="purple"][data-theme="light"] .category-nowa {--cat:#8864c5;color:#8864c5}
body[data-palette="purple"][data-theme="light"] .category-exam {--cat:#b67d61;color:#b67d61}
body[data-palette="purple"][data-theme="light"] .category-english {--cat:#627db2;color:#627db2}
body[data-palette="purple"][data-theme="light"] .category-wellness {--cat:#409481;color:#409481}
body[data-palette="purple"][data-theme="light"] .category-soul {--cat:#a58c4f;color:#a58c4f}
body[data-palette="purple"][data-theme="light"] .category-language {--cat:#ab6c96;color:#ab6c96}
body[data-palette="purple"][data-theme="light"] .category-reading {--cat:#678baf;color:#678baf}
body[data-palette="purple"][data-theme="light"] .category-cyber {--cat:#6b75b3;color:#6b75b3}
body[data-palette="purple"][data-theme="light"] .category-personal {--cat:#8d81a4;color:#8d81a4}
body[data-palette="lavender"][data-theme="light"] {--bg:#faf8ff;--surface:#fff;--surface-2:#f6f3fd;--surface-3:#f0eafb;--border:#e8e0f3;--text:#3c3453;--muted:#80748f;--muted-2:#a297ae;--purple:#8c75bd;--purple-deep:#755fa7;--mint:#4e9186}
body[data-palette="lavender"][data-theme="light"] .sidebar {background:rgba(250,248,255,.95)}
body[data-palette="lavender"][data-theme="light"] .hero {background:linear-gradient(112deg,#f2edff,#f9eefa 63%,#fff5ec);border-color:#e8dff5}
body[data-palette="lavender"][data-theme="light"] .hero h1 {color:#4b3d68}
body[data-palette="lavender"][data-theme="light"] .hero h1 em {color:#8c75bd}
body[data-palette="lavender"][data-theme="light"] .hero p {color:#877e96}
body[data-palette="lavender"][data-theme="light"] .hero-tag {color:#8672b0}
body[data-palette="lavender"][data-theme="light"] .primary-btn,
body[data-palette="lavender"][data-theme="light"] .hero .primary-btn {background:#8c75bd;border-color:#8c75bd;color:white}
body[data-palette="lavender"][data-theme="light"] .hero .outline-btn {background:#fffaffb8;color:#755fa7;border-color:#e6d6f2}
body[data-palette="lavender"][data-theme="light"] .nav-button.active {background:#f1eafb;border-color:#e4d9f1;color:#765db1}
body[data-palette="lavender"][data-theme="light"] .brand-symbol {background:linear-gradient(145deg,#c8b7ec,#8a70be)}
body[data-palette="lavender"][data-theme="light"] .sidebar-mantra {background:#f4effb;border-color:#e5d9f2}
body[data-palette="lavender"][data-theme="light"] .soft-btn {background:#f5eefc;border-color:#e6dbf0;color:#8665a7}
body[data-palette="purple"][data-theme="dark"]{--bg:#0c1020;--surface:#151b30;--surface-2:#1b233b;--surface-3:#232b46;--border:#2a3452;--text:#f7f5ff;--muted:#a0acc8;--muted-2:#6c7898;--purple:#b59af9;--purple-deep:#7b61d4;--mint:#79dfc0}
body[data-palette="lavender"][data-theme="dark"]{--bg:#1e1a2d;--surface:#292339;--surface-2:#352d48;--surface-3:#413655;--border:#534462;--text:#f7f2fc;--muted:#c2b4d0;--muted-2:#988cad;--purple:#cbb4ec;--purple-deep:#a58acb;--mint:#a8ccc2}
body[data-palette="purple"][data-theme="dark"] .hero,body[data-palette="lavender"][data-theme="dark"] .hero{background:linear-gradient(115deg,#292445,#342c5d 53%,#244451);border-color:#ffffff24;color:#fff}
body[data-palette="purple"][data-theme="dark"] .brand-symbol,body[data-palette="lavender"][data-theme="dark"] .brand-symbol{background:linear-gradient(145deg,#ad90ef,#7655d0)}
.goal-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
body[data-palette="purple"] .palette-option.active,body[data-palette="lavender"] .palette-option.active {outline-color:var(--purple)}
@media(max-width:700px){.goal-controls{justify-content:flex-end}}

/* Sara OS v5: legible countdown in both palettes; fixed-width digits prevent flicker. */
.focus-caption{font-size:13px;line-height:1.4;color:var(--muted);font-weight:700;margin-bottom:5px}
.focus-inner{padding:14px 9px;gap:5px}
.focus-time{display:block;min-width:175px;text-align:center;font-family:var(--latin),monospace;font-size:clamp(38px,5.3vw,59px);font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1.15;color:var(--text)!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.05);direction:ltr;unicode-bidi:isolate}
.focus-label{font-size:11px;font-weight:600;color:var(--muted);line-height:1.5}
.focus-ring{box-shadow:0 0 0 1px var(--border),0 8px 26px rgba(74,51,114,.12);transition:background .15s linear}
@media(max-width:480px){.focus-ring{width:215px;height:215px}.focus-time{font-size:44px;min-width:165px}}

/* Sara OS v6 — flexible time blocks, zero mandatory time slots */
.floating-heading{margin:18px 0 12px;font-size:12px;font-weight:800;color:var(--purple);background:var(--surface-2);padding:10px 14px;border-radius:12px}
.skipped-section{margin-top:20px;padding:12px;background:var(--surface-2);border:1px dashed var(--border);border-radius:15px;display:grid;gap:8px}
.skipped-section>strong{font-size:12px;color:var(--muted)}.skipped-item{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
.week-card{cursor:pointer;display:flex;flex-direction:column;min-height:260px}.week-card:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.week-add-btn{margin-top:12px;border:1px solid var(--border);color:var(--purple);background:var(--surface-2);padding:6px 9px;border-radius:11px;font-size:12px;font-weight:800;cursor:pointer;align-self:stretch}
.week-add-btn:hover{border-color:var(--purple);background:var(--surface-3)}
.task-actions{display:flex;gap:4px;align-items:center}.task-actions .mini-button{min-width:26px}
.modal .note-line button{white-space:normal;text-align:right}

/* Sara OS Smart v7 — mobile-first, purple, priorities, availability */
.urgent-card{border:1.5px solid #d96072!important;box-shadow:inset 4px 0 #d96072!important}
.priority{display:inline-flex;align-items:center;font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px;margin-inline-end:5px;vertical-align:middle}.priority.urgent{background:#ffebee;color:#b32638}.priority.high{background:#fff3d6;color:#925700}.priority.appointment{background:#e4e9ff;color:#414c97}
.actual-btn{font:600 11px var(--font)!important;white-space:nowrap;width:auto!important;padding:5px 8px!important;color:var(--purple)!important}.availability-card,.brain-inbox{margin:16px 0}.availability-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.availability-metrics span{padding:15px 11px;background:var(--surface-2);border:1px solid var(--border);border-radius:13px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.availability-metrics strong{font:800 23px var(--latin);color:var(--purple);direction:ltr}.availability-metrics small{font-size:11px;color:var(--muted)}.slot-list,.draft-list{display:grid;gap:8px}.slot-row,.draft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2)}.slot-row>div{display:flex;flex-direction:column;gap:4px}.slot-task-select{width:min(100%,290px);min-height:40px}.dump-input{width:100%;min-height:110px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:15px;padding:14px;font:inherit;resize:vertical}.dump-input:focus{outline:2px solid var(--purple)}.inbox-actions{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.inbox-actions button{flex:1;min-width:100px}.draft-row>div:first-child{min-width:0;overflow-wrap:anywhere}.draft-list h3{font-size:16px}.brain-inbox .section-heading{flex-wrap:wrap}body[data-palette="purple"][data-theme="light"] .availability-card,body[data-palette="purple"][data-theme="light"] .brain-inbox{background:linear-gradient(130deg,#fff,#fbf8ff)}
@media(max-width:700px){.mobile-nav{overflow-x:auto;justify-content:space-between;padding-inline:7px}.mobile-nav button{min-width:52px;flex:1}.availability-metrics strong{font-size:19px}.availability-metrics small{font-size:10px}.slot-row,.draft-row{align-items:stretch;flex-direction:column}.slot-task-select{width:100%;max-width:none}.task-card{flex-wrap:wrap}.task-actions{align-items:end}.actual-btn{min-height:30px}.brain-inbox{margin-top:14px}.page-heading .page-title{font-size:24px}}

@media(max-width:700px){.timeline-item .task-card{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:7px;min-width:0}.timeline-item .task-toggle{grid-column:1;grid-row:1}.timeline-item .task-body{grid-column:2;grid-row:1;min-width:0;width:100%;overflow-wrap:anywhere}.timeline-item .task-actions{grid-column:2;grid-row:2;display:flex;flex-direction:row!important;flex-wrap:wrap;justify-content:flex-start}.week-day-strip{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px;gap:5px}.week-day-strip .date-chip{flex:0 0 auto;min-width:49px}.timeline-item .task-title{line-height:1.8;overflow-wrap:anywhere}}


/* Sara OS Smart v8 — 90-day visual habits challenge */
.challenge-board { margin: 20px 0 28px; overflow: hidden; }
.challenge-board .section-heading { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
.challenge-board .section-heading h2 { margin: 5px 0 0; font-size: clamp(18px,2vw,23px); }
.challenge-toolbar { display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center; gap:12px; margin:20px 0 16px; }
.challenge-switch { display:flex; flex-wrap:wrap; gap:6px; }
.challenge-switch .chip-btn.selected { background:var(--purple,#7757be); color:var(--bg,#fff); border-color:transparent; }
.challenge-date-range { min-width:128px; text-align:center; font-size:12px; font-weight:750; }
.challenge-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:16px; }
.challenge-stat { padding:11px 10px; background:var(--surface-2, rgba(130,100,180,.08)); border-radius:13px; display:flex; flex-direction:column; gap:3px; min-width:0; text-align:center; }
.challenge-stat strong { font-size:23px; line-height:1.2; color:var(--text); }
.challenge-stat small { font-size:11px; color:var(--muted); }
.challenge-legend { display:flex; align-items:center; flex-wrap:wrap; gap:15px; margin:12px 0; font-size:12px; color:var(--muted); }
.challenge-legend>span{display:flex;gap:6px;align-items:center;}
.legend-mark{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:6px;font-size:15px;font-weight:800;}
.legend-mark.done{background:#e6defb;color:#6344aa;}
.legend-mark.missed{background:#cf4653;color:#fff;}
.legend-mark.blank{background:var(--surface-2,#f4f1fa);border:1px solid var(--border,#ddd);color:var(--muted);}
.challenge-scroller { direction:rtl; max-width:100%; overflow-x:auto; overflow-y:hidden; border:1px solid var(--border, #e8e1ee); border-radius:14px; overscroll-behavior-x:contain; scrollbar-width:thin; }
.challenge-grid { width:max-content; min-width:100%; }
.challenge-row{display:grid;grid-template-columns: minmax(142px,185px) repeat(var(--challenge-days), minmax(50px, 1fr));width:100%;min-width:max-content;align-items:stretch; border-bottom:1px solid var(--border,#ece6f2); }
.challenge-row:last-child{border-bottom:0;}
.challenge-row.challenge-header{background:var(--surface-2,#f7f4fb);}
.challenge-habit-name{position:sticky;right:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:9px 12px;background:var(--card, var(--surface,#fff));box-shadow:-1px 0 0 var(--border,#e9e0ef);font-size:12px;line-height:1.3;}
.challenge-habit-name strong{font-weight:750;overflow-wrap:anywhere;max-width:155px;}
.challenge-habit-name small{color:var(--muted);font-size:10px;}
.challenge-header .challenge-habit-name{background:var(--surface-2,#f7f4fb);font-weight:700;}
.challenge-date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 3px;gap:2px;font-size:12px;color:var(--text);border-inline-start:1px solid var(--border,#eee);text-align:center;}
.challenge-date small{font-size:10px;font-weight:500;color:var(--muted);}
.challenge-date strong{font-size:14px;}
.challenge-date span{font-size:10px;color:var(--muted);}
.challenge-date.is-today{background:rgba(124,83,197,.10);color:var(--accent,#7757be);}
.challenge-cell {cursor:pointer;border:0;border-inline-start:1px solid var(--border,#eee);border-radius:0;font-family:inherit;display:flex;align-items:center;justify-content:center;min-width:50px;min-height:46px;background:transparent;font-size:21px;font-weight:850;color:#bbb2c6;transition:background .12s ease,color .12s ease;}
.challenge-cell.done{background:#e5dcfa;color:#5d3a9e;}
.challenge-cell.missed{background:#d94a58;color:#fff;}
.challenge-cell.future{cursor:not-allowed;opacity:.43;background:transparent;color:#bbb2c6;}
.challenge-cell:focus-visible{outline:3px solid #7960c3;outline-offset:-3px;z-index:2;}
.challenge-cell:not(:disabled):hover{filter:brightness(.96);}
.challenge-foot {display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 14px;font-size:11px;color:var(--muted);line-height:1.7;}
@media(max-width:670px){.challenge-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.challenge-row{grid-template-columns:minmax(132px,145px) repeat(var(--challenge-days),minmax(50px,1fr));}.challenge-board {padding:14px!important;}.challenge-stat strong{font-size:19px;}.challenge-toolbar{gap:13px;}.challenge-switch .chip-btn{padding:8px 10px;}.challenge-habit-name{padding:8px;}}
@media(prefers-reduced-motion:reduce){.challenge-cell{transition:none;}}

/* ===== Sara OS v9 — day-first layout, collapsible free-time analysis, secretary ===== */
.free-card{margin:14px 0;padding:0;overflow:hidden}
.free-card>summary{list-style:none;cursor:pointer;display:block;padding:12px 14px;-webkit-tap-highlight-color:transparent}
.free-card>summary::-webkit-details-marker{display:none}
.free-card>summary:focus-visible{outline:2px solid var(--purple);outline-offset:-2px;border-radius:14px}
.free-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.free-title{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.free-caret{font-size:18px;color:var(--muted);transition:transform .2s}
.free-card[open] .free-caret{transform:rotate(180deg)}
.free-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.free-metrics span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;text-align:center;min-width:0}
.free-metrics strong{font:800 15px var(--latin);color:var(--purple);direction:ltr;white-space:nowrap}
.free-metrics small{font-size:10.5px;color:var(--muted);line-height:1.3}
.free-body{padding:2px 14px 14px;display:grid;gap:10px;border-top:1px solid var(--border);padding-top:12px}
.est-badge{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;background:#fff3d6;color:#925700}
.est-note{padding:10px 12px;border-radius:12px;background:#fff8e6;border:1px solid #f0d99a;color:#6f5200;font-size:12.5px;line-height:1.7}
.cap-line{padding:9px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;line-height:1.7}
.cap-line.bad{background:#ffeef0;border-color:#efb3bb;color:#a12337}
.free-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.short-toggle{justify-self:start}.short-list{opacity:.92}
.free-body .slot-row{padding:10px 12px}
.pa-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.pa-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}
.pa-cell small{font-size:10.5px;color:var(--muted)}.pa-cell strong{font:800 17px var(--latin);color:var(--text)}.pa-rate strong{color:var(--purple)}
.quick-moves{display:flex;gap:8px;flex-wrap:wrap}
/* urgent = red, with explicit label */
.task-card.urgent-card .task-title{color:#a12337}
body[data-theme="dark"] .task-card.urgent-card .task-title{color:#ff9aa8}
/* secretary */
.secretary-card{margin:14px 0}
.sec-items,.sec-day{display:grid;gap:8px}
.sec-result{display:grid;gap:12px}.sec-result h3{font-size:15px;margin:4px 0 0}
.sec-item{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2)}
.sec-item.urgent{border-color:#d96072;box-shadow:inset 4px 0 #d96072}.sec-item.off{opacity:.5}
.sec-check input{width:20px;height:20px;accent-color:var(--purple)}.sec-main{min-width:0;display:grid;gap:5px;flex:1;overflow-wrap:anywhere}
.sec-title{font-weight:700;line-height:1.8}.priority.taskkind{background:var(--surface-3);color:var(--purple)}
.sec-note{font-size:12px;color:var(--muted)}.sec-note.warn{color:#8a5a00}
.sec-time-select{min-height:40px;max-width:220px}
.sec-day{padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}
.sec-day-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sec-sched{display:grid;gap:6px}
.sec-slot{display:flex;gap:12px;align-items:center;padding:9px 11px;border-radius:11px;background:var(--surface-2);border-inline-start:4px solid var(--purple)}
.sec-slot.appt{border-inline-start-color:#6b79d6}.sec-slot.urgent{border-inline-start-color:#d96072}.sec-slot strong{font:700 13px var(--latin);white-space:nowrap}
.sec-remainder{display:flex;gap:8px;align-items:center;font-size:13px}
@media(max-width:560px){.free-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.free-metrics strong{font-size:16px}.sec-slot{align-items:flex-start;flex-direction:column;gap:3px}.pa-row{gap:6px}}
@media print{.free-card,.secretary-card{display:none}}

/* ===== v9 visual pass: compact day view ===== */
.day-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:2px 0 14px;flex-wrap:wrap}
.day-title h1{margin:2px 0 0;font-size:26px;line-height:1.2;letter-spacing:-.2px}
.day-title h1 small{font-size:14px;font-weight:600;color:var(--muted);margin-inline-start:6px}
.day-top .date-nav{display:flex;gap:6px}
.day-summary{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:12px 0;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.ds-ring{--p:0;flex:0 0 58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) calc(var(--p)*1%),var(--surface-3) 0)}
.ds-ring span{width:44px;height:44px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font:800 13px var(--latin);color:var(--purple)}
.ds-cells{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ds-cells div{display:flex;flex-direction:column;gap:1px;align-items:center}
.ds-cells small{font-size:10.5px;color:var(--muted)}.ds-cells strong{font:800 18px var(--latin)}
.day-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
@media(max-width:1000px){.day-grid{grid-template-columns:1fr}}
.day-timeline{padding:14px}.small-add{padding:8px 14px;font-size:13px}
.tl2{display:flex;flex-direction:column;gap:6px}
.trow{display:grid;grid-template-columns:46px 4px minmax(0,1fr) auto;gap:9px;align-items:stretch;padding:9px 10px 9px 8px;border-radius:14px;background:var(--surface-2);border:1px solid transparent;transition:background .15s,border-color .15s}
.trow:hover{border-color:var(--border)}
.trow-time{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center}
.trow-time b{font:700 13px var(--latin);color:var(--text)}.trow-time small{font:500 10.5px var(--latin);color:var(--muted)}
.trow-bar{border-radius:4px;background:var(--cat,var(--purple));min-height:34px}
.trow.is-appt .trow-bar{background:repeating-linear-gradient(135deg,#6b79d6 0 4px,#8f9be6 4px 8px)}
.trow.is-urgent{background:#fff1f3;border-color:#efb3bb}.trow.is-urgent .trow-bar{background:#d96072}
body[data-theme="dark"] .trow.is-urgent{background:#3a2128;border-color:#7a3340}
.trow.done{opacity:.62}.trow.done .trow-name{text-decoration:line-through}
.trow-main{min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center}
.trow-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:700;font-size:14.5px;line-height:1.5}
.trow-title .priority{margin:0}.trow-name{overflow-wrap:anywhere}
.trow.is-urgent .trow-name{color:#a12337}body[data-theme="dark"] .trow.is-urgent .trow-name{color:#ff9aa8}
.trow-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.trow-cat{color:var(--cat,var(--muted));font-weight:600}.has-act{color:var(--purple);font-weight:700}
.trow-prog{height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden;max-width:220px}
.trow-prog span{display:block;height:100%;background:var(--purple);border-radius:4px}
.trow .task-note{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trow-side{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px}
.trow-acts{display:flex;gap:4px}
.trow-acts .mini-button{width:30px;height:30px;min-width:30px;padding:0;display:grid;place-items:center;border-radius:9px;font-size:14px;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer}
.trow-acts .mini-button:hover{color:var(--purple);border-color:var(--purple)}
.tl-gap{display:flex;align-items:center;gap:10px;margin:1px 0;padding-inline:62px;color:var(--muted-2);font-size:11px}
.tl-gap::before,.tl-gap::after{content:"";flex:1;border-top:1.5px dashed var(--border)}
.floating-heading{margin:10px 2px 2px;font-size:12px;font-weight:700;color:var(--muted)}
.habits-fold{padding:0}.habits-fold>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800}
.habits-fold>summary::-webkit-details-marker{display:none}.habits-fold>div{padding:0 14px 14px}
@media(max-width:560px){
 .trow{grid-template-columns:42px 4px minmax(0,1fr);padding:10px 10px 8px 8px}
 .trow-side{grid-column:1/-1;flex-direction:row-reverse;justify-content:space-between;border-top:1px solid var(--border);padding-top:6px;margin-top:2px}
 .trow-acts .mini-button{width:36px;height:34px}
 .tl-gap{padding-inline:50px}.day-title h1{font-size:23px}
}
/* v9 visual pass 2: tighter mobile rows, purple "today" marker */
.small-add{min-height:36px!important;height:36px;padding:0 14px!important;line-height:1}
.date-chip.today:not(.selected){border-color:var(--purple);box-shadow:inset 0 -3px 0 var(--purple)}
@media(max-width:560px){
 .trow{grid-template-columns:42px 4px minmax(0,1fr) auto;row-gap:2px}
 .trow-side{display:contents;border:0;padding:0;margin:0}
 .trow-side .task-toggle{grid-column:4;grid-row:1/3;align-self:center}
 .trow-acts{grid-column:3;grid-row:2;justify-content:flex-start;margin-top:4px}
 .trow-main{grid-row:1}.trow-time,.trow-bar{grid-row:1/3}
 .trow-acts .mini-button{width:32px;height:30px}
}


/* v10: goals are a single clear priority list on EVERY screen size. */
.goal-grid.goal-priority-list{display:flex;flex-direction:column;gap:12px;max-width:1050px;margin-inline:auto}
.goal-priority-note{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;margin-bottom:15px;border:1px dashed var(--border);border-radius:16px;background:var(--surface-2);font-size:12px}
.goal-priority-note span:not(.pill){color:var(--muted);flex:1}
.goal-priority-row{padding:17px 20px;display:flex;flex-direction:column;gap:12px;cursor:grab;min-width:0}
.goal-priority-row.dragging{opacity:.5;cursor:grabbing}
.goal-priority-row.drop-target{outline:2px dashed var(--purple);outline-offset:2px}
.goal-priority-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.goal-leading{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.goal-rank{border-radius:12px;background:var(--purple);color:white;flex:0 0 36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;font:800 17px var(--latin)}
.goal-priority-row:first-child .goal-rank{box-shadow:0 2px 14px color-mix(in srgb,var(--purple) 36%,transparent)}
.goal-title-wrap{min-width:0;flex:1}.goal-priority-row .goal-title-wrap h3{font-size:15px;line-height:1.5}
.goal-priority-row .goal-desc{min-height:0;margin-top:4px;line-height:1.65;overflow-wrap:anywhere}
.goal-priority-row .goal-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.goal-rank-select-label{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:11px;color:var(--muted);border:1px solid var(--border);padding:3px 8px;border-radius:10px;background:var(--surface-2)}
.goal-position-select{font:inherit;max-width:55px;padding:3px;min-height:28px;border:0;border-radius:6px;background:transparent;color:var(--text)}
.goal-drag-hint{font-size:23px;color:var(--muted-2)}
.goal-progress-line{margin-inline-start:50px}
.goal-progress-identity{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.goal-progress-line .progress-track{height:7px}
/* v10: unified habits (one name/row, week marks, all actions in same row) */
.habit-unified-card{max-width:1130px;margin-inline:auto}
.habit-header-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.habit-week-heading{display:grid;grid-template-columns:minmax(175px,1.4fr) minmax(250px,1.6fr) minmax(175px,1fr);gap:12px;align-items:center;padding:6px 12px 12px;color:var(--muted);font-size:11px}
.habit-weekday-grid,.habit-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;justify-items:center}
.habit-weekday{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px}.habit-weekday small{font-size:10px}
.habit-weekday.is-today{color:var(--purple);font-weight:700}
.habit-unified-list{display:flex;flex-direction:column;gap:9px}
.habit-unified-row{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:11px 12px;display:grid;grid-template-columns:minmax(175px,1.4fr) minmax(250px,1.6fr) minmax(175px,1fr);gap:12px;align-items:center;min-width:0}
.habit-unified-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.habit-main-name{display:flex;align-items:center;gap:8px;min-width:0}.habit-main-name strong{overflow-wrap:anywhere;font-size:12px}
.habit-count{font:600 11px var(--latin);color:var(--muted);white-space:nowrap}
.habit-week-cell{border:1px solid var(--border);border-radius:9px;width:32px;height:32px;background:var(--surface);color:var(--muted-2);font-size:18px;font-weight:700;cursor:pointer}
.habit-week-cell.done,.legend-square.done{background:#e8e0fb;color:#5e45ae;border-color:#c3b2ef}
.habit-week-cell.missed,.legend-square.missed{background:#d84e62;color:white;border-color:#b9374c}
.habit-week-cell.is-today{outline:2px solid var(--purple);outline-offset:1px}
.habit-week-cell:disabled{opacity:.35;cursor:not-allowed}
.habit-inline-tools{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.habit-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding-top:17px}
.habit-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.habit-legend span{display:inline-flex;align-items:center;gap:5px}
.legend-square{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--border);font-size:13px}
.legend-square.blank{background:var(--surface);color:var(--muted)}
@media(max-width:990px){
 .goal-priority-head{align-items:stretch;flex-direction:column;gap:10px}
 .goal-priority-row .goal-controls{justify-content:flex-start;padding-inline-start:50px}
 .habit-week-heading{display:none}
 .habit-unified-row{grid-template-columns:1fr;gap:9px}
 .habit-week-strip{max-width:390px;width:100%}
 .habit-inline-tools{justify-content:flex-start}
}
@media(max-width:600px){
 .goal-priority-row{padding:14px;gap:11px}
 .goal-leading{gap:10px}.goal-rank{flex-basis:31px;min-width:31px;min-height:31px}
 .goal-priority-row .goal-controls{padding-inline-start:0}
 .goal-progress-line{margin-inline-start:0}
 .goal-drag-hint{display:none}
 .habit-week-cell{width:34px;height:34px}
 .habit-unified-row{padding:11px}
}

/* v10: free-time calculation is private to the secretary and stays compact/on-demand. */
.free-mini{margin:10px 0 14px;border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}
.free-mini>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 14px;outline-offset:-2px}
.free-mini>summary::-webkit-details-marker{display:none}
.free-mini>summary:focus-visible{outline:2px solid var(--purple)}
.free-mini-title{font-size:13px;font-weight:800;white-space:nowrap}
.free-mini-quick{font-size:12px;color:var(--muted);margin-inline-start:auto}
.free-mini-arrow{font-size:14px;color:var(--muted);transition:transform .15s}
.free-mini[open] .free-mini-arrow{transform:rotate(180deg)}
.free-mini-body{border-top:1px solid var(--border);padding:12px 14px;display:grid;gap:11px}
.free-mini-warning{font-size:12px;color:var(--muted);padding:7px 10px;border-radius:9px;background:var(--surface-2)}
.free-mini-warning.is-short{background:rgba(215,68,92,.13);color:var(--danger,#dd576b)}
.free-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.free-suggestions-title{font-size:12px;font-weight:700}
.free-suggestion{display:inline-flex;gap:7px;align-items:center;direction:ltr;font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:6px 8px}
.free-suggestion strong{font-weight:700}.free-suggestion span{color:var(--muted)}
.free-mini-footer{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:600px){.free-mini>summary{flex-wrap:wrap;gap:5px;padding:9px 11px}.free-mini-quick{font-size:11px}.free-mini-arrow{margin-inline-start:0}}

/* v11: Distinct purpose for overview vs. Smart Secretary */
.smart-workspace{border:1px solid var(--border);border-radius:20px;background:linear-gradient(140deg,rgba(161,129,225,.09),rgba(161,129,225,.015));padding:20px;margin-bottom:18px}
.smart-workspace-head{display:flex;align-items:center;gap:13px;margin-bottom:10px}
.smart-workspace-head strong{font-size:17px}
.smart-workspace-head p{margin:3px 0 0}
.smart-workspace-icon{font-size:28px;display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:rgba(161,129,225,.15);color:var(--purple);flex:none}
.smart-workspace>.secretary-card{margin:0;background:var(--surface);box-shadow:none}
.smart-workspace-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:12px}
.smart-time-tools{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:15px 17px;margin-bottom:16px}
.smart-time-tools .section-heading{margin-bottom:4px;flex-wrap:wrap}
.smart-time-tools .section-heading h2{font-size:15px}
.smart-time-tools .free-mini{margin:0}
.smart-quick-capture{border:1px solid var(--border);background:var(--surface);border-radius:17px;overflow:hidden;margin-bottom:16px}
.smart-quick-capture>summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700}
.smart-quick-capture>summary::-webkit-details-marker{display:none}
.smart-quick-capture>summary:focus-visible{outline:3px solid var(--purple);outline-offset:-3px}
.smart-quick-capture>summary .tiny-muted{font-weight:400;margin-inline-start:auto}
.smart-quick-capture>summary span:last-child{color:var(--muted)}
.smart-quick-capture[open]>summary span:last-child{transform:rotate(180deg)}
.smart-quick-capture-body{border-top:1px solid var(--border);padding:0 18px 18px}
.smart-quick-capture-body>.brain-inbox{margin:10px 0 0;box-shadow:none;background:var(--surface-2)}
.smart-quick-capture-body>.tiny{margin:13px 0 0}
.smart-footer-links{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.smart-workspace{padding:12px}.smart-workspace-head strong{font-size:15px}.smart-workspace-icon{width:40px;height:40px}.smart-time-tools{padding:12px}.smart-quick-capture>summary{padding:13px}.smart-footer-links .outline-btn{flex:1}}

/* v12 — custom focus + one-source habits */
.focus-custom-duration{width:100%;border:1px solid var(--border);background:var(--surface-2);padding:15px;border-radius:15px;display:grid;gap:10px}
.focus-custom-duration .form-row{width:100%}
.focus-custom-duration .field{min-width:0;flex:1}
.focus-custom-duration input{width:100%}
.focus-task-progress{width:100%;border:1px solid var(--border);border-radius:14px;padding:15px;display:grid;gap:10px;background:var(--surface-2)}
.focus-task-progress small{color:var(--muted);line-height:1.7}
.focus-task-progress .progress-track{height:10px}
@media(max-width:600px){.focus-custom-duration .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}}

.schedule-cleanup-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-color:var(--purple);background:var(--surface-2);margin:16px 0}
.schedule-cleanup-notice p{margin:5px 0 0;line-height:1.8}
@media(max-width:650px){.schedule-cleanup-notice .outline-btn{width:100%}}