.nb{--desk:#5b4334;--cover:#47614f;--page:#f8f0de;--ink:#3b3127;--pencil:#9a8b78;--muted:#85745f;--rule:#6e8ca02b;--margin:#d6786c52;--stamp:#c8433a;--hand:"Patrick Hand", "Segoe Print", cursive;color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nb,.nb *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.nb button{font:inherit;color:inherit}.nb .app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0}.nb .topbar{color:#f7e8d2;align-items:center;gap:8px;padding:8px 12px 4px;display:flex}.nb .topbar .home{cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;width:34px;height:34px;font-size:20px;line-height:1}.nb .topbar h1{font-family:var(--hand);margin:0;font-size:25px;font-weight:400;line-height:1}.nb .topbar .sum{text-align:right;color:#e8d5b8;margin-left:auto;font-size:11.5px;line-height:1.3}.nb .topbar .sum b{color:#fff4e2;font-weight:600}.nb .topbar select{font:inherit;color:#f7e8d2;background:#0000002e;border:1px solid #fff3;border-radius:6px;margin-top:2px;padding:1px 4px;font-size:11px}.nb .book{perspective:1400px;flex:1;margin:8px 40px 14px 14px;position:relative}.nb .cover{background:linear-gradient(135deg, #52705b, var(--cover) 45%, #3d5444);border-radius:12px 16px 16px 12px;position:absolute;inset:-7px -9px -9px -7px;box-shadow:0 10px 26px #190e0873}.nb .cover:after{content:"";border:1.5px dashed #e9d6aa73;border-radius:9px 13px 13px 9px;position:absolute;inset:4px}.nb .tabs{z-index:1;flex-direction:column;gap:5px;display:flex;position:absolute;top:14px;right:-38px}.nb .tab{cursor:pointer;border:0;border-radius:0 10px 10px 0;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:46px;height:54px;padding:0 3px 0 13px;transition:transform .2s;display:flex;position:relative;transform:translate(-6px);box-shadow:1px 2px 3px #1e120a4d}.nb .tab span{color:#3b3127cc;font-size:9.5px;font-weight:600;line-height:1}.nb .tab.active{z-index:3;transform:translate(0)}.nb .tab .dot{background:#e2574c;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 1.5px #fff8ea}.nb .page,.nb .detail{z-index:2;background-color:var(--page);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .35  0 0 0 0 .2  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");border-radius:5px 9px 9px 5px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 10px 0 14px -10px #50371e59,inset 0 0 40px #aa825029}.nb .scroll{overscroll-behavior:contain;background-image:linear-gradient(90deg, transparent 23px, var(--margin) 23px, var(--margin) 24.5px, transparent 24.5px), repeating-linear-gradient(transparent 0 27px, var(--rule) 27px 28px);scrollbar-width:thin;background-attachment:local;padding:14px 12px 34px 32px;position:absolute;inset:0;overflow-y:auto}.nb .stitch{z-index:2;pointer-events:none;border-left:2px dashed #78604652;position:absolute;top:6px;bottom:6px;left:7px}.nb .detail{z-index:4;transform-origin:0;transition:transform .36s cubic-bezier(.3,.7,.3,1),opacity .3s;box-shadow:-6px 0 18px #3c261440,inset 10px 0 14px -10px #50371e59}.nb .detail.off{opacity:0;pointer-events:none;transform:translate(40%)rotateY(-38deg)}.nb .ph{align-items:baseline;gap:8px;margin:0 0 6px;display:flex}.nb .ph h2{font-family:var(--hand);margin:0;font-size:30px;font-weight:400;line-height:1}.nb .ph .n{color:var(--muted);font-size:12.5px}.nb .intro{font-family:var(--hand);color:#6d5c49;margin:0 0 8px;font-size:17px;line-height:1.3}.nb .sp{margin:4px 0 12px}.nb .sph{text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:7px;width:100%;padding:2px 0;display:flex}.nb .sph b{font-family:var(--hand);font-size:22px;font-weight:400;line-height:1.1}.nb .sph .c{color:var(--muted);font-size:11.5px}.nb .sph .go{color:var(--pencil);margin-left:auto;font-size:18px}.nb .sph.mute b{color:var(--pencil);letter-spacing:3px}.nb .slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px;margin-top:4px;display:grid}.nb .slots.three{grid-template-columns:repeat(3,minmax(0,1fr))}.nb .slot{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:0;display:flex;position:relative}.nb .pic{aspect-ratio:1;background:#fffcf48c;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 1px #8c6e461f}.nb .pic canvas{display:block}.nb .pic.lift canvas{filter:drop-shadow(0 1.6px 1.4px #5a3c1e47)}.nb .tape{opacity:.78;clip-path:polygon(0 0,6% 22%,0 45%,6% 70%,0 100%,100% 100%,94% 78%,100% 55%,94% 30%,100% 0);z-index:1;width:52%;height:11px;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(-5deg)}.nb .slot .nm{font-family:var(--hand);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:15px;line-height:1;display:-webkit-box;overflow:hidden}.nb .slot.unknown .pic{box-shadow:none;background:0 0;border:1.5px dashed #82695052}.nb .slot.unknown .q{font-family:var(--hand);color:#82695052;font-size:28px}.nb .slot.unknown .nm,.nb .slot.seen .nm{color:var(--pencil)}.nb .pencil{filter:grayscale()contrast(1.6)brightness(.96)drop-shadow(0 0 .8px #3c2814b3);opacity:.5;mix-blend-mode:multiply}.nb .slot.seen .pic{background:0 0;border:1px solid #8269502e}.nb .new{z-index:2;color:#fff;background:#e2574c;border-radius:999px;padding:1px 6px 2px;font-size:10px;font-weight:600;position:absolute;top:-5px;right:-3px;box-shadow:0 1px 2px #501e144d}.nb .seal{z-index:2;width:26px;height:26px;position:absolute;bottom:-4px;right:-4px;transform:rotate(-12deg)}.nb .fresh canvas{animation:1.5s ease-out .35s both nb-inkin}.nb .fresh .new{animation:.4s ease-out 1.4s both nb-pop}@keyframes nb-inkin{0%{filter:grayscale()brightness(1.08);opacity:.35;transform:scale(.9)}55%{filter:grayscale(.2);opacity:1;transform:scale(1.08)}to{filter:drop-shadow(0 1.6px 1.4px #5a3c1e47);transform:scale(1)}}@keyframes nb-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.nb .back{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:4px;padding:0;font-size:13px}.nb .dn{font-family:var(--hand);margin:2px 0 0;font-size:38px;line-height:1}.nb .aka{color:var(--muted);margin:2px 0 0;font-size:12px}.nb .role{color:#6d5c49;vertical-align:3px;background:#d6be9659;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;display:inline-block}.nb .plate{margin:6px -4px 0;position:relative}.nb .plate canvas{width:100%;display:block}.nb .chips{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.nb .chip{cursor:pointer;background:#fffcf4b3;border:1px solid #82695040;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 4px;font-size:12.5px;display:flex}.nb .chip i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #503c2840}.nb .chip.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);font-weight:600}.nb .chip.unknown,.nb .chip.seen{color:var(--pencil);border-style:dashed}.nb .chip.unknown i{box-shadow:inset 0 0 0 1.2px #82695066;background:0 0!important}.nb .chip.seen i{opacity:.45;filter:grayscale(.7)}.nb .chip .mini{width:12px;height:12px;margin-left:-2px}.nb .sec{margin:12px 0 0}.nb .sec h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 3px;font-size:11.5px;font-weight:600}.nb .mean{font-family:var(--hand);min-height:58px;padding:2px 64px 2px 0;font-size:25px;line-height:1.1;position:relative}.nb .mean.none{color:#6d5c49;font-size:18px}.nb .trust{color:#5f6f4c;vertical-align:4px;background:#aac88c52;border-radius:4px;margin-left:4px;padding:0 5px;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:10.5px;display:inline-block}.nb .trust.v{color:#7a5b2c;background:#f0c87859}.nb .bigseal{width:62px;height:62px;position:absolute;top:-6px;right:-2px;transform:rotate(-12deg)}.nb .bigseal.thunk{animation:.55s cubic-bezier(.25,1.6,.4,1) .45s both nb-thunk}@keyframes nb-thunk{0%{opacity:0;transform:scale(2.4)rotate(-34deg)}60%{opacity:1;transform:scale(.9)rotate(-10deg)}to{transform:scale(1)rotate(-12deg)}}.nb .hint{color:var(--pencil);margin:2px 0 0;font-size:12px;line-height:1.35}.nb .tags{flex-wrap:wrap;gap:5px;display:flex}.nb .tag{color:#3f5a2c;background:#96be7840;border-radius:999px;padding:2px 9px;font-size:12px}.nb .tag.no{color:#8c3b2c;background:#d66e5a2e}.nb .months{grid-template-columns:repeat(12,1fr);gap:3px;margin:2px 0 4px;display:grid}.nb .months span{aspect-ratio:1;color:var(--pencil);border:1px solid #82695038;border-radius:50%;justify-content:center;align-items:center;font-size:9.5px;display:flex}.nb .months span.on{color:#3b3127;border-color:#0000;font-weight:600}.nb .txt{margin:0;font-size:13px;line-height:1.4}.nb .slip{font-family:var(--hand);background:#fffaf0 repeating-linear-gradient(#0000 0 22px,#6e8ca024 22px 23px);margin:8px 4px 4px;padding:12px 12px 10px;font-size:19px;line-height:1.22;position:relative;transform:rotate(-1deg);box-shadow:0 2px 5px #5a3c1e2e}.nb .slip:nth-child(2n){transform:rotate(1.2deg)}.nb .slip .tape{width:64px;top:-6px}.nb .slip .by{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:11px;display:flex}.nb .slip.locked{color:var(--pencil);box-shadow:none;background-color:#fffaf073;border:1px dashed #8269504d;font-size:17px}.nb .slip.warn{background-color:#fff3ee}.nb .paw{flex:none;width:18px;height:18px}.nb .pola{background:#fff;margin:6px 0 0 4px;padding:7px 7px 6px;display:inline-block;transform:rotate(2deg);box-shadow:0 3px 8px #462d1438}.nb .pola canvas{display:block}.nb .pola .cap{font-family:var(--hand);max-width:168px;margin-top:4px;font-size:15px}.nb .pola.locked{box-shadow:none;color:var(--pencil);background:#fff6;border:1px dashed #8269504d}.nb .act{color:#fff6e6;cursor:pointer;background:#3f5a48;border:0;border-radius:12px;width:100%;margin:18px 0 4px;padding:11px 12px;font-size:14px;font-weight:600;display:block}.nb .act.ghost{color:#3f5a48;background:#3f5a481f;margin-top:8px}.nb .grp{font-family:var(--hand);margin:10px 0 2px;font-size:21px}.nb .card{aspect-ratio:1;width:82%;font-family:var(--hand);text-align:left;border-radius:4px;padding:6px 5px;font-size:10px;line-height:1.15;transform:rotate(-3deg);box-shadow:0 2px 5px #462d1433}.nb .bigthing{justify-content:center;margin:8px 0 0;display:flex}.nb .cal{cursor:pointer;text-align:center;background:#fffaf0;border:0;border-radius:4px;padding:0 0 8px;position:relative;overflow:hidden;box-shadow:0 2px 5px #5a3c1e33}.nb .cal:before{content:"";background-color:#d9574a;background-image:radial-gradient(circle at 25%,#fffaf0 2.4px,#0000 3px),radial-gradient(circle at 75%,#fffaf0 2.4px,#0000 3px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:14px;display:block}.nb .cal b{font-family:var(--hand);white-space:nowrap;margin-top:4px;font-size:26px;font-weight:400;line-height:1.15;display:block}.nb .cal b.long{font-size:20px;line-height:1.5}.nb .cal small{color:var(--muted);padding:0 3px;font-size:10.5px;line-height:1.2;display:block}.nb .cal.locked{box-shadow:none;background:#fffaf066;border:1px dashed #8269504d}.nb .cal.locked:before{background-color:#beaa9659}.nb .cal.locked b,.nb .cal.locked small{color:var(--pencil)}.nb .gives{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.nb .toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));opacity:0;color:#fff4e2;pointer-events:none;z-index:20;text-align:center;background:#281e16eb;border-radius:999px;max-width:86vw;padding:8px 14px;font-size:13px;transition:all .25s;position:fixed;transform:translate(-50%,20px)}.nb .toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.nb .detail,.nb .tab{transition:none}.nb .fresh canvas,.nb .fresh .new,.nb .bigseal.thunk{animation:none}}.nb.inapp .topbar .home,.nb.inapp .back,.nb.inapp .sph,.nb.inapp .chip,.nb.inapp .act{position:relative}.nb.inapp .topbar .home:before,.nb.inapp .back:before,.nb.inapp .sph:before,.nb.inapp .chip:before,.nb.inapp .act:before,.nb.inapp .tab:before{content:"";position:absolute}.nb.inapp .topbar .home:before{inset:-5px}.nb.inapp .back:before{inset:-13px -14px}.nb.inapp .sph:before{inset:-8px 0}.nb.inapp .chip:before{inset:-9px -3px}.nb.inapp .act:before{inset:-2px 0}.nb.inapp .tab:before{width:10px;top:0;bottom:0;right:-10px}.nb .topbar h1:focus{outline:none}.nb .book.turning{perspective:2400px}.nb .page.leaf{transform-origin:0;will-change:transform, opacity;pointer-events:none}.nb .leafdark{z-index:3;opacity:0;will-change:opacity;pointer-events:none;background:linear-gradient(90deg,#3c261400 15%,#3c261452);position:absolute;inset:0}.nb .cast{z-index:3;opacity:0;will-change:opacity;pointer-events:none;background:linear-gradient(90deg,#3c261447,#3c26141a 40%,#3c261400);width:44%;position:absolute;top:0;bottom:0;left:0}.nb.inapp .book{will-change:transform}.nb.inapp.armed .topbar,.nb.inapp.armed .tab,.nb.inapp.armed .page .scroll>:nth-child(-n+8){will-change:transform, opacity}.nb.inapp:not(.inking) .fresh canvas,.nb.inapp:not(.inking) .fresh .new{animation:none}.nb .shade{will-change:opacity;pointer-events:none;border-radius:12px 16px 16px 12px;position:absolute;inset:-7px -9px -9px -7px;box-shadow:0 22px 44px #0c060280,0 6px 14px #0c060247}.nb .front{z-index:5;perspective:2400px;pointer-events:none;position:absolute;inset:-7px -9px -9px -7px}.nb .front.gone{visibility:hidden}.nb .front .board{transform-origin:0;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.nb .front .face{backface-visibility:hidden;border-radius:12px 16px 16px 12px;position:absolute;inset:0}.nb .front .out{background-color:var(--cover);background-image:repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, #00000009 0 1px, transparent 1px 4px), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .08  0 0 0 0 .12  0 0 0 0 .08  0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23c)'/></svg>"), linear-gradient(135deg, #52705b, var(--cover) 45%, #3d5444)}.nb .front .out:after{content:"";border:1.5px dashed #e9d6aa73;border-radius:9px 13px 13px 9px;position:absolute;inset:4px}.nb .front .spine{background:linear-gradient(90deg,#141e1652,#141e161a 75%,#ffffff0d);border-radius:12px 0 0 12px;width:22px;position:absolute;top:0;bottom:0;left:0;box-shadow:1px 0 #0f191247,2px 0 #ffffff0f}.nb .front .label{text-align:center;width:66%;color:var(--ink);background-color:#f7eedb;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .35  0 0 0 0 .2  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");border-radius:3px;padding:14px 10px 11px;position:absolute;top:17%;left:50%;transform:translate(-50%)rotate(-1.4deg);box-shadow:0 1px 2px #0f0a0566,inset 0 0 0 4px #f7eedb,inset 0 0 0 5px #82644159}.nb .front .label b{font-family:var(--hand);font-size:clamp(24px,8.6vw,34px);font-weight:400;line-height:1.05;display:block}.nb .front .label small{letter-spacing:.08em;color:var(--muted);margin-top:5px;font-size:10.5px;display:block}.nb .front .emblem{background:50%/contain no-repeat;width:128px;height:168px;position:absolute;top:41%;left:50%;transform:translate(-50%)rotate(5deg)}.nb .front .in{background:linear-gradient(225deg, #52705b, var(--cover) 45%, #3d5444);transform:rotateY(180deg)}.nb .front .in:before{content:"";background-color:#efe2c4;background-image:linear-gradient(270deg,#462d144d,#462d1400 18%),radial-gradient(circle,#966e3c29 1.3px,#0000 1.8px);background-size:100% 100%,13px 13px;border-radius:9px 5px 5px 9px;position:absolute;inset:7px}