@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=DM+Sans:wght@400;500;600;700;800&display=swap');
@font-face{font-family:'Bangers';src:url('/assets/fonts/Bangers-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#242220;--paper:#f8f5ed;--yellow:#f9ce37;--pink:#ef86a7;--blue:#b9d5e6;--line:2px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',sans-serif;background-image:radial-gradient(#3630200b .7px,transparent .7px);background-size:5px 5px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bc3370;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h1{font-size:clamp(45px,5.7vw,80px);letter-spacing:-4px;font-weight:800;margin-bottom:24px}h2{font-size:35px;letter-spacing:-1.5px}h3{font-size:26px;letter-spacing:-.8px}em{font-family:'Comic Neue',cursive;font-weight:700}p{color:#58534b}button:disabled{opacity:.5;cursor:wait}.container{max-width:1160px;margin:auto;padding:0 32px}.site-header{max-width:1280px;margin:auto;padding:27px 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--line)}.logo{display:flex;align-items:center;gap:10px;font-family:'Bangers',Impact,sans-serif;font-size:31px;letter-spacing:.4px;white-space:nowrap}.logo-dot{color:#d7607f;margin-left:-9px}.site-header nav{display:flex;align-items:center;gap:33px;font-size:13px;font-weight:700}.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}.nav-studio{border:var(--line);padding:9px 17px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.nav-studio span{margin-left:14px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding-top:65px;padding-bottom:66px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;display:block;margin-bottom:15px}.tiny-star{font-size:21px;margin-right:6px}.hero h1{position:relative;max-width:620px}.pink-underline{position:relative;z-index:0}.pink-underline:after{content:'';position:absolute;bottom:8px;left:-4px;right:-6px;height:18px;background:var(--pink);z-index:-1;transform:rotate(-2deg)}.scribble{position:absolute;right:-6px;bottom:15px}.hero p{max-width:425px;font-size:15px;line-height:1.8;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:var(--line);padding:12px 20px;background:var(--paper);font-size:12px;font-weight:800;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.yellow{background:var(--yellow)}.pink{background:var(--pink)}.text-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.hero .text-link{margin-left:23px}.hero-doodle{position:relative;transform:rotate(-4deg);max-width:350px;margin-top:20px}.hero-doodle svg{width:100%;overflow:visible}.orbit{position:absolute;z-index:1;top:-23px;right:4px;font-size:11px;line-height:1.15;text-align:center;border:var(--line);border-radius:50%;padding:16px;background:var(--pink);transform:rotate(17deg);font-weight:800}.doodle-note{text-align:center;font-family:'Comic Neue',cursive;font-size:18px;font-weight:700;margin-top:6px;transform:rotate(3deg)}.doodle-note span{font-size:13px;color:#71685f}.ticker{background:var(--ink);color:var(--paper);overflow:hidden;transform:rotate(-1deg);padding:13px 0;font-size:11px;letter-spacing:2px;font-weight:700}.ticker div{white-space:nowrap;text-align:center;word-spacing:12px}.reading-section{padding-top:70px;padding-bottom:55px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{margin:0}.little-stamp{border:2px dashed var(--ink);outline:2px solid var(--ink);outline-offset:4px;background:var(--pink);font-family:'Bangers',Impact,sans-serif;line-height:1.08;text-align:center;padding:10px 19px;font-size:18px;transform:rotate(10deg);margin-right:15px}.reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:35px}.comic-paper{background:#fffdf7;border:var(--line);padding:27px;box-shadow:6px 6px 0 var(--ink);min-width:0}.comic-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;margin-bottom:18px}.issue-tag{background:var(--yellow);border:1.5px solid var(--ink);padding:3px 8px;font-weight:800;transform:rotate(-2deg)}.comic-title{font-family:'Bangers',Impact,sans-serif;font-size:44px;letter-spacing:.6px;margin-bottom:7px}.comic-description{font-family:'Comic Neue',cursive;font-size:16px;margin-bottom:18px}.canvas-wrap{line-height:0}.canvas-wrap canvas{display:block;width:100%;height:auto;background:#fff8e9}.canvas-wrap canvas.ready{animation:pop .45s cubic-bezier(.2,.8,.3,1.2)}.canvas-wrap noscript img{display:block}.comic-end{display:flex;justify-content:space-between;font-family:'Bangers',Impact,sans-serif;font-size:13px;letter-spacing:1px;margin-top:20px;padding-top:13px;border-top:1px solid #c7c0b5}.transcript{font-size:12px;margin-top:12px}.transcript summary{cursor:pointer}.transcript ol{line-height:1.9}.note-card{padding:26px 23px;border:var(--line);margin-bottom:25px;box-shadow:4px 4px 0 var(--ink)}.yellow-card{background:var(--yellow);transform:rotate(1.5deg)}.note-card h3{font-size:25px;margin-bottom:17px}.note-card p{font-size:12px;line-height:1.9}.theme-pill{border:1px solid var(--ink);border-radius:20px;padding:6px 12px;font-size:10px;font-weight:700;background:#ffffff50}.share-card{background:var(--paper);margin-top:32px}.hand-star{font-size:44px;line-height:1;display:block;margin-bottom:17px}.share-card .button{width:100%;padding:10px;gap:8px;font-size:11px}.plain-button{background:none;border:0;padding:14px 4px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px;display:block;margin:auto}.share-card #share-status{margin:5px 0 0;font-size:11px}.download-link{display:block;border-bottom:1px solid #b6ada1;padding:10px 0 20px;font-size:12px;font-weight:700}.download-link small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#6c665c}.sidebar-scribble{font-family:'Comic Neue',cursive;font-size:23px;line-height:1.1;text-align:center;transform:rotate(-7deg);margin:45px 0}.sidebar-scribble em{background:var(--blue);font-size:30px}.reader-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px;font-size:11px}.reader-bottom .button{font-size:11px}.muted{color:#756e63;font-size:12px}.bottom-banner{display:flex;align-items:center;justify-content:center;gap:40px;background:var(--blue);border-top:var(--line);border-bottom:var(--line);padding:37px 25px}.bottom-banner>span{font-size:70px;line-height:1}.bottom-banner h2{font-size:29px;margin-bottom:8px}.bottom-banner p{margin:0;font-size:13px}footer{max-width:1160px;margin:auto;padding:42px 32px 25px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 35px}footer .logo{font-size:26px}footer p{font-size:12px;grid-column:1}footer>div{grid-column:2;grid-row:1/3;display:flex;gap:25px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #c7c0b5;margin-top:22px;padding-top:18px;font-size:10px;color:#7c7367}.skip{position:absolute;left:-999px}.skip:focus{left:15px;top:10px;z-index:99;background:white;padding:15px}.section-intro{padding:55px 0 25px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.archive-card{display:block;background:#fffdf7;border:var(--line);box-shadow:4px 4px var(--ink);padding:16px}.archive-card img{border:var(--line);margin-bottom:15px;aspect-ratio:1200/630;object-fit:cover}.archive-card h2{font-size:25px}.archive-card p{font-size:12px}.pager{display:flex;gap:25px;justify-content:center;align-items:center;margin:40px 0}.paper{background:#fffdf7;border:var(--line);padding:35px;box-shadow:6px 6px var(--ink)}.narrow{max-width:800px;margin:60px auto}.login-wrap{max-width:950px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:0 25px}.login-wrap h1{font-size:60px;letter-spacing:-2px}.login-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;transform:rotate(-6deg)}.burst{background:var(--yellow);clip-path:polygon(50% 0,61% 19%,85% 5%,80% 30%,100% 42%,82% 56%,97% 83%,69% 80%,57% 100%,43% 80%,17% 97%,20% 69%,0 56%,20% 41%,4% 17%,34% 20%);padding:70px;font-family:'Bangers',Impact,sans-serif;font-size:45px;line-height:1;text-align:center}.login-art p{font-family:'Comic Neue',cursive;font-size:19px;text-align:center}label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}input,textarea,select{display:block;width:100%;padding:11px 12px;background:#fffdf7;border:1.5px solid var(--ink);margin-top:6px;border-radius:0}textarea{resize:vertical;min-height:110px}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.notice{background:#e6f0da;border:var(--line);padding:12px 18px;font-size:13px;margin:20px 0}.notice.error{background:#ffdae2}.studio{max-width:1220px;margin:40px auto;padding:0 30px}.studio-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.studio-heading h1{font-size:45px;letter-spacing:-2px;margin:0}.studio-tabs{display:flex;gap:15px;flex-wrap:wrap;border-bottom:var(--line);padding-bottom:18px;margin-bottom:28px}.studio-tabs a{padding:5px 12px;font-size:13px;font-weight:700}.studio-tabs a.active{background:var(--yellow);border:var(--line);box-shadow:3px 3px var(--ink)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.studio .paper h2{font-size:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.layout-preview{max-height:450px;width:auto;max-width:100%;display:block;margin:auto;border:var(--line)}.preview-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.full{grid-column:1/-1}.status-tag{display:inline-block;padding:2px 8px;background:var(--blue);border:1px solid var(--ink);font-size:10px;text-transform:uppercase;font-weight:800}.status-published{background:#c1d8ac}.status-failed{background:#f4b0b8}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid #d3cbbb;vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:1px}td form{display:inline}td button{padding:4px 9px;margin:3px;font-size:11px;background:var(--yellow);border:1px solid var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat{padding:24px;background:var(--yellow);border:var(--line);box-shadow:4px 4px var(--ink)}.stat:nth-child(2){background:var(--pink)}.stat:nth-child(3){background:var(--blue)}.stat:nth-child(4){background:#bdcfae}.stat strong{display:block;font-size:38px;line-height:1.2}.stat span{font-size:11px}.mono{font-family:monospace;font-size:12px}.help{font-size:11px;color:#746c60;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap}.preview-comic{max-width:620px;margin:auto}.preview-comic img{border:var(--line)}.progress-box{padding:18px;background:var(--blue);border:var(--line);margin-top:25px}.hidden,[hidden]{display:none!important}@keyframes pop{from{opacity:0;transform:scale(.97) rotate(-.5deg)}to{opacity:1;transform:none}}@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:85px}}@media(max-width:900px){.site-header{padding:20px 25px}.site-header nav{gap:18px}.hero{gap:25px}.hero h1{font-size:60px}.scribble{display:none}.hero .text-link{display:block;margin:20px 0 0}.reader-grid{grid-template-columns:minmax(0,1fr) 210px;gap:22px}.comic-paper{padding:20px}.note-card{padding:21px 16px}.archive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-header{padding:18px;flex-wrap:wrap;gap:18px}.logo{font-size:27px}.logo img{width:35px}.site-header nav{width:100%;justify-content:space-between;gap:12px;font-size:11px}.nav-studio{padding:6px 10px}.nav-studio span{margin:0}.container{padding-left:20px;padding-right:20px}.hero{padding-top:40px;padding-bottom:40px;grid-template-columns:1fr;gap:0}.hero h1{font-size:61px;letter-spacing:-3px}.hero p{font-size:14px}.hero-doodle{display:none}.hero .text-link{display:inline-block;margin-left:20px;font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.2px}.ticker{font-size:9px}.reading-section{padding-top:40px}.section-heading h2{font-size:28px;max-width:250px}.little-stamp{font-size:14px;padding:8px 12px;margin-right:6px}.reader-grid{grid-template-columns:1fr;gap:30px}.comic-paper{padding:15px;box-shadow:4px 4px var(--ink)}.comic-title{font-size:36px}.comic-meta{font-size:9px}.comic-description{font-size:14px}.reader-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.note-card,.share-card{margin:0;box-shadow:3px 3px var(--ink);padding:20px 14px}.note-card h3{font-size:22px}.note-card p{font-size:11px}.hand-star{font-size:30px}.sidebar-scribble{display:none}.download-link{grid-column:1/-1}.reader-bottom{flex-wrap:wrap;gap:25px;justify-content:center}.bottom-banner{gap:20px;flex-wrap:wrap;text-align:center}.bottom-banner>span{display:none}.bottom-banner h2{font-size:26px}footer{display:block;padding:32px 20px}footer>div{margin:20px 0;gap:20px}footer small{display:block}.archive-grid{grid-template-columns:1fr}.section-intro h1{font-size:48px;letter-spacing:-2px}.login-wrap,.studio-grid{grid-template-columns:1fr}.login-art{display:none}.paper{padding:25px}.login-wrap{margin:35px auto}.studio{padding:0 18px;margin-top:30px}.studio-heading h1{font-size:34px}.studio-heading .button{padding:8px 12px}.studio-tabs{gap:5px}.studio-tabs a{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:15px}.stat strong{font-size:30px}.form-row{grid-template-columns:1fr;gap:0}.narrow{margin:30px 20px}.comic-end{font-size:10px}.full{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.social-share-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.social-share-links a{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1.5px solid var(--ink);padding:7px 8px;font-size:10px;font-weight:700;background:#fffdf7;transition:background .15s,transform .15s}
.social-share-links a:hover{background:var(--yellow);transform:translateY(-2px)}
.share-card .share-help{font-size:10px;line-height:1.6;margin:16px 0 0}
@media(max-width:650px){.reader-sidebar .share-card{grid-column:1/-1;grid-row:2}.reader-sidebar .yellow-card{grid-column:1/-1}.social-share-links{grid-template-columns:repeat(4,minmax(0,1fr))}.share-card .button{max-width:280px}.share-card .plain-button{margin-left:0}}
@media(max-width:360px){.social-share-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

.generation-details{margin-top:28px}.generation-details h3{font-size:21px;margin-top:25px}.generation-record{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:420px;overflow:auto;background:#f3eee2;border:1px solid #c7c0b5;padding:16px;font:12px/1.7 monospace}.generation-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin:25px 0}.generation-facts dt{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.generation-facts dd{margin:5px 0 0;font-size:13px;overflow-wrap:anywhere}.generation-details details{margin:14px 0}.generation-details summary{cursor:pointer;font-size:13px;font-weight:700}.generation-details h4{font-size:12px;margin-bottom:8px}.panel-generation{border-top:1px solid #c7c0b5;padding-top:15px}@media(max-width:650px){.generation-facts{grid-template-columns:1fr}.generation-details{padding:20px}}
/* Leave clear space after each management card, including its offset shadow. */
.studio > .paper,.studio > .studio-grid{margin-bottom:32px}
@media(max-width:650px){.studio > .paper,.studio > .studio-grid{margin-bottom:26px}}