.library-filter-nav{position:fixed;top:50%;right:52px;z-index:49;display:flex;width:max-content;max-width:96px;flex-direction:column;align-items:flex-end;gap:9px;margin:0;font-size:12px;line-height:1.2;pointer-events:auto;transform:translateY(-50%)}.library-filter-button{appearance:none;display:inline-flex;align-items:center;border:0;background:transparent;color:var(--gray-10);cursor:pointer;font:inherit;padding:0;text-align:right;transition:color .18s ease,opacity .18s ease}.library-filter-button:hover,.library-filter-button:focus-visible,.library-filter-button.is-active{color:var(--fg)}.library-filter-button:focus-visible{outline:1px solid currentColor;outline-offset:3px}.library-filter-button.is-active{color:var(--fg)}.library-filter-row{display:inline-flex;align-items:center;gap:8px}.library-shuffle-button{justify-content:flex-end;color:var(--gray-10)}.library-shuffle-icon{display:block}@media only screen and (min-width:768px){.library-filter-nav{right:68px}}@media only screen and (max-width:767px){.library-filter-nav{display:none}.shelf-item-caption{display:none!important}}.bookshelf-section{--color-primary: var(--bg, #ffffff);--color-secondary: var(--fg, #000000);--font-family-editorial: "JetBrains Mono", monospace;--font-family-fraktion: "Switzer", sans-serif;--font-family-bigger: "Bebas Neue", sans-serif;--library-shelf-frame-width: min( calc(100vw - 48px) , 592px);--book-h: 183px;--book-w: 128px;--album-sz: 183px;--vinyl-sz: 158px;--web-w: 251px;--yt-w: 347px;--article-w: 251px;--paper-w: 137px;--grid-gap: 41px;--shelf-item-gap: 59px;font-family:var(--font-family-fraktion),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;padding:160px 0 4rem;box-sizing:border-box}@media only screen and (max-width:1024px){.bookshelf-section{--book-h: 137px;--book-w: 96px;--album-sz: 137px;--vinyl-sz: 119px;--web-w: 189px;--yt-w: 261px;--article-w: 183px;--paper-w: 103px;--grid-gap: 27px;--shelf-item-gap: 34px;padding-top:100px}}.bookshelf-container{width:var(--library-shelf-frame-width);margin-inline:calc(50% - var(--library-shelf-frame-width) / 2);display:flex;flex-direction:column;gap:0;box-sizing:border-box}.shelf-content.is-filtering-out,.shelf-content.is-filtering-in{pointer-events:none}.shelf-content.is-filter-transitioning .moleskine-wrapper{transition:opacity 165ms cubic-bezier(.215,.61,.355,1),transform .22s cubic-bezier(.215,.61,.355,1)!important;will-change:opacity,transform}.shelf-content.is-filtering-out .moleskine-wrapper{opacity:0!important;transform:translateY(8px)}.shelf-content.is-filtering-in .moleskine-wrapper{opacity:0!important;transform:translateY(-8px)}@media(prefers-reduced-motion:reduce){.shelf-content.is-filter-transitioning .moleskine-wrapper{transition:none}}.category-shelves{display:flex;flex-direction:column;gap:180px;width:100%;min-width:0;max-width:100%}@media only screen and (max-width:1024px){.category-shelves{gap:110px}}.shelf-group{display:flex;flex-direction:column;gap:2rem;background:none!important;width:100%;min-width:0;max-width:100%}.shelf-wrapper{position:relative;width:100%;min-width:0;max-width:100%;height:100px;z-index:10}.bookshelf-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;background:none!important;pointer-events:none;transform:translateZ(0);will-change:transform}.bookshelf-svg-back{z-index:1}.bookshelf-svg-front{z-index:5}.shelf-top,.shelf-bottom,.shelf-front,.shelf-top-texture,.shelf-bottom-texture,.shelf-front-texture{will-change:filter;stroke:none!important}.shelf-top-texture,.shelf-bottom-texture,.shelf-front-texture{mix-blend-mode:multiply;pointer-events:none}.shelf-scroll-area{position:absolute;top:50px;left:0;width:100%;height:0;overflow:visible}.shelf-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;gap:var(--shelf-item-gap);align-items:flex-end;padding:0;box-sizing:border-box}.moleskine-wrapper{display:block;position:relative;z-index:3;perspective:1200px;perspective-origin:50% var(--book-origin-y, 50%);color:inherit;text-decoration:none;opacity:1!important;transition:opacity .2s ease!important}.moleskine-wrapper:hover{opacity:1!important;z-index:var(--hover-z-index, 10)}.shelf-item-caption{position:absolute;top:calc(100% + 34px + var(--caption-top-offset, 0px));left:calc(50% + var(--caption-x-offset, 0px));display:flex;width:var(--caption-width, 164px);max-width:min(44vw,var(--caption-width, 164px));flex-direction:column;align-items:center;gap:2px;color:var(--color-secondary);opacity:calc(.72 * var(--caption-focus-visibility, 0));filter:blur(var(--caption-focus-blur, 5px));pointer-events:none;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.7);transform:translate(-50%);transition:opacity .16s ease,filter .16s ease;will-change:opacity,filter}.moleskine-wrapper:hover .shelf-item-caption,.moleskine-wrapper:focus-visible .shelf-item-caption{opacity:calc(.95 * var(--caption-focus-visibility, 0))}.shelf-item-title,.shelf-item-credit{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis}.shelf-item-title{-webkit-line-clamp:2;font-size:11px;font-weight:600;line-height:1.15}.shelf-item-credit{-webkit-line-clamp:1;font-size:9px;line-height:1.2;opacity:.66}.caption-book{--caption-width: 150px}.caption-artwork,.caption-article,.caption-music,.caption-video,.caption-website{--caption-width: 196px}.caption-film,.caption-game,.caption-show{--caption-width: 176px}.library-item-music{flex:0 0 var(--book-h);width:var(--book-h);min-width:0}.library-item-screen{flex:0 0 var(--book-w);width:var(--book-w);min-width:0}.library-item-video{--caption-x-offset: -20px}@media only screen and (max-width:1024px){.shelf-item-caption{top:calc(100% + 26px);gap:1px}.shelf-item-title{font-size:9px}.shelf-item-credit{font-size:7.5px}.caption-book{--caption-width: 116px}.caption-artwork,.caption-article,.caption-music,.caption-video,.caption-website{--caption-width: 144px}.caption-film,.caption-game,.caption-show{--caption-width: 128px}}@media(max-width:640px){.library-item-video{--caption-x-offset: -14.5px}}.moleskine-notebook,.album,.dvd-container,.web-embed-container,.notebook-paper-container,.youtube-embed-container,.framed-photo-container,.landscape-card-container{height:var(--book-h);max-width:100%;position:relative;transition:transform .4s cubic-bezier(.25,1,.5,1);transform-origin:center bottom 0px;display:block;transform-style:preserve-3d;transform:translateZ(-60px) translateY(4px)}@media(hover:hover)and (pointer:fine){.moleskine-wrapper:hover .moleskine-notebook,.moleskine-wrapper:hover .album,.moleskine-wrapper:hover .dvd-container,.moleskine-wrapper:hover .web-embed-container,.moleskine-wrapper:hover .notebook-paper-container,.moleskine-wrapper:hover .framed-photo-container,.moleskine-wrapper:hover .landscape-card-container{transform:translateZ(-40px) translateY(4px)}.moleskine-wrapper:hover .moleskine-notebook.has-cover-art,.moleskine-wrapper.is-book-hovering .moleskine-notebook.has-cover-art{transform:translateZ(-60px) translateY(0)}}@media only screen and (max-width:1024px){.moleskine-notebook,.album,.dvd-container,.web-embed-container,.notebook-paper-container,.youtube-embed-container,.framed-photo-container,.landscape-card-container{transform:translateZ(0) translateY(0)!important}}.album,.dvd-container,.web-embed-container,.youtube-embed-container,.framed-photo-container{transform:translateZ(-60px) translateY(10px)}@media(hover:hover)and (pointer:fine){.moleskine-wrapper:hover .album,.moleskine-wrapper:hover .dvd-container,.moleskine-wrapper:hover .web-embed-container,.moleskine-wrapper:hover .framed-photo-container{transform:translateZ(-40px) translateY(10px)}}.moleskine-wrapper:focus-visible{outline:2px solid var(--color-secondary);outline-offset:12px}.moleskine-wrapper:focus-visible .moleskine-notebook:not(.has-cover-art) .notebook-cover{transform:rotateY(-70deg);z-index:999}.moleskine-wrapper.is-book-hovering .notebook-cover{z-index:999}@media(hover:hover)and (pointer:fine){.moleskine-wrapper:hover .moleskine-notebook:not(.has-cover-art) .notebook-cover{transform:rotateY(-70deg);z-index:999}}.moleskine-notebook{width:var(--book-w)}.moleskine-notebook.has-cover-art{height:var(--book-h);min-height:0;transform:translateZ(-60px) translateY(0);width:var(--book-cover-w, var(--book-w))}.notebook-cover{height:var(--book-h);width:var(--book-w);position:absolute;border-radius:3px 8px 8px 3px;z-index:10;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease-out;transform-style:preserve-3d;transform-origin:left center 0px;transform:rotateY(-30deg);backface-visibility:hidden;overflow:hidden;background:#f0f0ed;will-change:transform}.has-cover-art .notebook-cover{background:transparent;border-radius:0;position:relative;height:var(--book-h);width:var(--book-cover-w, var(--book-w));z-index:20;overflow:visible;pointer-events:none;transition:none;transform:rotateY(-22deg)}.book-cover-image{width:auto;height:100%;border-radius:0;display:block;pointer-events:none;transform:translateZ(0)}.has-cover-art .notebook-cover:after{display:none}.notebook-cover:after{content:"";position:absolute;top:0;left:10px;width:4px;height:100%;background:linear-gradient(to right,#0000000d,#00000026,#ffffff1a);z-index:11}@media(max-width:640px){.notebook-cover:after{left:7px;width:3px}}.notebook-cover.cover-red{background:#cc4b48}.notebook-cover.cover-blue{background:#2e95aa}.notebook-cover.cover-yellow{background:#fed754}.notebook-cover.cover-green{background:#abc3b5}.notebook-page{height:100%;width:var(--book-w);position:absolute;background-color:#fbfae8;z-index:1;border-radius:3px 9px 9px 3px;overflow:hidden;transform:translateZ(1px)}.notebook-page:before{content:"";position:absolute;inset:0;background-color:#fbfae8;filter:url(#paper-filter);z-index:0;opacity:.25;border-radius:inherit;pointer-events:none;transform:translateZ(0);will-change:transform}.has-cover-art .notebook-page{inset:0;height:100%;width:auto;z-index:0;transform:translateZ(-2px)}.notebook-quote-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;z-index:5;box-sizing:border-box}.notebook-quote-text{font-family:var(--font-family-editorial, monospace);font-size:9px;line-height:1.35;color:var(--color-secondary);text-align:center;text-transform:none;word-break:break-word;padding:0 4px}@media(max-width:640px){.notebook-quote-text{font-size:7.5px;padding:0}}.album{--album-size: var(--album-sz);--vinyl-size: var(--vinyl-sz);--border-radius: 2px;--cover-translate: -5px;--cover-rotate: -1deg;--vinyl-translate: 50%;--vinyl-rotate: 360deg;width:calc(var(--album-size) + var(--vinyl-size) * .25);height:var(--album-size)}.album.library-vinyl{--album-size: var(--book-h);--vinyl-size: calc(var(--book-h) * .725);width:calc(var(--album-size) + var(--vinyl-size) * .25)}@media only screen and (max-width:1024px){.album.library-vinyl{--album-size: var(--book-h);--vinyl-size: calc(var(--book-h) * .725)}}.album .cover{position:relative;width:var(--album-size);height:100%;border-radius:var(--border-radius);overflow:hidden;z-index:2;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease-out}.album .cover img{width:100%;height:100%;object-fit:cover}.album .cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:10%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 1%,transparent 50%);pointer-events:none;z-index:3}.album .cover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 4%),linear-gradient(225deg,rgba(162,162,162,.1) 0%,rgba(162,162,162,.2) 4%,rgba(255,255,255,.2) 6%,rgba(255,255,255,.6) 7%,rgba(255,255,255,.2) 7%,rgba(218,218,218,.04) 7%,transparent 6%),linear-gradient(45deg,rgba(14,14,14,.7),rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 4%,rgba(14,14,14,.2) 6%,rgba(255,255,255,.3) 7%,rgba(218,218,218,.4) 7%,transparent 8%);pointer-events:none;z-index:3}.album .vinyl-wrapper{position:absolute;top:calc((var(--album-size) - var(--vinyl-size)) / 2);left:calc(var(--album-size) - var(--vinyl-size));width:var(--vinyl-size);height:var(--vinyl-size);transform:translate(25%);transition:transform .5s cubic-bezier(.25,1,.5,1);z-index:1}.album .vinyl{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 50deg at 50% 50%,transparent 46%,rgba(255,255,255,.1) 48%,rgba(255,255,255,.15) 51%,transparent 56%),conic-gradient(from 225deg at 50% 50%,transparent 46%,rgba(255,255,255,.1) 48%,rgba(255,255,255,.15) 51%,transparent 56%),repeating-radial-gradient(circle,rgba(120,120,120,.1) 0%,rgba(192,192,192,.01) 1px,transparent 1px,transparent 4px),#000;display:flex;justify-content:center;align-items:center;transform:rotate(270deg)}.album .vinyl .vinyl-cover{width:calc(var(--vinyl-size) / 2.8);height:calc(var(--vinyl-size) / 2.8);background-size:cover;background-position:center;border-radius:50%;box-shadow:0 0 0 5px #000}.moleskine-wrapper:hover .album .vinyl-wrapper{transform:translate(50%)}.moleskine-wrapper:hover .album .cover{transform:translateZ(20px)}.dvd-container{--dvd-disc-size: min(var(--book-w), calc(var(--book-h) * .75));width:calc(var(--book-w) + var(--book-h) * .75 * .25);transform-style:preserve-3d;overflow:visible}.dvd-case{position:relative;width:var(--book-w);height:100%;transform-style:preserve-3d;overflow:visible}.dvd-cover{height:var(--book-h);width:var(--book-w);position:absolute;top:0;left:0;border-radius:2px 5px 5px 2px;z-index:3;background-size:cover;background-position:center;transition:none;transform-origin:0% 50%;transform:translateZ(2px) rotateY(0);overflow:visible;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dvd-cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff26,#fff0 5%,#0003 98%,#ffffff26);border-radius:2px 5px 5px 2px;pointer-events:none}.dvd-inside{height:100%;width:var(--book-w);position:absolute;top:0;left:0;background-color:#1a1a1a;border:1px solid #333;z-index:1;border-radius:2px 6px 6px 2px;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 15px #0009;transform:translateZ(0)}.dvd-hub{width:32px;height:32px;border-radius:50%;background:#0d0d0d;border:3px solid #444;box-shadow:inset 0 0 6px #000c,0 1px 2px #ffffff1a;position:relative}.dvd-hub:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#222;border:1px solid #555}.dvd-disc{position:absolute;left:calc(var(--book-w) - var(--dvd-disc-size) + 4px);width:var(--dvd-disc-size);height:var(--dvd-disc-size);border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translateZ(1px) translate(0) rotate(270deg);z-index:2;top:calc((var(--book-h) - var(--dvd-disc-size)) / 2)}.dvd-disc-art{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:inset 0 0 0 3px #fff3}.dvd-disc-art:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 20%,rgba(255,255,255,.15) 21%,rgba(255,255,255,.25) 30%,transparent 32%);pointer-events:none}.dvd-center-hole{width:calc(var(--dvd-disc-size) / 4);height:calc(var(--dvd-disc-size) / 4);background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 6px #e0e0e0,0 0 0 7px #555,inset 0 0 6px #000c;z-index:5}@media(hover:hover)and (pointer:fine){.moleskine-wrapper:hover .dvd-container{transform:translateZ(-40px) translateY(4px)}}.web-embed-container{width:var(--web-w)}.browser-window{position:relative;width:100%;height:100%;background:var(--gray-2);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease-out}.browser-header{height:28px;background:var(--gray-3);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 10px;flex-shrink:0}@media(max-width:640px){.browser-header{height:22px;padding:0 6px}}.browser-dots{display:flex;gap:4px}.browser-dots .dot{width:6px;height:6px;border-radius:50%;display:block}@media(max-width:640px){.browser-dots{gap:3px}.browser-dots .dot{width:5px;height:5px}}.browser-dots .dot.red{background:#ff5f56}.browser-dots .dot.yellow{background:#ffbd2e}.browser-dots .dot.green{background:#27c93f}.browser-address-bar{background:var(--gray-1);border:1px solid var(--border);border-radius:12px;padding:0 12px;height:16px;font-size:9px;color:var(--gray-11);max-width:65%;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.browser-address-bar .address-text{line-height:1}@media(max-width:640px){.browser-address-bar{font-size:7px;padding:0 8px;height:12px}}.browser-dots-spacer{width:26px}@media(max-width:640px){.browser-dots-spacer{width:21px}}.browser-screen{flex:1;overflow:hidden;background:var(--bg);position:relative}.browser-preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:12px;background:linear-gradient(135deg,rgba(0,0,0,.08) 0 1px,transparent 1px),linear-gradient(180deg,var(--gray-1),var(--gray-2));background-size:12px 12px,100% 100%;color:var(--fg);box-sizing:border-box}.browser-og-image{position:absolute;inset:0;background-color:var(--gray-2);background-position:center;background-repeat:no-repeat;background-size:contain}.browser-og-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.24));pointer-events:none}.browser-preview-title{margin:0;overflow:hidden;font-size:12px;font-weight:600;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.browser-preview-subtitle{margin:0;overflow:hidden;color:var(--gray-11);font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.browser-preview-placeholder{gap:2px;padding:8px}.browser-preview-title{font-size:9px}.browser-preview-subtitle{font-size:7px}}.browser-iframe{position:absolute;top:50%;left:50%;width:400%;height:400%;transform:translate(-50%,-50%) scale(.25);border:none;pointer-events:none;background:transparent;transition:transform .5s cubic-bezier(.25,1,.5,1)}.moleskine-wrapper:hover .browser-iframe{transform:translate(-50%,-50%) scale(.27)}.moleskine-wrapper:hover .browser-window{transform:translateZ(20px)}.notebook-paper-container{width:var(--paper-w)}.notebook-paper{height:100%;width:100%;background-color:transparent;position:relative;padding-top:20px;padding-left:26px;padding-right:6px;border-radius:3px;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease-out;z-index:2}.moleskine-wrapper:hover .notebook-paper{transform:translateZ(20px)}.notebook-paper .paper-bg{position:absolute;inset:0;background-color:#faf9f6;z-index:-1;border-radius:3px}.notebook-paper .vertical-line{position:absolute;top:0;bottom:0;left:22px;width:.5px;background-color:#db4034;z-index:2;opacity:.3}.notebook-paper .horizontal-lines{position:absolute;inset:10px 0 0;background-image:linear-gradient(to bottom,transparent 9.5px,#00b0d7 9.5px,#00b0d7 10px);background-size:100% 10px;z-index:1;opacity:.3}.notebook-paper .texture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#faf9f6;filter:url(#paper-filter);z-index:0;opacity:.25;border-radius:3px;pointer-events:none;transform:translateZ(0);will-change:transform}.notebook-paper:before,.notebook-paper:after{content:"";position:absolute;z-index:-2;bottom:6px;width:45%;height:15%;transform:rotate(0);background:transparent;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease-out}.notebook-paper:before{left:4px;transform:rotate(-1.5deg)}.notebook-paper:after{right:4px;transform:rotate(1.5deg);left:auto}.moleskine-wrapper:hover .notebook-paper:before{transform:rotate(-6deg) translateY(-1px)}.moleskine-wrapper:hover .notebook-paper:after{transform:rotate(6deg) translateY(-1px)}.notebook-paper header{height:20px;width:100%;background:transparent;position:absolute;top:0;left:0;border-radius:3px 3px 0 0;z-index:2}.notebook-paper header h1{font-size:9px;line-height:12px;font-family:Caveat,cursive,sans-serif;font-weight:700;color:#1a1a1a;padding:2px 4px 0 28px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-paper header .date{position:absolute;top:3px;right:8px;font-size:5px;line-height:6px;color:#555;font-family:Caveat,cursive,sans-serif}.notebook-paper .paper-content{margin-top:0;font-size:7.5px;line-height:10px;font-family:Caveat,cursive,sans-serif;color:#1d2a44;position:relative;z-index:3;max-height:130px;overflow:hidden;text-align:left;padding-left:2px}.notebook-paper .paper-content p{margin:0;text-indent:6px}.notebook-paper .holes{position:absolute;left:8px;top:24px;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;z-index:5}.notebook-paper .hole{width:6px;height:6px;background:var(--bg);border-radius:50%;box-shadow:inset 1px 1px 2px #0000004d}@media(max-width:640px){.notebook-paper{padding-top:15px;padding-left:20px;padding-right:4px}.notebook-paper .vertical-line{left:16px}.notebook-paper .horizontal-lines{top:8px;background-image:linear-gradient(to bottom,transparent 7px,#00b0d7 7px,#00b0d7 7.5px);background-size:100% 7.5px}.notebook-paper header{height:15px}.notebook-paper header h1{font-size:7.5px;line-height:9px;padding:2px 2px 0 22px}.notebook-paper header .date{top:2px;right:6px;font-size:4px;line-height:5px}.notebook-paper .paper-content{font-size:6px;line-height:7.5px;max-height:95px}.notebook-paper .holes{left:6px;top:18px;bottom:18px}.notebook-paper .hole{width:4px;height:4px}}.youtube-embed-container{--tv-perspective-scale: 1;width:var(--yt-w, 240px);transform:translateZ(-60px) translateY(10px) scale(var(--tv-perspective-scale));transition:none;will-change:transform}.retro-tv{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,1,.5,1);transform:rotateY(0) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;box-sizing:border-box}.tv-cabinet{position:relative;width:100%;height:100%;background:linear-gradient(to bottom,#4c4c4c,#383838);border:3px solid #222222;border-radius:12px;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0006;display:flex;flex-direction:row;padding:10px;gap:8px;overflow:hidden;box-sizing:border-box;transition:box-shadow .5s ease-out}.moleskine-wrapper:hover .tv-cabinet{box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #0006}@media(max-width:640px){.retro-tv{border-radius:8px}.tv-cabinet{border-radius:8px;padding:6px;gap:5px}}.tv-screen{flex:1;height:100%;position:relative;background:#000;border-radius:8px;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 0 10px #000000e6}@media(max-width:640px){.tv-screen{border-radius:6px}}.tv-placeholder{position:absolute;inset:0;background-size:cover;background-position:center;z-index:2;transition:opacity .4s ease;pointer-events:none;border-radius:8px;background-color:#000}.moleskine-wrapper:hover .tv-placeholder{opacity:0;transition:opacity .1s ease}@media(max-width:640px){.tv-placeholder{border-radius:6px}}.tv-static{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;border-radius:8px;background-color:#777;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");filter:grayscale(1) contrast(320%) brightness(130%);transition:opacity .15s ease}.tv-static.active{opacity:1;animation:tv-noise .07s infinite;transition:none}@keyframes tv-noise{0%{background-position:0 0}10%{background-position:-10px -10px}20%{background-position:-20px -20px}30%{background-position:10px 10px}40%{background-position:25px -15px}50%{background-position:-10px 15px}60%{background-position:15px -25px}70%{background-position:0 20px}80%{background-position:-15px -10px}90%{background-position:20px 5px}to{background-position:0 0}}@media(max-width:640px){.tv-static{border-radius:6px}}.tv-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none;background:transparent;border-radius:8px;overflow:hidden}@media(max-width:640px){.tv-iframe{border-radius:6px}}.tv-controls{width:32px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2px 0;box-sizing:border-box;flex-shrink:0}@media(max-width:640px){.tv-controls{width:24px}}.tv-speaker-grille{width:100%;display:flex;flex-direction:column;gap:3px}@media(max-width:640px){.tv-speaker-grille{gap:2px}}.grille-bar{width:100%;height:2px;background:#0006;border-bottom:1px solid rgba(255,255,255,.05);border-radius:1px}@media(max-width:640px){.grille-bar{height:1.5px}}.tv-dials{display:flex;flex-direction:column;gap:8px;align-items:center}@media(max-width:640px){.tv-dials{gap:5px}}.tv-dial{width:16px;height:16px;border-radius:50%;position:relative;cursor:pointer;transition:transform .3s ease;background-color:#e6e6e6;box-shadow:inset #1a1a1a 0 0 0 1px,inset #262626cc 0 -1px 1px 1px,inset #00000040 0 -1px 0 1px,inset #ffffff80 0 1px 1px 1px,#4d4d4de6 0 0 1px 1px;background-image:-webkit-radial-gradient(50% 0%,8% 50%,hsla(0,0%,100%,.5) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(50% 100%,12% 50%,hsla(0,0%,100%,.6) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(0% 50%,50% 7%,hsla(0,0%,100%,.5) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(100% 50%,50% 5%,hsla(0,0%,100%,.5) 0%,hsla(0,0%,100%,0) 100%),repeating-radial-gradient(circle at 50% 50%,#0000 0px 2px,#0000001a 2.5px),repeating-radial-gradient(circle at 50% 50%,#fff0 0px 4px,#ffffff1a 4.5px),repeating-radial-gradient(circle at 50% 50%,#fff0 0px 1px,#fff3 1.5px),-webkit-radial-gradient(50% 50%,200% 50%,hsla(0,0%,90%,1) 5%,hsla(0,0%,85%,1) 30%,hsla(0,0%,60%,1) 100%)}.tv-dial:before,.tv-dial:after{pointer-events:none;content:"";top:0;left:0;position:absolute;width:inherit;height:inherit;border-radius:inherit;background-image:-webkit-radial-gradient(50% 0%,20% 50%,hsla(0,0%,0%,.3) 0%,hsla(0,0%,0%,0) 100%),-webkit-radial-gradient(50% 100%,20% 50%,hsla(0,0%,0%,.3) 0%,hsla(0,0%,0%,0) 100%)}.tv-dial:before{transform:rotate(-45deg)}.tv-dial:after{transform:rotate(-45deg)}.tv-dial:hover{transform:rotate(30deg)}.dial-notch{position:absolute;top:2px;left:50%;transform:translate(-50%);width:1px;height:4px;background:#111;border-radius:.5px}@media(max-width:640px){.tv-dial{width:12px;height:12px}.dial-notch{height:3px;width:.8px}}.tv-power-section{display:flex;flex-direction:column;align-items:center;gap:6px}@media(max-width:640px){.tv-power-section{gap:4px}}.tv-led{width:5px;height:5px;border-radius:50%;background:#ef4444;box-shadow:0 0 4px #ef4444;transition:background-color .3s ease,box-shadow .3s ease}.moleskine-wrapper:hover .tv-led{background:#22c55e;box-shadow:0 0 6px #22c55e}@media(max-width:640px){.tv-led{width:4px;height:4px}}.tv-power-switch{width:8px;height:12px;background:#1e1e1e;border:1px solid #333;border-radius:2px;position:relative;box-shadow:inset 1px 1px 2px #00000080}.tv-power-switch:after{content:"";position:absolute;top:1px;left:1px;right:1px;height:4px;background:#e11d48;border-radius:1px;box-shadow:0 1px 2px #0000004d;transition:transform .2s ease}.moleskine-wrapper:hover .tv-power-switch:after{transform:translateY(4px);background:#22c55e}@media(max-width:640px){.tv-power-switch{width:6px;height:9px}.tv-power-switch:after{height:3px}.moleskine-wrapper:hover .tv-power-switch:after{transform:translateY(3px)}}.framed-photo-container{width:var(--book-h)}.framed-photo-container.has-artwork{width:var(--artwork-w, var(--book-h));height:var(--book-h);min-height:0}.photo-frame{position:relative;width:100%;height:100%;background:var(--gray-12);border:8px solid var(--gray-12);border-radius:4px;box-shadow:inset 1px 1px 1px #ffffff26,inset -1px -1px 1px #0006;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease-out}.has-artwork .photo-frame{height:100%}.photo-print{width:100%;height:100%;background-size:cover;background-position:center;position:relative;box-shadow:inset 0 0 6px #0003;border-radius:2px;overflow:hidden}.photo-print.library-artwork-print{background-color:#f7f2e8;height:100%}.artwork-image{width:100%;height:100%;display:block;object-fit:contain}.photo-gloss{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.05) 30%,transparent 45%);pointer-events:none;z-index:2;transition:opacity .5s ease}.moleskine-wrapper:hover .photo-frame{transform:translateZ(20px);box-shadow:inset 1px 1px 1px #ffffff26,inset -1px -1px 1px #00000080}.moleskine-wrapper:hover .photo-gloss{opacity:.1}@media(max-width:640px){.photo-frame{border:6px solid var(--gray-12);border-radius:3px}}.landscape-card-container{width:var(--article-w)}.landscape-card{position:relative;width:100%;height:100%;background:#fbfae8;border-radius:0;user-select:none;-webkit-user-select:none;box-shadow:inset 1px 1px 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease-out;z-index:2}.moleskine-wrapper:hover .landscape-card{transform:translateZ(20px);box-shadow:inset 1px 1px 1px #ffffff80}.card-image{width:100%;flex:1;background-size:cover;background-position:center;border-bottom:1px solid #ebeae4}.article-card-image{position:relative;background-color:#e7e1d2;background-repeat:no-repeat;background-position:top center;background-size:100% auto}.article-card-source-mark{position:absolute;left:12px;bottom:10px;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(17,17,17,.18);background:#fbfae8d1;box-shadow:0 1px 3px #1111111f}.article-card-favicon{width:18px;height:18px;object-fit:contain}.card-content{padding:10px 12px;background:transparent;flex-shrink:0;position:relative;z-index:4}.landscape-card .texture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fbfae8;filter:url(#paper-filter);z-index:3;opacity:.25;border-radius:0;pointer-events:none;transform:translateZ(0);will-change:transform}.card-title{font-size:10px;font-family:Lora,serif;font-weight:700;color:#111;margin:0 0 2px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.card-excerpt{display:-webkit-box;margin:0;overflow:hidden;color:#555;font-size:7.5px;font-weight:400;line-height:1.3;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-source-logo{position:absolute;top:10px;right:12px;width:14px;height:14px;z-index:10;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}@media(max-width:640px){.card-content{padding:6px 8px}.card-title{font-size:8px;margin-bottom:1px}.card-excerpt{font-size:6.5px}.article-card-source-mark{left:8px;bottom:8px;width:24px;height:24px}.article-card-favicon{width:15px;height:15px}.card-source-logo{top:6px;right:8px;width:12px;height:12px}}