:root{--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;--bg:#0e1016;--ink:#e8e9ee;--soft:#888e9c;--softer:#7a8396;--line:#262a35;--green:#8fb98a;--studio:#a88ad0;--on-studio:#111110;--paper:#181b23;--red:#e8674d;--shell-outer:#090a0e;--accent:#dd9a4f;--accent-wash:#232b40;--accent-edge:#36415e;--on-accent:#14161c;--dot:#3d4557;--accent-lit:linear-gradient(135deg,#f2c184,#dd9a4f 45%,#b9752c);--shelf-projects:color-mix(in srgb,var(--paper) 93%,#7a9ad0 7%);--shelf-tasks:color-mix(in srgb,var(--paper) 93%,#8ab06a 7%);--shelf-ideas:color-mix(in srgb,var(--paper) 93%,#c98a4a 7%);--lift-card:none;--lift-floating:0 6px 32px rgba(0,0,0,.45);color-scheme:dark;--input-fs:16px}@media (min-width:900px) and (hover:hover) and (pointer:fine){:root{--input-fs:13px}}:root[data-theme=light]{--bg:#f4f5f9;--ink:#0e0f14;--soft:#3a3d46;--softer:#5d6270;--line:#dfe2ec;--green:#3a7b32;--studio:#7952ad;--on-studio:#fff;--paper:#fff;--red:#c04426;--shell-outer:#e9ebf1;--accent:#92611b;--accent-wash:#f7ecd9;--accent-edge:#e4d0a7;--on-accent:#fff;--dot:#a8b0c4;--accent-lit:linear-gradient(135deg,#c98c34,#92611b 45%,#7c4d10);--shelf-projects:color-mix(in srgb,var(--paper) 85%,#7a9ad0 15%);--shelf-tasks:color-mix(in srgb,var(--paper) 85%,#8ab06a 15%);--shelf-ideas:color-mix(in srgb,var(--paper) 85%,#c98a4a 15%);--lift-card:0 2px 12px rgba(0,0,0,.1);--lift-floating:0 6px 32px rgba(0,0,0,.14);color-scheme:light}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{color-scheme:dark}:root[data-theme=light] input[type=date],:root[data-theme=light] input[type=datetime-local],:root[data-theme=light] input[type=month],:root[data-theme=light] input[type=time],:root[data-theme=light] input[type=week]{color-scheme:light}@media (pointer:coarse){input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;max-width:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;overscroll-behavior:none;overflow-x:hidden}#__next,body,html{height:100%}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit;transition:opacity .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:active{opacity:.7;transform:scale(.98)}[role=button]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{font-family:var(--font-body);font-weight:400;border:none;outline:none;color:var(--ink);font-size:var(--input-fs)}input::placeholder,textarea::placeholder{color:var(--softer)}textarea{resize:none}body{overscroll-behavior-y:contain}@keyframes pulseRing{0%{transform:scale(1);opacity:.28}10%{transform:scale(1.7);opacity:0}to{transform:scale(1.7);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseDot{0%,to{opacity:.3}50%{opacity:1}}@keyframes bobY{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (min-width:480px){body,html{background:var(--bg)!important}}@media (min-width:480px) and (hover:hover) and (pointer:fine){.app-shell{height:calc(100dvh - 48px)!important;margin:24px 0;border-radius:20px;box-shadow:0 4px 40px rgba(0,0,0,.4)}}@media (min-width:480px) and (pointer:coarse){.app-shell{max-width:100%!important;height:100dvh!important;margin:0!important;border-radius:0!important;box-shadow:none!important}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html.native-ios{--safe-top:max(env(safe-area-inset-top),59px);--safe-bottom:max(env(safe-area-inset-bottom),24px)}@media (min-width:768px){html.native-ios{--safe-top:max(env(safe-area-inset-top),24px);--safe-bottom:max(env(safe-area-inset-bottom),20px)}}html.native-ios .app-shell,html.native-ios .desktop-shell{padding-top:var(--safe-top)!important}html.native-ios .desktop-shell{box-sizing:border-box}html.native-ios .app-tabbar,html.native-ios .desktop-shell,html.native-ios .logged-out-shell{padding-bottom:var(--safe-bottom)!important}html.native-ios .logged-out-shell{padding-top:var(--safe-top)!important}.drift-demo button:focus:not(:focus-visible){outline:none}.drift-demo button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:11px}.drift-column{width:100%;max-width:900px;margin-inline:auto;flex:1 1;min-height:0;display:flex;flex-direction:column}html[data-wide="1"] .drift-column{max-width:none}
/* !important because the launcher sets display:flex inline, and an inline
   style beats a stylesheet rule without it. */html[data-writing="1"] [data-help-launcher]{display:none!important}html[data-wide="1"] .drift-detail-panel{max-width:none!important}.drift-skip{position:absolute;top:0;left:0;z-index:2000;-webkit-clip-path:inset(50%);clip-path:inset(50%);font-family:var(--font-body);font-size:12px;color:var(--bg);background:var(--accent);border-radius:0 0 8px 0;padding:10px 14px;text-decoration:none}.drift-skip:focus{-webkit-clip-path:none;clip-path:none}#drift-main:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.drift-skip,[data-help-launcher],[data-print-hide]{display:none!important}[data-writing-sheet]{position:static!important;height:auto!important;z-index:auto!important;background:#fff!important}[data-writing-sheet],[data-writing-sheet]>div{overflow:visible!important}body,html{background:#fff!important;color:#000!important}.drift-column{max-width:none!important}blockquote,li,p{page-break-inside:avoid;break-inside:avoid}}