@layer properties,theme,base;@layer components{.cookie-app-bg{--cookie-app-bg-cream:#fff2d1;--cookie-app-bg-cream-mid:#fff5e0}@supports (color:lab(0% 0 0)){.cookie-app-bg{--cookie-app-bg-cream:lab(96.1752% 1.61648 24.49);--cookie-app-bg-cream-mid:lab(96.9247% 2.81978 22.7435)}}.cookie-app-bg{background-color:var(--cookie-app-bg-cream);background-image:var(--cookie-crumb-layers), radial-gradient(ellipse 90% 60% at 50% -10%, color-mix(in oklab, var(--color-yellow-soft) 60%, white), transparent 70%), linear-gradient(180deg, var(--cookie-app-bg-cream) 0%, var(--cookie-app-bg-cream-mid) 40%, var(--cookie-app-bg-cream) 100%);background-size:var(--cookie-crumb-sizes), auto, auto}.cookie-app-bg ::selection,.cookie-app-dialog ::selection{background-color:color-mix(in oklab, var(--color-yellow-highlight) 70%, transparent)}.cookie-app-toolbar{border:2px solid color-mix(in oklab, var(--color-ink) 88%, transparent);border-radius:var(--radius-panel);background:var(--panel)}.cookie-app-frame{border-radius:var(--radius-frame)}.cookie-app-frame-inner{border:2px solid var(--color-ink);border-radius:var(--radius-frame);background:var(--panel)}.cookie-app-pane-header{border-bottom:2px solid color-mix(in oklab, var(--color-ink) 14%, transparent)}.cookie-app-pane-divider{border-right:0}@media (min-width:768px){.cookie-workspace-header{height:4rem;min-height:4rem}}.cookie-app-btn{--cookie-btn-depth:3px;--cookie-btn-edge:var(--color-ink);--cookie-btn-pressed-inset:inset 0 2px 0 color-mix(in oklab, var(--cookie-btn-edge) 14%, transparent);border:1.5px solid var(--cookie-btn-edge);border-radius:var(--radius-button);background-color:var(--color-btn-fill);box-shadow:0 var(--cookie-btn-depth) 0 var(--cookie-btn-edge), inset 0 0 0 transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-weight:700;transition:background-color .2s,box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),border-color .2s,opacity .2s}@media (hover:hover) and (pointer:fine){.cookie-app-btn:hover:not(:disabled){transform:translateY(calc(var(--cookie-btn-depth) / 2));box-shadow:0 calc(var(--cookie-btn-depth) / 2) 0 var(--cookie-btn-edge), inset 0 0 0 transparent}}.cookie-app-btn:active:not(:disabled){transform:translateY(var(--cookie-btn-depth));box-shadow:0 0 0 var(--cookie-btn-edge), var(--cookie-btn-pressed-inset);transition-duration:.2s,50ms,50ms,.2s,.2s;transition-timing-function:ease,ease-out,ease-out,ease,ease}.cookie-app-btn[data-state=open],.cookie-app-btn[data-state=open]:hover:not(:disabled){transform:translateY(var(--cookie-btn-depth));background:var(--color-yellow-highlight);box-shadow:0 0 0 var(--cookie-btn-edge), var(--cookie-btn-pressed-inset)}.cookie-app-btn:disabled{cursor:not-allowed;opacity:.6}[data-workspace-chrome-fallback] .cookie-app-btn:disabled{cursor:default;opacity:1}.cookie-app-btn-neutral{background:var(--color-btn-fill);color:var(--color-ink)}.cookie-app-btn-confirm{background:var(--color-success);color:var(--color-ink)}.cookie-app-btn-danger{color:#fff;background:#fb2c36;background:lab(55.4814% 75.0732 48.8528)}@media (hover:hover) and (pointer:fine){.cookie-app-btn-neutral:hover:not(:disabled){background:var(--color-yellow-highlight)}.cookie-app-btn-confirm:hover:not(:disabled){background:color-mix(in oklab, var(--color-success) 80%, white)}.cookie-app-btn-danger:hover:not(:disabled){background:#ff5c57;background:lab(62.052% 62.9528 38.0485)}}.cookie-app-btn-segment{border-radius:var(--radius-control);font-weight:700}.cookie-app-btn-segment[data-active=true],.cookie-app-btn-segment.is-active{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 12%, transparent)}.cookie-app-tooltip{border:2px solid var(--color-ink);border-radius:var(--radius-control-sm);background:var(--panel);box-shadow:0 4px 14px -4px color-mix(in oklab, var(--color-ink) 20%, transparent)}@keyframes cookie-dropdown-grow{0%{opacity:0;transform:scale(.88)}42%{opacity:1}52%{opacity:1;transform:scale(1.012)}74%{opacity:1;transform:scale(.996)}to{opacity:1;transform:scale(1)}}@keyframes cookie-dropdown-shrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes cookie-dropdown-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cookie-dropdown-fade-out{0%{opacity:1}to{opacity:0}}.cookie-app-dropdown{border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--panel);box-shadow:0 1px 0 color-mix(in oklab, var(--color-ink) 8%, transparent), 0 8px 28px -6px color-mix(in oklab, var(--color-ink) 22%, transparent);transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.cookie-app-dropdown[data-state=open]{animation:.32s cubic-bezier(.22,1,.36,1) both cookie-dropdown-grow}.cookie-app-dropdown[data-state=closed]{animation:.16s cubic-bezier(.4,0,.8,.6) both cookie-dropdown-shrink}@keyframes cookie-dialog-grow{0%{opacity:0;scale:.88}42%{opacity:1}52%{opacity:1;scale:1.012}74%{opacity:1;scale:.996}to{opacity:1;scale:1}}@keyframes cookie-dialog-shrink{0%{opacity:1;scale:1}to{opacity:0;scale:.9}}.cookie-app-dialog{border:2px solid var(--color-ink);border-radius:var(--radius-panel);background:var(--panel);transform-origin:50%;box-shadow:0 1px 0 color-mix(in oklab, var(--color-ink) 10%, transparent), 0 12px 40px -8px color-mix(in oklab, var(--color-ink) 24%, transparent)}.cookie-app-dialog[data-state=open]{animation:.32s cubic-bezier(.22,1,.36,1) both cookie-dialog-grow}.cookie-app-dialog[data-state=closed]{animation:.16s cubic-bezier(.4,0,.8,.6) both cookie-dialog-shrink}.cookie-app-surface-soft{border:2px solid color-mix(in oklab, var(--color-ink) 88%, transparent);border-radius:var(--radius-control);background:var(--panel);box-shadow:0 1px 3px color-mix(in oklab, var(--color-ink) 6%, transparent)}.cookie-app-fab-shadow{--cookie-btn-depth:3px;box-shadow:0 3px 0 var(--color-ink);transition:box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){:is(.cookie-app-fab-shadow:has(.cookie-app-btn:hover:not(:disabled)),.cookie-app-fab-shadow:has(button:hover:not(:disabled))){box-shadow:0 1.5px 0 var(--color-ink);transform:translateY(1.5px)}}:is(.cookie-app-fab-shadow:has(.cookie-app-btn:active:not(:disabled)),.cookie-app-fab-shadow:has(button:active:not(:disabled))){box-shadow:0 0 0 var(--color-ink);transition-duration:50ms;transition-timing-function:ease-out;transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.cookie-app-btn:hover:not(:disabled),.cookie-app-btn:active:not(:disabled),.cookie-app-btn[data-state=open]:not(:active),.cookie-app-btn[data-state=open]:hover:not(:disabled):not(:active){transform:none}.cookie-app-fab-shadow:has(.cookie-app-btn:hover:not(:disabled)){transform:none}.cookie-app-fab-shadow:has(.cookie-app-btn:active:not(:disabled)){transform:none}.cookie-app-fab-shadow:has(button:hover:not(:disabled)){transform:none}.cookie-app-fab-shadow:has(button:active:not(:disabled)){transform:none}.cookie-app-dropdown[data-state=open]{animation:.12s ease-out both cookie-dropdown-fade-in}.cookie-app-dropdown[data-state=closed]{animation:.1s ease-in both cookie-dropdown-fade-out}.cookie-app-dialog[data-state=open]{animation:.12s ease-out both cookie-dropdown-fade-in}.cookie-app-dialog[data-state=closed]{animation:.1s ease-in both cookie-dropdown-fade-out}}.cookie-mobile-pane-tabs{gap:.5rem;width:100%;min-width:0;display:flex}.cookie-mobile-pane-tab{border:1.5px solid var(--color-ink);border-radius:var(--radius-button);background:var(--color-btn-fill);text-align:center;min-width:0;color:var(--color-ink);box-shadow:0 3px 0 var(--color-ink), inset 0 0 0 transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex:1;padding:.5rem;font-size:.875rem;line-height:1.25;transition:background-color .16s,box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}@media (min-width:640px){.cookie-mobile-pane-tab{padding-left:.75rem;padding-right:.75rem}}.cookie-mobile-pane-tab--active-folders{background:var(--color-tab-folders)}.cookie-mobile-pane-tab--active-notes{background:var(--color-tab-notes)}.cookie-mobile-pane-tab--active-editor{background:var(--color-tab-editor)}@media (hover:hover) and (pointer:fine){.cookie-mobile-pane-tab:not([aria-current=page]):hover{background:var(--color-yellow-highlight);box-shadow:0 1.5px 0 var(--color-ink), inset 0 0 0 transparent;transform:translateY(1.5px)}}.cookie-mobile-pane-tab:active{box-shadow:0 0 0 var(--color-ink), inset 0 2px 0 color-mix(in oklab, var(--color-ink) 14%, transparent);transition-duration:.16s,50ms,50ms;transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.cookie-mobile-pane-tab:hover,.cookie-mobile-pane-tab:active{transform:none}}}@layer utilities;