:root{--ink:#17130f;--paper:#e5d8bb;--blue:#103c76;--pink:#c94f76;--faint:#b8aa8c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#151310;color:var(--ink);font-family:'DM Mono',monospace}.zine-publication{width:min(1180px,calc(100% - 34px));min-height:720px;margin:22px auto;background:#d8c9a9;display:grid;grid-template-columns:145px 1fr;box-shadow:0 14px 28px #000;border:1px solid #5d4a36;position:relative}.zine-publication:before{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(54,39,27,.38);z-index:4}.zine-spine{position:relative;z-index:2;padding:15px 10px 14px;background:#0e2c57;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px);color:#e7d9b9;border-right:4px solid #1b1711;box-shadow:inset -2px 0 #817052;display:flex;flex-direction:column}.spine-brand{color:inherit;text-decoration:none;text-align:center;display:block}.spine-brand img{display:block;width:78px;height:69px;object-fit:contain;margin:0 auto -5px;mix-blend-mode:screen}.spine-brand strong{display:block;font:700 19px/1 'Oswald',sans-serif;letter-spacing:.4px}.spine-brand span{font-size:7px;letter-spacing:.8px}.spine-nav{display:grid;gap:10px;margin-top:18px}.spine-nav a{display:block;color:#17130f;text-decoration:none;background:#e1d4b7;padding:7px 5px 6px;font-size:8px;line-height:1.1;box-shadow:2px 2px #09172e;clip-path:polygon(1% 8%,100% 0,98% 93%,0 100%);transform:rotate(-1deg)}.spine-nav a:nth-child(even){transform:rotate(1deg)}.spine-nav .active{background:var(--pink);font-weight:bold}.spine-words{margin:auto 6px 11px;padding:10px 5px;border:1px solid #a9a082;color:#e7d9b9;font-size:8px;line-height:1.5}.spine-barcode{margin:0;color:#e7d9b9;font:18px/1 monospace;letter-spacing:-3px}.zine-sheet{position:relative;overflow:hidden;padding:28px 31px 35px;background-color:var(--paper);background-image:radial-gradient(rgba(60,43,28,.13) .6px,transparent .7px);background-size:5px 5px}.zine-sheet:before,.zine-sheet:after{content:"✚";position:absolute;color:#534332;font-size:10px}.zine-sheet:before{top:9px;left:10px}.zine-sheet:after{right:10px;bottom:8px}.zine-header{min-height:160px;display:grid;grid-template-columns:1fr 130px 132px;position:relative;border-bottom:1px solid #b9aa8e}.masthead{position:relative}.the{margin:0 0 -4px;font:700 35px/.8 'Oswald',sans-serif;letter-spacing:1px}.masthead h1{margin:0;color:var(--blue);font:700 clamp(51px,6vw,79px)/.8 'Oswald',sans-serif;letter-spacing:-2px;text-shadow:1px 0 rgba(14,42,80,.2)}.masthead h1 i{display:inline-block;color:var(--pink);font:31px serif;vertical-align:top;transform:rotate(12deg)}.tagline{margin:10px 0 0;font-size:9px;line-height:1.55}.tagline em{color:var(--pink);font-style:normal;font-weight:bold}.tiny-controls{position:absolute;right:132px;top:0;display:flex;gap:14px}.tiny-controls button{padding:0;border:0;background:none;color:#17130f;font:7px/1.3 'DM Mono',monospace;text-align:left;cursor:pointer}.tiny-controls button:hover{text-decoration:underline}.header-kat{align-self:end;justify-self:center;width:110px;height:115px;object-fit:contain;object-position:bottom;mix-blend-mode:multiply;filter:contrast(1.15)}.editor-note{align-self:start;margin-top:10px;padding:14px 11px 10px;background:#d9c8a3;font-size:8px;line-height:1.4;transform:rotate(5deg);box-shadow:2px 3px 3px rgba(40,27,18,.25);position:relative}.editor-note:before{content:"";position:absolute;width:38px;height:9px;left:38px;top:-6px;background:rgba(196,168,108,.75);transform:rotate(-9deg)}.editor-note small{font-size:6px}.editor-note b{display:block;color:var(--pink);font:24px/1 sans-serif;text-align:right}.zine-categories{display:flex;gap:11px;align-items:center;overflow-x:auto;padding:11px 0 10px;border-bottom:1px solid #c6b79a}.zine-categories button{flex:0 0 auto;border:0;padding:4px 7px;color:#31261c;background:#cfc1a5;font:7px 'DM Mono',monospace;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(87,69,48,.13)}.zine-categories button.active{color:#ede1c7;background:#132d51}.post-area{position:relative;min-height:406px;margin-top:12px;border:1px solid rgba(93,74,52,.24);background:rgba(245,235,208,.12)}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.pinned-scrap{position:relative;width:84px;height:70px;margin-bottom:7px;background:#d8c8a7;transform:rotate(-2deg);box-shadow:1px 2px 2px rgba(57,41,29,.23)}.pinned-scrap img{width:72px;height:67px;object-fit:contain;mix-blend-mode:multiply}.pinned-scrap i{position:absolute;right:-7px;top:14px;color:var(--pink);font:22px serif}.pushpin{position:absolute;z-index:1;top:-7px;left:39px;width:10px;height:10px;border-radius:50%;background:#15467e;box-shadow:0 3px 0 #09244b}.empty-state h2{margin:0;font:500 16px/1.45 'Oswald',sans-serif;letter-spacing:.5px}.empty-state h2 span{color:var(--pink)}.empty-state p{margin:10px 0 14px;font-size:7px;line-height:1.5}.first-post{border:0;color:#f0e2c5;background:#0e2d58;padding:8px 13px;font:500 8px 'DM Mono',monospace;letter-spacing:.3px;cursor:pointer;clip-path:polygon(3% 0,97% 4%,100% 90%,0 100%)}.corner-collage{position:absolute;right:20px;bottom:14px;width:118px;height:101px}.corner-collage span{position:absolute;right:2px;top:0;width:62px;height:62px;padding:14px 7px 0;border-radius:50%;background:var(--pink);font:6px/1.35 'DM Mono',monospace;text-align:center;transform:rotate(11deg)}.corner-collage div{position:absolute;right:13px;bottom:0;width:83px;height:51px;padding:10px 0;color:#e7d9b9;background:#103b73;font:41px/.8 serif;text-align:center;clip-path:polygon(4% 2%,96% 0,100% 94%,1% 100%);box-shadow:2px 3px 0 #7c6b50}.corner-collage i{position:absolute;right:-4px;bottom:7px;width:53px;border-top:2px solid #8b8372;transform:rotate(-47deg)}.post-list{padding:20px}.zine-dialog{border:2px solid #152c4e;background:#e6d8ba;color:#17130f;box-shadow:8px 9px 0 #0d0b09;text-align:center}.zine-dialog button{float:right;border:0;background:none;font-size:21px;cursor:pointer}.zine-dialog h2{font:700 31px 'Oswald',sans-serif}.zine-dialog p{font-size:10px}@media(max-width:700px){.zine-publication{width:calc(100% - 16px);margin:8px auto;grid-template-columns:1fr}.zine-spine{min-height:68px;padding:7px 9px;display:block;border-right:0;border-bottom:4px solid #1b1711}.spine-brand{display:none}.spine-nav{display:flex;overflow-x:auto;gap:7px;margin:0}.spine-nav a{flex:0 0 auto;font-size:7px;padding:5px}.spine-words,.spine-barcode{display:none}.zine-sheet{padding:18px 14px 24px}.zine-header{min-height:147px;grid-template-columns:1fr 102px}.masthead h1{font-size:52px}.the{font-size:28px}.tagline{font-size:7px}.tiny-controls{right:0;top:0}.header-kat{width:90px;height:105px}.editor-note{display:none}.zine-categories{gap:6px}.zine-categories button{font-size:6px}.post-area{min-height:390px}.corner-collage{transform:scale(.75);transform-origin:bottom right;right:2px;bottom:2px}}