:root{--paper:#fff;--ink:#3a3428;--card:#fcfcfa;--dim:#8a8270;--A:#5a4bb5;--B:#b9552f;--met:#2f8f63;--unmet:#c2496f;--val:#5f4bbf;--e-out:cubic-bezier(.16, 1, .3, 1);--e-spring:cubic-bezier(.34, 1.56, .64, 1);--wob:255px 15px 225px 15px/15px 225px 15px 255px;--hatch:repeating-linear-gradient(-55deg, transparent 0 3px, #3a342821 3px 4px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23g)'/%3E%3C/svg%3E");--sq0:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='7' viewBox='0 0 100 7' preserveAspectRatio='none'%3E%3Cpath d='M2 4.5C24 1.5 55 6.5 98 3' fill='none' stroke='%233a3428' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");--sq1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='7' viewBox='0 0 100 7' preserveAspectRatio='none'%3E%3Cpath d='M2 3.2C28 6 62 1.8 98 4.6' fill='none' stroke='%233a3428' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");--sq2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='7' viewBox='0 0 100 7' preserveAspectRatio='none'%3E%3Cpath d='M2 5.6C36 1.6 68 6.4 98 2.6' fill='none' stroke='%233a3428' stroke-width='2.7' stroke-linecap='round'/%3E%3C/svg%3E");--sq3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='7' viewBox='0 0 100 7' preserveAspectRatio='none'%3E%3Cpath d='M2 4C22 6.6 58 1.4 98 4.4' fill='none' stroke='%233a3428' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{overscroll-behavior:none;height:100%}body{background:var(--paper);min-height:100%;color:var(--ink);overscroll-behavior:none;scrollbar-width:none;font-family:JetBrains Mono,ui-monospace,monospace;overflow-x:clip}body::-webkit-scrollbar{display:none}body:before{content:"";pointer-events:none;opacity:.55;z-index:0;background-image:radial-gradient(circle,#7684a26b 1.1px,#0000 1.6px);background-size:22px 22px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:100;opacity:.15;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#wrap{z-index:1;max-width:460px;margin:0 auto;padding:16px 16px 56px;position:relative}h1{padding-bottom:.1em;font-family:Caveat,cursive;font-size:62px;font-weight:700;overflow:visible;transform:rotate(-1.5deg)}h2{padding-bottom:.1em;font-family:Unbounded,sans-serif;font-size:19px;font-weight:700;line-height:1.3;overflow:visible}.sub{color:#6b675a;font:500 17px/1.45 Caveat}.dim{color:var(--dim);font-size:12px}.screen{animation:in .22s var(--e-out);min-height:calc(100dvh - 72px - env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex;position:relative}@keyframes in{0%{opacity:0;transform:translateY(10px)}to{opacity:1}}.back{width:36px;height:36px;box-shadow:none;color:var(--ink);cursor:pointer;opacity:.7;background:0 0;border:none;flex:none;align-self:flex-start;font-size:21px}.back:active{opacity:1;transform:translate(-2px)}.btn{appearance:none;cursor:pointer;color:var(--ink);background:var(--squig,var(--sq0)) left bottom/100% 7px no-repeat;transition:transform .12s var(--e-out), opacity .12s var(--e-out);border:none;padding:12px 3px 10px;font:700 15px JetBrains Mono,monospace}.btn:active{opacity:.7;transform:translateY(1px)}.btn:disabled{opacity:.35;pointer-events:none}.btn.danger{color:var(--unmet);background:0 0}.bar{text-align:center;margin-top:auto;padding:16px 0 20px}textarea,input[type=text]{border-radius:var(--wob);border:2.5px solid var(--ink);background:var(--card);width:100%;color:var(--ink);resize:none;padding:13px 15px;font-family:JetBrains Mono,monospace;font-size:15px;box-shadow:3px 3px #3a342826}textarea:focus,input[type=text]:focus{box-shadow:3px 3px 0 var(--A);outline:none}label.fld{text-transform:uppercase;letter-spacing:.07em;color:#6b675a;margin:12px 0 6px;font-size:11px;font-weight:700;display:block}.optname{align-items:center;gap:10px;display:flex}.badge{border:2.5px solid var(--ink);background:var(--card);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font:900 14px Unbounded;display:inline-flex}.badge.a{background:var(--A);color:#fff}.badge.b{background:var(--B);color:#fff}.dilemma-line{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:var(--squig,var(--sq1)) left bottom/100% 6px no-repeat;flex:1;padding-bottom:6px;font:700 19px Caveat;overflow:hidden}.deck-top{align-items:center;gap:6px;display:flex}.icon-btn{box-shadow:none;cursor:pointer;color:var(--ink);opacity:.7;background:0 0;border:none;padding:8px 9px;font:700 13px JetBrains Mono}.icon-btn:active{opacity:1;transform:translateY(1px)}.icon-btn:disabled{opacity:.3;pointer-events:none}.icon-btn.go{opacity:1;background:var(--squig,var(--sq0)) left bottom/100% 6px no-repeat;padding-bottom:8px}.board{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;position:relative;overflow:hidden auto}.board::-webkit-scrollbar{display:none}.board>.deck-top{margin:10px 0 6px}.board>.qline{padding-bottom:12px}.scrolldn{z-index:8;color:var(--ink);opacity:.7;pointer-events:none;transition:opacity .3s;animation:1.7s ease-in-out infinite scrolldn-bob;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scrolldn.off{opacity:0}@keyframes scrolldn-bob{50%{transform:translate(-50%)translateY(5px)}}.paper{z-index:6;background:var(--card);border:2.5px solid var(--ink);border-radius:240px 14px 230px/14px 230px 14px 240px;align-items:stretch;min-height:130px;max-height:55dvh;display:flex;position:sticky;top:0;overflow:hidden;transform:rotate(-.6deg);box-shadow:4px 5px #3a342838}.paper.thud{animation:thud .25s var(--e-out)}@keyframes thud{40%{transform:rotate(-.6deg)scale(1.012)}}.paper:before{content:"";pointer-events:none;z-index:1;border-radius:inherit;border:1.5px solid #3a34284d;position:absolute;inset:3px;transform:rotate(-.5deg)}.phalf{transition:background .15s var(--e-out);flex:1;padding:9px 10px;overflow-y:auto}.phalf.a{background:#5a4bb50f}.phalf.b{background:#b9552f0f}.phalf.a.hot{background:#5a4bb533}.phalf.b.hot{background:#b9552f33}.ptag{margin-bottom:4px;font:700 17px Caveat}.phalf.a .ptag{color:var(--A)}.phalf.b .ptag{color:var(--B)}.phalf.hot .ptag{rotate:-1.5deg;scale:1.14}.fold{width:62px;transition:background .15s var(--e-out);background:#2f8f630d;border-left:2px dashed #3a34284d;border-right:2px dashed #3a34284d;flex:none;padding-top:14px;position:relative}.fold.hot{background:#2f8f6338}.pile{flex-wrap:wrap;align-content:flex-start;display:flex}.pcell{cursor:grab;touch-action:none;flex-direction:column;align-items:center;width:46px;margin:0 3px 6px 0;display:flex}.pcell .minitri{margin:0 0 2px}.plabel{text-align:center;font:500 12px/1.1 Caveat}.minitri{clip-path:url(#triclip);background:var(--grain), var(--hatch), linear-gradient(160deg, hsl(var(--h,40) 70% 80%), hsl(var(--h,40) 55% 68%));width:33px;height:29px;filter:drop-shadow(0 0 2.6px hsl(var(--h,40) 55% 60% / .85)) drop-shadow(0 0 .8px hsl(var(--h,40) 48% 42% / .9));animation:pop .22s var(--e-out);flex:none;margin:0 -7px -5px 0}.thint{text-align:center;padding:14px 0 6px;font:500 17px Caveat;transform:rotate(-1deg)}.gloop{pointer-events:none;border:1.6px solid hsl(var(--h,40) 42% 52% / .7);border-radius:48% 52% 54% 46%/58% 62% 44% 48%;position:absolute}.gloop:after{content:"";border:1.2px solid hsl(var(--h,40) 42% 52% / .32);border-radius:52% 48% 45% 55%/46% 40% 60% 54%;position:absolute;inset:-6px -9px -5px -7px;transform:rotate(1.9deg)}.gloop.rect{border-radius:10px 26px 12px 20px/18px 12px 24px 14px}.gloop.rect:after{border-radius:16px 10px 20px 12px/12px 22px 10px 18px}.gloop.dash{border-style:dashed}.gloop.dash:after{display:none}.gname{z-index:3;pointer-events:none;color:var(--ink);font:700 19px/1 Caveat;position:absolute}.gname span{padding:4px 13px 5px;display:inline-block}.gname:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13'%3E%3Cpath d='M9 1c1 4 1.5 6 .8 9.8m0 0L6.4 7.8M9.8 10.8l2.8-3.4' fill='none' stroke='%233a3428' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:18px;height:13px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.gname.up:after{top:auto;bottom:100%;transform:translate(-50%)rotate(180deg)}.gname.tape span{background:hsl(var(--h,40) 72% 76% / .65);clip-path:polygon(2% 10%,98% 0,100% 88%,0 100%)}.gname.strip span{background:repeating-linear-gradient(-45deg, hsl(var(--h,40) 70% 74% / .7) 0 7px, hsl(var(--h,40) 70% 88% / .55) 7px 14px);clip-path:polygon(2% 10%,98% 0,100% 88%,0 100%)}.gname.plain span{padding:4px 2px}.gname.uline span{background:var(--squig,var(--sq2)) left bottom/100% 6px no-repeat;padding:4px 4px 8px}.gname.uline:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='21' viewBox='0 0 32 21'%3E%3Cpath d='M28 2C23 8 15 14 5 18M5 18l8-1.5M5 18l4-7' fill='none' stroke='%233a3428' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:32px;height:21px;top:calc(100% + 1px);left:16%;transform:none}.gname.mark span{letter-spacing:.16em;text-transform:uppercase;background:hsl(var(--h,40) 62% 70% / .48);clip-path:polygon(0 20%,100% 0,97% 100%,3% 82%);padding:3px 11px;font:700 11px/1.35 JetBrains Mono,ui-monospace,monospace}.gname.circ span{border:1.6px solid hsl(var(--h,40) 42% 45% / .8);border-radius:48% 52% 50% 50%/55% 60% 45% 48%;padding:3px 12px 4px}.gname.vert span{writing-mode:vertical-rl;padding:10px 3px}.gname.vert:after{display:none}.tscale{overflow:hidden}.table{transform-origin:0 0;width:428px;position:relative;overflow:hidden}.tcell{touch-action:pan-y;flex-direction:column;align-items:center;gap:3px;width:96px;margin-left:-48px;transition:opacity .15s;display:flex;position:absolute}.ttri{clip-path:url(#triclip);background:var(--grain), var(--hatch), linear-gradient(160deg, hsl(var(--h,40) 70% 80%), hsl(var(--h,40) 55% 68%));touch-action:none;cursor:grab;width:64px;height:55px;filter:drop-shadow(0 0 4px hsl(var(--h,40) 55% 62% / .85)) drop-shadow(0 0 1.2px hsl(var(--h,40) 48% 40% / .9))}.tlabel{text-align:center;-webkit-user-select:none;user-select:none;font:500 15px/1.1 Caveat}.tclone{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)}.tclone .ttri{width:76px;height:66px;filter:drop-shadow(0 0 5px hsl(var(--h,40) 55% 60% / .9)) drop-shadow(0 0 1.4px hsl(var(--h,40) 48% 40% / .95));animation:lift .18s var(--e-out);scale:1.06}@keyframes lift{0%{scale:.82}}.tclone .tlabel{background:var(--card);border:1.5px solid var(--ink);border-radius:50%;padding:1px 10px 2px;font-size:15px;transform:rotate(-2deg)}.tclone.gone{animation:gone .2s var(--e-out) forwards}@keyframes gone{to{opacity:0;transform:translate(-50%,-50%)rotate(-4deg)scale(.8)}}.qline{color:var(--dim);padding:0 4px;font:600 15px Caveat}.tri-word{text-align:center;overflow-wrap:break-word;font:700 22px/1.15 Caveat}.lenspaper{min-height:0;max-height:48dvh}.lenspaper .phalf{padding:9px 12px 16px}.lenspaper .fold{width:84px}.lenspaper .fold .pile{justify-content:center}.lcell{cursor:default;touch-action:pan-y;width:62px}.pcell.hot .plabel{rotate:-2deg;scale:1.15}.pcell.hot .minitri{scale:1.18}.lchips{flex-direction:column;align-items:center;gap:0;margin-top:1px;display:flex}.lnote{cursor:pointer;font:500 12px/1.05 Caveat}.lnote.met{color:var(--met)}.lnote.unmet{color:var(--unmet)}.lnote.val{color:var(--val)}.lnote.own{color:var(--dim)}.ltri{clip-path:url(#triclip);touch-action:none;cursor:grab;filter:drop-shadow(0 0 3.5px #3a342847)drop-shadow(0 0 1px #3a342866);width:64px;height:55px}.ltri.met{background:#2f8f634d}.ltri.unmet{background:#c2496f45}.ltri.val{background:#5f4bbf4d}.ltri.own{background:#3a342826}.tclone .ltri{-webkit-backdrop-filter:blur(2px);filter:drop-shadow(0 0 4.5px #3a342852)drop-shadow(0 0 1.2px #3a342873);width:76px;height:66px;animation:lift .18s var(--e-out);scale:1.06}.tri-lens{clip-path:url(#triclip);-webkit-backdrop-filter:blur(3px);filter:drop-shadow(0 0 5px #3a34284d)drop-shadow(0 0 1.2px #3a342873);width:168px;height:146px}.zc{z-index:90;-webkit-backdrop-filter:blur(1.5px);background:#ffffffb8;align-items:center}.zcard{max-width:330px;animation:pop .22s var(--e-out);flex-direction:column;align-items:center;gap:14px;margin-bottom:9dvh;padding:24px;display:flex}.zdesc{color:var(--ink);text-align:center;font:500 19px/1.4 Caveat}@keyframes pop{0%{opacity:0;transform:scale(.8)rotate(-3deg)}}.pill{border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .12s var(--e-out), background .12s var(--e-out);border-radius:999px;flex:none;padding:7px 12px;font:700 12px JetBrains Mono}.pill:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.pill.on.met{background:var(--met);color:#fff}.pill.on.unmet{background:var(--unmet);color:#fff}.pill.on.val{background:var(--val);color:#fff}.pill.add{box-shadow:none;color:var(--dim);border-style:dashed}.pills{flex-wrap:wrap;gap:7px;display:flex}.sect{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 8px;font-size:10px;font-weight:700}.overlay{z-index:50;animation:fade .18s var(--e-out);background:#170f0873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--card);border:2.5px solid var(--ink);width:100%;max-width:460px;max-height:82dvh;padding:8px 16px calc(22px + env(safe-area-inset-bottom));animation:up .28s var(--e-spring);border-bottom:none;border-radius:60px 16px 0 0/28px 60px 0 0;flex-direction:column;display:flex}@keyframes up{0%{opacity:.5;transform:translateY(55%)}}.grab{background:var(--ink);opacity:.25;border-radius:3px;width:44px;height:5px;margin:4px auto 10px}.sheet-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sheet-title{flex:1;font:700 21px Caveat}.sheet-x{border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:10px;width:32px;height:32px;font-size:13px;font-weight:700}.sheet-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.sheet-search{z-index:2;margin-bottom:12px;position:sticky;top:-1px}.lens-title{align-items:center;gap:8px;display:inline-flex}.tri-ico{color:var(--val);font-size:11px}.optcard{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--wob);padding:14px 16px;box-shadow:5px 5px #3a342833}.optcard h3{margin-bottom:6px;font-family:Unbounded;font-size:14px}.optcard.oa h3{color:var(--A)}.optcard.ob h3{color:var(--B)}.optcard.os h3{color:var(--met)}.needrow{cursor:pointer;border-top:2px dashed #3a34282e;padding:9px 0}.needrow:first-of-type{border-top:none}.needname{margin-bottom:4px;font:700 18px Caveat}.needname:before{content:"▲ ";color:var(--val);font-size:10px}.minichips{flex-wrap:wrap;gap:5px;display:flex}.minichip{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.minichip.met{color:var(--met);background:#2f8f632e}.minichip.unmet{color:var(--unmet);background:#c2496f24}.minichip.val{color:var(--val);background:#5f4bbf29}.lean{flex-wrap:wrap;gap:8px;display:flex}.lean .pill{text-align:center;flex:1;min-width:90px}.lean .pill.sel{background:var(--ink);color:var(--paper)}.hero{text-align:center;padding:24px 0 6px}.hero .prism{color:var(--ink);text-shadow:4px 4px 0 var(--A), 8px 8px 0 #3a342826;font-size:58px;line-height:1;display:inline-block;transform:rotate(-8deg)}.hist{flex-direction:column;gap:10px;display:flex}.hcard{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--wob);cursor:pointer;text-align:left;color:var(--ink);transition:transform .1s var(--e-out);padding:13px 15px;font-family:JetBrains Mono;position:relative;box-shadow:4px 4px #3a342826}.hcard:active{transform:translate(2px,2px);box-shadow:1px 1px #3a342826}.hdel{cursor:pointer;color:var(--dim);opacity:.5;background:0 0;border:none;padding:4px 6px;font:700 14px JetBrains Mono;position:absolute;top:6px;right:8px}.hdel:active{opacity:1;color:var(--unmet)}.hcard .d{color:var(--dim);padding-right:26px;font-size:11px}.hcard .t{margin:5px 0;font-size:14px;font-weight:700}.hcard .m{color:var(--dim);font-size:11px}.empty{text-align:center;color:var(--dim);padding:24px 0;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}