html,body,#root{overflow:hidden;height:100%;margin:0;background:color-mix(in srgb,hsl(from #F2F0EB h calc(s*.86) calc(l*1.08)),hsl(from #F2F0EB h calc(s*1.62) l))}*{-webkit-tap-highlight-color:transparent}.pull-spinner{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%) translateY(-40px);width:28px;height:28px;z-index:60;opacity:0;pointer-events:none}.pull-spinner svg{width:100%;height:100%;display:block}.pull-spinner.spinning svg{animation:pull-spin .8s linear infinite;transform-origin:50% 50%}@keyframes pull-spin{to{transform:rotate(360deg)}}.app-wrap{display:flex;justify-content:center;align-items:stretch;padding:0;background:transparent;height:100vh;box-sizing:border-box}.phone{user-select:none;-webkit-user-select:none;width:100%;height:100vh;background:linear-gradient(160deg,hsl(from #F2F0EB h calc(s*.86) calc(l*1.08) / .5),10%,hsl(from #F2F0EB h calc(s*1.62) l / .5));border-radius:0;overflow:hidden;display:flex;flex-direction:column;position:relative;font-family:Open Sans,system-ui,sans-serif;box-shadow:none}.add-input{user-select:text;-webkit-user-select:text}.decoration{position:absolute;top:0;right:0;z-index:0;pointer-events:none;width:232px;height:auto;transition:opacity 50ms linear;transform:translateY(0)}.page{flex:1;overflow-y:auto;position:relative;border-radius:0;display:none;background:transparent;touch-action:pan-y;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,transparent 48px,black 64px,black 100%);mask-image:linear-gradient(to bottom,transparent 0px,transparent 48px,black 64px,black 100%);scrollbar-width:none;-ms-overflow-style:none}.page::-webkit-scrollbar{display:none}.page.active{display:flex;flex-direction:column}.page-header{padding:123px 16px 0;position:sticky;top:0;background:transparent;z-index:1;transition:opacity 50ms linear;transform:translateY(0)}.category-page .page-header{padding-top:131px;padding-right:21px}.category-page .page-header:has(.card-context-menu.open){z-index:40}#page-star>.page-header,.home-page>.page-header{padding:40px 16px 8px}.active-title{font-family:Merriweather,Georgia,serif;font-size:28px;font-weight:500;color:#333;line-height:1.1;margin:0 0 8px 8px}.header-decoration{position:absolute;right:0;top:20px;width:178px;height:auto;pointer-events:none;z-index:0}.active-today-label{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#7a7a7a;margin:0 0 4px 8px;line-height:1.2;position:relative;z-index:1}.active-day-name{font-family:Merriweather,Georgia,serif;font-size:40px;font-weight:500;color:#333;margin:8px 0 0 8px;line-height:1.2;position:relative;z-index:0}.active-month-date{font-family:Merriweather,Georgia,serif;font-size:40px;font-weight:500;color:#333;margin:0 0 24px 8px;line-height:1.2;position:relative;z-index:2}.active-date-decoration{display:block;position:relative;z-index:1;width:148px;height:55px;margin:-33px 0 -22px -1px;opacity:.75;transform:scale(.9);transform-origin:left center;pointer-events:none;transition:color .3s ease}.active-date-decoration path{transition:fill .3s ease}.underline-img{display:block;margin:0 0 24px 8px;width:40px;height:auto;color:#7b7b7b}.category-title-input{flex:1;min-width:0;margin:0;padding:0;border:none;background:none;outline:none;color:inherit;caret-color:var(--accent-base)}.category-header-row{display:flex;align-items:flex-start;justify-content:space-between}.category-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-top:-3px}.category-header-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;border-radius:8px;transition:background .12s ease}.category-header-btn>*{position:relative;z-index:1}@media (hover: hover){.category-header-btn:hover:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:4px;background:#0000000a;z-index:0}}.category-header-btn:active{background:rgba(var(--accent-base-rgb),.12)}.cards-area{padding:0 8px 24px;position:relative;z-index:2}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:0 40px;text-align:center;margin-top:-32px}.empty-state p{font-family:Merriweather,Georgia,serif;font-size:32px;font-weight:600;color:#242424;opacity:.4;line-height:40px;text-align:center}.footer{background:#f7f6f3;border-top:1px solid #C2C1BF;box-shadow:none;padding:10px 12px 28px;flex-shrink:0;position:relative;z-index:3;border-radius:0;overflow:visible}.add-row{display:flex;align-items:flex-start;gap:0;margin-bottom:12px;position:relative;z-index:2;touch-action:pan-y}.add-input{flex:1;height:40px;box-sizing:border-box;border-radius:4px;border:1px solid #C2C1BF;background:#faf9f7;padding:0 16px 0 12px;color:#242424;outline:none;font-family:Open Sans,system-ui,sans-serif;font-weight:400;font-size:16px;box-shadow:none;min-width:0;transition:box-shadow .15s ease}.add-input:focus{box-shadow:0 4px 20px #0000001a}::placeholder{font-size:16px;font-weight:500}.add-input::placeholder{color:#b5b4b2;transition:opacity .1s ease}.add-input.focused::placeholder{opacity:0}.send-btn{position:absolute;right:4px;top:4px;height:32px;width:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:2;transition:opacity .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.send-btn.visible{opacity:1;pointer-events:auto;border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--accent-dark) h s calc(l*1.5) / .6),hsl(from var(--accent-dark) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 6px 14px 12px var(--accent-light);animation:mc-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.send-btn svg{flex-shrink:0;width:24px}.link-input-stack{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid #C2C1BF;border-radius:4px;background:#faf9f7;overflow:hidden;transition:box-shadow .15s ease}.link-input-stack>.add-input{padding-right:52px}.link-input-stack:focus-within{box-shadow:0 4px 20px #0000001a}.link-input-stack .add-input{border:none;border-radius:0;background:transparent;box-shadow:none;width:100%;height:40px;flex:0 0 40px}.link-input-stack .add-input:focus{box-shadow:none}.add-link-url-wrap{max-height:0;overflow:hidden;transition:max-height .2s ease}.add-link-url-wrap.open{max-height:41px}.add-input-divider{height:1px;background:#dbdad8;flex-shrink:0}.mbar-circle,.mbar-placeholder{display:none}.tab-bar{display:flex;align-items:center;gap:0;transition:opacity .1s ease,transform .1s ease;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 40px) 100%,calc(100% - 40px) calc(100% + 8px),0 calc(100% + 8px));transform:translateY(0)}.tab-bar.hidden{opacity:0;pointer-events:none;transform:translateY(16px)}.icon-tab{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f7f6f3;border:none;border-radius:0;cursor:pointer;padding:0;position:relative;z-index:1}.icon-tab.selected{background:transparent;border-radius:4px}.icon-tab svg polygon,.icon-tab svg .museum,.icon-tab svg .mline-el{stroke:#242424}.icon-tab.selected svg polygon{stroke:var(--accent-dark)}.icon-tab.selected .mline-el{background:var(--accent-dark)}.tab-home svg{width:22px;height:22px;transition:width .18s ease,height .18s ease}.tab-home.selected svg{width:24px;height:24px}@keyframes star-stroke-cycle{0%{stroke:#607787}14.286%{stroke:#8a6262}28.571%{stroke:#608766}42.857%{stroke:#8a745e}57.143%{stroke:#746087}71.429%{stroke:#8a8160}85.714%{stroke:#876079}to{stroke:#607787}}@keyframes star-fill-cycle{0%{fill:#d8e6f0}14.286%{fill:#f0d8d8}28.571%{fill:#d8f0dc}42.857%{fill:#f2e7da}57.143%{fill:#e5daf0}71.429%{fill:#f2ecd5}85.714%{fill:#f0d8e7}to{fill:#d8e6f0}}@keyframes home-label-cycle{0%{color:#607787}14.286%{color:#8a6262}28.571%{color:#608766}42.857%{color:#8a745e}57.143%{color:#746087}71.429%{color:#8a8160}85.714%{color:#876079}to{color:#607787}}.star-active .icon-tab.selected svg polygon{animation:star-stroke-cycle 35s linear infinite}.mline-el{width:18px;height:2px;background:#242424;border-radius:1px}.hamburger-icon{display:flex;flex-direction:column;gap:4px;align-items:center}.tabs-scroll{flex:1;display:flex;overflow-x:auto;gap:12px;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;padding:0 2px;margin-left:12px;-webkit-mask-image:linear-gradient(to right,black calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 16px),transparent 100%);align-items:center;position:relative;z-index:1}.tabs-scroll::-webkit-scrollbar{display:none}.text-tab{flex-shrink:0;height:40px;padding:0 8px;border:none;border-radius:4px;background:transparent;font-family:Merriweather,Georgia,serif;font-size:16px;font-weight:500;color:#333;cursor:pointer;white-space:nowrap;display:flex;align-items:center}.text-tab.selected{background:transparent;color:var(--accent-dark)}.tab-indicator{position:absolute;top:1px;height:38px;box-sizing:border-box;background:rgba(var(--accent-base-rgb),.1);border-radius:999px;pointer-events:none;transition:left .1s ease,width .1s ease;z-index:0;left:0;width:40px;border:none;box-shadow:none}@property --glow{syntax: "<color>"; inherits: false; initial-value: #F4E4E4;}@property --glow-base{syntax: "<color>"; inherits: false; initial-value: #D76969;}@property --glow-x{syntax: "<length>"; inherits: false; initial-value: 10px;}@property --glow-y{syntax: "<length>"; inherits: false; initial-value: 0px;}.tab-bar.star-active .tab-indicator{background:#faf9f7;border:1px solid #C2C1BF;box-shadow:inset var(--glow-x) var(--glow-y) 14px var(--glow);animation:mbar-glow-orbit 2.5s linear infinite,gallery-rainbow 17.5s linear infinite}.tab-bar.star-active .tab-indicator:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(var(--cb-stroke-angle),hsl(from var(--glow-base) h s calc(l*1.53) / .6),hsl(from var(--glow-base) h s calc(l*.576 - 4) / .6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:cb-stroke-orbit 2.5s linear infinite,gallery-rainbow 17.5s linear infinite}@keyframes gallery-orbit{0%{--glow-x: 10px;--glow-y: 0px}25%{--glow-x: 0px;--glow-y: 12px}50%{--glow-x: -10px;--glow-y: 0px}75%{--glow-x: 0px;--glow-y: -12px}to{--glow-x: 10px;--glow-y: 0px}}@keyframes gallery-rainbow{0%{--glow: #F4E4E4;--glow-base: #D76969}14.29%{--glow: #F6EEE5;--glow-base: #E2AA6A}28.57%{--glow: #F6F2E2;--glow-base: #E1CB76}42.86%{--glow: #E4F4E6;--glow-base: #7CBE87}57.14%{--glow: #E4EEF4;--glow-base: #78A4C2}71.43%{--glow: #EDE5F4;--glow-base: #9F7AC2}85.71%{--glow: #F4E4EE;--glow-base: #D177B0}to{--glow: #F4E4E4;--glow-base: #D76969}}.tab-area{position:relative;height:40px;overflow:visible}.input-toolbar{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;opacity:0;transform:translateY(-16px);transition:opacity .1s ease,transform .1s ease;z-index:1}.input-toolbar.visible{display:flex}.input-toolbar.faded-in{opacity:1;transform:translateY(0)}.toolbar-left{position:relative;flex:1;display:flex;align-items:center;justify-content:center}@media (hover: hover){.toolbar-left:hover:after,.toolbar-left:has(button:hover):after{content:"";position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%);height:32px;background:#0000000a;border-radius:4px;pointer-events:none;z-index:0}}.toolbar-source-btn{position:relative;z-index:1;flex:1;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.toolbar-source-label{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:600;color:var(--accent-dark)}.toolbar-divider{width:1px;height:24px;background:#dbdad8;flex-shrink:0}.toolbar-right{flex:1;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;padding:0 12px}.toolbar-indicator{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:rgba(var(--accent-base-rgb),.2);border-radius:4px;pointer-events:none;transition:left .1s ease;z-index:0}.toolbar-icon-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;border-radius:4px;width:32px;height:32px;flex-shrink:0}@media (hover: hover){.toolbar-icon-btn:hover:not(.selected){background:#0000000a}}.toolbar-icon-btn svg line,.toolbar-icon-btn svg path,.toolbar-icon-btn svg polygon{stroke:#242424;stroke-width:1;vector-effect:non-scaling-stroke}.toolbar-icon-btn svg circle{fill:#242424}.toolbar-icon-btn.selected svg line,.toolbar-icon-btn.selected svg path,.toolbar-icon-btn.selected svg polygon{stroke:var(--accent-dark)}.toolbar-icon-btn.selected svg circle{fill:var(--accent-dark)}.home-indicator{width:120px;height:5px;background:#c2c1bf;border-radius:3px;margin:8px auto 4px}.footer.category-mode .add-row{max-height:0;opacity:0;margin-bottom:0;overflow:hidden;pointer-events:none;transition:max-height .2s ease,opacity .15s ease,margin-bottom .2s ease}.footer:not(.category-mode) .add-row{max-height:150px;opacity:1;transition:max-height .2s ease,opacity .15s ease,margin-bottom .2s ease}.footer.category-mode .input-toolbar{display:none!important}.page{transition:opacity .2s ease}.phone.save-panel-open .page{opacity:.2;flex:0;min-height:0;overflow:hidden;pointer-events:none}@keyframes radio-pop{0%{transform:scale(1)}18%{transform:scale(.72)}52%{transform:scale(1.18)}78%{transform:scale(.94)}to{transform:scale(1)}}.save-to-panel{flex:0;min-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease;display:flex;flex-direction:column}.save-to-panel.visible{flex:1;opacity:1;pointer-events:auto;padding:8px}.save-to-card{flex:1;min-height:0;background:#faf9f7;border:1px solid #C2C1BF;border-radius:16px;box-shadow:none;overflow:hidden;display:flex;flex-direction:column}.card-tabs{flex-shrink:0;border-top:1px solid #DBDAD8;background:#faf9f7;padding:6px 8px 8px}.card-tabs-scroll{position:relative;display:flex;align-items:center;gap:12px;overflow-x:auto;padding:0 2px;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,black calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 16px),transparent 100%)}.card-tabs-scroll::-webkit-scrollbar{display:none}.card-tab{flex-shrink:0;height:38px;padding:0 8px;border:none;border-radius:4px;background:transparent;font-family:Merriweather,Georgia,serif;font-size:16px;font-weight:500;color:#333;cursor:pointer;white-space:nowrap;display:flex;align-items:center;position:relative;z-index:1}.card-tab.selected{color:var(--accent-dark);font-weight:600}.card-tab-indicator{position:absolute;top:0;left:0;width:40px;height:38px;background:rgba(var(--accent-base-rgb),.12);border-radius:4px;pointer-events:none;transition:left .1s ease,width .1s ease;z-index:0}.save-to-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:8px}.save-to-scroll.scrolled{-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 12px,black 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 12px,black 100%)}.save-to-scroll::-webkit-scrollbar{display:none}.save-to-header{position:sticky;top:0;background:#faf9f7;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;flex-shrink:0;border-radius:8px 8px 0 0}.save-to-title{font-family:Merriweather,Georgia,serif;font-size:18px;font-weight:500;color:#242424;padding:0;margin:0}.save-to-cancel{position:relative;isolation:isolate;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:600;color:var(--accent-dark);background:none;border:none;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.save-to-empty{font-family:Open Sans,system-ui,sans-serif;font-size:14px;color:#959493;padding:4px 16px 16px;margin:0}.save-to-category{font-family:Open Sans,system-ui,sans-serif;font-size:12px;font-weight:500;color:var(--cb-dark);padding:8px 16px 2px;text-transform:uppercase;letter-spacing:.6px}.save-to-option{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;background:none;border:none;cursor:pointer;text-align:left;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#494949;position:relative;box-sizing:border-box}.save-to-option{isolation:isolate}.save-to-option.save-to-add{color:var(--cb-dark);font-weight:600}.save-to-add-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--cb-dark)}.save-to-new-row{gap:8px;cursor:default}.save-to-new-input{flex:1;min-width:0;border:none;background:none;outline:none;padding:0;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#494949;caret-color:var(--cb-base)}.save-to-new-input::placeholder{color:#b5b4b2}.save-to-new-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:4px;cursor:pointer}@media (hover: hover){.save-to-new-btn:hover{background:#0000000a}}.save-to-new-send{flex-shrink:0;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;border-radius:6px;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--cb-dark) h s calc(l*1.5) / .6),hsl(from var(--cb-dark) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px color-mix(in srgb,var(--cb-base) 20%,transparent),inset 6px 14px 12px var(--cb-light);animation:mc-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.save-to-option.selected{color:var(--cb-dark)}@media (hover: hover){.save-to-option:hover:not(.selected){background:#00000005}}.save-to-option.selected:before{content:"";position:absolute;top:0;right:8px;bottom:0;left:8px;background:var(--cb-light);border-radius:4px;pointer-events:none;z-index:-1}.save-to-divider:has(+.save-to-option.selected){display:none}div:has(>.save-to-option.selected)+div>.save-to-divider{display:none}.save-to-divider{height:1px;background:#dbdad8;margin:0 16px}.save-to-radio{width:20px;height:20px;border-radius:50%;border:1px solid #B8B8B8;box-shadow:0 2px 20px #00000026;flex-shrink:0;position:relative;box-sizing:border-box;background:#faf9f7;transform-origin:center}.save-to-radio.filled{border-color:var(--cb-base);background:var(--cb-base);box-shadow:none;animation:radio-pop .32s ease forwards}.save-to-radio.filled:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#fff;border-radius:50%}.toolbar-source-label.inactive{color:#242424}.toolbar-source-btn.inactive{opacity:1}.page.page-exiting{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden;transition:none!important}.page.page-entering{transition:none!important}.page.page-exiting .page-header{animation:tab-hdr-out 125ms ease both}.page.page-entering .page-header{animation:tab-hdr-in 125ms ease both;animation-delay:125ms}.page.page-exiting.page-exit-to-left .cards-area{animation:cards-to-left 125ms ease both}.page.page-exiting.page-exit-to-right .cards-area{animation:cards-to-right 125ms ease both}.page.page-entering.page-enter-from-right .cards-area{animation:cards-from-right 125ms ease both;animation-delay:125ms}.page.page-entering.page-enter-from-left .cards-area{animation:cards-from-left 125ms ease both;animation-delay:125ms}@keyframes tab-hdr-in{0%{opacity:0}to{opacity:1}}@keyframes tab-hdr-out{0%{opacity:1}to{opacity:0}}@keyframes cards-from-right{0%{transform:translate(32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cards-from-left{0%{transform:translate(-32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cards-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-32px);opacity:0}}@keyframes cards-to-right{0%{transform:translate(0);opacity:1}to{transform:translate(32px);opacity:0}}.page.drag-incoming{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.page.tab-drag-from>.page-header,.page.tab-drag-to>.page-header{opacity:var(--tab-hdr-op, 1)!important;transition:var(--tab-trans, none)!important}.page.tab-drag-from>:not(.page-header),.page.tab-drag-to>:not(.page-header){transform:translate(var(--tab-x, 0px));opacity:var(--tab-op, 1);transition:var(--tab-trans, none);will-change:transform,opacity}.sidebar-date{display:none}.tab-scroll{display:contents}@media (max-width: 999.98px){.footer.has-scroll{box-shadow:0 -2px 24px #0000000f}.page.active>*{max-width:800px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.footer .add-row,.footer .tab-area{max-width:800px;margin-left:auto;margin-right:auto}.note-detail-header,.todo-detail-scroll,.note-editor{max-width:800px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.detail-footer{padding-left:max(0px,calc((100% - 800px)/2));padding-right:max(0px,calc((100% - 800px)/2))}}@media (min-width: 1000px){.decoration,.header-decoration{display:none}:root{--detail-w: min(500px, calc((100vw - 340px)/2) )}@media (max-width: 1240px){:root{--detail-w: min(500px, 50vw)}}.phone{--gutter: 0px}.page{padding-left:calc(340px + var(--gutter));-webkit-mask-image:none;mask-image:none;transition:padding .32s ease,opacity .2s ease}.cards-area{padding:48px 48px 56px 28px;max-width:880px;transition:max-width .32s ease}.phone:not(:has(.note-detail-page.open)) .cards-area{max-width:796px}.page.page-exiting{display:none!important}.sidebar-date{display:block;position:fixed;left:var(--gutter);transition:left .35s ease;top:0;width:340px;box-sizing:border-box;padding:40px 32px 0;z-index:30}#page-star>.page-header,.home-page>.page-header{display:none}.page-header{padding:28px 48px 6px 28px}.category-page .page-header{padding:89px 61px 0 28px;max-width:880px;transition:max-width .32s ease}.phone:not(:has(.note-detail-page.open)) .category-page .page-header{max-width:796px}.phone:has(.note-detail-page.open) .category-page .page-header{max-width:calc(100vw - 340px - var(--detail-w))}.category-page .underline-img{margin-bottom:24px!important}.category-page .cards-area{padding-top:0}.footer{position:fixed;left:var(--gutter);transition:left .35s ease;top:199px;bottom:0;width:340px;box-sizing:border-box;background:transparent;border-top:none;box-shadow:none;border-radius:0;padding:0 28px 28px;display:flex;flex-direction:column;z-index:40}.tab-area{flex:1;height:auto;min-height:0;margin-top:4px}.footer .add-row{margin-bottom:4px}.footer.category-mode .add-row{max-height:150px;margin-bottom:4px}.tab-indicator{transition:top .17s ease,height .17s ease,left .12s ease,width .12s ease}.tab-bar{position:relative;flex-direction:column;align-items:stretch;gap:0;clip-path:none;transform:none;height:100%;overflow:visible}.tab-scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible;position:relative;margin-top:24px;margin-bottom:24px;gap:4px}.tabs-scroll.fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 100%)}.tabs-scroll.fade-bottom{-webkit-mask-image:linear-gradient(to top,transparent 0,#000 16px,#000 100%);mask-image:linear-gradient(to top,transparent 0,#000 16px,#000 100%)}.tabs-scroll.fade-top.fade-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}.tab-home{margin-top:auto}.tab-bar .icon-tab,.tabs-scroll .text-tab{width:100%;height:44px;flex-shrink:0;justify-content:flex-start;gap:14px;padding:0 14px;border:1px solid transparent;border-radius:999px;box-sizing:border-box;font-size:15px}.tab-bar .icon-tab{background:transparent}.tab-bar .icon-tab:after{font-family:Merriweather,Georgia,serif;font-size:15px;font-weight:600;color:#333}.tab-home:after{content:"Gallery"}.tab-pages:after{content:"Settings"}.tab-bar .tab-home,.tab-bar .tab-pages{gap:6px}.tab-bar .tab-pages svg{width:18px;height:18px}.tab-bar .tab-pages:after{font-weight:500}.tabs-scroll .text-tab{padding-left:38px;padding-right:16px;position:relative}.tab-indicator-easel{position:absolute;left:14px;top:50%;transform:translateY(calc(-50% + 1px));pointer-events:none}.tabs-scroll .text-tab .tab-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.tab-bar .tab-home svg,.tab-bar .tab-home.selected svg{width:18px;height:18px}.tab-bar .tab-home:after{font-weight:500;color:#242424}.tabs-scroll{flex:1 1 auto;min-height:0;position:relative;flex-direction:column;align-items:stretch;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none;margin-left:0;padding:0;gap:4px}.tabs-scroll::-webkit-scrollbar{display:none}.tab-home{margin-top:0;flex:0 0 auto}.tab-bar.menu-active .tab-indicator{opacity:0}.tab-bar.menu-active .icon-tab.tab-pages.selected{background:#0000000f;border-radius:999px}.tab-bar .icon-tab:hover:not(.selected),.tabs-scroll .text-tab:hover:not(.selected){background:#00000005;border-radius:999px}.input-toolbar{bottom:auto;height:52px}.save-to-panel.visible{position:fixed;left:var(--gutter);top:311px;bottom:24px;width:340px;box-sizing:border-box;z-index:46;padding:0 28px;transition:top .2s ease}#app:has(.add-link-url-wrap.open) .save-to-panel.visible{top:360px}.phone.save-panel-open .page{flex:1;opacity:1;min-height:0;overflow-y:auto;pointer-events:none}.phone.save-panel-open .page>.page-header{opacity:.2!important}.phone.save-panel-open .page>.cards-area>*{opacity:.2;transition:opacity .2s ease}.phone.save-panel-open .page>.cards-area>.save-target{opacity:1}.phone:has(.note-detail-page.open) .page{padding-right:var(--detail-w)}.phone:has(.note-detail-page.open) .cards-area{max-width:calc(100vw - 340px - var(--detail-w))}.phone:not(:has(.note-detail-page.open)) .cal-overlay{left:368px;right:auto;width:min(804px,calc(100% - 416px))}.phone:not(:has(.note-detail-page.open)) .cal-card{width:100%}.phone:has(.note-detail-page.open) .move-to-overlay,.phone:has(.note-detail-page.open) .cal-overlay{left:calc(100% - var(--detail-w))}#app.dim-bg:has(.note-detail-page.open)>.page>*,#app.dim-bg:has(.note-detail-page.open)>:not(.cal-overlay):not(.move-to-overlay):not(.page):not(.note-detail-page),#app.dim-bg:has(.note-detail-page.open)>.note-detail-page>*{opacity:.2!important}#app.dim-bg:has(.note-detail-page.open)>.page>.page-header{opacity:0!important}}@media (min-width: 1000px) and (max-width: 1240px){.phone:has(.note-detail-page.open) .sidebar-date,.phone:has(.note-detail-page.open) .footer,.phone:has(.note-detail-page.open) .save-to-panel{display:none}.phone:has(.note-detail-page.open) .page{padding-left:0}.phone:has(.note-detail-page.open) .cards-area,.phone:has(.note-detail-page.open) .category-page .page-header{max-width:100%}}@media (min-width: 1300px){.phone{max-width:none;transform:translate(0);background:transparent;--gutter: calc((100vw - 1300px)/2) }.phone:has(.note-detail-page.open){--gutter: 0px}.app-wrap{position:relative;background:linear-gradient(160deg,hsl(from #F2F0EB h calc(s*.86) calc(l*1.08) / .5),10%,hsl(from #F2F0EB h calc(s*1.62) l / .5))}}@media (max-width: 480px){html,body{height:100%;height:-webkit-fill-available;overflow:hidden}.app-wrap{padding:0;height:100%;height:-webkit-fill-available;min-height:unset;align-items:stretch;overflow:hidden}.phone{position:fixed;top:0;left:0;right:0;height:var(--ivh, 100dvh);border-radius:0;box-shadow:none}.page-header{padding-top:calc(env(safe-area-inset-top) + 24px)}.category-page .page-header{padding-top:calc(env(safe-area-inset-top) + 32px)}.page{-webkit-mask-image:none;mask-image:none;border-radius:0}.footer{border-radius:0;padding-bottom:calc(env(safe-area-inset-bottom) + 8px);overflow:visible}.footer.keyboard-open{padding-bottom:8px}.home-indicator{display:none}}@media (max-width: 999.98px){.phone{--mbar-h: 48px;--mbar-bottom: calc(env(safe-area-inset-bottom) - 4px) ;--mbar-chrome: hsl(from #F7F6F3 h s calc(l*1.01) );--mbar-stroke: #C2C1BF;--mbar-shadow: 0 4px 12px rgba(0, 0, 0, .1);--mbar-side: 56px}.footer,.footer.keyboard-open,.footer.search-open{background:transparent;border-top:none;box-shadow:none;padding:0 0 var(--mbar-bottom);display:flex;flex-direction:column;pointer-events:none;overflow:visible}.footer.has-scroll{box-shadow:none}.page{margin-bottom:calc(-1 * (var(--mbar-h) + var(--mbar-bottom)));-webkit-mask-image:linear-gradient(to bottom,black 0px,black calc(100% - var(--mbar-h) - var(--mbar-bottom) - 8px - var(--fade-lift, 0px)),transparent calc(100% - var(--mbar-bottom) - var(--mbar-h) / 2 + 16px - var(--fade-lift, 0px)));mask-image:linear-gradient(to bottom,black 0px,black calc(100% - var(--mbar-h) - var(--mbar-bottom) - 8px - var(--fade-lift, 0px)),transparent calc(100% - var(--mbar-bottom) - var(--mbar-h) / 2 + 16px - var(--fade-lift, 0px)))}.page.scrolled{-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 32px,black calc(100% - var(--mbar-h) - var(--mbar-bottom) - 8px - var(--fade-lift, 0px)),transparent calc(100% - var(--mbar-bottom) - var(--mbar-h) / 2 + 16px - var(--fade-lift, 0px)));mask-image:linear-gradient(to bottom,transparent 0px,black 32px,black calc(100% - var(--mbar-h) - var(--mbar-bottom) - 8px - var(--fade-lift, 0px)),transparent calc(100% - var(--mbar-bottom) - var(--mbar-h) / 2 + 16px - var(--fade-lift, 0px)))}.phone.toast-open .page{--fade-lift: calc(var(--mbar-h) / 2 + 16px + var(--add-toast-h) / 2)}.phone.toast-open:after{height:calc(var(--mbar-h) + var(--mbar-bottom) + 8px + var(--mbar-h) / 2 + 16px + var(--add-toast-h) / 2)}.phone.save-panel-open .page{margin-bottom:0}.cards-area{padding-bottom:calc(var(--mbar-h) + var(--mbar-bottom) + 24px)}.page.page-exiting,.page.drag-incoming{margin-bottom:0}.footer .add-row,.footer .tab-area{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}.footer .add-row{padding:0 var(--mbar-side);margin-bottom:0;gap:8px;align-items:center;pointer-events:none;transition:padding .2s ease}.footer.category-mode .add-row{max-height:200px;opacity:1;overflow:visible;margin-bottom:0}.mbar-circle,.footer .add-row .link-input-stack{background:var(--mbar-chrome);border:1px solid var(--mbar-stroke);box-shadow:var(--mbar-shadow);pointer-events:auto}.mbar-gallery-wrap{position:relative;flex:0 0 auto;pointer-events:auto;transition:flex-basis .2s ease,width .2s ease,margin .2s ease}.mbar-circle{display:flex;-webkit-touch-callout:none;align-items:center;justify-content:center;width:var(--mbar-h);height:var(--mbar-h);flex:0 0 var(--mbar-h);padding:0;border-radius:50%;cursor:pointer;transition:opacity .15s ease,flex-basis .2s ease,width .2s ease,margin .2s ease}.mbar-circle svg{flex-shrink:0}.mbar-circle,.footer .add-row .link-input-stack{position:relative}@media (hover: hover){.mbar-circle:after,.footer .add-row .link-input-stack:not(.search-stack):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#0000000a;opacity:0;transition:opacity .12s ease;pointer-events:none}.mbar-circle:hover:after,.footer .add-row .link-input-stack:not(.search-stack):hover:after{opacity:1}.mbar-circle.mbar-gallery:hover{background-image:linear-gradient(#0000000a,#0000000a)}.footer.keyboard-open .add-row .link-input-stack:after{opacity:0}}.footer .add-row .link-input-stack{height:var(--mbar-h);border-radius:calc(var(--mbar-h) / 2);flex-direction:row;align-items:center;overflow:visible;position:relative;transition:border-radius .2s ease,height .2s ease}.footer .add-row .link-input-stack:focus-within{box-shadow:var(--mbar-shadow)}.footer .add-row .link-input-stack>.add-input{height:var(--mbar-h);flex:1 1 0%;width:auto;min-width:0;padding:0 52px 0 16px;background:transparent;border:none;box-shadow:none}.footer:not(.keyboard-open) .add-row .add-input::placeholder{opacity:0}.footer .add-row .link-input-stack>.add-link-url-wrap{display:none}.footer .add-row .link-input-stack>.add-link-url-wrap.open{display:block}.footer .add-row .link-input-stack:has(>.add-link-url-wrap.open){flex-direction:column;align-items:stretch;height:auto;border-radius:12px}.footer .add-row .link-input-stack:has(>.add-link-url-wrap.open)>.add-input{width:100%;flex:0 0 var(--mbar-h)}.footer .add-row .link-input-stack>.add-link-url-wrap.open{width:100%;flex:0 0 auto}.mbar-placeholder{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;gap:4px;pointer-events:none;opacity:1;transition:opacity .12s ease}.mbar-placeholder-label{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#b5b4b2}.footer.keyboard-open .mbar-placeholder{opacity:0}.send-btn{top:8px;right:8px;height:32px;width:32px}.footer .tab-area{height:0;padding:0;overflow:hidden;pointer-events:none;transition:height .15s ease}.footer .input-toolbar{position:static;height:var(--mbar-h);box-sizing:border-box;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0 8px;pointer-events:auto;transform:translateY(8px)}.footer .input-toolbar.faded-in{transform:translateY(0)}.footer.category-mode .input-toolbar{display:none!important}.footer.keyboard-open{margin:0 8px 16px;padding:0;background:var(--mbar-chrome);border:1px solid var(--mbar-stroke);border-radius:16px;box-shadow:var(--mbar-shadow);overflow:hidden;pointer-events:auto}.footer.keyboard-open .mbar-circle,.footer.keyboard-open .mbar-gallery-wrap,.footer.search-open .mbar-circle,.footer.search-open .mbar-gallery-wrap,.footer.easel-open .mbar-circle,.footer.easel-open .mbar-gallery-wrap{opacity:0;flex-basis:0;width:0;margin:0 -4px;pointer-events:none;overflow:hidden}.footer.keyboard-open .tab-area{height:var(--mbar-h);border-top:1px solid #DBDAD8}.footer.keyboard-open .add-row{padding:0}.footer.search-open .add-row{padding:0 8px}.footer.search-open{padding-bottom:16px}.footer.keyboard-open .add-row .link-input-stack,.footer.keyboard-open .add-row .link-input-stack:focus-within{background:transparent;border:none;border-radius:0;box-shadow:none}.footer .tab-bar{display:none}}@media (max-width: 999.98px){.card-context-menu.mbar-page-menu{border-radius:16px;top:auto;bottom:calc(100% + 8px);left:-8px;right:auto;transform:translateY(8px);width:calc(100vw - 2 * var(--mbar-side) + 16px);min-width:0;max-height:calc(var(--ivh, 100dvh) - var(--mbar-h) - var(--mbar-bottom) - 8px - 24px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.card-context-menu.mbar-page-menu .card-context-item{font-weight:500;padding-right:16px;height:52px}.card-context-menu.mbar-page-menu .card-context-item>svg{position:relative;top:2px}.mbar-page-menu-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.mbar-page-menu-list>div+div{position:relative}.mbar-page-menu-list>div+div:before{content:"";position:absolute;top:0;left:44px;right:0;height:1px;background:#dbdad8}.mbar-page-menu-list+.card-context-item{border-top:1px solid #DBDAD8}.mbar-page-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.mbar-page-menu-title{font-family:Merriweather,Georgia,serif;font-size:18px;font-weight:500;color:#242424;margin:0;padding:0}.save-to-cancel.mbar-page-menu-close{color:#242424}.card-context-menu.mbar-page-menu .mbar-page-menu-new{display:flex;align-items:center;gap:8px;cursor:default;box-sizing:border-box}.card-context-menu.mbar-page-menu::-webkit-scrollbar{display:none}.card-context-menu.mbar-page-menu.open{transform:translateY(0)}.phone.page-menu-open .page{opacity:.2}.mbar-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent;pointer-events:auto}.phone.page-menu-open .mbar-gallery-wrap{z-index:6}.phone.page-menu-open .add-row .link-input-stack:not(.easel-stack),.phone.page-menu-open .add-row .mbar-search{display:none!important}.phone.page-menu-open .mbar-easel-wrap{z-index:6}.phone.page-menu-open .mbar-circle.mbar-gallery{background-image:linear-gradient(#0000000a,#0000000a)}}.settings-sheet{display:none}@media (hover: hover){.home-settings-btn:hover:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:4px;background:#0000000a;z-index:0}.tab-bar .icon-tab:hover:not(.selected),.tab-bar .text-tab:hover:not(.selected){background:#00000005;border-radius:999px}}.home-settings-btn>*{position:relative;z-index:1}.home-settings-btn{display:none;position:absolute;right:16px;top:44px;width:36px;height:36px;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;z-index:2}.settings-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-header-row .active-title{margin-bottom:0}.settings-close-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;z-index:2}@media (max-width: 999.98px){.home-settings-btn{display:flex}.settings-sheet{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:linear-gradient(160deg,hsl(from #F2F0EB h calc(s*.86) calc(l*1.08) / .5),10%,hsl(from #F2F0EB h calc(s*1.62) l / .5));background-color:#fff;transform:translateY(100%);transition:transform .35s ease;display:flex;flex-direction:column}.settings-sheet.open{transform:translateY(0)}.settings-sheet .page{margin-bottom:0;-webkit-mask-image:none;mask-image:none}}@media (max-width: 999.98px){.footer .add-row .search-stack{position:absolute;left:0;bottom:0;width:1px;height:1px;min-width:0;opacity:0;pointer-events:none;overflow:hidden;border:none;box-shadow:none;background:transparent}.footer .add-row .search-stack.open{position:relative;left:auto;bottom:auto;width:auto;height:var(--mbar-h);flex:1 1 auto;opacity:1;pointer-events:auto;overflow:visible;background:#faf9f7;border:1px solid var(--mbar-stroke);box-shadow:var(--mbar-shadow)}.search-stack-icon{display:flex;align-items:center;padding-left:14px;flex:0 0 auto;pointer-events:none}.footer .add-row .search-stack>.search-input{padding-left:6px}}.search-result-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-family:Open Sans,system-ui,sans-serif}.search-result-row:active{background:#0000000a}@media (hover: hover){.search-result-row:hover{background:#00000005}}.search-result-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.search-result-text{display:flex;flex-direction:column;min-width:0;gap:2px}.search-result-title{font-size:16px;font-weight:500;color:#242424;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{font-size:13px;font-weight:400;color:#8a8987;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 999.98px){.link-input-stack.add-hidden{display:none!important}}@keyframes search-flash{0%{background:transparent}25%{background:rgba(var(--accent-base-rgb),.2)}70%{background:rgba(var(--accent-base-rgb),.2)}to{background:transparent}}.swipe-row.search-flash,.card.search-flash{animation:search-flash 1.3s ease}.search-hit{background:transparent;color:inherit;border-radius:2px;padding:0 1px}.search-archived-group{background:#00000005}.search-archived-label{font-family:Open Sans,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8a8987;padding:14px 16px 6px;border-top:1px solid #DBDAD8;margin-top:6px}.search-archived-group .search-result-title{color:#595959;opacity:.5;text-decoration:line-through}@keyframes mbar-glow-orbit{0%{--glow-x: 6px;--glow-y: 0px}25%{--glow-x: 0px;--glow-y: 8px}50%{--glow-x: -6px;--glow-y: 0px}75%{--glow-x: 0px;--glow-y: -8px}to{--glow-x: 6px;--glow-y: 0px}}@media (max-width: 999.98px){.mbar-circle.mbar-gallery{position:relative;--pulse-rest-bg: var(--mbar-chrome);--pulse-rest-shadow: var(--mbar-shadow);--pulse-rest-border: var(--mbar-stroke)}.mbar-circle.mbar-gallery:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset var(--glow-x) var(--glow-y) 14px var(--glow);opacity:0;transition:opacity .45s ease;pointer-events:none}.mbar-circle.mbar-gallery.pulse-spin:before{opacity:1;box-shadow:inset var(--glow-x) var(--glow-y) 14px var(--pulse-light, #E4EEF4);animation:mbar-glow-orbit 555ms linear infinite,gallery-pulse-fade 694ms linear forwards}.mbar-circle.mbar-gallery:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;padding:1.5px;background:linear-gradient(var(--cb-stroke-angle),hsl(from var(--glow-base) h s calc(l*1.53) / .6),hsl(from var(--glow-base) h s calc(l*.576 - 4) / .6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .45s ease;pointer-events:none}.mbar-circle.mbar-gallery.pulse-spin:after{opacity:1;background:linear-gradient(var(--cb-stroke-angle),hsl(from var(--pulse-base, #78A4C2) h s calc(l*1.53) / .6),hsl(from var(--pulse-base, #78A4C2) h s calc(l*.576 - 4) / .6));animation:cb-stroke-orbit 555ms linear infinite,gallery-pulse-fade 694ms linear forwards}.mbar-circle.mbar-gallery svg{position:relative;z-index:1}}@media (max-width: 999.98px){.search-close-btn{flex:0 0 auto;width:32px;height:32px;margin-right:8px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.search-close-btn:active{background:#0000000f}.footer .add-row .search-stack:not(.open) .search-close-btn{display:none}}.page.drag-incoming .card-intro,.page.page-entering .card-intro,.page.page-exiting .card-intro,.page.tab-drag-to .card-intro,.page.tab-drag-from .card-intro{opacity:1;transform:none;transition:none}.page.drag-incoming .card,.page.drag-incoming .card *,.page.tab-drag-to .card,.page.tab-drag-to .card *,.page.tab-drag-from .card,.page.tab-drag-from .card *,.page.page-entering .card,.page.page-entering .card *,.page.page-exiting .card,.page.page-exiting .card *{transition:none!important;animation:none!important}@media (min-width: 1000px){.phone{--mbar-h: 44px;--mbar-chrome: hsl(from #F7F6F3 h s calc(l*1.01) );--mbar-stroke: #C2C1BF;--mbar-shadow: 0 4px 12px rgba(0, 0, 0, .1)}.footer .add-row{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;max-width:none;margin-left:0;margin-right:0;padding:0;box-sizing:border-box}.footer .add-row .mbar-circle,.footer .add-row .link-input-stack{position:relative}@media (hover: hover){.footer .add-row .mbar-circle:after,.footer .add-row .link-input-stack:not(.search-stack):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#00000005;opacity:0;transition:opacity .12s ease;pointer-events:none}.footer .add-row .mbar-circle:hover:after,.footer .add-row .link-input-stack:not(.search-stack):hover:after{opacity:1}.footer.keyboard-open .add-row .link-input-stack:hover:after{opacity:0}}.footer .add-row .mbar-gallery-wrap{display:none}.footer .add-row .link-input-stack{flex:1 1 auto;min-width:0;position:relative;height:var(--mbar-h);flex-direction:row;align-items:center;border-radius:calc(var(--mbar-h) / 2);background:var(--mbar-chrome);border:1px solid var(--mbar-stroke);box-shadow:var(--mbar-shadow);overflow:visible}.footer .add-row .link-input-stack>.add-input{height:var(--mbar-h);flex:1 1 0%;width:auto;min-width:0;padding:0 60px 0 16px;background:transparent;border:none;box-shadow:none}.footer:not(.keyboard-open) .add-row .add-input::placeholder{opacity:0}.footer .add-row .link-input-stack>.add-link-url-wrap{display:none}.footer .add-row .link-input-stack>.add-link-url-wrap.open{display:block}.footer .add-row .link-input-stack:has(>.add-link-url-wrap.open){flex-direction:column;align-items:stretch;height:auto;border-radius:12px}.footer .add-row .link-input-stack:has(>.add-link-url-wrap.open)>.add-input{width:100%;flex:0 0 var(--mbar-h)}.footer .add-row .link-input-stack>.add-link-url-wrap.open{width:100%;flex:0 0 auto}.mbar-placeholder{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:flex-start;gap:4px;padding-left:16px;pointer-events:none;opacity:1;transition:opacity .12s ease}.mbar-placeholder-label{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#b5b4b2}.footer.keyboard-open .mbar-placeholder{opacity:0}.send-btn{top:6px;right:16px;height:32px;width:32px}.footer .add-row .mbar-search{display:flex;align-items:center;justify-content:center;flex:0 0 var(--mbar-h);width:var(--mbar-h);height:var(--mbar-h);padding:0;border-radius:50%;background:var(--mbar-chrome);border:1px solid var(--mbar-stroke);box-shadow:var(--mbar-shadow);cursor:pointer;transition:opacity .16s ease .13s,margin .22s ease}.footer.keyboard-open .add-row .mbar-search{opacity:0;margin-right:calc(-1 * (var(--mbar-h) + 8px));pointer-events:none;transition:opacity .14s ease,margin .22s ease}.footer.search-open .add-row .mbar-search{opacity:0;pointer-events:none;transition:opacity .14s ease}.footer .add-row{position:relative}.footer .add-row .search-stack{position:absolute;top:0;right:0;z-index:2;width:var(--mbar-h);height:var(--mbar-h);min-width:0;display:flex;align-items:center;box-sizing:border-box;border-radius:calc(var(--mbar-h) / 2);background:#faf9f7;border:1px solid var(--mbar-stroke);box-shadow:var(--mbar-shadow);opacity:0;pointer-events:none;overflow:hidden;transition:width .26s ease,opacity .14s ease .13s}.footer .add-row .search-stack.open{width:100%;opacity:1;pointer-events:auto;transition:width .26s ease,opacity .14s ease}.footer .add-row .link-input-stack:not(.search-stack){transition:opacity .18s ease,transform .26s ease}.footer .add-row .link-input-stack.add-hidden{opacity:0;transform:translate(-40px);pointer-events:none}.search-stack-icon{display:flex;align-items:center;padding-left:14px;flex:0 0 auto;pointer-events:none}.footer .add-row .search-stack>.search-input{padding-left:6px}.search-close-btn{flex:0 0 auto;width:32px;height:32px;margin-right:8px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.footer .add-row .search-stack:not(.open) .search-close-btn{display:none}@keyframes gallery-orbit-slow-vert{0%{--glow-x: 6px;--glow-y: 0px}3.571%{--glow-x: 4.24px;--glow-y: 5.66px}25%{--glow-x: 0px;--glow-y: 8px}46.43%{--glow-x: -4.24px;--glow-y: 5.66px}50%{--glow-x: -6px;--glow-y: 0px}53.57%{--glow-x: -4.24px;--glow-y: -5.66px}75%{--glow-x: 0px;--glow-y: -8px}96.43%{--glow-x: 4.24px;--glow-y: -5.66px}to{--glow-x: 6px;--glow-y: 0px}}@keyframes gallery-stroke-slow-vert{0%{--cb-stroke-angle: 270deg}3.571%{--cb-stroke-angle: 315deg}25%{--cb-stroke-angle: 360deg}46.43%{--cb-stroke-angle: 405deg}50%{--cb-stroke-angle: 450deg}53.57%{--cb-stroke-angle: 495deg}75%{--cb-stroke-angle: 540deg}96.43%{--cb-stroke-angle: 585deg}to{--cb-stroke-angle: 630deg}}.tab-bar.star-active .tab-home.selected svg .museum{stroke:#242424;opacity:1}.tab-bar.star-active .tab-indicator{opacity:0}.tab-bar.star-active .tab-home.selected{background:#faf9f7;border:1px solid rgba(194,193,191,.6);border-radius:999px}.tab-bar .tab-home:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(var(--cb-stroke-angle),hsl(from var(--glow-base) h s calc(l*1.53) / .6),hsl(from var(--glow-base) h s calc(l*.576 - 4) / .6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .3s ease}.tab-bar .tab-home.pulse-spin:before{opacity:.6;background:linear-gradient(var(--cb-stroke-angle),hsl(from var(--pulse-base, #78A4C2) h s calc(l*1.53) / .6),hsl(from var(--pulse-base, #78A4C2) h s calc(l*.576 - 4) / .6));animation:cb-stroke-orbit 555ms linear infinite,gallery-pulse-fade 694ms linear forwards}.tab-bar .tab-home{--pulse-rest-bg: transparent;--pulse-rest-shadow: none;--pulse-rest-border: transparent;--pulse-mid-bg: #FAF9F7;--pulse-mid-border: rgba(194, 193, 191, .6)}.tab-bar .tab-home .tab-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:0}.tab-bar .tab-home.pulse-spin .tab-glow{opacity:1;box-shadow:inset var(--glow-x) var(--glow-y) 14px var(--pulse-light, #E4EEF4);animation:mbar-glow-orbit 555ms linear infinite,gallery-pulse-fade 694ms linear forwards}.tab-bar.star-active .tab-home.selected svg,.tab-bar.star-active .tab-home.selected:after{position:relative;z-index:1}.search-panel.visible{top:251px}.search-panel .save-to-card{flex:1}}@media (max-width: 999.98px){.page-header{padding-top:calc(env(safe-area-inset-top) + 24px)}.category-page .page-header{padding-top:calc(env(safe-area-inset-top) + 32px)}}@media (max-width: 999.98px){.phone:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--mbar-h) + var(--mbar-bottom) + 8px);z-index:2;pointer-events:auto;background:transparent}.phone.save-panel-open:after,.phone.search-panel-open:after{display:none}}.footer:not(.keyboard-open) .add-row .link-input-stack>.add-input{pointer-events:none}@keyframes gallery-pulse-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes gallery-pulse-surface{0%{background:var(--pulse-rest-bg, transparent);box-shadow:var(--pulse-rest-shadow, none)}17.4%{background:var(--pulse-mid-bg, var(--pulse-rest-bg, transparent));box-shadow:var(--pulse-rest-shadow, none)}45.8%{background:var(--pulse-mid-bg, var(--pulse-rest-bg, transparent));box-shadow:inset 0 0 14px var(--pulse-light, #E4EEF4),var(--pulse-rest-shadow, 0 0 0 transparent)}56.2%{background:var(--pulse-mid-bg, var(--pulse-rest-bg, transparent));box-shadow:inset 0 0 14px var(--pulse-light, #E4EEF4),var(--pulse-rest-shadow, 0 0 0 transparent)}77.9%{background:var(--pulse-light, #E4EEF4);box-shadow:inset 0 0 14px var(--pulse-light, #E4EEF4),0 4px 24px rgba(var(--pulse-base-rgb, 120,164,194),.6)}to{background:var(--pulse-rest-bg, transparent);box-shadow:var(--pulse-rest-shadow, none)}}@keyframes gallery-pulse-border{0%{border-color:var(--pulse-rest-border, transparent);border-width:1px}17.4%,21.7%{border-color:var(--pulse-mid-border, var(--pulse-rest-border, transparent));border-width:1px}45.8%,77.9%{border-color:var(--pulse-dark, #43535E);border-width:1.5px}to{border-color:var(--pulse-rest-border, transparent);border-width:1px}}@keyframes gallery-flash-ink{0%{stroke:#242424;stroke-width:1}50%{stroke:var(--pulse-dark, #43535E);stroke-width:1.5}to{stroke:#242424;stroke-width:1}}@keyframes gallery-flash-label{0%{color:#333}50%{color:var(--pulse-dark, #43535E)}to{color:#333}}.mbar-circle.mbar-gallery.pulse-active,.tab-bar .tab-home.pulse-active{animation:gallery-pulse-surface 2304ms ease,gallery-pulse-border 2304ms ease}.mbar-circle.mbar-gallery.pulse-flash svg line,.mbar-circle.mbar-gallery.pulse-flash svg polyline,.mbar-circle.mbar-gallery.pulse-flash svg rect,.tab-bar .tab-home.pulse-flash svg .museum{animation:gallery-flash-ink 1s ease}.tab-bar .tab-home.pulse-flash:after{animation:gallery-flash-label 1s ease}#animation-portal-under{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.kb-keeper{position:absolute;bottom:0;left:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none;z-index:-1}.settings-archived-group{background:#00000005;border-top:1px solid #DBDAD8;margin-top:6px}.settings-archived-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.settings-archived-label{font-family:Open Sans,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8a8987}.settings-archived-toggle{background:none;border:none;padding:0;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--accent-dark)}.settings-archived-row{display:flex;align-items:center;justify-content:space-between;height:52px;padding-left:16px;padding-right:0}.settings-archived-name{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#595959;opacity:.7}.save-to-empty.search-empty{font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#7a7a7a;padding:14px 16px}.footer .add-row .link-input-stack .add-input-divider{margin-left:16px}.footer .add-row .link-input-stack .link-url-input{padding-left:16px}.add-input.cc-token{background:transparent}.cc-overlay{position:absolute;left:7px;right:16px;top:0;bottom:0;display:flex;align-items:center;pointer-events:none;overflow:hidden}.cc-overlay-text{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1;border-radius:2px;padding:6px 5px;white-space:pre}.cc-option-text{display:flex;flex-direction:column;min-width:0}.cc-option-name{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-option-page{margin-top:2px;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#7a7a7a;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 999.98px) and (hover: hover) and (pointer: fine){.phone{--mbar-bottom: calc(env(safe-area-inset-bottom) + 20px) }}.detail-resize-handle{display:none}@media (min-width: 1000px){.phone:has(.note-detail-page.open) .detail-resize-handle{display:block;position:fixed;top:0;bottom:0;right:var(--detail-w);width:8px;margin-right:-4px;z-index:60;cursor:ew-resize}}body.resizing-detail{cursor:ew-resize;-webkit-user-select:none;user-select:none}body.resizing-detail .note-detail-page,body.resizing-detail .page,body.resizing-detail .cards-area,body.resizing-detail .category-page .page-header,body.resizing-detail .phone{transition:none!important}:root{--add-toast-h: 60px}.add-toast{position:absolute;bottom:calc(100% + 16px);left:16px;right:16px;z-index:60;display:flex;align-items:center;min-height:var(--add-toast-h);box-sizing:border-box;padding:8px 20px 8px 8px;text-align:left;border:1px solid transparent;background:linear-gradient(hsl(from #F7F6F3 h s calc(l*1.01)),hsl(from #F7F6F3 h s calc(l*1.01))) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--accent-dark) h s calc(l*1.5) / .6),hsl(from var(--accent-dark) h s calc(l*.6) / .6)) border-box;border-radius:8px;box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 10px 12px 12px hsl(from var(--accent-light) h calc(s*1.1) l);cursor:pointer;pointer-events:auto;animation:add-toast-in .2s ease,mc-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.add-toast.leaving{animation:add-toast-out .2s ease forwards}.add-toast:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:color-mix(in srgb,var(--accent-light) 50%,transparent);opacity:0;transition:opacity .12s ease;pointer-events:none}.add-toast-icon,.add-toast-text,.add-toast-arrow{position:relative;z-index:1}@media (hover: hover){.add-toast:hover:after{opacity:1}}.add-toast-icon{width:16px;height:16px;flex-shrink:0;padding:0 4px;margin-right:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-dark)}.add-toast-text{flex:1;min-width:0;display:flex;flex-direction:column}.add-toast-title{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.4;color:var(--accent-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-toast-canvas{font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:var(--accent-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-toast-arrow{flex-shrink:0;margin-left:12px}@keyframes add-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes add-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (min-width: 1000px){.phone{--cards-max: 796px;--col-avail: calc(100vw - 340px - var(--gutter))}.phone:has(.note-detail-page.open){--cards-max: 880px;--col-avail: calc(100vw - 340px - var(--gutter) - var(--detail-w))}.add-toast{position:fixed;bottom:24px;left:calc(340px + var(--gutter) + 28px + 16px);right:auto;width:calc(min(var(--cards-max),var(--col-avail)) - 108px)}.phone.toast-open .page{-webkit-mask-image:linear-gradient(to bottom,black 0px,black calc(100% - 24px - var(--add-toast-h) - 8px),transparent calc(100% - 24px - var(--add-toast-h) / 2));mask-image:linear-gradient(to bottom,black 0px,black calc(100% - 24px - var(--add-toast-h) - 8px),transparent calc(100% - 24px - var(--add-toast-h) / 2))}}@media (max-width: 999.98px){.footer .add-row .mbar-easel-wrap{position:absolute;left:0;bottom:0;width:1px;height:1px;min-width:0;overflow:hidden;pointer-events:none}.footer .add-row .mbar-easel-wrap.open{position:relative;left:auto;bottom:auto;width:auto;height:var(--mbar-h);flex:1 1 auto;min-width:0;overflow:visible;pointer-events:auto}.footer .add-row .easel-stack{width:100%;height:100%;min-width:0;opacity:0;pointer-events:none;border:none;box-shadow:none;background:transparent}.footer .add-row .mbar-easel-wrap.open .easel-stack{opacity:1;pointer-events:auto;background:#faf9f7;border:1px solid var(--mbar-stroke);box-shadow:var(--mbar-shadow);cursor:text}.footer .add-row .easel-stack>.easel-input{padding-left:16px;padding-right:16px}.footer .add-row .easel-stack.active>.easel-input{padding-right:76px}.footer .add-row .easel-stack .easel-cancel-btn,.footer .add-row .easel-stack .easel-close-btn,.footer .add-row .easel-stack .easel-send-btn{position:absolute;top:50%;transform:translateY(-50%);margin:0}.footer .add-row .easel-stack .easel-cancel-btn,.footer .add-row .easel-stack .easel-close-btn{right:8px}.footer .add-row .easel-stack:has(.easel-send-btn) .easel-cancel-btn{right:44px}.footer .add-row .easel-stack .easel-send-btn{right:8px}}@media (min-width: 1000px){.footer .add-row .mbar-easel-wrap{display:none}}.card{background:hsl(from #F7F6F3 h s calc(l*1.01));border:1px solid #C2C1BF;border-radius:16px;margin-bottom:10px;overflow:hidden;box-shadow:none;padding-bottom:4px}.card:has(.card-context-menu.open){overflow:visible}.card:has(>div:empty:last-child){padding-bottom:0}.card:has(>div:empty:last-child) .card-header{padding-bottom:12px}.cards-area .card:has(.card-context-menu.open){position:relative;z-index:40}.cards-area .card{box-shadow:0 6px 24px rgba(0,0,0,var(--card-scroll-shadow, .04))}@media (max-width: 480px){#page-star .cards-area .card,.home-page .cards-area .card{box-shadow:0 6px 24px rgba(0,0,0,calc(var(--card-scroll-shadow, .04) + .04))}}@media (hover: hover){.card:has(>.card-header:hover){background-image:linear-gradient(#00000003,#00000003)}.card:has(>.card-header .project-add-btn:hover),.card:has(>.card-header .dots-menu-btn:hover){background-image:none}}.card-header{display:flex;align-items:center;padding:14px 4px 8px 18px;gap:10px}.card-title-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.card-title-row{display:flex;align-items:center;min-width:0}.card-source-label{align-self:flex-start;margin-top:4px}.card-pin-icon{flex-shrink:0;margin-right:15px;display:block}.project-card>.card-header:has(.card-pin-icon){padding-left:19px}.card-title{font-family:Merriweather,Georgia,serif;font-size:18px;color:#242424;font-weight:500;flex:1}.dots-menu{display:flex;flex-direction:column;gap:3px;cursor:pointer;padding:2px 4px}.dots-menu span{width:4px;height:4px;border-radius:50%;background:#3d3d3d;display:block}.dots-menu-wrap{position:relative;flex-shrink:0}.card-context-menu{position:absolute;top:calc(100% + 6px);right:0;background:hsl(from #F7F6F3 h s calc(l*1.01));border:1px solid #C2C1BF;border-radius:8px;box-shadow:0 4px 20px #0000001f;width:max-content;min-width:180px;z-index:100;overflow:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.card-context-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.card-context-item{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:0 40px 0 16px;white-space:nowrap;text-align:left;background:none;border:none;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;color:#242424;cursor:pointer}.card-context-item+.card-context-item{border-top:1px solid #DBDAD8}.card-context-item svg{flex-shrink:0}@media (hover: hover){.card-context-item:hover{background:#00000005}.card-context-item.danger:hover{background:#b24a4a0a}}.card-context-item.danger{color:#b24a4a}.card-context-item:active{background:#0000000a}.swipe-row.row-lifted{position:relative;z-index:120;background:#f7f6f3;border:1px solid #C2C1BF;border-radius:8px;box-shadow:0 8px 24px #0000002e}.card:has(.swipe-row.row-lifted){overflow:visible}.cards-area .card:has(.swipe-row.row-lifted){position:relative;z-index:40}.row-action-menu{top:auto;right:auto;left:auto;z-index:121;transition:opacity .16s ease,transform .16s ease}.row-action-menu.smooth-top{transition:opacity .16s ease,transform .16s ease,top .3s ease}@keyframes row-menu-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.row-action-menu.menu-above{transform:translateY(16px)}.row-action-menu.menu-above.open{transform:none;animation:row-menu-rise .16s ease both}.row-action-menu.cursor-anchored{transition:opacity .16s ease,transform .16s ease}.row-action-menu.side-anchored{transition:opacity .12s ease,transform .12s ease}.row-action-menu.from-left{transform:translate(-16px)}.row-action-menu.from-right{transform:translate(16px)}.row-action-menu.from-top{transform:translateY(-16px)}.row-action-menu.from-left.open,.row-action-menu.from-right.open,.row-action-menu.from-top.open{transform:none}.swipe-row.row-context-held .swipe-content:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#00000005;border-radius:0;z-index:-1;pointer-events:none}.row-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:119;background:transparent}.card-rename-wrap{flex:1;min-width:0}.card-rename-wrap .project-input-wrap{margin:0;border:none;background:transparent;box-shadow:none}.card-rename-wrap .project-input{padding-left:0;font-family:Merriweather,Georgia,serif;font-size:20px;font-weight:500;color:#242424}.card-header:has(.card-rename-wrap) .project-header-actions{display:none}.todo-row{display:flex;align-items:flex-start;padding:10px 20px;min-height:unset;cursor:default;transition:background .15s}.todo-row.checked .item-text,.todo-row.checked .source-label{opacity:.5}.divider{height:1px;background:#dbdad8;margin:0 20px 0 56px}.checkbox-wrap{width:20px;height:20px;flex-shrink:0;margin-right:16px;margin-top:1px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.todo-row .checkbox-wrap,.note-row .checkbox-wrap{align-self:center;margin-top:0}.checkbox-wrap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px}@keyframes row-flash-check{0%{background:transparent}25%{background:rgba(var(--accent-base-rgb),.15)}to{background:transparent}}@keyframes checkbox-bounce-in{0%{transform:scale(1)}18%{transform:scale(.72)}52%{transform:scale(1.18)}78%{transform:scale(.94)}to{transform:scale(1)}}@keyframes checkbox-bounce-out{0%{transform:scale(1)}30%{transform:scale(1.14)}to{transform:scale(1)}}.checkbox{width:18px;height:18px;border-radius:4px;border:1px solid #B8B8B8;background:#faf9f7;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:background .15s ease,border-color .15s ease;transform-origin:center}.checkbox.animating-check{animation:checkbox-bounce-in .32s ease forwards}.checkbox.animating-uncheck{animation:checkbox-bounce-out .2s ease forwards}.checkbox.checked{background:var(--accent-base);border-color:transparent;box-shadow:none}.checkmark{opacity:0;transition:opacity 80ms ease 60ms;display:block}.checkbox.checked .checkmark{opacity:1}@property --cb-stroke-angle{syntax: "<angle>"; inherits: false; initial-value: 270deg;}.checkbox.activated-checkbox{border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--cb-dark, var(--accent-dark)) h s calc(l*1.53) / .6),hsl(from var(--cb-dark, var(--accent-dark)) h s calc(l*.576 - 4) / .6)) border-box;box-shadow:0 4px 4px color-mix(in srgb,hsl(from var(--cb-base, var(--accent-base)) h calc(s*1.02) calc(l*.98)) 24%,transparent),inset 2px 6px 6px hsl(from var(--cb-light, var(--accent-light)) h calc(s*1.08) calc(l*.96));animation:cb-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite;animation-delay:var(--cb-delay, 0s),var(--cb-delay, 0s);animation-direction:var(--cb-dir, normal),var(--cb-dir, normal)}@keyframes cb-stroke-orbit{0%{--cb-stroke-angle: 270deg}to{--cb-stroke-angle: 630deg}}@keyframes cb-inner-orbit{0%{box-shadow:0 4px 4px color-mix(in srgb,hsl(from var(--cb-base, var(--accent-base)) h calc(s*1.02) calc(l*.98)) 24%,transparent),inset 2px 0 6px hsl(from var(--cb-light, var(--accent-light)) h calc(s*1.08) calc(l*.96))}25%{box-shadow:0 4px 4px color-mix(in srgb,hsl(from var(--cb-base, var(--accent-base)) h calc(s*1.02) calc(l*.98)) 24%,transparent),inset 0 6px 6px hsl(from var(--cb-light, var(--accent-light)) h calc(s*1.08) calc(l*.96))}50%{box-shadow:0 4px 4px color-mix(in srgb,hsl(from var(--cb-base, var(--accent-base)) h calc(s*1.02) calc(l*.98)) 24%,transparent),inset -2px 0 6px hsl(from var(--cb-light, var(--accent-light)) h calc(s*1.08) calc(l*.96))}75%{box-shadow:0 4px 4px color-mix(in srgb,hsl(from var(--cb-base, var(--accent-base)) h calc(s*1.02) calc(l*.98)) 24%,transparent),inset 0 -6px 6px hsl(from var(--cb-light, var(--accent-light)) h calc(s*1.08) calc(l*.96))}to{box-shadow:0 4px 4px color-mix(in srgb,hsl(from var(--cb-base, var(--accent-base)) h calc(s*1.02) calc(l*.98)) 24%,transparent),inset 2px 0 6px hsl(from var(--cb-light, var(--accent-light)) h calc(s*1.08) calc(l*.96))}}.checkbox.activated-checkbox.checked,.checkbox.activated-checkbox.animating-check{background:var(--cb-base, var(--accent-base));border-color:transparent;box-shadow:none;animation:none}.checkbox,.mark-complete-btn{position:relative}.checkbox:after,.send-btn:after,.project-send-btn:after,.mark-complete-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .12s ease;pointer-events:none}.checkbox.activated-checkbox:after{background:rgba(var(--cb-base-rgb, var(--accent-base-rgb)),.24)}.send-btn:after,.project-send-btn:after,.mark-complete-btn:after{background:rgba(var(--accent-base-rgb),.06)}.checkbox:not(.activated-checkbox):after{background:#0000000a}@media (hover: hover){.checkbox:hover:after,.send-btn.visible:hover:after,.project-send-btn.visible:hover:after,.mark-complete-btn:hover:after{opacity:1}.project-input-wrap:not(.focused):hover,.add-input:hover{background-image:linear-gradient(#00000005,#00000005)}}.item-text{display:block;width:100%;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;line-height:1.4;word-wrap:break-word}.item-text.checked-text{text-decoration:line-through;color:#595959}.item-content{flex:1;min-width:0;display:flex;flex-direction:column}.source-label{display:flex;align-items:center;margin-top:2px}.source-label-text.canvas-link{position:relative;cursor:pointer}.source-label-text.canvas-link:before{content:"";position:absolute;top:-2px;bottom:0;left:-2px;right:-2px;border-radius:4px;background:color-mix(in srgb,var(--accent-light) 70%,transparent);opacity:0;z-index:-1}@media (hover: hover){.source-label-text.canvas-link:hover{color:var(--accent-dark)}.source-label-text.canvas-link:hover:before{opacity:1}.swipe-row:has(.canvas-link:hover) .swipe-content:before{opacity:0}}@media (hover: none){.source-label-text.canvas-link:after{content:"";position:absolute;top:-12px;bottom:-12px;left:-8px;right:-8px}}.source-label-text{font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#7a7a7a;margin-left:0}.swipe-row{position:relative;overflow:hidden}.swipe-action-btn{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;cursor:pointer;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease}@keyframes ob-inner-orbit{0%{box-shadow:0 6px 6px var(--ob-drop),inset 10px 0 12px var(--ob-light)}25%{box-shadow:0 6px 6px var(--ob-drop),inset 0 12px 12px var(--ob-light)}50%{box-shadow:0 6px 6px var(--ob-drop),inset -10px 0 12px var(--ob-light)}75%{box-shadow:0 6px 6px var(--ob-drop),inset 0 -12px 12px var(--ob-light)}to{box-shadow:0 6px 6px var(--ob-drop),inset 10px 0 12px var(--ob-light)}}.swipe-action-btn.delete{right:16px;width:64px;top:50%;bottom:auto;transform:translateY(-50%);height:auto;padding:0;align-items:center;justify-content:center}.swipe-action-btn .swipe-active-inner{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:4px}.swipe-action-btn.delete .swipe-active-inner{--ob-light: #F5DDDD;--ob-drop: color-mix(in srgb, #B24A4A 20%, transparent);--ob-stroke: #8B3333;border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--ob-stroke) h s calc(l*1.5) / .6),hsl(from var(--ob-stroke) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px var(--ob-drop),inset 6px 14px 12px var(--ob-light);color:#8b3333;animation:ob-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.swipe-action-btn.active-tag{left:16px;width:64px;top:50%;bottom:auto;transform:translateY(-50%);height:auto;padding:0;align-items:center;justify-content:center}.swipe-action-btn.active-tag .swipe-active-inner{--ob-light: #EBE8E1;--ob-drop: color-mix(in srgb, #595959 20%, transparent);--ob-stroke: #595959;border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--ob-stroke) h s calc(l*1.5) / .6),hsl(from var(--ob-stroke) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px var(--ob-drop),inset 6px 14px 12px var(--ob-light);color:#595959;animation:ob-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.swipe-action-btn.active-tag.activated .swipe-active-inner{--ob-light: var(--accent-light);--ob-drop: color-mix(in srgb, var(--accent-base) 20%, transparent);--ob-stroke: var(--accent-dark);border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--ob-stroke) h s calc(l*1.5) / .6),hsl(from var(--ob-stroke) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px var(--ob-drop),inset 6px 14px 12px var(--ob-light);color:var(--accent-dark);animation:ob-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.swipe-action-btn.archive{right:80px;width:64px;top:50%;bottom:auto;transform:translateY(-50%);height:auto;padding:0;align-items:center;justify-content:center}.swipe-action-btn.archive .swipe-active-inner{--ob-light: var(--accent-light);--ob-drop: color-mix(in srgb, var(--accent-base) 20%, transparent);--ob-stroke: var(--accent-dark);border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--ob-stroke) h s calc(l*1.5) / .6),hsl(from var(--ob-stroke) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px var(--ob-drop),inset 6px 14px 12px var(--ob-light);color:var(--accent-dark);animation:ob-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite;animation-delay:-1.25s,-1.25s}.link-outlink-btn{flex-shrink:0;width:32px;height:32px;margin-left:4px;padding:0;border:none;background:transparent;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (hover: hover){.link-outlink-btn:hover{background:#0000000a}}.link-preview-card{margin:28px 0 0;border:1px solid #C2C1BF;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;cursor:pointer;background:hsl(from #F7F6F3 h s calc(l*1.01))}.link-preview-image{height:384px;background:var(--accent-light);overflow:hidden}.link-preview-image img{width:100%;height:100%;object-fit:cover;display:block}.link-preview-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.5}.link-preview-divider{height:1px;background:#dbdad8}.link-preview-body{display:flex;flex-direction:column;padding:8px 16px;background:hsl(from #F7F6F3 h s calc(l*1.01))}.link-preview-title{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;line-height:1.4}.link-preview-url{margin-top:2px;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#7a7a7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swipe-action-label{display:none}.swipe-row.swiped-left .swipe-content{transform:translate(-84px);pointer-events:none}.swipe-row.swiped-right .swipe-content{transform:translate(84px);pointer-events:none}.swipe-row.swiped-left .swipe-action-btn.delete,.swipe-row.swiped-right .swipe-action-btn.active-tag{opacity:1;pointer-events:auto}.swipe-row.archivable.swiped-left .swipe-content{transform:translate(-148px);pointer-events:none}.swipe-row.archivable.swiped-left .swipe-action-btn.archive{opacity:1;pointer-events:auto}.note-row.archived .note-text,.note-row.archived .note-preview-text{color:#595959;opacity:.5}.item-comment-icon{display:inline-block;margin-left:-2px;vertical-align:baseline;position:relative;top:1.5px;flex-shrink:0}.checked-text .item-comment-icon{opacity:.5}.note-preview-text{color:#595959;opacity:.5}.note-row.archived .note-text{text-decoration:line-through}.note-row.archived .checkbox-wrap{opacity:.5}.card.project-card.archived{background:#f2f0eb;box-shadow:none}.card.project-card.archived .item-text,.card.project-card.archived .note-text{color:#7a7a7a}.card.project-card.archived .todo-row .checkbox,.note-detail-page.archived .mark-complete-btn{opacity:.6}.todo-composer.disabled,.project-active-btn.disabled{opacity:.5;pointer-events:none}.card-title.archived-title{color:#595959;opacity:.5;text-decoration:line-through}.detail-archived-label{margin-left:8px;font-family:Open Sans,system-ui,sans-serif;font-weight:600;font-size:16px;color:#595959;white-space:nowrap;flex-shrink:0}.archive-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:0 32px;background:#00000047;opacity:0;transition:opacity .16s ease}.archive-modal-backdrop.visible{opacity:1}.archive-modal{width:100%;max-width:300px;background:#f7f6f3;border:1px solid #C2C1BF;border-radius:12px;box-shadow:0 12px 40px #00000038;padding:20px;transform:scale(.94);transition:transform .16s ease}.archive-modal-backdrop.visible .archive-modal{transform:scale(1)}.archive-modal-title{margin:0 0 8px;font-family:Baskerville,Libre Baskerville,Georgia,serif;font-weight:600;font-size:20px;color:#242424}.archive-modal-body{margin:0 0 18px;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.45;color:#595959}.archive-modal-actions{display:flex;gap:10px}.archive-modal-btn{flex:1;height:40px;border-radius:8px;border:1px solid #C2C1BF;background:#f2f0eb;font-family:Open Sans,system-ui,sans-serif;font-size:15px;font-weight:600;color:#3d3d3d;cursor:pointer}.archive-modal-btn.primary{border-color:transparent;background:var(--accent-dark, #3F5999);color:#f7f6f3}.archive-modal-btn.danger{border-color:transparent;background:#b24a4a;color:#f7f6f3;display:flex;align-items:center;justify-content:center;gap:8px}.archive-modal-btn.danger svg{flex-shrink:0}.swipe-content{position:relative;z-index:1;transform:translate(0);transition:transform .2s ease}@media (hover: hover){.swipe-row:hover .swipe-content:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#00000005;border-radius:0;z-index:-1;pointer-events:none}.swipe-row:has(.checkbox-wrap:hover) .swipe-content:before,.todo-swipe-row:has(.checkbox-wrap:hover) .todo-swipe-content:before{background:transparent}}.hide-completed-btn{display:none;opacity:0;background:none;border:none;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;color:var(--accent-dark);padding:8px 0 0;margin-left:62px;margin-right:24px;margin-bottom:0;text-align:left;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease,padding .2s ease,margin-bottom .2s ease}.hide-completed-btn.visible{opacity:1;max-height:48px;margin-bottom:16px}.note-row{display:flex;align-items:flex-start;padding:10px 20px;min-height:64px;box-sizing:border-box}.note-row:not(:has(.note-preview-text)){align-items:center}.note-text{display:block;width:100%;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;line-height:1.4;word-wrap:break-word}.note-text.accent{color:#7069fe}.note-preview-text{font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#7a7a7a;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;line-height:1.4}.todo-row.dragging,.note-row.dragging{opacity:0;pointer-events:none}.todo-row.drag-over{background:rgba(var(--accent-base-rgb),.08)}.todo-row.flash-check{animation:row-flash-check .5s ease forwards}.card-intro{opacity:0;transform:translateY(16px);transition:opacity .2s ease,transform .2s ease}.card-intro.visible{opacity:1;transform:translateY(0)}.note-detail-page{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(160deg,hsl(from #F2F0EB h calc(s*.86) calc(l*1.08) / .5),10%,hsl(from #F2F0EB h calc(s*1.62) l / .5));background-color:#fff;border-radius:0;z-index:50;transform:translateY(100%);transition:transform .35s ease;display:flex;flex-direction:column;overflow:hidden;user-select:text;-webkit-user-select:text}.note-detail-page.open{transform:translateY(0)}@media (min-width: 1000px){.note-detail-page{left:auto;right:0;width:var(--detail-w);opacity:0;transform:translate(100%);transition:transform .35s ease,opacity .25s ease;background:#f7f6f3;border-left:1px solid #C2C1BF;box-shadow:-4px 0 24px #0000000a}.note-detail-page.open{opacity:1;transform:translate(0)}.detail-footer{padding-bottom:0}.swipe-row.row-open .swipe-content:before{content:"";position:absolute;top:0;bottom:0;left:10px;right:10px;background:#0000000a;border-radius:4px;z-index:-1;pointer-events:none}}.note-detail-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 16px) 24px 0}.note-scroll-title{flex:1;min-width:0;text-align:center;padding:0 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Merriweather,Georgia,serif;font-size:16px;font-weight:700;color:#3d3d3d;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.note-detail-done{position:relative;isolation:isolate;background:none;border:none;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:600;color:var(--accent-dark)}.note-detail-page.editing{background:linear-gradient(160deg,hsl(from #F2F0EB h calc(s*.86) calc(l*1.08) / .5),10%,hsl(from #F2F0EB h calc(s*1.62) l / .5));background-color:#fff}.note-detail-page.editing .note-editor{padding-bottom:calc(var(--kbh, 0px) + 128px);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,transparent 16px,black 32px,black 100%);mask-image:linear-gradient(to bottom,transparent 0px,transparent 16px,black 32px,black 100%)}.note-detail-page.editing .note-editor.has-overflow-below{-webkit-mask-image:linear-gradient(to bottom,transparent 0px,transparent 16px,black 32px,black calc(100% - calc(var(--kbh, 0px) + 124px)),transparent calc(100% - calc(var(--kbh, 0px) + 108px)));mask-image:linear-gradient(to bottom,transparent 0px,transparent 16px,black 32px,black calc(100% - calc(var(--kbh, 0px) + 124px)),transparent calc(100% - calc(var(--kbh, 0px) + 108px)))}.note-editor{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:28px;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,transparent 16px,black 32px,black 100%);mask-image:linear-gradient(to bottom,transparent 0px,transparent 16px,black 32px,black 100%)}.note-editor::-webkit-scrollbar{display:none}.note-style-bar{background:#f7f6f3;border:1px solid #DBDAD8;border-radius:999px;box-shadow:0 4px 20px #00000040;display:flex;align-items:center;justify-content:space-evenly;position:absolute;bottom:calc(20px + var(--kbh, 0px));left:16px;right:16px;height:56px;overflow:visible;padding:0;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.note-style-bar.visible{opacity:1;visibility:visible;pointer-events:auto}.note-style-indicator{position:absolute;top:50%;transform:translateY(-50%);height:40px;background:rgba(var(--accent-base-rgb),.2);border-radius:4px;pointer-events:none;transition:left .1s ease,width .1s ease;z-index:0}.note-style-btn{flex:none;height:40px;background:none;border:none;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#3d3d3d;position:relative;z-index:1;padding:0 2px;white-space:nowrap}.note-style-btn.active{color:var(--accent-dark)}.note-style-btn[data-style=title]{font-family:Merriweather,Georgia,serif;font-size:16px;font-weight:500}.note-style-btn[data-style=heading]{font-family:Merriweather,Georgia,serif;font-size:16px;font-weight:700}.note-style-btn[data-style=bold]{font-weight:500}.note-style-btn[data-style=italic]{font-style:italic}.note-para{margin:0;padding:0}.note-para.style-title{font-family:Merriweather,Georgia,serif;font-size:48px;font-weight:500;line-height:56px;color:#242424;margin-top:32px;margin-bottom:24px;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.note-para.style-heading{font-family:Merriweather,Georgia,serif;font-size:22px;font-weight:500;line-height:30px;color:#242424;margin-top:32px;margin-bottom:12px;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.note-para.style-bold{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:26px;color:#3d3d3d;margin-top:8px}.note-para.style-body{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#575757}.note-para.style-italic{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;font-style:italic;line-height:26px;color:#575757}.note-para.style-bullet{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#575757;padding-left:20px;position:relative}.note-para.style-bullet:before{content:"•";position:absolute;left:0}.note-para.style-bullet{transition:margin-left .14s ease}.note-para.style-bullet.indent-1{margin-left:20px}.note-para.style-bullet.indent-2{margin-left:40px}.note-para.style-bullet.indent-3{margin-left:60px}.note-para.style-title:after{content:"";display:block;width:42px;height:11px;margin-top:12px;margin-left:0;background-color:var(--accent-base);-webkit-mask:var(--underline-url) no-repeat left center / contain;mask:var(--underline-url) no-repeat left center / contain}#noteEditorContent>.note-para:first-child{margin-top:32px}.note-detail-body{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;color:#3d3d3d;padding:32px 32px 40px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}#noteEditorContent[contenteditable=true],.note-detail-body[contenteditable=true]{outline:none;cursor:text;caret-color:var(--accent-base)}.no-select{user-select:none;-webkit-user-select:none}#animation-portal{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99999;overflow:visible}.todo-complete-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:transparent}.detail-footer{flex-shrink:0;position:relative;z-index:3;box-sizing:border-box;padding:0 24px 16px;background:transparent;border-top:1px solid #C2C1BF;box-shadow:none;display:flex;flex-direction:column}.note-detail-page.has-footer .detail-footer{padding-left:12px;padding-right:12px}.detail-footer.has-shadow{box-shadow:0 -2px 24px #0000000f}.detail-footer-controls{display:flex;align-items:stretch;height:64px}.detail-footer-complete{padding:12px 0 0}.detail-footer-hdivider{height:1px;background:#dbdad8}.detail-footer-cell{position:relative;flex:1;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.detail-footer-cell.right{padding:0;position:relative}.detail-footer-cell.right.active:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--accent-light);border-radius:4px;z-index:0}.detail-footer .project-active-btn{font-size:16px;font-weight:600}.detail-footer-divider{width:1px;height:24px;align-self:center;background:#dbdad8}.detail-footer-dots{align-self:center;margin:0 18px 0 12px;flex-shrink:0}.detail-footer-menu{top:auto;bottom:calc(100% + 6px);right:0;transform:translateY(8px)}.detail-footer-menu.open{transform:translateY(0)}.detail-footer-copy-btn{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;background:none;border:none;cursor:pointer;padding:0 24px 0 12px;flex-shrink:0}.detail-footer-copy-icon-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.detail-footer-copy-flash{position:absolute;width:34px;height:34px;border-radius:2px;background:var(--accent-light);opacity:0;pointer-events:none;z-index:0}.detail-footer-copy-icon-wrap>svg{position:relative;z-index:1}.detail-footer-copy-btn.copied .detail-footer-copy-flash,.detail-footer-copy-btn.copied .detail-footer-copy-icon-wrap>svg{animation:copyFlash 1.1s ease forwards}@keyframes copyFlash{0%{opacity:0}15%{opacity:1}60%{opacity:1}to{opacity:0}}.detail-footer-project-btn{flex:1;align-self:stretch;display:flex;align-items:center;justify-content:center;max-width:100%;background:none;border:none;cursor:pointer;padding:0 8px;position:relative;z-index:1}.detail-footer-project{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:600;color:var(--accent-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.move-to-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100000;background:transparent}.move-to-card{position:absolute;top:48px;bottom:48px;left:24px;right:24px;background:#faf9f7;border:1px solid #C2C1BF;border-radius:16px;box-shadow:0 6px 20px #0000001a;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:scale(.97);transform-origin:center;transition:opacity .16s ease,transform .16s ease}.move-to-card.open{opacity:1;transform:scale(1)}.todo-detail-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 32px 24px;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,transparent 6px,black 28px,black 100%);mask-image:linear-gradient(to bottom,transparent 0px,transparent 6px,black 28px,black 100%)}.todo-detail-scroll::-webkit-scrollbar{display:none}.todo-detail-underline{display:block;margin:0 0 24px}.todo-comment-zone{padding-bottom:40px;margin-bottom:-40px;cursor:text}.todo-comment-zone .todo-detail-underline{margin:0}.todo-detail-title{font-family:Merriweather,Georgia,serif;font-size:32px;font-weight:500;line-height:44px;color:#242424;outline:none;caret-color:var(--accent-base);word-wrap:break-word;margin-top:24px;margin-bottom:8px;cursor:text}.todo-detail-comment{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#575757;outline:none;caret-color:var(--accent-base);word-wrap:break-word;margin:12px 0 0;cursor:text}.todo-detail-comment.hidden{display:none}.todo-detail-comment.show-placeholder:empty:before{content:attr(data-placeholder);color:#8a8a8a;pointer-events:none}.mark-complete-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:12px;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:600;border:1px solid transparent;background:linear-gradient(color-mix(in srgb,var(--accent-light) 40%,transparent),color-mix(in srgb,var(--accent-light) 40%,transparent)) padding-box,linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--accent-dark) h s calc(l*1.5) / .6),hsl(from var(--accent-dark) h s calc(l*.6) / .6)) border-box;color:var(--accent-dark);box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 10px 12px 12px hsl(from var(--accent-light) h calc(s*1.08) calc(l*.96));transform-origin:center;transition:background .15s ease,color .15s ease,box-shadow .15s ease;animation:mc-complete-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}@keyframes mc-inner-orbit{0%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 10px 0 12px hsl(from var(--accent-light) h calc(s*1.1) l)}25%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 0 12px 12px hsl(from var(--accent-light) h calc(s*1.1) l)}50%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset -10px 0 12px hsl(from var(--accent-light) h calc(s*1.1) l)}75%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 0 -12px 12px hsl(from var(--accent-light) h calc(s*1.1) l)}to{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 10px 0 12px hsl(from var(--accent-light) h calc(s*1.1) l)}}@keyframes mc-complete-orbit{0%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 10px 0 12px hsl(from var(--accent-light) h calc(s*1.08) calc(l*.96))}25%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 0 12px 12px hsl(from var(--accent-light) h calc(s*1.08) calc(l*.96))}50%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset -10px 0 12px hsl(from var(--accent-light) h calc(s*1.08) calc(l*.96))}75%{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 0 -12px 12px hsl(from var(--accent-light) h calc(s*1.08) calc(l*.96))}to{box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 10px 0 12px hsl(from var(--accent-light) h calc(s*1.08) calc(l*.96))}}.mark-complete-btn.done{animation:none;background:var(--accent-base);border-color:var(--accent-dark);color:#fff;box-shadow:none}.mark-complete-btn .mc-check{display:block}.todo-section{margin-top:28px}.todo-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.todo-section-title{font-family:Merriweather,Georgia,serif;font-size:18px;font-weight:500;color:#242424}.todo-attach-btn{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:var(--accent-dark);padding:4px}@media (hover: hover){.note-detail-done:hover:after,.save-to-cancel:hover:after,.todo-attach-btn:hover:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:32px;background:#0000000a;border-radius:4px;pointer-events:none;z-index:-1}.note-detail-done:hover:after,.save-to-cancel:hover:after{left:-4px;right:-4px}.todo-attach-btn:hover:after{left:0;right:0}}.todo-attach-anchor{position:relative;height:0;z-index:20}.todo-attach-panel{position:absolute;top:0;left:40px;right:0;border:1px solid #C2C1BF;border-radius:8px;background:#faf9f7;box-shadow:0 4px 20px #0000001a;overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:max-height .22s ease,opacity .16s ease}.todo-attach-panel.open{max-height:360px;opacity:1;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.todo-attach-item{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:48px;box-sizing:border-box;text-align:left;background:none;border:none;cursor:pointer;padding:12px 16px;overflow:hidden}.todo-attach-item+.todo-attach-item{border-top:1px solid #DBDAD8}.todo-attach-item:active{background:#0000000a}.todo-attach-item .note-text{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500}.todo-attach-empty{padding:12px 16px;font-family:Open Sans,system-ui,sans-serif;font-size:14px;color:#b5b4b2}.todo-attach-indicator{flex-shrink:0;align-self:center;margin-left:8px;display:flex;align-items:center;color:#7a7a7a}.todo-attached-row{padding:12px 0;cursor:pointer;min-height:64px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.todo-attached-icon{width:24px;flex-shrink:0;margin-right:16px;display:flex;align-items:center;justify-content:center}.todo-attached-text{flex:1;min-width:0;display:flex;flex-direction:column}.todo-swipe-row{position:relative;overflow:visible;user-select:none;-webkit-user-select:none}.todo-attach-row-wrap+.todo-attach-row-wrap .todo-swipe-row{border-top:1px solid #DBDAD8}.todo-swipe-row.row-lifted{margin:0 -16px;padding:0 16px}.todo-swipe-row.row-context-held .todo-swipe-content:before{left:-16px;right:-16px}.todo-swipe-row.row-lifted .link-outlink-btn,.todo-swipe-row.row-context-held .link-outlink-btn,#animation-portal .todo-attached-row .link-outlink-btn{display:none}@media (hover: hover){.todo-swipe-row:hover .todo-swipe-content:before{left:-12px;right:-12px}}.todo-section .link-grid{padding:4px 0 12px}.todo-attach-row-wrap,.todo-swipe-row.row-lifted{overflow:visible}.todo-swipe-content{position:relative;z-index:1;background:transparent;transform:translate(0);transition:transform .2s ease;touch-action:pan-y}.todo-unattach-btn{position:absolute;right:0;top:0;bottom:0;width:84px;padding:8px 0;display:flex;align-items:stretch;justify-content:center;background:transparent;border:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease}.todo-swipe-row.swiped-left .todo-swipe-content{transform:translate(-84px)}.todo-swipe-row.swiped-left .todo-unattach-btn{opacity:1;pointer-events:auto}.todo-unattach-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:auto;aspect-ratio:1;border-radius:4px;background:#f7f6f3;border:1px solid color-mix(in srgb,var(--accent-dark) 60%,transparent);box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 6px 14px 12px var(--accent-light);color:var(--accent-dark)}.todo-unattach-label{font-family:Open Sans,system-ui,sans-serif;font-size:11px;font-weight:500;color:var(--accent-dark)}.todo-attached-note-title,.todo-attached-link-title{display:block;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#242424;line-height:1.4;word-wrap:break-word}.todo-attached-note-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#7a7a7a;line-height:1.5;margin-top:4px}.todo-attached-link-url{display:block;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--accent-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.todo-composer{margin-top:10px}.todo-composer .project-input-wrap{margin:0;border-radius:8px}.project-card{padding-bottom:4px}.project-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.project-tab-bar{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0}.project-card .card-header{flex-wrap:wrap;row-gap:6px}.project-card .card-header .card-title{flex:1 1 auto}.project-card .card-header .project-tab-bar{order:3;flex-basis:100%;margin:10px 0 0}.cards-dragging .project-card>.card-header .project-tab-bar{order:2;flex-basis:auto;margin:0 0 0 auto}.cards-dragging .project-card>.card-header .project-header-actions{display:none}.project-card>.card-header.collapsed .project-tab-bar{order:2;flex-basis:auto;margin:0 0 0 auto}.project-card>.card-header.collapsed .project-header-actions{order:3}.project-tab-indicator{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:4px;background:rgba(var(--accent-base-rgb),.12);z-index:0;opacity:0;pointer-events:none;transition:left .17s ease,width .17s ease}.project-tab-btn{position:relative;z-index:1;width:auto;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:0 6px;flex-shrink:0}.project-tab-btn>*{position:relative;z-index:1}.project-tab-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:none;border-radius:4px;background:transparent;z-index:0}.project-tab-count{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#242424;opacity:.75;padding-left:2px;padding-right:2px}.project-tab-btn.selected .project-tab-count{color:var(--accent-dark)}@media (hover: hover){.project-tab-btn:hover:not(.selected):before{background:#0000000a}}.project-tab-btn.all-hidden svg{opacity:.5}.project-card .card-header{padding:14px 12px 8px 18px;gap:0}.project-card .card-header .card-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.dots-menu-btn{position:relative;width:32px;height:32px;flex-direction:column;align-items:center;justify-content:center;gap:4.5px;padding:0}.dots-menu-btn span{position:relative;z-index:1;width:3px;height:3px}.dots-menu-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:4px;background:transparent;z-index:0}@media (hover: hover){.dots-menu-btn:hover:before{background:#0000000a}}.dots-menu-wrap:has(.card-context-menu.open) .dots-menu-btn:before{background:rgba(var(--accent-base-rgb),.12)}.project-card .todo-row,.project-card .note-row{min-height:40px;align-items:center;padding:10px 20px}.project-card .item-content{flex-direction:row;align-items:center;flex-wrap:nowrap}.project-card .item-text,.project-card .note-text{width:auto;display:inline}.project-items{min-height:0}.project-card>.card-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:padding-bottom .25s ease}.project-card>.card-header.collapsed{padding-bottom:12px}.project-reveal-icon{width:20px;height:20px;flex-shrink:0;margin-right:16px;display:flex;align-items:center;justify-content:center}.project-reveal-icon svg{width:18px;height:18px}.project-reveal-icon{color:var(--accent-dark)}.project-reveal-link{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:40px;padding:10px 18px 14px 20px;background:none;border:0;text-align:left;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.4;color:var(--accent-dark)}.project-empty{font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#b5b4b2;padding:16px 20px;text-align:center}.project-add-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;margin-left:8px}@media (hover: hover){.project-add-btn:hover{background:#0000000a;border-radius:4px}}.project-input-wrap{margin:8px 16px 12px;border:1px solid #C2C1BF;border-radius:4px;background:#faf9f7;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease}.project-input-wrap.focused{box-shadow:0 4px 20px #0000001a}.project-input-row{position:relative;display:flex;align-items:center;height:40px}.project-input{flex:1;height:40px;border:none;background:transparent;padding:0 52px 0 12px;color:#242424;outline:none;font-family:Open Sans,system-ui,sans-serif;font-weight:400;font-size:16px;min-width:0}.project-input::placeholder{color:#b5b4b2}.category-header-actions .project-send-btn{position:static}.project-send-btn{position:absolute;right:4px;top:4px;height:32px;width:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.project-send-btn.visible{opacity:1;pointer-events:auto;border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--accent-dark) h s calc(l*1.5) / .6),hsl(from var(--accent-dark) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 6px 14px 12px var(--accent-light);animation:mc-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.project-cancel-btn{position:absolute;right:8px;top:8px;height:32px;width:32px;padding:0;background:#fff;border:1px solid #C2C1BF;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000026}.project-input-bottom{max-height:0;overflow:hidden;transition:max-height .2s ease;background:#f7f6f3}.project-input-wrap.focused .project-input-bottom{max-height:60px}.project-input-divider{height:1px;background:#dbdad8}.project-link-text{color:var(--accent-dark);text-decoration:underline}.project-card .link-row{align-items:center}.project-card .link-row .item-content{flex-direction:row;align-items:center}.link-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.project-card .link-row-text .note-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-link-url-row{max-height:0;overflow:hidden;transition:max-height .2s ease}.project-link-url-row.open{max-height:49px}.project-link-url-input{width:100%;box-sizing:border-box}.new-project-card{padding:20px 0 4px}.new-project-label{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#242424;margin:0 0 4px;padding:0 16px}.new-project-card .project-input-wrap{border:none;background:transparent;box-shadow:none}.new-project-card .project-input{font-family:Merriweather,Georgia,serif;font-size:20px;font-weight:500;color:#242424}.new-project-card .project-input::placeholder{font-family:Merriweather,Georgia,serif;font-size:20px;font-weight:500}.project-footer-toolbar{display:flex;align-items:stretch}.project-toolbar-left{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:6px 0}@media (hover: hover){.detail-footer-cell:hover:after,.detail-footer-cell:has(button:hover):after,.detail-footer-copy-btn:hover:after,.project-toolbar-left:hover:after,.project-toolbar-left:has(button:hover):after{content:"";position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%);height:32px;background:#0000000a;border-radius:4px;pointer-events:none;z-index:0}}.project-toolbar-divider{width:1px;background:#dbdad8;align-self:stretch}.project-toolbar-right{position:relative;flex:1;display:flex;align-items:center;justify-content:space-evenly;padding:6px 0}.project-type-indicator{position:absolute;top:50%;left:0;transform:translateY(-50%);width:32px;height:32px;border-radius:4px;background:rgba(var(--accent-base-rgb),.2);z-index:0;opacity:0;pointer-events:none;transition:left .17s ease}.project-active-btn{position:relative;z-index:1;flex:1;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:none;background:none;border-radius:4px;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:600;color:#242424;cursor:pointer;transition:color .12s ease,background .12s ease}.project-active-btn.on{color:var(--accent-base)}.project-active-btn.on>span{color:var(--accent-dark)}.project-type-btn{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:4px;cursor:pointer;flex-shrink:0;transition:background .12s ease}@media (hover: hover){.project-type-btn:hover:not(.selected){background:#0000000a}}.project-type-btn svg line,.project-type-btn svg path,.project-type-btn svg polygon{vector-effect:non-scaling-stroke}.activated-indicator{flex-shrink:0;margin-left:4px;display:flex;align-items:center;opacity:.85}.link-row-editor{display:flex;align-items:center;gap:8px;padding:8px 0 8px 40px}.link-row-editor-fields{flex:1;min-width:0;display:flex;flex-direction:column}.link-row-editor .project-input{padding:5px 0;background:none;border:none;width:100%}.row-schedule-indicator{flex-shrink:0;align-self:center;margin-left:8px;display:flex;align-items:center;color:#7a7a7a}.row-schedule-date{margin-right:6px;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1;white-space:nowrap;color:#7a7a7a}.swipe-action-btn.active-tag.scheduled .swipe-active-inner{flex-direction:column;gap:2px;--ob-light: var(--accent-light);--ob-drop: color-mix(in srgb, var(--accent-base) 20%, transparent);--ob-stroke: var(--accent-dark);border:1px solid transparent;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--ob-stroke) h s calc(l*1.5) / .6),hsl(from var(--ob-stroke) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px var(--ob-drop),inset 6px 14px 12px var(--ob-light);color:var(--accent-dark);animation:ob-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.swipe-action-btn.active-tag.scheduled .swipe-action-label.schedule{display:block;font-family:Open Sans,system-ui,sans-serif;font-size:9px;font-weight:500;line-height:1}.project-active-btn.scheduled{color:var(--accent-dark)}.project-active-btn .schedule-date{font-weight:500}.detail-footer .project-active-btn.scheduled{color:#242424}.cal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:transparent}#app.dim-bg>:not(.cal-overlay):not(.move-to-overlay):not(.page):not(.note-detail-page),#app.dim-bg>.page>*,#app.dim-bg>.note-detail-page>*{opacity:.1!important;pointer-events:none;transition:opacity .18s ease}.cal-card{width:calc(100% - 48px);max-width:500px;max-height:min(620px,calc(100% - 48px));display:flex;flex-direction:column;box-sizing:border-box;background:#f7f6f3;border:1px solid #C2C1BF;border-radius:8px;box-shadow:0 6px 20px #0000001a;overflow:hidden;opacity:0;transform:scale(.97);transform-origin:center;transition:opacity .16s ease,transform .16s ease}.cal-card.open{opacity:1;transform:scale(1)}.cal-body{padding:10px 16px 12px;flex:1 1 auto;min-height:0;overflow-y:auto}.swipe-row,.swipe-action-btn,.project-active-btn,.detail-footer,.detail-footer-project-btn,.detail-footer-project,.cal-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cal-monthnav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-month{font-family:Merriweather,Georgia,serif;font-size:16px;font-weight:700;color:#242424}.cal-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:4px;cursor:pointer;color:var(--accent-dark)}.cal-nav.disabled{color:#c2c1bf;pointer-events:none}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.cal-weekday{text-align:center;font-family:Open Sans,system-ui,sans-serif;font-size:12px;font-weight:500;color:#9a9a9a;padding:4px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:15px;font-weight:500;color:#3d3d3d}@media (hover: hover){.cal-cell:hover:not(.empty):not(.past):not(.today):not(.selected){background:#0000000a;border-radius:8px}}.cal-cell.empty{pointer-events:none}.cal-cell.past{color:#c2c1bf;pointer-events:none}.cal-cell.today{pointer-events:none;background:rgba(var(--accent-base-rgb),.5);color:var(--accent-dark);border-radius:8px;font-weight:500}.cal-cell.selected,.cal-cell.today.selected{background:var(--accent-dark);color:#fff;border-radius:8px}.cal-recur-divider{height:1px;background:#dbdad8;margin:12px -16px 0}.cal-recur-row{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0;margin-top:12px}.cal-recur-label{font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a}.cal-recur-wrap{position:relative;flex-shrink:0}.cal-recur-menu{top:auto;bottom:calc(100% + 6px);transform:translateY(8px)}.cal-recur-menu.open{transform:translateY(0)}.cal-recur-menu .card-context-item{padding:0 16px}.cal-card:has(.cal-recur-menu.open){overflow:visible}.cal-card .save-to-header{padding:14px 16px 8px;background:transparent}.link-preview-body{flex-direction:row;align-items:center;gap:8px}.link-preview-text{flex:1;min-width:0;display:flex;flex-direction:column}.link-edit-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:6px;cursor:pointer}.link-edit-btn:active,.link-edit-btn.is-copied{background:#0000000a}.link-preview-card .link-edit-btn{position:relative;z-index:2;border-radius:4px}@media (hover: hover){.link-edit-btn:hover{background:#0000000a}}.link-preview-actions{flex-shrink:0;display:flex;align-items:center;gap:4px}.link-edit{background:hsl(from #F7F6F3 h s calc(l*1.01))}.link-edit-row{display:flex;align-items:center;padding:0 8px 0 16px}.link-edit-divider{height:1px;background:#dbdad8;margin-left:16px}.link-edit-input{flex:1;min-width:0;height:44px;border:none;background:transparent;outline:none;padding:0;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a}.link-edit-input.link-edit-url{font-size:16px;font-weight:500;color:#1a1a1a}.link-edit-input::placeholder{color:#b5b4b2}.link-edit-clear{flex-shrink:0;width:32px;height:32px;margin-right:4px;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #C2C1BF;border-radius:4px;box-shadow:0 4px 20px #00000026;cursor:pointer}.link-edit-clear:active{background:#0000000a}.link-edit-send{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;border:1px solid transparent;border-radius:6px;background:linear-gradient(#f7f6f3,#f7f6f3) padding-box,linear-gradient(var(--cb-stroke-angle),hsl(from var(--accent-dark) h s calc(l*1.5) / .6),hsl(from var(--accent-dark) h s calc(l*.6) / .6)) border-box;box-shadow:0 6px 6px color-mix(in srgb,var(--accent-base) 20%,transparent),inset 6px 14px 12px var(--accent-light);animation:mc-inner-orbit 2.5s linear infinite,cb-stroke-orbit 2.5s linear infinite}.link-edit-send svg{flex-shrink:0}.row-attach-count{margin-right:6px;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1;white-space:nowrap;color:#7a7a7a}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:10px;padding:4px 16px 12px}.link-tile{max-width:none}.link-tile{display:flex;flex-direction:column;border:1px solid #C2C1BF;border-radius:8px;background:hsl(from #F7F6F3 h s calc(l*1.01));box-shadow:none;overflow:hidden;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.link-tile.archived{opacity:.5}.link-tile-image{aspect-ratio:16 / 15;background:#ebe8e1;overflow:hidden}.link-tile-image img{width:100%;height:100%;object-fit:cover;display:block}.link-tile-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .12s ease}.link-tile-divider{height:1px;background:#dbdad8}.link-tile-body{display:flex;flex-direction:column;padding:8px 10px 10px;min-width:0}.link-tile-title{font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-tile-url{margin-top:2px;font-family:Open Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:#7a7a7a;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-tile-image,.link-tile-body{cursor:pointer}.link-tile,.link-tile-image{position:relative}.link-tile-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000000f;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:1}@media (hover: hover){.link-tile:hover .link-tile-hover{opacity:1}}.link-preview-card{position:relative}.link-preview-card>.link-edit{position:relative;z-index:2}.link-preview-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000000f;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:1}@media (hover: hover){.link-preview-card:hover:after{opacity:1}.link-preview-card:has(.link-edit-btn:hover):after{opacity:0}}.link-grid-cell.cell-lifted{position:relative;z-index:120;overflow:visible}.link-tile.row-lifted{position:relative;z-index:120}.link-grid-cell.cell-lifted .link-tile,.link-tile.row-lifted{margin:-4px;max-width:208px;box-shadow:0 4px 20px #0000001a}.link-tile-body{flex-direction:row;align-items:center;gap:8px;background:#fefdfb}.link-tile-text{flex:1;min-width:0;display:flex;flex-direction:column}.link-tile-edit{position:relative;z-index:2;flex-shrink:0;width:32px;height:32px;margin-right:-6px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:4px;cursor:pointer}@media (hover: hover){.link-tile-edit{opacity:0;transition:opacity .12s ease}.link-tile:hover .link-tile-edit{opacity:1}.link-tile-edit:hover{background:#0000000a}}.link-detail-scroll{display:flex;flex-direction:column;padding-bottom:32px}.link-detail-scroll>.todo-detail-title,.link-detail-scroll>.todo-detail-underline{flex:0 0 auto}.link-detail-scroll>.todo-detail-underline{margin-bottom:0}.link-detail-scroll .link-preview-card{flex:1 1 auto;min-height:240px;display:flex;flex-direction:column;margin-bottom:0}.link-detail-scroll .link-preview-image{flex:1 1 auto;height:auto;min-height:0}.link-detail-scroll .link-preview-divider,.link-detail-scroll .link-preview-body,.link-detail-scroll .link-edit{flex:0 0 auto}.link-preview-url{line-height:1.4}.link-preview-body,.link-edit-row{min-height:60px;box-sizing:border-box}.add-link-url-wrap,.project-link-url-row{position:relative}.paste-btn{position:absolute;right:16px;top:1px;bottom:0;display:flex;align-items:center;padding:0;isolation:isolate;background:none;border:none;cursor:pointer;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:600;color:var(--accent-dark)}@media (hover: hover) and (pointer: fine){.paste-btn{display:none}}.add-link-clear{position:absolute;right:10px;top:1px;bottom:0;margin:auto 0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:6px;cursor:pointer}.link-url-input{padding-right:48px}.link-edit-clear{margin-left:4px;margin-right:10px;background:none;border:none;box-shadow:none;border-radius:6px}.todo-section-card{overflow:visible;margin-bottom:0;box-shadow:0 6px 24px #0000000a}.todo-section-card+.todo-section-card{margin-top:10px}.todo-section-card .card-header{padding-right:12px}.todo-attach-btn.section-attach-btn{min-width:32px;height:32px;padding:0;align-items:center;justify-content:center;gap:4px;color:#242424}.todo-attach-btn.section-attach-btn .project-tab-count{min-width:9px;padding-left:0;padding-right:0;text-align:right}.todo-section-card .project-header-actions{gap:2px}.todo-section-card>.card-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:padding-bottom .25s ease}@media (hover: hover){.todo-attach-btn.section-attach-btn:hover:after{left:0;right:0}.todo-attach-btn.section-attach-btn:has(.project-tab-count):hover:after{left:-6px;right:-6px}.todo-attach-btn.section-attach-btn:has(.project-tab-count.empty):hover:after{left:auto;right:-6px;width:32px}}.todo-section-card .todo-swipe-row.row-lifted{margin:0;padding:0}.todo-section-card .todo-swipe-row.row-context-held .todo-swipe-content:before{left:0;right:0}@media (hover: hover){.todo-section-card .todo-swipe-row:hover .todo-swipe-content:before{left:0;right:0}}.todo-section-card .link-grid{padding:4px 16px 12px}.todo-section-card .todo-attach-panel{left:16px;right:16px}.todo-section-card .todo-composer{margin:0}.todo-section-card .todo-composer .project-input-wrap{margin:8px 16px 12px}@media (max-width: 999.98px){.todo-section-card,.link-detail-scroll .link-preview-card{margin-left:-16px;margin-right:-16px}}.todo-section-card.empty-card{background:transparent;box-shadow:none;border-color:transparent;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}.todo-section-card.empty-card .card-title,.todo-section-card.empty-card .todo-attach-btn,.todo-section-card.empty-card .project-tab-count{transition:color .25s ease}.todo-section-card.empty-card .project-add-btn svg path{transition:stroke .25s ease}.todo-section-card.empty-card+.todo-section-card.empty-card{margin-top:0;position:relative}.todo-section-card.empty-card+.todo-section-card.empty-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:#dbdad8}@media (hover: hover){.todo-section-card.empty-card+.todo-section-card.empty-card:hover:before,.todo-section-card.empty-card:hover+.todo-section-card.empty-card:before{display:none}}.todo-section-card.empty-card .card-title,.todo-section-card.empty-card .todo-attach-btn,.todo-section-card.empty-card .project-tab-count{color:#b5b4b2}.todo-section-card.empty-card .project-add-btn svg path{stroke:#b5b4b2}@media (hover: hover){.todo-section-card.empty-card:hover{background:hsl(from #F7F6F3 h s calc(l*1.01));box-shadow:0 6px 24px #0000000a;border-color:#c2c1bf}.todo-section-card.empty-card:hover .card-title,.todo-section-card.empty-card:hover .todo-attach-btn,.todo-section-card.empty-card:hover .project-tab-count{color:#242424}.todo-section-card.empty-card:hover .project-add-btn svg path{stroke:#242424}}.todo-section-card.empty-card .todo-attach-btn.active{color:#242424}.gallery-canvas{position:relative;overflow:visible}.gallery-canvas>.project-items{overflow:hidden;border-radius:0 0 15px 15px}.gallery-canvas>.gallery-canvas-stroke{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;padding:1px;opacity:.7;background:linear-gradient(var(--cb-stroke-angle),hsl(from var(--accent-dark) h s calc(l*1.53) / .6),hsl(from var(--accent-dark) h s calc(l*.576 - 4) / .6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:cb-stroke-orbit 8s linear infinite;pointer-events:none;z-index:2}.gallery-canvas>.gallery-canvas-glow{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;opacity:.5;box-shadow:inset var(--glow-x) var(--glow-y) 22px hsl(from var(--accent-light) h calc(s*1.08) calc(l*.98));animation:gallery-canvas-orbit 8s linear infinite;pointer-events:none;z-index:1}@keyframes gallery-canvas-orbit{0%{--glow-x: 10px;--glow-y: 0px}25%{--glow-x: 0px;--glow-y: 12px}50%{--glow-x: -10px;--glow-y: 0px}75%{--glow-x: 0px;--glow-y: -12px}to{--glow-x: 10px;--glow-y: 0px}}.gallery-canvas>.card-header,.gallery-canvas>.project-items{position:relative;z-index:3}@media (prefers-reduced-motion: reduce){.gallery-canvas>.gallery-canvas-stroke,.gallery-canvas>.gallery-canvas-glow{animation:none}}.gallery-canvas>.card-header{padding-left:21px}.gallery-canvas>.card-header .gallery-title-icon{flex-shrink:0;margin-right:17px;color:var(--accent-dark)}.gallery-canvas>.card-header .card-title{color:var(--accent-dark)}.gallery-canvas>.card-header .card-title-wrap{min-height:32px;justify-content:center}.gallery-canvas .item-content,.gallery-canvas .link-row .item-content{flex-direction:column;align-items:flex-start;flex-wrap:wrap}.gallery-canvas .item-text,.gallery-canvas .note-text{width:100%;display:block}.gallery-canvas .todo-row,.gallery-canvas .note-row{min-height:unset;align-items:flex-start}.link-tile-badge{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#00000014;color:#242424;pointer-events:none;z-index:2}.link-tile-badge.activated{background:rgba(var(--accent-base-rgb),.8);color:var(--accent-dark)}.link-tile-badge.on-dark{color:#fff;background:#ffffff1f}.link-tile-badge.on-dark.activated{color:var(--accent-dark);background:rgba(var(--accent-base-rgb),.8)}.link-tile-image.is-logo{display:flex;align-items:center;justify-content:center}.link-tile-image.is-logo img{width:55%;height:55%;object-fit:contain}@media (hover: none){.category-header-btn.is-pressed:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:4px;background:#0000000a;z-index:0}.toolbar-left.is-pressed:after,.toolbar-left:has(button.is-pressed):after{content:"";position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%);height:32px;background:#0000000a;border-radius:4px;pointer-events:none;z-index:0}.toolbar-icon-btn.is-pressed:not(.selected){background:#0000000a}.save-to-new-btn.is-pressed{background:#0000000a}.save-to-option.is-pressed:not(.selected){background:#00000005}.mbar-circle.is-pressed:after,.footer .add-row .link-input-stack:not(.search-stack).is-pressed:after{opacity:1}.mbar-circle.mbar-gallery.is-pressed{background-image:linear-gradient(#0000000a,#0000000a)}.home-settings-btn.is-pressed:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:4px;background:#0000000a;z-index:0}.tab-bar .icon-tab.is-pressed:not(.selected),.tab-bar .text-tab.is-pressed:not(.selected){background:#00000005;border-radius:999px}.search-result-row.is-pressed{background:#00000005}.add-toast.is-pressed:after{opacity:1}.card:has(>.card-header.is-pressed){background-image:linear-gradient(#00000003,#00000003)}.card-context-item.is-pressed{background:#00000005}.card-context-item.danger.is-pressed{background:#b24a4a0a}.checkbox.is-pressed:after,.send-btn.visible.is-pressed:after,.project-send-btn.visible.is-pressed:after,.mark-complete-btn.is-pressed:after{opacity:1}.project-input-wrap:not(.focused).is-pressed,.add-input.is-pressed{background-image:linear-gradient(#00000005,#00000005)}.source-label-text.canvas-link.is-pressed{color:var(--accent-dark)}.source-label-text.canvas-link.is-pressed:before{opacity:1}.swipe-row:has(.canvas-link.is-pressed) .swipe-content:before{opacity:0}.link-outlink-btn.is-pressed{background:#0000000a}.swipe-row.is-pressed .swipe-content:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#00000005;border-radius:0;z-index:-1;pointer-events:none}.swipe-row:has(.checkbox-wrap.is-pressed) .swipe-content:before,.todo-swipe-row:has(.checkbox-wrap.is-pressed) .todo-swipe-content:before{background:transparent}.note-detail-done.is-pressed:after,.save-to-cancel.is-pressed:after,.todo-attach-btn.is-pressed:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:32px;background:#0000000a;border-radius:4px;pointer-events:none;z-index:-1}.note-detail-done.is-pressed:after,.save-to-cancel.is-pressed:after{left:-4px;right:-4px}.todo-attach-btn.is-pressed:after{left:0;right:0}.todo-swipe-row.is-pressed .todo-swipe-content:before{left:-12px;right:-12px}.project-tab-btn.is-pressed:not(.selected):before{background:#0000000a}.dots-menu-btn.is-pressed:before{background:#0000000a}.project-add-btn.is-pressed{background:#0000000a;border-radius:4px}.detail-footer-cell.is-pressed:after,.detail-footer-cell:has(button.is-pressed):after,.detail-footer-copy-btn.is-pressed:after,.project-toolbar-left.is-pressed:after,.project-toolbar-left:has(button.is-pressed):after{content:"";position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%);height:32px;background:#0000000a;border-radius:4px;pointer-events:none;z-index:0}.project-type-btn.is-pressed:not(.selected){background:#0000000a}.cal-cell.is-pressed:not(.empty):not(.past):not(.today):not(.selected){background:#0000000a;border-radius:8px}.link-edit-btn.is-pressed{background:#0000000a}.link-tile.is-pressed .link-tile-hover{opacity:1}.link-preview-card.is-pressed:after{opacity:1}.link-preview-card:has(.link-edit-btn.is-pressed):after{opacity:0}.link-tile.is-pressed .link-tile-edit{opacity:1}.link-tile-edit.is-pressed{background:#0000000a}.todo-attach-btn.section-attach-btn.is-pressed:after{left:0;right:0}.todo-attach-btn.section-attach-btn:has(.project-tab-count).is-pressed:after{left:-6px;right:-6px}.todo-attach-btn.section-attach-btn:has(.project-tab-count.empty).is-pressed:after{left:auto;right:-6px;width:32px}.todo-section-card .todo-swipe-row.is-pressed .todo-swipe-content:before{left:0;right:0}.todo-section-card.empty-card+.todo-section-card.empty-card.is-pressed:before,.todo-section-card.empty-card.is-pressed+.todo-section-card.empty-card:before{display:none}.todo-section-card.empty-card.is-pressed{background:hsl(from #F7F6F3 h s calc(l*1.01));box-shadow:0 6px 24px #0000000a;border-color:#c2c1bf}.todo-section-card.empty-card.is-pressed .card-title,.todo-section-card.empty-card.is-pressed .todo-attach-btn,.todo-section-card.empty-card.is-pressed .project-tab-count{color:#242424}.todo-section-card.empty-card.is-pressed .project-add-btn svg path{stroke:#242424}}