:root{--wine:#50181d;--wine-dark:#27090d;--paper:#f3f4f3;--paper-2:#e9ecee;--ink:#29333d;--blue:#496f8b;--blue-dark:#284b64;--silver:#aeb7bd;--line:#cbd2d6;--shadow:rgba(16,5,7,.42)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:"DM Sans",sans-serif;background:#3b1015;overflow-x:hidden}.wood-grain{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(49,6,10,.35),transparent 18%,rgba(255,121,99,.06) 19%,transparent 35%,rgba(21,1,4,.24) 47%,transparent 63%,rgba(255,124,105,.07) 77%,transparent),repeating-linear-gradient(3deg,#4d1419 0,#57181e 4px,#3d0e14 9px,#671e23 13px,#451116 19px)}.wood-grain:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 40%,transparent 0 7%,rgba(22,1,4,.18) 8% 10%,transparent 11%),radial-gradient(ellipse at 76% 70%,transparent 0 4%,rgba(22,1,4,.23) 5% 7%,transparent 8%),linear-gradient(90deg,rgba(255,255,255,.03),transparent 30%,rgba(0,0,0,.12));filter:url("#noise")}.topbar{height:92px;padding:18px clamp(24px,4vw,70px);display:flex;align-items:center;gap:14px;color:#f3f5f6;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(31,5,8,.35);backdrop-filter:blur(8px)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #c9d0d3;border-radius:50%;font:italic 600 25px "Playfair Display";box-shadow:inset 0 0 0 4px rgba(255,255,255,.08)}.topbar h1{font:italic 600 22px "Playfair Display";margin:1px 0}.eyebrow{font-size:8px;letter-spacing:.28em;color:#bdc6cc;margin:0}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.icon-button,.page-controls button{border:1px solid rgba(255,255,255,.3);color:white;background:rgba(255,255,255,.08);border-radius:50%;width:38px;height:38px;cursor:pointer}.desk{min-height:calc(100vh - 92px);padding:46px 72px 30px;display:flex;flex-direction:column;align-items:center}.planner-shell{position:relative;width:min(1180px,88vw);filter:drop-shadow(0 25px 22px var(--shadow))}.book{position:relative;min-height:700px;border-radius:15px 6px 6px 15px;background:#b1b7bb;box-shadow:0 0 0 6px #778087,0 0 0 9px #d0d4d6,0 0 0 13px #434b51}.pages{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:700px;border-radius:10px 3px 3px 10px;overflow:hidden}.page{position:relative;padding:48px 48px 34px;background-color:var(--paper);background-image:radial-gradient(#c7cdd0 .65px,transparent .75px);background-size:10px 10px}.page-left{border-radius:10px 0 0 10px;box-shadow:inset -18px 0 24px -26px #26323a}.page-right{border-radius:0 3px 3px 0;box-shadow:inset 18px 0 24px -26px #26323a}.center-fold{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#7e898f,#dce0e2 35%,#879197);box-shadow:0 0 9px rgba(35,45,52,.45)}.page-number{position:absolute;bottom:16px;font:10px "DM Sans";color:#8b959c;letter-spacing:.18em}.page-left .page-number{left:48px}.page-right .page-number{right:48px}.tabs{position:absolute;z-index:10;right:-76px;top:22px;display:flex;flex-direction:column;gap:7px}.tab{width:82px;height:72px;border:0;border-radius:0 10px 10px 0;color:#dce4e9;background:#38566b;text-align:left;padding:10px 10px 10px 17px;font:600 10px "DM Sans";letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 8px rgba(0,0,0,.24);transition:.2s}.tab span{display:block;margin-bottom:7px;color:#9fb5c4;font-size:8px}.tab:nth-child(even){background:#67727b}.tab.active{width:91px;background:#153b55;color:white;transform:translateX(0)}.tab:hover{filter:brightness(1.15);width:88px}.binding{position:absolute;z-index:12;left:-31px;top:45px;bottom:45px;width:18px;background:repeating-linear-gradient(to bottom,transparent 0 9px,#d9dcdd 10px 14px,#767e82 15px 18px,#e2e4e5 19px 23px,transparent 24px 34px);filter:drop-shadow(3px 2px 2px rgba(0,0,0,.35))}.binding-right{display:none}.page-content{height:100%;animation:pageIn .28s ease}@keyframes pageIn{from{opacity:.2;transform:translateX(8px)}to{opacity:1;transform:none}}.script-label{font:600 23px "Caveat";color:var(--blue);margin:0 0 3px}.date-block{margin-bottom:28px}.date-row{display:flex;align-items:center;gap:15px}.day-number{font:600 71px/1 "Playfair Display";color:var(--blue-dark)}.date-row div{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.15em;color:#75818a}.date-row span{font-size:15px;font-weight:700}.date-row small{font-size:9px;margin-top:4px}.section-heading{display:flex;align-items:center;gap:15px;margin-bottom:18px}.section-heading h2{margin:0;font:600 21px "Playfair Display";color:#364550}.section-heading h3{margin:0;font:600 15px "Playfair Display"}.section-heading.blue h2{color:var(--blue-dark)}.section-heading.compact{margin-bottom:10px}.silver-rule{height:3px;flex:1;background:linear-gradient(90deg,#7e8d96,#e7eaec,#9da8ae)}.paper-section{margin-top:27px}.priority{display:flex;gap:12px;align-items:center;border-bottom:1px solid #cbd2d5;min-height:38px;font:13px "Caveat";font-size:18px}.priority input{appearance:none;width:16px;height:16px;border:1px solid #7d929f;transform:rotate(45deg);cursor:pointer}.priority input:checked{background:var(--blue);box-shadow:inset 0 0 0 3px var(--paper)}[contenteditable]{outline:none}.quote-card{position:relative;padding:18px 20px 16px 32px;background:linear-gradient(135deg,#dce5ea,#f4f5f5);border-left:4px solid var(--blue);box-shadow:0 3px 8px rgba(48,64,72,.1)}.quote-card p{font:600 20px "Caveat";margin:0}.quote-card small{font-size:7px;letter-spacing:.18em;color:#75838c}.quote-mark{position:absolute;left:8px;top:4px;font:38px "Playfair Display";color:#9aabb6}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:27px;text-align:center;font-size:8px;color:#67747c}.mini-calendar span{padding:4px}.mini-calendar .cal-head{font-weight:700;color:var(--blue)}.mini-calendar .today{background:var(--blue);border-radius:50%;color:white}.schedule{margin-top:11px}.schedule-row{display:grid;grid-template-columns:46px 1fr;border-top:1px solid var(--line);min-height:43px}.schedule-row time{padding-top:9px;font-size:8px;color:#77848c}.schedule-row div{border-left:1px solid var(--line);padding:5px 9px;font:16px "Caveat";min-width:0}.notes-box{padding:17px;background:rgba(207,218,224,.35);border:1px solid #c4cdd2}.dot-grid{background-image:radial-gradient(#98a7af .7px,transparent .8px);background-size:12px 12px}.editable{min-height:85px;padding:5px;font:18px/24px "Caveat"}.editable:empty:before,[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#9aa4aa}.mood-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:8px;letter-spacing:.15em}.moods button{border:0;background:none;color:#9aa7ae;font-size:18px;cursor:pointer}.moods button.selected{color:var(--blue-dark);transform:scale(1.25)}.weekly-list{display:grid;gap:11px}.week-card{display:grid;grid-template-columns:58px 1fr;min-height:76px;border:1px solid #c6cfd4;background:rgba(255,255,255,.35)}.week-card header{display:flex;flex-direction:column;justify-content:center;text-align:center;background:#dce4e8;color:var(--blue-dark)}.week-card header b{font:600 18px "Playfair Display"}.week-card header span{font-size:8px;text-transform:uppercase}.week-card div{padding:8px 12px;font:16px/20px "Caveat"}.prompt{font:600 17px "Caveat";color:var(--blue-dark);margin:24px 0 8px}.lined{background:repeating-linear-gradient(transparent 0 27px,#bdc7cc 28px);min-height:132px;font:18px/28px "Caveat"}.journal-writing{min-height:440px}.gratitude{padding-left:28px}.gratitude li{min-height:40px;border-bottom:1px solid #c5cdd1;padding:8px;font:18px "Caveat"}.tall{min-height:220px}.habit-grid{overflow:auto}.habit-header,.habit-row{display:grid;grid-template-columns:120px repeat(7,1fr);align-items:center;border-bottom:1px solid #c8d0d4;min-height:46px}.habit-header{font-size:8px;text-transform:uppercase;color:#76858e}.habit-row>span{font:17px "Caveat"}.habit-check{appearance:none;width:17px;height:17px;border:1px solid #91a1aa;border-radius:50%;margin:auto;cursor:pointer}.habit-check:checked{background:var(--blue);box-shadow:inset 0 0 0 3px var(--paper)}.wellness-cards{display:grid;gap:17px}.wellness-cards article{padding:18px;border:1px solid #c4cdd2;background:rgba(220,228,232,.3)}.wellness-cards article>span{font-size:8px;letter-spacing:.18em;color:var(--blue-dark)}.water-dots{display:flex;gap:11px;margin-top:14px}.water-dots button{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:1px solid var(--blue);background:transparent;cursor:pointer}.water-dots button.filled{background:#6d98b4}.wellness-cards input[type=range]{width:100%;accent-color:var(--blue);margin-top:17px}.short{min-height:60px}.full{min-height:535px}.list-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.list-columns h3{font:600 17px "Playfair Display";color:var(--blue-dark)}.clear-button{margin-top:40px;border:1px solid #9aabb4;padding:9px 14px;background:transparent;color:#667781;font:9px "DM Sans";letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.page-controls{display:flex;align-items:center;gap:18px;margin-top:27px;color:#e2e6e8;font-size:9px;letter-spacing:.24em}.page-controls button{width:32px;height:32px}.save-toast{position:fixed;right:25px;bottom:25px;padding:12px 17px;color:#e8ecee;background:#1f3e52;border:1px solid #6f8ea1;border-radius:4px;font-size:11px;transform:translateY(90px);transition:.3s;z-index:30}.save-toast.show{transform:translateY(0)}body.focus .topbar{display:none}body.focus .desk{min-height:100vh}.focus .planner-shell{width:min(1260px,91vw)}
@media(max-width:900px){.desk{padding:35px 72px 25px 28px}.planner-shell{width:94vw;margin-right:34px}.book,.pages{min-height:660px}.pages{grid-template-columns:1fr}.page{padding:36px 35px}.page-left{display:none}.center-fold{display:none}.tabs{right:-68px}.tab{width:72px;height:64px}.binding{left:-23px}.page-number{right:35px!important;left:auto!important}.topbar{padding:15px 22px}.topbar-actions p{display:none}.list-columns{grid-template-columns:1fr}}
@media(max-width:540px){.desk{padding:25px 59px 20px 15px}.planner-shell{margin-right:20px}.page{padding:28px 22px}.tabs{right:-55px}.tab{width:58px;height:57px;padding:8px;font-size:8px;border-radius:0 6px 6px 0}.tab.active,.tab:hover{width:62px}.tab span{margin-bottom:4px}.topbar h1{font-size:18px}.brand-mark{width:36px;height:36px}.day-number{font-size:58px}.habit-header,.habit-row{grid-template-columns:92px repeat(7,28px)}.schedule-row{grid-template-columns:37px 1fr}}

/* Monthly calendar spread */
.calendar-open .page-left{display:block;grid-column:1/-1;min-width:0;overflow:hidden;z-index:4}.calendar-open .page-right{display:none}.calendar-open .page-left .page-content{width:100%;max-width:100%}.calendar-open .monthly-calendar-spread{width:100%;max-width:100%;min-width:0}.calendar-open .month-layout,.calendar-open .month-main,.calendar-open .month-grid{min-width:0;max-width:100%}
.pages.time-open{grid-template-columns:minmax(0,1fr)}.time-open .page-left{display:block;min-width:0;overflow:hidden;z-index:4}.time-open .page-right,.time-open .center-fold{display:none}.time-open .page-left .page-content{width:100%;max-width:100%}.time-open #emberTimeClockPage{color:#29434b}.time-open #emberTimeClockPage .tc-panel,.time-open #emberTimeClockPage .tc-section,.time-open #emberTimeClockPage .tc-archive{border-color:rgba(48,94,105,.2);background:rgba(255,255,255,.24)}.time-open #emberTimeClockPage .tc-job{border-color:rgba(48,94,105,.2);background:rgba(45,92,103,.06)}.time-open #emberTimeClockPage input,.time-open #emberTimeClockPage select,.time-open #emberTimeClockPage textarea{border-color:rgba(48,94,105,.28);background:rgba(255,255,255,.4);color:#29434b}.time-open #emberTimeClockPage .tc-btn{border-color:rgba(40,113,124,.35);background:rgba(30,133,145,.1);color:#245966}.time-open #emberTimeClockPage .tc-primary,.time-open #emberTimeClockPage .tc-start{background:rgba(20,150,160,.17)}
.pages.ember9-open{grid-template-columns:1fr}.ember9-open .page-left{display:block;max-height:calc(100vh - 125px);overflow-y:auto;overflow-x:hidden;z-index:4}.ember9-open .page-right,.ember9-open .center-fold{display:none}.ember9-open .page-left .page-content{width:100%}.ember9-page-mount{--color-bg:#f1ede2;--color-surface:#f7f3e9;--color-surface-2:#e8e4d9;--color-text:#29434b;--color-text-muted:#6c7d82;--color-border:rgba(48,94,105,.22);--color-accent:#168995;--color-accent-soft:rgba(22,137,149,.14);min-height:620px;color:#29434b}.ember9-page-mount [class*="-card"],.ember9-page-mount [class*="Card"]{border-color:rgba(48,94,105,.2)!important;border-radius:14px!important;background:rgba(255,255,255,.3)!important;box-shadow:2px 3px 0 rgba(44,83,90,.06)!important}
.monthly-calendar-spread{padding:0 2px;color:#334850}.monthly-calendar-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;padding-bottom:13px;border-bottom:2px solid rgba(53,104,121,.25)}
.calendar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.calendar-stats article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:11px 14px;border:1px solid rgba(58,105,111,.25);border-radius:5px 14px 5px 10px;background:rgba(222,232,224,.35)}.calendar-stats small{grid-column:1/-1;color:#377985;font:700 7px "DM Sans";letter-spacing:.14em}.calendar-stats b{margin-right:8px;color:#285a69;font:700 25px "Playfair Display"}.calendar-stats span{align-self:center;color:#7b8988;font:11px "Caveat"}
.monthly-calendar-header h2{margin:0;color:#244f62;font:600 31px "Playfair Display"}.monthly-calendar-header .script-label{margin-bottom:0;color:#1b8590}.month-nav{display:flex;gap:7px}.month-nav button{min-width:34px;height:32px;padding:0 11px;border:1px solid #9aafb2;border-radius:4px;background:rgba(255,255,255,.34);color:#356778;font:700 11px "DM Sans";cursor:pointer}.month-nav button:hover{background:#dce9e7}
.month-layout{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:18px}.month-main{min-width:0}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.month-weekdays{margin-bottom:6px}.month-weekdays span{padding:4px;text-align:center;color:#6f8183;font:700 8px "DM Sans";letter-spacing:.14em}
.month-cell{position:relative;display:flex;flex-direction:column;min-width:0;height:118px;padding:7px;border:1px solid rgba(82,112,116,.24);border-radius:3px 9px 4px 7px;background:rgba(255,255,255,.25);color:#41585d;text-align:left;cursor:pointer;transition:.16s}.month-cell:hover{transform:translateY(-1px);border-color:#448695;background:rgba(220,236,235,.62)}.month-cell.outside{opacity:.34}.month-cell.today{border:2px solid #d28b55;box-shadow:0 0 0 2px rgba(210,139,85,.12)}.month-cell.selected{background:rgba(52,130,143,.13);border-color:#267d89}.month-cell-top{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:22px}.month-number{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 12px "Caveat"}.month-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#356f7b;color:#fff;font:700 9px "DM Sans"}.month-cell.today .month-number{background:#c86b46;color:#fff}.month-events{display:grid;gap:3px;margin-top:4px;min-width:0;width:100%}.month-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px;align-items:center;overflow:hidden;padding:3px 4px;border-left:3px solid #6f9a85;border-radius:2px;background:rgba(105,151,127,.12);font:600 9px "DM Sans";white-space:nowrap}.month-event-time{color:#6b7778;font-size:7px;font-weight:800;text-transform:uppercase}.month-event-title{overflow:hidden;text-overflow:ellipsis}.month-event.work{border-color:#367f98;background:rgba(54,127,152,.13)}.month-event.important{border-color:#c76955;background:rgba(199,105,85,.13)}.month-event.month-plan{border-style:dashed;border-color:#8b6d9d;background:rgba(139,109,157,.1)}.month-event.month-plan .month-event-time{color:#765781}.month-more{padding-left:5px;color:#6b607c;font:700 8px "DM Sans"}
.month-day-panel{padding:16px 14px;border:1px solid rgba(64,107,113,.3);border-radius:5px 16px 6px 12px;background:rgba(218,229,221,.38);box-shadow:4px 5px 0 rgba(55,83,80,.05)}.month-day-panel>small{color:#26808a;font:700 7px "DM Sans";letter-spacing:.16em}.month-day-panel h3{margin:5px 0 14px;color:#345e67;font:600 17px "Playfair Display"}.selected-events{min-height:150px}.selected-events p{display:flex;align-items:center;gap:7px;margin:0 0 7px;padding-bottom:7px;border-bottom:1px solid rgba(76,109,111,.17);font:14px "Caveat"}.selected-events .empty-day{color:#879395;border:0}.selected-events i,.month-legend i{width:7px;height:7px;border-radius:50%;background:#6f9a85}.selected-events i.work,.month-legend i.work{background:#367f98}.selected-events i.important,.month-legend i.important{background:#c76955}
#calendarQuickAdd{display:grid;gap:6px;padding-top:12px;border-top:1px dashed rgba(57,103,108,.35)}#calendarQuickAdd input,#calendarQuickAdd select{width:100%;padding:7px 8px;border:1px solid #9fb0ad;border-radius:4px;background:rgba(255,255,255,.45);color:#40575b;font:11px "DM Sans"}#calendarQuickAdd button{padding:8px;border:0;border-radius:4px;background:#237d86;color:white;font:700 10px "DM Sans";cursor:pointer}.month-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px;color:#738587;font-size:7px;text-transform:uppercase}.month-legend span{display:flex;align-items:center;gap:4px}
.calendar-card-deck{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:12px;margin-top:20px}.ember-cal-card{padding:15px;border:1px solid rgba(63,104,109,.27);border-radius:6px 17px 7px 13px;background:rgba(255,255,255,.25);box-shadow:3px 4px 0 rgba(47,77,78,.05)}.ember-cal-card>header{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:13px}.ember-cal-card header small{color:#27818b;font:700 7px "DM Sans";letter-spacing:.14em}.ember-cal-card h3{margin:3px 0 0;color:#315d68;font:600 18px "Playfair Display"}.calendar-items-card header input{width:110px;padding:6px;border:0;border-bottom:1px solid #91a5a6;background:transparent;font:10px "DM Sans"}.calendar-item-list{display:grid;gap:5px;max-height:225px;overflow:auto}.calendar-item-list article{display:grid;grid-template-columns:7px 1fr 20px;align-items:center;gap:7px;padding:7px;background:rgba(225,234,229,.55)}.calendar-item-list article>i{width:7px;height:7px;border-radius:50%;background:#6f9a85}.calendar-item-list article>i.work{background:#367f98}.calendar-item-list article>i.important{background:#c76955}.calendar-item-list article div{display:grid;min-width:0}.calendar-item-list article b{overflow:hidden;font:13px "Caveat";white-space:nowrap;text-overflow:ellipsis}.calendar-item-list article span{color:#829092;font-size:8px}.calendar-item-list article button{border:0;background:transparent;color:#9b6a62;cursor:pointer}.cal-empty{color:#899496;font:13px "Caveat"}
#calendarFullAdd{display:grid;gap:7px}#calendarFullAdd>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}#calendarFullAdd label{display:grid;gap:3px;color:#718487;font:700 7px "DM Sans";letter-spacing:.08em;text-transform:uppercase}#calendarFullAdd input,#calendarFullAdd select,#calendarFullAdd textarea{min-width:0;padding:6px;border:1px solid #9fb0ad;border-radius:4px;background:rgba(255,255,255,.45);color:#40575b;font:10px "DM Sans"}#calendarFullAdd textarea{height:42px;resize:none}#calendarFullAdd button{padding:8px;border:0;border-radius:4px;background:#237d86;color:#fff;font:700 9px "DM Sans";cursor:pointer}.calendar-links-card>p{color:#708184;font:13px "Caveat"}.calendar-link-pills{display:grid;gap:6px}.calendar-link-pills button{padding:7px;border:1px dashed #86a2a3;background:rgba(255,255,255,.2);color:#39747c;text-align:left;font:11px "Caveat";cursor:pointer}.link-note{display:block;margin-top:12px;color:#8a9694;font:9px "Caveat"}
.weekly-calendar-card{margin-top:12px}.weekly-calendar-card>header>span{color:#78898a;font:11px "Caveat"}.calendar-week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-week-strip button{display:grid;gap:2px;padding:8px;border:1px solid rgba(67,105,108,.22);border-radius:4px 10px 4px 8px;background:rgba(222,232,226,.36);color:#526b6e;cursor:pointer}.calendar-week-strip button.active{border-color:#2a8992;background:rgba(42,137,146,.12)}.calendar-week-strip small{font:700 7px "DM Sans"}.calendar-week-strip b{color:#315d68;font:20px "Playfair Display"}.calendar-week-strip span{font:9px "Caveat"}
.weekly-card-actions{display:flex;align-items:center;gap:10px}.weekly-card-actions span{color:#78898a;font:11px "Caveat"}.weekly-card-actions button{padding:7px 10px;border:1px solid #6e989d;border-radius:4px;background:rgba(255,255,255,.3);color:#34747c;font:700 8px "DM Sans";letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.weekly-calendar-card.is-open{background:rgba(238,241,231,.62)}.weekly-planner-detail{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(57,103,108,.35)}.weekly-planner-detail label{display:grid;gap:5px}.weekly-planner-detail label>span{display:flex;justify-content:space-between;gap:4px}.weekly-planner-detail label b{color:#315d68;font:11px "Caveat"}.weekly-planner-detail label small{color:#849190;font:7px "DM Sans"}.weekly-planner-detail textarea{width:100%;height:90px;padding:7px;border:1px solid rgba(76,111,114,.3);border-radius:3px 8px 3px 6px;resize:vertical;background:rgba(255,255,255,.35);color:#40575b;font:12px/1.35 "Caveat"}.weekly-planner-detail>button{grid-column:1/-1;justify-self:end;padding:8px 14px;border:0;border-radius:4px;background:#237d86;color:#fff;font:700 9px "DM Sans";cursor:pointer}
.weekly-calendar-card>header>div:first-child>span{display:block;margin-top:5px;color:#778789;font:11px "Caveat"}.ember-week-wrap{overflow-x:auto;padding-bottom:6px}.ember-week-grid{display:grid;grid-template-columns:105px repeat(7,minmax(90px,1fr));gap:7px;min-width:800px}.ember-week-corner{min-height:1px}.ember-week-head{display:grid;gap:3px;padding:9px 6px;border:1px solid rgba(70,108,111,.25);border-radius:4px 10px 4px 8px;background:rgba(222,232,226,.35);color:#526b6e;text-align:center;cursor:pointer}.ember-week-head.active{border-color:#2a8992;background:rgba(42,137,146,.12)}.ember-week-head small{font:700 7px "DM Sans";letter-spacing:.09em;text-transform:uppercase}.ember-week-head b{color:#315d68;font:12px "Playfair Display"}.ember-week-lane{display:flex;align-items:center;min-height:72px;padding:9px;border:1px solid rgba(70,108,111,.23);border-radius:4px 10px 4px 8px;background:rgba(218,229,221,.42);color:#477078;font:700 8px "DM Sans";letter-spacing:.08em;text-transform:uppercase}.ember-week-input{width:100%;height:72px;padding:7px;border:1px solid rgba(76,111,114,.28);border-radius:4px 10px 4px 8px;resize:none;background:rgba(255,255,255,.35);color:#40575b;font:12px/1.3 "Caveat"}.ember-week-input:focus{outline:1px solid #3b929a;background:rgba(255,255,255,.58)}.weekly-autosave{display:inline-block;margin:12px 0 0;padding:7px 11px;border-radius:4px;background:rgba(42,126,136,.1);color:#39767d;font:700 8px "DM Sans";letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.calendar-open .page-left{display:block}.calendar-open .page-right{display:none}.calendar-open .page-left .page-content{width:100%}.month-layout{grid-template-columns:1fr}.month-day-panel{display:none}.month-cell{height:104px;padding:4px}.monthly-calendar-header h2{font-size:25px}.calendar-card-deck{grid-template-columns:1fr}.calendar-week-strip{overflow-x:auto;grid-template-columns:repeat(7,70px)}.weekly-planner-detail{overflow-x:auto;grid-template-columns:repeat(7,110px)}.weekly-planner-detail>button{position:sticky;left:0}}
@media(max-width:900px){.time-open .page-right{display:none}.time-open .page-left .page-content{width:100%}}
@media(max-width:900px){.ember9-open .page-right{display:none}.ember9-open .page-left .page-content{width:100%}}
.daily-time-project{margin:8px 0 5px;color:#315e69;font:700 18px "Caveat"}.daily-time-status{min-height:30px;margin:7px 0;color:#6c7d82;font:11px/1.35 "DM Sans"}.daily-time-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.daily-time-open{background:transparent!important;color:#397984!important}

/* Characters — Ember X paper-card treatment */
#emberCharactersPage.chars-page{padding:4px 2px 24px!important;gap:18px!important;color:#293f47!important;background:transparent!important;font-family:"DM Sans",sans-serif!important}
#emberCharactersPage .chars-pageHeader{padding:2px 4px 12px!important;border-bottom:2px solid rgba(38,111,126,.22)!important}
#emberCharactersPage .chars-pageGlyph{width:44px!important;height:44px!important;border:1px solid rgba(36,112,128,.28)!important;border-radius:50% 48% 45% 52%!important;background:rgba(31,137,149,.10)!important;color:#267887!important;box-shadow:2px 3px 0 rgba(47,91,99,.08)!important;transform:rotate(-3deg)}
#emberCharactersPage .chars-pageTitle{color:#315563!important;font:700 34px/1 "Caveat",cursive!important;letter-spacing:.01em!important}
#emberCharactersPage .chars-pageSubtitle{color:#71858a!important;font:12px "DM Sans",sans-serif!important}
#emberCharactersPage .chars-layout{grid-template-columns:285px minmax(0,1fr)!important;gap:14px!important}
#emberCharactersPage .chars-card{padding:15px!important;border:1px solid rgba(57,100,109,.24)!important;border-radius:7px 16px 8px 14px!important;color:#293f47!important;background-color:rgba(255,255,255,.26)!important;background-image:radial-gradient(circle,rgba(82,117,120,.18) .6px,transparent .75px)!important;background-size:13px 13px!important;box-shadow:3px 4px 0 rgba(43,74,79,.06)!important}
#emberCharactersPage .chars-leftCard{top:8px!important;max-height:calc(100vh - 165px)!important;background-color:rgba(207,221,216,.32)!important}
#emberCharactersPage .chars-railEyebrow,#emberCharactersPage .chars-editorEyebrow{color:#287888!important;font:700 9px "DM Sans",sans-serif!important;letter-spacing:.15em!important}
#emberCharactersPage .chars-railTitle,#emberCharactersPage .chars-editorTitle,#emberCharactersPage .chars-photoTitle,#emberCharactersPage .chars-bioSectionTitle,#emberCharactersPage .chars-linkTitle{color:#315e69!important;font-family:"Caveat",cursive!important}
#emberCharactersPage .chars-railTitle{font-size:25px!important}
#emberCharactersPage .chars-primaryButton,#emberCharactersPage .chars-saveButton{border:1px solid #277c87!important;border-radius:7px 11px 8px 10px!important;background:linear-gradient(135deg,#168995,#35697c)!important;color:#fff!important;box-shadow:2px 3px 0 rgba(29,75,82,.14)!important;font-family:"Caveat",cursive!important;font-size:17px!important}
#emberCharactersPage .chars-inlineButton,#emberCharactersPage .chars-iconButton,#emberCharactersPage .chars-photoButton{border:1px solid rgba(48,102,113,.28)!important;background:rgba(255,255,255,.28)!important;color:#356d78!important;border-radius:7px 10px!important}
#emberCharactersPage .chars-inlineDanger,#emberCharactersPage .chars-dangerButton{border-color:rgba(151,70,64,.35)!important;background:rgba(168,79,70,.07)!important;color:#94534d!important}
#emberCharactersPage .chars-searchInput,#emberCharactersPage .chars-input,#emberCharactersPage .chars-select,#emberCharactersPage .chars-textarea{border:0!important;border-bottom:1px solid rgba(67,105,111,.42)!important;border-radius:3px!important;background:rgba(255,255,255,.20)!important;color:#293f47!important;box-shadow:none!important;font-family:"Caveat",cursive!important;font-size:17px!important}
#emberCharactersPage .chars-searchInput::placeholder,#emberCharactersPage .chars-input::placeholder,#emberCharactersPage .chars-textarea::placeholder{color:#8a9999!important}
#emberCharactersPage .chars-fieldLabel,#emberCharactersPage .chars-cardIdLabel{color:#4d747b!important;font-size:9px!important;letter-spacing:.1em!important;text-transform:uppercase!important}
#emberCharactersPage .chars-filterTab{padding:5px 9px!important;border:1px solid rgba(51,100,110,.23)!important;background:rgba(255,255,255,.24)!important;color:#61797e!important;font:700 10px "DM Sans",sans-serif!important}
#emberCharactersPage .chars-filterTab.is-active,#emberCharactersPage .chars-filterTab:hover{border-color:#27838e!important;background:rgba(30,139,150,.12)!important;color:#1b727d!important}
#emberCharactersPage .chars-listItem{padding:9px!important;border:1px solid rgba(64,104,110,.18)!important;border-radius:5px 12px 6px 11px!important;background:rgba(255,255,255,.22)!important;color:#304a51!important;box-shadow:none!important}
#emberCharactersPage .chars-listItem:hover,#emberCharactersPage .chars-listItem.is-active{border-color:rgba(28,133,144,.48)!important;background:rgba(31,143,153,.11)!important;box-shadow:2px 3px 0 rgba(38,94,100,.08)!important}
#emberCharactersPage .chars-listAvatar,#emberCharactersPage .chars-editorAvatar{border-radius:50% 46% 52% 43%!important;background-color:rgba(49,121,132,.12)!important;box-shadow:none!important}
#emberCharactersPage .chars-listTitle{color:#315c66!important;font:700 17px "Caveat",cursive!important}
#emberCharactersPage .chars-listMeta,#emberCharactersPage .chars-listSubmeta,#emberCharactersPage .chars-editorMeta,#emberCharactersPage .chars-photoHint,#emberCharactersPage .chars-saveHint,#emberCharactersPage .chars-linkedEmpty,#emberCharactersPage .chars-searchHint,#emberCharactersPage .chars-searchEmpty{color:#738589!important}
#emberCharactersPage .chars-bioSection{border-color:rgba(66,105,110,.20)!important;background:rgba(255,255,255,.16)!important;border-radius:5px 12px 6px 10px!important}
#emberCharactersPage .chars-photoPanel,#emberCharactersPage .chars-linkCard,#emberCharactersPage .chars-linkPanel{border-color:rgba(56,102,110,.21)!important;background:rgba(192,214,208,.20)!important;border-radius:6px 14px 7px 12px!important;box-shadow:none!important}
#emberCharactersPage .chars-linkedChip,#emberCharactersPage .chars-searchResult{border-color:rgba(54,105,114,.22)!important;background:rgba(255,255,255,.25)!important;color:#315c66!important;border-radius:7px 11px!important}
#emberCharactersPage .chars-cardIdValue{color:#287888!important;background:rgba(30,137,149,.08)!important;border-color:rgba(30,137,149,.20)!important}
@media(max-width:900px){#emberCharactersPage .chars-layout{grid-template-columns:1fr!important}#emberCharactersPage .chars-leftCard{position:relative!important;top:auto!important;max-height:none!important}}
@media(max-width:540px){.month-main{overflow-x:auto;padding-bottom:6px}.month-weekdays,.month-grid{min-width:680px;gap:3px}.month-cell{height:96px}.month-event{padding:2px 3px}.month-event-time{display:none}.month-nav button{min-width:28px;padding:0 6px}.monthly-calendar-header{align-items:center}.monthly-calendar-header h2{font-size:20px}}

/* Left-edge navigation */
.binding{display:none}
.tabs{right:auto;left:-76px}
.tab{border-radius:10px 0 0 10px;text-align:right;padding:10px 17px 10px 10px;box-shadow:-3px 3px 8px rgba(0,0,0,.24)}
.tab.active{transform:translateX(-9px)}
.tab:hover{transform:translateX(-6px)}
@media(max-width:900px){.desk{padding-left:72px;padding-right:28px}.planner-shell{margin-left:34px;margin-right:0}.tabs{right:auto;left:-68px}}
@media(max-width:540px){.desk{padding-left:59px;padding-right:15px}.planner-shell{margin-left:20px;margin-right:0}.tabs{right:auto;left:-55px}.tab{border-radius:6px 0 0 6px}}

/* =========================================================
   SILVERLEAF BULLET JOURNAL — tactile, personal, imperfect
========================================================= */
.topbar{background:rgba(38,8,11,.62);border-bottom:1px solid rgba(220,225,227,.22)}
.brand-mark{border-radius:7px;transform:rotate(-2deg);font-family:"Caveat",cursive;font-weight:700}
.topbar h1{font:700 25px "Caveat",cursive;letter-spacing:.04em}
.book{background:#646d73;border-radius:8px;box-shadow:0 0 0 5px #4c555b,0 0 0 8px #b8bec1,0 0 0 11px #343b40,10px 18px 25px rgba(20,3,5,.34)}
.pages{border-radius:5px;transform:rotate(.08deg)}
.page{background-color:#f2f0e8;background-image:radial-gradient(circle,#aab1b2 1px,transparent 1.15px);background-size:16px 16px}
.page:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.28;background:linear-gradient(97deg,rgba(100,88,70,.035),transparent 28%,rgba(255,255,255,.18) 50%,transparent 72%,rgba(80,70,60,.025))}
.page-content{position:relative;z-index:1}
.center-fold{width:1px;background:#7d8587;box-shadow:-7px 0 15px rgba(38,43,45,.12),7px 0 15px rgba(38,43,45,.12)}
.script-label{display:inline-block;font:700 28px "Caveat",cursive;color:#365e79;transform:rotate(-2deg);margin-left:5px}
.section-heading h2,.section-heading.blue h2{position:relative;font:700 26px "Caveat",cursive;color:#263c4b;letter-spacing:.02em}
.section-heading h2:after{content:"";position:absolute;left:-3px;right:-8px;bottom:-3px;height:6px;background:rgba(76,119,148,.24);transform:rotate(-1deg);z-index:-1}
.section-heading h3{font:700 19px "Caveat",cursive}
.silver-rule{height:1px;background:#798890;transform:rotate(-.4deg)}
.day-number{font:700 69px "Caveat",cursive;color:#294e68;transform:rotate(-3deg)}
.date-row span{font-family:"Caveat",cursive;font-size:21px;text-transform:none;letter-spacing:.03em}
.date-row small{letter-spacing:.2em}
.priority{border-bottom:1px dashed #9ba5a8;font-size:19px}
.priority input{transform:none;border-radius:1px;border:1.5px solid #596c77;background:transparent}
.priority input:checked{background:#426f8b;box-shadow:inset 0 0 0 3px #f2f0e8}
.quote-card{background:#d9e1e2;border:0;box-shadow:2px 3px 3px rgba(49,55,57,.12);transform:rotate(-1deg);padding:23px 22px 18px 32px}
.taped-note:before{content:"";position:absolute;width:90px;height:21px;top:-12px;left:50%;transform:translateX(-50%) rotate(2deg);background:rgba(116,143,160,.42);clip-path:polygon(3% 8%,98% 0,94% 94%,0 100%)}
.quote-card p{font-size:22px;font-weight:600}
.quote-mark{display:none}
.notes-box{position:relative;background:rgba(255,255,255,.12);border:1.5px solid #667780;box-shadow:none;transform:rotate(.25deg)}
.notes-box:before{content:"✦";position:absolute;right:11px;top:7px;color:#55768a;font:18px "Caveat"}
.schedule-row{border-top:1px dashed #9ca7aa}
.schedule-row div{border-left:1px dashed #9ca7aa;font-size:18px}
.mini-calendar{font-family:"Caveat",cursive;font-size:11px;border:1px solid #87969d;padding:8px;transform:rotate(.5deg)}
.mini-calendar .today{background:#345f7a}
.moods button{font-family:"Caveat",cursive}
.week-card{border:1.5px solid #78878d;background:rgba(255,255,255,.08);transform:rotate(-.12deg)}
.week-card:nth-child(even){transform:rotate(.22deg)}
.week-card header{background:rgba(81,116,137,.16);border-right:1px dashed #839197}
.week-card header b{font:700 23px "Caveat",cursive}
.week-card div{font-size:18px}
.prompt{font-size:20px}
.lined{background:repeating-linear-gradient(transparent 0 27px,rgba(112,126,132,.55) 28px)}
.gratitude li{border-bottom:1px dashed #9aa5a9}
.habit-header,.habit-row{border-bottom:1px dashed #8e9ca1}
.habit-check{border-radius:2px}
.wellness-cards article{border:1.5px solid #74858c;background:rgba(255,255,255,.08);transform:rotate(-.15deg)}
.wellness-cards article:nth-child(even){transform:rotate(.25deg)}
.tab{font-family:"Caveat",cursive;font-size:14px;letter-spacing:.03em;border-radius:5px 0 0 5px;background:#3f657d}
.tab:nth-child(even){background:#6e777b}
.tab.active{background:#244c66}
.tab span{font-family:"DM Sans",sans-serif;font-size:7px;letter-spacing:.16em}
.page-number{font-family:"Caveat",cursive;font-size:13px}
.page-controls span{font-family:"Caveat",cursive;font-size:14px}
@media(max-width:540px){.tab{font-size:11px}.section-heading h2,.section-heading.blue h2{font-size:23px}}

/* Dark planner studio layout */
body{background:#050b0e;color:#22323b}.wood-grain{background:radial-gradient(circle at 50% 45%,#172329 0,#091114 55%,#030709 100%)}
.legacy-topbar{display:none}
.studio-layout{width:100%;min-height:100vh;display:grid;grid-template-columns:178px minmax(620px,1fr) 270px;gap:0;padding:26px 14px;background:radial-gradient(ellipse at center,rgba(29,45,51,.46),transparent 68%)}
.command-rail,.utility-rail{position:relative;z-index:20;color:#d7e1e4;background:linear-gradient(90deg,rgba(9,19,23,.97),rgba(12,23,27,.92));border:1px solid #27383f;box-shadow:0 12px 30px rgba(0,0,0,.42)}
.command-rail{border-radius:12px 0 0 12px;padding:25px 13px;display:flex;flex-direction:column}
.rail-brand{height:47px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#14cfe0;font-size:18px;letter-spacing:.03em}.flame{font-size:29px;transform:rotate(-35deg)}
.rail-search{display:flex;align-items:center;gap:8px;margin:19px 4px 28px;border:1px solid #34464d;border-radius:10px;padding:9px 10px;color:#a3b0b5}.rail-search input{width:100%;border:0;outline:0;background:transparent;color:white;font:12px "DM Sans"}
.rail-nav{display:grid;gap:7px}.rail-nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-left:2px solid transparent;border-radius:6px;padding:13px 12px;background:transparent;color:#c8d2d5;text-align:left;font:500 13px "DM Sans";cursor:pointer}.rail-nav button span{font-size:17px;color:#8d9da3}.rail-nav button:hover,.rail-nav button.active{color:white;background:linear-gradient(90deg,#10474f,#0b343c);border-left-color:#13d1df}.rail-nav button.active span{color:#1ee0ea}
.rail-footer{display:flex;justify-content:space-around}.rail-footer button,.utility-card header button{border:0;background:transparent;color:#9aabb1;font-size:16px;cursor:pointer}
.desk{min-width:0;min-height:calc(100vh - 52px);padding:27px 42px 20px 85px;justify-content:center;background:linear-gradient(90deg,rgba(27,39,44,.8),rgba(12,21,25,.86) 48%,rgba(27,39,44,.8))}.planner-shell{width:min(930px,100%);filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}.book{min-height:calc(100vh - 125px);max-height:900px;box-shadow:0 0 0 5px #1c292e,0 0 0 7px #526067,0 0 0 12px #10191d,10px 18px 28px rgba(0,0,0,.55)}.pages{min-height:inherit}.page{padding:42px 42px 32px;background-color:#eee9dc;background-image:radial-gradient(circle,#a8a79f .75px,transparent .9px);background-size:13px 13px}.tabs{left:-70px;top:45px;gap:6px}.tab{width:76px;height:82px;background:#7a7d7b;color:#172328;border:1px solid #222e32;border-right:0;font:700 15px "Caveat";box-shadow:-3px 3px 7px rgba(0,0,0,.4)}.tab:nth-child(even){background:#aaaba5}.tab:first-child,.tab.active{background:#0496a5;color:#fff}.tab.active{width:82px;transform:translateX(-6px)}.tab span{color:inherit;opacity:.72}.page-controls{margin-top:17px}.page-controls button{border-color:#4f646c;color:#25d3df}.page-controls span{color:#91a4aa}
.utility-rail{border-radius:0 12px 12px 0;padding:14px 9px;display:flex;flex-direction:column;gap:8px}.utility-card{border:1px solid #33464d;border-radius:10px;background:rgba(5,14,18,.72);padding:14px 10px}.utility-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.utility-card h2{margin:0;color:#15d4df;font-size:11px;letter-spacing:.04em}.agenda-card{flex:1}.agenda-line{display:grid;grid-template-columns:43px 1fr;gap:5px;align-items:start;margin-bottom:5px}.agenda-line time{padding-top:12px;color:#dbe3e6;font-size:10px}.agenda-line article{display:flex;flex-direction:column;gap:6px;min-height:77px;padding:14px 11px;border-radius:5px;background:linear-gradient(135deg,#1b527b,#214261);color:#f3f7f8}.agenda-line article.teal{background:linear-gradient(135deg,#087b77,#075856)}.agenda-line b{font-size:12px}.agenda-line span{font-size:9px;color:#d3e0e4}.now-rule{height:14px;border-top:1px solid #0dd5df;margin:4px 0 0 42px;position:relative}.now-rule span{position:absolute;left:-39px;top:-7px;color:#13d8e1;background:#071217;font-size:8px}.inbox-card label{display:flex;gap:9px;padding:12px 4px;border-bottom:1px solid #26383f;color:#d0dade;font-size:10px;line-height:1.5}.inbox-card input{appearance:none;flex:0 0 auto;width:14px;height:14px;border:1px solid #a4b1b5;border-radius:50%}.inbox-card input:checked{background:#10aeb8;box-shadow:inset 0 0 0 3px #071217}.quick-capture{width:100%;margin-top:16px;padding:14px;border:1px solid #0dd1da;border-radius:5px;color:white;background:linear-gradient(135deg,#078c91,#056064);font:700 13px "DM Sans";cursor:pointer}
@media(max-width:1180px){.studio-layout{grid-template-columns:150px minmax(560px,1fr)}.utility-rail{display:none}.desk{padding-left:78px;padding-right:25px}}
@media(max-width:820px){.studio-layout{display:block;padding:0}.command-rail{display:none}.desk{min-height:100vh;padding:25px 20px 60px 82px}.planner-shell{margin:0;width:100%}.book{min-height:760px}.tabs{left:-65px}}

/* Ember daily timeline — adapted from Ember 9 */
.agenda-card{min-height:0;display:flex;flex-direction:column}.agenda-card header>div{display:grid;gap:4px}.timeline-date{color:#7f969e;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.agenda-card header button{width:27px;height:27px;border:1px solid #24535b;border-radius:5px;color:#14d7e2;font-size:19px;line-height:1}.ember-timeline{position:relative;min-height:300px;flex:1;overflow-y:auto;overflow-x:hidden;border-top:1px solid #263b42;scrollbar-width:thin;scrollbar-color:#31525a transparent}.timeline-canvas{position:relative;height:2016px;margin-left:39px}.timeline-slot{position:absolute;left:-39px;right:0;width:calc(100% + 39px);height:7px;padding:0;border:0;border-top:1px solid rgba(55,78,86,.14);background:transparent;cursor:crosshair}.timeline-slot:hover{background:rgba(20,213,224,.1)}.timeline-slot.is-quarter{border-top-color:rgba(55,78,86,.28)}.timeline-slot.is-hour{border-top-color:#2d454d}.timeline-slot time{position:absolute;top:-6px;left:0;width:34px;color:#8da0a6;font-size:8px;text-align:right}.timeline-block{position:absolute;z-index:3;left:7px;right:4px;min-height:7px;padding:7px 20px 6px 9px;border:1px solid #3c7897;border-left:3px solid #50b8ef;border-radius:5px;background:linear-gradient(135deg,rgba(29,86,122,.98),rgba(24,61,85,.98));color:#f5fafb;box-shadow:0 3px 7px rgba(0,0,0,.25);cursor:grab;overflow:visible;touch-action:none}.timeline-block[data-color="green"]{border-color:#279b91;border-left-color:#37d5c6;background:linear-gradient(135deg,#087b77,#07524f)}.timeline-block[data-color="purple"]{border-color:#775da0;border-left-color:#bd91ef;background:linear-gradient(135deg,#59457c,#382c54)}.timeline-block[data-color="amber"]{border-color:#a77a33;border-left-color:#efb94f;background:linear-gradient(135deg,#805d26,#4f3919)}.timeline-block.is-dragging,.timeline-block.is-resizing{opacity:.78;z-index:8}.timeline-block.is-dragging{cursor:grabbing}.timeline-block b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-block span{display:block;margin-top:3px;color:#d1e1e6;font-size:7px}.timeline-block button{position:absolute;right:3px;top:3px;border:0;background:transparent;color:#c4d5da;cursor:pointer}.timeline-resize{position:absolute;z-index:5;left:18%;right:18%;height:8px;cursor:ns-resize}.timeline-resize:after{content:"";position:absolute;left:35%;right:35%;top:3px;border-top:2px solid rgba(220,241,244,.62)}.timeline-resize.is-top{top:-4px}.timeline-resize.is-bottom{bottom:-4px}.timeline-now{position:absolute;z-index:7;left:-39px;right:0;border-top:1px solid #16dbe4;pointer-events:none}.timeline-now:before{content:"";position:absolute;left:34px;top:-4px;border:4px solid transparent;border-left-color:#16dbe4}.timeline-now span{position:absolute;left:0;top:-7px;padding-right:3px;background:#071217;color:#16dbe4;font-size:7px}.timeline-empty{position:sticky;z-index:2;top:45%;margin:140px 10px 0;text-align:center;color:#6f858d;font-size:9px}.timeline-loading{padding:30px 0;text-align:center;color:#6f858d;font-size:9px}

/* Keep the 24-hour timeline contained inside the viewport */
.timeline-date{display:flex;align-items:center;gap:5px}.timeline-date input{width:17px;border:0;background:transparent;color:transparent;color-scheme:dark;cursor:pointer}.timeline-date-nav{display:flex!important;gap:4px!important}.agenda-card header #timelineToday{width:auto;padding:0 7px;font-size:8px;text-transform:uppercase}
.utility-rail{height:calc(100vh - 52px);min-height:0;overflow:hidden}
.agenda-card{flex:1 1 0;min-height:260px;overflow:hidden}
.agenda-card>header{flex:0 0 auto}
.ember-timeline{height:0;min-height:0;flex:1 1 auto;overscroll-behavior:contain}
.ember-timeline::-webkit-scrollbar{width:7px}
.ember-timeline::-webkit-scrollbar-track{background:rgba(7,18,23,.55);border-radius:10px}
.ember-timeline::-webkit-scrollbar-thumb{background:#315b64;border-radius:10px}
.ember-timeline::-webkit-scrollbar-thumb:hover{background:#12aeba}
.inbox-card{flex:0 0 auto;max-height:34vh;overflow-y:auto}

/* Move the former left rail into a compact top utility bar */
.studio-layout{grid-template-columns:minmax(620px,1fr) 270px;grid-template-rows:68px minmax(0,1fr);padding:14px;gap:0}
.command-rail{grid-column:1 / -1;grid-row:1;min-width:0;border-radius:12px 12px 0 0;padding:8px 16px;display:flex;flex-direction:row;align-items:center;gap:18px;background:linear-gradient(180deg,rgba(9,19,23,.98),rgba(11,24,28,.94))}
.rail-brand{height:auto;flex:0 0 auto;padding:0}.rail-brand .flame{font-size:24px}
.rail-search{flex:0 1 240px;margin:0;padding:8px 10px}
.rail-footer{margin-left:auto}
.rail-footer{flex:0 0 112px;display:flex;justify-content:space-between}
.desk{grid-column:1;grid-row:2;min-height:calc(100vh - 96px);padding-top:27px;padding-left:85px}
.utility-rail{grid-column:2;grid-row:2;height:calc(100vh - 96px);border-radius:0 0 12px 0}
@media(max-width:1180px){.studio-layout{grid-template-columns:minmax(560px,1fr)}.command-rail{grid-column:1}.desk{grid-column:1}.utility-rail{display:none}}
@media(max-width:820px){.studio-layout{display:block;padding:0}.command-rail{display:none}.desk{min-height:100vh;padding:25px 20px 60px 82px}}

/* Expanded, scrollable book tabs */
.tabs{max-height:calc(100% - 75px);overflow-y:auto;overflow-x:visible;padding:3px 10px 8px 12px;scrollbar-width:thin;scrollbar-color:#168e99 transparent}
.tabs::-webkit-scrollbar{width:4px}.tabs::-webkit-scrollbar-thumb{background:#168e99;border-radius:8px}
.tab{flex:0 0 48px;height:48px;width:78px;padding:5px 13px 5px 8px;font-size:12px;line-height:1}
.tab.active{width:84px}.tab span{display:inline;margin:0 4px 0 0;font-size:6px}
.collection-writing{min-height:500px}

/* Larger book footprint */
.studio-layout{grid-template-columns:minmax(680px,1fr) 250px;padding:8px;grid-template-rows:62px minmax(0,1fr)}
.command-rail{padding-top:6px;padding-bottom:6px}
.desk{min-height:calc(100vh - 78px);padding:16px 14px 12px 78px}
.planner-shell{width:100%;max-width:none}
.book{min-height:calc(100vh - 118px);max-height:none}
.pages{min-height:calc(100vh - 118px)}
.utility-rail{height:calc(100vh - 78px)}
@media(max-width:1180px){.studio-layout{grid-template-columns:minmax(600px,1fr)}.desk{padding:16px 16px 12px 78px}}
@media(max-width:820px){.studio-layout{display:block;padding:0}.desk{padding:18px 12px 55px 72px}.book,.pages{min-height:calc(100vh - 86px)}}

/* Timeline block editor */
.timeline-editor{width:min(430px,calc(100vw - 28px));padding:0;border:1px solid #52727b;border-radius:14px;background:#edf0e8;color:#29434b;box-shadow:0 24px 70px rgba(0,0,0,.48)}
.timeline-editor::backdrop{background:rgba(6,18,23,.72);backdrop-filter:blur(3px)}
.timeline-editor-form{display:grid;gap:15px;padding:20px}
.timeline-editor-form header{display:flex;align-items:start;justify-content:space-between;gap:15px}
.timeline-editor-form header small{color:#39818b;font-size:8px;font-weight:800;letter-spacing:.16em}
.timeline-editor-form h2{margin:3px 0 0;color:#294f59;font:700 25px "Playfair Display",serif}
.timeline-editor-form label{display:grid;gap:6px;color:#516d73;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.timeline-editor-form input,.timeline-editor-form select{width:100%;min-width:0;padding:10px 11px;border:1px solid #91a7aa;border-radius:7px;background:#fffdf7;color:#263f45;font:14px "DM Sans",sans-serif}
.timeline-editor-form input:focus,.timeline-editor-form select:focus{outline:2px solid rgba(22,137,149,.28);border-color:#168995}
.timeline-editor-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.timeline-editor-times label small{font-size:8px;font-weight:500;letter-spacing:0;text-transform:none}
.timeline-editor-close{border:0;background:transparent;color:#537078;font-size:27px;line-height:1;cursor:pointer}
.timeline-editor-error{min-height:16px;margin:-5px 0;color:#a13e42;font-size:11px}
.timeline-editor-form footer{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px}
.timeline-editor-form footer button{padding:9px 12px;border:1px solid #8da2a5;border-radius:7px;background:transparent;color:#49666d;font:700 9px "DM Sans",sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.timeline-editor-form footer .timeline-editor-save{border-color:#168995;background:#168995;color:#fff}
.timeline-editor-form footer .timeline-editor-delete{border-color:#b56f72;color:#9b363b}
@media(max-width:460px){.timeline-editor-times{grid-template-columns:1fr}.timeline-editor-form footer{grid-template-columns:1fr 1fr}.timeline-editor-form footer span{display:none}.timeline-editor-form footer button{width:100%}}

/* =========================================================
   PRETTY BULLET-JOURNAL DETAILS
   Softer shapes, ink flourishes, layered paper and brush marks
========================================================= */
.page{overflow:hidden;background-color:#f4f0e5;background-image:radial-gradient(circle,#a8aaa4 .72px,transparent .9px),radial-gradient(ellipse at 10% 4%,rgba(68,124,151,.10),transparent 24%),radial-gradient(ellipse at 92% 94%,rgba(104,142,153,.08),transparent 25%);box-shadow:inset 0 0 45px rgba(93,80,58,.08)}
.page:before{content:"";position:absolute;z-index:0;width:220px;height:105px;right:-72px;top:-40px;border:2px solid rgba(44,101,126,.16);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 0 13px rgba(44,101,126,.025),0 0 0 28px rgba(44,101,126,.018)}
.page-right:before{left:auto;right:-80px;top:auto;bottom:-47px}
.page-content{position:relative;z-index:2}
.page-content:after{content:"✦";position:absolute;right:2px;top:1px;color:rgba(43,105,132,.42);font-size:16px;text-shadow:-15px 9px 0 rgba(43,105,132,.20),-6px 22px 0 rgba(43,105,132,.28)}
.date-block{position:relative;padding:4px 0 7px 12px}
.date-block:before{content:"";position:absolute;left:0;top:5px;bottom:0;width:5px;border-radius:99px;background:linear-gradient(#0999a5,#2b6682);transform:rotate(-1deg)}
.date-block:after{content:"☾";position:absolute;right:24px;top:9px;color:#23647e;font:38px "Caveat",cursive;transform:rotate(-13deg);text-shadow:15px 4px 0 rgba(35,100,126,.18)}
.script-label{color:#17647e;text-shadow:1px 1px 0 rgba(255,255,255,.65)}
.date-row{padding-left:2px}.day-number{color:#245873;text-shadow:2px 2px 0 rgba(104,147,164,.18)}
.section-heading{position:relative;margin-top:7px}
.section-heading h2,.section-heading.blue h2{font-size:28px}
.section-heading h2:after{left:-8px;right:-12px;bottom:0;height:9px;border-radius:60% 35% 55% 40%;background:linear-gradient(90deg,rgba(6,151,164,.30),rgba(74,121,147,.12),transparent);transform:rotate(-1.4deg)}
.silver-rule{height:2px;background:linear-gradient(90deg,rgba(48,94,116,.72),rgba(111,143,156,.18),transparent);transform:rotate(-.35deg)}
.priorities{position:relative;padding:2px 13px 5px 19px;margin-top:19px}
.priorities:before{content:"";position:absolute;left:4px;top:6px;bottom:0;border-left:2px solid rgba(12,139,151,.58);border-radius:50%;transform:rotate(.6deg)}
.priority{border-bottom:1px dashed rgba(71,104,117,.35);padding:2px 3px;transition:background .2s,transform .2s}.priority:hover{background:rgba(52,133,154,.07);transform:translateX(3px)}
.priority input{border:1.5px solid #366b7d;box-shadow:2px 2px 0 rgba(54,107,125,.13)}
.quote-card{border-radius:3px 17px 5px 20px;background:linear-gradient(135deg,rgba(198,218,222,.92),rgba(225,230,225,.94));box-shadow:4px 6px 0 rgba(45,76,85,.07),0 12px 18px rgba(48,60,63,.08);transform:rotate(-.65deg);border-left:0}
.quote-card:after{content:"";position:absolute;right:16px;bottom:11px;width:42px;height:16px;border-bottom:2px solid rgba(29,103,126,.38);border-radius:50%;transform:rotate(-7deg)}
.taped-note:before{height:18px;background:repeating-linear-gradient(90deg,rgba(93,141,156,.30) 0 8px,rgba(163,184,190,.38) 8px 16px);opacity:.8}
.mini-calendar{position:relative;border:0;border-radius:19px 5px 22px 7px;padding:14px 12px 11px;background:rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px rgba(65,100,114,.25),3px 4px 0 rgba(52,89,103,.06);transform:rotate(.18deg)}
.mini-calendar:before{content:"MONTH AT A GLANCE";position:absolute;left:13px;top:-8px;padding:1px 7px;background:#f4f0e5;color:#357087;font:700 8px "DM Sans";letter-spacing:.12em}
.mini-calendar .today{background:#28627e;box-shadow:0 0 0 3px rgba(40,98,126,.12)}
.schedule{position:relative;padding:4px 5px 3px 9px}
.schedule:before{content:"";position:absolute;left:49px;top:0;bottom:0;width:2px;background:linear-gradient(#1b8595,rgba(36,103,128,.18));border-radius:50%}
.schedule-row{border-top:0;border-bottom:1px dashed rgba(79,109,120,.32);min-height:43px}.schedule-row:nth-child(odd){background:linear-gradient(90deg,transparent 50px,rgba(75,131,151,.035) 50px)}
.schedule-row time{color:#397087;font-weight:700}.schedule-row div{border-left:0;padding-left:15px}
.notes-box{border:1.5px dashed rgba(48,98,118,.55);border-radius:17px 5px 19px 7px;background:linear-gradient(145deg,rgba(221,229,227,.34),rgba(255,255,255,.13));box-shadow:3px 4px 0 rgba(59,91,101,.06);transform:rotate(-.15deg)}
.notes-box:after{content:"";position:absolute;left:20px;right:20px;top:-7px;height:10px;background:rgba(94,142,158,.20);clip-path:polygon(2% 10%,100% 0,97% 100%,0 88%)}
.mood-row{padding:10px 14px;border-radius:999px;background:rgba(65,115,134,.07)}
.moods button{transition:.2s}.moods button:hover{color:#087f91;transform:translateY(-2px) scale(1.18)}
.tab{border-radius:9px 2px 2px 9px;border-left:3px solid rgba(255,255,255,.22);box-shadow:-4px 4px 8px rgba(0,0,0,.28);transition:transform .18s,width .18s,filter .18s}
.tab:nth-child(4n+1){background:#0b929f}.tab:nth-child(4n+2){background:#315f79;color:#eef5f5}.tab:nth-child(4n+3){background:#a8aca8}.tab:nth-child(4n){background:#737d80;color:#eef2f2}.tab.active{background:linear-gradient(135deg,#08a6b2,#087888);box-shadow:-5px 5px 12px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.18)}
.center-fold{background:linear-gradient(#65747a,#d9d4c8 12%,#748087 50%,#ded8cc 88%,#65747a);box-shadow:-11px 0 20px rgba(34,40,41,.12),11px 0 20px rgba(34,40,41,.12)}
.page-number{padding:2px 7px;border-radius:50%;color:#26617a;background:rgba(48,106,131,.08)}
@media(max-width:900px){.date-block:after{right:5px}.page-content:after{display:none}}

/* Daily category prototype */
.daily-category-tabs{position:absolute;z-index:8;top:9px;left:50%;transform:translateX(-50%);width:min(680px,74%);display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:4px;border:1px solid rgba(52,82,92,.24);border-radius:12px;background:rgba(231,229,220,.94);box-shadow:0 4px 12px rgba(36,42,43,.13);backdrop-filter:blur(5px)}.daily-category-tabs[hidden]{display:none}.daily-category-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:6px 4px;border:0;border-radius:8px;background:transparent;color:#64747a;cursor:pointer}.daily-category-tabs button i{width:5px;height:5px;border-radius:50%;background:#9dabad}.daily-category-tabs button span{display:grid;text-align:left}.daily-category-tabs button b{font:700 10px "Caveat"}.daily-category-tabs button small{font:6px "DM Sans";letter-spacing:.08em;text-transform:uppercase}.daily-category-tabs button.active{color:white;background:linear-gradient(135deg,#087f8d,#2c5c73);box-shadow:0 3px 7px rgba(22,62,75,.2)}.daily-category-tabs button.active i{background:#65e2e4}.has-daily-tabs .page{padding-top:68px}
.daily-category-spread{display:grid;align-content:start;gap:17px}.bujo-card{position:relative;padding:16px 18px;border:1px solid rgba(63,94,105,.26);border-radius:15px 5px 17px 6px;background:rgba(255,255,255,.18);box-shadow:3px 4px 0 rgba(48,76,86,.045)}.bujo-card:nth-child(even){transform:rotate(.12deg)}.bujo-card header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.bujo-card header small{color:#367389;font:700 7px "DM Sans";letter-spacing:.13em}.bujo-card h3{margin:1px 0 0;color:#294c60;font:700 22px "Caveat"}.card-doodle{color:#33849a}.accent-card{border-left:4px solid #168b99;background:linear-gradient(135deg,rgba(195,218,219,.35),rgba(255,255,255,.1))}.taped-card:before{content:"";position:absolute;top:-8px;left:40%;width:76px;height:15px;background:rgba(91,140,155,.24);transform:rotate(-2deg)}.tall-writing{min-height:170px}.giant-writing{min-height:470px}.shopping-writing{min-height:110px}.bujo-input,.bujo-textarea{width:100%;margin:4px 0;padding:8px 5px;border:0;border-bottom:1px dashed #84969c;outline:0;background:transparent;color:#293e49;font:17px "Caveat"}.bujo-textarea{min-height:110px;resize:vertical}.two-fields,.range-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.energy-choices{display:flex;gap:7px}.energy-choices button,.ink-button,.money-toggle button{border:1px solid #668a97;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.22);color:#315b6d;font:700 11px "DM Sans";cursor:pointer}.energy-log,.empty-note{margin-top:12px;color:#87969b;font:14px "Caveat"}.check-list{display:grid;gap:7px;margin:13px 0;font:16px "Caveat"}.range-row label,.bujo-card>label{display:grid;gap:4px;color:#5e727a;font:12px "Caveat"}.range-row input{accent-color:#148b99}.big-water-dots{display:flex;justify-content:space-between}.big-water-dots button{border:0;background:transparent;color:#a5b9bd;font-size:18px;cursor:pointer}.big-water-dots button.filled{color:#0c94a2;text-shadow:0 2px 5px rgba(12,148,162,.25)}.bujo-task-list{display:grid}.bujo-task-list label{display:flex;gap:10px;min-height:34px;align-items:center;border-bottom:1px dashed rgba(91,116,124,.33);font:17px "Caveat"}.bujo-task-list input{appearance:none;width:15px;height:15px;border:1px solid #527583}.bujo-task-list input:checked{background:#138c99;box-shadow:inset 0 0 0 3px #edf0e8}.mini-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-week div{display:grid;grid-template-rows:auto 72px;text-align:center;border-left:1px dashed #9caaad}.mini-week b{color:#36758b;font:14px "Caveat"}.mini-week span{outline:0;font:13px "Caveat"}.clock-face{text-align:center;margin:8px 0 15px;color:#22647c;font:700 35px "Caveat";letter-spacing:.08em}.ink-button{margin-top:10px;border-radius:6px;background:#176f7d;color:white}.snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.snapshot-grid div{display:grid;text-align:center;padding:10px;border-radius:50%;background:rgba(50,119,139,.08)}.snapshot-grid b{color:#22657c;font:700 24px "Caveat"}.snapshot-grid span{font-size:7px;text-transform:uppercase}.money-toggle{display:flex;gap:5px;margin-bottom:9px}.money-toggle button.active{background:#247889;color:white}.money-input{font-size:25px}
@media(max-width:900px){.daily-category-tabs{width:78%;overflow-x:auto;grid-template-columns:repeat(6,72px);justify-content:start}.has-daily-tabs .page{padding-top:76px}}

.has-daily-tabs .page-content{max-height:calc(100vh - 205px);overflow-y:auto;overflow-x:hidden;padding-right:7px;scrollbar-width:thin;scrollbar-color:rgba(30,116,131,.35) transparent}.has-daily-tabs .page-content::-webkit-scrollbar{width:5px}.has-daily-tabs .page-content::-webkit-scrollbar-thumb{background:rgba(30,116,131,.35);border-radius:9px}
.compact-daily-card{padding:10px 14px;margin-top:14px}.compact-daily-card header{margin-bottom:5px}.compact-daily-card h3{font-size:18px}.routine-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.routine-strip label{font:13px "Caveat"}.routine-strip input{accent-color:#138d98}.universal-row{display:grid;grid-template-columns:78px 1fr 30px;gap:5px}.universal-row select,.universal-row input{min-width:0;border:0;border-bottom:1px solid #81969d;background:transparent;color:#3d5964;font:12px "Caveat"}.universal-row button{border:0;border-radius:50%;background:#168996;color:white;cursor:pointer}.universal-status{display:block;min-height:11px;margin-top:3px;color:#378397;font-size:8px}.scrapbook-drop{display:grid;place-items:center;min-height:75px;border:1.5px dashed #75939d;border-radius:13px;color:#398096;font:17px "Caveat";cursor:pointer}.scrapbook-preview img{display:block;width:100%;max-height:190px;object-fit:cover;margin-top:9px;padding:5px;background:#f7f3e8;box-shadow:2px 4px 8px rgba(38,52,56,.18);transform:rotate(-1deg)}.element-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.element-grid label{display:grid;grid-template-columns:39px 1fr;align-items:center;color:#476a76;font:13px "Caveat"}.element-grid input{accent-color:#168b98}.calorie-row{display:grid;grid-template-columns:75px 1fr 70px;gap:6px}.calorie-row select{border:0;border-bottom:1px dashed #84969c;background:transparent;color:#4b6872;font:13px "Caveat"}

.daily-rapid-writing{min-height:310px;font-size:19px;line-height:28px}
.daily-memory{position:relative;padding:14px 17px;border-radius:5px 18px 7px 15px;background:rgba(65,121,140,.08);transform:rotate(.15deg)}
.daily-memory>span{color:#347187;font:700 7px "DM Sans";letter-spacing:.16em}
.daily-memory .lined{min-height:105px;margin-top:5px}

/* Scroll the full app, not each paper page */
html{overflow-y:auto;scroll-behavior:smooth}
body{overflow-x:hidden;overflow-y:visible}
.studio-layout{align-items:start;min-height:100vh;height:auto;grid-template-rows:62px auto}
.desk{height:auto;min-height:calc(100vh - 78px);overflow:visible}
.book,.pages{height:auto;max-height:none}
.page{height:auto;overflow:hidden}
.has-daily-tabs .page-content{max-height:none;overflow:visible;padding-right:0;scrollbar-width:none}
.has-daily-tabs .page-content::-webkit-scrollbar{display:none}
.utility-rail{position:sticky;top:70px;align-self:start;overflow:visible}
.utility-rail>.utility-card{min-height:0;overflow:hidden}

/* Collapsible right utility rail */
.studio-layout{transition:grid-template-columns .22s ease}
.utility-rail-toggle{position:absolute;z-index:5;left:-30px;top:12px;display:grid;place-items:center;width:30px;min-height:76px;padding:7px 3px;border:1px solid #33464d;border-right:0;border-radius:9px 0 0 9px;background:#0a171c;color:#16d2dd;cursor:pointer;box-shadow:-3px 3px 10px rgba(0,0,0,.25)}
.utility-rail-toggle span{font-size:20px;line-height:1}.utility-rail-toggle b{font:700 8px "DM Sans";letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.utility-rail-toggle:hover{background:#10252b;color:#7af4f5}
body.utility-rail-collapsed .studio-layout{grid-template-columns:minmax(680px,1fr) 42px}
body.utility-rail-collapsed .utility-rail{padding:0;border-left-color:#33464d;background:#0a171c}
body.utility-rail-collapsed .utility-rail>.utility-card{display:none}
body.utility-rail-collapsed .utility-rail-toggle{left:5px;top:12px;border-right:1px solid #33464d;border-radius:9px;box-shadow:none}
body.utility-rail-collapsed .desk{padding-right:20px}

/* Book of Shadows: respond to the actual paper width, not the browser width. */
.ember9-page-mount{container-type:inline-size}
#emberBookOfShadowsPage .bos-leftRail{max-height:calc(100vh - 175px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(224,187,114,.42) transparent}
#emberBookOfShadowsPage .bos-leftRail::-webkit-scrollbar{width:7px}
#emberBookOfShadowsPage .bos-leftRail::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(224,187,114,.42)}
@container (max-width:1250px){
  #emberBookOfShadowsPage .bos-layout{grid-template-columns:270px minmax(0,1fr)!important;gap:18px!important}
  #emberBookOfShadowsPage .bos-leftRail>.bos-heroCard{order:1}
  #emberBookOfShadowsPage .bos-leftRail>[data-card-id="bookofshadows-library-filters"]{order:2}
  #emberBookOfShadowsPage .bos-leftRail>.bos-library{order:3}
  #emberBookOfShadowsPage .bos-leftRail>[data-card-id="bookofshadows-create-tools"]{order:4}
  #emberBookOfShadowsPage .bos-bookSpread{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;filter:none!important}
  #emberBookOfShadowsPage .bos-bookSpread::after{display:none!important}
  #emberBookOfShadowsPage .bos-bookSpread>.bos-mainRail{padding:28px 32px 36px!important;border:1px solid rgba(224,187,114,.28)!important;border-radius:18px!important}
  #emberBookOfShadowsPage .bos-bookSpread>.bos-rightRail{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;padding:20px!important;border:1px solid rgba(224,187,114,.24)!important;border-radius:18px!important}
  #emberBookOfShadowsPage .bos-bookSpread>.bos-rightRail>.bos-sideCard{min-width:0!important}
  #emberBookOfShadowsPage .bos-panel{padding:16px!important}
}

/* Speak to Ember — intentionally isolated from the former bot system. */
.ember-speak-trigger{position:fixed;right:22px;bottom:22px;z-index:120;width:auto;min-height:48px;padding:0 16px;border:1px solid rgba(223,189,124,.58);border-radius:999px;background:linear-gradient(180deg,rgba(128,45,47,.98),rgba(68,20,26,.99));color:#f5dfad;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 12px 34px rgba(28,8,12,.48)}
.ember-speak-trigger span{font-size:18px}.ember-speak-trigger b{font:700 9px/1 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em}.ember-speak-trigger:hover{transform:translateY(-1px);border-color:#e2bd70}
.ember-speak-dialog{width:min(720px,calc(100vw - 28px));padding:0;border:1px solid rgba(205,170,107,.55);border-radius:22px;background:#21161a;color:#f7eee2;box-shadow:0 28px 90px rgba(16,6,10,.66);overflow:hidden}
.ember-speak-dialog::backdrop{background:rgba(20,10,14,.68);backdrop-filter:blur(7px)}
.ember-speak-shell{padding:24px;background:radial-gradient(circle at 12% 0%,rgba(117,47,51,.32),transparent 38%),linear-gradient(160deg,#2b1a20,#1b1417);font-family:"DM Sans",sans-serif}
.ember-speak-shell header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:19px}.ember-speak-shell header small,.ember-speak-preview>small{display:block;color:#cfaa68;font-weight:800;letter-spacing:.17em;font-size:10px}.ember-speak-shell h2{margin:5px 0 0;font:600 26px/1.15 "Playfair Display",serif;color:#fff7ea}.ember-speak-close{border:0;background:transparent;color:#cbbdbc;font-size:27px;cursor:pointer}
.ember-speak-input-row{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:8px}.ember-speak-input-row input{min-width:0;border:1px solid rgba(224,198,153,.28);border-radius:13px;background:rgba(255,255,255,.06);color:#fff7ea;padding:13px 15px;font:500 16px "DM Sans",sans-serif;outline:none}.ember-speak-input-row input:focus{border-color:#d8ae65;box-shadow:0 0 0 3px rgba(216,174,101,.11)}
.ember-speak-input-row button,.ember-speak-preview button,.ember-speak-examples button{border:1px solid rgba(224,198,153,.25);border-radius:12px;background:rgba(255,255,255,.07);color:#f4e7d4;padding:10px 14px;font:700 13px "DM Sans",sans-serif;cursor:pointer}.ember-speak-interpret,.ember-speak-confirm{background:#a94a43!important;border-color:#c16a5e!important;color:white!important}.ember-speak-mic{padding:0!important;font-size:13px!important;color:#d4a867!important}.ember-speak-mic.is-listening{color:#fff!important;background:#aa433f!important;animation:ember-listen 1s ease-in-out infinite}
.ember-speak-hint,.ember-speak-status{margin:10px 2px 0;color:#a99b99;font-size:12px}.ember-speak-status{min-height:18px;color:#d9c7ad}.ember-speak-preview{margin-top:14px;padding:17px;border:1px solid rgba(213,174,103,.33);border-radius:16px;background:rgba(255,255,255,.055)}.ember-speak-preview strong{display:block;margin-top:7px;color:#fff8ed;font-size:18px}.ember-speak-preview span,.ember-speak-preview p{display:block;margin:5px 0 0;color:#c8b8af;font-size:13px}.ember-speak-preview footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.ember-speak-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.ember-speak-examples button{padding:7px 10px;color:#bbaead;font-size:11px;background:transparent}
@keyframes ember-listen{50%{box-shadow:0 0 0 5px rgba(192,74,67,.22)}}
@media(max-width:620px){.ember-speak-shell{padding:18px}.ember-speak-input-row{grid-template-columns:minmax(0,1fr) 44px}.ember-speak-interpret{grid-column:1/-1}.ember-speak-shell h2{font-size:22px}}
@container (max-width:820px){
  #emberBookOfShadowsPage .bos-layout{grid-template-columns:1fr!important}
  #emberBookOfShadowsPage .bos-heroCard{padding:18px!important}
  #emberBookOfShadowsPage .bos-pageSubtitle{margin-top:6px!important}
  #emberBookOfShadowsPage .bos-library .bos-entryListWrap{max-height:58vh!important}
  #emberBookOfShadowsPage .bos-leftRail{position:static!important;max-height:none!important;overflow:visible!important}
  #emberBookOfShadowsPage .bos-rightRail{position:static!important}
  #emberBookOfShadowsPage .bos-bookSpread{grid-template-columns:1fr!important}
  #emberBookOfShadowsPage .bos-bookSpread::after{display:none!important}
  #emberBookOfShadowsPage .bos-bookSpread>.bos-mainRail,#emberBookOfShadowsPage .bos-bookSpread>.bos-rightRail{border:1px solid rgba(224,187,114,.24)!important;border-radius:14px!important}
  #emberBookOfShadowsPage .bos-bookSpread>.bos-rightRail{grid-template-columns:1fr!important}
}

/* Timeline Elemental Check-Ins: warm gold so they stand apart from standard events. */
.timeline-block.is-element-check{border-color:#d6a64b!important;border-left-color:#f0c66f!important;background:linear-gradient(135deg,#65401d,#3b2412)!important;box-shadow:0 3px 9px rgba(78,43,12,.42),0 0 0 1px rgba(240,198,111,.14)!important}
.timeline-block.is-element-check>b{color:#ffe2a1!important}

/* Front-page Elemental Check-In */
.elemental-checkin{position:relative;margin:5px 0 24px;padding:15px 17px 13px;border:1px solid rgba(28,111,128,.38);border-radius:18px 5px 20px 7px;background:linear-gradient(135deg,rgba(189,218,218,.42),rgba(255,255,255,.12));box-shadow:4px 5px 0 rgba(40,85,96,.06);transform:rotate(-.12deg)}
.elemental-checkin:before{content:"";position:absolute;top:-8px;left:38%;width:85px;height:16px;background:rgba(72,137,153,.22);transform:rotate(1deg)}
.elemental-checkin header{display:flex;justify-content:space-between;align-items:start;margin-bottom:9px}.elemental-checkin header small{color:#26768a;font-size:7px;letter-spacing:.15em}.elemental-checkin h2{margin:0;color:#245c72;font:700 23px "Caveat"}.elemental-checkin header>span{color:#168895}
.elemental-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px 13px}.elemental-controls label{display:grid;grid-template-columns:62px 1fr;align-items:center;font:15px "Caveat"}.elemental-controls label span{display:flex;justify-content:space-between;padding-right:6px}.elemental-controls b{color:#32788c}.elemental-controls input{width:100%}.elemental-controls .is-fire input{accent-color:#c66c4f}.elemental-controls .is-air input{accent-color:#829ca8}.elemental-controls .is-water input{accent-color:#3f8ead}.elemental-controls .is-earth input{accent-color:#718b69}
.elemental-log-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.elemental-log-row input{min-width:0;padding:7px 3px;border:0;border-bottom:1px dashed #76929b;outline:0;background:transparent;font:15px "Caveat"}.elemental-log-row button{border:0;border-radius:7px;padding:7px 10px;background:#187b89;color:white;font:700 9px "DM Sans";cursor:pointer}.elemental-log-row button:disabled{opacity:.5}.elemental-status{min-height:10px;margin:5px 0 0;color:#247a8d;font:9px "DM Sans"}

.daily-task-checklist{display:grid}.daily-task-checklist .priority{min-height:34px}.daily-task-checklist .priority span{display:block;min-width:0;flex:1}.daily-task-checklist .priority input:checked+span{text-decoration:line-through;text-decoration-color:#428493;color:#809095}.daily-task-checklist [data-placeholder]:empty:before{font-weight:400;color:#9aa5a4}
.task-add-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:-5px 0 8px}.task-add-row input{min-width:0;padding:7px 4px;border:0;border-bottom:1px dashed #71909a;outline:0;background:transparent;font:16px "Caveat"}.task-add-row button{border:0;border-radius:7px;padding:5px 11px;background:#187d89;color:#fff;font:700 9px "DM Sans"}.task-count,.routine-count{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:rgba(32,119,135,.1);color:#347a8a;font:700 8px "DM Sans"}.real-task-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:5px;min-height:34px;border-bottom:1px dashed rgba(72,105,115,.32)}.real-task-row>label{display:flex;align-items:center;gap:8px;min-width:0;font:16px "Caveat"}.real-task-row>label input{appearance:none;width:14px;height:14px;border:1px solid #527986}.real-task-row>label input:checked{background:#168b96;box-shadow:inset 0 0 0 3px #edf0e8}.real-task-row.done span{text-decoration:line-through;color:#849397}.task-star{border:0;background:transparent;color:#aeb7b7;cursor:pointer}.task-star.active{color:#cc9a3d}.real-task-row>div{display:flex}.real-task-row>div button{border:0;padding:3px;background:transparent;color:#63818a;font:10px "Caveat";cursor:pointer}.card-loading{margin:8px 0;color:#829297;font:14px "Caveat"}

/* Ember 9 element number choices and timeline badges */
.elemental-controls{grid-template-columns:1fr;gap:7px}.element-choice{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:7px}.element-choice>span{display:flex;justify-content:space-between;color:#426773;font:15px "Caveat"}.element-choice>div{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.element-choice button{border:1px solid rgba(70,105,116,.35);border-radius:50%;aspect-ratio:1;background:rgba(255,255,255,.18);color:#52717b;font:700 10px "DM Sans";cursor:pointer}.element-choice button.active{color:white;transform:scale(1.08)}.element-choice.is-fire button.active{background:#b95f43}.element-choice.is-air button.active{background:#718b98}.element-choice.is-water button.active{background:#347f9d}.element-choice.is-earth button.active{background:#627d5d}
.timeline-block.is-element-check{padding:5px 17px 4px 7px;border-color:#268c98;background:linear-gradient(135deg,#123d4c,#102f3b);overflow:visible}.timeline-block.is-element-check>b{font-size:8px;color:#9ee8e7}.timeline-element-badges{display:flex;gap:3px;margin:3px 0}.timeline-element-badges em{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border-radius:999px;font:normal 7px "DM Sans";background:rgba(255,255,255,.1)}.timeline-element-badges .fire{color:#ffad8d;background:rgba(185,74,43,.22)}.timeline-element-badges .air{color:#d5e3ea;background:rgba(125,151,163,.20)}.timeline-element-badges .water{color:#8fdbf2;background:rgba(45,128,158,.22)}.timeline-element-badges .earth{color:#b7dbad;background:rgba(87,127,76,.24)}.timeline-element-badges strong{color:inherit;font-size:8px}

/* Compact front-page check-in */
.elemental-checkin{margin:3px 0 15px;padding:10px 13px 8px}.elemental-checkin header{margin-bottom:5px}.elemental-checkin h2{font-size:19px}.elemental-checkin header small{font-size:6px}.elemental-controls{grid-template-columns:1fr 1fr;gap:5px 10px}.element-choice{grid-template-columns:52px 1fr;gap:4px}.element-choice>span{font-size:12px}.element-choice>div{gap:2px}.element-choice button{font-size:8px}.elemental-log-row{margin-top:7px}.elemental-log-row input{padding:4px 2px;font-size:13px}.elemental-log-row button{padding:5px 8px;font-size:8px}.elemental-status{margin-top:3px}
.element-choice>div{display:flex;gap:3px}.element-choice button{width:18px;height:18px;aspect-ratio:auto;padding:0;font-size:7px;line-height:16px;flex:0 0 18px}

/* Ember 9-inspired Journal studio */
.journal-studio{display:grid;gap:14px;color:#293f47}.journal-heading-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.journal-heading-row .section-heading{margin-bottom:0}.journal-new{flex:0 0 auto;margin-top:8px;padding:7px 11px;border:1px solid #6c9099;border-radius:999px;background:rgba(255,255,255,.25);color:#276d7c;font:700 9px "DM Sans";letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.journal-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;border:1px solid rgba(51,91,101,.2);border-radius:13px;background:rgba(54,105,116,.05)}.journal-mode-tabs button{min-width:0;padding:7px 3px;border:0;border-radius:9px;background:transparent;color:#668087;font:700 8px "DM Sans";cursor:pointer}.journal-mode-tabs button span{display:block;margin-bottom:2px;color:#2d7786;font:17px "Caveat"}.journal-mode-tabs button.active{background:linear-gradient(135deg,#167f8b,#2f6176);color:white;box-shadow:0 3px 8px rgba(22,70,79,.2)}.journal-mode-tabs button.active span{color:#aef2ef}.journal-title-field,.journal-writing-field{display:grid;gap:6px}.journal-title-field>span,.journal-writing-field>span{width:max-content;padding:1px 9px;background:rgba(23,131,142,.16);color:#245f70;font:700 15px "Caveat";transform:rotate(-.6deg)}.journal-title-field input{width:100%;padding:8px 7px;border:0;border-bottom:1px dashed #6f8d94;outline:0;background:transparent;color:#253e46;font:700 25px "Caveat"}.journal-mood-row{display:grid;grid-template-columns:auto 120px;gap:5px 10px;align-items:center;padding:10px 12px;border:1px dashed rgba(62,108,117,.37);border-radius:14px;background:rgba(255,255,255,.17)}.journal-mood-row label{font:700 14px "Caveat"}.journal-mood-row select{min-width:0;padding:5px;border:1px solid #91a7aa;border-radius:8px;background:#f4f0e5;color:#365b66;font:11px "DM Sans"}.journal-mood-row span{grid-column:1/-1;color:#70848a;font:13px "Caveat"}.journal-writing-field textarea{width:100%;height:315px;padding:7px 8px;border:0;outline:0;resize:vertical;background:repeating-linear-gradient(transparent 0 30px,rgba(87,124,131,.32) 31px);color:#263e45;font:19px/31px "Caveat"}.journal-draft-line{display:flex;justify-content:space-between;color:#5b858d;font:10px "DM Sans"}.journal-word-count{color:#829397}.journal-studio-right{align-content:start}.journal-prompt-card{position:relative;padding:15px 17px;border:1px solid rgba(118,91,101,.25);border-radius:5px 17px 7px 14px;background:rgba(196,175,186,.28);box-shadow:3px 4px 0 rgba(60,41,46,.05);transform:rotate(-.25deg)}.journal-prompt-card small,.journal-scrapbook small,.journal-memory-head small{color:#367689;font:700 7px "DM Sans";letter-spacing:.14em}.journal-prompt-card p{margin:6px 0 3px;font:18px "Caveat"}.journal-prompt-card button{float:right;border:0;border-bottom:1px dashed #778d91;background:transparent;color:#54757c;font:12px "Caveat";cursor:pointer}.journal-reflection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.journal-reflection-grid label{display:grid;gap:3px}.journal-reflection-grid span{padding:3px 7px;background:rgba(20,129,139,.14);color:#2e6875;font:700 13px "Caveat"}.journal-reflection-grid textarea{width:100%;height:82px;padding:6px;border:0;border-bottom:1px solid #9fb2b4;outline:0;resize:none;background:rgba(255,255,255,.13);font:14px "Caveat"}.journal-scrapbook{padding:12px;border:1px dashed #78969c;border-radius:14px;background:rgba(255,255,255,.14)}.journal-scrapbook header{display:flex;align-items:center;justify-content:space-between}.journal-scrapbook h3,.journal-memory-head h3{margin:1px 0;color:#315c69;font:700 19px "Caveat"}.journal-scrapbook header label{padding:5px 8px;border:1px solid #79969c;border-radius:999px;color:#337482;font:700 8px "DM Sans";cursor:pointer}.journal-image-preview>p{margin:8px 0 0;color:#8a989b;text-align:center;font:13px "Caveat"}.journal-image-preview figure{position:relative;width:max-content;max-width:100%;margin:14px auto 2px;padding:6px;background:#f7f3e8;box-shadow:3px 5px 9px rgba(30,43,46,.2);transform:rotate(-1deg)}.journal-image-preview img{display:block;max-width:100%;max-height:170px}.journal-image-preview button{position:absolute;right:3px;top:3px;border:0;border-radius:50%;background:#f5eee1dd;color:#694d48;cursor:pointer}.journal-tape{position:absolute;z-index:2;left:35%;top:-9px;width:62px;height:16px;background:rgba(68,137,148,.28);transform:rotate(3deg)}.journal-save{justify-self:end;width:58%;padding:9px 15px;border:0;background:linear-gradient(135deg,#167f8b,#2d5d72);color:white;clip-path:polygon(3% 7%,98% 0,100% 89%,4% 100%,0 52%);font:20px "Caveat";cursor:pointer}.journal-save span{color:#baf3ef}.journal-memory-head{display:flex;align-items:end;justify-content:space-between;gap:8px;padding-top:10px;border-top:2px dashed rgba(91,119,124,.3)}.journal-memory-head input{width:145px;min-width:0;padding:5px;border:0;border-bottom:1px solid #91a5a8;outline:0;background:transparent;font:12px "Caveat"}.journal-memory-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.journal-memory-list article{position:relative;min-width:0;border:1px solid rgba(93,113,111,.27);border-radius:4px;background:rgba(190,210,201,.32);box-shadow:2px 3px 0 rgba(52,70,67,.06);transform:rotate(-.25deg)}.journal-memory-open{display:flex;gap:7px;width:100%;min-height:96px;padding:10px 19px 8px 9px;border:0;background:transparent;color:#31494e;text-align:left;cursor:pointer}.journal-memory-open>span{color:#287888;font:22px "Caveat"}.journal-memory-open div{min-width:0}.journal-memory-open strong{display:block;overflow:hidden;font:700 16px "Caveat";text-overflow:ellipsis;white-space:nowrap}.journal-memory-open small{color:#6b8589;font:7px "DM Sans"}.journal-memory-open p{margin:4px 0 0;overflow:hidden;font:12px/1.25 "Caveat";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.journal-memory-delete{position:absolute;right:3px;top:2px;border:0;background:transparent;color:#7a6663;cursor:pointer}.journal-empty{grid-column:1/-1;margin:5px 0;color:#859598;text-align:center;font:14px "Caveat"}
@media(max-width:1050px){.journal-mode-tabs{grid-template-columns:repeat(2,1fr)}.journal-reflection-grid{grid-template-columns:1fr}.journal-memory-list{grid-template-columns:1fr}.journal-writing-field textarea{height:260px}}
.journal-studio{position:relative}
.journal-feelings{min-width:0;margin:0;padding:0;border:0}.journal-feelings legend{margin-bottom:5px;color:#315f6c;font:700 15px "Caveat"}.journal-feelings legend span{color:#168b99}.journal-feeling-picker{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px 9px;align-items:center;padding:10px 12px;border:1px dashed rgba(62,108,117,.37);border-radius:14px;background:rgba(255,255,255,.17)}.journal-feeling-icon{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border:1px solid #6e969d;border-radius:50%;color:#177f8d;background:rgba(36,133,145,.08);font-size:21px}.journal-feeling-picker select{width:100%;min-width:0;padding:6px 8px;border:1px solid #91a7aa;border-radius:8px;background:#f4f0e5;color:#365b66;font:11px "DM Sans"}.journal-feeling-note{color:#587981;font:14px "Caveat"}.journal-feeling-links{grid-column:2;display:flex;flex-wrap:wrap;gap:9px}.journal-feeling-links button{padding:0;border:0;border-bottom:1px dashed #729198;background:transparent;color:#397a87;font:11px "Caveat";cursor:pointer}.journal-second-feeling{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr 24px;align-items:center;gap:7px;margin-top:4px;padding-top:8px;border-top:1px dashed rgba(83,118,124,.28)}.journal-second-feeling[hidden],.journal-care-card[hidden]{display:none}.journal-second-feeling>span{font:13px "Caveat"}.journal-second-feeling>button,.journal-care-card>button{border:0;background:transparent;color:#70878b;cursor:pointer}.journal-care-card{position:relative;grid-column:1/-1;display:grid;gap:9px;margin-top:5px;padding:12px;border:1px solid rgba(64,119,128,.28);border-radius:10px;background:rgba(199,220,220,.28);box-shadow:inset 0 0 16px rgba(41,91,99,.05)}.journal-care-card>button{position:absolute;right:4px;top:3px}.journal-care-card>strong{padding-right:16px;color:#315f6b;font:700 15px "Caveat"}.journal-care-choices{display:flex;flex-wrap:wrap;gap:5px}.journal-care-choices button{padding:4px 8px;border:1px solid #78969c;border-radius:999px;background:rgba(255,255,255,.25);color:#3d707a;font:9px "DM Sans";cursor:pointer}.journal-care-choices button.selected{background:#187f8c;color:white}.journal-care-card label{display:grid;gap:4px;color:#536f76;font:12px "Caveat"}.journal-care-card input{width:100%;accent-color:#168b99}.journal-care-card label i{display:flex;justify-content:space-between;color:#839598;font:normal 8px "DM Sans"}.journal-care-card textarea{width:100%;height:55px;padding:5px;border:1px solid #9cafb1;border-radius:6px;outline:0;resize:none;background:rgba(255,255,255,.28);color:#304e55;font:13px "Caveat"}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.journal-toolstrip{display:flex;gap:4px;padding:5px 0;border-top:1px dashed rgba(63,105,114,.28);border-bottom:1px dashed rgba(63,105,114,.28)}.journal-toolstrip button{flex:1;padding:5px 3px;border:0;border-radius:6px;background:transparent;color:#3e7782;font:14px "Caveat";cursor:pointer}.journal-toolstrip button:hover{background:rgba(29,132,144,.09)}.journal-toolstrip span{font-size:11px}.journal-popover{position:absolute;z-index:20;top:205px;right:18px;width:225px;padding:13px;border:1px solid #78979d;border-radius:12px;background:#edf0e8;box-shadow:0 12px 25px rgba(37,61,66,.22)}.journal-popover[hidden]{display:none}.journal-popover strong{display:block;margin-bottom:8px;color:#315f6b;font:17px "Caveat"}.journal-popover div{display:flex;flex-wrap:wrap;gap:5px}.journal-sticker-tray button{width:31px;height:31px;border:1px solid rgba(69,111,119,.25);border-radius:8px;background:rgba(255,255,255,.4);font-size:17px;cursor:pointer}.journal-paper-tray button{padding:5px 8px;border:1px solid #78979d;border-radius:999px;background:rgba(255,255,255,.35);color:#3e7079;font:10px "DM Sans";cursor:pointer}
.journal-collections{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;padding-top:15px;border-top:2px dashed rgba(86,117,122,.3)}.journal-collections section{position:relative;min-width:0;padding:12px;border:1px solid rgba(76,111,116,.28);border-radius:6px 15px 7px 12px;box-shadow:3px 4px 0 rgba(46,75,79,.05)}.journal-collections header{display:flex;align-items:center;gap:7px}.journal-collections header>span{color:#1a8492;font:24px "Caveat"}.journal-collections h3{margin:0;color:#315e69;font:19px "Caveat"}.journal-collections header small{color:#71888d;font:6px "DM Sans";letter-spacing:.1em}.journal-quote-shelf{background:rgba(211,222,215,.38)}.journal-curiosity{background:rgba(222,218,181,.34)}.journal-quote-shelf>textarea{width:100%;height:58px;margin-top:8px;padding:6px;border:0;border-left:2px solid #498a94;resize:none;outline:0;background:rgba(255,255,255,.35);font:13px "Caveat"}.journal-quote-shelf>div:nth-of-type(1){display:grid;grid-template-columns:1fr auto;gap:4px}.journal-quote-shelf input{min-width:0;padding:4px;border:0;border-bottom:1px solid #91a5a6;background:transparent;font:11px "Caveat"}.journal-quote-shelf button,.journal-curiosity button{border:0;background:transparent;color:#397984;font:10px "Caveat";cursor:pointer}.journal-quote-shelf blockquote{position:relative;margin:8px 0 0;padding:8px 18px 8px 9px;background:rgba(255,255,255,.42);border-left:3px solid #538c93;font:13px "Caveat"}.journal-quote-shelf cite{display:block;color:#6d8285;text-align:right;font:9px "Caveat"}.journal-quote-shelf blockquote button{position:absolute;right:2px;top:1px}.journal-curiosity>article{margin-top:8px;padding:8px;background:rgba(255,255,255,.28);border:1px solid rgba(139,131,74,.25)}.journal-curiosity>article>small{color:#7e793e;font:6px "DM Sans";letter-spacing:.1em}.journal-curiosity>article p{min-height:35px;margin:5px 0;font:13px "Caveat"}.journal-curiosity>article div{display:flex;justify-content:flex-end;gap:4px}.journal-curiosity #journalFactList>p{position:relative;margin:6px 0 0;padding:6px 17px 6px 6px;background:rgba(255,255,255,.27);font:11px "Caveat"}.journal-curiosity #journalFactList span{color:#188391}.journal-curiosity #journalFactList button{position:absolute;right:2px;top:1px}.pages[data-journal-paper="lined"] .page{background-image:repeating-linear-gradient(transparent 0 30px,rgba(74,115,123,.15) 31px)}.pages[data-journal-paper="grid"] .page{background-image:linear-gradient(rgba(74,115,123,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(74,115,123,.12) 1px,transparent 1px);background-size:24px 24px}.pages[data-journal-paper="plain"] .page{background-image:linear-gradient(#f4f0e5,#efecdf)}.pages.journal-focus .page-right,.pages.journal-focus .center-fold{opacity:.12;filter:blur(1px)}.pages.journal-focus{grid-template-columns:1fr 0}.pages.journal-focus .page-left{grid-column:1/-1}.pages.journal-focus .journal-writing-field textarea{height:430px}@media(max-width:1050px){.journal-collections{grid-template-columns:1fr}.journal-popover{top:255px}}

/* Journal: Ember after dark */
.pages.journal-open{background:#1a1113;box-shadow:0 0 0 7px #2c1719,0 0 0 10px #a56731,0 0 0 14px #160b0d,0 24px 55px #0008}
.pages.journal-open .page{color:#ead9c7;background-color:#21191b;background-image:radial-gradient(circle,#91634542 .72px,transparent .85px),linear-gradient(115deg,rgba(255,102,44,.055),transparent 34%),linear-gradient(285deg,rgba(67,196,211,.04),transparent 37%);box-shadow:inset 0 0 55px #0008,inset 0 0 0 1px #5f4034}
.pages.journal-open .page-left{box-shadow:inset -24px 0 30px -20px #000}.pages.journal-open .page-right{box-shadow:inset 24px 0 30px -20px #000}
.pages.journal-open .page:before{border-color:#b06a3330;box-shadow:0 0 0 13px #ff642009,0 0 0 28px #ff642006}
.pages.journal-open .center-fold{background:linear-gradient(#513624,#d09a51 18%,#5c3925 50%,#c78f48 84%,#4b2c20);box-shadow:-12px 0 24px #0009,12px 0 24px #0009}
.pages.journal-open .page-number{color:#b8865d;background:#130d0e;border:1px solid #61432f}
.pages.journal-open .page-content:after{content:"☾";color:#cf7b3b66;text-shadow:-18px 10px 0 #2ab5c133,-6px 26px 0 #cf7b3b33}
.pages.journal-open .journal-studio{color:#e6d7c7}
.pages.journal-open .journal-hero{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin:-17px -18px 3px;padding:12px 15px;overflow:hidden;border:1px solid #714329;border-radius:4px;background:linear-gradient(105deg,#3d171b,#211315 60%,#132326);box-shadow:0 7px 18px #0007,inset 0 0 22px #f15d1510;transform:rotate(-.25deg)}
.journal-hero:after{content:"";position:absolute;right:16%;top:-35px;width:80px;height:80px;border:1px solid #e46c2e30;border-radius:50%;box-shadow:0 0 25px #e9511c22}
.journal-hero-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #be6b34;border-radius:50%;color:#ff7a36;font-size:20px;text-shadow:0 0 12px #ff4b1f;box-shadow:inset 0 0 15px #ef4c1822,0 0 12px #000}
.journal-hero div{display:grid}.journal-hero small{color:#cc8d63;font:700 7px "DM Sans";letter-spacing:.2em}.journal-hero strong{color:#f0dfcb;font:700 16px "Caveat"}.journal-hero time{color:#92c8ca;font:700 8px "DM Sans";letter-spacing:.08em;text-transform:uppercase}
.pages.journal-open .script-label{color:#48c3ce;text-shadow:0 0 10px #22aeba55}.pages.journal-open .section-heading h2{color:#f2dfca;text-shadow:0 2px 0 #000}.pages.journal-open .section-heading h2:after{background:linear-gradient(90deg,#ef652d66,#bd79342a,transparent)}.pages.journal-open .silver-rule{background:linear-gradient(90deg,#b87943,#5f3d31,transparent)}
.pages.journal-open .journal-new{border-color:#9b5a35;background:linear-gradient(135deg,#5b2024,#281719);color:#f0d7bd;box-shadow:0 3px 10px #0008}.pages.journal-open .journal-new:hover{border-color:#ff7335;color:#fff}
.pages.journal-open .journal-mode-tabs{border-color:#5a3c32;background:#151113;box-shadow:inset 0 0 15px #000}.pages.journal-open .journal-mode-tabs button{color:#a99383}.pages.journal-open .journal-mode-tabs button span{color:#bd8056}.pages.journal-open .journal-mode-tabs button:hover{background:#302023;color:#ead6c1}.pages.journal-open .journal-mode-tabs button.active{background:linear-gradient(135deg,#8e3028,#3e1b20 55%,#17373b);color:#fff0dc;box-shadow:0 3px 10px #000b,inset 0 0 0 1px #c46b3e}.pages.journal-open .journal-mode-tabs button.active span{color:#ff7a35;text-shadow:0 0 9px #ff5125}
.pages.journal-open .journal-title-field>span,.pages.journal-open .journal-writing-field>span{background:#6d3027;color:#f2d9bf;box-shadow:2px 3px 5px #0007}.pages.journal-open .journal-title-field input{border-color:#714a3b;color:#f0dfcb}.pages.journal-open input::placeholder,.pages.journal-open textarea::placeholder{color:#8d796e}
.pages.journal-open .journal-mood-row{border-color:#67463a;background:#171315}.pages.journal-open .journal-mood-row select{border-color:#684637;background:#281d20;color:#e1cdb8}.pages.journal-open .journal-mood-row span{color:#a79180}
.pages.journal-open .journal-writing-field textarea{padding:9px 11px;border:1px solid #543d36;border-radius:3px;background-color:#191416;background-image:repeating-linear-gradient(transparent 0 30px,#674c4e66 31px);color:#eadbc9;box-shadow:inset 5px 0 18px #0006;font-size:20px}.pages.journal-open .journal-draft-line{color:#71aeb1}
.journal-chapter-ribbon{display:grid;grid-template-columns:44px 1fr 30px;align-items:center;margin:-15px 0 3px;padding:8px 12px;border-top:1px solid #825033;border-bottom:1px solid #5d392c;background:linear-gradient(90deg,#36181c,#1a1416);box-shadow:0 5px 14px #0006;transform:rotate(.25deg)}.journal-chapter-ribbon>span{color:#ff7334;font:700 25px "Playfair Display"}.journal-chapter-ribbon>div{display:grid;color:#eedbc5;font:700 10px "DM Sans";letter-spacing:.15em}.journal-chapter-ribbon small{color:#9b8270;font:9px "Caveat";letter-spacing:0}.journal-chapter-ribbon b{color:#49bec7;font-size:19px;text-shadow:0 0 11px #1ea7b8}
.pages.journal-open .journal-prompt-card{border-color:#674333;background:linear-gradient(135deg,#392428,#282023);box-shadow:3px 5px 10px #0008}.pages.journal-open .journal-prompt-card small,.pages.journal-open .journal-scrapbook small,.pages.journal-open .journal-memory-head small{color:#df814b}.pages.journal-open .journal-prompt-card button{color:#75b9bc;border-color:#557f80}
.pages.journal-open .journal-reflection-grid span{background:#673329;color:#f0d7bd}.pages.journal-open .journal-reflection-grid label:nth-child(2) span{background:#254f52}.pages.journal-open .journal-reflection-grid label:nth-child(3) span{background:#57412a}.pages.journal-open .journal-reflection-grid textarea{border-color:#5b4138;background:#181416;color:#e8d8c6}
.pages.journal-open .journal-scrapbook{border-color:#79513b;background:#171315;box-shadow:inset 0 0 20px #0006}.pages.journal-open .journal-scrapbook h3,.pages.journal-open .journal-memory-head h3{color:#ead7c0}.pages.journal-open .journal-scrapbook header label{border-color:#8a5637;color:#e79b68}.pages.journal-open .journal-image-preview>p{color:#8f7a6b}.pages.journal-open .journal-save{background:linear-gradient(135deg,#9a3527,#5f2024 55%,#17616a);box-shadow:0 6px 13px #0008}.pages.journal-open .journal-save span{color:#ff9a62}
.pages.journal-open .journal-memory-head{border-color:#594038}.pages.journal-open .journal-memory-head input{border-color:#5e4941;color:#e7d6c3}.pages.journal-open .journal-memory-list article{border-color:#6d4938;background:linear-gradient(145deg,#382328,#21191c);box-shadow:3px 5px 9px #0009}.pages.journal-open .journal-memory-list article:nth-child(even){background:linear-gradient(145deg,#1f3736,#171d1e)}.pages.journal-open .journal-memory-open{color:#ead9c6}.pages.journal-open .journal-memory-open>span{color:#f37537;text-shadow:0 0 8px #ef4b22}.pages.journal-open .journal-memory-open small{color:#62b4ba}.pages.journal-open .journal-memory-delete{color:#c58868}.pages.journal-open .journal-empty{color:#9c8879}
@media(max-width:760px){.journal-hero{grid-template-columns:38px 1fr}.journal-hero time{display:none}.journal-chapter-ribbon{margin-top:0}}

/* Keep Journal inside Ember X's original silverleaf palette. */
body .pages.journal-open{background:#b1b7bb;box-shadow:none}
body .pages.journal-open .page{color:var(--ink);background-color:#f4f0e5;background-image:radial-gradient(circle,#a8aaa4 .72px,transparent .9px),radial-gradient(ellipse at 10% 4%,rgba(68,124,151,.10),transparent 24%),radial-gradient(ellipse at 92% 94%,rgba(104,142,153,.08),transparent 25%);box-shadow:inset 0 0 45px rgba(93,80,58,.08)}
body .pages.journal-open .page-left{box-shadow:inset -18px 0 24px -26px #26323a}body .pages.journal-open .page-right{box-shadow:inset 18px 0 24px -26px #26323a}
body .pages.journal-open .center-fold{background:linear-gradient(#65747a,#d9d4c8 12%,#748087 50%,#ded8cc 88%,#65747a);box-shadow:-11px 0 20px rgba(34,40,41,.12),11px 0 20px rgba(34,40,41,.12)}
body .pages.journal-open .page-number{color:#26617a;background:rgba(48,106,131,.08);border:0}body .pages.journal-open .journal-studio{color:#293f47}
body .pages.journal-open .journal-hero{border-color:rgba(45,111,128,.3);background:linear-gradient(105deg,rgba(194,218,219,.65),rgba(244,240,229,.88) 62%,rgba(181,207,213,.55));box-shadow:0 5px 14px rgba(38,74,82,.12);color:#294f5d}
body .journal-hero:after{border-color:rgba(31,135,151,.18);box-shadow:none}body .journal-hero-mark{border-color:#478697;color:#168b99;text-shadow:none;box-shadow:inset 0 0 12px rgba(32,137,151,.1)}
body .journal-hero small{color:#39798a}body .journal-hero strong{color:#294f5d}body .journal-hero time{color:#39798a}
body .pages.journal-open .script-label{color:#17647e;text-shadow:1px 1px 0 rgba(255,255,255,.65)}body .pages.journal-open .section-heading h2{color:#364550;text-shadow:none}body .pages.journal-open .section-heading h2:after{background:linear-gradient(90deg,rgba(6,151,164,.30),rgba(74,121,147,.12),transparent)}body .pages.journal-open .silver-rule{background:linear-gradient(90deg,rgba(48,94,116,.72),rgba(111,143,156,.18),transparent)}
body .pages.journal-open .journal-new{border-color:#6c9099;background:rgba(255,255,255,.25);color:#276d7c;box-shadow:none}body .pages.journal-open .journal-mode-tabs{border-color:rgba(51,91,101,.2);background:rgba(54,105,116,.05);box-shadow:none}body .pages.journal-open .journal-mode-tabs button{color:#668087}body .pages.journal-open .journal-mode-tabs button span{color:#2d7786}body .pages.journal-open .journal-mode-tabs button.active{background:linear-gradient(135deg,#167f8b,#2f6176);color:#fff;box-shadow:0 3px 8px rgba(22,70,79,.2)}body .pages.journal-open .journal-mode-tabs button.active span{color:#aef2ef;text-shadow:none}
body .pages.journal-open .journal-title-field>span,body .pages.journal-open .journal-writing-field>span{background:rgba(23,131,142,.16);color:#245f70;box-shadow:none}body .pages.journal-open .journal-title-field input{border-color:#6f8d94;color:#253e46}body .pages.journal-open input::placeholder,body .pages.journal-open textarea::placeholder{color:#8d9a9c}
body .pages.journal-open .journal-mood-row{border-color:rgba(62,108,117,.37);background:rgba(255,255,255,.17)}body .pages.journal-open .journal-mood-row select{border-color:#91a7aa;background:#f4f0e5;color:#365b66}body .pages.journal-open .journal-mood-row span{color:#70848a}
body .pages.journal-open .journal-writing-field textarea{border:0;background:repeating-linear-gradient(transparent 0 30px,rgba(87,124,131,.32) 31px);color:#263e45;box-shadow:none}body .pages.journal-open .journal-draft-line{color:#5b858d}
body .journal-chapter-ribbon{border-color:rgba(55,113,128,.3);background:linear-gradient(90deg,rgba(191,216,218,.72),rgba(241,239,229,.8));box-shadow:0 4px 12px rgba(40,75,82,.1)}body .journal-chapter-ribbon>span{color:#168b99}body .journal-chapter-ribbon>div{color:#315c69}body .journal-chapter-ribbon small{color:#71868b}body .journal-chapter-ribbon b{color:#287a8b;text-shadow:none}
body .pages.journal-open .journal-prompt-card{border-color:rgba(118,91,101,.25);background:rgba(196,175,186,.28);box-shadow:3px 4px 0 rgba(60,41,46,.05)}body .pages.journal-open .journal-prompt-card small,body .pages.journal-open .journal-scrapbook small,body .pages.journal-open .journal-memory-head small{color:#367689}body .pages.journal-open .journal-prompt-card button{color:#54757c}
body .pages.journal-open .journal-reflection-grid span,body .pages.journal-open .journal-reflection-grid label:nth-child(2) span,body .pages.journal-open .journal-reflection-grid label:nth-child(3) span{background:rgba(20,129,139,.14);color:#2e6875}body .pages.journal-open .journal-reflection-grid textarea{border-color:#9fb2b4;background:rgba(255,255,255,.13);color:#293f47}
body .pages.journal-open .journal-scrapbook{border-color:#78969c;background:rgba(255,255,255,.14);box-shadow:none}body .pages.journal-open .journal-scrapbook h3,body .pages.journal-open .journal-memory-head h3{color:#315c69}body .pages.journal-open .journal-scrapbook header label{border-color:#79969c;color:#337482}body .pages.journal-open .journal-save{background:linear-gradient(135deg,#167f8b,#2d5d72);box-shadow:none}
body .pages.journal-open .journal-memory-list article,body .pages.journal-open .journal-memory-list article:nth-child(even){border-color:rgba(93,113,111,.27);background:rgba(190,210,201,.32);box-shadow:2px 3px 0 rgba(52,70,67,.06)}body .pages.journal-open .journal-memory-open{color:#31494e}body .pages.journal-open .journal-memory-open>span{color:#287888;text-shadow:none}body .pages.journal-open .journal-memory-open small{color:#6b8589}

/* Journal readability */
.journal-studio .script-label{font-size:27px}.journal-studio .section-heading h2{font-size:34px}.journal-hero strong{font-size:20px}.journal-hero small,.journal-hero time{font-size:9px}.journal-mode-tabs button{font-size:11px}.journal-mode-tabs button span{font-size:21px}.journal-toolstrip button{font-size:17px}.journal-toolstrip button span{font-size:14px}.journal-title-field>span,.journal-writing-field>span{font-size:19px}.journal-title-field input{font-size:30px}.journal-feelings legend{font-size:19px}.journal-feeling-picker select{font-size:14px}.journal-feeling-note{font-size:17px}.journal-feeling-links button{font-size:14px}.journal-second-feeling>span{font-size:16px}.journal-care-card>strong{font-size:18px}.journal-care-card label{font-size:15px}.journal-care-choices button{font-size:12px}.journal-care-card textarea{font-size:16px}.journal-writing-field textarea{font-size:23px;line-height:34px}.journal-draft-line{font-size:12px}.journal-chapter-ribbon>div{font-size:13px}.journal-chapter-ribbon small{font-size:11px}.journal-prompt-card small,.journal-scrapbook small,.journal-memory-head small{font-size:9px}.journal-prompt-card p{font-size:22px}.journal-prompt-card button{font-size:15px}.journal-reflection-grid span{font-size:17px}.journal-reflection-grid textarea{font-size:17px}.journal-scrapbook h3,.journal-memory-head h3{font-size:23px}.journal-scrapbook header label{font-size:11px}.journal-image-preview>p{font-size:16px}.journal-save{font-size:24px}.journal-memory-head input{font-size:15px}.journal-memory-open strong{font-size:20px}.journal-memory-open small{font-size:10px}.journal-memory-open p{font-size:15px}.journal-empty{font-size:17px}.journal-collections h3{font-size:23px}.journal-collections header small{font-size:8px}.journal-quote-shelf>textarea{font-size:16px}.journal-quote-shelf input{font-size:14px}.journal-quote-shelf button,.journal-curiosity button{font-size:13px}.journal-quote-shelf blockquote{font-size:16px}.journal-quote-shelf cite{font-size:12px}.journal-curiosity>article>small{font-size:8px}.journal-curiosity>article p{font-size:16px}.journal-curiosity #journalFactList>p{font-size:14px}

/* Primary Daily Routine card */
.routine-card-actions{display:flex;align-items:center;gap:8px}
.routine-edit-button{border:1px solid rgba(94,125,139,.35);border-radius:999px;padding:5px 10px;background:rgba(255,255,255,.55);color:inherit;font:700 10px/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.routine-edit-button:hover{background:#fff}
.routine-editor{width:min(520px,calc(100% - 28px));padding:0;border:1px solid #8b765d;border-radius:8px;background:#f6efdf;color:#322c25;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.routine-editor::backdrop{background:rgba(22,16,12,.58);backdrop-filter:blur(2px)}
.routine-editor-form{display:grid;gap:14px;padding:22px}
.routine-editor-form>header{display:flex;align-items:flex-start;justify-content:space-between}.routine-editor-form h2{margin:2px 0 0}.routine-editor-form header small{letter-spacing:.12em}.routine-editor-form header button{border:0;background:transparent;font-size:25px;cursor:pointer}
.routine-editor-form>p{margin:0;color:#6b5d4d;font-size:13px}.routine-editor-items{display:grid;gap:8px;max-height:45vh;overflow:auto}.routine-editor-row{display:grid;grid-template-columns:1fr auto;gap:7px}.routine-editor-row input{min-width:0;padding:10px;border:1px solid #b9a990;border-radius:5px;background:#fffaf0}.routine-editor-row button{width:38px;border:1px solid #bea993;border-radius:5px;background:transparent;color:#765548;cursor:pointer}.routine-editor-add{justify-self:start;border:1px dashed #8b765d;border-radius:5px;padding:8px 11px;background:transparent;cursor:pointer}.routine-editor-error{min-height:18px;color:#98423e!important}.routine-editor-form footer{display:flex;justify-content:flex-end;gap:8px}.routine-editor-form footer button{padding:9px 13px;border:1px solid #8b765d;border-radius:5px;background:#eee3d0;cursor:pointer}.routine-editor-form footer .routine-editor-save{background:#345f67;color:#fff}
.pages.has-daily-tabs:not(.journal-open) .page-left .page-content{position:relative}.pages.has-daily-tabs:not(.journal-open) .date-block{min-height:122px;padding-right:165px}.pages.has-daily-tabs:not(.journal-open) .mini-calendar{position:absolute;z-index:4;right:0;top:0;width:148px;margin:0;padding:8px 7px 7px;gap:1px;border-radius:14px 5px 15px 6px;background:rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px rgba(65,100,114,.24),2px 3px 0 rgba(52,89,103,.05);transform:none}.pages.has-daily-tabs:not(.journal-open) .mini-calendar:before{display:none}.mini-calendar-nav{grid-column:1/-1;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;margin-bottom:3px}.mini-calendar-nav strong{color:#2f6e81;font:700 10px "DM Sans";letter-spacing:.06em;text-align:center;text-transform:uppercase}.mini-calendar .mini-calendar-nav button{width:20px;height:20px;aspect-ratio:auto;color:#287286;font-size:15px}.mini-calendar button{display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;color:#60767d;font:700 8px "DM Sans";cursor:pointer}.mini-calendar button:hover{background:rgba(30,137,151,.12);color:#176f7d}.mini-calendar button.selected{background:#247889;color:white;box-shadow:0 0 0 2px rgba(36,120,137,.13)}
.daily-routine-card{position:relative;margin:0 0 23px;padding:15px 17px;border-radius:6px 19px 8px 16px;background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(186,211,215,.27));box-shadow:inset 0 0 0 1px rgba(53,101,115,.27),3px 5px 0 rgba(44,77,86,.05);transform:rotate(.1deg)}
.daily-calendar-card{margin:14px 0;background:linear-gradient(145deg,rgba(242,249,247,.96),rgba(221,239,240,.82));border-left:4px solid #3b8f99}.daily-calendar-card header{margin-bottom:9px}.daily-calendar-items{display:grid;gap:7px}.daily-calendar-entry,.daily-calendar-plan{display:grid;align-items:start;gap:9px;padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.58);box-shadow:inset 0 0 0 1px rgba(65,107,116,.13)}.daily-calendar-entry{grid-template-columns:58px 1fr}.daily-calendar-entry.personal{border-left:3px solid #58a994}.daily-calendar-entry.work{border-left:3px solid #5c88b5}.daily-calendar-entry.important{border-left:3px solid #c56d62}.daily-calendar-time{color:#397585;font-size:8px;font-weight:800;letter-spacing:.08em}.daily-calendar-entry b,.daily-calendar-plan b{color:#274f59;font:700 15px "Caveat"}.daily-calendar-entry small{display:block;margin-top:2px;color:#61777c;font-size:9px}.daily-calendar-plan{grid-template-columns:72px 1fr}.daily-calendar-plan span{color:#397585;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.daily-calendar-empty{margin:4px 0;color:#698087;font:14px "Caveat"}
.daily-routine-card header{display:flex;align-items:start;justify-content:space-between;margin-bottom:7px}.daily-routine-card header small{color:#3a7789;font-size:7px;letter-spacing:.13em}.daily-routine-card h2{margin:0;color:#285d70;font:700 23px "Caveat"}
.daily-routine-list{display:grid}.daily-routine-list label{display:grid;grid-template-columns:17px 1fr 14px;align-items:center;gap:8px;min-height:29px;border-bottom:1px dashed rgba(80,111,120,.29);font:16px "Caveat";cursor:pointer}.daily-routine-list input{appearance:none;width:14px;height:14px;border:1px solid #507887;border-radius:50%}.daily-routine-list input:checked{background:#178b95;box-shadow:inset 0 0 0 3px #e9eee8}.daily-routine-list input:checked+span{text-decoration:line-through;text-decoration-color:#3b8592;color:#75898f}.daily-routine-list i{color:#7f9ca4;font-style:normal}.daily-routine-list input:checked~i{color:#128d98}.routine-status{min-height:11px;margin:7px 0 0;color:#43808f;font:9px "DM Sans"}
.self-index{padding:8px 4px 28px}.index-intro{margin:0 0 20px;color:var(--ink-soft,#665b55);line-height:1.6}.index-search{display:grid;gap:6px;margin:18px 0 22px}.index-search span{font-size:10px;font-weight:800;letter-spacing:.16em}.index-search input{width:100%;box-sizing:border-box;border:0;border-bottom:2px solid rgba(70,55,48,.3);background:rgba(255,255,255,.28);padding:12px 10px;font:inherit;color:inherit;outline:none}.index-search input:focus{border-color:#8d353d}.index-page-list,.index-card-list{display:grid;gap:8px}.index-page-list button,.index-card-list button{appearance:none;width:100%;border:0;border-bottom:1px dotted rgba(70,55,48,.28);background:transparent;color:inherit;text-align:left;cursor:pointer;padding:10px 6px}.index-page-list button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px}.index-page-list button span{font-family:Georgia,serif;color:#8d353d}.index-page-list button strong{font-family:Georgia,serif;font-size:17px}.index-page-list button small{opacity:.6}.index-card-list button{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.index-card-list button strong{font-family:Georgia,serif;font-size:16px}.index-card-list button span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.index-card-list button code{grid-column:1/-1;font-size:10px;opacity:.55;overflow-wrap:anywhere}.index-page-list button:hover,.index-card-list button:hover{background:rgba(141,53,61,.07)}.index-empty{padding:18px 4px;font-style:italic;opacity:.65}
.index-directory{display:grid;gap:20px}.index-directory-group h3,.index-recent h3,.index-help h3{margin:0 0 8px;font:600 15px Georgia,serif;color:#315f70}.index-directory-group{break-inside:avoid}.index-query-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(70,55,48,.15);background:rgba(255,255,255,.25)}.index-query-note button{border:0;background:transparent;color:#8d353d;font-weight:700;cursor:pointer}.index-result-label{margin:18px 0 6px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#8d353d}.index-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 28px}.index-stats article{display:grid;place-items:center;gap:3px;padding:18px 8px;border:1px solid rgba(70,55,48,.14);background:rgba(255,255,255,.24)}.index-stats b{font:600 28px Georgia,serif;color:#315f70}.index-stats span{font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.index-recent{margin-top:10px}.index-help{margin-top:28px;padding:18px;border-left:4px solid #2799a8;background:rgba(39,153,168,.06)}.index-help p{font-size:13px;line-height:1.55;margin:8px 0}.index-overview .index-card-list button{grid-template-columns:1fr auto}
.index-page-list button.is-selected{background:rgba(39,153,168,.11);box-shadow:inset 4px 0 #2799a8}.index-page-cards header{position:relative}.index-open-page{margin:4px 0 10px;padding:8px 13px;border:1px solid rgba(49,95,112,.35);border-radius:4px;background:rgba(49,95,112,.08);color:#315f70;font-weight:700;cursor:pointer}.index-open-page:hover{background:rgba(39,153,168,.14)}

.daily-calendar-plan span em{display:block;margin-bottom:2px;color:#8d353d;font-style:normal;font-size:7px;letter-spacing:.04em}

/* The compact Timeline uses 144 ten-minute rows at seven pixels each. */
.timeline-canvas{height:5184px;margin-left:55px}
.timeline-slot{left:-55px;width:calc(100% + 55px);height:18px}
.timeline-slot time{top:2px;left:0;width:49px;font-size:9px;font-weight:700;line-height:14px}
.timeline-now{left:-55px}
.timeline-now:before{left:50px}
.timeline-now span{font-size:9px}

/* Browser-zoom and narrow-viewport resilience.
   Zooming in reduces the CSS viewport, so the planner must be allowed to
   shrink instead of retaining the studio's desktop minimum width. */
html{max-width:100%;overflow-x:clip}
body,.studio-layout,.desk,.planner-shell,.book,.pages,.page,.page-content{min-width:0;max-width:100%}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.ember9-page-mount,.ember9-page-mount>*{min-width:0;max-width:100%}

/* Full Card Catalog, fitted to the Ember X book without dropping the editor. */
.ember9-open #emberCardCatalogPage{
  grid-template-columns:minmax(260px,34%) minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.ember9-open #emberCardCatalogPage .catalog-columnLeft,
.ember9-open #emberCardCatalogPage .catalog-columnMiddle,
.ember9-open #emberCardCatalogPage .catalog-columnRight{
  grid-column:auto;
  grid-row:auto;
}
.ember9-open #emberCardCatalogPage .catalog-card,
.ember9-open #emberCardCatalogPage .catalog-subCard{
  padding:14px;
  gap:12px;
  color:#29434b;
  border:1px solid rgba(48,94,105,.24)!important;
  background:rgba(255,255,255,.36)!important;
  box-shadow:3px 4px 0 rgba(44,83,90,.06)!important;
}
.ember9-open #emberCardCatalogPage .catalog-cardTitle,
.ember9-open #emberCardCatalogPage .catalog-subCardTitle,
.ember9-open #emberCardCatalogPage .catalog-sectionTitle{
  color:#294c60;
}
.ember9-open #emberCardCatalogPage .catalog-cardMeta,
.ember9-open #emberCardCatalogPage .catalog-metaLabel,
.ember9-open #emberCardCatalogPage .catalog-searchResultMeta,
.ember9-open #emberCardCatalogPage .catalog-searchResultId,
.ember9-open #emberCardCatalogPage .catalog-listItemMeta,
.ember9-open #emberCardCatalogPage .catalog-muted,
.ember9-open #emberCardCatalogPage .catalog-searchHint,
.ember9-open #emberCardCatalogPage .catalog-searchEmpty{
  color:#687d83;
}
.ember9-open #emberCardCatalogPage .catalog-label,
.ember9-open #emberCardCatalogPage .catalog-eyebrow,
.ember9-open #emberCardCatalogPage .catalog-checkRow{
  color:#526f77;
  opacity:1;
}
.ember9-open #emberCardCatalogPage .catalog-label{
  font-weight:700;
}
.ember9-open #emberCardCatalogPage .catalog-metaValue,
.ember9-open #emberCardCatalogPage .catalog-notesBlock,
.ember9-open #emberCardCatalogPage .catalog-listItemTitle,
.ember9-open #emberCardCatalogPage .catalog-searchResultTitle{
  color:#29434b;
}
.ember9-open #emberCardCatalogPage .catalog-input,
.ember9-open #emberCardCatalogPage .catalog-select,
.ember9-open #emberCardCatalogPage .catalog-textarea{
  color:#29434b;
  border-color:rgba(48,94,105,.3);
  background:rgba(255,255,255,.5);
}
.ember9-open #emberCardCatalogPage .catalog-input::placeholder,
.ember9-open #emberCardCatalogPage .catalog-textarea::placeholder{
  color:#7b8d91;
  opacity:1;
}
.ember9-open #emberCardCatalogPage .catalog-empty,
.ember9-open #emberCardCatalogPage .catalog-emptyTall,
.ember9-open #emberCardCatalogPage .catalog-linkedEmpty{
  color:#687d83;
  border-color:rgba(48,94,105,.26);
  background:rgba(255,255,255,.2);
  opacity:1;
}
.ember9-open #emberCardCatalogPage .catalog-select option{
  color:#29434b;
  background:#f3efe4;
}
.ember9-open #emberCardCatalogPage .catalog-previewMetaItem,
.ember9-open #emberCardCatalogPage .catalog-listItem,
.ember9-open #emberCardCatalogPage .catalog-searchResult{
  color:#29434b;
  border-color:rgba(48,94,105,.18);
  background:rgba(255,255,255,.28);
}
.ember9-open #emberCardCatalogPage .catalog-editorGrid,
.ember9-open #emberCardCatalogPage .catalog-editorSubGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* Sheets ships with a dark standalone palette, but Ember's notebook shell
   renders its cards on light paper. Keep all copy legible in that context. */
.ember9-open #emberSheetsPage{
  color:#29434b;
}
.ember9-open #emberSheetsPage .sheets-pageTitle,
.ember9-open #emberSheetsPage .sheets-title-input,
.ember9-open #emberSheetsPage .sheets-linkedCompactTitle,
.ember9-open #emberSheetsPage .sheets-searchResultTitle,
.ember9-open #emberSheetsPage .sheets-columnNameInput,
.ember9-open #emberSheetsPage .sheets-cell-input{
  color:#29434b!important;
}
.ember9-open #emberSheetsPage .sheets-pageEyebrow,
.ember9-open #emberSheetsPage .sheets-cardEyebrow,
.ember9-open #emberSheetsPage .sheets-sectionLabel,
.ember9-open #emberSheetsPage .sheets-cardIdLabel,
.ember9-open #emberSheetsPage .sheets-cardTypeLabel,
.ember9-open #emberSheetsPage .sheets-columnLetter,
.ember9-open #emberSheetsPage .sheets-rowActionHeader,
.ember9-open #emberSheetsPage .sheets-rowNumber{
  color:#356d78!important;
}
.ember9-open #emberSheetsPage .sheets-pageSubtitle,
.ember9-open #emberSheetsPage .sheets-sectionNote,
.ember9-open #emberSheetsPage .sheets-linkedCompactEmpty,
.ember9-open #emberSheetsPage .sheets-searchResultMeta,
.ember9-open #emberSheetsPage .sheets-empty-cell,
.ember9-open #emberSheetsPage .sheets-emptyArchive{
  color:#687d83!important;
}
.ember9-open #emberSheetsPage .sheets-cardIdValue,
.ember9-open #emberSheetsPage .sheets-cardTypeValue{
  color:#315e69!important;
}
.ember9-open #emberSheetsPage .sheets-btn{
  color:#356d78!important;
}
.ember9-open #emberSheetsPage .sheets-btnPrimary{
  color:#04141a!important;
}
.ember9-open #emberSheetsPage .sheets-btnDanger,
.ember9-open #emberSheetsPage .sheets-deleteColumnButton,
.ember9-open #emberSheetsPage .sheets-deleteRowButton{
  color:#944d49!important;
}
.ember9-open #emberSheetsPage .sheets-linkedCompactType,
.ember9-open #emberSheetsPage .sheets-sortButton,
.ember9-open #emberSheetsPage .sheets-sortButtonIcon{
  color:#287888!important;
}
.ember9-open #emberSheetsPage .sheets-searchInput{
  color:#29434b!important;
}
.ember9-open #emberSheetsPage .sheets-searchInput::placeholder,
.ember9-open #emberSheetsPage .sheets-cell-input::placeholder,
.ember9-open #emberSheetsPage .sheets-columnNameInput::placeholder,
.ember9-open #emberSheetsPage .sheets-title-input::placeholder{
  color:#7b8d91!important;
  opacity:1;
}
.ember9-open #emberSheetsPage .sheets-table-wrap{
  border-color:rgba(48,94,105,.28)!important;
  background:rgba(219,226,220,.56)!important;
}
.ember9-open #emberSheetsPage .sheets-th,
.ember9-open #emberSheetsPage .sheets-td{
  border-color:rgba(48,94,105,.18)!important;
  background:rgba(246,243,234,.88)!important;
}
.ember9-open #emberSheetsPage .sheets-stickyHeaderCell{
  background:linear-gradient(180deg,#dce7e3 0%,#ceddda 100%)!important;
  box-shadow:0 1px 0 rgba(48,94,105,.22),0 5px 12px rgba(47,77,78,.10)!important;
}
.ember9-open #emberSheetsPage .sheets-stickyFirstColumn:not(.sheets-stickyHeaderCell){
  background:linear-gradient(180deg,#f6f3ea 0%,#ebece4 100%)!important;
  box-shadow:1px 0 0 rgba(48,94,105,.18),6px 0 12px rgba(47,77,78,.07)!important;
}
.ember9-open #emberSheetsPage .sheets-columnNameInput,
.ember9-open #emberSheetsPage .sheets-sortButton{
  border-color:rgba(48,94,105,.24)!important;
  background:rgba(255,255,255,.46)!important;
}
.ember9-open #emberSheetsPage .sheets-tdRowActions{
  background:rgba(229,234,226,.82)!important;
}
.ember9-open #emberSheetsPage .sheets-empty-cell{
  background:rgba(238,237,228,.82)!important;
  color:#58757d!important;
}
.ember9-open #emberCardCatalogPage .catalog-mediaSection{
  grid-template-columns:minmax(0,1fr);
}
.ember9-open #emberCardCatalogPage .catalog-columnLeft .catalog-filterGrid,
.ember9-open #emberCardCatalogPage .catalog-columnMiddle .catalog-previewMetaGrid{
  grid-template-columns:minmax(0,1fr);
}
.ember9-open #emberCardCatalogPage .catalog-columnLeft .catalog-createRow{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.ember9-open #emberCardCatalogPage .catalog-editorGrid .catalog-fieldWide,
.ember9-open #emberCardCatalogPage .catalog-editorSubGrid .catalog-fieldWide{
  grid-column:1 / -1;
}

@media(max-width:820px){
  .ember9-open #emberCardCatalogPage{grid-template-columns:minmax(0,1fr)}
  .ember9-open #emberCardCatalogPage .catalog-columnLeft,
  .ember9-open #emberCardCatalogPage .catalog-columnMiddle,
  .ember9-open #emberCardCatalogPage .catalog-columnRight{
    grid-column:1;
    grid-row:auto;
  }
}

@media(max-width:1100px){
  .studio-layout{grid-template-columns:minmax(0,1fr)}
  .command-rail,.utility-rail{display:none}
  .desk{width:100%;padding:18px 18px 28px 78px}
  .planner-shell{width:100%;margin:0}
  .book,.pages{height:auto;max-height:none}
  .pages{grid-template-columns:minmax(0,1fr)}
  .page{width:100%;padding:clamp(22px,5vw,42px)}
  .page-left,.page-right{display:block;border-radius:3px;box-shadow:none}
  .center-fold{display:none}
  .tabs{left:-66px;right:auto}
  .time-open .page-left .page-content{width:100%}
  .list-columns,.calendar-stats,.calendar-card-deck,.journal-collections{grid-template-columns:minmax(0,1fr)}
  .month-layout{grid-template-columns:minmax(0,1fr)}
}

/* Shared Daily/Calendar completion state */
.daily-calendar-entry{grid-template-columns:18px 58px 1fr!important}
.daily-calendar-entry>input{margin-top:2px;accent-color:#328b76}
.daily-calendar-entry.is-completed{opacity:.62}
.daily-calendar-entry.is-completed b,.month-event.is-completed{text-decoration:line-through}
.month-event.is-completed{opacity:.55}
.calendar-item-list article{grid-template-columns:18px 7px 1fr 20px!important}.calendar-item-list article>input,.selected-events input{accent-color:#328b76}.calendar-item-list article.is-completed b,.selected-events p.is-completed{text-decoration:line-through;opacity:.58}
.timeline-block.is-time-point{z-index:8;left:12px;right:8px;min-height:17px!important;height:17px;padding:2px 22px 2px 10px;border-width:1px;border-left-width:3px;border-radius:999px;box-shadow:0 2px 5px rgba(0,0,0,.28)}
.timeline-block.is-time-point b{font-size:9px;line-height:11px}
.timeline-block.is-time-point button{top:0;right:4px;line-height:14px}
/* Em X nav tabs: complete 23-tab black / silver / teal palette.
   Keep every current and future tab intentional instead of falling back to legacy blue/gray. */
.tabs .tab{
  background:#263238;
  color:#f4f7f7;
  border-left:1px solid rgba(230,238,239,.32);
}
.tabs .tab span{color:rgba(236,244,244,.72)}
.tabs .tab:nth-child(4n+1){background:#173b3f;color:#f7fbfb}
.tabs .tab:nth-child(4n+2){background:#24646a;color:#f7fbfb}
.tabs .tab:nth-child(4n+3){background:#4f6469;color:#f7fbfb}
.tabs .tab:nth-child(4n){background:#9aa7aa;color:#142a2d}
.tabs .tab:nth-child(4n) span{color:#2d4c50}
.tabs .tab:hover{filter:brightness(1.12);box-shadow:4px 5px 10px rgba(0,0,0,.32)}
.tabs .tab.active{
  background:linear-gradient(135deg,#0f5f66,#168b91)!important;
  color:#ffffff!important;
  box-shadow:-5px 5px 12px rgba(0,0,0,.42),inset 0 0 0 2px rgba(211,238,239,.9),0 0 0 1px rgba(5,38,41,.8);
}
.tabs .tab.active span{color:#d9fbf8!important}

.daily-calendar-plan{grid-template-columns:18px 72px 1fr!important}.daily-calendar-plan>input,.ember-week-plan-cell>input{accent-color:#328b76}.daily-calendar-plan.is-completed{opacity:.58}.daily-calendar-plan.is-completed b{text-decoration:line-through}.ember-week-plan-cell{position:relative;min-width:0}.ember-week-plan-cell>input{position:absolute;z-index:2;top:5px;left:5px;margin:0}.ember-week-plan-cell>.ember-week-input{width:100%;height:100%;padding-left:23px!important}.ember-week-plan-cell.is-completed>.ember-week-input{text-decoration:line-through;opacity:.58}

@media(max-width:600px){
  .desk{padding:12px 10px 24px 58px}
  .page{padding:22px 16px 28px}
  .tabs{left:-50px;gap:4px}
  .tab,.tab.active,.tab:hover{width:52px;height:58px;padding:6px;font-size:10px;transform:none}
  .pages.has-daily-tabs:not(.journal-open) .date-block{padding-right:0}
  .pages.has-daily-tabs:not(.journal-open) .mini-calendar{position:relative;width:100%;margin-top:12px}
  .elemental-controls,.journal-mode-tabs,.index-stats{grid-template-columns:minmax(0,1fr)}
  .journal-heading-row,.monthly-calendar-header{align-items:flex-start;flex-wrap:wrap}
  .journal-save{width:100%}
}

/* Keep the complete desktop section catalog visible without a hidden scroll step. */
@media(min-width:821px){
  .tabs{top:20px;max-height:calc(100% - 40px);gap:3px}
  .tab,.tab.active,.tab:hover{flex:0 0 38px;height:38px;width:78px;padding:4px 13px 4px 8px;font-size:11px}
  .tab.active{width:82px}
  .tab span{margin-bottom:2px}
}

/* Daily page: keep the month-at-a-glance card legible and self-contained. */
.pages.has-daily-tabs:not(.journal-open) .date-block{min-height:210px;padding-right:200px}
.pages.has-daily-tabs:not(.journal-open) .mini-calendar{
  width:184px;
  padding:10px;
  gap:3px;
}
.pages.has-daily-tabs:not(.journal-open) .mini-calendar-nav{
  grid-template-columns:26px minmax(0,1fr) 26px;
  gap:3px;
  min-width:0;
  margin-bottom:5px;
}
.pages.has-daily-tabs:not(.journal-open) .mini-calendar-nav strong{
  min-width:0;
  overflow:hidden;
  font-size:11px;
  letter-spacing:.03em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pages.has-daily-tabs:not(.journal-open) .mini-calendar .cal-head{
  padding:2px 0;
  font-size:9px;
}
.pages.has-daily-tabs:not(.journal-open) .mini-calendar>button{
  width:100%;
  min-height:22px;
  aspect-ratio:1;
  font-size:9px;
}

@media(max-width:760px){
  .pages.has-daily-tabs:not(.journal-open) .date-block{min-height:0;padding-right:0}
  .pages.has-daily-tabs:not(.journal-open) .mini-calendar{
    position:relative;
    inset:auto;
    width:min(100%,320px);
    margin:14px auto 0;
  }
}

/* Mobile studio: keep navigation and the daily timeline in the app flow. */
@media(max-width:1180px){
  .studio-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;
  }
  .utility-rail{
    display:flex;
    grid-column:1;
    grid-row:3;
    width:min(100%,760px);
    height:min(72vh,680px);
    min-height:430px;
    margin:10px auto 22px;
    border-radius:12px;
  }
  .utility-rail .agenda-card{min-height:390px}
  .utility-rail .inbox-card{display:none}
  .ember-timeline{min-height:330px}
}

@media(max-width:820px){
  .studio-layout{display:grid;padding:0 10px 18px}
  .desk{grid-row:2;width:100%;min-height:0;padding:12px 0 24px}
  .planner-shell{width:100%;margin:0}
  .book{min-height:0;border-radius:8px;box-shadow:0 0 0 3px #1c292e,0 0 0 5px #526067,0 10px 24px rgba(0,0,0,.5)}
  .tabs{
    position:relative;
    inset:auto;
    display:flex;
    flex-direction:row;
    width:100%;
    max-height:none;
    gap:5px;
    padding:7px;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:8px 8px 0 0;
    background:#101b20;
    scrollbar-width:thin;
  }
  .tab,.tab.active,.tab:hover{
    flex:0 0 auto;
    width:auto;
    min-width:76px;
    height:44px;
    padding:7px 10px;
    border:1px solid #27383f;
    border-radius:7px;
    text-align:center;
    transform:none;
  }
  .tab span{display:block;margin:0 0 3px}
  .pages,.book{min-height:calc(100vh - 120px)}
  .page{padding:28px clamp(16px,5vw,30px) 38px}
  .page-left,.page-right{width:100%}
  .page-controls{margin:16px auto 0}
  .utility-rail{grid-row:3;position:relative;z-index:1;width:100%;max-width:100%;height:68vh;min-height:420px;margin:14px auto 0;padding:8px;overflow:hidden}
  .utility-card{padding:12px}
  .utility-rail .agenda-card{width:100%;max-width:100%;overflow:hidden}
  .agenda-card header{margin-bottom:10px}
}

@media(max-width:600px){
  .studio-layout{padding:0 6px 12px}
  .page{padding:22px 14px 34px}
  .elemental-log-row,.task-add-row{grid-template-columns:minmax(0,1fr)}
  .elemental-log-row button,.task-add-row button{width:100%}
  .daily-category-tabs{width:100%;padding-right:0}
  .has-daily-tabs .page{padding-top:70px}
  .calendar-stats{grid-template-columns:1fr}
  #calendarFullAdd>div{grid-template-columns:1fr}
  .utility-rail{height:64vh;min-height:390px}
  .timeline-canvas{margin-left:48px}
  .timeline-slot{left:-48px;width:calc(100% + 48px)}
  .timeline-slot time{width:43px}
  .timeline-now{left:-48px}
  .timeline-now:before{left:43px}
}

/* 2026-09-11 Bullet Journal first pass */
.pages.journal-open{--bujo-ink:#284f58;--bujo-line:rgba(67,108,116,.28)}
.journal-bujo{position:relative}.journal-bujo .journal-heading-row{margin-bottom:8px}.journal-bujo .journal-toolstrip{margin-bottom:12px}
.bujo-grid{display:grid;gap:10px;margin:10px 0}.bujo-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.bujo-card{position:relative;min-width:0;padding:12px 13px;border:1px solid rgba(91,119,121,.25);border-radius:11px;background:rgba(255,255,255,.28);box-shadow:0 2px 8px rgba(51,70,72,.05)}
.bujo-card>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin-bottom:8px}.bujo-card>header>span{font-size:18px;color:#247887}.bujo-card h3{margin:0;color:#285f6d;font:700 21px/1 "Caveat"}.bujo-card small{display:block;margin-top:1px;color:#71878a;font:11px/1.25 "Caveat"}
.bujo-card textarea,.bujo-repeat-box textarea,.bujo-repeat-box input{box-sizing:border-box;width:100%;border:0;border-bottom:1px solid var(--bujo-line);outline:0;background:transparent;color:#364e53;font:15px/1.45 "Caveat";resize:vertical}.bujo-card textarea{min-height:72px;padding:5px 2px}.bujo-card-today textarea{min-height:155px}.bujo-card-ideas textarea,.bujo-card-notes textarea{min-height:95px}
.bujo-card-mood{background:rgba(210,235,231,.38)}.bujo-card-win{background:rgba(244,216,218,.42)}.bujo-card-remember{background:rgba(232,237,210,.44)}.bujo-card-carry{background:rgba(218,233,241,.46)}.bujo-card-laugh{background:rgba(234,220,245,.4)}.bujo-card-people{background:rgba(241,231,208,.42)}.bujo-card-ideas{background:rgba(244,232,210,.5)}.bujo-card-spiritual{background:rgba(214,234,235,.45)}.bujo-card-ash{background:rgba(209,232,240,.45)}.bujo-card-learned{background:rgba(235,216,241,.45)}.bujo-card-rabbit{background:rgba(214,234,238,.42)}.bujo-card-quote{background:rgba(242,228,207,.45)}.bujo-card-emx{background:rgba(214,233,239,.42)}.bujo-card-tomorrow{background:rgba(226,225,240,.45)}.bujo-card-music{background:rgba(229,218,237,.42)}
.bujo-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.bujo-check-grid label{display:flex;gap:6px;align-items:center;color:#48656a;font:12px "DM Sans"}.bujo-check-grid input{accent-color:#197f8d}
.bujo-card-head-action{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}.bujo-card-head-action>button{align-self:center;padding:7px 10px;border:1px solid #397b84;border-radius:999px;background:#1f7885;color:#fff;font:700 10px "DM Sans";cursor:pointer}
.bujo-repeat-list{display:grid;gap:8px}.bujo-repeat-box{position:relative;padding:9px;border:1px solid rgba(66,106,113,.25);border-radius:9px;background:rgba(255,255,255,.3)}.bujo-repeat-box textarea{min-height:58px;margin-top:6px}.bujo-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start}.bujo-search-wrap{position:relative;min-width:0}.bujo-search-wrap>input,.bujo-search-row>input{min-height:34px;padding:6px 8px;border:1px solid rgba(61,105,113,.28);border-radius:8px;background:rgba(255,255,255,.36);font:12px "DM Sans"}.bujo-remove-box{width:34px;height:34px;border:1px solid rgba(121,75,75,.35);border-radius:8px;background:rgba(120,45,50,.08);color:#7d383f;cursor:pointer}.bujo-search-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 3px);max-height:220px;overflow:auto;padding:5px;border:1px solid #78979d;border-radius:9px;background:#f1f0e8;box-shadow:0 10px 22px rgba(34,55,58,.2)}.bujo-search-results button{display:block;width:100%;padding:7px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.bujo-search-results button:hover{background:rgba(34,126,138,.1)}.bujo-search-results strong,.bujo-search-results small{display:block}.bujo-search-results strong{font:700 12px "DM Sans";color:#315c65}.bujo-search-results small{font:10px "DM Sans";color:#7a8b8f}
.bujo-linked-chip{display:flex;align-items:center;gap:6px;margin:7px 0;padding:6px 8px;border-radius:8px;background:rgba(31,120,133,.09);color:#315e66;font:11px "DM Sans"}.bujo-linked-chip span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bujo-linked-chip button{border:0;background:transparent;color:#1d6f7b;font:700 10px "DM Sans";cursor:pointer}
.bujo-song-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin-top:7px}.bujo-song-actions>label{display:grid;place-items:center;min-height:34px;padding:0 10px;border:1px solid #397b84;border-radius:8px;background:#173b40;color:#f0e9df;font:700 10px "DM Sans";cursor:pointer}.bujo-song-audio{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:7px 0;color:#566d72;font:10px "DM Sans"}.bujo-song-audio>button{padding:5px 8px;border:1px solid #397b84;border-radius:7px;background:transparent;color:#256d77;font:700 10px "DM Sans";cursor:pointer}.bujo-song-audio audio{width:100%;max-width:100%}
@media(max-width:900px){.bujo-grid-two{grid-template-columns:1fr}.bujo-card-head-action{grid-template-columns:auto minmax(0,1fr)!important}.bujo-card-head-action>button{grid-column:1/-1;justify-self:start}.bujo-song-actions{grid-template-columns:1fr}.bujo-check-grid{grid-template-columns:1fr 1fr}.bujo-card h3{font-size:23px}.bujo-card small{font-size:13px}.bujo-card textarea,.bujo-repeat-box textarea{font-size:18px}.bujo-repeat-box input{font-size:14px}}

/* Freeform Journal image stickers preserved */

.pages.journal-open .journal-free-sticker{position:absolute;pointer-events:auto;touch-action:none;user-select:none;aspect-ratio:var(--sticker-aspect,1 / 1);min-width:54px;min-height:0;transform:rotate(var(--sticker-rotation,0deg));transform-origin:center center;filter:drop-shadow(0 4px 5px rgba(0,0,0,.3));cursor:grab}
.pages.journal-open .journal-free-sticker:active{cursor:grabbing}.pages.journal-open .journal-sticker-art{position:absolute;inset:0;display:grid;place-items:center;overflow:visible}.pages.journal-open .journal-sticker-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.pages.journal-open .journal-sticker-art span{font-size:clamp(36px,6vw,90px);line-height:1}
.pages.journal-open .journal-sticker-delete,.pages.journal-open .journal-sticker-rotate{position:absolute;z-index:3;top:-12px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:2px solid #f3dfc9;border-radius:50%;background:#26191b;color:#fff;font:700 15px/1 "DM Sans";box-shadow:0 3px 9px #0008;opacity:0;pointer-events:none;transition:.12s}.pages.journal-open .journal-sticker-delete{left:-12px;background:#6a2529}.pages.journal-open .journal-sticker-rotate{right:-12px;background:#155760;color:#84f1f5;cursor:grab}.pages.journal-open .journal-sticker-resize{position:absolute;z-index:3;right:-10px;bottom:-10px;width:22px;height:22px;border:2px solid #f3dfc9;border-radius:7px;background:#155760;box-shadow:0 3px 9px #0008;opacity:0;pointer-events:none;cursor:nwse-resize}.pages.journal-open .journal-sticker-resize:after{content:"↘";display:grid;place-items:center;height:100%;color:#84f1f5;font:700 13px/1 sans-serif}.pages.journal-open .journal-free-sticker:hover .journal-sticker-delete,.pages.journal-open .journal-free-sticker:hover .journal-sticker-rotate,.pages.journal-open .journal-free-sticker:hover .journal-sticker-resize,.pages.journal-open .journal-free-sticker.selected .journal-sticker-delete,.pages.journal-open .journal-free-sticker.selected .journal-sticker-rotate,.pages.journal-open .journal-free-sticker.selected .journal-sticker-resize{opacity:1;pointer-events:auto}
.journal-sticker-tray #journalStickerChoices{display:block}.journal-sticker-tray .journal-sticker-add-image{width:100%;height:auto;padding:10px 12px;border:1px solid #397b84;border-radius:9px;background:#173b40;color:#e7e2d6;font:700 13px "DM Sans";cursor:pointer}.journal-sticker-tray #journalStickerChoices small{display:block;margin-top:7px;color:#71888d;font:9px/1.35 "DM Sans"}.pages.journal-open .journal-sticker-mobile-controls{display:none}.journal-sticker-picker-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.journal-sticker-cancel{min-height:40px;padding:.55rem .9rem;border:1px solid rgba(60,90,95,.3);border-radius:10px;background:transparent;color:inherit;cursor:pointer}
@media (pointer:coarse), (max-width:768px){.pages.journal-open .journal-free-sticker{min-width:62px;min-height:0}.pages.journal-open .journal-sticker-desktop-control{display:none!important}.pages.journal-open .journal-sticker-mobile-controls{position:absolute;z-index:8;left:50%;top:calc(100% + 8px);display:none;grid-template-columns:repeat(5,38px);gap:5px;transform:translateX(-50%) rotate(calc(-1 * var(--sticker-rotation,0deg)));transform-origin:top center;padding:5px;border:1px solid rgba(243,223,201,.55);border-radius:12px;background:rgba(24,16,18,.94);box-shadow:0 5px 16px rgba(0,0,0,.5);pointer-events:auto}.pages.journal-open .journal-free-sticker.selected .journal-sticker-mobile-controls{display:grid}.pages.journal-open .journal-sticker-mobile-controls button{position:static!important;display:grid!important;place-items:center;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:1px solid #8b7567!important;border-radius:9px!important;background:#173b40!important;color:#e9e0d2!important;font:700 21px/1 "DM Sans"!important;opacity:1!important;pointer-events:auto!important;transform:none!important;filter:none!important;box-shadow:none!important}.pages.journal-open .journal-sticker-mobile-controls button.is-delete{background:#6a2529!important}.journal-sticker-picker-actions{display:grid;grid-template-columns:1fr 1fr}.journal-sticker-cancel{min-height:44px}}

/* Journal first-pass layout correction: keep the Bullet Journal as a real two-page spread on laptop/desktop. */
.pages.journal-open.journal-focus{grid-template-columns:1fr 1fr!important}
.pages.journal-open.journal-focus .page-left{grid-column:auto!important}
.pages.journal-open.journal-focus .page-right,
.pages.journal-open.journal-focus .center-fold{opacity:1!important;filter:none!important}

@media (min-width:769px){
  .pages.journal-open{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  .pages.journal-open .page-left,
  .pages.journal-open .page-right{
    display:block!important;
    width:auto!important;
    min-width:0!important;
  }
  .pages.journal-open .center-fold{display:block!important;left:50%!important}
}


/* === JOURNAL DARK CARDS PASS — 2026-09-11 === */
.pages.journal-open{--jx-ink:#11181b;--jx-charcoal:#151b1f;--jx-charcoal2:#1b2328;--jx-silver:#c5c9c8;--jx-silver2:#e5e2da;--jx-teal:#168a96;--jx-teal-bright:#39bac1;--jx-plum:#4a3148;--jx-ember:#d07a2c;--jx-gold:#c89a48;--jx-cream:#efe3ce}
.pages.journal-open .journal-bujo-dark{gap:12px}
.pages.journal-open .journal-bujo-dark .journal-hero{border-color:rgba(34,132,143,.45);background:linear-gradient(100deg,rgba(8,34,39,.86),rgba(16,27,31,.76));color:#dce5e4;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.pages.journal-open .journal-bujo-dark .journal-hero small,.pages.journal-open .journal-bujo-dark .journal-hero time{color:#77d1d2}.pages.journal-open .journal-bujo-dark .journal-hero strong{color:#f0e7d9}
.pages.journal-open .journal-bujo-dark .script-label{color:#247d88}.pages.journal-open .journal-bujo-dark .section-heading h2{color:#26383c}
.pages.journal-open .journal-bujo-dark .journal-new{border-color:#397b82;background:rgba(14,39,43,.08);color:#1c7180}
.pages.journal-open .journal-bujo-dark .journal-toolstrip{border-color:rgba(34,99,107,.25);background:rgba(19,39,42,.05)}
.pages.journal-open .journal-bujo-dark .journal-toolstrip button{color:#246f78}

.pages.journal-open .bujo-dark-card,.pages.journal-open .bujo-flex-card{overflow:visible;border:1px solid #33464a;background:linear-gradient(145deg,var(--jx-charcoal),#101619);box-shadow:3px 4px 0 rgba(0,0,0,.15),inset 0 0 22px rgba(0,0,0,.2);color:#dce1df}
.pages.journal-open .bujo-dark-card:before,.pages.journal-open .bujo-flex-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--jx-teal)}
.pages.journal-open .bujo-dark-card.accent-plum:before,.pages.journal-open .bujo-flex-plum:before{background:#7b4e74}.pages.journal-open .bujo-dark-card.accent-silver:before,.pages.journal-open .bujo-flex-silver:before{background:#b8c2c1}.pages.journal-open .bujo-flex-ember:before{background:var(--jx-ember)}.pages.journal-open .bujo-flex-gold:before{background:var(--jx-gold)}.pages.journal-open .bujo-flex-cream:before{background:#d8c5a5}.pages.journal-open .bujo-flex-charcoal:before{background:#78898b}
.pages.journal-open .bujo-dark-card h3,.pages.journal-open .bujo-flex-card h3{color:#57c5c8;text-shadow:0 1px 0 #000}.pages.journal-open .bujo-dark-card small,.pages.journal-open .bujo-flex-card small{color:#94aaa9}.pages.journal-open .bujo-dark-card>header>span,.pages.journal-open .bujo-flex-card>header>span{color:#42c3c6}.pages.journal-open .accent-plum h3{color:#cb86ba}.pages.journal-open .accent-plum>header>span{color:#d675c5}
.pages.journal-open .bujo-dark-card textarea,.pages.journal-open .bujo-dark-card input,.pages.journal-open .bujo-flex-card textarea{color:#e9e2d8;border-color:#516064;background:transparent}.pages.journal-open .bujo-dark-card textarea::placeholder,.pages.journal-open .bujo-dark-card input::placeholder,.pages.journal-open .bujo-flex-card textarea::placeholder{color:#819091;opacity:1}
.pages.journal-open .bujo-card-today{padding:17px 18px}.pages.journal-open .bujo-card-today h3{font-size:30px}.pages.journal-open .bujo-card-today textarea{min-height:175px;font-size:19px;line-height:1.55;background:repeating-linear-gradient(transparent 0 31px,rgba(111,142,145,.22) 32px)}

.pages.journal-open .bujo-silver-card{border:1px solid #a9afad;background:linear-gradient(145deg,rgba(236,235,229,.92),rgba(198,202,200,.88));box-shadow:3px 4px 0 rgba(31,41,42,.12);color:#223338}
.pages.journal-open .bujo-silver-card h3{color:#1c525d}.pages.journal-open .bujo-silver-card small{color:#687a7e}.pages.journal-open .bujo-silver-card>header>span{color:#253d42}.pages.journal-open .bujo-silver-card textarea{color:#24383d;border-color:#89999a}.pages.journal-open .bujo-silver-card textarea::placeholder{color:#758589}
.pages.journal-open .bujo-core-grid{grid-template-columns:1fr 1fr}.pages.journal-open .bujo-card-mood{grid-row:span 2}.pages.journal-open .bujo-card-mood .bujo-check-grid{grid-template-columns:1fr 1fr;gap:6px 10px}.pages.journal-open .bujo-card-mood .bujo-check-grid label{color:#d7dddb}.pages.journal-open .bujo-card-mood .bujo-check-grid input{accent-color:#13a8b0}

.pages.journal-open .bujo-card-head-action>button{border-color:#37a8ad;background:linear-gradient(180deg,#1d909a,#156772);box-shadow:0 0 0 1px rgba(64,199,204,.12),0 3px 9px rgba(0,0,0,.25);font-size:11px}.pages.journal-open .bujo-repeat-box{border-color:#354c50;background:linear-gradient(145deg,#182126,#11181c);box-shadow:inset 0 0 16px rgba(0,0,0,.22)}.pages.journal-open .bujo-repeat-box textarea{color:#e3ddd3;border-color:#46595c}.pages.journal-open .bujo-search-wrap>input,.pages.journal-open .bujo-search-row>input{border-color:#435f64;background:#111a1e;color:#e1e8e6}.pages.journal-open .bujo-search-results{border-color:#41666b;background:#11191d}.pages.journal-open .bujo-search-results button:hover{background:#1c3439}.pages.journal-open .bujo-search-results strong{color:#d9e2df}.pages.journal-open .bujo-search-results small{color:#76aaad}.pages.journal-open .bujo-remove-box{border-color:#684748;background:#2d1b1e;color:#d89b94}.pages.journal-open .bujo-linked-chip{border-color:#2e6970;background:#122d31;color:#9bd5d5}.pages.journal-open .bujo-linked-chip button{color:#6fd4d7}

.pages.journal-open .bujo-flex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pages.journal-open .bujo-flex-card{position:relative;min-height:165px;padding:13px 15px;border-radius:13px 5px 14px 7px}.pages.journal-open .bujo-flex-card:nth-child(3n+2){transform:rotate(.16deg)}.pages.journal-open .bujo-flex-card:nth-child(4n){transform:rotate(-.12deg)}.pages.journal-open .bujo-flex-card header{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-bottom:8px}.pages.journal-open .bujo-flex-card header>span{font-size:18px}.pages.journal-open .bujo-flex-card h3{margin:0;font:700 22px/1 "Caveat"}.pages.journal-open .bujo-flex-card small{display:block;margin-top:2px;font:11px/1.2 "Caveat"}.pages.journal-open .bujo-flex-card textarea{box-sizing:border-box;width:100%;min-height:88px;padding:5px 2px;border:0;border-bottom:1px solid #4e5d60;outline:0;resize:vertical;font:16px/1.4 "Caveat"}.pages.journal-open .bujo-flex-remove{position:absolute;right:7px;top:7px;z-index:2;width:25px;height:25px;border:1px solid transparent;border-radius:50%;background:transparent;color:#7f9192;font-size:17px;cursor:pointer;opacity:.45}.pages.journal-open .bujo-flex-card:hover .bujo-flex-remove,.pages.journal-open .bujo-flex-card:focus-within .bujo-flex-remove{opacity:1}.pages.journal-open .bujo-flex-remove:hover{border-color:#664449;background:#311c21;color:#e8a9a0}
.pages.journal-open .bujo-flex-cream{border-color:#b8a98d;background:linear-gradient(145deg,#eee2ce,#d9cbb3);color:#29373a}.pages.journal-open .bujo-flex-cream h3,.pages.journal-open .bujo-flex-gold h3{color:#263c41;text-shadow:none}.pages.journal-open .bujo-flex-cream small,.pages.journal-open .bujo-flex-gold small{color:#6d7370}.pages.journal-open .bujo-flex-cream textarea,.pages.journal-open .bujo-flex-gold textarea{color:#2d3b3d;border-color:#8e9085}.pages.journal-open .bujo-flex-cream textarea::placeholder,.pages.journal-open .bujo-flex-gold textarea::placeholder{color:#7b817e}.pages.journal-open .bujo-flex-gold{border-color:#b69763;background:linear-gradient(145deg,#e4d5b9,#cdb88f);color:#29373a}.pages.journal-open .bujo-flex-ember h3{color:#e2a15b}.pages.journal-open .bujo-flex-plum h3{color:#c77ab8}

.pages.journal-open .bujo-add-note-card{position:relative;min-height:145px;border:1px dashed #66787b;border-radius:13px;background:linear-gradient(145deg,rgba(19,27,31,.82),rgba(12,18,21,.86));box-shadow:inset 0 0 18px rgba(0,0,0,.22)}.pages.journal-open .bujo-add-note-card>button{display:grid;place-items:center;align-content:center;gap:4px;width:100%;min-height:145px;padding:16px;border:0;background:transparent;color:#d3dcda;cursor:pointer}.pages.journal-open .bujo-add-note-card>button span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #77898a;border-radius:50%;font:27px/1 "DM Sans"}.pages.journal-open .bujo-add-note-card>button strong{font:700 23px "Caveat"}.pages.journal-open .bujo-add-note-card>button small{color:#809394;font:12px "Caveat"}.pages.journal-open .bujo-add-note-menu{position:absolute;z-index:50;right:0;bottom:calc(100% + 7px);width:min(360px,90vw);padding:8px;border:1px solid #365b61;border-radius:12px;background:#10181c;box-shadow:0 14px 30px rgba(0,0,0,.45);display:grid;grid-template-columns:1fr 1fr;gap:6px}.pages.journal-open .bujo-add-note-menu[hidden]{display:none}.pages.journal-open .bujo-add-note-menu button{padding:9px;border:1px solid #334b4f;border-radius:8px;background:#192328;color:#dce4e1;text-align:left;font:13px "DM Sans";cursor:pointer}.pages.journal-open .bujo-add-note-menu button:hover{border-color:#2d8992;background:#1c3439}.pages.journal-open .bujo-add-note-menu .bujo-note-cancel{grid-column:1/-1;text-align:center;color:#aeb8b6}
.pages.journal-open .journal-save{width:45%;margin-top:4px;background:linear-gradient(135deg,#147c87,#204b55);box-shadow:0 5px 12px rgba(0,0,0,.18)}
.pages.journal-open .journal-memory-head{border-color:#5f7272}.pages.journal-open .journal-memory-head h3{color:#254f59}.pages.journal-open .journal-memory-list{grid-template-columns:repeat(3,minmax(0,1fr))}.pages.journal-open .journal-memory-list article,.pages.journal-open .journal-memory-list article:nth-child(even){border-color:#667a78;background:linear-gradient(145deg,rgba(236,235,228,.92),rgba(194,202,198,.88));box-shadow:2px 3px 0 rgba(0,0,0,.12)}.pages.journal-open .journal-memory-open{color:#21383d}.pages.journal-open .journal-memory-open>span{color:#187d89}.pages.journal-open .journal-memory-open small{color:#61797d}

@media(max-width:1050px){.pages.journal-open .bujo-flex-grid{grid-template-columns:1fr}.pages.journal-open .journal-memory-list{grid-template-columns:1fr 1fr}.pages.journal-open .bujo-core-grid{grid-template-columns:1fr}.pages.journal-open .bujo-card-mood{grid-row:auto}.pages.journal-open .bujo-add-note-menu{left:0;right:auto}}
@media(max-width:700px){.pages.journal-open .journal-memory-list{grid-template-columns:1fr}.pages.journal-open .bujo-flex-card h3{font-size:25px}.pages.journal-open .bujo-flex-card small{font-size:13px}.pages.journal-open .bujo-flex-card textarea{font-size:18px}.pages.journal-open .bujo-card-today textarea{font-size:20px}.pages.journal-open .bujo-add-note-menu{grid-template-columns:1fr;width:100%}.pages.journal-open .bujo-add-note-menu .bujo-note-cancel{grid-column:1}}


/* === JOURNAL MIXED CARDS PASS — 2026-09-11 ===
   Keep the cream dotted paper. Only the cards change.
   Dark anchors: Today, Spiritual Work, Music.
   Light supporting cards: silver, pale teal, muted plum, warm parchment. */
.pages.journal-open .journal-bujo-dark .journal-hero{
  border-color:rgba(58,120,129,.28);
  background:linear-gradient(105deg,rgba(193,218,219,.62),rgba(244,240,229,.9) 64%,rgba(190,211,214,.48));
  color:#294f5d;box-shadow:0 4px 12px rgba(38,74,82,.08)
}
.pages.journal-open .journal-bujo-dark .journal-hero small,.pages.journal-open .journal-bujo-dark .journal-hero time{color:#39798a}
.pages.journal-open .journal-bujo-dark .journal-hero strong{color:#294f5d}

/* Dark anchor cards */
.pages.journal-open .bujo-card-today{border-color:#29484d;background:linear-gradient(145deg,#172125,#10171a);color:#e8e2d8;box-shadow:3px 4px 0 rgba(24,39,42,.16),inset 0 0 22px rgba(0,0,0,.16)}
.pages.journal-open .bujo-card-today:before{background:#1aa0aa}
.pages.journal-open .bujo-card-today h3{color:#53c4c8}
.pages.journal-open .bujo-card-today small{color:#9db1b0}
.pages.journal-open .bujo-card-today textarea{color:#efe8dd;border-color:#536366}
.pages.journal-open .bujo-card-today textarea::placeholder{color:#879698}

.pages.journal-open .bujo-card-spiritual{border-color:#2e656a;background:linear-gradient(145deg,#173238,#102328);color:#e8e3d9;box-shadow:3px 4px 0 rgba(31,54,58,.15),inset 0 0 20px rgba(0,0,0,.13)}
.pages.journal-open .bujo-card-spiritual:before{background:#20a5ad}
.pages.journal-open .bujo-card-spiritual h3{color:#57c8ca}
.pages.journal-open .bujo-card-spiritual small{color:#9eb9b7}

.pages.journal-open .bujo-card-music{border-color:#5f435c;background:linear-gradient(145deg,#332533,#211923);color:#eee5eb;box-shadow:3px 4px 0 rgba(52,35,50,.15),inset 0 0 20px rgba(0,0,0,.12)}
.pages.journal-open .bujo-card-music:before{background:#8b5a83}
.pages.journal-open .bujo-card-music h3{color:#d79ac9}
.pages.journal-open .bujo-card-music small{color:#b9a6b5}

/* Supporting cards stay light so stickers remain visible. */
.pages.journal-open .bujo-card-mood{border-color:#9ab6b3;background:linear-gradient(145deg,#dfece8,#cadfdc);color:#283d40;box-shadow:3px 4px 0 rgba(57,89,88,.08)}
.pages.journal-open .bujo-card-mood:before{background:#178d98}
.pages.journal-open .bujo-card-mood h3{color:#205e67;text-shadow:none}
.pages.journal-open .bujo-card-mood small{color:#627e7f}
.pages.journal-open .bujo-card-mood>header>span{color:#287c84}
.pages.journal-open .bujo-card-mood .bujo-check-grid label{color:#314b4d}
.pages.journal-open .bujo-card-mood .bujo-check-grid input{accent-color:#178d98}

.pages.journal-open .bujo-card-carry{border-color:#adb6b5;background:linear-gradient(145deg,#eceae4,#d7dcda);color:#273a3d;box-shadow:3px 4px 0 rgba(47,65,66,.08)}
.pages.journal-open .bujo-card-carry:before{background:#809091}
.pages.journal-open .bujo-card-carry h3{color:#315d65;text-shadow:none}
.pages.journal-open .bujo-card-carry small{color:#6c7d7f}
.pages.journal-open .bujo-card-carry>header>span{color:#49696d}
.pages.journal-open .bujo-card-carry textarea{color:#2b3e41;border-color:#8c9999}

/* Repeat boxes inherit the anchor card instead of forcing every inner box black. */
.pages.journal-open .bujo-card-spiritual .bujo-repeat-box{border-color:#54757a;background:rgba(8,24,28,.48)}
.pages.journal-open .bujo-card-music .bujo-repeat-box{border-color:#72596e;background:rgba(24,15,24,.42)}
.pages.journal-open .bujo-card-spiritual .bujo-search-wrap>input,.pages.journal-open .bujo-card-spiritual .bujo-search-row>input{background:rgba(8,22,25,.68)}
.pages.journal-open .bujo-card-music .bujo-search-wrap>input,.pages.journal-open .bujo-card-music .bujo-search-row>input{background:rgba(27,17,27,.66)}

/* Optional cards: paper scraps rather than little black screens. */
.pages.journal-open .bujo-flex-card{color:#293c40;text-shadow:none;box-shadow:3px 4px 0 rgba(44,62,63,.07),inset 0 0 0 1px rgba(255,255,255,.22)}
.pages.journal-open .bujo-flex-card h3{color:#275a63;text-shadow:none}
.pages.journal-open .bujo-flex-card small{color:#6a7d7f}
.pages.journal-open .bujo-flex-card textarea{color:#2e4245;border-color:#8c9a9a}
.pages.journal-open .bujo-flex-card textarea::placeholder{color:#798789}
.pages.journal-open .bujo-flex-card>header>span{color:#2c7880}
.pages.journal-open .bujo-flex-teal{border-color:#99b7b3;background:linear-gradient(145deg,#dcece7,#c8ddda)}
.pages.journal-open .bujo-flex-teal:before{background:#178d98}
.pages.journal-open .bujo-flex-plum{border-color:#b8a3b3;background:linear-gradient(145deg,#e5d9e2,#d1c0cc)}
.pages.journal-open .bujo-flex-plum:before{background:#805d79}
.pages.journal-open .bujo-flex-plum h3{color:#65445f}
.pages.journal-open .bujo-flex-plum>header>span{color:#7c5674}
.pages.journal-open .bujo-flex-silver,.pages.journal-open .bujo-flex-charcoal{border-color:#adb6b4;background:linear-gradient(145deg,#eceae4,#d8ddda)}
.pages.journal-open .bujo-flex-silver:before,.pages.journal-open .bujo-flex-charcoal:before{background:#7f9091}
.pages.journal-open .bujo-flex-ember{border-color:#c3aa8f;background:linear-gradient(145deg,#efe1d1,#dec8b2)}
.pages.journal-open .bujo-flex-ember:before{background:#c77232}
.pages.journal-open .bujo-flex-ember h3{color:#7a4d2c}
.pages.journal-open .bujo-flex-ember>header>span{color:#bd6c30}
.pages.journal-open .bujo-flex-gold{border-color:#c7b389;background:linear-gradient(145deg,#f0e5cf,#ddcfaa)}
.pages.journal-open .bujo-flex-gold:before{background:#b89245}
.pages.journal-open .bujo-flex-cream{border-color:#c6bca8;background:linear-gradient(145deg,#f2eadc,#e3d8c6)}
.pages.journal-open .bujo-flex-cream:before{background:#b5a17f}

/* Add Note is light and inviting, not another dark block. */
.pages.journal-open .bujo-add-note-card{border-color:#9aaba9;background:linear-gradient(145deg,rgba(236,239,233,.9),rgba(218,226,221,.88));box-shadow:3px 4px 0 rgba(51,75,74,.07),inset 0 0 0 1px rgba(255,255,255,.25)}
.pages.journal-open .bujo-add-note-card>button{color:#31585f}
.pages.journal-open .bujo-add-note-card>button span{border-color:#66878a;color:#1d7c86;background:rgba(255,255,255,.3)}
.pages.journal-open .bujo-add-note-card>button small{color:#718587}
.pages.journal-open .bujo-add-note-menu{border-color:#759294;background:#eef0e9;box-shadow:0 14px 30px rgba(39,59,59,.22)}
.pages.journal-open .bujo-add-note-menu button{border-color:#bdc9c7;background:#f7f4eb;color:#35575d}
.pages.journal-open .bujo-add-note-menu button:hover{border-color:#4c9197;background:#dcebea}
.pages.journal-open .bujo-add-note-menu .bujo-note-cancel{color:#78666b}

/* Memory shelf remains light and readable. */
.pages.journal-open .journal-memory-head{border-color:#9aa8a5}.pages.journal-open .journal-memory-head h3{color:#2e5c64}
.pages.journal-open .journal-memory-list article,.pages.journal-open .journal-memory-list article:nth-child(even){border-color:#aab5b1;background:linear-gradient(145deg,#efede4,#dce2dd);box-shadow:2px 3px 0 rgba(40,57,56,.07)}


/* === JOURNAL OPAQUE PAPER CARDS v4 — 2026-09-11 ===
   Cream journal paper stays untouched. Cards are opaque, richer mid-tones, never black. */
.pages.journal-open{--jx-deep-teal:#4f8587;--jx-teal-paper:#78a9a8;--jx-slate-paper:#89999b;--jx-plum-paper:#8f7088;--jx-mauve-paper:#a77f92;--jx-sage-paper:#829786;--jx-rust-paper:#b77859;--jx-gold-paper:#b89a67;--jx-parchment:#c8b28e}
.pages.journal-open .journal-toolstrip{position:relative}
.pages.journal-open .journal-toolstrip .journal-add-note-tool{color:#684d63;font-weight:700}
.pages.journal-open .journal-tool-note-menu{left:auto;right:0;top:calc(100% + 7px);bottom:auto;width:min(360px,90vw);background:#e4d8cb;border-color:#887786;box-shadow:0 12px 24px rgba(54,45,51,.24)}
.pages.journal-open .journal-tool-note-menu button{background:#c7b1bd;border-color:#947c8a;color:#342d34}.pages.journal-open .journal-tool-note-menu button:hover{background:#bca0b0;border-color:#755e6c}.pages.journal-open .journal-tool-note-menu .bujo-note-cancel{color:#604f59}
.pages.journal-open .bujo-add-note-card{display:none!important}

/* Opaque core cards, medium depth, no black and no transparency. */
.pages.journal-open .bujo-card-today{border-color:#547b7d;background:#789fa0;color:#203438;box-shadow:3px 4px 0 rgba(57,79,80,.14)}
.pages.journal-open .bujo-card-today:before{background:#2f7379}.pages.journal-open .bujo-card-today h3{color:#173f46;text-shadow:none}.pages.journal-open .bujo-card-today small{color:#355c60}.pages.journal-open .bujo-card-today textarea{color:#24383b;border-color:#607f80;background:repeating-linear-gradient(transparent 0 31px,#6f9293 32px)}.pages.journal-open .bujo-card-today textarea::placeholder{color:#4d686a}
.pages.journal-open .bujo-card-spiritual{border-color:#376e72;background:#5f9192;color:#18383d;box-shadow:3px 4px 0 rgba(47,83,85,.14)}
.pages.journal-open .bujo-card-spiritual:before{background:#c46f43}.pages.journal-open .bujo-card-spiritual h3{color:#173f45;text-shadow:none}.pages.journal-open .bujo-card-spiritual small{color:#315d61}.pages.journal-open .bujo-card-spiritual textarea,.pages.journal-open .bujo-card-spiritual input{color:#213b3e;border-color:#6d8f90;background:#86aaaa}.pages.journal-open .bujo-card-spiritual textarea::placeholder,.pages.journal-open .bujo-card-spiritual input::placeholder{color:#4e696b}
.pages.journal-open .bujo-card-music{border-color:#72576d;background:#8d7186;color:#302733;box-shadow:3px 4px 0 rgba(77,58,72,.14)}
.pages.journal-open .bujo-card-music:before{background:#68475f}.pages.journal-open .bujo-card-music h3{color:#3f2c3c;text-shadow:none}.pages.journal-open .bujo-card-music small{color:#594653}.pages.journal-open .bujo-card-music textarea,.pages.journal-open .bujo-card-music input{color:#342a34;border-color:#846b7e;background:#aa91a2}.pages.journal-open .bujo-card-music textarea::placeholder,.pages.journal-open .bujo-card-music input::placeholder{color:#65535f}
.pages.journal-open .bujo-card-mood{border-color:#668d8b;background:#83aaa7;color:#243c3d}.pages.journal-open .bujo-card-mood h3{color:#254f53}.pages.journal-open .bujo-card-mood small{color:#45696a}
.pages.journal-open .bujo-card-carry{border-color:#788688;background:#a8b0af;color:#29393b}.pages.journal-open .bujo-card-carry h3{color:#34575b}.pages.journal-open .bujo-card-carry textarea{color:#334548;border-color:#7f8c8d}

/* Repeat boxes inherit their parent paper instead of becoming dark panels. */
.pages.journal-open .bujo-repeat-box{background:#94b2b1;border-color:#628587;box-shadow:none;color:#243b3e}.pages.journal-open .bujo-card-music .bujo-repeat-box{background:#a98f9f;border-color:#755c70}.pages.journal-open .bujo-repeat-box textarea{color:#2e3e40;border-color:#708b8c;background:#afc5c3}.pages.journal-open .bujo-card-music .bujo-repeat-box textarea{background:#bba5b3;border-color:#8a7182;color:#3d3039}.pages.journal-open .bujo-search-wrap>input,.pages.journal-open .bujo-search-row>input{background:#b2c7c5;border-color:#6e8e8f;color:#263b3d}.pages.journal-open .bujo-card-music .bujo-search-wrap>input,.pages.journal-open .bujo-card-music .bujo-search-row>input{background:#bba5b3;border-color:#876f80;color:#3a3037}.pages.journal-open .bujo-linked-chip{background:#779d9e;border-color:#557d80;color:#20383b}.pages.journal-open .bujo-card-music .bujo-linked-chip{background:#967a8d;border-color:#745b6d;color:#332933}.pages.journal-open .bujo-linked-chip button{color:#164f56}

/* User/Ash-created cards are opaque paper slips in richer Em X colors. */
.pages.journal-open .bujo-flex-card{color:#2e3435;text-shadow:none;box-shadow:3px 4px 0 rgba(57,49,54,.10);border-color:#766a70;background:#9b8d91}
.pages.journal-open .bujo-flex-card h3{color:#304f54;text-shadow:none}.pages.journal-open .bujo-flex-card small{color:#56676a}.pages.journal-open .bujo-flex-card textarea{color:#303d3f;border-color:#737f80;background:transparent}.pages.journal-open .bujo-flex-card textarea::placeholder{color:#657173}
.pages.journal-open .bujo-flex-teal{background:#78a5a4;border-color:#5b8585}.pages.journal-open .bujo-flex-silver{background:#a5adad;border-color:#7e898a}.pages.journal-open .bujo-flex-plum{background:#9b7c94;border-color:#775f72}.pages.journal-open .bujo-flex-ember{background:#b9856b;border-color:#91664f}.pages.journal-open .bujo-flex-gold{background:#bca477;border-color:#927c58}.pages.journal-open .bujo-flex-cream{background:#c8b493;border-color:#a18d6e}.pages.journal-open .bujo-flex-charcoal{background:#879799;border-color:#687b7d}
.pages.journal-open .bujo-flex-plum h3{color:#49384a}.pages.journal-open .bujo-flex-ember h3{color:#5e3d31}.pages.journal-open .bujo-flex-gold h3,.pages.journal-open .bujo-flex-cream h3{color:#4e4538}
@media(max-width:700px){.pages.journal-open .journal-tool-note-menu{left:0;right:auto;width:min(330px,92vw)}}

/* === JOURNAL FREEFORM PIECES ===
   Movable, resizable, rotatable paper pieces and their picker. */
.pages.journal-open{isolation:isolate}

.pages.journal-open .journal-piece-layer{display:block}
.pages.journal-open .journal-add-piece-tool{color:#1f6f76!important;font-weight:800!important}

.pages.journal-open .journal-piece-menu{position:absolute;z-index:140;top:205px;left:18px;right:18px;max-width:760px;margin:auto;padding:16px;border:1px solid #6c8585;border-radius:16px;background:#e6dfd2;box-shadow:0 18px 40px rgba(41,47,48,.28);color:#293d40}
.pages.journal-open .journal-piece-menu[hidden]{display:none}
.pages.journal-open .journal-piece-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px dashed #9a8f82}
.pages.journal-open .journal-piece-menu-head small{display:block;color:#64777a;font:700 11px "DM Sans";letter-spacing:.13em}
.pages.journal-open .journal-piece-menu-head strong{display:block;margin-top:3px;color:#285d65;font:700 24px/1.05 "Caveat"}
.pages.journal-open .journal-piece-menu-head>button{width:38px;height:38px;border:1px solid #897c73;border-radius:50%;background:#c8bcb0;color:#4c4144;font:700 23px/1 sans-serif;cursor:pointer}
.pages.journal-open .journal-piece-menu-section{margin-top:12px}.pages.journal-open .journal-piece-menu-section>b{display:block;margin-bottom:6px;color:#465f63;font:700 13px "DM Sans"}
.pages.journal-open .journal-piece-shapes,.pages.journal-open .journal-piece-types,.pages.journal-open .journal-piece-sizes,.pages.journal-open .journal-piece-colors{display:flex;flex-wrap:wrap;gap:7px}
.pages.journal-open .journal-piece-menu button{min-height:40px;padding:8px 11px;border:1px solid #9faaa7;border-radius:9px;background:#f3eee4;color:#33484c;font:700 13px "DM Sans";cursor:pointer}
.pages.journal-open .journal-piece-menu button.selected{outline:3px solid rgba(27,130,139,.22);border-color:#267e86;background:#d4e6e2;color:#185a61}
.pages.journal-open .journal-piece-colors button{display:flex;align-items:center;gap:7px}.pages.journal-open .journal-piece-colors i{display:inline-block;width:22px;height:22px;border:1px solid rgba(35,45,46,.3);border-radius:50%}
.pages.journal-open [data-piece-color="teal"] i{background:#6f9f9e}.pages.journal-open [data-piece-color="silver"] i{background:#a7b0b0}.pages.journal-open [data-piece-color="plum"] i{background:#92718b}.pages.journal-open [data-piece-color="mauve"] i{background:#aa8093}.pages.journal-open [data-piece-color="parchment"] i{background:#c8b28e}.pages.journal-open [data-piece-color="rust"] i{background:#b87859}.pages.journal-open [data-piece-color="gold"] i{background:#bca066}.pages.journal-open [data-piece-color="sage"] i{background:#839786}
.pages.journal-open .journal-piece-preview-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:11px;border-top:1px dashed #9a8f82}.pages.journal-open #journalPieceChoiceSummary{font:700 16px "Caveat";color:#5c5055}.pages.journal-open #journalCreatePiece{min-height:46px;padding-inline:16px;background:#2d747b;color:#f2ebe0;border-color:#1d6168}

/* Music is the stable top-right anchor. */
.pages.journal-open .journal-studio-right .bujo-card-music{margin-top:12px;border-color:#43585b;background:#3d4749;color:#d7e5e2;box-shadow:3px 4px 0 rgba(22,31,32,.2)}
.pages.journal-open .journal-studio-right .bujo-card-music:before{background:#23a5aa}
.pages.journal-open .journal-studio-right .bujo-card-music h3{color:#61d4d6;text-shadow:none}.pages.journal-open .journal-studio-right .bujo-card-music small{color:#a9c4c3}.pages.journal-open .journal-studio-right .bujo-card-music input,.pages.journal-open .journal-studio-right .bujo-card-music textarea{background:#566366;color:#eef5f3;border-color:#718083}.pages.journal-open .journal-studio-right .bujo-card-music input::placeholder,.pages.journal-open .journal-studio-right .bujo-card-music textarea::placeholder{color:#b4c5c4}.pages.journal-open .journal-studio-right .bujo-card-music .bujo-repeat-box{background:#4b575a;border-color:#6a7c7d}.pages.journal-open .journal-studio-right .bujo-card-music .bujo-linked-chip{background:#315f63;border-color:#49858a;color:#d8eeee}

/* Freeform journal pieces. */
.pages.journal-open .journal-free-piece{position:absolute;pointer-events:auto;touch-action:none;user-select:none;box-sizing:border-box;min-width:150px;min-height:120px;transform:rotate(var(--piece-rotation,0deg));transform-origin:center center;filter:drop-shadow(0 5px 6px rgba(33,39,40,.2));color:#2f3c3e;overflow:visible}
.pages.journal-open .journal-piece-inner{position:absolute;inset:0;box-sizing:border-box;padding:17px 18px 15px;overflow:auto}
.pages.journal-open .journal-piece-inner header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;margin-bottom:6px}.pages.journal-open .journal-piece-inner header>span{font-size:18px}.pages.journal-open .journal-piece-inner input[data-flex-title]{width:100%;min-width:0;padding:2px 3px;border:0;border-bottom:1px dashed rgba(48,70,72,.35);outline:0;background:transparent;color:inherit;font:700 24px/1 "Caveat"}.pages.journal-open .journal-piece-inner textarea{box-sizing:border-box;width:100%;min-height:65px;padding:5px 2px;border:0;outline:0;resize:none;background:transparent;color:inherit;font:18px/1.32 "Caveat"}.pages.journal-open .journal-piece-inner textarea::placeholder{color:rgba(47,60,62,.64)}
.pages.journal-open .journal-piece-drag{position:absolute;z-index:8;left:50%;top:-16px;display:grid;place-items:center;width:34px;height:30px;transform:translateX(-50%);border:1px solid #efe3d2;border-radius:9px;background:#234f55;color:#90e3e4;box-shadow:0 3px 9px rgba(0,0,0,.32);font:700 18px/1 sans-serif;cursor:grab;opacity:0;pointer-events:none}.pages.journal-open .journal-piece-drag:active{cursor:grabbing}
.pages.journal-open .journal-piece-delete,.pages.journal-open .journal-piece-rotate{position:absolute;z-index:9;top:3px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid #f0e3d2;border-radius:50%;box-shadow:0 3px 9px rgba(0,0,0,.38);opacity:0;pointer-events:none;font:700 17px/1 sans-serif;cursor:pointer}.pages.journal-open .journal-piece-delete{left:3px;background:#6a2529;color:#fff}.pages.journal-open .journal-piece-rotate{right:3px;background:#155760;color:#84f1f5}
.pages.journal-open .journal-piece-resize{position:absolute;z-index:9;right:3px;bottom:3px;width:30px;height:30px;border:2px solid #f0e3d2;border-radius:7px;background:#155760;box-shadow:0 3px 9px rgba(0,0,0,.38);opacity:0;pointer-events:none;cursor:nwse-resize}.pages.journal-open .journal-piece-resize:after{content:"↘";display:grid;place-items:center;height:100%;color:#84f1f5;font:700 18px/1 sans-serif}
.pages.journal-open .journal-free-piece:hover .journal-piece-desktop-control,.pages.journal-open .journal-free-piece:hover .journal-piece-drag,.pages.journal-open .journal-free-piece.selected .journal-piece-desktop-control,.pages.journal-open .journal-free-piece.selected .journal-piece-drag{opacity:1;pointer-events:auto}
.pages.journal-open .journal-piece-mobile-controls{display:none}

/* Paper colors */
.pages.journal-open .piece-color-teal{--piece-bg:#79a7a5;--piece-edge:#5e8584}.pages.journal-open .piece-color-silver{--piece-bg:#a9b0ae;--piece-edge:#7d8988}.pages.journal-open .piece-color-plum{--piece-bg:#9b7b94;--piece-edge:#765f70}.pages.journal-open .piece-color-mauve{--piece-bg:#ad8798;--piece-edge:#896978}.pages.journal-open .piece-color-parchment{--piece-bg:#cbb896;--piece-edge:#a38f6d}.pages.journal-open .piece-color-rust{--piece-bg:#b97b5d;--piece-edge:#93604a}.pages.journal-open .piece-color-gold{--piece-bg:#bda369;--piece-edge:#947c4e}.pages.journal-open .piece-color-sage{--piece-bg:#849889;--piece-edge:#637667}

/* Distinct paper/template silhouettes. */
.pages.journal-open .journal-free-piece{background:var(--piece-bg);border:1px solid var(--piece-edge)}
.pages.journal-open .piece-shape-torn{clip-path:polygon(0 3%,5% 0,11% 2%,18% 0,25% 3%,32% 1%,40% 3%,48% 0,57% 2%,66% 0,74% 3%,82% 1%,90% 3%,100% 0,98% 12%,100% 22%,98% 33%,100% 44%,98% 54%,100% 65%,98% 76%,100% 88%,97% 100%,90% 98%,82% 100%,73% 97%,64% 100%,55% 98%,46% 100%,37% 97%,28% 100%,19% 98%,10% 100%,0 97%,2% 86%,0 75%,2% 63%,0 52%,2% 41%,0 30%,2% 18%)}
.pages.journal-open .piece-shape-notebook{border-left:9px solid color-mix(in srgb,var(--piece-edge) 78%,#fff 22%);background:repeating-linear-gradient(to bottom,var(--piece-bg) 0 31px,color-mix(in srgb,var(--piece-edge) 45%,transparent) 32px)}.pages.journal-open .piece-shape-notebook:before{content:"";position:absolute;left:13px;top:0;bottom:0;border-left:1px solid rgba(137,73,74,.48)}
.pages.journal-open .piece-shape-sticky{border-radius:2px 3px 12px 2px}.pages.journal-open .piece-shape-sticky:after{content:"";position:absolute;right:0;bottom:0;width:22%;height:22%;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(57,52,47,.14));clip-path:polygon(100% 0,100% 100%,0 100%)}
.pages.journal-open .piece-shape-index{border:2px solid var(--piece-edge);border-radius:5px;background:repeating-linear-gradient(to bottom,var(--piece-bg) 0 29px,rgba(75,97,98,.27) 30px)}
.pages.journal-open .piece-shape-ticket{border-radius:8px;clip-path:polygon(0 0,100% 0,100% 38%,95% 43%,100% 48%,100% 100%,0 100%,0 48%,5% 43%,0 38%)}
.pages.journal-open .piece-shape-scrap{clip-path:polygon(3% 0,97% 2%,100% 92%,89% 100%,4% 96%,0 13%)}
.pages.journal-open .piece-shape-wide{border-radius:3px;min-width:260px}.pages.journal-open .piece-shape-wide .journal-piece-inner{padding-inline:24px}
.pages.journal-open .piece-shape-tag{clip-path:polygon(12% 0,88% 0,100% 18%,100% 100%,0 100%,0 18%)}.pages.journal-open .piece-shape-tag:before{content:"";position:absolute;top:7%;left:50%;width:12px;height:12px;border:2px solid rgba(52,63,63,.45);border-radius:50%;transform:translateX(-50%)}
.pages.journal-open .piece-shape-quote{border-left:8px solid var(--piece-edge);border-right:8px solid var(--piece-edge);border-radius:2px;min-height:95px}.pages.journal-open .piece-shape-quote .journal-piece-inner{padding:13px 20px}
.pages.journal-open .piece-shape-grid{background-color:var(--piece-bg);background-image:linear-gradient(rgba(69,89,90,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(69,89,90,.2) 1px,transparent 1px);background-size:20px 20px}
.pages.journal-open .piece-shape-frame{background:linear-gradient(135deg,#5e2418,#963f27 20%,#6e291c 44%,#a15132 66%,#572017);border:9px ridge #7a3423;border-radius:4px;box-shadow:inset 0 0 0 3px #3e1b14,0 5px 8px rgba(43,27,20,.28);color:#efe2d0}.pages.journal-open .piece-shape-frame .journal-piece-inner{padding:19px}.pages.journal-open .piece-shape-frame .journal-piece-inner header{display:none}.pages.journal-open .piece-shape-frame textarea{color:#f0e2d2;background:rgba(36,19,15,.32);margin-top:7px;padding:5px 7px;border-radius:4px}.pages.journal-open .journal-piece-photo{height:calc(100% - 54px);min-height:70px;display:grid;place-items:center;position:relative;background:#eee4d3;border:5px solid #d8c4a7;overflow:hidden}.pages.journal-open .journal-piece-photo img{width:100%;height:100%;object-fit:cover}.pages.journal-open .journal-piece-photo-empty{color:#806f61;font:700 22px "Caveat"}.pages.journal-open .journal-piece-photo label{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);padding:5px 8px;border-radius:7px;background:rgba(44,28,22,.82);color:#fff;font:700 11px "DM Sans";cursor:pointer}

.pages.journal-open .rabbit-form{display:grid;gap:5px}.pages.journal-open .rabbit-form label{display:block}.pages.journal-open .rabbit-form label>span{display:block;color:rgba(34,53,55,.75);font:700 12px "DM Sans"}.pages.journal-open .rabbit-form textarea{min-height:45px;border-bottom:1px dashed rgba(46,67,69,.36)}
.pages.journal-open .journal-piece-link-search{position:relative;margin-bottom:5px}.pages.journal-open .journal-piece-link-search>input{box-sizing:border-box;width:100%;min-height:32px;border:1px solid rgba(59,81,82,.36);border-radius:7px;background:rgba(255,255,255,.2);color:inherit;padding:5px 8px;font:14px "DM Sans"}.pages.journal-open .journal-piece-link{display:flex;align-items:center;gap:5px;margin:4px 0 6px;padding:4px 6px;border:1px solid rgba(51,82,84,.4);border-radius:8px;background:rgba(255,255,255,.16);font:700 12px "DM Sans"}.pages.journal-open .journal-piece-link span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages.journal-open .journal-piece-link button{border:0;background:transparent;color:#205d64;font:700 11px "DM Sans";cursor:pointer}

/* Stickers share the same journal object canvas as paper pieces. */
.pages.journal-open .journal-free-sticker{z-index:auto}

@media (pointer:coarse), (max-width:768px){
  .pages.journal-open .journal-piece-menu{position:fixed;top:10vh;left:4vw;right:4vw;max-height:82vh;overflow:auto;padding:14px;z-index:999}.pages.journal-open .journal-piece-menu-head strong{font-size:26px}.pages.journal-open .journal-piece-menu button{min-height:46px;font-size:14px}.pages.journal-open .journal-piece-preview-line{position:sticky;bottom:-14px;margin-inline:-14px;padding:10px 14px;background:#e6dfd2}.pages.journal-open #journalPieceChoiceSummary{font-size:17px}
  .pages.journal-open .journal-free-piece{min-width:165px;min-height:125px}.pages.journal-open .journal-piece-desktop-control,.pages.journal-open .journal-piece-drag{display:none!important}.pages.journal-open .journal-piece-mobile-controls{position:absolute;z-index:20;left:50%;top:calc(100% + 8px);display:none;grid-template-columns:repeat(7,38px);gap:5px;transform:translateX(-50%) rotate(calc(-1 * var(--piece-rotation,0deg)));transform-origin:top center;padding:5px;border:1px solid rgba(243,223,201,.55);border-radius:12px;background:rgba(24,16,18,.95);box-shadow:0 5px 16px rgba(0,0,0,.5);pointer-events:auto}.pages.journal-open .journal-free-piece.selected .journal-piece-mobile-controls{display:grid}.pages.journal-open .journal-piece-mobile-controls button{display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:1px solid #8b7567;border-radius:9px;background:#173b40;color:#e9e0d2;font:700 20px/1 "DM Sans"}.pages.journal-open .journal-piece-mobile-controls button.is-delete{background:#6a2529}
  .pages.journal-open .journal-sticker-mobile-controls{grid-template-columns:repeat(7,38px)!important}
}
@media(max-width:560px){.pages.journal-open .journal-piece-preview-line{display:grid}.pages.journal-open #journalCreatePiece{width:100%}.pages.journal-open .journal-piece-mobile-controls,.pages.journal-open .journal-sticker-mobile-controls{grid-template-columns:repeat(4,38px)!important;max-width:180px;justify-content:center}.pages.journal-open .journal-piece-inner input[data-flex-title]{font-size:26px}.pages.journal-open .journal-piece-inner textarea{font-size:19px}}

/* Music is the only content card kept in a fixed journal slot.
   Legacy fixed cards stay in the DOM only so older drafts can migrate safely. */
.pages.journal-open .bujo-card-today,.pages.journal-open .bujo-core-grid,.pages.journal-open .bujo-card-spiritual{display:none!important}

/* === JOURNAL PIECE PICKER LAYOUT === */
/* Make sticker and paper-piece children share the exact same stacking context. */

.pages.journal-open .journal-free-piece,
.pages.journal-open .journal-free-sticker{
  pointer-events:auto;
}
/* Picker must always sit above every journal object. */
.pages.journal-open .journal-piece-menu.journal-piece-menu-compact{
  position:fixed!important;
  z-index:100000!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  width:min(620px,calc(100vw - 28px))!important;
  max-width:none!important;
  max-height:calc(100vh - 28px)!important;
  margin:0!important;
  padding:14px!important;
  transform:translate(-50%,-50%)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:#e6dfd2!important;
}
.pages.journal-open .journal-piece-menu-compact .journal-piece-menu-head{
  position:sticky;
  top:-14px;
  z-index:2;
  margin:-14px -14px 10px;
  padding:12px 14px 10px;
  background:#e6dfd2;
}
.pages.journal-open .journal-piece-menu-compact .journal-piece-menu-head strong{font-size:22px}
.pages.journal-open .journal-piece-compact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 12px;
}
.pages.journal-open .journal-piece-compact-grid label{display:grid;gap:4px}
.pages.journal-open .journal-piece-compact-grid label>span{
  color:#465f63;
  font:800 12px "DM Sans";
}
.pages.journal-open .journal-piece-compact-grid select{
  box-sizing:border-box;
  width:100%;
  min-height:42px;
  padding:8px 34px 8px 10px;
  border:1px solid #8f9c99;
  border-radius:9px;
  background:#f3eee4;
  color:#33484c;
  font:700 14px "DM Sans";
}
.pages.journal-open .journal-piece-menu-compact .journal-piece-preview-line{
  position:sticky!important;
  bottom:-14px!important;
  z-index:2;
  margin:10px -14px -14px!important;
  padding:10px 14px!important;
  background:#e6dfd2!important;
}
@media(max-width:560px){
  .pages.journal-open .journal-piece-menu.journal-piece-menu-compact{
    width:calc(100vw - 18px)!important;
    max-height:calc(100vh - 18px)!important;
    padding:10px!important;
  }
  .pages.journal-open .journal-piece-menu-compact .journal-piece-menu-head{
    top:-10px;
    margin:-10px -10px 8px;
    padding:10px;
  }
  .pages.journal-open .journal-piece-menu-compact .journal-piece-menu-head strong{font-size:20px}
  .pages.journal-open .journal-piece-compact-grid{grid-template-columns:1fr;gap:7px}
  .pages.journal-open .journal-piece-compact-grid label{grid-template-columns:100px 1fr;align-items:center;gap:8px}
  .pages.journal-open .journal-piece-compact-grid select{min-height:40px;font-size:14px}
  .pages.journal-open .journal-piece-menu-compact .journal-piece-preview-line{
    bottom:-10px!important;
    margin:8px -10px -10px!important;
    padding:8px 10px!important;
  }
  .pages.journal-open #journalPieceChoiceSummary{font-size:14px}
}

/* Journal Add Piece picker portal: force above every app/page/sticker layer. */
body > .journal-piece-menu.journal-piece-menu-portal{
  position:fixed!important;
  z-index:2147483000!important;
  isolation:isolate!important;
  top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  width:min(620px,calc(100vw - 28px))!important;max-width:none!important;
  max-height:calc(100vh - 28px)!important;overflow:auto!important;overscroll-behavior:contain;
  margin:0!important;padding:14px!important;transform:translate(-50%,-50%)!important;
  border:1px solid #6c8585!important;border-radius:16px!important;background:#e6dfd2!important;
  box-shadow:0 24px 70px rgba(0,0,0,.52)!important;color:#293d40!important;
}
body > .journal-piece-menu.journal-piece-menu-portal[hidden]{display:none!important}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-menu-head{
  position:sticky;top:-14px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  margin:-14px -14px 10px;padding:12px 14px 10px;border-bottom:1px dashed #9a8f82;background:#e6dfd2;
}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-menu-head small{display:block;color:#64777a;font:700 11px "DM Sans";letter-spacing:.13em}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-menu-head strong{display:block;margin-top:3px;color:#285d65;font:700 22px/1.05 "Caveat"}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-menu-head>button{width:38px;height:38px;border:1px solid #897c73;border-radius:50%;background:#c8bcb0;color:#4c4144;font:700 23px/1 sans-serif;cursor:pointer}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-compact-grid label{display:grid;gap:4px}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-compact-grid label>span{color:#465f63;font:800 12px "DM Sans"}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-compact-grid select{box-sizing:border-box;width:100%;min-height:42px;padding:8px 34px 8px 10px;border:1px solid #8f9c99;border-radius:9px;background:#f3eee4;color:#33484c;font:700 14px "DM Sans"}
body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-preview-line{position:sticky!important;bottom:-14px!important;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px -14px -14px!important;padding:10px 14px!important;background:#e6dfd2!important}
body > .journal-piece-menu.journal-piece-menu-portal #journalPieceChoiceSummary{font:700 15px "Caveat";color:#36585d}
body > .journal-piece-menu.journal-piece-menu-portal #journalCreatePiece{min-height:42px;padding:8px 14px;border:1px solid #267e86;border-radius:9px;background:#185a61;color:#eef8f7;font:800 13px "DM Sans";cursor:pointer}
@media(max-width:560px){
  body > .journal-piece-menu.journal-piece-menu-portal{width:calc(100vw - 18px)!important;max-height:calc(100vh - 18px)!important;padding:10px!important}
  body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-menu-head{top:-10px;margin:-10px -10px 8px;padding:10px}
  body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-menu-head strong{font-size:20px}
  body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-compact-grid{grid-template-columns:1fr;gap:7px}
  body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-compact-grid label{grid-template-columns:100px 1fr;align-items:center;gap:8px}
  body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-compact-grid select{min-height:40px;font-size:14px}
  body > .journal-piece-menu.journal-piece-menu-portal .journal-piece-preview-line{bottom:-10px!important;margin:8px -10px -10px!important;padding:8px 10px!important}
}

/* === JOURNAL PICKER + DELETE CONTROLS ===
   Current object/canvas behavior is defined by the write/arrange rules below. */
body > .journal-sticker-tray.journal-sticker-tray-portal{position:fixed!important;z-index:2147483640!important;top:50%!important;left:50%!important;right:auto!important;width:min(360px,calc(100vw - 24px))!important;max-height:min(70vh,520px)!important;overflow:auto!important;transform:translate(-50%,-50%)!important;padding:16px!important;border:1px solid #78979d!important;border-radius:14px!important;background:#edf0e8!important;box-shadow:0 24px 60px rgba(0,0,0,.42)!important}
.pages.journal-open [data-remove-journal-note],
.pages.journal-open [data-remove-journal-sticker]{touch-action:manipulation!important;cursor:pointer!important}

/* === JOURNAL FREE TEXT + EXPLICIT ARRANGE MODE ===
   One pointer owner at a time. WRITE makes stickers/pieces click-through and text sits above them.
   ARRANGE disables text interaction and gives the pointer back to movable objects. */
.pages.journal-open{min-height:var(--journal-canvas-height,1120px)!important;overflow:visible!important}
.pages.journal-open > .page{min-height:var(--journal-canvas-height,1120px)!important}
.pages.journal-open .page{overflow:visible!important}
.book.journal-book-open{max-height:none!important;min-height:var(--journal-canvas-height,1120px)!important}
.pages.journal-open .journal-document-shell{position:relative;z-index:2;min-height:560px;margin:12px -4px 22px;padding:8px 10px 26px;border:0;background:transparent;pointer-events:auto}
.pages.journal-open .journal-page-text{position:relative;z-index:2;width:100%;min-height:520px;padding:8px 6px 36px;outline:none;border:0;background:transparent;color:#24383d;font:20px/1.55 "Caveat",cursive;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;caret-color:#168995}
.pages.journal-open .journal-page-text:empty:before{content:attr(data-placeholder);color:#788b8d;opacity:.72;pointer-events:none}
.pages.journal-open .journal-text-color-tool{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 9px;border:1px solid rgba(55,104,113,.35);border-radius:8px;background:rgba(255,255,255,.28);color:#315c63;font:700 12px "DM Sans",sans-serif;cursor:pointer}
.pages.journal-open .journal-text-color-tool input[type="color"]{width:30px;height:24px;padding:1px;border:1px solid rgba(55,104,113,.45);border-radius:6px;background:#f4f0e5;cursor:pointer}
.pages.journal-open .journal-mode-toggle{font-weight:800!important}
.pages.journal-open .journal-mode-toggle.is-write{outline:2px solid rgba(22,137,149,.35);background:#d8ece9!important;color:#184e56!important}
.pages.journal-open .journal-mode-toggle.is-arrange{outline:2px solid rgba(139,90,131,.38);background:#e7dbe4!important;color:#5b4057!important}
.pages.journal-open #journalPieceLayer{display:block!important;position:absolute!important;inset:0!important;height:var(--journal-canvas-height,1120px)!important;min-height:var(--journal-canvas-height,1120px)!important;z-index:30!important;overflow:visible!important;pointer-events:none!important}

.pages.journal-open #journalPieceLayer > .journal-free-piece{z-index:30!important}
.pages.journal-open:not(.journal-arrange-mode) #journalPieceLayer > .journal-free-piece{pointer-events:none!important}
.pages.journal-open.journal-arrange-mode #journalPieceLayer > .journal-free-piece{pointer-events:auto!important}
.pages.journal-open:not(.journal-arrange-mode) .journal-piece-desktop-control,.pages.journal-open:not(.journal-arrange-mode) .journal-piece-drag,.pages.journal-open:not(.journal-arrange-mode) .journal-piece-mobile-controls{display:none!important;opacity:0!important;pointer-events:none!important}
.pages.journal-open.journal-arrange-mode .journal-free-piece:hover .journal-piece-desktop-control,.pages.journal-open.journal-arrange-mode .journal-free-piece:hover .journal-piece-drag,.pages.journal-open.journal-arrange-mode .journal-free-piece.selected .journal-piece-desktop-control,.pages.journal-open.journal-arrange-mode .journal-free-piece.selected .journal-piece-drag,.pages.journal-open.journal-arrange-mode .journal-free-sticker:hover .journal-sticker-desktop-control,.pages.journal-open.journal-arrange-mode .journal-free-sticker.selected .journal-sticker-desktop-control{opacity:1!important;pointer-events:auto!important}
body > .journal-piece-menu.journal-piece-menu-portal[hidden],body > .journal-sticker-tray.journal-sticker-tray-portal[hidden]{display:none!important}


/* === JOURNAL AUTO-GROW BUFFER ===
   Canvas height is driven by JS from real rendered content plus a blank-paper reserve. */

/* v33: sticker-anchored text for Ash/Art compositions */
.pages.journal-open .journal-sticker-overlay{position:absolute;z-index:2;box-sizing:border-box;line-height:1.12;font-family:"Caveat",cursive;white-space:normal;overflow-wrap:anywhere;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.55);transform:rotate(calc(-1 * var(--sticker-rotation,0deg)));transform-origin:center center}

/* v34: compact sticker controls, keep controls off the artwork */
.pages.journal-open .journal-sticker-delete,.pages.journal-open .journal-sticker-rotate{top:-9px;width:22px;height:22px;border-width:1px;font-size:14px;box-shadow:0 2px 6px #0007}
.pages.journal-open .journal-sticker-delete{left:-9px}.pages.journal-open .journal-sticker-rotate{right:-9px}
.pages.journal-open .journal-sticker-resize{right:-9px;bottom:-9px;width:22px;height:22px;border-width:1px;border-radius:6px;box-shadow:0 2px 6px #0007}
.pages.journal-open .journal-sticker-resize:after{font-size:13px}
@media (pointer:coarse), (max-width:768px){
  .pages.journal-open .journal-sticker-mobile-controls{top:calc(100% + 5px);grid-template-columns:repeat(5,30px);gap:3px;padding:3px;border-radius:9px}
  .pages.journal-open .journal-sticker-mobile-controls button{width:30px!important;height:30px!important;border-radius:7px!important;font-size:17px!important;min-width:30px!important;min-height:30px!important}
}
/* ART LIBRARY */
.art-page{padding:10px 12px 30px;min-height:70vh;color:#24383d}.art-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;border-bottom:1px solid #b8c5bf;padding-bottom:14px}.art-head h2{font:700 34px Georgia,serif;margin:2px 0}.art-head p{margin:0;max-width:650px}.art-head small{letter-spacing:.14em}.art-primary{background:#176f78!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:10px 16px!important;font-weight:700!important}.art-tools{display:grid;grid-template-columns:1fr 220px;gap:10px;margin:16px 0}.art-tools input,.art-tools select,.art-dialog input{width:100%;box-sizing:border-box;border:1px solid #aebbb5;border-radius:10px;background:#fffdf7;color:#24383d;padding:10px}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.art-card{border:1px solid #c8d0ca;border-radius:14px;background:#fffaf0;overflow:hidden;box-shadow:0 5px 16px #24383d12}.art-thumb{aspect-ratio:1/1;display:grid;place-items:center;background:#eef0e9;padding:8px}.art-thumb img{max-width:100%;max-height:100%;object-fit:contain}.art-card-body{display:grid;gap:5px;padding:11px}.art-card-body small{opacity:.72}.art-writing-badge{font-size:11px;font-weight:700;color:#176f78}.art-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.art-actions button{font-size:11px;padding:5px 8px;border:1px solid #b7c0bb;border-radius:999px;background:#fff}.art-actions .danger{color:#8b3030}.art-empty{padding:30px;border:1px dashed #aebbb5;border-radius:14px;text-align:center}.art-dialog{width:min(560px,calc(100vw - 24px));border:1px solid #899b93;border-radius:16px;background:#fffaf0;color:#24383d;padding:0;box-shadow:0 20px 70px #0005}.art-dialog::backdrop{background:#17211dcc}.art-dialog form{display:grid;gap:12px;padding:20px}.art-dialog h3{margin:0;font:700 26px Georgia,serif}.art-dialog label{display:grid;gap:5px;font-size:12px;font-weight:700}.art-dialog fieldset{border:1px solid #c6cec9;border-radius:12px;padding:12px}.art-dialog legend{font-weight:700}.art-dialog legend small{font-weight:400;opacity:.7}.art-zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.art-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.art-form-status{min-height:1em;margin:0;font-size:12px}.art-dialog input[type=color]{height:42px;padding:4px}@media(max-width:700px){.art-head{align-items:stretch;flex-direction:column}.art-tools{grid-template-columns:1fr}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-zone-grid{grid-template-columns:repeat(2,1fr)}}

/* 104. JOURNAL ART LIBRARY SEARCH */
.journal-art-search{display:grid;gap:8px;margin-bottom:12px;padding:10px;border:1px solid rgba(52,104,112,.25);border-radius:10px;background:rgba(255,255,255,.42)}
.journal-art-search>label{color:#2f6069;font:700 17px "Caveat"}
.journal-art-search-row{display:grid;grid-template-columns:1fr auto;gap:7px}
.journal-art-search-row input{min-width:0;padding:8px 10px;border:1px solid #aab9b8;border-radius:7px;background:#fffdf8;color:#263f43;font:14px "DM Sans";outline:0}
.journal-art-search-row button{padding:8px 11px;border:0;border-radius:7px;background:#247c86;color:white;font:700 12px "DM Sans";cursor:pointer}
.journal-art-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;overflow:auto}
.journal-art-result{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:6px;border:1px solid rgba(71,105,108,.2);border-radius:8px;background:rgba(248,246,238,.92);color:#263f43;text-align:left;cursor:pointer}
.journal-art-result:hover{border-color:#398a92;background:#fff}
.journal-art-result-thumb{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border-radius:6px;background:rgba(220,228,224,.55)}
.journal-art-result-thumb img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.journal-art-result strong{display:block;overflow:hidden;font:700 14px "DM Sans";text-overflow:ellipsis;white-space:nowrap}
.journal-art-result small{display:block;margin-top:3px;color:#6b7f81;font:10px/1.3 "DM Sans"}
.journal-art-search-status{grid-column:1/-1;margin:6px 0;color:#6b7f81;text-align:center;font:13px "DM Sans"}
@media(max-width:620px){.journal-art-search-results{grid-template-columns:1fr}.journal-art-result{grid-template-columns:52px minmax(0,1fr)}.journal-art-result-thumb{width:52px;height:52px}}

/* 105. v41 JOURNAL ART PICKER ISOLATION
   The legacy sticker tray styles force every button to 31x31. These rules
   explicitly isolate Art search cards/actions so the picker remains usable. */
body > .journal-sticker-tray.journal-sticker-tray-portal{
  width:min(520px,calc(100vw - 24px))!important;
  max-height:min(78vh,680px)!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-search{
  display:grid!important;
  width:100%!important;
  box-sizing:border-box!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-search-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  width:100%!important;
  gap:7px!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-search-row button{
  width:auto!important;
  height:auto!important;
  min-width:74px!important;
  min-height:40px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:7px!important;
  background:#247c86!important;
  color:#fff!important;
  font:700 12px "DM Sans"!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-search-results{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  gap:8px!important;
  max-height:390px!important;
  overflow:auto!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-result{
  position:static!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:76px!important;
  padding:6px!important;
  margin:0!important;
  border:1px solid rgba(71,105,108,.2)!important;
  border-radius:9px!important;
  background:rgba(248,246,238,.96)!important;
  color:#263f43!important;
  text-align:left!important;
  font:inherit!important;
  filter:none!important;
  transform:none!important;
  overflow:hidden!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-result-thumb{
  display:grid!important;
  place-items:center!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  overflow:hidden!important;
  border-radius:7px!important;
  background:rgba(220,228,224,.55)!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-result-thumb img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-result strong,
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-result small{
  width:auto!important;
  height:auto!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-sticker-picker-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  width:100%!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-sticker-picker-actions button{
  width:auto!important;
  height:auto!important;
  min-height:44px!important;
  margin:0!important;
  font:700 13px "DM Sans"!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-sticker-add-image{
  width:100%!important;
}
body > .journal-sticker-tray.journal-sticker-tray-portal .journal-sticker-cancel{
  min-width:88px!important;
  padding:10px 14px!important;
}
@media(max-width:620px){
  body > .journal-sticker-tray.journal-sticker-tray-portal{
    width:min(430px,calc(100vw - 16px))!important;
    padding:12px!important;
  }
  body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-search-results{
    grid-template-columns:1fr!important;
  }
  body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-result{
    grid-template-columns:58px minmax(0,1fr)!important;
    min-height:68px!important;
  }
  body > .journal-sticker-tray.journal-sticker-tray-portal .journal-art-result-thumb{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
  }
}


/* 106. v42 JOURNAL ART SEARCH-FIRST BEHAVIOR
   The picker is intentionally empty until a real query exists. Only matching
   Art Library records are rendered. */
.journal-art-search-results[hidden]{display:none!important}

/* ART WRITING-ZONE DESIGNER */
.art-zone-preview{display:grid;gap:8px;margin-bottom:10px}.art-zone-stage{position:relative;display:grid;place-items:center;width:100%;min-height:260px;max-height:52vh;overflow:hidden;border:1px dashed #9aaba3;border-radius:12px;background:#eef0e9;touch-action:none}.art-zone-stage>img{display:block;max-width:100%;max-height:52vh;object-fit:contain;user-select:none;pointer-events:none}.art-zone-placeholder{padding:28px;text-align:center;opacity:.65}.art-zone-box{position:absolute;box-sizing:border-box;border:2px solid #176f78;background:#176f7826;cursor:move;touch-action:none}.art-zone-box span{position:absolute;left:5px;top:4px;padding:2px 5px;border-radius:5px;background:#fffdf7dd;color:#176f78;font-size:10px;font-weight:800;pointer-events:none}.art-zone-handle{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#176f78;touch-action:none}.art-zone-handle.nw{left:-9px;top:-9px;cursor:nwse-resize}.art-zone-handle.n{left:50%;top:-9px;transform:translateX(-50%);cursor:ns-resize}.art-zone-handle.ne{right:-9px;top:-9px;cursor:nesw-resize}.art-zone-handle.e{right:-9px;top:50%;transform:translateY(-50%);cursor:ew-resize}.art-zone-handle.se{right:-9px;bottom:-9px;cursor:nwse-resize}.art-zone-handle.s{left:50%;bottom:-9px;transform:translateX(-50%);cursor:ns-resize}.art-zone-handle.sw{left:-9px;bottom:-9px;cursor:nesw-resize}.art-zone-handle.w{left:-9px;top:50%;transform:translateY(-50%);cursor:ew-resize}.art-zone-buttons{display:flex;gap:8px}.art-zone-buttons button{border:1px solid #9aaba3;border-radius:999px;background:#fff;padding:7px 11px;font-weight:700;color:#24383d}.art-zone-help{margin:0;font-size:11px;line-height:1.4;opacity:.75}.art-zone-values{opacity:.58}.art-zone-values input{background:#f0f1ec!important}
@media(max-width:700px){.art-zone-stage{min-height:220px}.art-zone-stage>img{max-height:46vh}.art-zone-handle{width:24px;height:24px}.art-zone-handle.nw{left:-13px;top:-13px}.art-zone-handle.n{top:-13px}.art-zone-handle.ne{right:-13px;top:-13px}.art-zone-handle.e{right:-13px}.art-zone-handle.se{right:-13px;bottom:-13px}.art-zone-handle.s{bottom:-13px}.art-zone-handle.sw{left:-13px;bottom:-13px}.art-zone-handle.w{left:-13px}}

/* =========================================================
   [57] CALENDAR MOBILE FIT + TOUCH SPACING
   Keeps the calendar readable without desktop-sized gaps.
========================================================= */
@media(max-width:900px){
  .calendar-open .page{padding:18px 12px 28px!important}
  .calendar-open .monthly-calendar-spread{width:100%;min-width:0}
  .calendar-open .calendar-stats{gap:7px;margin-bottom:10px}
  .calendar-open .calendar-stats article{padding:8px 9px}
  .calendar-open .monthly-calendar-header{gap:8px;margin-bottom:10px}
  .calendar-open .month-nav{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}
  .calendar-open .month-nav button{min-height:40px}
  .calendar-open .month-main{min-width:0;overflow:hidden}
  .calendar-open .month-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
  .calendar-open .month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
  .calendar-open .month-cell{height:82px;min-width:0;padding:3px;border-radius:4px}
  .calendar-open .month-number{font-size:11px}
  .calendar-open .month-count{font-size:7px}
  .calendar-open .month-events{gap:2px}
  .calendar-open .month-event{padding:2px 3px;min-width:0}
  .calendar-open .month-event-time{display:none}
  .calendar-open .month-event-title{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .calendar-open .month-more{font-size:7px}
  .calendar-open .calendar-card-deck{gap:9px;margin-top:10px}
  .calendar-open .ember-cal-card{padding:11px}
  .calendar-open #calendarFullAdd{gap:9px}
  .calendar-open #calendarFullAdd input,
  .calendar-open #calendarFullAdd select,
  .calendar-open #calendarFullAdd textarea{min-height:42px;padding:9px;font-size:14px}
  .calendar-open #calendarFullAdd textarea{height:72px}
  .calendar-open #calendarFullAdd button{min-height:44px;font-size:11px}
  .calendar-open .calendar-item-list article{gap:8px;padding:9px}
  .calendar-open .calendar-item-list article b{font-size:16px}
  .calendar-open .calendar-item-list article span{font-size:10px}
  .calendar-open .weekly-calendar-card{margin-top:9px}
  .calendar-open .ember-week-wrap{margin:0 -2px;padding-bottom:10px}
}
@media(max-width:600px){
  .calendar-open .page{padding:14px 8px 24px!important}
  .calendar-open .calendar-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .calendar-open .calendar-stats article{padding:6px 5px;text-align:center}
  .calendar-open .calendar-stats article small{font-size:6px}
  .calendar-open .calendar-stats article b{font-size:18px}
  .calendar-open .calendar-stats article span{font-size:7px}
  .calendar-open .monthly-calendar-header h2{font-size:23px}
  .calendar-open .month-weekdays span{font-size:7px}
  .calendar-open .month-cell{height:68px;padding:2px}
  .calendar-open .month-number{font-size:10px}
  .calendar-open .month-event-title{font-size:7px}
  .calendar-open .calendar-card-deck{grid-template-columns:1fr}
  .calendar-open .ember-cal-card>header{align-items:flex-start;gap:7px;flex-wrap:wrap}
  .calendar-open .calendar-items-card header input{width:100%;min-height:40px}
  .calendar-open #calendarFullAdd>div{grid-template-columns:1fr}
}

/* v60 load-time: scalable Art Library result controls */
.art-result-note{margin:.35rem 0 .75rem;color:var(--muted,#6f7778);font-size:.78rem;letter-spacing:.02em}
.art-load-more{display:flex;justify-content:center;padding:1rem 0 1.5rem}
.art-load-more button{border:1px solid rgba(61,111,112,.35);background:rgba(255,255,255,.72);border-radius:999px;padding:.65rem 1.15rem;font:inherit;cursor:pointer}
.art-load-more button:hover{background:rgba(61,111,112,.1)}
/* EMBER X PROJECT COMMAND CENTER */
.projects-bujo{font-family:inherit;padding:18px 22px 60px;min-height:100%;background:linear-gradient(90deg,rgba(14,151,156,.035) 1px,transparent 1px),linear-gradient(rgba(14,151,156,.035) 1px,transparent 1px);background-size:22px 22px;color:#24282b}.projects-hero,.project-dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:2px solid #252a2d;padding:10px 4px 18px;margin-bottom:24px}.projects-hero h1,.project-dash-head h1{font-family:Georgia,serif;font-size:38px;margin:2px 0 4px;color:#20272a}.projects-hero p,.project-dash-head p{margin:0;max-width:650px}.project-ink-btn,.project-paper-btn,.project-add-text{border:1px solid #283337;background:#263438;color:#e7f7f7;border-radius:7px;padding:10px 14px;font-weight:800;cursor:pointer}.project-paper-btn,.project-add-text{background:#f5f1e7;color:#263438;border-color:#9da6a7}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.project-cover-card{min-height:180px;text-align:left;padding:22px;border:1px solid #9aa3a4;border-radius:5px;background:#f7f2e8;box-shadow:5px 6px 0 rgba(34,48,52,.12);cursor:pointer;transform:rotate(-.25deg)}.project-cover-card:nth-child(even){transform:rotate(.35deg)}.project-cover-card small,.project-section-title small,.project-task-modal small{letter-spacing:.15em;color:#087e83;font-weight:900}.project-cover-card h2{font:700 28px Georgia,serif;margin:8px 0}.project-cover-card div{display:flex;gap:14px;margin-top:20px;font-size:12px;color:#596568}.project-pinboard,.project-task-area{margin-top:24px}.project-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.project-section-title h2{font:700 25px Georgia,serif;margin:2px 0}.project-link-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.project-link-box{background:#f6f1e6;border:1px solid #9aa4a5;border-top:5px solid #11888c;padding:14px;box-shadow:3px 4px 0 rgba(32,39,42,.1)}.project-link-box header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #aab1b0;padding-bottom:8px;margin-bottom:8px}.project-link-box h3{font:700 20px Georgia,serif;margin:0}.project-link-box header button{border:0;background:none;font-size:20px;cursor:pointer}.project-link-row,.project-add-link{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 5px;cursor:pointer;border-bottom:1px dotted #c0c3be}.project-link-row span{color:#087e83;margin-right:7px}.project-add-link{color:#087e83;font-weight:800;border-bottom:0}.project-empty-mini,.project-empty{color:#788184;font-style:italic}.project-task-list{display:grid;gap:9px}.project-task-card{width:100%;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;text-align:left;border:1px solid #a4acad;background:#fbf8ef;padding:13px 15px;cursor:pointer;box-shadow:2px 2px 0 rgba(31,41,44,.08)}.project-task-card strong{display:block;font-size:15px}.project-task-card small{color:#6d7779}.project-task-check{font-size:22px;color:#087e83}.project-modal-backdrop{position:fixed;inset:0;background:rgba(19,24,26,.64);z-index:9999;display:grid;place-items:center;padding:18px}.project-task-modal{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#f7f2e8;border:1px solid #737e80;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:22px;position:relative;background-image:linear-gradient(rgba(12,133,139,.045) 1px,transparent 1px);background-size:100% 24px}.project-task-modal>header{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #273337;padding-bottom:12px}.project-task-modal>header button{border:0;background:none;font-size:28px;cursor:pointer}.project-task-title-input{display:block;width:100%;font:700 27px Georgia,serif;border:0;border-bottom:1px dashed #9aa4a5;background:transparent;padding:4px 0}.project-task-meta{display:flex;gap:12px;margin:16px 0}.project-task-modal label{font-weight:800}.project-task-modal select,.project-task-modal textarea,.project-check-section input[type=text],.project-check-section header input{border:1px solid #a3acad;background:#fffdf7;border-radius:4px;padding:8px}.project-notes-label textarea{display:block;width:100%;min-height:70px;margin-top:5px}.project-modal-section-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-bottom:1px solid #9aa4a5}.project-modal-section-head h3{font:700 20px Georgia,serif}.project-modal-section-head button{border:0;background:none;color:#087e83;font-weight:900;cursor:pointer}.project-check-section{margin:12px 0;padding:12px;border-left:4px solid #0b8589;background:rgba(255,255,255,.45)}.project-check-section header{display:flex;gap:8px}.project-check-section header input{flex:1;font-weight:900}.project-check-section header button,.project-subtask button{border:0;background:none;cursor:pointer}.project-subtask{display:grid!important;grid-template-columns:24px 1fr 24px;align-items:center;padding:7px 2px;border-bottom:1px dotted #c2c5c0;font-weight:500!important}.project-related-links{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.project-related-links button{border:1px solid #879496;background:#edf4f2;border-radius:14px;padding:7px 10px;cursor:pointer;color:#176c70}@media(max-width:700px){.projects-hero,.project-dash-head{align-items:flex-start;flex-direction:column}.project-link-boxes{grid-template-columns:1fr}.projects-bujo{padding:12px}.project-task-modal{padding:16px}.projects-hero h1,.project-dash-head h1{font-size:32px}}
/* v80 Projects: collapsible bullet-journal outline hierarchy */
.project-outline-tools{margin-left:auto;display:flex;gap:6px;align-items:end}.project-outline-tools button{border:1px solid #9aa4a5;background:#f7f2e8;color:#176c70;border-radius:5px;padding:7px 9px;font-weight:800;cursor:pointer}.project-check-section>header{align-items:center}.project-list-toggle{width:28px!important;font-size:18px!important;color:#087e83}.project-check-section>header [data-add-root]{white-space:nowrap;color:#087e83;font-weight:900;border:1px dashed #8aa6a7!important;border-radius:4px;padding:7px!important}.project-outline-tree{margin-top:8px}.project-outline-node{margin-left:calc(var(--depth) * 18px);border-left:3px solid rgba(8,126,131,.78);padding-left:7px}.project-outline-node.depth-1{border-left-color:rgba(69,89,94,.65)}.project-outline-node.depth-2{border-left-color:rgba(128,118,93,.62)}.project-outline-node.depth-3{border-left-color:rgba(8,126,131,.48)}.project-outline-node.depth-4,.project-outline-node.depth-5{border-left-color:rgba(69,89,94,.4)}.project-outline-row{display:grid;grid-template-columns:25px 23px minmax(0,1fr) 29px 25px;align-items:center;gap:3px;min-height:38px;border-bottom:1px dotted rgba(125,135,134,.42);background:rgba(255,253,247,calc(.46 - (var(--depth) * .035)));padding:3px 2px}.project-node-toggle,.project-node-add,.project-node-delete{border:0!important;background:transparent!important;cursor:pointer!important}.project-node-toggle{font-size:17px;color:#087e83}.project-node-toggle.is-empty{color:#9ca4a3}.project-node-add{font-size:18px;color:#087e83}.project-node-delete{color:#747d7e}.project-node-text{width:100%;border:0!important;border-bottom:1px dashed transparent!important;background:transparent!important;padding:6px!important}.project-node-text:focus{outline:none;border-bottom-color:#0b8589!important;background:#fffdf7!important}.project-node-children{padding-top:1px}@media(max-width:700px){.project-task-meta{flex-wrap:wrap}.project-outline-tools{width:100%;margin-left:0}.project-outline-node{margin-left:calc(var(--depth) * 12px)}.project-outline-row{grid-template-columns:22px 20px minmax(0,1fr) 26px 22px}.project-check-section{padding:9px 7px}}
/* v81 Projects: dashboard-first infinite collapsible hierarchy */
.project-dashboard-tree{display:flex;flex-direction:column;gap:10px;margin-top:14px}.project-dashboard-node{margin-left:calc(var(--depth) * 22px);border-left:4px solid var(--project-depth-accent,#2f8f8b);border-radius:9px;background:rgba(255,255,255,.34);box-shadow:0 2px 7px rgba(31,31,31,.06)}.project-dashboard-node-row{min-height:48px;display:grid;grid-template-columns:30px 28px minmax(0,1fr) 34px 34px;align-items:center;gap:6px;padding:6px 9px}.project-dashboard-node-text{width:100%;border:0;border-bottom:1px dashed rgba(45,45,45,.24);background:transparent;font:inherit;color:inherit;padding:7px 4px}.project-dashboard-children{padding:2px 0 8px 0}.project-depth-teal{--project-depth-accent:#2f8f8b;background:rgba(47,143,139,.075)}.project-depth-silver{--project-depth-accent:#8d969c;background:rgba(141,150,156,.08)}.project-depth-gold{--project-depth-accent:#a88a42;background:rgba(168,138,66,.075)}.project-depth-rust{--project-depth-accent:#a45f43;background:rgba(164,95,67,.07)}.project-depth-plum{--project-depth-accent:#75586e;background:rgba(117,88,110,.065)}.project-depth-sage{--project-depth-accent:#687d68;background:rgba(104,125,104,.07)}.project-depth-blue{--project-depth-accent:#56788a;background:rgba(86,120,138,.07)}@media(max-width:700px){.project-dashboard-node{margin-left:calc(var(--depth) * 12px)}.project-dashboard-node-row{grid-template-columns:26px 24px minmax(0,1fr) 30px 30px;padding-left:5px;padding-right:5px}.project-outline-tools{display:flex;flex-wrap:wrap;gap:6px}}

/* [PROJECTS V83] typed project boxes + global Card Links search */
.project-text-box{border-top-color:#7c878a}.project-box-textarea{width:100%;min-height:130px;resize:vertical;box-sizing:border-box;border:1px solid #aab2b2;border-radius:5px;background:#fffdf7;padding:10px;font:inherit;color:#263438;line-height:1.45}.project-link-search{margin-top:8px;padding-top:9px;border-top:1px dashed #aab1b0}.project-link-search>input{width:100%;box-sizing:border-box;border:1px solid #98a5a6;border-radius:5px;background:#fffdf7;padding:9px 10px;color:#263438}.project-card-search-result{display:block;width:100%;text-align:left;border:0;border-bottom:1px dotted #c0c3be;background:transparent;padding:9px 5px;cursor:pointer;color:#263438}.project-card-search-result:hover,.project-card-search-result:focus{background:rgba(17,136,140,.08);outline:none}.project-card-search-result strong,.project-card-search-result small{display:block}.project-card-search-result small{margin-top:2px;color:#6d7779;font-size:11px}.project-link-search-hint{margin:8px 3px 2px;color:#788184;font-size:12px;font-style:italic}

/* Journal Memory Box v1: structured memories + free-floating stickers */
.pages.journal-open .journal-memory-journal{position:relative;z-index:2}
.pages.journal-open .journal-memory-input-box,.pages.journal-open .journal-day-memory-box{border:1px solid rgba(39,112,121,.35);border-radius:16px;background:linear-gradient(145deg,rgba(245,241,232,.96),rgba(222,226,222,.94));box-shadow:4px 5px 0 rgba(28,44,47,.1);padding:18px}
.pages.journal-open .journal-memory-input-box header{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:12px}.pages.journal-open .journal-memory-input-box header>span{font-size:24px;color:#168a96}.pages.journal-open .journal-memory-input-box h3,.pages.journal-open .journal-day-memory-head h3{margin:0;color:#1c525d;font:700 28px/1.05 "Caveat"}.pages.journal-open .journal-memory-input-box small,.pages.journal-open .journal-day-memory-head small{color:#718083}
.pages.journal-open #journalMemoryInput{box-sizing:border-box;width:100%;min-height:160px;padding:14px;border:1px solid #91a5a6;border-radius:12px;background:rgba(255,255,255,.55);outline:none;resize:vertical;font:20px/1.45 "Caveat";color:#24383d}
.pages.journal-open .journal-memory-input-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.pages.journal-open #journalMemoryTime{border:1px solid #82999b;border-radius:9px;padding:8px;background:#f5f2ea;color:#24383d}.pages.journal-open #journalAddMemory{border:1px solid #237c84;border-radius:10px;padding:9px 14px;background:#176f78;color:#f4eee2;font-weight:700;cursor:pointer}
.pages.journal-open .journal-memory-entries{display:grid;gap:12px;margin-top:14px}.pages.journal-open .journal-memory-entry{position:relative;border-left:4px solid var(--memory-color,#168a96);border-radius:10px;background:rgba(255,255,255,.62);padding:10px 12px;box-shadow:0 2px 8px rgba(28,44,47,.08)}.pages.journal-open .journal-memory-meta{display:flex;justify-content:space-between;align-items:center;min-height:22px}.pages.journal-open .journal-memory-meta time{font:700 11px "DM Sans";color:#6e8183}.pages.journal-open .journal-memory-meta button{border:0;background:transparent;color:#899597;font-size:18px;cursor:pointer}.pages.journal-open .journal-memory-entry textarea{box-sizing:border-box;width:100%;min-height:76px;border:0;background:transparent;outline:0;resize:vertical;font:19px/1.4 "Caveat"}.pages.journal-open .journal-memory-empty{padding:28px;text-align:center;color:#738386;font:18px "Caveat"}


/* === JOURNAL STICKER TOP LAYER v162 ===
   Free-floating Journal art belongs above structured Memory Box panels.
   Keep the sticker picker portals higher still. */
.pages.journal-open #journalStickerLayer{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:90!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.pages.journal-open #journalStickerLayer > .journal-free-sticker{
  pointer-events:auto;
}
.pages.journal-open #journalStickerLayer > .journal-free-sticker{
  pointer-events:auto!important;
}

/* ==========================================================
   2026-09-30 v183 — NAV PRIORITY + ACCESSIBLE SILVER→TEAL
   ========================================================== */
.tabs{
  max-height:calc(100vh - 44px);
  overflow-y:auto;
  overflow-x:visible;
  scrollbar-width:thin;
  scrollbar-color:#7f9fa2 transparent;
  padding-right:7px;
}
.tabs::-webkit-scrollbar{width:6px}
.tabs::-webkit-scrollbar-track{background:transparent}
.tabs::-webkit-scrollbar-thumb{background:#7f9fa2;border-radius:999px}
.tab{
  color:#16272b;
  border:1px solid rgba(34,65,69,.18);
  text-shadow:none;
}
.tab span{color:inherit;opacity:.72}
.tab:nth-child(1){background:#e9eded}
.tab:nth-child(2){background:#e1e8e7}
.tab:nth-child(3){background:#d8e4e2}
.tab:nth-child(4){background:#cee0de}
.tab:nth-child(5){background:#c3dbd8}
.tab:nth-child(6){background:#b7d6d3}
.tab:nth-child(7){background:#aad0ce}
.tab:nth-child(8){background:#9ccac8}
.tab:nth-child(9){background:#8dc3c1}
.tab:nth-child(10){background:#7dbab9}
.tab:nth-child(11){background:#6eafaf;color:#102326}
.tab:nth-child(12){background:#5ea4a5;color:#102326}
.tab:nth-child(13){background:#50999a;color:#fff}
.tab:nth-child(14){background:#458e90;color:#fff}
.tab:nth-child(15){background:#3c8385;color:#fff}
.tab:nth-child(16){background:#34787b;color:#fff}
.tab:nth-child(17){background:#2d6e71;color:#fff}
.tab:nth-child(18){background:#286568;color:#fff}
.tab:nth-child(19){background:#245d60;color:#fff}
.tab:nth-child(20){background:#205558;color:#fff}
.tab:nth-child(21){background:#1d4d50;color:#fff}
.tab:nth-child(22){background:#1a4649;color:#fff}
.tab:nth-child(23){background:#173f42;color:#fff}
.tab:nth-child(24){background:#14393c;color:#fff}
.tab.active{
  width:91px;
  background:#103f45;
  color:#fff;
  border-color:#74c7c9;
  box-shadow:3px 3px 8px rgba(0,0,0,.24),0 0 0 2px rgba(116,199,201,.22);
}
.tab:hover{filter:brightness(1.06);width:88px}
@media(max-width:900px){
  .tabs{max-height:calc(100vh - 28px);padding-right:5px}
}


/* =========================================================
   v186 — CENTRAL FONT PICKER / JOURNAL FONT MEMORY
========================================================= */
.pages.journal-open .journal-font-tool{display:flex;align-items:center;gap:6px;border:1px solid rgba(67,103,108,.28);border-radius:9px;padding:4px 7px;background:rgba(255,255,255,.42);color:#38585d;font-size:11px;font-weight:700}
.pages.journal-open .journal-font-tool select{max-width:150px;border:0;background:transparent;color:#24383d;font:600 12px "DM Sans",sans-serif;outline:none;cursor:pointer}
.pages.journal-open .journal-memory-entry textarea{font-family:var(--memory-font,var(--font-journal-default));}
.pages.journal-open #journalMemoryInput{font-family:var(--journal-compose-font,var(--font-journal-default));}
@media(max-width:540px){.pages.journal-open .journal-font-tool{width:100%;justify-content:space-between}.pages.journal-open .journal-font-tool select{max-width:180px;flex:1}.pages.journal-open .journal-toolstrip{flex-wrap:wrap}}

/* =========================================================
   DAILY DASHBOARD — RAPID LOG + MY LISTS SPLIT
   v206
========================================================= */
.daily-rapid-lists-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.daily-rapid-lists-grid .section-heading{margin-bottom:10px}
.daily-rapid-lists-grid .paper-section{margin-top:0}
.daily-rapid-card,.daily-lists-card{min-height:330px}
.daily-rapid-card{display:flex;flex-direction:column}
.daily-rapid-card .daily-rapid-writing{flex:1;min-height:255px}
.daily-lists-card{padding:16px;display:flex;flex-direction:column;gap:11px}
.daily-lists-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.daily-lists-card>header small{display:block;font:700 7px "DM Sans";letter-spacing:.16em;color:#347187}
.daily-lists-card>header h3{margin:2px 0 0;font:600 19px "Playfair Display";color:var(--blue-dark)}
.daily-list-open{border:1px solid rgba(48,98,118,.45);background:rgba(255,255,255,.28);color:var(--blue-dark);border-radius:999px;padding:6px 9px;font:700 8px "DM Sans";letter-spacing:.06em;cursor:pointer}
.daily-list-select,.daily-list-add input{width:100%;min-width:0;border:0;border-bottom:1px dashed rgba(48,98,118,.55);background:rgba(255,255,255,.22);color:#364550;padding:8px 9px;font:16px "Caveat";outline:none}
.daily-list-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.daily-list-add button{border:0;border-radius:8px;padding:7px 11px;background:var(--blue);color:#fff;font:700 9px "DM Sans";cursor:pointer}
.daily-list-items{display:grid;gap:3px;max-height:205px;overflow:auto;padding-right:3px}
.daily-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;min-height:30px;border-bottom:1px dashed rgba(102,119,128,.28);font:16px "Caveat"}
.daily-list-item input{appearance:none;width:16px;height:16px;border:1px solid #6f8fa0;border-radius:5px;cursor:pointer}
.daily-list-item input:checked{background:var(--blue);box-shadow:inset 0 0 0 3px var(--paper)}
.daily-list-item.is-done span{text-decoration:line-through;opacity:.55}
.daily-list-delete{border:0;background:transparent;color:#71818a;font-size:15px;cursor:pointer;padding:3px 5px}
.daily-list-empty,.daily-list-status{margin:0;color:#7a878e;font:13px "Caveat"}
.daily-list-status{min-height:16px}
@media(max-width:760px){.daily-rapid-lists-grid{grid-template-columns:1fr}.daily-rapid-card,.daily-lists-card{min-height:0}.daily-rapid-card .daily-rapid-writing{min-height:220px}}

/* =========================================================
   [2026-10-03] DAILY COMMAND CENTER
   Card artwork is optional and card-scoped. Add a class of has-card-art and
   set --card-art:url("assets/dashboard/<file>.webp") plus optional
   --card-art-position / --card-art-size. The interface is complete without it.
========================================================= */
.pages.daily-dashboard-open{
  --dash-bg:#081319;--dash-panel:#0d2028;--dash-panel-2:#101a2c;
  --dash-ink:#f5eee3;--dash-muted:#a6b5ba;--dash-teal:#24ced2;
  --dash-gold:#e5b65d;--dash-plum:#bb69b0;--dash-fire:#ef7b45;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);
  background:#071116;
  border:1px solid rgba(115,195,197,.2);
}
.pages.daily-dashboard-open .page{
  color:var(--dash-ink);
  background-color:var(--dash-bg);
  background-image:radial-gradient(circle at 12% 4%,rgba(117,61,133,.15),transparent 28%),radial-gradient(circle at 88% 92%,rgba(221,112,47,.13),transparent 26%),linear-gradient(145deg,rgba(10,31,39,.96),rgba(7,17,22,.99));
  box-shadow:inset 0 0 55px rgba(0,0,0,.46);
}
.pages.daily-dashboard-open .page-content{display:grid;align-content:start;gap:14px}
.pages.daily-dashboard-open .paper-section{margin-top:0}
.pages.daily-dashboard-open .script-label{color:#e9c178;text-shadow:0 1px 12px rgba(229,182,93,.18)}
.pages.daily-dashboard-open .section-heading{margin-bottom:10px}
.pages.daily-dashboard-open .section-heading h2,.pages.daily-dashboard-open .section-heading h3{color:#fff4df}
.pages.daily-dashboard-open .silver-rule{height:1px;background:linear-gradient(90deg,rgba(229,182,93,.75),rgba(36,206,210,.32),transparent)}

.pages.daily-dashboard-open .daily-command-header{
  min-height:0!important;margin:0!important;padding:17px 205px 15px 18px!important;
  border:1px solid rgba(229,182,93,.48);border-radius:20px 7px 18px 8px;
  background:radial-gradient(circle at 8% 0%,rgba(154,72,116,.22),transparent 34%),linear-gradient(135deg,rgba(31,24,39,.96),rgba(9,31,38,.96));
  box-shadow:0 12px 32px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.035);
}
.pages.daily-dashboard-open .daily-command-header:before{width:4px;top:15px;bottom:15px;background:linear-gradient(var(--dash-fire),var(--dash-gold),var(--dash-teal))}
.pages.daily-dashboard-open .daily-command-header:after{content:"☾";right:194px;top:18px;color:#dac8ff;font-size:30px;text-shadow:0 0 18px rgba(187,105,176,.55)}
.pages.daily-dashboard-open .day-number{color:#fff5df;font-size:62px;text-shadow:0 0 22px rgba(229,182,93,.2)}
.pages.daily-dashboard-open .date-row div{color:#ccdadd}.pages.daily-dashboard-open .date-row span{color:#fff}.pages.daily-dashboard-open .date-row small{color:#84d8da}
.pages.daily-dashboard-open .mini-calendar{right:14px!important;top:14px!important;width:176px!important;padding:9px!important;border:1px solid rgba(36,206,210,.42)!important;background:rgba(4,16,22,.72)!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important}
.pages.daily-dashboard-open .mini-calendar-nav strong{color:#f2e5d1}.pages.daily-dashboard-open .mini-calendar .cal-head{color:#77cfd2}.pages.daily-dashboard-open .mini-calendar button{color:#b8c9cc}.pages.daily-dashboard-open .mini-calendar button:hover{background:rgba(36,206,210,.14);color:#fff}.pages.daily-dashboard-open .mini-calendar button.selected{background:linear-gradient(135deg,#177d86,#23b4ba);color:#fff;box-shadow:0 0 0 2px rgba(62,225,224,.17)}

.pages.daily-dashboard-open .elemental-checkin,.pages.daily-dashboard-open .daily-routine-card,.pages.daily-dashboard-open .priorities,.pages.daily-dashboard-open .quote-card,.pages.daily-dashboard-open .daily-at-glance,.pages.daily-dashboard-open .daily-rapid-card,.pages.daily-dashboard-open .daily-lists-card,.pages.daily-dashboard-open .daily-memory,.pages.daily-dashboard-open .daily-calendar-card,.pages.daily-dashboard-open .daily-time-card,.pages.daily-dashboard-open .daily-movement-card{
  position:relative;overflow:hidden;padding:15px;border:1px solid rgba(101,169,175,.32);border-radius:17px 7px 19px 9px;
  background:linear-gradient(145deg,rgba(16,36,44,.96),rgba(8,23,30,.97));
  color:var(--dash-ink);box-shadow:0 9px 24px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025);transform:none;
}
.pages.daily-dashboard-open .elemental-checkin:before{display:none}
.pages.daily-dashboard-open .elemental-checkin{border-color:rgba(82,203,170,.5);background:radial-gradient(circle at 100% 100%,rgba(57,156,109,.16),transparent 35%),linear-gradient(145deg,#0d2227,#0a1820)}
.pages.daily-dashboard-open .elemental-checkin h2,.pages.daily-dashboard-open .daily-routine-card h2{color:#fff0d6;font-size:22px}
.pages.daily-dashboard-open .elemental-checkin header small,.pages.daily-dashboard-open .daily-routine-card header small{color:#78d4d5}
.pages.daily-dashboard-open .element-choice>span{color:#d8e2df}.pages.daily-dashboard-open .element-choice button{border-color:rgba(182,210,208,.25);background:rgba(255,255,255,.045);color:#b9c7c9}.pages.daily-dashboard-open .elemental-log-row input{border-bottom-color:rgba(118,191,194,.46);color:#fff}.pages.daily-dashboard-open .elemental-log-row input::placeholder{color:#7f9398}.pages.daily-dashboard-open .elemental-log-row button{background:linear-gradient(135deg,#167c85,#249ea2)}
.pages.daily-dashboard-open .daily-routine-card{border-color:rgba(187,105,176,.46);background:radial-gradient(circle at 100% 0%,rgba(187,105,176,.18),transparent 36%),linear-gradient(145deg,#171628,#0b1c23)}
.pages.daily-dashboard-open .daily-routine-list label{border-color:rgba(185,204,205,.16);color:#edf1eb}.pages.daily-dashboard-open .daily-routine-list input{border-color:#8bc8c8}.pages.daily-dashboard-open .daily-routine-list input:checked{background:#23adb1;box-shadow:inset 0 0 0 3px #102128}.pages.daily-dashboard-open .routine-status{color:#83b8bd}.pages.daily-dashboard-open .routine-edit-button{border-color:#8c5b86;background:#492642;color:#ffeafa}
.pages.daily-dashboard-open .priorities{border-color:rgba(229,182,93,.46);background:radial-gradient(circle at 100% 100%,rgba(239,123,69,.14),transparent 35%),linear-gradient(145deg,#171d23,#0a1920)}
.pages.daily-dashboard-open .task-add-row input{background:rgba(255,255,255,.055);border-color:rgba(230,191,113,.35);color:#fff}.pages.daily-dashboard-open .task-add-row button{background:#b76a37;color:#fff8e9}.pages.daily-dashboard-open .daily-task-item{border-color:rgba(218,224,221,.14);color:#f5eee3}.pages.daily-dashboard-open .daily-task-item button{color:#c4d4d5}
.pages.daily-dashboard-open .quote-card{border-left:3px solid #9d71d0;background:linear-gradient(135deg,rgba(80,47,100,.48),rgba(13,29,39,.95))}.pages.daily-dashboard-open .quote-card p{color:#f7e9ff}.pages.daily-dashboard-open .quote-card small{color:#c9acda}.pages.daily-dashboard-open .quote-mark{color:#bd89e8}

.daily-at-glance{margin-bottom:2px!important;border-color:rgba(229,182,93,.43)!important;background:linear-gradient(145deg,rgba(23,20,36,.98),rgba(7,27,34,.98))!important}
.daily-at-glance>header{position:relative;display:flex;justify-content:center;align-items:flex-start;margin-bottom:11px;text-align:center}.daily-at-glance>header small{color:#8fdadd;font-size:7px;font-weight:800;letter-spacing:.16em}.daily-at-glance>header h2{margin:0;color:#800020;font:400 42px/1.3 "UnifrakturMaguntia",cursive;letter-spacing:normal;text-transform:none}.daily-at-glance>header>span{position:absolute;right:0;top:0;color:#e1b760;font-size:18px}
.daily-glance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.daily-glance-card{position:relative;min-width:0;min-height:105px;padding:11px 8px 9px;border:1px solid var(--glance-edge,#506e7b);border-radius:12px 5px 13px 6px;background:linear-gradient(160deg,var(--glance-a,#183644),var(--glance-b,#0a1a22));color:#fff;text-align:left;cursor:pointer;box-shadow:inset 0 -28px 40px rgba(0,0,0,.18);transition:transform .16s ease,filter .16s ease}
.daily-glance-card:hover{transform:translateY(-2px);filter:brightness(1.1)}.daily-glance-card>span{display:block;color:var(--glance-hi,#62dce0);font-size:20px}.daily-glance-card>b{display:block;margin-top:5px;color:#f5e9d8;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.daily-glance-card>strong{display:block;margin-top:5px;overflow:hidden;color:#fff;font:600 14px/1.15 "DM Sans";text-overflow:ellipsis;white-space:nowrap}.daily-glance-card>small{display:-webkit-box;margin-top:5px;overflow:hidden;color:#b6c6c9;font-size:8px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.daily-glance-card.is-work{--section-button-a:#34465a;--section-button-b:#192430;--glance-a:var(--section-button-a);--glance-b:var(--section-button-b);--glance-edge:#94613c;--glance-hi:#f0c591}.daily-glance-card.is-news{--section-button-a:#70231e;--section-button-b:#351416;--glance-a:var(--section-button-a);--glance-b:var(--section-button-b);--glance-edge:#94613c;--glance-hi:#f0c591}.daily-glance-card.is-pixels{--section-button-a:#29242a;--section-button-b:#13151b;--glance-a:var(--section-button-a);--glance-b:var(--section-button-b);--glance-edge:#94613c;--glance-hi:#f0c591}.daily-glance-card.is-music{--section-button-a:#593653;--section-button-b:#2c1a2c;--glance-a:var(--section-button-a);--glance-b:var(--section-button-b);--glance-edge:#94613c;--glance-hi:#f0c591}.daily-glance-card.is-art{--section-button-a:#874016;--section-button-b:#45200f;--glance-a:var(--section-button-a);--glance-b:var(--section-button-b);--glance-edge:#94613c;--glance-hi:#f0c591}.daily-glance-card.is-projects{--section-button-a:#74502b;--section-button-b:#38281b;--glance-a:var(--section-button-a);--glance-b:var(--section-button-b);--glance-edge:#94613c;--glance-hi:#f0c591}
.daily-section-date{margin:2px 2px -2px!important;font-size:17px!important}

.pages.daily-dashboard-open .daily-rapid-lists-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px}
.pages.daily-dashboard-open .daily-rapid-writing{min-height:155px;color:#fff;background-image:radial-gradient(rgba(99,170,175,.35) .65px,transparent .8px)}
.pages.daily-dashboard-open .daily-lists-card{border-color:rgba(229,182,93,.42);background:radial-gradient(circle at 100% 100%,rgba(239,123,69,.16),transparent 35%),linear-gradient(145deg,#1b1c20,#0c1a20)}
.pages.daily-dashboard-open .daily-lists-card h3,.pages.daily-dashboard-open .daily-calendar-card h3,.pages.daily-dashboard-open .daily-time-card h3,.pages.daily-dashboard-open .daily-movement-card h3{color:#fff0d7}.pages.daily-dashboard-open .bujo-card small{color:#87c6c9}.pages.daily-dashboard-open .daily-list-select,.pages.daily-dashboard-open .daily-list-add input,.pages.daily-dashboard-open .bujo-input{border-color:rgba(117,178,182,.32);background:rgba(255,255,255,.055);color:#fff}.pages.daily-dashboard-open .daily-list-item{border-color:rgba(255,255,255,.11);color:#f4eee5}.pages.daily-dashboard-open .daily-list-open,.pages.daily-dashboard-open .daily-list-add button,.pages.daily-dashboard-open .ink-button{border-color:#2bc1c6;background:#123d45;color:#eaffff}
.pages.daily-dashboard-open .daily-memory{border-color:rgba(149,105,204,.45);background:radial-gradient(circle at 100% 0%,rgba(135,88,189,.2),transparent 40%),linear-gradient(145deg,#17152b,#0b1c26)}.pages.daily-dashboard-open .daily-memory>span{color:#d6b8ff}.pages.daily-dashboard-open .daily-memory .lined{min-height:82px;color:#fff;background:repeating-linear-gradient(transparent 0 27px,rgba(151,132,185,.23) 28px)}
.pages.daily-dashboard-open .daily-calendar-card{border-color:rgba(228,119,147,.44);background:radial-gradient(circle at 100% 100%,rgba(179,73,111,.15),transparent 35%),linear-gradient(145deg,#241627,#0b1b23)}.pages.daily-dashboard-open .daily-calendar-entry,.pages.daily-dashboard-open .daily-calendar-plan{background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.pages.daily-dashboard-open .daily-calendar-entry b,.pages.daily-dashboard-open .daily-calendar-plan b{color:#f5eee4}.pages.daily-dashboard-open .daily-calendar-entry small{color:#aab8bb}.pages.daily-dashboard-open .daily-calendar-empty{color:#99aaae}
.pages.daily-dashboard-open .daily-time-card{border-color:rgba(229,182,93,.5);background:radial-gradient(circle at 100% 50%,rgba(218,136,52,.18),transparent 38%),linear-gradient(145deg,#241c17,#0b1b22)}.pages.daily-dashboard-open .clock-face{color:#fff5df;text-shadow:0 0 19px rgba(229,182,93,.22)}.pages.daily-dashboard-open .daily-time-project{color:#efc66f}.pages.daily-dashboard-open .daily-time-status{color:#aebec0}
.pages.daily-dashboard-open .daily-movement-card{border-color:rgba(113,106,199,.45);background:linear-gradient(145deg,#171a31,#0b1c26)}.daily-movement-list{display:grid;gap:5px}.daily-movement-list button{display:grid;grid-template-columns:1fr auto;gap:10px;width:100%;padding:7px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;color:#dae4e4;text-align:left;cursor:pointer}.daily-movement-list button:hover{background:rgba(255,255,255,.045)}.daily-movement-list span{color:#9bd7d8;font-size:10px}.daily-movement-list b{font-size:10px}

/* Artwork-ready card layer: artwork belongs to a card and scrolls with it. */
.pages.daily-dashboard-open .has-card-art{isolation:isolate}.pages.daily-dashboard-open .has-card-art:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(var(--card-art-overlay,rgba(5,15,20,.58)),var(--card-art-overlay,rgba(5,15,20,.58))),var(--card-art);background-position:var(--card-art-position,center);background-size:var(--card-art-size,cover);background-repeat:no-repeat;opacity:var(--card-art-opacity,1);pointer-events:none}

/* Timeline remains the desktop right rail and keeps all 288 five-minute rows. */
.utility-rail{background:linear-gradient(180deg,#07151b,#091b22);border-color:#29434c}
.utility-card.agenda-card{border-color:rgba(48,165,172,.34);background:radial-gradient(circle at 100% 0%,rgba(74,48,111,.15),transparent 28%),linear-gradient(180deg,rgba(7,20,26,.98),rgba(5,16,21,.98));box-shadow:inset 0 0 35px rgba(0,0,0,.34)}
.agenda-card header{padding-bottom:11px;border-bottom:1px solid rgba(84,128,136,.25)}.utility-card h2{color:#f1d69a;font:600 16px "Playfair Display",serif;letter-spacing:.02em}.timeline-date{color:#8fc5c8}.timeline-date-nav button{border-color:#315e67!important;background:rgba(20,51,59,.68)!important;color:#baf4f3!important}.timeline-date-nav button:hover{border-color:#36c6ca!important;color:#fff!important}.timeline-slot{border-top-color:rgba(94,133,141,.13)}.timeline-slot.is-quarter{border-top-color:rgba(107,162,169,.28)}.timeline-slot.is-hour{border-top:1px solid rgba(229,182,93,.5)}.timeline-slot.is-hour time{color:#f0c879;font-size:10px}.timeline-slot time{color:#93a9ae}.timeline-slot:hover{background:rgba(31,179,185,.085)}.timeline-now{border-top:2px solid #2ce1e3;filter:drop-shadow(0 0 4px rgba(44,225,227,.7))}.timeline-now span{padding:2px 4px;border-radius:4px;background:#072028;color:#5dffff;font-weight:800}.timeline-block{border-color:#367ea3;border-left-color:#73cff1;background:linear-gradient(135deg,#17496a,#102d43);box-shadow:0 5px 12px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.04)}.timeline-block[data-color="green"]{background:linear-gradient(135deg,#0e655f,#0a3d3d)}.timeline-block[data-color="purple"]{background:linear-gradient(135deg,#684878,#342845)}.timeline-block[data-color="amber"]{background:linear-gradient(135deg,#805425,#493117)}

@media(min-width:1181px){
  .studio-layout{grid-template-columns:minmax(760px,1fr) 300px}
  .pages.daily-dashboard-open .page{padding:68px 25px 30px}
}
@media(max-width:1180px){
  .pages.daily-dashboard-open{grid-template-columns:1fr 1fr}
  .pages.daily-dashboard-open .page{padding:70px clamp(18px,3vw,30px) 34px}
}
@media(max-width:900px){
  .pages.daily-dashboard-open{display:grid;grid-template-columns:1fr!important;overflow:visible}
  .pages.daily-dashboard-open .daily-command-header{padding-right:18px!important}
  .pages.daily-dashboard-open .daily-command-header:after{right:18px}
  .pages.daily-dashboard-open .mini-calendar{position:relative!important;inset:auto!important;width:min(100%,360px)!important;margin:14px auto 0!important}
}
@media(max-width:620px){
  .pages.daily-dashboard-open .page{padding:72px 12px 26px}
  .daily-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pages.daily-dashboard-open .daily-rapid-lists-grid{grid-template-columns:1fr}
  .daily-glance-card{min-height:102px}
}

/* =========================================================
   [2026-10-03] DAILY VISUAL PASS 1 — MIDNIGHT + DATE/CALENDAR
   Requested: solid midnight-blue Daily canvas, no dots/texture;
   approved Samhain date/calendar artwork as the command header.
   Everything else remains unchanged for this pass.
========================================================= */
.pages.daily-dashboard-open{
  background:#071a2b!important;
}
.pages.daily-dashboard-open .page{
  background:#071a2b!important;
  background-image:none!important;
  box-shadow:none!important;
}
.pages.daily-dashboard-open .center-fold{
  background:#071a2b!important;
  opacity:1!important;
}
.pages.daily-dashboard-open .daily-command-header{
  aspect-ratio:1536 / 606;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  background:#071a2b url("assets/dashboard/daily-date-calendar-samhain.jpeg") center/contain no-repeat!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30)!important;
  overflow:hidden!important;
}
.pages.daily-dashboard-open .daily-command-header:before,
.pages.daily-dashboard-open .daily-command-header:after,
.pages.daily-dashboard-open .daily-command-header>.script-label,
.pages.daily-dashboard-open .daily-command-header>.date-row,
.pages.daily-dashboard-open .daily-command-header>.mini-calendar{
  display:none!important;
}
@media(max-width:900px){
  .pages.daily-dashboard-open .daily-command-header{
    aspect-ratio:1536 / 606;
    padding:0!important;
  }
}

/* =========================================================
   [2026-10-03] v209 FIX — LIVE DATE + WORKING CALENDAR
   Keep approved Samhain artwork as decoration only. The date and
   mini-calendar remain real Ember X HTML/JS controls above the art.
========================================================= */
.pages.daily-dashboard-open .daily-command-header{
  aspect-ratio:auto!important;
  min-height:230px!important;
  padding:38px 218px 20px 26px!important;
  border:1px solid rgba(224,168,92,.55)!important;
  background-color:#071a2b!important;
  background-image:linear-gradient(90deg,rgba(7,26,43,.84) 0%,rgba(7,26,43,.68) 56%,rgba(7,26,43,.28) 100%),url("assets/dashboard/daily-date-calendar-samhain.jpeg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  overflow:visible!important;
}
.pages.daily-dashboard-open .daily-command-header:before{display:block!important;content:""!important;width:4px!important;top:22px!important;bottom:22px!important;left:10px!important;background:linear-gradient(#ef7b45,#e5b65d,#24ced2)!important;position:absolute!important;border-radius:999px!important;z-index:1!important}
.pages.daily-dashboard-open .daily-command-header:after{display:none!important}
.pages.daily-dashboard-open .daily-command-header>.script-label,
.pages.daily-dashboard-open .daily-command-header>.date-row,
.pages.daily-dashboard-open .daily-command-header>.mini-calendar{display:flex!important;position:relative;z-index:3}
.pages.daily-dashboard-open .daily-command-header>.script-label{display:block!important;margin:0 0 8px!important;color:#efc983!important;font-size:28px!important;text-shadow:0 2px 8px #071a2b,0 0 16px #071a2b!important}
.pages.daily-dashboard-open .daily-command-header>.date-row{width:max-content;max-width:100%;padding:8px 18px 8px 8px;border-radius:14px;background:rgba(5,20,33,.74);backdrop-filter:blur(2px)}
.pages.daily-dashboard-open .daily-command-header .day-number{font-size:72px!important;color:#fff3d5!important}
.pages.daily-dashboard-open .daily-command-header .date-row span{font-size:18px!important;color:#fff3df!important}
.pages.daily-dashboard-open .daily-command-header .date-row small{color:#e9b864!important}
.pages.daily-dashboard-open .daily-command-header>.mini-calendar{
  display:grid!important;position:absolute!important;right:14px!important;top:18px!important;width:194px!important;margin:0!important;padding:12px!important;
  border:1px solid rgba(224,168,92,.55)!important;border-radius:16px!important;background:rgba(4,18,31,.94)!important;box-shadow:0 8px 22px rgba(0,0,0,.34)!important;backdrop-filter:blur(3px)
}
.pages.daily-dashboard-open .daily-command-header .mini-calendar-nav strong{color:#fff1d6!important}
.pages.daily-dashboard-open .daily-command-header .mini-calendar .cal-head{color:#e7b86d!important}
.pages.daily-dashboard-open .daily-command-header .mini-calendar button{color:#edf4f4!important}
.pages.daily-dashboard-open .daily-command-header .mini-calendar button.selected{background:#149eaa!important;color:#fff!important;box-shadow:0 0 14px rgba(36,206,210,.45)!important}
@media(max-width:900px){
  .pages.daily-dashboard-open .daily-command-header{min-height:0!important;padding:30px 18px 18px!important}
  .pages.daily-dashboard-open .daily-command-header>.mini-calendar{position:relative!important;right:auto!important;top:auto!important;width:min(100%,360px)!important;margin:16px auto 0!important}
}

/* =========================================================
   [2026-10-03] v210 — CARD-SCOPED SAMHAIN ART
   The Daily page remains a solid midnight-blue canvas. Calendar artwork
   belongs to the command card itself, so it scrolls with the card. The art
   contains no baked-in text/numbers; Ember's live date/calendar stay above it.
========================================================= */
.pages.daily-dashboard-open .daily-command-header{
  position:relative!important;
  min-height:220px!important;
  padding:36px 190px 18px 22px!important;
  border:1px solid rgba(224,168,92,.72)!important;
  border-radius:18px!important;
  background-color:#071a2b!important;
  background-image:url("assets/dashboard/daily-calendar-samhain-clean.png")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  box-shadow:0 10px 26px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
}
.pages.daily-dashboard-open .daily-command-header:before,
.pages.daily-dashboard-open .daily-command-header:after{display:none!important}
.pages.daily-dashboard-open .daily-command-header>.script-label{
  display:block!important;position:relative!important;z-index:3!important;
  margin:4px 0 7px!important;color:#f2c87c!important;font-size:25px!important;
  text-shadow:0 2px 7px #03111d,0 0 12px #03111d!important;
}
.pages.daily-dashboard-open .daily-command-header>.date-row{
  display:flex!important;position:relative!important;z-index:3!important;
  width:max-content;max-width:100%;padding:5px 10px 5px 4px!important;
  border-radius:12px;background:rgba(4,17,29,.46)!important;backdrop-filter:blur(1.5px)
}
.pages.daily-dashboard-open .daily-command-header .day-number{font-size:68px!important;color:#fff3d5!important;text-shadow:0 2px 9px #03111d!important}
.pages.daily-dashboard-open .daily-command-header .date-row span{font-size:17px!important;color:#fff3df!important;text-shadow:0 2px 7px #03111d!important}
.pages.daily-dashboard-open .daily-command-header .date-row small{color:#e9b864!important;text-shadow:0 2px 6px #03111d!important}
.pages.daily-dashboard-open .daily-command-header>.mini-calendar{
  display:grid!important;position:absolute!important;z-index:4!important;
  right:10px!important;top:34px!important;width:168px!important;margin:0!important;padding:10px!important;
  border:1px solid rgba(224,168,92,.72)!important;border-radius:15px!important;
  background:rgba(3,16,28,.78)!important;box-shadow:0 7px 18px rgba(0,0,0,.34)!important;backdrop-filter:blur(2px)
}
.pages.daily-dashboard-open .daily-command-header .mini-calendar-nav strong{color:#fff1d6!important}
.pages.daily-dashboard-open .daily-command-header .mini-calendar .cal-head{color:#e7b86d!important}
.pages.daily-dashboard-open .daily-command-header .mini-calendar button{color:#f4f6f6!important}
.pages.daily-dashboard-open .daily-command-header .mini-calendar button.selected{background:#149eaa!important;color:#fff!important;box-shadow:0 0 12px rgba(36,206,210,.5)!important}
@media(max-width:900px){
  .pages.daily-dashboard-open .daily-command-header{min-height:0!important;padding:30px 16px 16px!important;background-position:center top!important}
  .pages.daily-dashboard-open .daily-command-header>.mini-calendar{position:relative!important;right:auto!important;top:auto!important;width:min(100%,340px)!important;margin:14px auto 0!important}
}

/* =========================================================
   [2026-10-03] v211 — SCROLLING SEASON BANNER + CLEAN CALENDAR
   1. Hide the visible nav scrollbar without disabling scrolling.
   2. Put seasonal art in one full-width banner that scrolls with Daily.
   3. Remove all art from the live date/calendar card.
========================================================= */
.tabs{scrollbar-width:none!important;padding-right:0!important}
.tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

.daily-season-banner{display:none}
.pages.daily-dashboard-open{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
}
.pages.daily-dashboard-open .daily-season-banner{
  display:block;
  grid-column:1 / -1;
  grid-row:1;
  width:calc(100% - 36px);
  aspect-ratio:3.2 / 1;
  max-height:245px;
  margin:64px 18px 8px;
  border:1px solid rgba(229,182,93,.52);
  border-radius:18px;
  background:#071a2b url("assets/dashboard/daily-samhain-dragon-banner.png") center/cover no-repeat;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
  overflow:hidden;
}

/* Clean, live command card. No seasonal image here. */
.pages.daily-dashboard-open .daily-command-header{
  position:relative!important;
  min-height:205px!important;
  padding:28px 190px 18px 22px!important;
  border:1px solid rgba(71,169,176,.42)!important;
  border-radius:16px!important;
  background:#0a2130!important;
  background-image:none!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
.pages.daily-dashboard-open .daily-command-header>.script-label{
  display:block!important;margin:0 0 7px!important;color:#e9c178!important;font-size:25px!important;text-shadow:none!important
}
.pages.daily-dashboard-open .daily-command-header>.date-row{
  display:flex!important;position:relative!important;z-index:2!important;width:max-content;max-width:100%;padding:0!important;background:transparent!important;backdrop-filter:none!important
}
.pages.daily-dashboard-open .daily-command-header .day-number{font-size:68px!important;color:#fff3d5!important;text-shadow:none!important}
.pages.daily-dashboard-open .daily-command-header .date-row span{font-size:17px!important;color:#fff3df!important;text-shadow:none!important}
.pages.daily-dashboard-open .daily-command-header .date-row small{color:#e9b864!important;text-shadow:none!important}
.pages.daily-dashboard-open .daily-command-header>.mini-calendar{
  display:grid!important;position:absolute!important;z-index:3!important;right:12px!important;top:22px!important;width:166px!important;margin:0!important;padding:10px!important;
  border:1px solid rgba(36,206,210,.35)!important;border-radius:14px!important;background:#071923!important;box-shadow:none!important;backdrop-filter:none!important
}
@media(max-width:900px){
  .pages.daily-dashboard-open{grid-template-columns:1fr!important}
  .pages.daily-dashboard-open .daily-season-banner{grid-column:1;grid-row:1;width:calc(100% - 24px);margin:70px 12px 8px;aspect-ratio:2.4 / 1}
  .pages.daily-dashboard-open .daily-command-header{min-height:0!important;padding:24px 16px 16px!important}
  .pages.daily-dashboard-open .daily-command-header>.mini-calendar{position:relative!important;right:auto!important;top:auto!important;width:min(100%,340px)!important;margin:14px auto 0!important}
}

/* =========================================================
   [2026-10-03] v212 — DAILY TOP HIERARCHY
   Banner -> full-width At a Glance -> Date / Calendar / Elemental.
   All four pieces live inside the Daily scrolling content.
========================================================= */
.pages.daily-dashboard-open{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr)!important;
  grid-template-rows:auto auto auto!important;
}
.pages.daily-dashboard-open .daily-season-banner{grid-row:1!important}
.pages.daily-dashboard-open .daily-overview-zone{
  grid-column:1 / -1;
  grid-row:2;
  width:calc(100% - 36px);
  margin:0 18px 10px;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(280px,1.05fr) minmax(0,1.15fr);
  gap:12px;
  align-items:stretch;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-at-glance{
  grid-column:1 / -1;
  margin:0!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header,
.pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card,
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{
  min-width:0;
  min-height:205px!important;
  margin:0!important;
  box-sizing:border-box;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{
  padding:22px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header>.mini-calendar{display:none!important}
.pages.daily-dashboard-open .daily-mini-calendar-card{
  position:relative;
  padding:16px;
  border:1px solid rgba(36,206,210,.35);
  border-radius:16px;
  background:#0a2130;
  color:var(--dash-ink);
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.pages.daily-dashboard-open .daily-mini-calendar-card>header small{
  color:#78d4d5;font:800 7px "DM Sans";letter-spacing:.16em
}
.pages.daily-dashboard-open .daily-mini-calendar-card>header h2{
  margin:2px 0 10px;color:#fff0d6;font:600 22px "Playfair Display",serif
}
.pages.daily-dashboard-open .daily-mini-calendar-card>.mini-calendar{
  display:grid!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:9px!important;
  box-sizing:border-box;
  border:1px solid rgba(36,206,210,.25)!important;
  border-radius:12px!important;
  background:#071923!important;
  box-shadow:none!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{padding:16px!important}

@media(max-width:1100px){
  .pages.daily-dashboard-open .daily-overview-zone{grid-template-columns:1fr 1fr}
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-column:1 / -1}
}
@media(max-width:760px){
  .pages.daily-dashboard-open .daily-overview-zone{width:calc(100% - 24px);margin:0 12px 10px;grid-template-columns:1fr}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-at-glance,
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-column:1}
}


/* =========================================================
   [2026-10-03] v213 — DAILY FIT + ELEMENTAL DROPDOWNS
========================================================= */
.pages.daily-dashboard-open{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto!important;
}
.pages.daily-dashboard-open .daily-season-banner{grid-column:1!important;grid-row:1!important}
.pages.daily-dashboard-open .daily-overview-zone{
  grid-column:1!important;grid-row:2!important;
  width:calc(100% - 36px)!important;
  margin:0 18px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,.78fr) minmax(240px,.9fr) minmax(300px,1.32fr)!important;
  gap:12px!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-at-glance{
  grid-column:1 / -1!important;grid-row:1!important;width:100%!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{grid-column:1!important;grid-row:2!important}
.pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card{grid-column:2!important;grid-row:2!important}
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-column:3!important;grid-row:2!important}
.pages.daily-dashboard-open .elemental-dropdown-controls{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;
}
.pages.daily-dashboard-open .elemental-dropdown-controls .element-choice{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  padding:8px 10px!important;border:1px solid rgba(120,212,213,.22)!important;border-radius:10px!important;background:rgba(3,17,29,.38)!important;
}
.pages.daily-dashboard-open .elemental-dropdown-controls .element-choice span{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
.pages.daily-dashboard-open .elemental-dropdown-controls select{
  width:58px!important;padding:5px 7px!important;border-radius:8px!important;border:1px solid rgba(120,212,213,.4)!important;
  background:#071923!important;color:#fff3df!important;font:700 13px "DM Sans",sans-serif!important;
}
@media(max-width:1180px){
  .pages.daily-dashboard-open .daily-overview-zone{grid-template-columns:minmax(160px,.8fr) minmax(220px,.95fr) minmax(260px,1.25fr)!important}
}
@media(max-width:900px){
  .pages.daily-dashboard-open .daily-overview-zone{grid-template-columns:1fr 1fr!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{grid-column:1!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card{grid-column:2!important}
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-column:1 / -1!important;grid-row:3!important}
}
@media(max-width:650px){
  .pages.daily-dashboard-open .daily-overview-zone{grid-template-columns:1fr!important;width:calc(100% - 24px)!important;margin:0 12px 10px!important}
  .pages.daily-dashboard-open .daily-overview-zone>*{grid-column:1!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{grid-row:2!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card{grid-row:3!important}
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-row:4!important}
}

/* =========================================================
   DAILY PASS v214 — compact 3-card overview row + Samhain Elemental
   ========================================================= */
.pages.daily-dashboard-open .daily-overview-zone{
  grid-template-columns:minmax(180px,.72fr) minmax(235px,.9fr) minmax(430px,1.7fr)!important;
  gap:12px!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-at-glance{
  grid-column:1 / -1!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header,
.pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card,
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{
  min-height:230px!important;
  height:230px!important;
  overflow:hidden;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{
  padding:20px!important;
  justify-content:center!important;
  background:#092131!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header>.script-label{font-size:20px!important;margin-bottom:6px!important}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header .day-number{font-size:58px!important}
.pages.daily-dashboard-open .daily-mini-calendar-card{padding:12px!important}
.pages.daily-dashboard-open .daily-mini-calendar-card>header{display:none!important}
.pages.daily-dashboard-open .daily-mini-calendar-card>.mini-calendar{height:100%!important;padding:10px!important;align-content:center!important}

.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{
  position:relative;
  display:grid!important;
  grid-template-rows:auto 1fr auto auto;
  padding:16px 18px 14px!important;
  border-color:rgba(229,182,93,.48)!important;
  background:#0a1820!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin>header{
  position:relative;z-index:2;display:block!important;text-align:center;margin:0 0 8px!important
}
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin>header small,
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin>header>span{display:none!important}
.pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin>header h2{
  margin:0!important;color:#ffe0ae!important;font-size:25px!important;text-shadow:0 2px 8px #03111d
}
.pages.daily-dashboard-open .elemental-dropdown-controls{
  position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;align-items:end!important;margin:0!important
}
.pages.daily-dashboard-open .element-choice{
  display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;border:0!important;background:transparent!important;min-width:0
}
.pages.daily-dashboard-open .element-choice>span{
  justify-content:center!important;font-size:12px!important;font-weight:800!important;text-shadow:0 2px 5px #03111d
}
.pages.daily-dashboard-open .element-choice>span b{display:none!important}
.pages.daily-dashboard-open .element-choice select{
  width:100%!important;height:46px!important;border-radius:12px!important;background:rgba(5,21,33,.86)!important;color:#fff!important;font-size:22px!important;font-weight:800!important;text-align:center!important;padding:0 12px!important
}
.pages.daily-dashboard-open .element-choice.is-fire select{border:2px solid #f06437!important;box-shadow:inset 0 0 18px rgba(240,100,55,.12)}
.pages.daily-dashboard-open .element-choice.is-air select{border:2px solid #93a9ff!important;box-shadow:inset 0 0 18px rgba(147,169,255,.12)}
.pages.daily-dashboard-open .element-choice.is-water select{border:2px solid #19cbe8!important;box-shadow:inset 0 0 18px rgba(25,203,232,.12)}
.pages.daily-dashboard-open .element-choice.is-earth select{border:2px solid #8acb68!important;box-shadow:inset 0 0 18px rgba(138,203,104,.12)}
.pages.daily-dashboard-open .elemental-log-row{
  position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1fr) 105px!important;gap:10px!important;margin-top:10px!important
}
.pages.daily-dashboard-open .elemental-log-row input{height:42px!important;background:rgba(4,18,30,.88)!important;border:1px solid rgba(145,177,199,.42)!important;border-radius:12px!important;color:#fff!important}
.pages.daily-dashboard-open .elemental-log-row button{height:42px!important;border-radius:12px!important;background:#075170!important;border:1px solid #1dc9e4!important;color:#fff!important;font-weight:800!important}
.pages.daily-dashboard-open .elemental-status{position:relative;z-index:2;margin:2px 0 0!important;min-height:10px!important;font-size:9px!important}
@media(max-width:1180px){
  .pages.daily-dashboard-open .daily-overview-zone{grid-template-columns:minmax(170px,.7fr) minmax(220px,.85fr) minmax(390px,1.6fr)!important}
}
@media(max-width:980px){
  .pages.daily-dashboard-open .daily-overview-zone{grid-template-columns:1fr 1fr!important}
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-column:1 / -1!important;height:auto!important;min-height:230px!important}
}
@media(max-width:680px){
  .pages.daily-dashboard-open .daily-overview-zone{grid-template-columns:1fr!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-command-header,
  .pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card,
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{height:auto!important;min-height:210px!important}
  .pages.daily-dashboard-open .elemental-dropdown-controls{grid-template-columns:1fr 1fr!important}
}

/* =========================================================
   [2026-10-03] v215 — DAILY TOP LAYOUT LOCK
   1. Dragon banner: full width and in normal Daily scroll flow.
   2. At a Glance: full width.
   3. Daily row: Date | Calendar | Elemental Check-In.
   Keep the three-column row intact on tablet/desktop; stack only on narrow mobile.
========================================================= */
@media (min-width:761px){
  .pages.daily-dashboard-open .daily-overview-zone{
    grid-template-columns:minmax(0,.8fr) minmax(280px,1.05fr) minmax(0,1.15fr)!important;
  }
  .pages.daily-dashboard-open .daily-overview-zone>.daily-at-glance{grid-column:1 / -1!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{grid-column:1!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card{grid-column:2!important}
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-column:3!important}
}

/* =========================================================
   v216 — HARD DAILY CARD MOVE
   Cards are physically moved after hydration. Desktop order:
   Banner / At a Glance / Date | Calendar | Elemental Check-In.
========================================================= */
@media(min-width:761px){
  .pages.daily-dashboard-open .daily-overview-zone{
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(0,.92fr) minmax(0,1.55fr)!important;
    grid-template-rows:auto 230px!important;
    align-items:stretch!important;
  }
  .pages.daily-dashboard-open .daily-overview-zone>.daily-at-glance{grid-column:1 / -1!important;grid-row:1!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{grid-column:1!important;grid-row:2!important}
  .pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card{grid-column:2!important;grid-row:2!important}
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{grid-column:3!important;grid-row:2!important}
}

/* =========================================================
   v217 — DAILY OVERVIEW: EXACT DESKTOP 3-COLUMN ROW
   At a Glance = full row 1. Date | Calendar | Elemental = row 2.
   ========================================================= */
@media (min-width:901px){
  .pages.daily-dashboard-open .daily-overview-zone{
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(0,.92fr) minmax(0,1.55fr)!important;
    grid-template-rows:auto 230px!important;
    align-items:stretch!important;
  }
  .pages.daily-dashboard-open .daily-overview-zone>.daily-at-glance{
    grid-column:1 / 4!important;
    grid-row:1!important;
  }
  .pages.daily-dashboard-open .daily-overview-zone>.daily-command-header{
    grid-column:1!important;
    grid-row:2!important;
  }
  .pages.daily-dashboard-open .daily-overview-zone>.daily-mini-calendar-card{
    grid-column:2!important;
    grid-row:2!important;
  }
  .pages.daily-dashboard-open .daily-overview-zone>.elemental-checkin{
    grid-column:3!important;
    grid-row:2!important;
  }
}


/* =========================================================
   v218 — RESTORE LIVE DATE/CALENDAR + PRETTIER DATE TYPOGRAPHY
   Keep the v217 three-column geometry. These rules only restore the
   moved live controls and style the Date card.
   ========================================================= */
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header>.script-label,
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header>.date-row{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header>.script-label{
  display:block!important;
  font-family:"Caveat",cursive!important;
  font-size:24px!important;
  font-weight:700!important;
  color:#f3cf8a!important;
  margin:0 0 8px!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header>.date-row{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  align-items:center!important;
  gap:12px!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header .day-number{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-family:"Playfair Display",serif!important;
  font-style:italic!important;
  font-size:76px!important;
  font-weight:600!important;
  line-height:.9!important;
  color:#fff0d0!important;
  text-shadow:0 3px 12px rgba(0,0,0,.42)!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header .date-row>div{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-direction:column!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header .date-row span{
  display:block!important;
  font-family:"Caveat",cursive!important;
  font-size:25px!important;
  font-weight:700!important;
  line-height:1!important;
  color:#fff0d0!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
}
.pages.daily-dashboard-open .daily-overview-zone>.daily-command-header .date-row small{
  display:block!important;
  margin-top:6px!important;
  font:700 9px "DM Sans",sans-serif!important;
  letter-spacing:.2em!important;
  color:#75d4d5!important;
}
.pages.daily-dashboard-open .daily-mini-calendar-card>.mini-calendar,
.pages.daily-dashboard-open .daily-mini-calendar-card>.mini-calendar>*{
  visibility:visible!important;
  opacity:1!important;
}
.pages.daily-dashboard-open .daily-mini-calendar-card>.mini-calendar{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-content:center!important;
  height:100%!important;
}
.pages.daily-dashboard-open .daily-mini-calendar-card>.mini-calendar .mini-calendar-nav{
  display:grid!important;
  grid-column:1 / -1!important;
  grid-template-columns:22px 1fr 22px 22px!important;
}

/* Daily owns one continuous mount; card order comes from its template. */
#dailyDashboard[hidden]{display:none!important}
.pages.daily-continuous-open{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important}
.pages.daily-continuous-open #dailyDashboard{grid-column:1!important;grid-row:2!important;min-width:0;width:100%;padding:0 18px 24px;display:grid;gap:14px;align-content:start}
.pages.daily-continuous-open:not(.daily-dashboard-open) #dailyDashboard{padding-top:70px}
.pages.daily-dashboard-open #dailyDashboard{color:var(--dash-ink);background:var(--dash-bg)}
#dailyDashboard>.daily-overview-zone{width:100%!important;margin:0!important;grid-column:1!important;grid-row:auto!important}
.daily-dashboard-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.daily-dashboard-body>*{min-width:0;margin-top:0}
.daily-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;min-width:0}
.daily-action-row>*{min-width:0}
.pages.daily-dashboard-open .daily-action-row>.daily-routine-card,
.pages.daily-dashboard-open .daily-action-row>.priorities{margin:0}
.daily-action-row>.daily-lists-column{display:flex;flex-direction:column;min-width:0}
.daily-action-row .daily-lists-card{flex:1;margin:0;min-height:0}
.daily-action-row .daily-lists-column>.section-heading{margin:0 0 10px}
.daily-action-row input{min-width:0;max-width:100%}
.pages.daily-dashboard-open .daily-rapid-lists-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.daily-action-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.pages.daily-continuous-open #dailyDashboard{padding:0 12px 18px}}

/* Only the overview owns the Date and Elemental cards. Hide surviving legacy copies. */
.pages.daily-dashboard-open .daily-command-header:not(#dailyDashboard > .daily-overview-zone > .daily-command-header),
.pages.daily-dashboard-open .elemental-checkin:not(#dailyDashboard > .daily-overview-zone > .elemental-checkin){display:none!important}

/* Daily side controls follow the page height as its content grows. */
@media(min-width:901px){
  .book:has(.pages.daily-dashboard-open)>.tabs{
    top:20px;
    bottom:20px;
    height:auto;
    max-height:none;
    display:flex;
    flex-direction:column;
  }
  .book:has(.pages.daily-dashboard-open)>.tabs>.tab{
    flex:1 0 44px;
    height:auto;
    min-height:44px;
  }
}
@media(min-width:1181px){
  .studio-layout:has(.pages.daily-dashboard-open)>.utility-rail{
    height:auto;
    min-height:0;
    align-self:stretch;
    margin-top:16px;
    margin-bottom:12px;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .agenda-card>header{
    flex-wrap:wrap;
    gap:10px;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .timeline-date-nav{
    flex-shrink:0;
  }
}

/* Seasonal navigation palette drawn from the Samhain dragon banner. */
.book>.tabs{background-color:#14151c}
.book>.tabs>.tab{
  color:#fff0da;
  border-color:#94613c;
  text-shadow:0 1px 2px rgba(0,0,0,.65);
}
.book>.tabs>.tab:nth-child(5n+1){--section-button-a:#29242a;--section-button-b:#13151b;background:linear-gradient(135deg,var(--section-button-a),var(--section-button-b));color:#fff0da}
.book>.tabs>.tab:nth-child(5n+2){--section-button-a:#70231e;--section-button-b:#351416;background:linear-gradient(135deg,var(--section-button-a),var(--section-button-b));color:#fff0da}
.book>.tabs>.tab:nth-child(5n+3){--section-button-a:#874016;--section-button-b:#45200f;background:linear-gradient(135deg,var(--section-button-a),var(--section-button-b));color:#fff0da}
.book>.tabs>.tab:nth-child(5n+4){--section-button-a:#74502b;--section-button-b:#38281b;background:linear-gradient(135deg,var(--section-button-a),var(--section-button-b));color:#fff0da}
.book>.tabs>.tab:nth-child(5n){--section-button-a:#34465a;--section-button-b:#192430;background:linear-gradient(135deg,var(--section-button-a),var(--section-button-b));color:#fff0da}
.book>.tabs>.tab span{color:#f0c591;opacity:.9}
.book>.tabs>.tab:hover{
  border-color:#f6b55a;
  filter:brightness(1.15);
  box-shadow:0 0 12px rgba(226,109,29,.25);
}
.book>.tabs>.tab.active{
  background:linear-gradient(135deg,#ffc16a,#e98c32)!important;
  color:#28150d!important;
  border-color:#ffe0a2;
  text-shadow:none;
  box-shadow:inset 0 0 0 2px rgba(255,230,178,.8),0 0 16px rgba(245,128,35,.38);
}
.book>.tabs>.tab.active span{color:#512a15!important;opacity:1}
.book>.tabs>.tab:focus-visible{outline:3px solid #ffd08a;outline-offset:2px}

/* Mobile navigation and timeline: keep controls inside their containers. */
@media(max-width:820px){
  .book:has(.pages.daily-dashboard-open)>.tabs{
    gap:8px;
    padding:10px!important;
    scroll-padding-inline:10px;
  }
  .book:has(.pages.daily-dashboard-open)>.tabs>.tab{
    flex:0 0 auto;
    width:auto;
    min-width:80px;
    min-height:44px;
    margin:0;
  }
  .studio-layout:has(.pages.daily-dashboard-open)>.desk{padding-bottom:12px}
}
@media(max-width:1180px){
  .studio-layout:has(.pages.daily-dashboard-open)>.utility-rail{
    top:auto;
    padding:8px;
    gap:8px;
    margin-top:12px;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .utility-rail-toggle{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:44px;
    flex:0 0 auto;
    padding:8px 12px;
    border:1px solid #33464d;
    border-radius:8px;
    box-shadow:none;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .utility-rail-toggle b{
    writing-mode:horizontal-tb;
    transform:none;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .utility-rail .agenda-card{
    min-height:0;
    min-width:0;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .ember-timeline{min-height:0}
  .studio-layout:has(.pages.daily-dashboard-open) .agenda-card>header{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:12px;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .timeline-date-nav{
    gap:8px!important;
    flex-wrap:wrap;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .timeline-date-nav button{
    min-width:44px;
    height:44px;
  }
  .studio-layout:has(.pages.daily-dashboard-open) .timeline-date input{
    width:44px;
    min-height:44px;
  }
  body.utility-rail-collapsed .studio-layout:has(.pages.daily-dashboard-open){
    grid-template-columns:minmax(0,1fr);
  }
  body.utility-rail-collapsed .studio-layout:has(.pages.daily-dashboard-open)>.utility-rail{
    height:auto;
    min-height:0;
  }
  body.utility-rail-collapsed .studio-layout:has(.pages.daily-dashboard-open)>.desk{padding-right:0}
}

/* Daily shortcuts match their corresponding seasonal navigation buttons. */
.daily-glance-card{background:linear-gradient(135deg,var(--glance-a),var(--glance-b));color:#fff0da;text-shadow:0 1px 2px rgba(0,0,0,.65);box-shadow:none}
.daily-glance-card>b,.daily-glance-card>strong{color:#fff0da}
.daily-glance-card>small{color:#e0cbb6}
.daily-glance-card:hover{border-color:#f6b55a;filter:brightness(1.15);box-shadow:0 0 12px rgba(226,109,29,.25)}
.daily-glance-card:focus-visible{outline:3px solid #ffd08a;outline-offset:2px}

/* Music has a distinct plum palette in navigation and Daily shortcuts. */
.book>.tabs>.tab[data-section="music"]{--section-button-a:#593653;--section-button-b:#2c1a2c;background:linear-gradient(135deg,var(--section-button-a),var(--section-button-b));color:#fff0da}

/* Each shortcut uses one vignette from the supplied six-banner sheet.
   The background viewport excludes the sheet's checkerboard gutters. */
.daily-glance-card{
  min-height:138px;
  aspect-ratio:700 / 290;
  padding:18px 20px;
  overflow:hidden;
  border:0;
  border-radius:20px;
  background-color:#080c13;
  background-image:url("assets/daily-glance-vignettes.png");
  background-size:310.286% 249.655%;
  background-position:var(--vignette-x) var(--vignette-y);
  background-repeat:no-repeat;
  isolation:isolate;
}
.daily-glance-card::before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:-1;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(3,6,12,.78),rgba(3,6,12,.48) 43%,transparent 70%);
}
.daily-glance-card.is-work{--vignette-x:1.36%;--vignette-y:14.29%}
.daily-glance-card.is-news{--vignette-x:50.27%;--vignette-y:14.29%}
.daily-glance-card.is-pixels{--vignette-x:99.18%;--vignette-y:14.29%}
.daily-glance-card.is-music{--vignette-x:1.36%;--vignette-y:86.18%}
.daily-glance-card.is-art{--vignette-x:50.27%;--vignette-y:86.18%}
.daily-glance-card.is-projects{--vignette-x:99.18%;--vignette-y:86.18%}
.daily-glance-card>span{display:none}
.daily-glance-card>b{margin-top:0;color:#ffe1a0;font-size:11px}
.daily-glance-card>strong{max-width:54%;margin-top:8px;font-size:15px;line-height:1.3}
.daily-glance-card>small{max-width:54%;font-size:10px;line-height:1.4;color:#f2e4d4}
@media(max-width:480px){
  .daily-glance-grid{grid-template-columns:1fr}
  .daily-glance-card{min-height:138px}
}

/* A shared gothic frame and candlelit palette for the command center. */
.pages.daily-dashboard-open #dailyDashboard{
  --dash-ink:#f4e6cf;
  --dash-bg:#080c14;
  background:radial-gradient(ellipse at 0 0,rgba(52,37,76,.3),transparent 50%),#080c14;
}
.pages.daily-dashboard-open #dailyDashboard :is(.daily-at-glance,.daily-command-header,.daily-mini-calendar-card,.elemental-checkin,.daily-routine-card,.priorities,.daily-lists-card,.daily-rapid-card,.daily-time-card){
  border:1px solid #bc873c!important;
  border-radius:20px!important;
  background:radial-gradient(ellipse at top right,rgba(59,36,77,.28),transparent 65%),linear-gradient(145deg,#101321,#070d14)!important;
  box-shadow:inset 0 0 0 3px #0b0d14,inset 0 0 0 4px rgba(219,168,72,.38),0 8px 24px rgba(0,0,0,.3)!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-overview-zone>.daily-command-header{
  isolation:isolate;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header::after{
  content:"";
  display:block!important;
  position:absolute;
  inset:5px;
  border-radius:15px;
  z-index:-1;
  background-image:linear-gradient(90deg,rgba(3,8,15,.8),rgba(3,8,15,.3)),url("assets/daily-glance-vignettes.png");
  background-size:100% 100%,310.286% 249.655%;
  background-position:center,99.18% 86.18%;
  background-repeat:no-repeat;
  pointer-events:none;
}
.pages.daily-dashboard-open #dailyDashboard :is(h2,h3){
  color:#f7d99a;
  text-shadow:0 2px 6px rgba(0,0,0,.6);
}
.pages.daily-dashboard-open #dailyDashboard .daily-at-glance>header h2{color:#800020}
.pages.daily-dashboard-open #dailyDashboard :is(.elemental-checkin,.daily-routine-card)>header small,
.pages.daily-dashboard-open #dailyDashboard .bujo-card small,
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row small{
  color:#d6b477!important;
}
.pages.daily-dashboard-open #dailyDashboard :is(.daily-list-select,.daily-list-add input,.bujo-input,.task-add-row input,.elemental-log-row input,.element-choice select){
  border-color:rgba(203,158,78,.5);
  background:#111420;
  color:#f7ead5;
  color-scheme:dark;
}
.pages.daily-dashboard-open #dailyDashboard :is(.daily-list-open,.daily-list-add button,.ink-button,.task-add-row button,.elemental-log-row button,.routine-edit-button){
  border:1px solid #bd8e4b;
  background:linear-gradient(145deg,#49314d,#241a2c);
  color:#ffe3aa;
}
.pages.daily-dashboard-open #dailyDashboard :is(.routine-status,.daily-time-status,.daily-list-status){color:#cbbda8}
.pages.daily-dashboard-open #dailyDashboard .mini-calendar{
  border-color:rgba(203,158,78,.45)!important;
  background:rgba(7,11,19,.9)!important;
}
.pages.daily-dashboard-open #dailyDashboard .mini-calendar :is(.cal-head,.mini-calendar-nav strong){color:#e8c582}
.pages.daily-dashboard-open #dailyDashboard .mini-calendar button.selected{
  background:linear-gradient(135deg,#755027,#a7793a);
  color:#fff3d8;
  box-shadow:0 0 0 2px rgba(232,197,130,.2);
}
.pages.daily-dashboard-open #dailyDashboard .silver-rule{background:linear-gradient(90deg,#cda45b,rgba(205,164,91,.2),transparent)}
.pages.daily-dashboard-open #dailyDashboard .daily-rapid-writing{
  color:#f7ead5;
  background-image:radial-gradient(rgba(211,175,107,.3) .65px,transparent .8px);
}
.pages.daily-dashboard-open #dailyDashboard :is(button,input,select,[contenteditable]):focus-visible{
  outline:2px solid #ffdb8e;
  outline-offset:3px;
}

/* Clear serif titles and upright date typography for the command center. */
.pages.daily-dashboard-open #dailyDashboard .daily-command-header>.script-label{
  font:600 clamp(18px,2vw,23px)/1.3 "Playfair Display",Georgia,serif!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  margin-bottom:16px!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .day-number{
  font-family:"Playfair Display",Georgia,serif!important;
  font-style:normal!important;
  font-size:72px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-variant-numeric:lining-nums;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row span{
  font:600 clamp(18px,2vw,23px)/1.2 "Playfair Display",Georgia,serif!important;
  letter-spacing:0!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row small{
  font:600 11px/1.5 "DM Sans",Arial,sans-serif!important;
  letter-spacing:.09em!important;
}
.pages.daily-dashboard-open #dailyDashboard :is(.elemental-checkin,.daily-routine-card,.priorities,.daily-lists-card,.daily-rapid-card,.daily-time-card,.daily-mini-calendar-card) :is(h2,h3),
.pages.daily-dashboard-open #dailyDashboard .daily-dashboard-body>.daily-action-row .daily-lists-column>.section-heading h2,
.pages.daily-dashboard-open #dailyDashboard .daily-rapid-column>.section-heading h2{
  font:600 clamp(19px,2vw,24px)/1.3 "Playfair Display",Georgia,serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-section-date{
  font:500 13px/1.5 "DM Sans",Arial,sans-serif!important;
  letter-spacing:.03em!important;
  color:#d6b477;
}

/* A centered celestial date medallion. */
.pages.daily-dashboard-open #dailyDashboard .daily-overview-zone>.daily-command-header{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center!important;
  padding:18px!important;
  text-align:center;
}
.daily-date-ornament{
  display:block;
  flex:none;
  width:min(180px,90%);
  height:28px;
  margin:0 auto 8px;
  color:#e6bb68;
  filter:drop-shadow(0 0 5px rgba(230,187,104,.25));
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header>.date-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row>div{display:contents!important}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row span{
  order:1;
  font:600 21px/1.4 "Playfair Display",Georgia,serif!important;
  color:#f0d5a2!important;
  margin:0 0 3px;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .day-number{
  order:2;
  font:600 68px/1.1 "Playfair Display",Georgia,serif!important;
  letter-spacing:0!important;
  color:#fff1cf!important;
  text-shadow:0 2px 10px #020711,0 0 20px rgba(220,166,76,.2)!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row small{
  order:3;
  margin-top:8px!important;
  padding-top:9px;
  width:min(150px,100%);
  border-top:1px solid rgba(225,181,99,.55);
  font:600 11px/1.5 "DM Sans",Arial,sans-serif!important;
  letter-spacing:.1em!important;
  text-transform:uppercase;
  color:#e6c58c!important;
}

/* Readable serif headings complement the gold artwork. */
.pages.daily-dashboard-open #dailyDashboard .daily-command-header>.date-row{
  width:min(180px,100%)!important;
  padding:10px 14px 12px!important;
  border:1px solid rgba(227,184,103,.48);
  border-radius:18px;
  background:radial-gradient(ellipse at center,rgba(39,26,44,.95),rgba(5,10,19,.92))!important;
  box-shadow:inset 0 0 0 3px rgba(9,11,20,.8),inset 0 0 0 4px rgba(222,174,86,.15),0 5px 18px rgba(0,0,0,.35);
}
.pages.daily-dashboard-open #dailyDashboard .daily-date-ornament{height:24px;margin-bottom:10px}
.pages.daily-dashboard-open #dailyDashboard :is(.elemental-checkin,.daily-routine-card,.priorities,.daily-lists-card,.daily-rapid-card,.daily-time-card,.daily-mini-calendar-card) :is(h2,h3),
.pages.daily-dashboard-open #dailyDashboard .daily-dashboard-body .section-heading :is(h2,h3){
  font:600 clamp(19px,1.7vw,24px)/1.4 "Playfair Display",Georgia,serif!important;
  letter-spacing:0!important;
  color:#f5d395!important;
  text-shadow:0 2px 6px #03060c,0 0 16px rgba(223,151,55,.15);
}

/* Remove the rejected date ornament and artwork. */
.pages.daily-dashboard-open #dailyDashboard .daily-command-header::after{content:none!important;display:none!important}
.pages.daily-dashboard-open #dailyDashboard .daily-overview-zone>.daily-command-header{background:#0c101b!important;background-image:none!important}

/* Purpose-made dragon artwork leaves the upper center free for the live date. */
.pages.daily-dashboard-open #dailyDashboard .daily-overview-zone>.daily-command-header{
  background:#070c13 url("assets/dashboard/daily-sleeping-dragon-v2-bright.png") center / 100% 100% no-repeat!important;
  justify-content:flex-start!important;
  padding:22px 16px 16px!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.3)!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header>.date-row{
  width:100%!important;
  padding:0!important;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row span{
  font-size:18px!important;
  text-shadow:0 2px 6px #02060c!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .day-number{
  font-size:52px!important;
  line-height:1.05!important;
}
.pages.daily-dashboard-open #dailyDashboard .daily-command-header .date-row small{
  width:min(120px,100%);
  font-size:9px!important;
  margin-top:5px!important;
  padding-top:6px;
  text-shadow:0 2px 6px #02060c!important;
}

/* Daily mobile: normal document flow, one column, content-sized cards. */
@media(max-width:760px){
  .pages.daily-continuous-open{transform:none!important}
  .pages.daily-continuous-open{gap:12px!important;min-width:0}
  .pages.daily-continuous-open .daily-category-tabs{
    position:relative;inset:auto;transform:none;width:calc(100% - 24px);
    margin:12px 12px 0;grid-column:1!important;grid-row:auto!important;
    grid-template-columns:repeat(6,minmax(64px,1fr));
  }
  .pages.daily-dashboard-open .daily-season-banner{
    grid-row:auto!important;width:calc(100% - 24px);margin:0 12px!important;
  }
  .pages.daily-continuous-open #dailyDashboard{
    grid-row:auto!important;padding:0 12px 18px!important;gap:12px;
  }
  .pages.daily-dashboard-open #dailyDashboard>.daily-overview-zone{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:none!important;grid-auto-rows:auto;gap:12px!important;
  }
  .pages.daily-dashboard-open #dailyDashboard>.daily-overview-zone>*{
    grid-column:1!important;grid-row:auto!important;min-width:0;
    margin:0!important;height:auto!important;min-height:0!important;
  }
  .pages.daily-dashboard-open #dailyDashboard .daily-overview-zone>.daily-command-header{
    min-height:210px!important;
  }
  .pages.daily-dashboard-open #dailyDashboard .daily-mini-calendar-card>.mini-calendar{
    position:static!important;width:100%!important;height:auto!important;margin:0!important;
    grid-auto-rows:auto!important;gap:4px!important;
  }
  .pages.daily-dashboard-open #dailyDashboard .mini-calendar>button{
    aspect-ratio:auto!important;height:40px!important;font-size:12px!important;
  }
  .pages.daily-dashboard-open #dailyDashboard .mini-calendar .mini-calendar-nav{
    margin-bottom:8px;min-height:32px;
  }
  .pages.daily-dashboard-open #dailyDashboard .daily-overview-zone>.elemental-checkin{
    grid-template-rows:auto auto auto auto!important;padding:16px!important;overflow:visible;
  }
  .pages.daily-dashboard-open #dailyDashboard .elemental-dropdown-controls{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;
  }
  .pages.daily-dashboard-open #dailyDashboard .elemental-dropdown-controls .element-choice{
    padding:0!important;gap:6px!important;justify-content:flex-start!important;
    border:0!important;background:transparent!important;
  }
  .pages.daily-dashboard-open #dailyDashboard .elemental-dropdown-controls select{
    width:100%!important;font-size:18px!important;
  }
  .pages.daily-dashboard-open #dailyDashboard .elemental-log-row{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .pages.daily-dashboard-open #dailyDashboard :is(.daily-dashboard-body,.daily-action-row,.daily-rapid-lists-grid){
    grid-template-columns:minmax(0,1fr)!important;gap:12px;
  }
  .pages.daily-dashboard-open #dailyDashboard :is(.daily-at-glance,.daily-routine-card,.priorities,.daily-lists-card,.daily-rapid-card,.daily-time-card,.life-snapshot-card){
    margin:0!important;min-height:0;padding:16px!important;
  }
  .pages.daily-dashboard-open #dailyDashboard :is(.section-heading,.daily-section-date){margin:0 0 8px!important}
  .pages.daily-dashboard-open #dailyDashboard :is(.daily-at-glance,.elemental-checkin)>header h2{margin:0!important}
  .pages.daily-dashboard-open #dailyDashboard .daily-at-glance>header{margin:0 0 12px!important}
  .pages.daily-dashboard-open #dailyDashboard .daily-at-glance>header h2{color:#f5d395}
  .pages.daily-dashboard-open #dailyDashboard :is(.life-snapshot-card,.daily-section-date){transform:none!important}
  .pages.daily-dashboard-open #dailyDashboard .life-snapshot-card .life-progress-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pages.daily-dashboard-open #dailyDashboard .life-snapshot-card .life-progress-row>input:first-child{
    grid-column:1 / -1;
  }

  .pages.daily-dashboard-open #dailyDashboard :is(input,select){min-width:0;max-width:100%;font-size:16px}
  .pages.daily-dashboard-open #dailyDashboard .daily-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pages.daily-dashboard-open #dailyDashboard .daily-glance-card{min-height:112px;aspect-ratio:auto;padding:12px}
  .pages.daily-dashboard-open #dailyDashboard .daily-glance-card>strong,
  .pages.daily-dashboard-open #dailyDashboard .daily-glance-card>small{max-width:100%;overflow-wrap:anywhere}
}
@media(min-width:360px) and (max-width:760px){
  .pages.daily-dashboard-open #dailyDashboard .life-snapshot-inputs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}