@layer theme,base;@layer components{@keyframes blink{50%{opacity:.25}}.wrap{max-width:var(--content-max);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-size:12px}.h2{font-family:var(--f-display);letter-spacing:-.015em;margin:0;font-size:clamp(42px,6.2vw,88px);font-weight:400;line-height:.98}.h2 em{color:var(--fg-2)}.lede{color:var(--fg-2);max-width:56ch;margin:0;font-size:clamp(16px,1.4vw,18px);line-height:1.65}.meta{font-family:var(--f-mono);color:var(--fg-3);font-size:12px}.btn{border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--fg);color:var(--ink-0)}.btn-primary:hover{background:#fff}.btn-ghost{border-color:var(--line-2);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg-3)}.mk{fill:none;stroke:var(--marker);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len) calc(var(--len) + 4px);stroke-dashoffset:calc((1 - var(--p,1)) * (var(--len) + 2px))}.hand{font-family:var(--f-hand);color:var(--marker);font-size:30px;font-weight:400;line-height:1}.marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vpin{pointer-events:none;width:22px;height:28px;position:absolute}#ink{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}html.can-draw body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M5 25l3-8.5L20.5 4l5.5 5.5L13.5 22z' fill='%23ECECEE' stroke='%2308090B' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M5 25l3-8.5 5.5 5.5z' fill='%23FF6A1F' stroke='%2308090B' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 25,crosshair}html.drawing,html.drawing *{-webkit-user-select:none!important;user-select:none!important}#hint{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:61;background:var(--ink-2);border:1px solid var(--line-2);color:var(--fg-2);pointer-events:none;border-radius:99px;align-items:center;gap:10px;padding:9px 14px 9px 12px;font-size:13px;transition:opacity .4s,transform .4s;display:flex;position:fixed}#hint[data-off]{opacity:0;transform:translateY(8px)}@media (pointer:coarse){#hint{display:none}}.ink-note{z-index:62;pointer-events:none;font-family:var(--f-hand);color:var(--marker);white-space:nowrap;font-size:32px;line-height:1;transition:opacity .6s;position:absolute;transform:rotate(-4deg)}.gl-fallback{background:radial-gradient(60% 55% at 50% -8%,#96acbe33,#0000 70%);position:absolute;inset:0}#h1 .w{display:inline-block}.circled{padding:0 .12em;font-style:italic;display:inline-block;position:relative}.circled svg{pointer-events:none;width:calc(100% + .44em);height:calc(100% + .2em);position:absolute;top:-.08em;left:-.22em;overflow:visible}.steps li{color:var(--fg-3);flex-direction:column;gap:10px;font-size:14px;transition:color .3s;display:flex}.steps li.on,.steps li.done{color:var(--fg)}.steps li .lbl{align-items:baseline;gap:10px;display:flex}.steps li .lbl b{font-family:var(--f-mono);color:var(--fg-3);font-size:12px;font-weight:500}.steps li .bar{background:var(--line);border-radius:2px;height:2px;position:relative;overflow:hidden}.steps li .bar span{background:var(--fg);transform-origin:0;position:absolute;inset:0;transform:scaleX(1)}.caret{background:var(--fg);vertical-align:-2px;width:1.5px;height:1em;margin-left:1px;animation:1s infinite blink;display:inline-block}.row{border-bottom:1px solid var(--line);font-family:var(--f-mono);white-space:nowrap;gap:16px;padding:12px 14px;font-size:12.5px;display:flex;position:relative}.row:last-child{border-bottom:0}.row .t{color:var(--fg-3)}.row .k{color:var(--fg-3);flex:none;width:76px}.row .l{color:var(--fg-3);flex:none;width:38px}.row .v{color:#c9cbd1;text-overflow:ellipsis;overflow:hidden}.row.hot .v,.row.hot .l{color:var(--fg)}.row-mark{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 18px);position:absolute;inset:-9px -6px;overflow:visible}.under{pointer-events:none;width:auto;height:12px;position:absolute;bottom:2px;left:84px;right:30%;overflow:visible}.mini{background:var(--paper);height:220px;color:var(--paper-ink);position:relative}.mini i{border-radius:3px;display:block;position:absolute}.inrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 14px;font-size:14px;display:flex}.inrow:last-child{border-bottom:0}.inrow .dot{border:1.5px solid var(--fg-2);border-radius:99px;flex:none;width:9px;height:9px}.inrow .tt{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.inrow .ss{font-family:var(--f-mono);color:var(--fg-3);font-size:12px}.mark-word{font-family:var(--f-display);letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:clamp(64px,17.5vw,272px);line-height:.86;position:relative}.mark-word .ln{padding-bottom:.08em;display:block;overflow:hidden}.mark-word .c{display:inline-block}.mark-word svg{width:100%;height:.16em;position:absolute;bottom:-.02em;left:0;overflow:visible}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}}@layer utilities;