@import "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Inter:wght@300;400;500&display=swap";:root{--sb-bg:#111113;--sb-border:#1e1e22;--sb-text:#aaa;--gold:#c9a84c;--gold-bg:#c9a84c12;--bg:#f5f3ef;--surface:#fff;--border:#e8e4de;--border2:#f0ece6;--t0:#1a1a1a;--t1:#444;--t2:#888;--t3:#bbb;--t4:#ddd;--red:#e5694a;--red-bg:#fef3f0;--red-border:#f4c5b8;--teal:#3a8a6a;--teal-bg:#eef7f2;--serif:"EB Garamond", Georgia, serif;--sans:"Inter", -apple-system, sans-serif;--r6:6px;--r8:8px;--r10:10px;--r12:12px;--sb-w:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--t0);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app{max-width:100%;height:100dvh;display:flex;overflow:hidden}html,body{overflow-x:hidden}.sidebar{width:var(--sb-w);min-width:var(--sb-w);background:var(--sb-bg);border-right:1px solid var(--sb-border);flex-direction:column;flex-shrink:0;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.sb-head{padding:20px 16px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--sb-border)}.sb-head .logo{font-family:var(--serif);color:var(--gold);white-space:nowrap;font-size:18px;font-weight:500;overflow:hidden}.sb-head .sub{color:var(--sb-text);white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.sb-nav{scrollbar-width:none;flex:1;padding:8px 0;overflow-y:auto}.sb-nav::-webkit-scrollbar{display:none}.sb-section-label{color:#555;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:12px 16px 4px;font-size:10px;font-weight:500;overflow:hidden}.sb-item{color:var(--sb-text);cursor:pointer;white-space:nowrap;border-right:2px solid #0000;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:400;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:flex;overflow:hidden}.sb-item:hover{color:#ccc;background:#ffffff0a}.sb-item.active{color:var(--gold);border-right-color:var(--gold);background:var(--gold-bg)}.sb-item .icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.sb-item.active .icon{opacity:1}.sb-item span{text-overflow:ellipsis;overflow:hidden}.sb-foot{border-top:1px solid var(--sb-border);padding:12px}.sb-date{color:#555;white-space:nowrap;padding:0 4px 8px;font-size:11px;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-title{font-family:var(--serif);color:var(--t0);font-size:20px}.topbar-date{color:var(--t2);font-size:13px}.page-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));flex:1;overflow:hidden auto}.sl{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:11px;font-weight:500}.serif-heading{font-family:var(--serif);color:var(--t0);font-size:22px;font-weight:400}.serif-lg{font-family:var(--serif);color:var(--t0);font-size:18px}.serif-xl{font-family:var(--serif);color:var(--t0);font-size:28px;font-weight:400}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r12);padding:20px}.card-sm{background:var(--surface);border:1px solid var(--border);border-radius:var(--r10);padding:14px 16px}.mc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r12);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r10);text-align:center;padding:16px}.stat-box .val{font-family:var(--serif);color:var(--t0);font-size:28px;line-height:1}.stat-box .lbl{color:var(--t2);margin-top:4px;font-size:11px}.btn{border-radius:var(--r8);cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--sans);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;transition:background .15s,opacity .15s;display:inline-flex}.btn-dark{background:var(--t0);color:#fff}.btn-dark:hover{background:#333}.btn-ghost{color:var(--t1);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{opacity:.85}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{opacity:.85}.btn-sm{padding:5px 12px;font-size:12.5px}.btn-xs{border-radius:var(--r6);padding:3px 8px;font-size:11.5px}.inp{border:1px solid var(--border);border-radius:var(--r8);width:100%;font-size:13.5px;font-family:var(--sans);color:var(--t0);background:var(--surface);outline:none;padding:9px 12px;transition:border-color .15s}.inp:focus{border-color:var(--gold)}.inp::placeholder{color:var(--t3)}textarea.inp{resize:vertical;min-height:80px}textarea{field-sizing:content}textarea.inp{min-height:44px}select.inp{cursor:pointer}.il{color:var(--t2);margin-bottom:4px;font-size:12px;display:block}.fg{flex-direction:column;gap:4px;display:flex}.g2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.g4{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;display:grid}.badge{white-space:nowrap;border-radius:100px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.b-dark{background:var(--t0);color:#fff}.b-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.b-teal{background:var(--teal-bg);color:var(--teal)}.b-gray{background:var(--bg);color:var(--t2);border:1px solid var(--border)}.b-gold{background:var(--gold-bg);color:var(--gold);border:1px solid #c9a84c4d}.overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r12);-webkit-overflow-scrolling:touch;flex-direction:column;gap:16px;width:100%;max-width:460px;max-height:90dvh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-lg{max-width:680px}.modal-xl{max-width:860px}.modal-title{font-family:var(--serif);color:var(--t0);font-size:20px}.modal-foot{border-top:1px solid var(--border2);justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--t2);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13.5px;transition:color .15s,border-color .15s}.tab:hover{color:var(--t1)}.tab.active{color:var(--t0);border-bottom-color:var(--gold);font-weight:500}.pbar{background:var(--bg);border-radius:100px;height:6px;overflow:hidden}.pfill{background:var(--gold);border-radius:100px;height:100%;transition:width .3s}.pfill-teal{background:var(--teal)}.pfill-red{background:var(--red)}.row{align-items:center;gap:8px;display:flex}.row-c{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-center{justify-content:center;align-items:center;gap:8px;display:flex}.heatmap{flex-wrap:wrap;gap:3px;display:flex}.hm-cell{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:2px;width:14px;height:14px;transition:background .15s}.hm-cell.done{background:var(--teal);border-color:var(--teal)}.hm-cell.partial{border-color:var(--teal);background:#3a8a6a66}.cb{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.cb.checked{background:var(--teal);border-color:var(--teal);color:#fff}.cb.checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.task-row{border-bottom:1px solid var(--border2);align-items:flex-start;gap:10px;padding:10px 0;transition:background .1s;display:flex}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--bg);border-radius:var(--r8);margin:0 -8px;padding-left:8px;padding-right:8px}.task-title{color:var(--t0);flex:1;font-size:13.5px;line-height:1.4}.task-title.done{color:var(--t3);text-decoration:line-through}.task-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-header{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.cal-dow{text-align:center;color:var(--t3);padding:4px 0;font-size:11px;font-weight:500}.cal-cell{aspect-ratio:1;border-radius:var(--r8);cursor:pointer;border:1px solid #0000;flex-direction:column;gap:2px;min-height:64px;padding:6px;transition:background .15s,border-color .15s;display:flex}.cal-cell:hover{background:var(--bg)}.cal-cell.today{border-color:var(--gold)}.cal-cell.selected{background:var(--gold-bg);border-color:var(--gold)}.cal-cell.other-month{opacity:.35}.cal-day-num{color:var(--t2);font-size:12px;font-weight:500;line-height:1}.cal-cell.today .cal-day-num{color:var(--gold)}.cal-task-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:6px;height:6px}.cal-task-mini{color:var(--t1);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.cal-task-mini.done{color:var(--t3);text-decoration:line-through}.mg{gap:16px;display:grid}.mg-4{grid-template-columns:repeat(4,1fr)}.mg-3{grid-template-columns:repeat(3,1fr)}.mg-2{grid-template-columns:repeat(2,1fr)}.score-dots{gap:3px;display:flex}.score-dot{background:var(--border);border-radius:50%;width:10px;height:10px;transition:background .15s}.score-dot.filled{background:var(--gold)}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-head h2{font-family:var(--serif);color:var(--t0);font-size:18px;font-weight:400}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.three-col{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.wheel-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.wheel-row>*{min-width:0}@media (width<=900px){.wheel-row{grid-template-columns:1fr}}.proj-row:hover{background:var(--bg)!important}.proj-row .proj-edit{opacity:0;transition:opacity .12s}.proj-row:hover .proj-edit{opacity:.7}.proj-row .proj-edit:hover{opacity:1!important}.ctx-row{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ctx-row>*{min-width:0}@media (width<=1000px){.ctx-row{grid-template-columns:1fr}}textarea{font-family:var(--sans);color:var(--t0);font-size:13.5px}.divider{background:var(--border2);height:1px;margin:8px 0}.empty-state{text-align:center;color:var(--t3);padding:48px 24px}.empty-state p{margin-top:8px;font-size:14px}.pill-list{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--bg);border:1px solid var(--border);color:var(--t1);border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.pill-remove{cursor:pointer;color:var(--t3);background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.pill-remove:hover{color:var(--red)}.scroll-x{overflow-x:auto}.scroll-y{overflow-y:auto}.vb-canvas{border-radius:var(--r12);cursor:grab;background:#1a1a1a;width:100%;height:calc(100vh - 160px);position:relative;overflow:hidden}.vb-canvas:active{cursor:grabbing}.vb-item{cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.vb-img{object-fit:cover;border-radius:var(--r8);width:100%;height:100%;display:block}.vb-text{text-align:center;width:100%;height:100%;font-family:var(--serif);color:#fff;word-break:break-word;justify-content:center;align-items:center;padding:8px;font-size:18px;display:flex}.vb-selected{outline:2px solid var(--gold)}.ritual-hm{grid-template-columns:repeat(30,1fr);gap:2px;display:grid}.topbar-actions{align-items:center;gap:8px;display:flex}.flex-1{flex:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-gold{color:var(--gold)}.text-red{color:var(--red)}.text-teal{color:var(--teal)}.text-muted{color:var(--t2)}.text-sm{font-size:12px}.text-xs{font-size:11px}.bold{font-weight:500}.note-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r10);cursor:pointer;padding:16px;transition:border-color .15s,box-shadow .15s}.note-card:hover{border-color:var(--gold);box-shadow:0 2px 12px #0000000f}.note-card h3{color:var(--t0);margin-bottom:6px;font-size:14px;font-weight:500}.note-card p{color:var(--t2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.profile-field{border-bottom:1px solid var(--border2);padding:12px 0}.profile-field:last-child{border-bottom:none}.profile-field .lbl{color:var(--t2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px}.profile-field .val{color:var(--t0);font-size:14px}.burger{cursor:pointer;width:38px;height:38px;color:var(--t0);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;margin-right:4px;display:none}.burger:active{background:var(--bg)}.nav-backdrop{display:none}@media (width<=768px){.sidebar{z-index:200;width:270px;min-width:270px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000073}.nav-backdrop{z-index:150;background:#00000073;display:block;position:fixed;inset:0}.burger{display:flex}.two-col,.three-col,.g2,.g3,.g4{grid-template-columns:1fr}.mg-4,.mg-3{grid-template-columns:repeat(2,1fr)}.page-body{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.topbar{padding:0 12px;padding-top:env(safe-area-inset-top,0px)}.topbar-title{font-size:17px}.cal-cell{min-height:48px}.sb-item{padding:12px 14px}.tabs{flex-wrap:wrap}.grid-2col-mobile{grid-template-columns:1fr!important}.inp,input,textarea,select{font-size:16px}.task-add-form input.inp,.task-add-form select.inp{flex:100%!important;width:100%!important}}.cal-page{background:var(--bg);height:100%;display:flex;overflow:hidden}.cal-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;min-width:220px;padding:16px 0;display:flex;overflow-y:auto}.cal-sidebar-section{margin-bottom:20px;padding:0 12px}.cal-sidebar-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin-bottom:8px;padding:0 4px;font-size:10px;font-weight:600}.cal-source-row{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px;transition:background .1s;display:flex}.cal-source-row:hover{background:var(--bg)}.cal-source-dot{border:2px solid #0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:border-color .15s}.cal-source-dot.checked{border-color:currentColor}.cal-source-name{color:var(--t0);flex:1;font-size:13px}.cal-source-name.hidden{color:var(--t3);text-decoration:line-through}.mini-cal{padding:0 8px}.mini-cal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-cal-title{color:var(--t0);font-size:12px;font-weight:600}.mini-cal-nav{cursor:pointer;color:var(--t2);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.mini-cal-nav:hover{background:var(--bg)}.mini-cal-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.mini-cal-dow{text-align:center;color:var(--t3);padding:2px 0;font-size:10px}.mini-cal-day{text-align:center;cursor:pointer;color:var(--t1);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto;padding:3px 1px;font-size:11px;display:flex}.mini-cal-day:hover{background:var(--bg)}.mini-cal-day.today{background:var(--t0);color:#fff;font-weight:600}.mini-cal-day.selected{background:var(--gold);color:#fff}.mini-cal-day.other-month{color:var(--t4)}.cal-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.cal-toolbar-left{align-items:center;gap:12px;display:flex}.cal-toolbar-center,.cal-toolbar-right{align-items:center;gap:8px;display:flex}.cal-title{font-family:var(--serif);color:var(--t0);min-width:200px;font-size:22px}.view-toggle{border:1px solid var(--border);border-radius:var(--r8);display:flex;overflow:hidden}.view-btn{cursor:pointer;color:var(--t2);font-size:12px;font-weight:500;font-family:var(--sans);background:0 0;border:none;padding:6px 14px;transition:background .15s,color .15s}.view-btn:hover{background:var(--bg);color:var(--t0)}.view-btn.active{background:var(--t0);color:#fff}.nav-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--t1);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.nav-btn:hover{background:var(--bg)}.cal-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.cal-body{flex:1;position:relative;overflow:hidden}.cal-scroll{height:100%;overflow-y:auto}.month-grid{grid-template-columns:repeat(7,1fr);height:100%;display:grid}.month-dow-row{border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:repeat(7,1fr);display:grid}.month-dow{text-align:center;color:var(--t2);letter-spacing:.05em;text-transform:uppercase;padding:8px 0;font-size:11px;font-weight:600}.month-cell{border-right:1px solid var(--border2);border-bottom:1px solid var(--border2);cursor:pointer;min-height:100px;padding:6px;transition:background .1s;overflow:hidden}.month-cell:nth-child(7n){border-right:none}.month-cell:hover{background:#00000004}.month-cell.other-month{background:#00000005}.month-cell.today{background:#c9a84c0a}.month-cell.selected{background:#c9a84c14}.month-day-num{color:var(--t1);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.month-cell.today .month-day-num{background:var(--t0);color:#fff}.month-event{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;margin-bottom:2px;padding:1px 6px;font-size:11px;font-weight:600;overflow:hidden}.month-event.timed:before{content:"•";margin-right:3px}.month-more{color:var(--t2);cursor:pointer;padding:1px 2px;font-size:10px}.month-more:hover{color:var(--t0)}.week-view{flex-direction:column;height:100%;display:flex}.week-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;display:grid}.week-time-gutter{border-right:1px solid var(--border2);flex-shrink:0;width:60px}.week-day-col{text-align:center;border-right:1px solid var(--border2);flex:1;padding:8px 4px}.week-day-col:last-child{border-right:none}.week-day-name{color:var(--t2);text-transform:uppercase;font-size:11px;font-weight:600}.week-day-num{color:var(--t0);font-size:22px;font-weight:300;line-height:1.2}.week-day-num.today{background:var(--t0);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;font-size:18px;display:flex}.week-allday-row{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:28px;display:flex}.week-allday-gutter{border-right:1px solid var(--border2);width:60px;color:var(--t3);flex-shrink:0;justify-content:flex-end;align-items:center;padding-right:8px;font-size:10px;display:flex}.week-allday-cells{flex:1;display:grid;position:relative}.week-body{flex:1;display:flex;position:relative;overflow-y:auto}.week-time-col{border-right:1px solid var(--border2);flex-shrink:0;width:60px;position:relative}.time-label{color:var(--t3);font-size:10px;position:absolute;right:8px;transform:translateY(-50%)}.week-days-grid{flex:1;display:grid;position:relative}.week-day-lane{border-right:1px solid var(--border2);position:relative}.week-day-lane:last-child{border-right:none}.hour-line{border-top:1px solid var(--border2);position:absolute;left:0;right:0}.hour-line-half{border-top:1px dashed var(--border2);position:absolute;left:0;right:0}.cal-event-block{cursor:pointer;border-radius:4px;min-height:18px;padding:2px 8px;font-size:11px;font-weight:600;transition:filter .15s;position:absolute;left:2px;right:2px;overflow:hidden}.cal-event-block:hover{filter:brightness(.96)}.cal-event-block .ev-title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.cal-event-block .ev-time{opacity:.92;font-size:10px;font-weight:500}.cal-event-block .ev-resize{cursor:ns-resize;z-index:2;height:9px;position:absolute;bottom:0;left:0;right:0}.cal-event-block .ev-resize:after{content:"";opacity:0;background:currentColor;border-radius:2px;width:22px;height:3px;transition:opacity .12s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.cal-event-block:hover .ev-resize:after{opacity:.45}.day-view{flex-direction:column;height:100%;display:flex}.day-header{text-align:center;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:12px}.day-header-name{color:var(--t2);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.day-header-num{color:var(--t0);font-size:36px;font-weight:300;line-height:1.1}.day-header-num.today{color:var(--gold)}.day-body{flex:1;display:flex;overflow-y:auto}.day-time-col{border-right:1px solid var(--border2);flex-shrink:0;width:60px;position:relative}.day-lane{flex:1;position:relative}.year-view{padding:20px;overflow-y:auto}.year-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.year-month-title{color:var(--t0);text-align:center;margin-bottom:8px;font-size:13px;font-weight:600}.year-mini-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.year-mini-dow{text-align:center;color:var(--t3);padding:1px;font-size:9px}.year-mini-day{text-align:center;color:var(--t1);cursor:pointer;border-radius:3px;padding:2px 1px;font-size:11px}.year-mini-day:hover{background:var(--bg)}.year-mini-day.today{background:var(--t0);color:#fff;border-radius:50%}.year-mini-day.has-events{color:var(--gold);font-weight:600}.year-mini-day.other-month{color:var(--t4)}.now-line{z-index:10;pointer-events:none;position:absolute;left:0;right:0}.now-line:before{content:"";background:var(--red);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.now-line:after{content:"";background:var(--red);height:2px;position:absolute;top:50%;left:5px;right:0;transform:translateY(-50%)}.event-modal{max-width:500px}.event-color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:border-color .15s,transform .1s}.color-dot:hover{transform:scale(1.1)}.color-dot.selected{border-color:var(--t0)}.google-connect-btn{border-radius:var(--r8);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--t1);font-size:13px;font-family:var(--sans);align-items:center;gap:8px;width:100%;padding:8px 12px;transition:background .15s;display:flex}.google-connect-btn:hover{background:var(--bg)}@media (width<=768px){.cal-sidebar{display:none}.year-grid{grid-template-columns:repeat(2,1fr)}.cal-toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.cal-toolbar-left{flex-wrap:wrap;gap:6px}.cal-toolbar-center{flex-basis:100%;order:3}.cal-title{min-width:0;font-size:16px}.view-toggle .view-btn{padding:6px 9px;font-size:12px}}.notes-page{background:var(--bg);height:100%;display:flex;overflow:hidden}.notes-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;min-width:210px;padding:0;display:flex;overflow-y:auto}.notes-sidebar-section{padding:12px 0 4px}.notes-sidebar-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin-bottom:4px;padding:0 14px;font-size:10px;font-weight:600}.nb-row{cursor:pointer;border-radius:0;align-items:center;gap:6px;padding:6px 10px 6px 14px;transition:background .1s;display:flex;position:relative}.nb-row:hover{background:var(--bg)}.nb-row.active{background:#c9a84c1a}.nb-row.active .nb-name{color:var(--gold);font-weight:500}.nb-row.nb-dragging{opacity:.4}.nb-row[draggable=true]:active{cursor:grabbing}.nb-expand-btn{cursor:pointer;width:14px;height:14px;color:var(--t3);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.nb-expand-btn:hover{background:var(--border2);color:var(--t0)}.nb-emoji{flex-shrink:0;font-size:14px}.nb-name{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.nb-count{color:var(--t3);flex-shrink:0;font-size:11px}.nb-child{padding-left:32px}.nb-add-btn{cursor:pointer;color:var(--t2);font-size:12.5px;font-family:var(--sans);text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:6px 14px;transition:color .1s;display:flex}.nb-add-btn:hover{color:var(--t0)}.notes-list-col{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:280px;min-width:280px;display:flex;overflow:hidden}.notes-list-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 14px 8px}.notes-list-title{font-family:var(--serif);color:var(--t0);margin-bottom:8px;font-size:18px}.notes-list-toolbar{align-items:center;gap:6px;padding-right:2px;display:flex}.notes-search{border:1px solid var(--border);border-radius:var(--r8);min-width:0;font-size:12.5px;font-family:var(--sans);color:var(--t0);background:var(--bg);outline:none;flex:1;padding:6px 10px}.notes-search:focus{border-color:var(--gold);background:var(--surface)}.notes-search::placeholder{color:var(--t3)}.notes-sort-btn{border:1px solid var(--border);border-radius:var(--r6);cursor:pointer;color:var(--t2);font-size:11px;font-family:var(--sans);white-space:nowrap;background:0 0;flex-shrink:0;padding:5px 8px;transition:background .1s}.notes-sort-btn:hover{background:var(--border2)}.notes-list-scroll{flex:1;padding:8px 0;overflow-y:auto}.pinned-separator{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);align-items:center;gap:8px;padding:4px 14px 2px;font-size:10px;font-weight:600;display:flex}.note-card{cursor:pointer;border-bottom:1px solid var(--border2);padding:10px 14px;transition:background .1s;position:relative}.note-card:hover{background:var(--surface)}.note-card.active{background:var(--surface);border-left:3px solid var(--gold)}.note-card-title{color:var(--t0);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;padding-right:20px;font-size:13px;font-weight:600;overflow:hidden}.note-card-preview{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11.5px;line-height:1.4;overflow:hidden}.note-card-meta{color:var(--t3);font-size:10.5px}.note-pin-icon{opacity:.5;font-size:12px;position:absolute;top:10px;right:12px}.note-empty-add{height:100%;color:var(--t3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.notes-editor-col{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex}.editor-meta{color:var(--t3);font-size:11px}.editor-actions{align-items:center;gap:6px;display:flex}.editor-action-btn{cursor:pointer;color:var(--t2);border-radius:var(--r6);background:0 0;border:none;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;transition:background .1s,color .1s;display:flex}.editor-action-btn:hover,.editor-action-btn.active{background:var(--bg);color:var(--t0)}.editor-toolbar{border-bottom:1px solid var(--border2);background:var(--surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;padding:6px 20px;display:flex}.toolbar-btn{cursor:pointer;width:30px;height:28px;color:var(--t1);border-radius:var(--r6);font-size:13px;font-family:var(--sans);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.toolbar-btn:hover{background:var(--bg)}.toolbar-btn.active{background:var(--bg);color:var(--t0);font-weight:700}.toolbar-btn.active-mark{color:var(--gold);background:#c9a84c26}.toolbar-sep{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 4px}.note-title-input{width:100%;font-family:var(--serif);color:var(--t0);background:0 0;border:none;outline:none;flex-shrink:0;padding:20px 28px 8px;font-size:26px;font-weight:400}.note-title-input::placeholder{color:var(--t4)}.editor-content{flex:1;padding:0 28px 40px;overflow-y:auto}.tiptap{color:var(--t0);outline:none;min-height:400px;font-size:14.5px;line-height:1.75}.tiptap p{margin:0 0 6px}.tiptap h1{font-family:var(--serif);color:var(--t0);margin:16px 0 8px;font-size:24px;font-weight:500}.tiptap h2{font-family:var(--serif);color:var(--t0);margin:14px 0 6px;font-size:20px;font-weight:500}.tiptap h3{color:var(--t0);margin:12px 0 4px;font-size:16px;font-weight:600}.tiptap strong{font-weight:700}.tiptap em{font-style:italic}.tiptap u{text-decoration:underline}.tiptap s{color:var(--t2);text-decoration:line-through}.tiptap mark{border-radius:3px;padding:1px 3px}.tiptap hr{border:none;border-top:2px solid var(--border);margin:16px 0}.tiptap ul,.tiptap ol{margin:6px 0;padding-left:20px}.tiptap li{margin:2px 0}.tiptap blockquote{border-left:3px solid var(--gold);color:var(--t1);margin:10px 0;padding-left:14px;font-style:italic}.tiptap code{background:var(--bg);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:13px}.tiptap ul[data-type=taskList]{padding-left:0;list-style:none}.tiptap ul[data-type=taskList] li{align-items:flex-start;gap:8px;margin:4px 0;display:flex}.tiptap ul[data-type=taskList] li>label{flex-shrink:0;margin-top:3px}.tiptap ul[data-type=taskList] li>label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--teal)}.tiptap ul[data-type=taskList] li[data-checked=true]>div{color:var(--t3);text-decoration:line-through}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--t4);pointer-events:none;float:left;height:0}.editor-empty-state{color:var(--t3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.sort-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r10);z-index:100;min-width:180px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.sort-option{cursor:pointer;color:var(--t0);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.sort-option:hover{background:var(--bg)}.sort-option.active{color:var(--gold)}.highlight-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--r8);z-index:200;flex-wrap:wrap;gap:6px;width:140px;padding:8px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #0000001f}.hl-color{cursor:pointer;border:2px solid #0000;border-radius:4px;width:22px;height:22px;transition:transform .1s,border-color .1s}.hl-color:hover{transform:scale(1.15)}.hl-color.active{border-color:var(--t0)}@media (width<=768px){.notes-sidebar{display:none}.notes-list-col{width:100%;min-width:unset;display:none}.notes-list-col.mobile-show{display:flex}.notes-editor-col{width:100%;display:none}.notes-editor-col.mobile-show{display:flex}.editor-topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.editor-toolbar{flex-wrap:wrap}}