.ob{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--hand);display:block;overflow-x:clip}.ob:before{content:"";pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--ink) 11%, transparent) 1.2px, transparent 1.6px);background-size:26px 26px;position:fixed;inset:0}.lp-tape-tag{font-family:var(--hand);letter-spacing:.14em;color:color-mix(in srgb, var(--ink) 78%, transparent);background:linear-gradient(100deg, var(--tape), color-mix(in srgb, var(--tape) 75%, transparent));box-shadow:inset 0 0 0 1px var(--tape-edge), 0 1px 2px #3c280a26;clip-path:polygon(3% 0%,97% 4%,100% 22%,96% 50%,100% 78%,97% 100%,3% 96%,0% 74%,4% 50%,0% 26%);margin-bottom:18px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.lp-squiggle{background:var(--squiggle) no-repeat left bottom / 100% 8px;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:10px}.lp-hl{background:linear-gradient(transparent 28%, var(--hl) 30%, var(--hl) 92%, transparent 94%);padding:0 4px}.lp-btn-primary{background:var(--accent);color:var(--surface-2);border-color:color-mix(in srgb, var(--accent) 60%, var(--ink))}.lp-btn-big{padding:14px 26px;font-size:17px}.lp-nav-brand{color:var(--ink);font-family:var(--script);align-items:center;gap:10px;font-size:26px;font-weight:700;text-decoration:none;display:flex}.lp-hero-threads{width:100%;height:100%;position:absolute;inset:0}.lp-hero-root{font-family:var(--script);background:var(--surface-2);color:var(--ink);border:2px solid color-mix(in srgb, var(--ink) 75%, var(--line));box-shadow:0 4px 0 var(--shadow-ink);white-space:nowrap;z-index:2;border-radius:14px 11px 15px 10px/11px 15px 10px 14px;align-items:center;gap:10px;padding:14px 22px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.lp-root-badge{border:5px solid var(--ink);border-radius:50%;flex:none;width:16px;height:16px}.lp-scrap{max-width:190px;font-family:var(--hand);background:var(--surface-2);box-shadow:var(--paper-shadow);rotate:var(--rot,-1deg);border-inline-start:3px solid var(--scrap-c,var(--ink-soft));z-index:1;border-radius:6px 10px 7px 11px/10px 7px 11px 6px;padding:22px 14px 12px;font-size:14.5px;font-weight:600;line-height:1.3;position:absolute}.lp-scrap:before{content:"";background:linear-gradient(100deg, var(--tape), color-mix(in srgb, var(--tape) 75%, transparent));width:58px;height:16px;box-shadow:inset 0 0 0 1px var(--tape-edge);clip-path:polygon(3% 0%,97% 4%,100% 22%,96% 50%,100% 78%,97% 100%,3% 96%,0% 74%,4% 50%,0% 26%);position:absolute;top:-8px;left:50%;translate:-50%;rotate:-3deg}.lp-scrap-type{top:6px;letter-spacing:.12em;text-transform:uppercase;color:var(--scrap-c,var(--ink-soft));font-size:9px;font-weight:800;position:absolute;inset-inline-start:14px}.lp-scrap-context{--scrap-c:var(--c-context)}.lp-scrap-feeling{--scrap-c:var(--c-feeling)}.lp-scrap-belief{--scrap-c:var(--c-belief)}.lp-scrap-question{--scrap-c:var(--c-question)}.lp-scrap-hypothesis{--scrap-c:var(--c-hypothesis)}.lp-scrap-insight{--scrap-c:var(--c-insight)}.lp-scrap-idea{--scrap-c:var(--c-idea)}.lp-scrap-quote{--scrap-c:var(--c-quote)}.lp-journal{color:var(--ink);background:var(--surface-2);box-shadow:var(--paper-shadow);border-radius:4px 7px 5px 8px/7px 5px 8px 4px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;transform:rotate(-.6deg)}.lp-journal:hover{transform:rotate(0)translateY(-5px)scale(1.015);box-shadow:0 2px 3px #46320f1f,0 14px 30px #46320f2e}.lp-journal-masthead{background:linear-gradient(160deg, color-mix(in srgb, var(--jaccent) 82%, var(--ink)), color-mix(in srgb, var(--jaccent) 62%, var(--ink)));border-bottom:3px double color-mix(in srgb, var(--surface-2) 55%, transparent);padding:16px 76px 13px 18px;position:relative}.lp-journal-name{font-family:var(--serif);letter-spacing:.015em;color:var(--surface-2);font-size:19px;font-weight:700;line-height:1.15;display:block}.lp-journal-pub{font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--surface-2) 78%, transparent);margin-top:5px;font-size:10.5px;display:block}.lp-journal-icon{top:50%;background:var(--surface-2);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;place-items:center;width:52px;height:52px;padding:5px;display:grid;position:absolute;inset-inline-end:12px;translate:0 -50%;rotate:4deg;box-shadow:0 2px 5px #3222084d}.lp-journal-icon img{object-fit:contain;width:100%;height:100%}.lp-journal-stat{align-items:baseline;gap:10px;padding:16px 18px 4px;display:flex}.lp-journal-stat strong{font-family:var(--script);color:var(--jaccent);white-space:nowrap;font-size:34px;font-weight:700}.lp-journal-stat span{font-family:var(--hand);color:var(--ink-soft);font-size:12px;font-weight:700;line-height:1.25}.lp-journal-cite{font-family:var(--mono);color:var(--ink-soft);padding:10px 18px 16px;font-size:10.5px}.lp-scribble{background:var(--surface-2);box-shadow:var(--paper-shadow);rotate:var(--rot,-1deg);border-inline-start:3px solid var(--scrap-c,var(--ink-soft));border-radius:6px 10px 7px 11px/10px 7px 11px 6px;grid-template-columns:52px 1fr;align-items:start;column-gap:16px;margin:0;padding:20px 18px 12px;display:grid;position:relative}.lp-scribble-avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--scrap-c,var(--ink-soft)) 60%, var(--surface-2));border-radius:50% 46% 52% 48%/48% 52% 46% 50%;grid-row:1/3;width:52px;height:52px;rotate:-2deg;box-shadow:0 2px 5px #32220838}.lp-scribble:before{content:"";background:linear-gradient(100deg, var(--tape), color-mix(in srgb, var(--tape) 75%, transparent));width:64px;height:18px;box-shadow:inset 0 0 0 1px var(--tape-edge);clip-path:polygon(3% 0%,97% 4%,100% 22%,96% 50%,100% 78%,97% 100%,3% 96%,0% 74%,4% 50%,0% 26%);position:absolute;top:-9px;left:50%;translate:-50%;rotate:-2deg}.lp-scribble-line{font-family:var(--write);margin:0 0 6px;font-size:15.5px;line-height:1.4}.lp-scribble-who{font-family:var(--hand);letter-spacing:.06em;color:var(--scrap-c,var(--ink-soft));font-size:12px;font-weight:700}.ob-illus-label{font-family:var(--hand);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 80%, transparent);margin:16px 0 0;font-size:12.5px;font-weight:700}.ob-nav{align-items:center;gap:22px;padding:14px clamp(18px,4vw,44px) 6px;display:flex;position:relative}.ob-nav-links{gap:clamp(14px,2.5vw,26px);margin-left:auto;display:flex}.ob-nav-links a,.ob-sfx{min-height:44px;font-family:var(--hand);color:color-mix(in srgb, var(--ink) 78%, transparent);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.ob-nav-links a:hover,.ob-sfx:hover{color:var(--accent);background:var(--squiggle) no-repeat left bottom / 100% 6px}.ob-sfx-off{opacity:.8;text-decoration:line-through;text-decoration-thickness:2px}.ob-progress{justify-content:center;align-items:center;gap:12px;padding:14px 18px 0;display:flex;position:relative}.ob-dot{border:2px solid color-mix(in srgb, var(--ink) 55%, transparent);background:0 0;border-radius:50% 46% 52% 48%;width:9px;height:9px;transition:background .3s,border-color .3s,transform .3s}.ob-dot-done{background:var(--ink);border-color:var(--ink)}.ob-dot-now{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, var(--ink));transform:scale(1.45)rotate(8deg)}.ob-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(20px,4vw,60px);max-width:1180px;min-height:calc(100dvh - 130px);margin:0 auto;padding:clamp(20px,4vh,48px) clamp(18px,4vw,44px) clamp(48px,8vh,90px);display:grid;position:relative}.ob-card{background:var(--surface-2);min-height:clamp(500px,72vh,680px);box-shadow:var(--paper-shadow);border-radius:8px 12px 9px 13px/12px 9px 13px 8px;outline:none;flex-direction:column;padding:clamp(28px,4.5vw,52px) clamp(22px,4vw,48px) clamp(56px,6vw,64px);animation:.55s cubic-bezier(.19,1,.35,1) both ob-sheet-in;display:flex;position:relative}html[data-ob-resume] .ob-stage .ob-card:not(.ob-card-ready)>*{visibility:hidden}.ob-card:focus-visible{box-shadow:var(--paper-shadow), 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}.ob-card>.lp-tape-tag{align-self:flex-start}.ob-card:before{content:"";background:linear-gradient(100deg, var(--tape), color-mix(in srgb, var(--tape) 75%, transparent));width:92px;height:22px;box-shadow:inset 0 0 0 1px var(--tape-edge);clip-path:polygon(3% 0%,97% 4%,100% 22%,96% 50%,100% 78%,97% 100%,3% 96%,0% 74%,4% 50%,0% 26%);position:absolute;top:-10px;left:50%;translate:-50%;rotate:-2deg}@keyframes ob-sheet-in{0%{opacity:0;transform:translateY(30px)rotate(-1deg)}to{opacity:1;transform:none}}.ob-h1{font-family:var(--script);margin:0 0 18px;font-size:clamp(40px,5.6vw,66px);font-weight:700;line-height:1.04}.ob-h2{font-family:var(--script);margin:0 0 16px;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.08}.ob-h1 em,.ob-h2 em{font-style:normal}.ob-body{font-family:var(--write);color:color-mix(in srgb, var(--ink) 88%, transparent);max-width:54ch;margin:0 0 10px;font-size:clamp(17px,1.9vw,20px);line-height:1.55}.ob-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto;padding-top:24px;display:flex}.ob-link-btn{text-decoration:none;display:inline-block}.ob-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-top:26px;display:grid}.ob-option{text-align:start;font-family:var(--hand);color:var(--ink);background:var(--surface);border:none;border-inline-start:3px solid var(--scrap-c,var(--ink-soft));box-shadow:var(--paper-shadow);rotate:var(--rot,-1deg);cursor:pointer;border-radius:6px 10px 7px 11px/10px 7px 11px 6px;padding:24px 16px 14px;font-size:16px;font-weight:600;line-height:1.35;transition:rotate .15s,transform .15s,box-shadow .15s;animation:.5s cubic-bezier(.19,1,.35,1) both ob-sheet-in;position:relative}.ob-options .ob-option:first-child{animation-delay:50ms}.ob-options .ob-option:nth-child(2){animation-delay:.12s}.ob-options .ob-option:nth-child(3){animation-delay:.19s}.ob-options .ob-option:nth-child(4){animation-delay:.26s}.ob-option:before{content:"";background:linear-gradient(100deg, var(--tape), color-mix(in srgb, var(--tape) 75%, transparent));width:58px;height:16px;box-shadow:inset 0 0 0 1px var(--tape-edge);clip-path:polygon(3% 0%,97% 4%,100% 22%,96% 50%,100% 78%,97% 100%,3% 96%,0% 74%,4% 50%,0% 26%);position:absolute;top:-8px;left:50%;translate:-50%;rotate:-3deg}.ob-option:hover,.ob-option:focus-visible{transform:translateY(-4px)scale(1.02);box-shadow:0 2px 3px #46320f1f,0 12px 26px #46320f2e}.ob-option:active{transform:translateY(1px)scale(.99)}.ob-option-chosen{background:color-mix(in srgb, var(--scrap-c,var(--ink-soft)) 8%, var(--surface));border-inline-start-width:7px}.ob-option-chosen:after{content:"✓";top:6px;font-family:var(--script);color:var(--scrap-c,var(--ink-soft));font-size:20px;font-weight:700;position:absolute;inset-inline-end:12px}.ob-option .lp-scrap-type{top:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--scrap-c,var(--ink-soft));font-size:9px;font-weight:800;position:absolute;inset-inline-start:16px}.ob-study{max-width:380px;margin:18px 0 0;animation:.55s cubic-bezier(.19,1,.35,1) .15s both ob-sheet-in}.ob-how{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 4px;padding:0;list-style:none;display:grid}.ob-how li{background:var(--surface);box-shadow:var(--paper-shadow);rotate:calc((var(--i) - 1) * .8deg);animation:ob-sheet-in .5s calc(.1s + var(--i) * 90ms) cubic-bezier(.19, 1, .35, 1) both;border-radius:6px 10px 7px 11px/10px 7px 11px 6px;padding:22px 14px 14px;position:relative}.ob-how-num{top:-12px;width:28px;height:28px;font-family:var(--script);color:var(--surface-2);background:var(--accent);border:2px solid color-mix(in srgb, var(--accent) 60%, var(--ink));box-shadow:0 2px 0 var(--shadow-ink);border-radius:50% 46% 52% 48%;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;inset-inline-start:12px}.ob-how img{width:100%;max-width:130px;height:auto;margin:0 auto;display:block}.ob-how h3{font-family:var(--script);margin:8px 0 4px;font-size:20px;font-weight:700}.ob-how p{font-family:var(--write);color:color-mix(in srgb, var(--ink) 82%, transparent);margin:0;font-size:14.5px;line-height:1.4}.ob-scribbles{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.ob-scribbles .lp-scribble{animation:ob-sheet-in .5s calc(.1s + var(--i) * .1s) cubic-bezier(.19, 1, .35, 1) both;padding:14px 18px 10px}.ob-free-row{flex-wrap:wrap;gap:14px;margin:24px 0 6px;display:flex}.ob-free-stamp{font-family:var(--script);color:var(--accent);background:var(--surface);border:2px dashed color-mix(in srgb, var(--accent) 65%, var(--line));box-shadow:var(--paper-shadow);rotate:var(--rot,-2deg);border-radius:4px 8px 5px 9px/8px 5px 9px 4px;padding:10px 20px;font-size:20px;font-weight:700;animation:.5s cubic-bezier(.19,1,.35,1) both ob-sheet-in}.ob-free-row .ob-free-stamp:nth-child(2){animation-delay:.1s}.ob-free-row .ob-free-stamp:nth-child(3){animation-delay:.2s}.ob-fineprint{font-family:var(--script);color:var(--ink-soft);margin:24px 0 0;font-size:18px;font-weight:600}.ob-fineprint a{color:var(--accent)}.ob-legal{max-width:760px;margin:0 auto;padding:clamp(20px,4vh,48px) clamp(18px,4vw,44px) clamp(48px,8vh,90px)}.ob-legal-card{min-height:0;padding-bottom:clamp(28px,4.5vw,52px)}.ob-legal-card h2{font-family:var(--script);margin:30px 0 8px;font-size:clamp(24px,3vw,32px);font-weight:700}.ob-legal-card p{font-family:var(--write);color:color-mix(in srgb, var(--ink) 88%, transparent);max-width:62ch;margin:0 0 12px;font-size:clamp(16px,1.7vw,18px);line-height:1.6}.ob-legal-card code{font-family:var(--mono);background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:4px;padding:1px 5px;font-size:.86em}.ob-legal-todo{border-inline-start:3px dashed color-mix(in srgb, var(--c-feeling) 55%, var(--line));margin-top:26px;padding-left:14px}.ob-back{bottom:8px;min-height:44px;font-family:var(--script);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px 12px;font-size:16px;font-weight:600;display:inline-flex;position:absolute;inset-inline-start:14px}.ob-back:hover{color:var(--accent)}.ob-map-panel{align-self:center}.ob-map{aspect-ratio:400/460;width:100%;max-width:460px;max-height:74vh;margin:0 auto;position:relative}.ob-root{padding:12px 18px;font-size:clamp(18px,1.8vw,23px)}.ob-pin{max-width:170px;font-size:13.5px;animation:.5s cubic-bezier(.19,1,.35,1) both ob-pin-drop}@keyframes ob-pin-drop{0%{opacity:0;transform:translateY(-18px)scale(1.08)rotate(3deg)}60%{opacity:1;transform:translateY(2px)scale(.99)}to{opacity:1;transform:none}}.ob-pin-insight{animation-delay:.9s}.ob-thread{stroke-dashoffset:0;animation:.6s both ob-thread-in}@keyframes ob-thread-in{0%{opacity:0}to{opacity:1}}.ob-map-caption{text-align:center;font-family:var(--script);color:var(--ink-soft);margin:0;font-size:17px;font-weight:600;position:absolute;bottom:-30px;left:0;right:0}.ob-prefetch{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media (max-width:900px){.ob-stage{grid-template-columns:1fr;align-items:start;min-height:0}.ob-map-panel{display:none}.ob-stage-recap .ob-map-panel{order:-1;display:block}.ob-stage-recap .ob-map{max-width:420px;max-height:46vh;margin-bottom:26px}.ob-pin{max-width:140px;font-size:12px}.ob-stage .ob-actions{z-index:2;background:var(--surface-2);margin-inline:calc(-1*clamp(22px,4vw,48px));padding:16px clamp(22px,4vw,48px) 12px;position:sticky;bottom:0}}@media (max-width:520px){.ob-nav{gap:10px;padding:10px 12px 4px}.lp-nav-brand{font-size:21px}.ob-nav-links{gap:10px}.ob-nav-links a,.ob-sfx{font-size:12px}.ob-options{grid-template-columns:1fr}.ob-how{grid-template-columns:1fr;gap:12px;margin:18px 0 0}.ob-how li{rotate:calc((var(--i) - 1) * .5deg);grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:16px;padding:12px 14px;display:grid}.ob-how img{grid-row:1/3;max-width:46px;margin:0}.ob-how-num{top:-9px;width:24px;height:24px;font-size:14px;inset-inline-start:-7px}.ob-how h3{grid-column:2;align-self:end;margin:0;font-size:19px}.ob-how p{grid-column:2;align-self:start;font-size:13.5px}.ob-scribbles{gap:10px}.ob-scribbles .lp-scribble{grid-template-columns:42px 1fr;column-gap:12px;padding:16px 14px 10px}.ob-scribbles .lp-scribble-avatar{width:42px;height:42px}.ob-scribbles .lp-scribble-line{font-size:14.5px}.ob-actions .btn{text-align:center;width:100%}.ob-card{padding-bottom:60px}}@media (prefers-reduced-motion:reduce){.ob-card,.ob-option,.ob-study,.ob-how li,.ob-scribbles .lp-scribble,.ob-free-stamp,.ob-pin,.ob-thread{animation:none}.ob-option,.ob-option:hover,.ob-option:focus-visible,.ob-dot,.lp-journal,.lp-journal:hover{transition:none}}
