:root{--m-tick: .12s;--m-fade: .24s;--m-page: .48s;--m-drawer: .64s;--m-stamp: .32s;--e-paper: cubic-bezier(.22,.7,.25,1);--e-drawer: cubic-bezier(.34,.02,.28,1);--e-graphite: cubic-bezier(.4,0,.2,1);--e-stamp: cubic-bezier(.55,1.55,.3,1)}@media(prefers-reduced-motion:reduce){:root{--m-tick: 0ms;--m-fade: 0ms;--m-page: 0ms;--m-drawer: 0ms;--m-stamp: 0ms}}.mk-section{margin:44px 0 0;padding:24px 0 0;border-top:.7px solid rgba(95,61,30,.18)}.mk-section:first-of-type{border-top:0;padding-top:0;margin-top:6px}.mk-h{font-family:var(--head);font-weight:300;font-size:clamp(20px,2.4vw,26px);line-height:1.15;margin:0 0 4px;color:rgba(var(--card),var(--a-100))}.mk-sub{font-family:var(--head);font-style:italic;font-weight:300;font-size:16px;color:rgba(var(--card),var(--a-70));margin:0 0 20px}.mk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.mk-demo{padding:20px;background:#faf4e080;border:.5px solid rgba(95,61,30,.2);border-radius:3px;position:relative}.mk-demo:before{content:attr(data-label);position:absolute;top:-8px;left:12px;background:#f5eed7;padding:0 6px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--card),var(--a-60))}.mk-demo-body{min-height:96px;display:flex;align-items:center;justify-content:center;margin:6px 0 12px}.mk-caption{font-family:var(--head);font-style:italic;font-weight:300;font-size:13px;line-height:1.5;color:rgba(var(--card),var(--a-70));margin:0}.mk-token-row{display:grid;grid-template-columns:180px 1fr;column-gap:20px;padding:8px 0;border-bottom:.5px solid rgba(95,61,30,.12);font-size:13px}.mk-token{font-family:var(--mono);font-size:12px;color:rgba(var(--card),var(--a-100));letter-spacing:.04em}.mk-token-val{font-family:var(--mono);font-size:12px;color:rgba(var(--card),var(--a-75))}.mk-token-desc{font-family:var(--head);font-style:italic;font-weight:300;color:rgba(var(--card),var(--a-70))}.p-lift{display:block;padding:22px 18px;background:#fffbeebf;border:.5px solid rgba(95,61,30,.22);border-radius:2px;cursor:pointer;transform:translateY(0);box-shadow:0 1px #5f3d1e0f;transition:transform var(--m-fade) var(--e-paper),box-shadow var(--m-fade) var(--e-paper);font-family:var(--head);font-size:16px;color:rgba(var(--card),var(--a-100))}.p-lift:hover{transform:translateY(-2px);box-shadow:0 6px 14px -8px #5f3d1e52,0 2px 4px -2px #5f3d1e24}.p-graphite{font-family:var(--head);font-size:20px;color:#5f3d1e8c;transition:color var(--m-tick) var(--e-graphite);cursor:pointer}.p-graphite:hover{color:#5f3d1e}.p-underline{position:relative;font-family:var(--head);font-size:17px;color:rgba(var(--card),var(--a-100));text-decoration:none;cursor:pointer;padding-bottom:2px}.p-underline:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#5f3d1ebf;transform:scaleX(0);transform-origin:left center;transition:transform var(--m-fade) var(--e-graphite)}.p-underline:hover:after{transform:scaleX(1)}.p-tick{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-family:var(--head);font-size:17px;cursor:pointer;color:rgba(var(--card),var(--a-90));border-radius:2px;transition:background var(--m-tick) var(--e-graphite)}.p-tick:hover{background:#5f3d1e0d}.p-tick .tk{opacity:0;transform:translate(-4px);transition:opacity var(--m-fade) var(--e-graphite),transform var(--m-fade) var(--e-graphite);font-family:var(--mono);font-size:14px;color:#5f3d1ed9}.p-tick:hover .tk{opacity:1;transform:translate(0)}.p-stamp-target{position:relative;padding:26px 22px;background:#fffbeeb3;border:.5px solid rgba(95,61,30,.22);border-radius:2px;overflow:hidden}.p-stamp{position:absolute;top:14px;right:-12px;opacity:0;transform:rotate(-6deg) scale(1.4);font-family:var(--mono);font-weight:700;font-size:22px;letter-spacing:.18em;color:#a03228b8;border:2.5px solid rgba(160,50,40,.72);padding:3px 10px 2px;pointer-events:none;transition:opacity var(--m-stamp) var(--e-stamp),transform var(--m-stamp) var(--e-stamp)}.p-stamp-target.stamped .p-stamp{opacity:1;transform:rotate(-8deg) scale(1)}.p-stamp-btn{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--accent),1);background:transparent;border:0;cursor:pointer;padding:4px 0}.p-drawer-target{position:relative;height:120px;border:.5px solid rgba(95,61,30,.22);background:#f5eed799;overflow:hidden;border-radius:2px}.p-drawer{position:absolute;inset:0 auto 0 0;width:60%;background:#faf4e0fa;border-right:.7px solid rgba(95,61,30,.28);box-shadow:inset -8px 0 12px -8px #5f3d1e2e;transform:scaleX(0);transform-origin:left center;transition:transform var(--m-drawer) var(--e-drawer);display:flex;align-items:center;padding:0 18px;font-family:var(--head);font-size:15px;color:rgba(var(--card),var(--a-100))}.p-drawer-target.open .p-drawer{transform:scaleX(1)}.p-drawer-btn{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--accent),1);background:transparent;border:0;cursor:pointer;z-index:2}.p-turn-stage{position:relative;height:140px;border:.5px solid rgba(95,61,30,.2);background:#fffbee8c;border-radius:2px;overflow:hidden}.p-turn-page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-style:italic;font-size:22px;color:rgba(var(--card),var(--a-90));transition:opacity var(--m-page) var(--e-paper),transform var(--m-page) var(--e-paper),filter var(--m-page) var(--e-paper);filter:blur(0)}.p-turn-page.out{opacity:0;transform:translate(-14px);filter:blur(1.5px)}.p-turn-page.in-start{opacity:0;transform:translate(14px);filter:blur(1.5px)}.p-turn-btn{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--accent),1);background:transparent;border:0;cursor:pointer;z-index:2}.p-margin-target{position:relative;padding:22px;background:#fffbee99;border:.5px solid rgba(95,61,30,.2);border-radius:2px;font-family:var(--head);font-size:14.5px;line-height:1.65;color:rgba(var(--card),var(--a-90))}.p-margin{position:absolute;right:-6px;top:18px;width:100px;opacity:0;filter:blur(1.4px);transform:translate(-6px);transition:opacity var(--m-page) var(--e-paper),filter var(--m-page) var(--e-paper),transform var(--m-page) var(--e-paper);font-family:var(--head);font-style:italic;font-weight:300;font-size:11.5px;line-height:1.35;color:#5f3d1ebf;text-align:left;padding-left:10px;border-left:.7px solid rgba(95,61,30,.35)}.p-margin-target.on .p-margin{opacity:1;filter:blur(0);transform:translate(0)}.p-margin-btn{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--accent),1);background:transparent;border:0;cursor:pointer;padding:6px 0 0}.p-ambient-stage{position:relative;height:200px;border:.5px solid rgba(95,61,30,.2);background:#f5eed766;overflow:hidden;border-radius:2px}.p-ambient-stage .mk-caption{position:absolute;top:10px;left:12px;margin:0;z-index:2;background:#f5eed7d9;padding:2px 6px}.amb{position:absolute;opacity:0;transition:opacity 2s ease;pointer-events:none}.amb.on{opacity:1}.p-erase-stage{position:relative;height:340px;border:.5px solid rgba(95,61,30,.22);background:#fffbee8c;border-radius:2px;overflow:hidden}.p-erase-btn{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--accent),1);background:transparent;border:0;cursor:pointer;z-index:3;padding:4px 8px}.p-erase-btn:after{content:"";display:block;width:100%;height:1px;background:rgba(var(--accent),.6);transform:scaleX(0);transform-origin:left;transition:transform var(--m-fade) var(--e-graphite);margin-top:2px}.p-erase-btn:hover:after{transform:scaleX(1)}.p-page{position:absolute;inset:0;padding:22px 24px 24px;display:flex;flex-direction:column;transform-origin:center;will-change:transform,filter,opacity,letter-spacing}.p-page-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--card),var(--a-55));margin-bottom:6px}.p-page-h{font-family:var(--head);font-weight:300;font-size:26px;line-height:1.15;color:rgba(var(--card),var(--a-100));margin:0 0 8px}.p-page-lead{font-family:var(--head);font-style:italic;font-weight:300;font-size:14px;line-height:1.55;color:rgba(var(--card),var(--a-78));margin:0 0 14px;max-width:62ch}.p-page-rule{height:0;border-top:.5px solid rgba(95,61,30,.22);margin:4px 0 12px}.p-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.p-page-card{padding:10px 12px;background:#faf4e0b3;border:.5px solid rgba(95,61,30,.22);border-radius:2px}.p-page-card-t{font-family:var(--head);font-weight:400;font-size:14px;line-height:1.2;color:rgba(var(--card),var(--a-100));margin-bottom:3px}.p-page-card-d{font-family:var(--head);font-style:italic;font-weight:300;font-size:11.5px;color:rgba(var(--card),var(--a-70));line-height:1.4}.p-page.out{pointer-events:none}.p-page.out .p-el{animation:page-undraw 1.5s var(--e-paper) forwards;animation-delay:var(--d, 0ms);will-change:clip-path,filter,opacity}@keyframes page-undraw{0%{opacity:1;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);filter:blur(0)}50%{opacity:.85;filter:blur(1px)}to{opacity:0;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0);filter:blur(2.5px)}}.p-erase-dust{display:none}.p-page.in .p-el{opacity:0;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0);filter:blur(2.5px);animation:page-draw 1.5s var(--e-paper) forwards;animation-delay:var(--d, 0ms);will-change:clip-path,filter,opacity}@keyframes page-draw{0%{opacity:0;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0);filter:blur(2.5px)}50%{opacity:.85;filter:blur(1px)}to{opacity:1;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.p-page.out .p-el,.p-erase-stage.dusting .p-erase-dust{animation:none;opacity:0}.p-page.in .p-el{animation:none;opacity:1;clip-path:none;-webkit-clip-path:none;filter:none}}.p-caret-wrap{position:relative;display:inline-block}.p-caret{font-family:var(--head);font-size:17px;padding:10px 14px;width:260px;background:#faf4e099;border:.5px solid rgba(95,61,30,.28);border-radius:2px;color:rgba(var(--card),var(--a-100));caret-color:transparent;transition:border-color var(--m-tick) var(--e-graphite)}.p-caret:focus{outline:none;border-color:#5f3d1e99}.p-caret-tip{position:absolute;top:50%;left:18px;width:2px;height:20px;transform:translateY(-50%);background:linear-gradient(to bottom,#5f3d1e 0% 70%,#a0501eb3 85%,#c88c3c99);opacity:0;animation:caret-blink 1s var(--e-graphite) infinite;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.p-caret:focus+.p-caret-tip{opacity:1}@keyframes caret-blink{0%,60%{opacity:1}61%,to{opacity:.15}}.p-cursor-stage{position:relative;height:240px;border:.5px solid rgba(95,61,30,.22);background:#fffbee99;border-radius:2px;overflow:hidden;cursor:none;padding:22px 22px 18px}.p-cursor-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.p-cursor-tip{position:absolute;top:0;left:0;width:28px;height:28px;pointer-events:none;z-index:3;opacity:0;transform:translate(-100px,-100px);transition:opacity .12s ease;will-change:transform,opacity}.p-cursor-tip .p-cursor-halo{transform-origin:center;animation:cursor-halo-breathe 3s ease-in-out infinite}.p-cursor-tip.hot .p-cursor-ball{r:2.4;fill:#0a0602}.p-cursor-tip.hot .p-cursor-halo{stroke:#5f3d1e8c}@keyframes cursor-halo-breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.p-cursor-tip .p-cursor-halo{animation:none}}.p-cursor-copy{position:relative;z-index:2;pointer-events:auto;max-width:44ch}.p-cursor-copy h4{font-family:var(--head);font-weight:400;font-size:18px;margin:0 0 8px;color:rgba(var(--card),var(--a-100))}.p-cursor-copy p{font-family:var(--head);font-size:14px;line-height:1.55;color:rgba(var(--card),var(--a-85));margin:0 0 12px}.p-cursor-copy a{font-family:var(--head);font-size:14px;color:rgba(var(--card),var(--a-100));text-decoration:none;border-bottom:.7px solid rgba(95,61,30,.5);padding-bottom:1px;margin-right:14px}.p-cursor-copy a:hover{border-bottom-color:rgba(var(--card),var(--a-100))}.p-cursor-copy button{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--accent),1);background:transparent;border:.5px solid rgba(var(--accent),.5);border-radius:2px;padding:6px 12px;cursor:none}@media(pointer:coarse){.p-cursor-stage{cursor:auto}.p-cursor-stage canvas,.p-cursor-tip{display:none}.p-cursor-copy button{cursor:pointer}}@media(prefers-reduced-motion:reduce){.p-cursor-stage canvas{display:none}}.p-cabinet-stage{position:relative;height:260px;border:.5px solid rgba(95,61,30,.24);background:#f5eed78c;overflow:hidden;border-radius:2px}.p-cabinet-btn{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--card),var(--a-100));background:transparent;border:0;cursor:pointer;padding:4px 0;z-index:3}.p-cabinet-btn:after{content:"";display:block;width:100%;height:1px;background:#5f3d1e99;margin-top:3px;transform:scaleX(0);transform-origin:left;transition:transform var(--m-fade) var(--e-graphite)}.p-cabinet-btn:hover:after{transform:scaleX(1)}.p-cabinet-drawer{position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(to bottom,#e6d7affa,#d7c396fa);border-top:.7px solid rgba(95,61,30,.35);box-shadow:0 -6px 14px -8px #5f3d1e52;transform:translateY(100%);transition:transform var(--m-drawer) var(--e-drawer);padding:20px 22px;display:flex;gap:10px;align-items:flex-end}.p-cabinet-stage.open .p-cabinet-drawer{transform:translateY(0)}.p-sheet{flex:1;background:#fcf7e8;border:.5px solid rgba(95,61,30,.28);padding:14px 12px;font-family:var(--head);font-size:14px;color:rgba(var(--card),var(--a-100));box-shadow:0 2px 6px -3px #5f3d1e47;position:relative;min-height:130px;transform:translateY(20px);opacity:0;transition:transform var(--m-page) var(--e-paper),opacity var(--m-page) var(--e-paper)}.p-cabinet-stage.open .p-sheet{transform:translateY(0);opacity:1}.p-cabinet-stage.open .p-sheet:nth-child(1){transition-delay:80ms}.p-cabinet-stage.open .p-sheet:nth-child(2){transition-delay:.14s;transform:translateY(0) translateY(-4px)}.p-cabinet-stage.open .p-sheet:nth-child(3){transition-delay:.2s;transform:translateY(0) translateY(2px)}.p-cabinet-stage.open .p-sheet:nth-child(4){transition-delay:.26s;transform:translateY(0) translateY(-2px)}.p-sheet .p-sheet-id{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#5f3d1ea6;margin-bottom:6px}.p-sheet .p-sheet-tab{position:absolute;top:-8px;right:10px;padding:2px 8px;background:#e6d7af;border:.5px solid rgba(95,61,30,.32);font-family:var(--mono);font-size:9px;color:rgba(var(--card),var(--a-90))}.r-crumb{display:grid;grid-template-columns:60px 1fr;column-gap:14px;row-gap:2px;align-items:baseline}.r-crumb-eyebrow{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--card),var(--a-55))}.r-crumb-val{font-family:var(--head)}.r-crumb-val.book{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--card),var(--a-80))}.r-crumb-val.chapter{font-style:italic;font-weight:300;font-size:15px;color:rgba(var(--card),var(--a-85))}.r-crumb-val.entry{font-weight:400;font-size:22px;color:rgba(var(--card),var(--a-100))}.r-index-card{padding:14px 16px;background:#fcf7e8f2;border:.5px solid rgba(95,61,30,.24);border-radius:2px;margin-bottom:8px;position:relative}.r-index-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#5f3d1e80}.r-index-card .r-index-id{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#5f3d1e8c}.r-index-card .r-index-name{font-family:var(--head);font-size:16px;color:rgba(var(--card),var(--a-100));margin-top:2px}.r-index-card .r-index-loc{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:rgba(var(--card),var(--a-55));margin-top:3px}
