:root{--paper:#fffdf8;--blush:#ffe9ec;--spirit:#b1bacb;--ink:#2b3a8c;--line:rgba(177,186,203,.32);--muted:#64709d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);font:17px/1.45 var(--architects),Trebuchet MS,sans-serif}button,input{font:inherit}button{cursor:pointer}.notebook{position:relative;width:min(100% - 28px,520px);margin:20px auto;overflow:hidden;border:2px solid var(--ink);border-radius:11px 15px 9px 13px;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--line) 32px,transparent 33px)}.notebook:before{content:"";position:absolute;inset:9px -5px -5px 8px;z-index:0;border:1px solid var(--spirit);border-radius:13px 8px 15px 10px;pointer-events:none}.list,header{position:relative;z-index:1;padding-inline:clamp(20px,7vw,42px)}header{padding-block:34px 32px}.spiral{position:absolute;z-index:2;top:28px;left:3px;display:grid;grid-gap:16px;gap:16px}.spiral i{display:block;width:15px;height:9px;border:2px solid var(--ink);border-left:0;border-radius:0 8px 8px 0;transform:rotate(-5deg)}.eyebrow{color:var(--muted);font-size:13px;letter-spacing:.12em}.eyebrow,h1{text-transform:uppercase}h1{max-width:440px;margin:15px 0 3px;color:var(--ink);font:400 clamp(34px,10vw,54px)/.98 var(--marker),cursive;letter-spacing:.015em;text-wrap:balance}.underline{width:85%;height:10px;margin:0 0 22px 4px;background:var(--blush);border-bottom:3px solid var(--ink);border-radius:50%;transform:rotate(-1.5deg)}.countdown{margin-bottom:27px}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.count-box{padding:7px 3px 4px;border:2px solid var(--ink);border-radius:5px 8px 4px 7px;text-align:center;transform:rotate(-1deg)}.count-box:nth-child(2n){transform:rotate(1.3deg)}.count-box strong{display:block;font-size:25px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.count-box span{color:var(--muted);font-size:12px;text-transform:uppercase}.new-year{display:block;padding:13px;background:var(--blush);border:2px solid var(--ink);border-radius:8px;text-align:center;font-size:28px;text-transform:uppercase;transform:rotate(-1deg)}.invite{max-width:390px;margin-bottom:22px;font-size:19px;line-height:1.55}.note{position:relative;margin:0 8px 29px;padding:26px 18px 17px;background:var(--blush);border:1px solid var(--ink);border-radius:2px 8px 3px 5px;transform:rotate(1.2deg)}.note:after{content:"";position:absolute;inset:3px -3px -4px 3px;z-index:-1;border:1px solid var(--spirit);transform:rotate(-2deg)}.tape{position:absolute;top:-10px;left:31%;width:92px;height:23px;background:rgba(177,186,203,.72);transform:rotate(-3deg)}.note strong{display:block;margin-bottom:3px;text-transform:uppercase}.note p,.note strong{font-size:18px}.box{padding-top:3px}.hi,label{display:block;margin-bottom:8px}.hi{font-size:20px}.link{padding:0;border:0;background:transparent;color:var(--muted);text-decoration:underline}.row{display:flex;gap:8px}input{width:100%;min-width:0;padding:10px 12px;border:2px solid var(--ink);border-radius:5px 9px 4px 8px;outline:0;background:rgba(255,255,255,.55);color:var(--ink)}input::placeholder{color:#7882a7}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}button:not(.link){padding:9px 16px;border:2px solid var(--ink);border-radius:5px 8px 4px 7px;background:var(--ink);color:var(--paper);text-transform:uppercase;transition:transform .18s ease,background .18s ease}button:not(.link):hover{background:#4252aa;transform:translateY(-2px) rotate(-1deg)}button:not(.link):active{transform:translateY(1px)}.search-label{margin-top:20px;color:var(--muted);font-size:14px;text-transform:uppercase}.hit,.trk{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:2px dashed var(--line)}.hit button{flex:none;padding:6px 9px;font-size:12px}.cov{width:48px;height:48px;flex:none;border:1px solid var(--ink);border-radius:4px 7px 3px 6px;object-fit:cover;background:repeating-linear-gradient(135deg,var(--spirit) 0 4px,#d7dce5 4px 8px);display:grid;place-items:center;font-size:24px}.t{min-width:0;flex:1 1}.t b{color:var(--ink);font-size:18px;line-height:1.15}.t b,.t span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t span{color:var(--muted);font-size:15px}.t a{color:inherit;text-decoration:none}.t a:hover{text-decoration:underline}.more{margin-top:16px}.m{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.msg{min-height:1.45em;margin-top:12px;color:var(--muted);text-align:center}.list{padding-top:29px;padding-bottom:58px}.list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}h2{font:400 36px/.95 var(--marker),cursive;text-transform:uppercase}.subtitle{font-size:16px}.stats,.subtitle{color:var(--muted)}.stats{font-size:14px;line-height:1.25;text-align:right;text-transform:uppercase}.stats b{color:var(--ink);font-size:21px}.list ul{list-style:none}.music-mark{width:13px;color:var(--ink);font-size:23px;transform:rotate(-12deg)}.trk{min-width:0}.trk.mine{border-left:4px solid var(--blush);padding-left:5px}.mine-mark{color:var(--muted);font-size:12px;text-transform:uppercase;transform:rotate(-5deg)}.x{padding:2px 6px;border:0;background:transparent;color:var(--ink);font-size:25px}.empty{padding:18px 0;color:var(--muted)}.spark{position:fixed;right:max(24px,calc((100vw - 470px) / 2));bottom:25px;color:var(--ink);font-size:46px;animation:stamp .9s ease both;pointer-events:none}@keyframes stamp{0%{opacity:0;transform:scale(2.2) rotate(-20deg)}35%{opacity:1;transform:scale(.85) rotate(8deg)}to{opacity:0;transform:scale(1) rotate(0)}}@media (max-width:380px){.notebook{width:calc(100% - 16px);margin-block:8px}.list,header{padding-inline:19px 16px}h1{font-size:32px}.count-box strong{font-size:21px}.count-box span{font-size:10px}.t b{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c6582816bbb82cec-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/33417c49c7529ced-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Architects Daughter Fallback;src:local("Arial");ascent-override:93.03%;descent-override:38.04%;line-gap-override:0.00%;size-adjust:106.02%}.__className_9af42c{font-family:Architects Daughter,Architects Daughter Fallback;font-weight:400;font-style:normal}.__variable_9af42c{--architects:"Architects Daughter","Architects Daughter Fallback"}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/09f7b6b7f4b56175-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Permanent Marker Fallback;src:local("Arial");ascent-override:97.58%;descent-override:27.92%;line-gap-override:2.66%;size-adjust:113.69%}.__className_90e039{font-family:Permanent Marker,Permanent Marker Fallback;font-weight:400;font-style:normal}.__variable_90e039{--marker:"Permanent Marker","Permanent Marker Fallback"}