@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-cyrillic-ext-wght-normal.0qwoikk40lf7m.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-cyrillic-wght-normal.0zkbq76z7xl4t.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-vietnamese-wght-normal.417fo1zsczp9g.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-latin-ext-wght-normal.0ce5t-i757luc.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-latin-wght-normal.1wfvpvbbo3vam.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-cyrillic-ext-wght-italic.3426qjzss5032.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-cyrillic-wght-italic.249-p81ncv7nd.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-vietnamese-wght-italic.1_dil7pmu79lw.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-latin-ext-wght-italic.3-_drx79l7c54.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(../media/cormorant-garamond-latin-wght-italic.369iaql9n6a6a.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Crimson Pro Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/crimson-pro-vietnamese-wght-normal.17xnauj0jb9_u.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Crimson Pro Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/crimson-pro-latin-ext-wght-normal.1j4l879vb4m1x.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Crimson Pro Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/crimson-pro-latin-wght-normal.2ytiv9z_6v9bn.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Crimson Pro Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(../media/crimson-pro-vietnamese-wght-italic.0zqdi8494ul9l.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Crimson Pro Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(../media/crimson-pro-latin-ext-wght-italic.2llb0jn_k_tmo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Crimson Pro Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(../media/crimson-pro-latin-wght-italic.1chcpcdo8rdv-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f5efe2;--paper-2:#ebe2ce;--paper-3:#e2d7bf;--ink:#26211d;--ink-2:#5a5049;--ink-3:#8a7f75;--hair:#d9cfbb;--rule:#c7d0db;--margin:#d8a6a0;--accent:#2f4c8a;--accent-deep:#223a6b;--accent-soft:#dce3f0;--gold:#c8a452;--gold-deep:#a8862f;--red:#a93a2f;--teal:#2e7c86;--olive:#5e7a3a;--ochre:#c58b2a;--navy:#1e2a4a;--walnut:#6b4a33;--nb-accent:var(--accent);--font-display:"Cormorant Garamond Variable", "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-text:"Crimson Pro Variable", "Crimson Pro", Georgia, "Times New Roman", serif;--lh:32px;--text:18px;--radius:2px;--gutter:20px;--page-max:720px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur:.32s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:720px){:root{--gutter:40px}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background:var(--paper);scrollbar-gutter:stable}body{min-height:100dvh;font-family:var(--font-text);font-size:var(--text);color:var(--ink);background:var(--paper);margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.005em;margin:0;font-weight:600;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img,svg,canvas{max-width:100%;display:block}::selection{background:var(--accent-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.caps{font-family:var(--font-text);letter-spacing:.08em;color:var(--ink-2);font-variant-caps:all-small-caps;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{height:56px;padding:0 var(--gutter);border-bottom:1px solid var(--hair);background:var(--paper);z-index:20;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;font-size:22px;font-weight:600;display:inline-flex}.topbar__brand svg{width:22px;height:22px}.topbar__back{letter-spacing:.08em;color:var(--ink-2);align-items:center;gap:8px;padding:8px 0;font-variant-caps:all-small-caps;font-weight:500;display:inline-flex}.topbar__back svg{width:14px;height:14px}.topbar__right{align-items:center;gap:8px;display:flex}.iconbtn{width:40px;height:40px;color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.iconbtn svg{width:20px;height:20px}.iconbtn__count{background:var(--red);min-width:16px;height:16px;color:var(--paper);text-align:center;font-size:11px;font-weight:600;line-height:16px;font-family:var(--font-text);border-radius:8px;padding:0 4px;position:absolute;top:5px;right:3px}.avatar{border:1.5px solid var(--ink);width:32px;height:32px;font-family:var(--font-display);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:inline-flex}.nb{--nb-accent:var(--accent);flex-direction:column;flex:1;display:flex}.nb__band{border-bottom:1px solid var(--hair);background-position:50%;height:26px}.nb__body{width:100%;max-width:var(--page-max);padding:24px var(--gutter) 96px;margin:0 auto;position:relative}@media (min-width:720px){.nb__body{padding-left:72px}.nb__body:before{content:"";background:var(--margin);width:1px;position:absolute;top:0;bottom:0;left:44px}}.nb__head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.nb__title{color:var(--ink);font-size:40px}.nb__sub{color:var(--ink-2);margin-bottom:24px;font-size:18px;font-style:italic}.nb__eyebrow{letter-spacing:.1em;color:var(--nb-accent);font-size:15px;font-variant-caps:all-small-caps;font-weight:500}.search{margin-bottom:4px}.search__bar{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.iconbtn--active{color:var(--nb-accent);background:var(--accent-soft)}.search__drawer{transition:grid-template-rows var(--dur) var(--ease-out);grid-template-rows:0fr;display:grid}.search__drawer--open{grid-template-rows:1fr}.search__drawer>div{overflow:hidden}.search__input{margin:4px 0 16px}.sentinel{height:1px}.entries{border-top:1px solid var(--hair);margin:0;padding:0;list-style:none}.entry{border-bottom:1px solid var(--hair)}.entry__link{grid-template-columns:1fr auto;align-items:start;gap:4px 16px;padding:14px 0;display:grid}.entry__ref{letter-spacing:.08em;color:var(--nb-accent);grid-column:1;font-size:15px;font-variant-caps:all-small-caps;font-weight:500}.entry__text{font-family:var(--font-display);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1;font-size:21px;font-style:italic;line-height:1.25;display:-webkit-box;overflow:hidden}.entry__meta{color:var(--ink-3);grid-column:1;margin-top:2px;font-size:15px}.entry__stamps{grid-area:1/2/span 3;align-self:center;gap:6px;display:flex}.stamp{border:1.5px solid var(--ink-3);width:28px;height:28px;color:var(--ink-3);font-family:var(--font-display);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.stamp--done{border-color:var(--nb-accent);background:var(--nb-accent);color:var(--paper)}.stamp--draft{border-style:dashed;border-color:var(--nb-accent);color:var(--nb-accent)}.empty{color:var(--ink-2);text-align:center;padding:40px 0;font-style:italic}.quote{margin:8px 0 32px}.quote__text{font-family:var(--font-display);color:var(--ink);hanging-punctuation:first;font-size:23px;font-weight:500;line-height:1.3}.quote__text:before{content:"“";color:var(--nb-accent)}.quote__text:after{content:"”";color:var(--nb-accent)}.quote__ref{letter-spacing:.08em;color:var(--nb-accent);margin-top:12px;font-size:16px;font-variant-caps:all-small-caps;font-weight:500}.quote__source{color:var(--ink-3);font-size:15px}.ornament{color:var(--gold-deep);align-items:center;gap:10px;margin:28px 0;display:flex}.ornament:before,.ornament:after{content:"";background:var(--hair);flex:1;height:1px}.ornament svg{width:16px;height:16px}@media (min-width:720px){.quote__text{font-size:27px}}.section{margin-top:8px}.section__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.section__title{align-items:center;gap:10px;font-size:26px;display:flex}.section__hint{color:var(--ink-3);font-size:15px;font-style:italic}.ruled{--rule-img:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--lh) - 1px), var(--rule) calc(var(--lh) - 1px), var(--rule) var(--lh));width:100%;font-family:var(--font-text);font-size:var(--text);line-height:var(--lh);color:var(--ink);background-color:#0000;background-image:var(--rule-img);resize:none;white-space:pre-wrap;overflow-wrap:anywhere;background-attachment:local;border:0;border-radius:0;margin:0;padding:0;display:block;overflow:hidden}textarea.ruled{min-height:calc(var(--lh) * 4);field-sizing:content}textarea.ruled::placeholder{color:var(--ink-3);font-style:italic}.ruled--read{min-height:calc(var(--lh) * 2)}.ruled--read:empty:before{content:"(left blank)";color:var(--ink-3);font-style:italic}.field{margin-bottom:20px}.field__label{letter-spacing:.08em;color:var(--nb-accent);margin-bottom:2px;font-size:16px;font-variant-caps:all-small-caps;font-weight:600;display:block}.field__label small{letter-spacing:0;color:var(--ink-3);margin-left:6px;font-size:15px;font-style:italic;font-variant-caps:normal;font-weight:400}.input{border:0;border-bottom:1px solid var(--ink-3);width:100%;line-height:28px;font-size:var(--text);background:0 0;padding:6px 0;display:block}.input:focus{border-bottom-color:var(--nb-accent);border-bottom-width:1.5px;outline:none}select.input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a5049' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding-right:24px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.btn{border-radius:var(--radius);border:1.5px solid var(--nb-accent);min-height:44px;color:var(--nb-accent);font-family:var(--font-text);letter-spacing:.01em;white-space:nowrap;transition:background-color .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--nb-accent);color:var(--paper)}.btn--quiet{color:var(--ink-2);border-color:#0000;padding:0 8px}.btn--danger{border-color:var(--red);color:var(--red)}.btn[disabled]{opacity:.55;cursor:default}.btn svg{width:16px;height:16px}.note{color:var(--ink-3);font-size:15px;font-style:italic}.error{color:var(--red);margin:8px 0;font-size:16px}.success{color:var(--olive);margin:8px 0;font-size:16px}.guidelines{border:1px solid var(--hair);border-left:3px solid var(--gold);background:var(--paper-2);margin:0 0 24px}.guidelines summary{cursor:pointer;letter-spacing:.08em;color:var(--ink-2);justify-content:space-between;align-items:center;padding:10px 14px;font-variant-caps:all-small-caps;font-weight:600;list-style:none;display:flex}.guidelines summary::-webkit-details-marker{display:none}.guidelines summary:after{content:"+";font-family:var(--font-display);color:var(--gold-deep);font-size:22px;line-height:1}.guidelines[open] summary:after{content:"−"}.guidelines ol{color:var(--ink-2);margin:0;padding:0 16px 14px 34px;font-size:16px;line-height:1.45}.guidelines li{margin-bottom:6px}.guidelines li::marker{color:var(--gold-deep);font-family:var(--font-display);font-weight:700}.sealed{border:1px dashed var(--ink-3);text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.sealed__mark{border:2px solid var(--red);width:56px;height:56px;color:var(--red);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:inline-flex;transform:rotate(-8deg)}.sealed p{max-width:34ch;font-style:italic}.byline{color:var(--ink-3);align-items:center;gap:10px;margin-bottom:12px;font-size:15px;display:flex}.rows{border-top:1px solid var(--hair)}.row{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.row__main{flex:1;min-width:0}.row__title{font-size:18px;font-weight:600}.row__sub{color:var(--ink-3);font-size:15px}.radio{cursor:pointer;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.radio input{accent-color:var(--accent);width:18px;height:18px;margin-top:6px}.radio__title{font-weight:600}.radio__sub{color:var(--ink-3);font-size:15px}.notif{border-bottom:1px solid var(--hair);padding:14px 0;display:block}.notif--unread .notif__title:before{content:"";background:var(--red);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.notif__title{font-weight:600}.notif__body{color:var(--ink-2);font-size:16px}.notif__time{color:var(--ink-3);margin-top:2px;font-size:14px}.tab-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:15;position:fixed}@media (min-width:720px){.tab-cta{position:static}}.login{place-items:center;min-height:100dvh;padding:24px;display:grid}.login__cover{aspect-ratio:1/1.35;border-left:10px solid var(--accent-deep);border-top-right-radius:3px;border-bottom-right-radius:3px;place-items:center;width:min(360px,100%);padding:24px;display:grid;position:relative}.login__band{background:var(--navy);width:12px;position:absolute;top:0;bottom:0;right:18%}.login__label{background:var(--paper);border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:3px;width:100%;padding:22px 20px 18px;position:relative}.login__title{text-align:center;font-size:30px}.login__sub{text-align:center;color:var(--ink-3);margin-bottom:16px;font-size:15px;font-style:italic}.login .field{margin-bottom:14px}.login .btn{width:100%;margin-top:6px}.day{margin-top:32px}.day__title{color:var(--ink-2);border-bottom:1px solid var(--hair);margin-bottom:8px;padding-bottom:6px;font-size:22px}.xl{margin:12px 0 20px}.xl__head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.xl__head .stamp{width:24px;height:24px;font-size:13px}.xl .actions{margin-top:10px}.xl--quiet{color:var(--ink-2)}.addrow{align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.addrow .input{flex:1}.checklist{margin:0;padding:0;list-style:none}.check{min-height:var(--lh);line-height:var(--lh);border-bottom:1px solid var(--rule);grid-template-columns:26px 1fr auto auto;align-items:center;gap:12px;display:grid}.check__box{border:1.5px solid var(--ink-2);border-radius:var(--radius);color:#0000;width:20px;height:20px;transition:background-color .14s var(--ease-out), border-color .14s var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.check__box svg{width:14px;height:14px}.check--done .check__box{background:var(--nb-accent);border-color:var(--nb-accent);color:var(--paper)}.check__text{font-size:var(--text);overflow-wrap:anywhere}.check--done .check__text{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.check__by{font-family:var(--font-display);color:var(--ink-3);border:1px solid var(--hair);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:700;display:inline-flex}.check__remove{color:var(--ink-3);justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;line-height:1;display:inline-flex}.check__remove:hover{color:var(--red)}
:root{--vt-exit:.14s;--vt-enter:.22s;--vt-move:.38s}.page{flex-direction:column;flex:1;min-height:0;display:flex}::view-transition{pointer-events:none}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-old(.nav-forward){--vt-offset:-32px;animation:var(--vt-exit) ease-in both vt-fade reverse, var(--vt-move) var(--ease-out) both vt-slide-x reverse}::view-transition-new(.nav-forward){--vt-offset:32px;animation:var(--vt-enter) ease-out var(--vt-exit) both vt-fade, var(--vt-move) var(--ease-out) both vt-slide-x}::view-transition-old(.nav-back){--vt-offset:32px;animation:var(--vt-exit) ease-in both vt-fade reverse, var(--vt-move) var(--ease-out) both vt-slide-x reverse}::view-transition-new(.nav-back){--vt-offset:-32px;animation:var(--vt-enter) ease-out var(--vt-exit) both vt-fade, var(--vt-move) var(--ease-out) both vt-slide-x}::view-transition-old(.open-notebook){animation:var(--vt-exit) ease-in both vt-fade reverse}::view-transition-new(.open-notebook){--vt-offset:28px;animation:var(--vt-enter) ease-out var(--vt-exit) both vt-fade, var(--vt-move) var(--ease-out) both vt-slide-y}::view-transition-old(.close-notebook){--vt-offset:28px;animation:var(--vt-exit) ease-in both vt-fade reverse, var(--vt-move) var(--ease-out) both vt-slide-y reverse}::view-transition-new(.close-notebook){animation:var(--vt-enter) ease-out var(--vt-exit) both vt-fade}::view-transition-group(.morph){animation-duration:var(--vt-move);animation-timing-function:var(--ease-out)}::view-transition-image-pair(.morph){animation-name:vt-soften}::view-transition-old(.swap){animation-duration:.18s}::view-transition-new(.swap){animation-duration:.18s}@keyframes vt-fade{0%{opacity:0}to{opacity:1}}@keyframes vt-slide-x{0%{translate:var(--vt-offset) 0}to{translate:0}}@keyframes vt-slide-y{0%{translate:0 var(--vt-offset)}to{translate:0}}@keyframes vt-soften{30%{filter:blur(2px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}