.notes-shell{font-family:var(--font-geist-sans), system-ui, sans-serif}:root{--radius-2xl:18px;--vd-task-font:var(--font-geist-sans), system-ui, sans-serif;--color-done:var(--color-fg-subtle);--shadow-column:0 1px 2px #0000000a, 0 8px 24px #0000000f;--shadow-lift:0 12px 40px #00000029}[data-theme=dark]{--shadow-column:0 1px 2px #0006, 0 8px 24px #00000080;--shadow-lift:0 12px 40px #000000b3}.v-text{writing-mode:vertical-rl;text-orientation:mixed}.v-upright{writing-mode:vertical-rl;text-orientation:upright}.tcy{text-combine-upright:all;-webkit-text-combine:horizontal}.v-input-ce{writing-mode:vertical-rl;text-orientation:mixed;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;height:100%;max-height:100%;caret-color:var(--color-fg);background:0 0;outline:none;display:inline-block}.v-input-ce[data-empty]:before{content:attr(data-placeholder);color:var(--color-fg-subtle);pointer-events:none}@keyframes vd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vd-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vd-column-in{0%{opacity:0;transform:translateY(-14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vd-pop-in{0%{opacity:0;transform:translateY(-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes vd-toast-in{0%{opacity:0;transform:translate(calc(100% + 20px))scale(.94)}60%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes vd-toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(calc(100% + 20px))scale(.96)}}.vd-ov-layer{height:100%;transition:opacity var(--duration-slow) var(--easing-out), transform var(--duration-slow) var(--easing-out)}.vd-ov-layer[data-recede]{opacity:0;pointer-events:none;transform:scale(1.06)}.vd-board-layer{height:100%;animation:vd-zoom-in .34s var(--easing-out) both;will-change:transform, opacity;position:absolute;inset:0}.vd-board-layer[data-closing]{animation:vd-zoom-out .24s var(--easing-out) both}.vd-rail{animation:vd-rail-in .26s var(--easing-out) 80ms both}.vd-rail[data-closing]{animation:vd-rail-out .18s var(--easing-out) both}@keyframes vd-zoom-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes vd-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.72)}}@keyframes vd-rail-in{0%{opacity:0;transform:translateY(-50%)scale(.9)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes vd-rail-out{0%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%)scale(.9)}}@media (prefers-reduced-motion:reduce){@keyframes vd-column-in{0%{opacity:0}to{opacity:1}}@keyframes vd-toast-in{0%{opacity:0}to{opacity:1}}@keyframes vd-toast-out{0%{opacity:1}to{opacity:0}}.vd-ov-layer[data-recede]{transform:none}@keyframes vd-zoom-in{0%{opacity:0}to{opacity:1}}@keyframes vd-zoom-out{0%{opacity:1}to{opacity:0}}@keyframes vd-rail-in{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes vd-rail-out{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}}.vd-overview-pad{min-height:100%;padding:var(--space-16);justify-content:center;align-items:center;display:flex}.vd-overview-grid{place-content:flex-start center;gap:var(--space-4);flex-wrap:wrap;width:100%;max-width:1120px;display:flex}.tile-cell{flex:none;width:176px}@media (max-width:640px){.vd-overview-pad{padding:var(--space-12) var(--space-5) var(--space-12) var(--space-16)}.tile-cell{width:calc(50% - var(--space-2))}}.tile{--tile-bg:var(--color-bg-subtle);transition:transform var(--duration-fast) var(--easing-out), box-shadow var(--duration-fast) var(--easing-out), border-color var(--duration-fast) var(--easing-out)}.tile-paper{--tile-bg:#fff}.tile-amber{--tile-bg:#fbf3e0}.tile-rose{--tile-bg:#fbeef0}.tile-sky{--tile-bg:#eef4fb}.tile-sage{--tile-bg:#eef6f0}.tile-lilac{--tile-bg:#f3eefb}[data-theme=dark] .tile-paper{--tile-bg:#1a1a1a}[data-theme=dark] .tile-amber{--tile-bg:#221d10}[data-theme=dark] .tile-rose{--tile-bg:#221217}[data-theme=dark] .tile-sky{--tile-bg:#101a24}[data-theme=dark] .tile-sage{--tile-bg:#10201a}[data-theme=dark] .tile-lilac{--tile-bg:#191324}.new-tile{transition:border-color var(--duration-fast) var(--easing-out), color var(--duration-fast) var(--easing-out), background var(--duration-fast) var(--easing-out)}@media (hover:hover) and (pointer:fine){.tile:hover{box-shadow:var(--shadow-lift);border-color:var(--color-border-strong);transform:translateY(-3px)}.new-tile:hover{border-color:var(--color-fg);color:var(--color-fg);background:var(--color-bg-subtle)}}.notes-shell{height:100dvh;position:relative;overflow:hidden}.vd-demo-notice{bottom:var(--space-6);z-index:30;align-items:center;gap:var(--space-2);max-width:min(88vw,620px);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);box-shadow:var(--shadow-column);letter-spacing:.04em;color:var(--color-fg-muted);word-break:keep-all;animation:vd-fade-in var(--duration-slow) var(--easing-out) both;font-size:.6875rem;line-height:1.5;display:flex;position:fixed;left:50%;transform:translate(-50%)}.vd-demo-x{border-radius:var(--radius-full);width:22px;height:22px;color:var(--color-fg-subtle);cursor:pointer;transition:color var(--duration-fast) var(--easing-default), background var(--duration-fast) var(--easing-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:.625rem;display:flex}@media (hover:hover) and (pointer:fine){.vd-demo-x:hover{background:var(--color-bg-subtle);color:var(--color-fg)}}@media (max-width:640px){.vd-demo-notice{bottom:calc(var(--space-6) + 20px);max-width:calc(100vw - var(--space-12))}}.vd-gate{z-index:120;background:var(--color-bg);animation:vd-fade-in var(--duration-slow) var(--easing-out) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vd-gate-panel{align-items:center;gap:var(--space-8);padding:var(--space-8);flex-direction:column;display:flex}.vd-gate-mark{font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;color:var(--color-fg-subtle);-webkit-user-select:none;user-select:none;font-size:.625rem}.vd-gate-options{gap:var(--space-4);direction:rtl;display:flex}.vd-gate-option{justify-content:center;align-items:center;gap:var(--space-3);width:96px;height:208px;padding:var(--space-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-bg);box-shadow:var(--shadow-column);color:var(--color-fg);cursor:pointer;animation:vd-column-in .32s var(--easing-out) both;transition:transform var(--duration-fast) var(--easing-out), box-shadow var(--duration-fast) var(--easing-out), border-color var(--duration-fast) var(--easing-out);direction:ltr;flex-direction:row-reverse;font-family:inherit;display:flex}.vd-gate-option:nth-child(2){animation-delay:60ms}.vd-gate-option:nth-child(3){animation-delay:.12s}.vd-gate-option[data-suggested]{border-color:var(--color-fg)}.vd-gate-glyph{font-size:2rem;font-weight:700;line-height:1}.vd-gate-name{letter-spacing:.1em;color:var(--color-fg-muted);font-size:.8125rem}.vd-gate-hint{letter-spacing:.1em;color:var(--color-fg-subtle);-webkit-user-select:none;user-select:none;font-size:.6875rem}@media (hover:hover) and (pointer:fine){.vd-gate-option:hover{border-color:var(--color-fg);box-shadow:var(--shadow-lift);transform:translateY(-3px)}}@media (max-width:640px){.vd-gate-option{width:76px;height:176px}.vd-gate-glyph{font-size:1.625rem}}@media (prefers-reduced-motion:reduce){.vd-gate-option{animation:.2s both vd-fade-in}}