html[data-ui-theme=simple_sanctuary]{--ss-bg:oklch(95% 0.016 86.4);--ss-surface:oklch(97.7% 0.010 87.5);--ss-raised:oklch(99.4% 0.006 84.6);--ss-border:oklch(87.2% 0.026 84.6);--ss-border-strong:oklch(58.3% 0.035 84.5);--ss-text:oklch(25.5% 0.020 162.9);--ss-text2:oklch(42% 0.021 163.8);--ss-muted:oklch(49.8% 0.016 138.7);--ss-primary:oklch(42.7% 0.070 154);--ss-primary-h:oklch(37.3% 0.062 154);--ss-on-primary:oklch(100% 0 0);--ss-accent:oklch(73.8% 0.092 79.9);--ss-accent-text:oklch(47.9% 0.084 72.8);--ss-sage:oklch(93.5% 0.018 127.1);--ss-success:oklch(47.6% 0.092 152.1);--ss-success-bg:oklch(93.4% 0.022 139);--ss-warn:oklch(49.2% 0.107 69.6);--ss-warn-bg:oklch(92.8% 0.047 87);--ss-danger:oklch(48.4% 0.151 27.3);--ss-ring:oklch(42.7% 0.070 154);--ss-canopy-ink:oklch(42.7% 0.070 154);--ss-canopy-paper:oklch(91.4% 0.023 87.2);--ss-e1:0 1px 2px rgb(26 38 32/0.06),0 1px 1px rgb(26 38 32/0.04);--ss-e2:0 8px 24px -8px rgb(26 38 32/0.18);--ss-e3:0 24px 48px -12px rgb(26 38 32/0.28);--ss-ease:cubic-bezier(0.2,0,0,1);--ss-serif:"Fraunces","Playfair Display",Georgia,serif;--ss-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--ss-header-h:60px;--ss-dock-h:88px;--background:41 40% 92%;--foreground:150 19% 13%;--card:42 50% 96%;--card-foreground:150 19% 13%;--popover:40 100% 99%;--popover-foreground:150 19% 13%;--primary:141 33% 26%;--primary-foreground:0 0% 100%;--secondary:88 25% 90%;--secondary-foreground:150 19% 13%;--muted:88 25% 90%;--muted-foreground:107 5% 38%;--accent:88 25% 90%;--accent-foreground:150 19% 13%;--destructive:3 58% 40%;--destructive-foreground:0 0% 100%;--border:40 28% 81%;--input:40 14% 46%;--ring:141 33% 26%;--app-bg:41 40% 92%;--app-surface:42 50% 96%;--app-surface-elevated:40 100% 99%;--app-text:150 19% 13%;--app-text-muted:107 5% 38%;--app-accent:141 33% 26%;--app-accent-foreground:0 0% 100%;--app-border:40 28% 81%;--color-zinc-50:oklch(97.7% 0.010 87.5);--color-zinc-100:oklch(95% 0.016 86.4);--color-zinc-200:oklch(87.2% 0.026 84.6);--color-zinc-300:oklch(80% 0.026 84.6);--color-zinc-400:oklch(65% 0.030 84.5);--color-zinc-500:oklch(49.8% 0.016 138.7);--color-zinc-600:oklch(42% 0.021 163.8);--color-zinc-700:oklch(33.6% 0.025 158.4);--color-zinc-800:oklch(27.1% 0.021 159);--color-zinc-900:oklch(23.2% 0.018 158.3);--color-zinc-950:oklch(19.5% 0.016 157.2);--color-emerald-50:oklch(93.4% 0.022 139);--color-emerald-100:oklch(90% 0.03 145);--color-emerald-500:oklch(55% 0.08 154);--color-emerald-600:oklch(47.6% 0.092 152.1);--color-emerald-700:oklch(42.7% 0.070 154);--color-emerald-800:oklch(37.3% 0.062 154);color-scheme:light}.ss-app,html[data-ui-theme=simple_sanctuary] body{background:var(--ss-bg);color:var(--ss-text)}.ss-app{min-height:100dvh;font-family:var(--ss-sans)}.ss-serif{font-family:var(--ss-serif)}.ss-label{font:600 .72rem/1.3 var(--ss-sans);letter-spacing:.06em;text-transform:uppercase}.ss-label,.ss-muted{color:var(--ss-muted)}.ss-text2{color:var(--ss-text2)}.ss-top{position:sticky;top:0;z-index:30;height:var(--ss-header-h);display:flex;align-items:center;gap:8px;padding:0 16px;background:color-mix(in oklab,var(--ss-bg) 86%,transparent);backdrop-filter:blur(14px) saturate(1.1);border-bottom:1px solid color-mix(in oklab,var(--ss-border) 60%,transparent)}@media (min-width:768px){.ss-top{padding:0 24px;gap:12px}}.ss-brand{display:flex;align-items:center;gap:10px;font:600 15px var(--ss-sans);color:var(--ss-text)}.ss-brand i{width:28px;height:28px;border-radius:8px;background:var(--ss-primary);display:grid;place-items:center;color:var(--ss-on-primary);font-style:normal;font-family:var(--ss-serif);font-size:15px}.ss-search{flex:1;max-width:420px;margin:0 auto;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:999px;background:var(--ss-surface);color:var(--ss-muted);font-size:14px;min-width:0}.ss-search,.ss-search kbd{border:1px solid var(--ss-border)}.ss-search kbd{margin-left:auto;font:600 11px var(--ss-sans);border-radius:6px;padding:1px 6px}.ss-iconbtn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;position:relative;color:var(--ss-text2);flex:none}.ss-iconbtn:hover{background:var(--ss-sage)}.ss-btn:focus-visible,.ss-iconbtn:focus-visible,.ss-rail a:focus-visible,.ss-row:focus-visible{outline:2px solid var(--ss-ring);outline-offset:2px}.ss-dot{position:absolute;top:8px;right:8px;min-width:8px;height:8px;border-radius:9px;background:var(--ss-accent);box-shadow:0 0 0 2px var(--ss-bg)}.ss-frame{display:grid;grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.ss-frame{grid-template-columns:72px minmax(0,1fr)}}.ss-rail{display:none}@media (min-width:768px){.ss-rail{position:sticky;top:var(--ss-header-h);height:calc(100dvh - var(--ss-header-h));display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;border-right:1px solid color-mix(in oklab,var(--ss-border) 55%,transparent)}}.ss-rail a,.ss-rail button{width:56px;padding:8px 0;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:2px;font:600 10px var(--ss-sans);color:var(--ss-muted)}.ss-rail a svg,.ss-rail button svg{width:20px;height:20px}.ss-rail a[aria-current=page]{background:var(--ss-sage);color:var(--ss-primary)}.ss-main{width:100%;max-width:760px;margin:0 auto;padding:0 16px calc(var(--ss-dock-h) + 48px)}.ss-main.ss-wide{max-width:1080px}@media (min-width:768px){.ss-main{padding-left:24px;padding-right:24px}}.ss-back{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 10px 0 6px;margin:12px 0 0 -6px;border-radius:10px;font:600 14px var(--ss-sans);color:var(--ss-text2)}.ss-back:hover{background:var(--ss-sage);color:var(--ss-text)}.ss-hero{padding:24px 0 8px}.ss-hero .ss-greet{font:500 14px var(--ss-sans);color:var(--ss-muted)}.ss-h1{font:600 clamp(2rem,1.2rem + 3.2vw,3.25rem)/1.04 var(--ss-serif);letter-spacing:-.02em;margin:4px 0 6px}.ss-h1,.ss-h2{overflow-wrap:anywhere}.ss-h2{font:600 clamp(1.5rem,1.2rem + 1.4vw,2.2rem)/1.1 var(--ss-serif);letter-spacing:-.01em;margin:8px 0 4px}.ss-sec{margin-top:28px}.ss-sec>.ss-label{margin:0 0 10px 4px;gap:8px}.ss-row,.ss-sec>.ss-label{display:flex;align-items:center}.ss-row{gap:14px;width:100%;text-align:left;padding:14px 16px;border-radius:16px;background:var(--ss-surface);box-shadow:var(--ss-e1);margin-bottom:8px;transition:transform .2s var(--ss-ease),background .2s;color:var(--ss-text)}.ss-row:hover{background:var(--ss-raised)}.ss-row .ss-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ss-sage);color:var(--ss-primary);flex:none}.ss-row .ss-ic svg{width:20px;height:20px}.ss-row .ss-t{flex:1;min-width:0}.ss-row .ss-t b{display:block;font-weight:600;font-size:15.5px;overflow-wrap:anywhere}.ss-row .ss-t small{color:var(--ss-muted);font-size:13.5px}.ss-row.ss-group{background:var(--ss-raised);box-shadow:var(--ss-e2);position:relative;overflow:hidden}.ss-row.ss-group:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ss-primary)}.ss-row.ss-behind{background:transparent;box-shadow:none;border:1px dashed var(--ss-border-strong)}.ss-row.ss-behind .ss-ic{background:var(--ss-warn-bg);color:var(--ss-warn)}.ss-row.ss-gone{animation:ss-gone .4s var(--ss-ease) forwards}@keyframes ss-gone{to{opacity:0;transform:translateX(24px) scale(.98)}}.ss-chip{font:600 12px var(--ss-sans);padding:4px 10px;border-radius:99px;background:var(--ss-sage);color:var(--ss-text2);white-space:nowrap}.ss-chip.ss-warn{background:var(--ss-warn-bg);color:var(--ss-warn)}.ss-chip.ss-ok{background:var(--ss-success-bg);color:var(--ss-success)}.ss-chip.ss-pri{background:var(--ss-primary);color:var(--ss-on-primary)}.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;font-weight:600;font-size:14px;color:var(--ss-text)}.ss-btn.ss-pri{background:var(--ss-primary);color:var(--ss-on-primary)}.ss-btn.ss-pri:hover{background:var(--ss-primary-h)}.ss-btn.ss-sec{border:1px solid var(--ss-border-strong)}.ss-btn.ss-ghost{color:var(--ss-text2)}.ss-btn.ss-ghost:hover{background:var(--ss-sage)}.ss-btn.ss-sm{min-height:34px;padding:0 12px;font-size:13px;border-radius:10px}.ss-btn[aria-disabled=true],.ss-btn[disabled]{opacity:.5}.ss-card{background:var(--ss-surface);border-radius:16px;box-shadow:var(--ss-e1);padding:16px}.ss-hero-card{background:var(--ss-primary);color:var(--ss-on-primary);border-radius:20px;box-shadow:var(--ss-e2);padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ss-hero-card .ss-label{color:color-mix(in oklab,var(--ss-on-primary) 75%,transparent)}.ss-hero-card .ss-btn{background:var(--ss-raised);color:var(--ss-text)}.ss-faces{display:flex}.ss-faces>*{width:24px;height:24px;border-radius:99px;border:2px solid var(--ss-raised);margin-left:-6px;background:var(--ss-accent);overflow:hidden;font-size:10px;display:grid;place-items:center;color:var(--ss-text)}.ss-faces>:first-child{margin-left:0}.ss-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ss-border);margin:20px 0 12px;overflow-x:auto}.ss-tabs button{min-height:44px;padding:0 14px;font:600 14px var(--ss-sans);color:var(--ss-muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.ss-tabs button[aria-selected=true]{color:var(--ss-text);border-color:var(--ss-primary)}.ss-canopy{display:block;position:relative;margin:14px 0 6px;color:inherit;width:100%;text-align:left}.ss-canopy .ss-segs{display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:4px;height:var(--h,112px);border-radius:22px;overflow:hidden}.ss-canopy.ss-thin .ss-segs{height:8px;border-radius:99px;gap:3px}.ss-seg{position:relative;overflow:hidden;background:var(--ss-canopy-paper)}.ss-seg .ss-ph{position:absolute;inset:0;background:url(/simple/canopy.webp) calc(var(--i) * 100% / 6) 40% /700% auto;filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply;opacity:.22}.ss-seg .ss-fill{position:absolute;left:0;right:0;bottom:0;height:var(--f);background:var(--ss-canopy-ink);overflow:hidden;transition:height .9s var(--ss-ease)}.ss-seg .ss-fill .ss-ph{top:auto;height:var(--h,112px);mix-blend-mode:luminosity;opacity:.55;filter:none}.ss-seg .ss-fill:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ss-accent);z-index:1}.ss-thin .ss-seg .ss-fill:before,.ss-thin .ss-seg .ss-ph{display:none}.ss-seg.ss-future{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ss-border)}.ss-seg.ss-future .ss-ph{display:none}.ss-seg.ss-missed{background:transparent}.ss-seg.ss-today{box-shadow:inset 0 0 0 2px var(--ss-accent)}.ss-seg .ss-d{position:absolute;left:10px;bottom:8px;font:600 10px var(--ss-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ss-text2);z-index:2}.ss-seg.ss-full .ss-d{color:oklch(95% .016 86.4)}.ss-canopy .ss-note{position:absolute;right:12px;top:10px;font:500 12px var(--ss-sans);padding:5px 10px;border-radius:99px;background:color-mix(in oklab,var(--ss-raised) 92%,transparent);color:var(--ss-text);box-shadow:var(--ss-e1)}@media (max-width:480px){.ss-canopy .ss-segs{--h:84px}.ss-seg .ss-d{left:6px;letter-spacing:.02em}}.ss-dock{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:999px;background:var(--ss-primary);color:var(--ss-on-primary);box-shadow:var(--ss-e3);width:max-content;max-width:calc(100vw - 24px);min-width:min(340px,calc(100vw - 24px))}.ss-dock .ss-pulse{width:8px;height:8px;border-radius:9px;background:var(--ss-accent);flex:none}.ss-dock .ss-dt{flex:1;min-width:0;font:600 14px var(--ss-sans);white-space:nowrap}.ss-dock .ss-dt,.ss-dock .ss-dt small{overflow:hidden;text-overflow:ellipsis}.ss-dock .ss-dt small{display:block;font:500 11.5px var(--ss-sans);opacity:.8}.ss-dock .ss-db{min-height:40px;padding:0 16px;border-radius:999px;background:oklch(98% .01 87);color:oklch(25.5% .02 163);font-weight:600;font-size:13.5px;flex:none}.ss-dock .ss-grid{width:40px;height:40px;border-radius:99px;display:grid;place-items:center;background:rgb(255 255 255/.14);flex:none}@media (min-width:768px){.ss-dock .ss-grid{display:none}}.ss-toast{position:fixed;left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 68px);transform:translateX(-50%);z-index:41;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;background:var(--ss-text);color:var(--ss-bg);box-shadow:var(--ss-e3);font-size:14px;max-width:calc(100vw - 24px)}.ss-toast .ss-u{min-height:36px;padding:0 14px;border-radius:10px;background:color-mix(in oklab,var(--ss-bg) 18%,transparent);font-weight:700;color:var(--ss-bg)}.ss-toast .ss-timer{width:22px;height:22px;border-radius:99px;background:conic-gradient(var(--ss-accent) var(--p,100%),transparent 0);mask:radial-gradient(circle,transparent 7px,#000 8px);flex:none}.ss-scrim{position:fixed;inset:0;background:rgb(15 23 18/.36);backdrop-filter:blur(2px);z-index:60}.ss-sheet{position:fixed;z-index:61;background:var(--ss-raised);color:var(--ss-text);box-shadow:var(--ss-e3);left:0;right:0;bottom:0;border-radius:24px 24px 0 0;max-height:88dvh;overflow:auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}@media (min-width:768px){.ss-sheet{left:50%;right:auto;bottom:auto;top:12vh;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));border-radius:20px;padding:8px 20px 20px}}.ss-sheet .ss-grab{width:40px;height:4px;border-radius:9px;background:var(--ss-border);margin:6px auto 4px}@media (min-width:768px){.ss-sheet .ss-grab{display:none}}.ss-sheet-head{display:flex;align-items:center;gap:8px;padding:8px 0}.ss-sheet-head h2{flex:1;font:600 1.25rem/1.2 var(--ss-serif);margin:0}.ss-input{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--ss-border);background:var(--ss-surface);padding:10px 12px;color:var(--ss-text);font:400 15px var(--ss-sans)}.ss-input:focus{outline:2px solid var(--ss-ring);outline-offset:1px}.ss-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.ss-week button{min-height:64px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:600 12px var(--ss-sans);color:var(--ss-text2);background:var(--ss-surface)}.ss-week button[aria-pressed=true]{background:var(--ss-primary);color:var(--ss-on-primary)}.ss-week button b{font:600 18px var(--ss-serif)}.ss-week .ss-dots{display:flex;gap:3px;height:6px}.ss-week .ss-dots i{width:6px;height:6px;border-radius:9px;background:var(--ss-accent)}html[data-ui-theme=simple_sanctuary][data-simple-frame] .journal-workspace-portal,html[data-ui-theme=simple_sanctuary][data-simple-frame] .ss-window-host{top:var(--ss-frame-bar-h,56px)!important;height:auto!important}html[data-ui-theme=simple_sanctuary][data-simple-frame] .ss-window-host{transform:translateZ(0)}html[data-ui-theme=simple_sanctuary][data-simple-frame=dock] .ss-window-host{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px)!important}html[data-ui-theme=simple_sanctuary][data-simple-frame],html[data-ui-theme=simple_sanctuary][data-simple-frame] body{overflow:hidden}html[data-simple-frame] .ss-overlay-root .ss-dock,html[data-simple-frame] .ss-overlay-root .ss-toast{z-index:calc(var(--z-fullscreen, 100) + 2)}.ss-frame-bar{position:fixed;left:0;right:0;top:0;z-index:calc(var(--z-fullscreen, 100) + 1);height:var(--ss-frame-bar-h,56px);display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--ss-bg);color:var(--ss-text);border-bottom:1px solid var(--ss-border)}.ss-frame-bar .ss-frame-title{flex:1;min-width:0}.ss-frame-bar .ss-frame-title b{display:block;font:600 15px/1.2 var(--ss-sans);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ss-frame-bar .ss-frame-canopy{width:140px;flex:none}@media (max-width:640px){.ss-frame-bar .ss-frame-canopy{width:72px}}.ss-capturing [data-private]{filter:blur(12px)!important}@media (prefers-reduced-motion:reduce){.ss-row,.ss-seg .ss-fill{transition:none}.ss-row.ss-gone{animation:none;opacity:0}}html:not([data-ui-theme=simple_sanctuary]) .ss-bug-root{--ss-raised:hsl(var(--popover));--ss-text:hsl(var(--popover-foreground));--ss-border:hsl(var(--border));--ss-surface:hsl(var(--background));--ss-primary:hsl(var(--primary));--ss-primary-h:hsl(var(--primary));--ss-on-primary:hsl(var(--primary-foreground));--ss-sage:hsl(var(--muted));--ss-text2:hsl(var(--muted-foreground));--ss-muted:hsl(var(--muted-foreground));--ss-ring:hsl(var(--ring));--ss-e3:0 20px 50px rgb(0 0 0/0.3);--ss-serif:inherit;--ss-sans:inherit}.ss-bug-root .ss-scrim{z-index:300}.ss-bug-root .ss-sheet{z-index:301}.ss-bug-root .ss-sheet-head h2{color:var(--ss-text)}html[data-ui-theme=simple_sanctuary][data-simple-frame=on] [data-ss-hide-in-frame]{display:none!important}.ss-btn.ss-sec{margin-top:0}.ss-hero-card .ss-muted{color:color-mix(in oklab,var(--ss-on-primary) 78%,transparent)}.ss-hero-card .ss-faces>*{border-color:var(--ss-primary)}.ss-row time{font-variant-numeric:tabular-nums}.ss-embed{color:var(--ss-text)}.ss-embed .ss-legacy-back,.ss-embed [data-back-button]{display:none}.ss-tabs button[aria-current=true]{color:var(--ss-text);border-color:var(--ss-primary)}.ss-appear{display:grid;gap:18px}.ss-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--ss-border)}.ss-field:last-child{border-bottom:0}.ss-field .ss-t{flex:1 1 200px;min-width:0}.ss-field .ss-t b{display:block;font:600 15px var(--ss-sans)}.ss-field .ss-t small{color:var(--ss-muted);font-size:13px}.ss-seg-ctl{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--ss-sage);flex-wrap:wrap}.ss-seg-ctl button{min-height:36px;padding:0 12px;border-radius:9px;font:600 13px var(--ss-sans);color:var(--ss-text2)}.ss-seg-ctl button[aria-checked=true]{background:var(--ss-raised);color:var(--ss-text);box-shadow:var(--ss-e1)}.ss-switch{width:46px;height:28px;border-radius:99px;background:var(--ss-border-strong);position:relative;flex:none;transition:background .2s}.ss-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:99px;background:var(--ss-raised);transition:transform .2s;box-shadow:var(--ss-e1)}.ss-switch[aria-checked=true]{background:var(--ss-primary)}.ss-switch[aria-checked=true]:after{transform:translateX(18px)}.ss-seg-ctl button:focus-visible,.ss-switch:focus-visible{outline:2px solid var(--ss-ring);outline-offset:2px}.ss-preview{border-radius:18px;padding:14px;background:var(--ss-bg);border:1px solid var(--ss-border);box-shadow:var(--ss-e1);pointer-events:none}html[data-ui-theme=simple_sanctuary][data-ss-text=large] .ss-main{zoom:1.1}html[data-ui-theme=simple_sanctuary][data-ss-text=larger] .ss-main{zoom:1.2}html[data-ui-theme=simple_sanctuary][data-simple-frame][data-ss-text=large]{font-size:110%}html[data-ui-theme=simple_sanctuary][data-simple-frame][data-ss-text=larger]{font-size:120%}html[data-ui-theme=simple_sanctuary][data-ss-canopy=off] .ss-canopy{display:none!important}html[data-ui-theme=simple_sanctuary][data-ss-calm=on] *,html[data-ui-theme=simple_sanctuary][data-ss-calm=on] :after,html[data-ui-theme=simple_sanctuary][data-ss-calm=on] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html[data-ui-theme=simple_sanctuary] .ss-embed [data-ss-embed-hide]{display:none!important}html[data-ui-theme=simple_sanctuary] [role=dialog].grid{overflow-y:auto;overscroll-behavior:contain}