html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{color:var(--ink);font-family:inherit;font-size:16px}a{color:var(--red);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--red-dark)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:900;line-height:1.08}h1{font-size:40px}h2{font-size:28px}h3{font-size:22px}@media (width>=1024px){h1{font-size:56px}h2{font-size:36px}}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.container{max-width:960px;padding:0 var(--s4);margin:0 auto}.section{padding:var(--s12) 0}.grid{gap:var(--s4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.zine-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);padding:var(--s6)}.zine-card-flat{box-shadow:none}.zine-hover{transition:transform .12s,box-shadow .12s}.zine-hover:hover{box-shadow:var(--shadow-offset-hover);transform:translate(-2px,-2px)}.tilt-l{transform:rotate(-.6deg)}.tilt-r{transform:rotate(.6deg)}.zine-btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:10px var(--s6);border:2px solid var(--ink);border-radius:var(--radius-full);font-family:var(--font-body);color:var(--ink);background:var(--card);box-shadow:var(--shadow-offset);font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.zine-btn:hover{box-shadow:var(--shadow-offset-hover);transform:translate(-2px,-2px)}.zine-btn:active{box-shadow:var(--shadow-offset-active);transform:translate(2px,2px)}.zine-btn-primary{background:var(--red);color:var(--card)}.zine-btn-primary:hover,.zine-btn-primary:active{background:var(--red-dark);color:var(--card)}.zine-btn-wa{background:var(--wa);color:var(--card)}.zine-btn-sm{min-height:36px;padding:6px var(--s4);box-shadow:3px 3px 0 var(--ink);font-size:14px}.zine-btn[disabled]{opacity:.5;cursor:not-allowed}.zine-btn-row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.stamp{border:3px solid var(--red);color:var(--red);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;background:var(--card);padding:6px 14px;font-size:13px;font-weight:700;display:inline-block;transform:rotate(-6deg)}.pill{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--card);align-items:center;gap:6px;padding:2px 12px;font-size:13px;font-weight:700;display:inline-flex}.pill-dark{background:var(--ink);color:var(--paper)}.chip{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--card);min-height:44px;box-shadow:3px 3px 0 var(--ink);padding:8px 20px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s}.chip:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.eyebrow{align-items:center;gap:var(--s3);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--s4);font-size:12px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--red);flex:none;width:28px;height:3px}.marquee{background:var(--ink);color:var(--paper);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:10px 0;overflow:hidden}.marquee-track{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.14em;font-size:14px;font-weight:700;animation:22s linear infinite marquee;display:inline-block}.marquee-track b{color:var(--gold)}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.builder-form{gap:var(--s6);font-family:var(--font-body);flex-direction:column;display:flex}.builder-field{gap:var(--s2);flex-direction:column;display:flex}.builder-field-label{color:var(--ink);font-family:var(--font-body);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;line-height:1.35;display:flex}.builder-counter{font-family:var(--font-mono);font-size:11px;font-weight:700;line-height:1}.builder-music-field>.flex{gap:var(--s3)}.field{margin-bottom:var(--s4)}.field label{align-items:center;gap:var(--s2);margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.field .opt{color:var(--ink-soft);font-size:13px;font-weight:400}.field .counter{font-family:var(--font-mono);color:var(--ink-soft);margin-left:auto;font-size:11px}.zine-input{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--ink);padding:10px 14px}textarea.zine-input{resize:vertical;min-height:96px}.zine-input:focus{outline:3px solid var(--red);outline-offset:0}.zine-error{color:var(--red);margin-top:4px;font-size:13px;font-weight:700}.song-play-btn{border:2px solid var(--ink);border-radius:var(--radius-full);background:var(--card);width:36px;height:36px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);flex:none;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:inline-flex}.song-play-btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.song-play-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.song-play-btn[aria-pressed=true]{background:var(--red);color:var(--card)}.song-results{margin-top:var(--s2);overscroll-behavior:contain;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--card);max-height:336px;box-shadow:var(--shadow-offset);scrollbar-width:thin;scrollbar-color:var(--paper-2) transparent;padding:0;list-style:none;overflow-y:auto}.song-results::-webkit-scrollbar{width:10px}.song-results::-webkit-scrollbar-track{background:0 0}.song-results::-webkit-scrollbar-thumb{background:var(--paper-2);border:2px solid var(--card);border-radius:var(--radius-full)}.song-result{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);transition:background .12s;display:flex}.song-result+.song-result{border-top:1px solid var(--paper-2)}.song-result:hover,.song-result.is-playing{background:var(--paper-2)}.song-result.is-playing{box-shadow:inset 3px 0 0 var(--red)}.song-result-main{align-items:center;gap:var(--s3);text-align:left;min-width:0;color:var(--ink);cursor:pointer;flex:1;display:flex}.song-result-main:focus-visible,.song-play-btn:focus-visible{outline-offset:-2px}.song-result-text{flex-direction:column;gap:2px;min-width:0;display:flex}.song-result-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.35;overflow:hidden}.song-result-artist{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.35;overflow:hidden}.song-cover{object-fit:cover;flex:none;width:40px;height:40px;padding:2px;display:block}.song-cover-empty{background:var(--paper-2)}.song-eq{flex:none;align-items:flex-end;gap:2px;height:14px;display:inline-flex}.song-eq span{background:var(--red);transform-origin:bottom;width:3px;height:14px}.song-skel{padding:var(--s1) 0}.song-skel-row{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);display:flex}.song-skel-row+.song-skel-row{border-top:1px solid var(--paper-2)}.song-skel-cover{background:var(--paper-2);flex:none;width:40px;height:40px}.song-skel-lines{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.song-skel-line{border-radius:var(--radius-full);background:var(--paper-2);width:60%;height:10px;display:block}.song-skel-line-short{width:35%}@media (prefers-reduced-motion:no-preference){.song-results{animation:.16s ease-out song-results-in}.song-eq span{animation:.9s ease-in-out infinite song-eq-bounce}.song-eq span:nth-child(2){animation-delay:.25s}.song-eq span:nth-child(3){animation-delay:.5s}.song-skel-cover,.song-skel-line{animation:1.2s ease-in-out infinite song-skel-pulse}.song-skel-line-short{animation-delay:.15s}}@keyframes song-results-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes song-eq-bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes song-skel-pulse{0%,to{opacity:1}50%{opacity:.45}}.topnav{z-index:40;background:var(--paper);border-bottom:2px solid var(--ink);padding:var(--s3) 0;position:sticky;top:0}.topnav .container{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.logo{font-family:var(--font-display);color:var(--ink);font-size:22px;font-weight:900;text-decoration:none}.logo em{color:var(--red);font-style:normal}.site-footer{border-top:2px solid var(--ink);padding:var(--s8) 0 var(--s12);margin-top:var(--s12)}.muted{color:var(--ink-soft)}.mt-2{margin-top:var(--s2)}.mt-4{margin-top:var(--s4)}.mt-6{margin-top:var(--s6)}.mt-8{margin-top:var(--s8)}.backlink{font-family:var(--font-body);color:var(--red);align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.backlink:hover,.backlink:active{color:var(--ink)}.divider{border:none;border-top:2px dashed var(--paper-2);margin:var(--s6) 0}.ic{flex:none;width:18px;height:18px}.ic-lg{flex:none;width:26px;height:26px}.type-card{color:var(--ink);text-decoration:none;display:block}.type-card-content{row-gap:var(--s3);flex-direction:column;display:flex}.type-card h2{align-items:center;gap:var(--s3);font-size:26px;display:flex}.step{gap:var(--s4);align-items:flex-start;display:flex}.step .num{background:var(--ink);width:48px;height:48px;color:var(--paper);font-family:var(--font-display);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.step h3{font-family:var(--font-display);font-size:20px;font-weight:900}.plan{flex-direction:column;display:flex;position:relative}.plan>.pill{align-self:flex-start;display:inline-flex}.plan>.zine-btn{margin-top:auto}.plan .price{font-family:var(--font-display);margin:var(--s2) 0;font-size:40px;font-weight:900}.plan .price small{font-family:var(--font-body);color:var(--ink-soft);font-size:15px;font-weight:500}.plan ul{margin:var(--s4) 0 var(--s6);padding-top:var(--s4);border-top:2px dashed var(--paper-2);list-style:none}.plan li{padding:6px 0 6px 26px;font-size:15px;position:relative}.plan li:before{content:"";border-left:3px solid var(--red);border-bottom:3px solid var(--red);width:14px;height:8px;position:absolute;top:13px;left:2px;transform:rotate(-45deg)}.hero{padding:var(--s12) 0 var(--s8);text-align:center}.hero .stamp{margin-bottom:var(--s6)}.hero .eyebrow{justify-content:center}.hero .eyebrow:before{display:none}.hero h1 .u-hand{white-space:nowrap;position:relative}.hero h1 .u-hand svg{width:100%;height:14px;position:absolute;bottom:-10px;left:0}.hero p.lead{color:var(--ink-soft);margin:var(--s4) auto var(--s6);max-width:460px;font-size:18px}.hero .fine{font-size:12px;font-family:var(--font-mono);color:var(--ink-soft);margin-top:var(--s4)}.hero-arrow{flex:none;transform:rotate(8deg)}@media (width>=1024px){.hero{padding-top:var(--s16)}}.marquee-band{margin:var(--s8) 0;transform:rotate(-1.2deg)}details.faq{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--card);margin-bottom:var(--s3)}details.faq summary{cursor:pointer;padding:var(--s4) var(--s6);justify-content:space-between;align-items:center;gap:var(--s4);font-weight:700;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary .pm{font-family:var(--font-mono);color:var(--red);flex:none;font-size:20px;font-weight:700}details.faq .a{padding:0 var(--s6) var(--s4);color:var(--ink-soft)}.final{background:var(--ink);color:var(--paper);text-align:center;padding:var(--s12) var(--s6);border-radius:var(--radius-lg)}.final h2{color:var(--paper)}.final .btn-card{background:var(--card)}.wa-fab{z-index:45;background:var(--wa);width:56px;height:56px;color:var(--card);border:2px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #2216102e}.wa-fab:hover{transform:scale(1.06)}.catalog-grid{row-gap:var(--s6);column-gap:var(--s6)}.tpl-card{gap:var(--s3);flex-direction:column;display:flex;position:relative}.tpl-thumb{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--paper-2);padding:var(--s4);flex-direction:column;justify-content:center;min-height:130px;display:flex;position:relative;overflow:hidden}.tpl-card .actions{margin-top:auto}.tpl-tag{z-index:2;position:absolute;top:-10px;right:14px}.tpl-soon .tpl-thumb:after{content:"";z-index:1;background:#2216108c;position:absolute;inset:0}.tpl-soon-badge{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.mock{font-family:var(--font-display);color:var(--ink);font-weight:900}.mock small{font-family:var(--font-body);color:var(--ink-soft);margin-top:4px;font-size:11px;font-weight:400;display:block}.mock.m-classic{text-align:center}.mock.m-paper{background:var(--card);border:1px solid var(--ink);text-align:center;border-radius:4px;padding:12px}.mock.m-notebook{background:repeating-linear-gradient(var(--card) 0 22px, #22161024 22px 24px);text-align:left;padding-top:6px;line-height:24px}.mock.m-envelope{text-align:center;padding-top:26px;position:relative}.mock.m-envelope:before{content:"";border-left:44px solid #0000;border-right:44px solid #0000;border-top:22px solid var(--paper-2);filter:drop-shadow(0 -1px 0 var(--ink));position:absolute;top:0;left:50%;transform:translate(-50%)}.mock.m-editorial{text-align:left;border-left:4px solid var(--red);padding-left:10px}.mock.m-airy{text-align:center;letter-spacing:.04em;font-size:17px}.mock.m-voucher{border:2px dashed var(--red);border-radius:var(--radius-sm);text-align:center;padding:10px}.mock.m-sketch{background:var(--card);box-shadow:3px 3px 0 var(--ink);padding:10px;transform:rotate(-1deg)}.mock.m-game{align-items:center;gap:6px;display:flex}.mock.m-game .dot3{gap:4px;display:flex}.mock.m-game .dot3 i{background:var(--ink);border-radius:50%;width:10px;height:10px}.mock.m-scroll{text-align:center;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:8px 0}.mock.m-love{color:var(--red);text-align:center}.photo-slot{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--paper-2);overflow:hidden}.photo-slot img{width:100%;height:auto}.pill-red{border-color:var(--red);color:var(--red)}.zine-btn-ghost{box-shadow:none;background:0 0}.chips-row{gap:var(--s2);flex-wrap:wrap;display:flex}