:root{--desk:#b9b1a0;--bond:#dcdbd2;--cream:#f3ecda;--slate:#27323a;--bistre:#2c2117;--ink-soft:#27323a94;--rule:#27323a38;--rule-warm:#2c211733;--brick:#b23a2e;--clover:#3c7a4e;--ochre:#c0892b;--form:"Courier Prime",ui-monospace,monospace;--text:"Spectral",Georgia,serif;--hand:"Caveat",ui-rounded,cursive}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--desk);color:var(--slate);font-family:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55}.glow{color:var(--clover)}.wrap{max-width:740px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.view{opacity:0;pointer-events:none;flex-direction:column;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0;overflow:hidden}.view.active{opacity:1;pointer-events:auto}#view-list{justify-content:space-between}.masthead{text-align:center;background:var(--bond);border:1px solid #00000014;flex-shrink:0;margin-bottom:16px;padding:20px 24px 16px;position:relative;box-shadow:inset 0 1px #fff6,0 18px 40px -18px #0000002e}.masthead:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");position:absolute;inset:0}.masthead h1{font-family:var(--form);letter-spacing:.18em;text-transform:uppercase;color:var(--slate);margin:0 0 8px;font-size:14px;font-weight:700;transition:color 1s}#app.coop .masthead h1{color:var(--clover)}.hook{font-family:var(--form);color:var(--ink-soft);letter-spacing:.02em;margin:0 0 6px;font-size:12px}.strike-anim{display:inline;position:relative}.strike-anim:after{content:"";background:var(--brick);width:0;height:1.5px;transition:width 1.2s .6s;position:absolute;top:50%;left:0}.strike-anim.struck:after{width:100%}.thesis{font-family:var(--form);color:var(--ink-soft);letter-spacing:.02em;margin:0 0 4px;font-size:11.5px;font-style:italic;line-height:1.6;transition:color 1s}.cue{font-family:var(--form);color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0;font-size:11px;transition:opacity .5s}.cue.hidden{opacity:0;pointer-events:none}.card-grid{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.clause-card{background:var(--bond);border:1px solid #00000014;border-left:3px solid var(--ink-soft);cursor:pointer;padding:12px 16px;transition:all .25s;position:relative;box-shadow:inset 0 1px #fff6,0 18px 40px -18px #0000002e}.clause-card:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");position:absolute;inset:0}.clause-card:hover{background:#dcdbd2d9}.clause-num{font-family:var(--form);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:10px;display:flex}.clause-term{color:var(--brick);margin:0;font-size:12px;line-height:1.45;transition:opacity .3s}.sign{border-top:1px solid var(--rule);font-family:var(--form);color:var(--ink-soft);flex-shrink:0;padding:10px 16px;font-size:10.5px;line-height:1.5;transition:color 1s}#app.coop .sign{color:var(--clover)}.closing{font-family:var(--text);color:var(--bistre);margin-top:8px;font-size:14px}.tab-bar{border-bottom:1px solid var(--rule);flex-shrink:0;align-items:center;gap:0;display:flex}.tab-back{font-family:var(--form);cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex-shrink:0;padding:8px 12px 8px 4px;font-size:14px;transition:color .2s}.tab-back:hover{color:var(--slate)}.tab{font-family:var(--form);letter-spacing:.08em;text-transform:uppercase;text-align:center;cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:10px;transition:all .2s}.tab:hover{color:var(--slate)}.tab.active{color:var(--slate);border-bottom-color:var(--brick)}.story-pane{flex:1;padding:20px 0;overflow-y:auto}.story-kicker{font-family:var(--form);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px;font-size:10.5px}.story-kicker b{color:var(--slate);font-weight:600}.poem{font-family:var(--text);letter-spacing:-.01em;font-size:17px;font-weight:400;line-height:1.55}.poem .ln{margin:0 0 .4em}.t{color:var(--slate);cursor:pointer;border-bottom:1.5px solid var(--ink-soft);outline:none;padding-bottom:1px;transition:color .2s,background .2s}.t:hover,.t:focus-visible{background:#b23a2e14}.t:after{content:"°";font-family:var(--form);color:var(--brick);vertical-align:super;margin-left:1px;font-size:11px}.reveal{animation:.5s both ink-in}.reveal .t:after{content:"°"}@keyframes ink-in{0%{opacity:0}to{opacity:1}}.hint{font-family:var(--form);color:var(--ink-soft);letter-spacing:.04em;margin-top:20px;font-size:12px;transition:opacity .5s}.hint .arrow{color:var(--brick)}.nudge{font-family:var(--form);color:var(--ink-soft);letter-spacing:.02em;opacity:1;margin:0 0 12px;font-size:10.5px;transition:opacity 1s}.nudge.faded{opacity:0}.pen-area{margin-top:20px;display:none}.pen-btn{font-family:var(--form);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1.5px solid var(--clover);color:var(--clover);background:0 0;padding:9px 16px;font-size:12px;transition:background .2s,color .2s}.pen-btn:hover{background:var(--clover);color:var(--cream)}.rewrite-pane{flex:1;padding:20px 0;overflow-y:auto}.wound-line{transition:all .6s;position:relative}.wound-line .ln{font-family:var(--text);margin:0 0 .4em;font-size:17px;line-height:1.55}.wound-line.hiding{opacity:0;max-height:0;margin:0;transition:opacity .4s,max-height .3s .2s,margin .3s .2s;overflow:hidden}.owned-line{font-family:var(--text);color:var(--clover);opacity:0;margin:0 0 .4em;font-size:17px;line-height:1.55;transition:opacity .8s,transform .8s;transform:translateY(-6px)}.owned-line.in{opacity:1;transform:none}.bylaw{background:var(--cream);border:1px solid var(--rule-warm);border-left:3px solid var(--clover);opacity:0;margin-top:14px;padding:10px 12px;transition:opacity .6s,transform .6s;transform:translateY(8px)}.bylaw.appearing{opacity:1;transform:none}.bylaw .bt{font-family:var(--form);letter-spacing:.14em;text-transform:uppercase;color:var(--clover);margin-bottom:3px;font-size:8.5px;display:block}.bylaw .body{font-family:var(--text);color:var(--bistre);font-size:12px;line-height:1.5}.acorn-inline{border-top:1px solid var(--rule-warm);opacity:0;margin-top:12px;padding-top:12px;transition:opacity .6s,transform .6s;transform:translateY(8px)}.acorn-inline.appearing{opacity:1;transform:none}.acorn-label{font-family:var(--form);letter-spacing:.12em;text-transform:uppercase;border:2px solid;margin-bottom:10px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.acorn-label.structural{color:var(--clover);border-color:var(--clover)}.acorn-label.procedural{color:var(--slate);border-color:var(--slate)}.acorn-label.committed{color:var(--ochre);border-color:var(--ochre)}.acorn-title{font-family:var(--text);color:var(--slate);margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.3}.acorn-body{font-family:var(--text);color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.55}.acorn-body b{color:var(--clover);font-weight:600}#view-charter{background:var(--cream);text-align:center;justify-content:center;align-items:center}.charter-reveal h1{font-family:var(--form);letter-spacing:.18em;text-transform:uppercase;color:var(--clover);margin:0 0 12px;font-size:14px;font-weight:700}.charter-reveal .thesis{color:var(--bistre)}.charter-reveal .closing{font-family:var(--text);color:var(--bistre);margin-top:16px;font-size:16px}.charter-reveal .sign{border-top:1px solid var(--rule-warm);font-family:var(--form);color:var(--clover);margin-top:24px;padding-top:14px;font-size:10.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}