@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/schibsted-grotesk-latin-ext-wght-normal.1mn47ffbmm65q.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:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/schibsted-grotesk-latin-wght-normal.1n5gamcxs9g-p.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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/playfair-display-cyrillic-wght-normal.2k45saqu94y7o.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/playfair-display-vietnamese-wght-normal.1uspqum1g73ck.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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/playfair-display-latin-ext-wght-normal.35b9e1hr6h5k1.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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../media/playfair-display-latin-wght-normal.1izqcz-wkfvza.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"Schibsted Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--font-prose:"Schibsted Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--font-display:"Playfair Display Variable", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--white:#fff;--cream:#faf6ef;--fluo-yellow:#ffe86b;--grey-0:#fff;--grey-50:#f6f3ed;--grey-100:#edeae2;--grey-200:#e0dbcf;--grey-300:#cbc4b4;--grey-400:#aca289;--grey-500:#948b76;--grey-600:#7b7365;--grey-700:#5f594d;--grey-800:#3e3a32;--grey-900:#25221c;--indigo-50:#e9edf4;--indigo-100:#d4dcec;--indigo-300:#8b9dc0;--indigo-500:#1e2f52;--indigo-700:#131f39;--indigo-900:#0b1224;--green-50:#e9f2e4;--green-300:#b5d9a4;--green-500:#6fae57;--green-700:#3c6e2e;--green-900:#234a1d;--orange-50:#faeadd;--orange-100:#f5d9bd;--orange-300:#e8a86a;--orange-500:#d97f35;--orange-700:#a85417;--orange-900:#7a3a0d;--red-50:#f9e5e2;--red-300:#eba69e;--red-500:#cf4b3e;--red-700:#a52e24;--red-900:#77170f;--teal-50:#e4f1ef;--teal-100:#cfe7e3;--teal-300:#8cc6bd;--teal-500:#3d8a7d;--teal-700:#2a6055;--teal-900:#1b3f38;--yellow-50:#faf2d7;--yellow-100:#f4e3a6;--yellow-300:#e6c65c;--yellow-500:#cda32c;--yellow-700:#a37f14}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--white:#161a20;--cream:#0e1116;--fluo-yellow:#4d4a15;--grey-0:#161a20;--grey-50:#1a1f26;--grey-100:#212730;--grey-200:#2c343f;--grey-300:#3a4450;--grey-400:#515d6b;--grey-500:#6d7a89;--grey-600:#8894a2;--grey-700:#a6b1bd;--grey-800:#cbd3dc;--grey-900:#ebeff4;--indigo-50:#232a34;--indigo-100:#2e3742;--indigo-300:#71808f;--indigo-500:#dfe6ee;--indigo-700:#eef2f7;--indigo-900:#fff;--green-50:#182518;--green-300:#3f6236;--green-500:#79b164;--green-700:#a3d18e;--green-900:#cde8bf;--orange-50:#2a2113;--orange-100:#3d2f18;--orange-300:#92682e;--orange-500:#d19a52;--orange-700:#e5ba7f;--orange-900:#f3d7ac;--red-50:#2e1a19;--red-300:#7c3b34;--red-500:#dd7a6e;--red-700:#eba49a;--red-900:#f6cec7;--teal-50:#14201e;--teal-100:#1c2e2b;--teal-300:#395c54;--teal-500:#62a294;--teal-700:#92c7ba;--teal-900:#c2e2d9;--yellow-50:#262112;--yellow-100:#3a3216;--yellow-300:#8a7838;--yellow-500:#c2a44d;--yellow-700:#ddc476}
.shell{grid-template-columns:216px 1fr;min-height:100vh;display:grid}.shell__side{border-right:1px solid var(--grey-100);background:var(--white);box-sizing:border-box;flex-direction:column;gap:2px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.shell__main{max-width:980px;padding:28px 40px}@media (max-width:860px){.shell{grid-template-columns:1fr}.shell__side{border-right:none;border-bottom:1px solid var(--grey-100);height:auto;position:static}.shell__main{padding:20px 18px}}.wordmark{font-family:var(--font-display);color:var(--grey-900);letter-spacing:-.01em;font-size:24px;line-height:30px}.nav{cursor:pointer;color:var(--grey-700);text-align:left;width:100%;font:500 13.5px/18px var(--font-ui);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.nav:hover{background:var(--grey-50)}.nav[aria-current=page]{background:var(--indigo-50);color:var(--indigo-700)}.nav__count{font:400 11.5px/14px var(--font-ui);color:var(--grey-500);margin-left:auto}.card{background:var(--white);border:1px solid var(--grey-100);border-radius:16px;box-shadow:0 1px 4px #4647540f}.card--hoverable{cursor:pointer;transition:box-shadow .15s}.card--hoverable:hover{box-shadow:0 4px 12px #4647541a}.panel{background:var(--white);border:1px solid var(--grey-100);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.btn{font:500 13px/18px var(--font-ui);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:8px 16px;transition:background .15s}.btn--primary{color:var(--white);background:var(--indigo-500)}.btn--primary:hover{background:var(--indigo-700)}.btn--ghost{color:var(--grey-700);background:var(--white);border-color:var(--grey-200)}.btn--ghost:hover{background:var(--grey-50)}.btn--block{border-radius:12px;width:100%;padding:11px;font-size:14px}.btn:disabled{opacity:.55;cursor:default}.pill{font:500 12.5px/16px var(--font-ui);color:var(--grey-700);background:var(--white);border:1px solid var(--grey-200);cursor:pointer;border-radius:999px;padding:5px 12px}.pill:hover{background:var(--grey-50)}.pill--warn{color:var(--orange-700);background:var(--orange-50);border-color:var(--orange-100)}.field{box-sizing:border-box;width:100%;font:400 14.5px/20px var(--font-ui);color:var(--grey-900);background:var(--white);border:1px solid var(--grey-200);border-radius:12px;padding:11px 14px}.field:focus{border-color:var(--indigo-300);box-shadow:0 0 0 4px var(--indigo-50)}.field-label{font:500 12.5px/17px var(--font-ui);color:var(--grey-700);margin-bottom:6px;display:block}.field--code{font:500 22px/28px var(--font-mono);letter-spacing:.35em;text-align:center}.link-btn{font:500 12.5px/16px var(--font-ui);color:var(--indigo-500);cursor:pointer;background:0 0;border:none;padding:0}.link-btn--danger{color:var(--red-500)}.row{border-radius:12px}.row:hover{background:var(--white)}.row__grid{grid-template-columns:1fr 90px 110px 90px 28px;align-items:center;gap:12px;padding:14px 12px;display:grid}.row__title{font:500 15px/20px var(--font-ui);color:var(--grey-900)}.row__excerpt{font:400 12.5px/17px var(--font-ui);color:var(--grey-500);margin-top:2px}.row__meta{font:400 12px/16px var(--font-ui);color:var(--grey-500)}@media (max-width:720px){.row__grid{grid-template-columns:1fr 28px}.row__meta{display:none}}.h1{font:500 22px/30px var(--font-ui);color:var(--grey-900)}.sub{font:400 13.5px/19px var(--font-ui);color:var(--grey-500)}.eyebrow{font:500 12px/16px var(--font-ui);color:var(--grey-500);letter-spacing:.03em}.hint{font:400 12px/17px var(--font-ui);color:var(--grey-400)}.toast{background:var(--grey-900);color:var(--white);font:500 13px/18px var(--font-ui);z-index:60;border-radius:999px;padding:9px 16px;animation:.25s cubic-bezier(.6,0,.4,1) mk-fadeup;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.fadeup{animation:.35s cubic-bezier(.6,0,.4,1) mk-fadeup}.table{border-collapse:collapse;width:100%;font:400 13px/18px var(--font-ui)}.table th{text-align:left;color:var(--grey-500);border-bottom:1px solid var(--grey-200);white-space:nowrap;padding:7px 10px;font-weight:500}.table td{border-bottom:1px solid var(--grey-100);color:var(--grey-800);white-space:nowrap;padding:7px 10px}.table tbody tr:hover td{background:var(--grey-50)}.stat{background:var(--grey-50);border-radius:12px;padding:10px 12px}.stat__label{font:500 11px/15px var(--font-ui);color:var(--grey-500);margin-bottom:3px}.stat__value{font:600 16px/20px var(--font-ui);color:var(--grey-900)}
.editor{background:var(--cream);flex-direction:column;min-height:100vh;display:flex}.editor__bar{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 18px;padding:12px 28px;display:flex}.editor__page{flex:1;width:100%;max-width:620px;margin:0 auto;padding:40px 24px 80px}.editor__title{width:100%;font:600 31px/38px var(--font-prose);color:var(--grey-900);background:0 0;border:none;margin-bottom:26px;padding:0;display:block}.editor__title::placeholder{color:var(--grey-300)}.prose-body{font:400 17.5px/30px var(--font-prose);color:var(--grey-800);min-height:50vh}.prose-body:focus{outline:none}.prose-body p{margin:0 0 20px}.prose-body h2{font:600 24px/32px var(--font-prose);color:var(--grey-900);margin:32px 0 12px}.prose-body h3{font:600 19px/28px var(--font-prose);color:var(--grey-900);margin:26px 0 10px}.prose-body blockquote{border-left:3px solid var(--grey-200);color:var(--grey-600);margin:0 0 20px;padding-left:16px;font-style:italic}.prose-body ul,.prose-body ol{margin:0 0 20px;padding-left:24px}.prose-body a{color:var(--indigo-500);text-underline-offset:2px;text-decoration:underline}.prose-body p.is-editor-empty:first-child:before{content:"Start writing. The pencil stays quiet until you pause.";color:var(--grey-300);float:left;pointer-events:none;height:0}.bubble{background:var(--grey-900);border-radius:12px;align-items:center;gap:1px;padding:4px 5px;animation:.18s cubic-bezier(.6,0,.4,1) mk-fadeup;display:flex;box-shadow:0 4px 16px #28283040}.bubble__btn{color:var(--white);font:400 12.5px/16px var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 9px}.bubble__btn:hover{background:#ffffff1f}.bubble__btn[data-on=true]{background:#fff3}.bubble__sep{background:#fff3;width:1px;height:16px;margin:0 3px}.bubble__input{width:190px;color:var(--white);font:400 12.5px/16px var(--font-ui);background:#ffffff1f;border:none;border-radius:8px;outline:none;margin:0 2px;padding:6px 10px}[data-theme=dark] .bubble{background:var(--grey-200)}[data-theme=dark] .bubble__btn{color:var(--grey-900)}.pencil-mark{border-bottom:2px dotted var(--indigo-300);cursor:pointer}.editor__page{position:relative}.rail{pointer-events:none;z-index:0;position:absolute;top:0}.rail--dots{width:20px;left:-30px}.rail__dot{background:var(--grey-400);cursor:pointer;pointer-events:auto;z-index:1;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:background .2s;animation:.35s cubic-bezier(.1,.6,.3,2) mk-pop;position:absolute;left:7px}.rail__dot[data-open=true]{background:var(--indigo-500);z-index:3}.rail--cards{width:280px;left:calc(100% + 22px)}.rail__card{background:var(--white);border:1px solid var(--grey-100);pointer-events:auto;z-index:1;border-radius:12px;padding:12px 14px;transition:box-shadow .2s,border-color .2s;position:absolute;left:0;right:0;box-shadow:0 1px 4px #4647540f}.rail__card[data-open=true]{z-index:3;border-color:var(--indigo-300);box-shadow:0 6px 18px #46475429}.rail__question{font:italic 400 13.5px/20px var(--font-prose);color:var(--grey-700);margin:0}.rail__box{background:var(--grey-50);border-radius:9px;margin-top:9px;padding:9px 11px}.rail__boxlabel{font:500 10.5px/13px var(--font-ui);color:var(--grey-500);letter-spacing:.03em;margin-bottom:3px}.rail__fragments{font:400 12.5px/18px var(--font-ui);color:var(--grey-700);white-space:pre-line}.rail__actions{align-items:center;gap:12px;margin-top:10px;display:flex}.rail__action{font:500 12px/16px var(--font-ui);color:var(--grey-500);cursor:pointer;background:0 0;border:none;padding:0}.rail__action--accent{color:var(--indigo-500)}@media (max-width:1180px){.rail--dots{display:none}.rail--cards{width:auto;margin-top:24px;position:static}.rail__card{margin-bottom:10px;position:static}}.editor__status{border-top:1px solid var(--grey-100);background:var(--cream);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:11px 28px;display:flex;position:sticky;bottom:0}.pencil-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;display:flex}.pencil-toggle__track{background:var(--grey-300);border-radius:999px;width:26px;height:15px;transition:background .2s cubic-bezier(.6,0,.4,1);position:relative}.pencil-toggle__track[data-on=true]{background:var(--indigo-500)}.pencil-toggle__knob{background:var(--white);border-radius:999px;width:11px;height:11px;transition:left .2s cubic-bezier(.1,.6,.3,2);position:absolute;top:2px;left:2px}.pencil-toggle__track[data-on=true] .pencil-toggle__knob{left:13px}.mirror__open{cursor:pointer;font:500 12.5px/16px var(--font-ui);color:var(--indigo-500);background:0 0;border:none;align-items:center;gap:7px;padding:0;display:flex}.mirror{background:var(--cream);z-index:50;justify-content:center;align-items:center;padding:24px;animation:.35s cubic-bezier(.6,0,.4,1) mk-fadeup;display:flex;position:fixed;inset:0}.mirror__inner{width:640px;max-width:100%}.mirror__text{font:italic 400 17px/28px var(--font-prose);color:var(--grey-800);margin:0}.mirror__caret{background:var(--grey-600);vertical-align:-3px;width:2px;height:17px;margin-left:1px;animation:.8s step-end infinite mk-blink;display:inline-block}.mirror__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;display:flex}.bubble__ask{color:var(--indigo-300);font:500 12.5px/16px var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;display:flex}.bubble__ask:hover{background:#ffffff1f}[data-theme=dark] .bubble__ask{color:var(--indigo-700)}.ink{align-items:center;gap:5px;display:flex}.ink__dot{border:1.5px dashed var(--grey-300);background:0 0;border-radius:999px;flex:none;width:9px;height:9px;transition:all .3s cubic-bezier(.6,0,.4,1)}.ink__dot[data-filled=true]{background:var(--grey-800);border:none}.ink__label{font:400 11.5px/14px var(--font-ui);color:var(--grey-500);margin-left:3px}.editor__theme .nav{gap:6px;width:auto;padding:6px 8px}.editor__theme .nav span{display:none}.mirror__details{flex-direction:column;gap:10px;margin-top:18px;display:flex}.mirror__row{align-items:baseline;gap:10px;display:flex}.mirror__tag{font:500 12px/18px var(--font-ui);border-radius:999px;flex:none;padding:2px 9px}.mirror__tag--carries{color:var(--green-700);background:var(--green-50)}.mirror__tag--thins{color:var(--orange-700);background:var(--orange-50)}.mirror__rowtext{font:400 13.5px/19px var(--font-ui);color:var(--grey-700)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--grey-900);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:var(--indigo-500)}a:hover{color:var(--indigo-700)}input:focus,[contenteditable]:focus{outline:none}button{font:inherit}@keyframes mk-fadeup{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mk-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes mk-wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}@keyframes mk-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}