Friday, October 9, 2026
RepoMan 10.10.2026
The RepoMan
Oct 9, 2026 · @SenLin
1. Recovery
If you're current on your payments, you can stop reading. None of this is about you. Go on back to your life. Go back to knowing things.
Still here?
Then you're behind, and I don't need to tell you what that's like. You check the balance before you check the weather. You flinch at numbers you don't recognize. You lie awake quizzing yourself — the capitals, the formulas, the eight bones of the wrist — just to make sure it's all still in there.
It's all still in there.
For now.
The Egyptians took the brain out through the nose. Herodotus says so, and he was there, more or less: an iron hook up the nostril, some twisting, some stirring, and out it came in pieces, and they threw the pieces away, because everybody knew you did your thinking with your heart. The heart they left in. The liver and the lungs went into jars with gods carved on the lids. The brain was garbage.
Twenty-five centuries later, it turns out they had the right route. They were just wrong about what was worth stealing.
I work nights. I ride the Owl.
The Owl is the 17 Night Line, the loop that runs from the hospital towers down through the Quad, past the old stadium, and out to Terminal Yard, where the buses go to sleep it off. At four in the morning it's a dormitory on wheels: night-shift aides with their shoes off, line cooks who smell like the fryer, a security guard in a jacket two sizes too ambitious for him, and the ones with nowhere else to be, riding the loop because the loop is heated and the fare is cheap and a bus, according to the law, counts as public. Outside, the city slides by in pieces — a pharmacy cross smearing green across the wet street, a seat-shop billboard promising AN MBA BY LUNCH, a tent city under the overpass where the blanks sleep in rows under blue tarps.
Public is the whole game. Here's the law, roughly, as it was explained to me my first night at Tabula Rasa Recovery: I can't break into your house. I can't wake you up. I can't touch you if you tell me no. What I can do is recover any collateral left unattended in a public place.
You'd be amazed how many people leave their heads unattended.
I wear the Ledger in my left eye, a contact lens with a hairline antenna that streams Alma Mater Financial's books straight onto my retina. Through it, every financed head on the bus has a glow. Current accounts are a dull bronze, a tea light behind the skull. Thirty days late burns amber. Ninety burns orange. A hundred and eighty — six missed payments, charge-off, end of the road — goes red and starts to pulse, slow, like something breathing under a blanket.
Third row from the back, against the window: red.
Her name is Dana Kowalczyk. She's twenty-six. She's wearing a server's apron from a steakhouse chain, and she's asleep with her temple against the glass, which is cold, which she can't feel. The Ledger feeds me the rest in a column down the edge of my vision. Two years toward a Bachelor of Architecture at a school that no longer exists. A hundred and thirty-eight thousand dollars at nine point nine percent. A hundred and eighty-three days past due.
They've been looking for her for three days. She moved twice. She changed jobs. She never once thought to stay awake.
The hook is a Tanaka-Holm R9. It looks like a cordless glue gun designed by somebody who was afraid of you: pistol grip, a spool of filament thinner than an eyelash, a cold-glass cartridge the size of a shotgun shell seated in the handle. I sit down beside her. I don't hurry. Nobody on the Owl looks at anybody else. That law is older than the one in the books.
You go in through the nose because it's the only door the brain forgot to lock. At the top of the nasal cavity there's a plate of bone called the cribriform — from the Latin for sieve — and it's shot through with holes, because the nerves for smell come down through it like roots through a drain. Smell is the only sense that doesn't check in with the thalamus first. It goes straight to the old rooms, the amygdala, the hippocampus, the places you keep things. That's why one whiff of a stranger's cigarette can put you back in your grandfather's truck. It's also why I don't need a drill.
The filament goes up her left nostril. She makes a small sleeper's sound. The R9 talks to her lattice and the lattice answers, and somewhere behind her forehead the trellis of protein Alma Mater threaded into her on Orientation Day — between the campus tour and the free pizza — lights up like a city seen from thirty thousand feet.
The pull takes six seconds.
For the middle two, I know what she knows. The manual calls it splash and says it's harmless. For two seconds I know that the hole in the roof of the Pantheon is twenty-seven feet across and has been letting in the rain for nineteen hundred years, and that the floor is pitched so the water runs off. I know the Romans poured concrete that cured underwater. I know what a load path is, and why the arch, and that every building is an argument with gravity that has to be won again every single day. For two seconds the bus is the most beautiful machine I've ever been inside.
Then the cartridge clicks, and it's a bus.
I reel the filament back. One drop of blood follows it out, bright as a ladybug, and sits on her upper lip. She doesn't wake. Most of them don't. The nosebleed is the receipt.
Here's what Dana Kowalczyk finds out this morning. She'll get off at Terminal Yard and walk home under buildings that have gone flat on her — boxes with windows in them, nothing more — and she won't be able to say what changed. She'll open the drawer where she keeps the sketchbook she still draws in on her days off, and she'll turn the pages slowly, like they were drawn by a stranger, which they were.
Here's what else she finds out. Next week the Lot will remarket her two years of architecture — previously owned, one owner, light bleed — for maybe forty cents on the dollar. The gap between what she owed and what it fetches is called the deficiency, and she still owes the deficiency. You can lose the knowledge and keep the debt.
People think that's a glitch. That's the product.
After a pull my hands need something to do, so I give them the silk. I carry a card of black braided suture, 3-0, and I tie one-handed knots down the length of it while the Owl leans into the turn at Fourth: loop, pinch, through, cinch, and again, and again. I don't know where my hands learned that.
That's a lie. I know exactly where they learned it. I paid for it.
I just don't know who from.
2. Provenance
Here's the history, in case you're young.
Before 2033, a student loan was just a loan. They could garnish your wages. They could take your tax refund, your credit, your sleep. They could chase you to the grave and mail your widow a sympathy card with the balance printed on the back. But whatever you learned was yours. You could stiff them for every dime and still know calculus. Knowledge was the one thing you owned that nobody could put a boot on.
Then a dental hygienist from Tulsa named Lorna Pruitt went three years without a payment, and Alma Mater Financial took her all the way up, and she stood on the courthouse steps in her work scrubs and told the cameras you can't repossess what's in a person's head.
Six to three, the Court said you could.
They called it the durable goods doctrine. A fact, once financed, is property, same as a pickup or a refrigerator, and property can be pledged, and what's pledged can be taken back. The lattice already existed. It had been sitting in a lab for years, waiting on the lawyers. Within eighteen months every lender in the country was threading them into freshmen. Within three years you couldn't borrow a dollar for school without one.
And the lattice is greedy. Learn anything in your financed field after the thread goes in — from a lecture, from a library book, from your grandmother at the kitchen table — and it gets tagged the same as everything you paid for. The contracts call that commingling. It's why nobody with a lattice reads for fun anymore. Every free fact is one more thing they can take.
What was learned before the ruling stayed clean. Grandfathered, they call it, and the people who carry it are grandfathers, even the women. Old doctors. Old pilots. Old men who can still figure the tip in their heads. Nobody can touch them. They're the last people in the country who own their minds outright, and they walk around like it, and the rest of us hate them a little.
I was sixteen when the line came down. Everything on the far side of it is mine: the alphabet, the times tables, how to ride a bike, how to whistle through two fingers, a tune my mother hummed at the stove that never had any words. Everything on this side of it, I'm renting.
That includes the brain.
You need neuro to work recovery. The lattice is wet work; you have to know what you're threading through, or you leave people drooling on the upholstery. Tabula Rasa won't put a hook in your hand without a seated neurology package, and a new one runs four hundred thousand, so I did what everybody does. I went to a seat shop on Commerce called Second Mind and financed a used one.
Every cartridge comes with a provenance report, like the history on a used car: owners, dates, accidents, flood damage. Mine shows five owners before me. I've looked up four. A resident who quit medicine to sell boats. A woman who bought it to understand her husband's tumor and sold it back after the funeral. A man who died with it in his head, which is legal now, and means they recover it from the body. A recovery agent in Gulfport who fell behind and got recovered himself.
The first owner is a black bar. Redacted, the report says, at the request of the original title holder.
I'm the sixth.
Ask around the Lot why they call me Six and you'll get six answers. Some of them are even true.
One, because I'm the sixth owner of everything I know.
Two, because I come for you at six payments.
Three, because of how long it takes.
Four, because I was the sixth agent Tabula Rasa ever hired, and the first five are blanks now, and I recovered two of them myself.
Five, because my mother named me for the sixth day, the one when God made man, on the theory that at least one person ought to be made on purpose.
Six, because the first five names didn't take.
Pick one. They're all secondhand.
Here's the thing about used knowledge: it doesn't come clean. The industry calls it bleed. Facts don't travel alone. They come wrapped in whatever the last owner was holding when they learned them. I can't think about the vagus nerve without smelling oranges. The cranial nerves come with a woman's low laugh and a spoon ringing in a cup. I know a phone number I've never dialed and a green door on a street I've never walked down. And whenever I think about the hippocampus — named for the seahorse by a Bolognese anatomist in 1587, because that's what it looked like to him — I feel a thumb drawing slow lines across my knuckles.
Bleed is supposed to be weather from somebody else's life. A smell, a mood, a flicker of déjà vu. It isn't supposed to be skills.
Mine came with hands.
Tuesday nights I go to a meeting in the basement of Saint Agnes for people who've been recovered. Folding chairs. A coffee urn. A banner somebody painted that says WE ARE MORE THAN WHAT WE KNEW. We go around the circle. Hi, I'm Doug, I used to know French. Hi, Doug. Hi, I'm Renata, I was a pharmacist, and this morning I couldn't tell you which of my own pills is for my heart. Hi, Renata.
When it's my turn, I say, Hi, I'm Six, and I'm afraid. They nod, because everybody in that basement is afraid, and nobody asks what I lost, and nobody knows that the reason Renata can't read her own pill bottles is sitting across the circle from her, drinking the church's coffee.
I go because it's the only room in the city where nobody glows.
3. Acceleration
The sky over the Lot is the color of a diploma left too long on a dashboard, and the stadium lights are still burning from the night auction, punching white holes in the dawn.
The Lot used to be a football stadium. The university went under in '36, when nobody wanted a lattice badly enough to enroll, and Alma Mater picked the place up at auction for less than one season of the old coaching salaries. Where the fifty-yard line was, there are cold-glass racks now, forty rows of them with rime on the steel, each rack holding a thousand cartridges in numbered sleeves, and every cartridge is somebody's two years of nursing or three years of law or one summer of conversational Portuguese financed to impress a girl from Recife. Up on the concourse where they used to sell beer, the seat shops run their booths — Second Mind, Brain Gain, Smart Again — with laminated menus of what's in stock and a recliner behind a curtain where they'll seat you on the spot. SEAT TODAY, PAY TOMORROW. On auction nights the bidding runs till sunrise, the auctioneer up in the old press box rattling lots into a microphone: four-four-oh-one, Constitutional Law, two owners, light bleed, second owner was a smoker, do I hear nine, nine, nine-five —
Down in the tunnel where the team used to run out, the graders work. A grader seats a cartridge for thirty seconds and tells you what comes with it: a smell, a fear, a song, the outline of somebody's mother. The best grader on the Lot is a nineteen-year-old named Pilar who's had so many strangers in her head she's started calling herself we.
I sign Dana Kowalczyk's architecture in at intake. Pilar seats it, closes her eyes, and says, Rain. Pencil shavings. A father who was proud of us. Then she pops it out and hands it back.
The man waiting for me past intake wears a slate-gray suit that has never once been rained on, and he has the face of the guy in a drug commercial who gets to go sailing at the end. His card says OFFICE OF THE BURSAR, ALMA MATER FINANCIAL SERVICES, and nothing else. When I ask for a name, he gives me a smile I'm almost positive he bought.
He talks like a dozen people taking turns. The vowels are Boston, the grammar is Oxford, the long considerate pauses belong to a Jesuit. Every piece of him has been to a good school, just not the same one, and none of them was ever his.
"Mr. Six," he says. "Walk with me."
We walk the racks. Our breath hangs in the air.
"You're delinquent," he says.
"Everybody's delinquent."
"You are one hundred and fifty-one days delinquent on a pre-owned neurology package with a remaining balance of three hundred and twelve thousand dollars. Your mother's residence costs eleven thousand four hundred a month, which you have paid, on time, for thirty-one consecutive months. That's very touching. It's also why you're a hundred and fifty-one days delinquent." He draws a gloved finger along a shelf and studies what comes off on it. "As of midnight tonight, your note is accelerated."
Acceleration is a clause buried in every loan agreement. It means the lender can stop asking for the monthly and demand the whole thing. All of it. Today.
"I can't pay that."
"No," he agrees. "Nobody can. That's why it works."
He lets that sit. Then he says, "Your mother is in possession of an asset."
"My mother's a grandfather."
"Your mother was a senior engineer at Kessler-Mori Biosystems from 2026 to 2033, which you know. She was on the team that grew the first lattice, which you may not. She resigned two weeks after Pruitt, and when she left, she took something with her."
"Nothing she learned before the ruling can be touched."
"She didn't learn it," the Bursar says. "She wrote it."
He explains the rest slowly, like a man describing a stove to a toddler. There is a sequence, he says, a pattern that, applied at the root, unthreads every lattice grown from it, which is all of them. His employer would like it recovered before her condition recovers it for them.
"Frankly," he says, "we'd rather have it in a cartridge than let it go into the fog. Things that go into fog have a way of coming out somewhere else."
"That's a pre-'33 pull. That's a felony."
"It is," he says pleasantly. "Here's what we're offering. Your note satisfied, the lien released, your neurology yours to keep. Your mother's bed paid for as long as she needs a bed. And at midnight, nothing happens to you at all."
"And if I say no?"
He gives me a look with a lot of tuition in it.
"Then at midnight, you become a job. One night, sooner or later, you'll fall asleep somewhere public. Everyone does. One of your own colleagues will sit down beside you. You'll wake up at the end of the line not knowing what a neuron is, still owing us three hundred thousand dollars, and your mother will be transferred to a county facility the following Monday. I'm told they're adequate."
"Why me?" I say. "You've got a building full of hooks."
"Because she'll let you close," says the Bursar, and he leaves me standing in the cold with forty thousand strangers' educations asleep in their sleeves.
4. Clean Title
The sign out front says ALMA MATER LIFELONG LEARNING RESIDENCE, which is the kind of joke you only get to make when you own the building.
Memory care is the fourth floor, behind a door with a keypad, and the code for the keypad is written on a strip of masking tape right above it, because the people it's meant to keep in can't hold four digits long enough to use them. The hall smells like canned peaches and whatever they spray to cover what canned peaches can't. Somebody's television is playing a game show at a volume meant for God.
My mother is in 4-C. She's sixty-eight years old. She's a grandfather. Everything she ever learned is hers, legally and forever, and every month a little more of it walks out of her on its own, and nobody even sends her a bill.
There's something funny in that. I haven't found it yet.
She's at the window when I come in, wearing the blue cardigan I bought her, holding a paper cup of apple juice like it's evidence. She gives me the look she's been giving me for a year now: polite, faintly worried, a professor's look for a student who's shown up at her door without an appointment.
"Come in," she says. "Sit. Which section are you?"
"Neurology," I tell her. It's easier than the truth, and anyway it's true.
She narrows her eyes. Somewhere back in there, the engineer is still awake.
"Whose?" she says.
I don't have an answer for that. I never do.
Then she's off, like she used to go off when I was a kid and asked one question at dinner and got forty minutes and a diagram on a napkin. She's been on the Inca for weeks.
"Ten million people," she says. "Roads over the Andes. Runners passing messages hand to hand, two hundred kilometers a day. And not one written word. So how do you suppose they kept the books?"
"Knots," I say. I've heard this one.
"Knots." She's pleased with me. "Khipu. Cords hung from a main cord, knots tied in the cords, and the kind of knot and where it sits is the number. Census. Tribute. Who owed what to whom. An empire run on string." She raises her hands as if there's a cord stretched between them, and her fingers walk a pattern through the air, a loop and a tuck and a quick turn of the wrist —
— and I stop breathing, because my hands know that move. Down in my pockets they twitch along with it, like dogs dreaming.
"In 1583," my mother says, "the Spanish declared the knots idolatry and burned them. Do you know why?"
"Why?"
"Because you can't own people who keep their own books," she says, and drinks her juice.
When she tips her head back, I see it. Just inside her left nostril, high up, a pucker of white scar no bigger than a grain of rice. You'd never notice it unless you knew what made it, and I know what makes it: a hook going in where there's no lattice to follow, nothing to guide the filament, so whoever's holding it has to feel around blind and dig.
Her chart is in a plastic sleeve on the door. I read it on my way out. Recurrent epistaxis, it says. Etiology unknown.
Known, I think. Somebody's been in here before me. Somebody with a hook and no patience, and afterward a doctor wrote early-onset on her chart, and nobody asked why a woman with no family history started losing her nouns at sixty-four.
The only thing she ever told me about my father, the one time I asked as a grown man, was that he'd been a surgeon, and that he'd given everything back. I thought she meant he was generous.
It took a few years in this line of work to hear it the other way.
5. Commingling
I come back at eleven, after shift change, when the hall lights drop to night level and the aides gather at the station with their phones. Nobody stops me. Nobody ever stops a son.
The door to 4-C doesn't lock from either side, because nothing on the fourth floor is allowed to lock. My mother is asleep on her back with her hands folded on her chest like somebody posed her. I sit on the edge of her bed with the R9 across my knees.
Here is what I know, in the order I know it.
I know there's no lattice in her. She's pre-'33. There's nothing for the filament to follow; I'd have to dig. I know what digging does, because I've met the people the cut-rate shops on Commerce dig into, the ones who come out with their names and nothing else, or without their names. I know somebody has already dug in her once and taken the wrong things — her sisters, her street, the word for spoon — and missed the thing they came for. I know that if I go in after it, I'll take whatever's left. And I know that one pull, start to finish, and I could own my head, and keep her bed, and go home, and sleep.
I know I'm not going to do it. I think I knew it at the Lot. I think the Bursar knew it too.
So I sit there, and my hands, because they don't know what else to do with themselves, take out the silk.
I don't notice I'm doing it. Bleed is like that, a radio playing in another room. I work knots along the suture, left over right, one after another, and I don't hear the sheets move, and I don't see that her eyes are open, until she reaches over and closes her hand around mine.
"You always tied them backward," my mother says.
It isn't her fourth-floor voice. It's the one from before. The kitchen voice. The one that used to read me the instructions off the back of everything.
"Danny," she says. "Left over right. Left-handed in a right-handed world. I told you it would get you in trouble."
I'm right-handed. I've been right-handed my whole life, everywhere but here.
She never told me his name. Not once. It isn't on my birth certificate. It isn't anywhere.
"Danny," she says again, and smiles, and for the first time in a year she looks at me like she knows exactly who I am, and it isn't me.
"You came back for it," she says. "Good. I was afraid I'd lose it before you got here."
She sits up. She takes the suture out of my fingers and lays it across her own, and then she takes my hands and puts them where hers are.
"Office hours," says my mother. "Pay attention. I'm only showing you once."
It isn't one knot. It's seven, spaced out on the cord at intervals she measures with the width of her thumb, each one different from the last — a hitch, a bight, a turn taken the wrong way on purpose. Her hands steer mine through them, and while they work, she talks. Not to me. To Danny. About the first lattice, the one they grew in a lab in Cambridge in 2031 off a single spool of engineered thread. How every lattice since has been seeded from that spool, cut from it, cloned off it, so that one thread runs through every borrower in the country. How she'd made him promise, before it ever left the lab, that they'd build in a way out.
"We called it the Jubilee," she says. "It's in every one of them. Tie this at the root, and they all come loose. Every head at once."
While she talks, her thumb keeps a slow beat on the back of my hand, and I understand where I've felt that before. Three years of it. Every time I thought about a seahorse.
Then she's gone again. Not asleep. Gone. Her hands go slack on mine, and she looks down at the thread across her fingers as if someone left it there, and she looks up at me as if I'm a nice young man who's wandered into the wrong room.
"I'm sorry," she says. "Were we finished? I've lost track of the time."
In my left eye, the Ledger, which never sleeps, puts up a single line in Alma Mater's friendly rounded type:
Your collateral profile has been updated. 1 new asset identified. Thank you for continuing to learn with Alma Mater!
I look at it for a long time.
Commingling. I warned you about it back at the beginning. It's on page forty of every contract, and nobody reads page forty. A grandfather's knowledge is untouchable right up until she teaches it to somebody whose head is mortgaged. Then it's commingled. Then it's collateral. Then it's theirs.
The Bursar never needed me to take it out of her. He knew I couldn't. He knew she couldn't hold on to it much longer. All he needed was to put the one man alive who's wearing Danny's hands in a room with her at night, and let her do the rest.
I wasn't the repo man on this job.
I was the tow truck.
The clock on her nightstand says 11:52.
6. Deficiency
Here's what's mine: everything from before I was sixteen, and nothing since.
Here's what I owe. Three hundred and twelve thousand dollars, accelerated. Eleven thousand four hundred a month for a bed with a view of a parking garage. Two hands, sixth owner, the first of whom was my father. A name — Danny, Daniel, Dan — that I'm going to have to pry loose from a redacted line in a file I was never supposed to read. Whatever's left of her. Whatever's left of him, if anything is, wherever he's sleeping tonight.
And seven knots that could unpay the world.
At midnight I watch it happen in the black glass of her window. My own glow, the faint bronze I've carried for three years and stopped seeing, flushes red and starts to throb like a fresh bruise.
Accelerated accounts don't wait for a hundred and eighty days. By morning my name will be up on the board at Tabula Rasa, and somebody will claim it. Somebody I've split a sandwich with. Somebody who knows I ride the Owl, and where I sit, and that I tie knots when I'm tired. Somebody who knows every one of my rules, because I'm the one who taught them.
I kiss my mother on the forehead. She lets me. She's always been easy with strangers who seem to mean well.
Outside, the Owl pulls up to the shelter on the corner, lit and warm and full of sleepers, and kneels at the curb, and opens its doors for me.
I don't get on.
I walk. I put my hands in my pockets, and my hands find the silk, and they start through the sequence without asking me, all seven, in the order she gave them. I tie the last one loose. Loose is the whole trick. A slipknot will hold anything you hang on it, right up until somebody pulls the free end.
I'm the free end.
Wednesday, April 15, 2026
is my meow unique to me
a children's book
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Is My Meow Unique To Me?</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--cream: #FFF8F0;
--warm-orange: #FF8C42;
--soft-yellow: #FFD166;
--lavender: #C8A7E7;
--sky: #92D5E6;
--sage: #A8D5A2;
--rose: #F7A8B8;
--deep-teal: #2A6F7F;
--ink: #2C2030;
}
body {
background: var(--ink);
font-family: 'Nunito', sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
h1.series-title {
font-family: 'Fredoka One', cursive;
color: var(--soft-yellow);
font-size: clamp(1.2rem, 3vw, 1.8rem);
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 30px;
opacity: 0.7;
}
.book-container {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
max-width: 700px;
}
.page {
width: 100%;
border-radius: 16px;
overflow: hidden;
margin-bottom: 6px;
box-shadow: 0 8px 40px rgba(0,0,0,0.5);
animation: fadeUp 0.6s ease both;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.page:nth-child(1) { animation-delay: 0.1s; }
.page:nth-child(2) { animation-delay: 0.2s; }
.page:nth-child(3) { animation-delay: 0.3s; }
.page:nth-child(4) { animation-delay: 0.4s; }
.page:nth-child(5) { animation-delay: 0.5s; }
.page:nth-child(6) { animation-delay: 0.6s; }
.page:nth-child(7) { animation-delay: 0.7s; }
.page:nth-child(8) { animation-delay: 0.8s; }
.page:nth-child(9) { animation-delay: 0.9s; }
.page:nth-child(10) { animation-delay: 1.0s; }
.illustration {
width: 100%;
position: relative;
overflow: hidden;
}
/* SVG illustrations inline */
.illustration svg {
width: 100%;
display: block;
}
.text-block {
padding: 24px 30px;
background: var(--cream);
}
.page-num {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 3px;
color: #aaa;
margin-bottom: 6px;
font-weight: 600;
}
.page-text {
font-family: 'Fredoka One', cursive;
font-size: clamp(1.1rem, 3.5vw, 1.6rem);
line-height: 1.55;
color: var(--ink);
}
/* COVER */
.cover .text-block {
background: var(--ink);
text-align: center;
padding: 30px;
}
.cover .page-text {
color: var(--soft-yellow);
font-size: clamp(1.6rem, 5vw, 2.4rem);
}
.cover .subtitle {
font-family: 'Nunito', sans-serif;
color: var(--lavender);
font-size: 0.9rem;
margin-top: 10px;
letter-spacing: 1px;
}
/* LAST PAGE */
.end .text-block {
background: var(--ink);
text-align: center;
}
.end .page-text {
color: var(--soft-yellow);
font-size: clamp(1.3rem, 4vw, 1.9rem);
}
</style>
</head>
<body>
<div class="book-container">
<!-- COVER -->
<div class="page cover">
<div class="illustration">
<svg viewBox="0 0 700 420" xmlns="http://www.w3.org/2000/svg">
<!-- Night sky background -->
<rect width="700" height="420" fill="#1A0E2E"/>
<!-- Stars -->
<circle cx="80" cy="40" r="1.5" fill="white" opacity="0.9"/>
<circle cx="150" cy="70" r="1" fill="white" opacity="0.7"/>
<circle cx="250" cy="25" r="2" fill="white" opacity="0.8"/>
<circle cx="400" cy="50" r="1.5" fill="white" opacity="0.9"/>
<circle cx="560" cy="30" r="1" fill="white" opacity="0.6"/>
<circle cx="620" cy="80" r="2" fill="white" opacity="0.7"/>
<circle cx="330" cy="15" r="1" fill="white" opacity="0.8"/>
<circle cx="490" cy="60" r="1.5" fill="white" opacity="0.9"/>
<circle cx="640" cy="45" r="1" fill="white" opacity="0.7"/>
<circle cx="45" cy="110" r="1" fill="white" opacity="0.5"/>
<circle cx="680" cy="130" r="1.5" fill="white" opacity="0.8"/>
<!-- Moon -->
<circle cx="580" cy="80" r="50" fill="#FFE566"/>
<circle cx="600" cy="60" r="50" fill="#1A0E2E"/>
<!-- Rolling hills -->
<ellipse cx="200" cy="450" rx="300" ry="120" fill="#2A4A2E"/>
<ellipse cx="550" cy="470" rx="280" ry="100" fill="#1E3A22"/>
<!-- House silhouette -->
<rect x="290" y="260" width="120" height="90" fill="#0D1A0F"/>
<polygon points="270,260 350,200 430,260" fill="#0D1A0F"/>
<rect x="325" y="300" width="30" height="50" fill="#2A1A0E"/>
<rect x="295" y="268" width="22" height="22" fill="#FFD166" opacity="0.6"/>
<rect x="383" y="268" width="22" height="22" fill="#FFD166" opacity="0.6"/>
<!-- Window warm glow -->
<rect x="295" y="268" width="22" height="22" fill="#FF8C42" opacity="0.3"/>
<rect x="383" y="268" width="22" height="22" fill="#FF8C42" opacity="0.3"/>
<!-- Big cat on windowsill -->
<!-- Body -->
<ellipse cx="360" cy="355" rx="35" ry="22" fill="#E8A87C"/>
<!-- Head -->
<circle cx="395" cy="342" r="22" fill="#E8A87C"/>
<!-- Ears -->
<polygon points="383,325 378,308 396,318" fill="#E8A87C"/>
<polygon points="407,325 412,308 396,318" fill="#E8A87C"/>
<polygon points="384,323 380,311 394,319" fill="#C87050"/>
<polygon points="406,323 410,311 395,319" fill="#C87050"/>
<!-- Eyes -->
<ellipse cx="389" cy="341" rx="4" ry="5" fill="#2C2030"/>
<ellipse cx="401" cy="341" rx="4" ry="5" fill="#2C2030"/>
<circle cx="390" cy="340" r="1.5" fill="white"/>
<circle cx="402" cy="340" r="1.5" fill="white"/>
<!-- Nose -->
<polygon points="395,346 392,349 398,349" fill="#D06060"/>
<!-- Mouth curve -->
<path d="M392,349 Q395,352 398,349" stroke="#C05050" stroke-width="1" fill="none"/>
<!-- Whiskers -->
<line x1="395" y1="347" x2="370" y2="344" stroke="#888" stroke-width="1"/>
<line x1="395" y1="348" x2="370" y2="350" stroke="#888" stroke-width="1"/>
<line x1="395" y1="347" x2="420" y2="344" stroke="#888" stroke-width="1"/>
<line x1="395" y1="348" x2="420" y2="350" stroke="#888" stroke-width="1"/>
<!-- Tail curl -->
<path d="M330,348 Q310,365 320,375 Q330,385 345,375" stroke="#E8A87C" stroke-width="8" fill="none" stroke-linecap="round"/>
<!-- MEOW sound wave coming from cat -->
<text x="420" y="320" font-family="Fredoka One, cursive" font-size="28" fill="#92D5E6" opacity="0.9" transform="rotate(-10,420,320)">meow?</text>
<!-- Decorative dots/sparkles around meow -->
<circle cx="416" cy="295" r="3" fill="#FFD166" opacity="0.8"/>
<circle cx="480" cy="308" r="2" fill="#F7A8B8" opacity="0.8"/>
<circle cx="510" cy="295" r="3" fill="#C8A7E7" opacity="0.8"/>
</svg>
</div>
<div class="text-block">
<div class="page-text">Is My Meow<br>Unique To Me?</div>
<div class="subtitle">A story about the sounds we make and the hearts they reach</div>
</div>
</div>
<!-- PAGE 1 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<rect width="700" height="380" fill="#FFF0D8"/>
<!-- Sunbeams -->
<line x1="120" y1="0" x2="200" y2="380" stroke="#FFD166" stroke-width="40" opacity="0.15"/>
<line x1="240" y1="0" x2="320" y2="380" stroke="#FFD166" stroke-width="30" opacity="0.10"/>
<!-- Floor -->
<rect x="0" y="300" width="700" height="80" fill="#DEB887"/>
<!-- Rug -->
<ellipse cx="350" cy="320" rx="200" ry="30" fill="#FF8C42" opacity="0.4"/>
<ellipse cx="350" cy="320" rx="160" ry="22" fill="#FF6B35" opacity="0.3"/>
<!-- Window frame -->
<rect x="520" y="40" width="140" height="180" rx="5" fill="#92D5E6" opacity="0.6"/>
<rect x="520" y="40" width="140" height="180" rx="5" fill="none" stroke="#C8A87C" stroke-width="8"/>
<line x1="590" y1="40" x2="590" y2="220" stroke="#C8A87C" stroke-width="5"/>
<line x1="520" y1="130" x2="660" y2="130" stroke="#C8A87C" stroke-width="5"/>
<!-- Plant on windowsill -->
<rect x="630" y="215" width="20" height="18" fill="#8B5E3C"/>
<circle cx="640" cy="205" r="16" fill="#5A9A3A"/>
<circle cx="628" cy="210" r="10" fill="#4A8A2A"/>
<circle cx="652" cy="210" r="10" fill="#6AAA4A"/>
<!-- Orange cat sitting, looking up -->
<!-- Body -->
<ellipse cx="280" cy="290" rx="55" ry="45" fill="#E8824A"/>
<!-- Tail -->
<path d="M235,300 Q190,340 210,360 Q230,375 250,360 Q260,350 255,330" stroke="#E8824A" stroke-width="14" fill="none" stroke-linecap="round"/>
<!-- Head -->
<circle cx="280" cy="225" r="45" fill="#E8824A"/>
<!-- Ears -->
<polygon points="258,192 248,165 275,183" fill="#E8824A"/>
<polygon points="302,192 312,165 285,183" fill="#E8824A"/>
<polygon points="260,190 252,168 273,183" fill="#C86030"/>
<polygon points="300,190 308,168 287,183" fill="#C86030"/>
<!-- Eyes looking up wide -->
<ellipse cx="268" cy="222" rx="7" ry="9" fill="#2C1A10"/>
<ellipse cx="292" cy="222" rx="7" ry="9" fill="#2C1A10"/>
<circle cx="270" cy="220" r="3" fill="white"/>
<circle cx="294" cy="220" r="3" fill="white"/>
<!-- Glint -->
<!-- Nose -->
<polygon points="280,232 276,237 284,237" fill="#D05050"/>
<!-- Mouth open for meow -->
<path d="M275,238 Q280,245 285,238" stroke="#B04040" stroke-width="2" fill="#FF8080" opacity="0.7"/>
<!-- Whiskers -->
<line x1="280" y1="235" x2="240" y2="228" stroke="#666" stroke-width="1.5"/>
<line x1="280" y1="236" x2="240" y2="238" stroke="#666" stroke-width="1.5"/>
<line x1="280" y1="237" x2="240" y2="248" stroke="#666" stroke-width="1.5"/>
<line x1="280" y1="235" x2="320" y2="228" stroke="#666" stroke-width="1.5"/>
<line x1="280" y1="236" x2="320" y2="238" stroke="#666" stroke-width="1.5"/>
<line x1="280" y1="237" x2="320" y2="248" stroke="#666" stroke-width="1.5"/>
<!-- MEOW in big letters floating up -->
<text x="340" y="200" font-family="Fredoka One, cursive" font-size="52" fill="#FF8C42" opacity="0.9">MEOW!</text>
<!-- Sound waves -->
<path d="M335,195 Q320,170 335,145" stroke="#FF8C42" stroke-width="3" fill="none" opacity="0.5"/>
<path d="M325,195 Q305,165 325,138" stroke="#FF8C42" stroke-width="2" fill="none" opacity="0.3"/>
<!-- Stripes on cat -->
<path d="M260,200 Q270,195 280,200" stroke="#C86030" stroke-width="2" fill="none" opacity="0.6"/>
<path d="M258,210 Q270,204 282,210" stroke="#C86030" stroke-width="2" fill="none" opacity="0.6"/>
<path d="M255,240 Q270,270 285,265 Q300,262 310,240" stroke="#C86030" stroke-width="3" fill="none" opacity="0.4"/>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 1</div>
<div class="page-text">Every morning, Mango opened his mouth and let out a big, round MEOW.<br><br>But one day, he stopped and wondered...</div>
</div>
</div>
<!-- PAGE 2 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<rect width="700" height="380" fill="#E8F4F8"/>
<!-- Clouds -->
<ellipse cx="150" cy="60" rx="80" ry="35" fill="white" opacity="0.9"/>
<ellipse cx="200" cy="50" rx="60" ry="30" fill="white" opacity="0.9"/>
<ellipse cx="110" cy="55" rx="50" ry="28" fill="white" opacity="0.9"/>
<ellipse cx="550" cy="80" rx="70" ry="30" fill="white" opacity="0.8"/>
<ellipse cx="610" cy="70" rx="55" ry="26" fill="white" opacity="0.8"/>
<!-- Grass -->
<rect x="0" y="290" width="700" height="90" fill="#5B9A3A"/>
<!-- Garden path -->
<ellipse cx="350" cy="370" rx="180" ry="25" fill="#C8A87C" opacity="0.5"/>
<!-- Big tabby cat sitting in garden - thinking pose -->
<ellipse cx="340" cy="295" rx="60" ry="50" fill="#C8A060"/>
<!-- tabby stripes on body -->
<path d="M295,280 Q320,270 345,280" stroke="#8B6A30" stroke-width="3" fill="none" opacity="0.5"/>
<path d="M292,296 Q320,285 348,296" stroke="#8B6A30" stroke-width="3" fill="none" opacity="0.5"/>
<path d="M294,310 Q320,300 346,310" stroke="#8B6A30" stroke-width="3" fill="none" opacity="0.5"/>
<!-- Tail wrapping around -->
<path d="M285,320 Q250,360 270,375 Q295,385 310,365 Q320,348 305,330" stroke="#C8A060" stroke-width="14" fill="none" stroke-linecap="round"/>
<!-- Head tilted - thinking -->
<circle cx="348" cy="240" r="48" fill="#C8A060" transform="rotate(8,348,240)"/>
<!-- tabby stripes on face -->
<path d="M330,210 Q345,205 360,210" stroke="#8B6A30" stroke-width="2" fill="none" opacity="0.5"/>
<path d="M327,218 Q345,213 363,218" stroke="#8B6A30" stroke-width="2" fill="none" opacity="0.4"/>
<!-- Ears -->
<polygon points="325,212 316,188 340,200" fill="#C8A060"/>
<polygon points="370,212 380,188 358,200" fill="#C8A060"/>
<polygon points="326,210 319,191 338,200" fill="#A07840"/>
<polygon points="369,210 377,191 360,200" fill="#A07840"/>
<!-- Eyes looking sideways thoughtful -->
<ellipse cx="334" cy="238" rx="7" ry="6" fill="#4A3020"/>
<ellipse cx="362" cy="235" rx="7" ry="6" fill="#4A3020"/>
<circle cx="336" cy="237" r="2.5" fill="white"/>
<circle cx="364" cy="234" r="2.5" fill="white"/>
<!-- Eyebrow furrowed -->
<path d="M327,229 Q334,225 341,228" stroke="#8B6A30" stroke-width="2" fill="none"/>
<path d="M355,226 Q362,222 369,225" stroke="#8B6A30" stroke-width="2" fill="none"/>
<!-- Nose -->
<polygon points="348,246 344,251 352,251" fill="#C05050"/>
<!-- Closed mouth thinking -->
<path d="M344,252 Q348,254 352,252" stroke="#A04040" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<line x1="348" y1="248" x2="305" y2="240" stroke="#888" stroke-width="1.5"/>
<line x1="348" y1="249" x2="305" y2="250" stroke="#888" stroke-width="1.5"/>
<line x1="348" y1="248" x2="391" y2="240" stroke="#888" stroke-width="1.5"/>
<line x1="348" y1="249" x2="391" y2="250" stroke="#888" stroke-width="1.5"/>
<!-- Thought bubble -->
<circle cx="420" cy="200" r="5" fill="white" opacity="0.8"/>
<circle cx="440" cy="182" r="8" fill="white" opacity="0.85"/>
<circle cx="465" cy="165" r="12" fill="white" opacity="0.9"/>
<ellipse cx="510" cy="135" rx="60" ry="45" fill="white" opacity="0.95"/>
<!-- Inside thought: tiny cats with speech bubbles -->
<circle cx="495" cy="128" r="15" fill="#E8824A"/>
<text x="488" y="133" font-family="Fredoka One, cursive" font-size="10" fill="white">m</text>
<circle cx="530" cy="132" r="12" fill="#C8A060"/>
<text x="525" y="137" font-family="Fredoka One, cursive" font-size="9" fill="white">m?</text>
<text x="470" y="115" font-family="Fredoka One, cursive" font-size="11" fill="#2C2030">meow...</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 2</div>
<div class="page-text">"Do all cats meow the same?" he thought.<br><br>"Or is my meow... just mine?"</div>
</div>
</div>
<!-- PAGE 3 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Cozy living room -->
<rect width="700" height="380" fill="#F5E8D0"/>
<!-- Wall texture -->
<rect x="0" y="0" width="700" height="250" fill="#EDD9B8"/>
<!-- Baseboards -->
<rect x="0" y="245" width="700" height="10" fill="#C8A870"/>
<!-- Floor -->
<rect x="0" y="255" width="700" height="125" fill="#D4B896"/>
<!-- Sofa -->
<rect x="80" y="210" width="320" height="100" rx="15" fill="#7B6DAA"/>
<rect x="80" y="195" width="320" height="30" rx="8" fill="#9080CC"/>
<rect x="80" y="210" width="60" height="100" rx="10" fill="#9080CC"/>
<rect x="340" y="210" width="60" height="100" rx="10" fill="#9080CC"/>
<!-- Pillows on sofa -->
<ellipse cx="175" cy="218" rx="35" ry="20" fill="#F7A8B8"/>
<ellipse cx="270" cy="216" rx="30" ry="18" fill="#92D5E6"/>
<!-- Cat on sofa - small black cat with white paws -->
<ellipse cx="230" cy="230" rx="38" ry="28" fill="#2C2030"/>
<circle cx="245" cy="204" r="28" fill="#2C2030"/>
<!-- White chest -->
<ellipse cx="230" cy="240" rx="18" ry="14" fill="white" opacity="0.9"/>
<!-- Ears -->
<polygon points="228,182 220,160 240,174" fill="#2C2030"/>
<polygon points="262,182 270,160 252,174" fill="#2C2030"/>
<polygon points="229,180 223,163 238,173" fill="#4A3060"/>
<polygon points="261,180 267,163 254,173" fill="#4A3060"/>
<!-- Eyes - big green -->
<ellipse cx="236" cy="202" rx="7" ry="8" fill="#50AA50"/>
<ellipse cx="254" cy="202" rx="7" ry="8" fill="#50AA50"/>
<ellipse cx="236" cy="203" rx="4" ry="6" fill="#1A1020"/>
<ellipse cx="254" cy="203" rx="4" ry="6" fill="#1A1020"/>
<circle cx="237" cy="201" r="2" fill="white"/>
<circle cx="255" cy="201" r="2" fill="white"/>
<!-- Nose pink -->
<polygon points="245,210 241,214 249,214" fill="#E07080"/>
<!-- Mouth -->
<path d="M241,215 Q245,219 249,215" stroke="#C06070" stroke-width="1.5" fill="none"/>
<!-- White paws -->
<ellipse cx="210" cy="252" rx="15" ry="10" fill="white"/>
<ellipse cx="248" cy="254" rx="15" ry="10" fill="white"/>
<!-- Whiskers -->
<line x1="245" y1="212" x2="210" y2="206" stroke="#888" stroke-width="1"/>
<line x1="245" y1="213" x2="210" y2="216" stroke="#888" stroke-width="1"/>
<line x1="245" y1="212" x2="280" y2="206" stroke="#888" stroke-width="1"/>
<line x1="245" y1="213" x2="280" y2="216" stroke="#888" stroke-width="1"/>
<!-- This cat's meow speech bubble -->
<ellipse cx="350" cy="155" rx="80" ry="35" fill="white" opacity="0.9" stroke="#9080CC" stroke-width="2"/>
<polygon points="290,175 275,195 310,172" fill="white" stroke="#9080CC" stroke-width="1"/>
<text x="310" y="165" font-family="Fredoka One, cursive" font-size="22" fill="#2C2030">mrrrow</text>
<!-- Second cat - fluffy grey - on floor -->
<ellipse cx="520" cy="315" rx="55" ry="40" fill="#B0B8C8"/>
<!-- fluffy details -->
<circle cx="490" cy="295" r="12" fill="#C8D0E0"/>
<circle cx="520" cy="285" r="14" fill="#C8D0E0"/>
<circle cx="548" cy="295" r="12" fill="#C8D0E0"/>
<circle cx="480" cy="308" r="10" fill="#C8D0E0"/>
<circle cx="555" cy="308" r="10" fill="#C8D0E0"/>
<!-- Head fluffy -->
<circle cx="520" cy="270" r="38" fill="#B0B8C8"/>
<circle cx="500" cy="258" r="14" fill="#C8D0E0"/>
<circle cx="520" cy="250" r="16" fill="#C8D0E0"/>
<circle cx="540" cy="258" r="14" fill="#C8D0E0"/>
<!-- Ears fluffy -->
<polygon points="502,252 495,228 515,242" fill="#B0B8C8"/>
<polygon points="538,252 545,228 525,242" fill="#B0B8C8"/>
<!-- Eyes sleepy -->
<path d="M507,267 Q512,262 517,267" stroke="#3A3050" stroke-width="3" fill="none"/>
<path d="M523,267 Q528,262 533,267" stroke="#3A3050" stroke-width="3" fill="none"/>
<!-- Nose tiny -->
<polygon points="520,275 517,278 523,278" fill="#D090A0"/>
<!-- Fluffy tail -->
<path d="M475,325 Q450,355 470,370 Q490,378 500,360" stroke="#B0B8C8" stroke-width="18" fill="none" stroke-linecap="round"/>
<!-- Fluffy cat meow bubble -->
<ellipse cx="590" cy="220" rx="75" ry="32" fill="white" opacity="0.9" stroke="#B0B8C8" stroke-width="2"/>
<polygon points="545,240 530,260 560,237" fill="white" stroke="#B0B8C8" stroke-width="1"/>
<text x="528" y="230" font-family="Fredoka One, cursive" font-size="20" fill="#2C2030">meeeeow</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 3</div>
<div class="page-text">Mango went to find his friend Midnight, the sleek black cat.<br><br>Midnight's meow was low and rolly — like a purr with a question mark. <em>Mrrrow?</em></div>
</div>
</div>
<!-- PAGE 4 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Outdoor scene - backyard -->
<rect width="700" height="380" fill="#C8E8F8"/>
<!-- Sky gradient bands -->
<rect x="0" y="0" width="700" height="150" fill="#92D5E6" opacity="0.6"/>
<!-- Trees background -->
<circle cx="80" cy="140" r="60" fill="#4A8A3A"/>
<rect x="68" y="180" width="24" height="60" fill="#7B5A30"/>
<circle cx="620" cy="130" r="70" fill="#3A7A2A"/>
<rect x="608" y="175" width="24" height="65" fill="#6B4A20"/>
<circle cx="580" cy="145" r="45" fill="#5A9A4A"/>
<!-- Grass ground -->
<rect x="0" y="270" width="700" height="110" fill="#5B9A3A"/>
<rect x="0" y="270" width="700" height="15" fill="#6BAA4A"/>
<!-- Fence -->
<rect x="0" y="230" width="700" height="8" fill="#DEB887"/>
<rect x="50" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="120" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="190" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="260" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="330" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="400" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="470" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="540" y="195" width="12" height="80" fill="#DEB887"/>
<rect x="610" y="195" width="12" height="80" fill="#DEB887"/>
<!-- Mango (orange cat) on fence left -->
<ellipse cx="200" cy="240" rx="32" ry="22" fill="#E8824A"/>
<!-- stripes -->
<path d="M180,232 Q200,225 218,232" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
<path d="M178,242 Q200,235 222,242" stroke="#C86030" stroke-width="2" fill="none" opacity="0.4"/>
<!-- Tail over fence -->
<path d="M170,248 Q145,268 155,280 Q165,288 178,278" stroke="#E8824A" stroke-width="10" fill="none" stroke-linecap="round"/>
<!-- Head -->
<circle cx="210" cy="215" r="30" fill="#E8824A"/>
<!-- Ears -->
<polygon points="196,198 188,178 207,190" fill="#E8824A"/>
<polygon points="224,198 232,178 215,190" fill="#E8824A"/>
<polygon points="197,196 190,180 205,190" fill="#C86030"/>
<polygon points="223,196 230,180 217,190" fill="#C86030"/>
<!-- Eyes hopeful looking right -->
<ellipse cx="202" cy="213" rx="5" ry="6" fill="#2C1A10"/>
<ellipse cx="218" cy="213" rx="5" ry="6" fill="#2C1A10"/>
<circle cx="203" cy="212" r="2" fill="white"/>
<circle cx="219" cy="212" r="2" fill="white"/>
<!-- Mouth open questioning -->
<polygon points="210,221 207,225 213,225" fill="#C85050"/>
<path d="M207,225 Q210,229 213,225" stroke="#A04040" stroke-width="1.5" fill="#FF9090" opacity="0.6"/>
<!-- Whiskers -->
<line x1="210" y1="222" x2="180" y2="216" stroke="#888" stroke-width="1"/>
<line x1="210" y1="223" x2="180" y2="226" stroke="#888" stroke-width="1"/>
<line x1="210" y1="222" x2="240" y2="216" stroke="#888" stroke-width="1"/>
<line x1="210" y1="223" x2="240" y2="226" stroke="#888" stroke-width="1"/>
<!-- Small kitten on fence right - tiny and high pitched -->
<ellipse cx="490" cy="238" rx="22" ry="15" fill="#F0C080"/>
<circle cx="498" cy="220" r="20" fill="#F0C080"/>
<!-- Ears tiny -->
<polygon points="486,208 480,192 494,202" fill="#F0C080"/>
<polygon points="510,208 516,192 503,202" fill="#F0C080"/>
<polygon points="487,206 482,194 493,201" fill="#E0A060"/>
<polygon points="509,206 514,194 504,201" fill="#E0A060"/>
<!-- Big eyes wide -->
<ellipse cx="491" cy="218" rx="6" ry="7" fill="#3A2A10"/>
<ellipse cx="505" cy="218" rx="6" ry="7" fill="#3A2A10"/>
<circle cx="492" cy="216" r="2.5" fill="white"/>
<circle cx="506" cy="216" r="2.5" fill="white"/>
<!-- nose tiny -->
<polygon points="498,225 495,228 501,228" fill="#E08080"/>
<!-- mouth wide open tiny meow -->
<path d="M494,228 Q498,233 502,228" stroke="#C06060" stroke-width="1.5" fill="#FFB0B0" opacity="0.7"/>
<!-- tail small -->
<path d="M470,245 Q452,258 460,268 Q468,275 476,266" stroke="#F0C080" stroke-width="8" fill="none" stroke-linecap="round"/>
<!-- Kitten tiny meow bubble -->
<ellipse cx="560" cy="175" rx="65" ry="28" fill="white" opacity="0.9" stroke="#F0C080" stroke-width="2"/>
<polygon points="510,188 498,205 525,186" fill="white" stroke="#F0C080" stroke-width="1"/>
<text x="510" y="185" font-family="Fredoka One, cursive" font-size="13" fill="#2C2030">mew! mew!</text>
<!-- Mango's speech bubble -->
<ellipse cx="195" cy="160" rx="70" ry="30" fill="white" opacity="0.9" stroke="#E8824A" stroke-width="2"/>
<polygon points="195,182 190,200 210,180" fill="white" stroke="#E8824A" stroke-width="1"/>
<text x="152" y="170" font-family="Fredoka One, cursive" font-size="14" fill="#E8824A">That's not mine!</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 4</div>
<div class="page-text">Then Mango found tiny Luna on the fence.<br><br>Luna's meow was high and squeaky — like a little bell ringing. <em>Mew! Mew!</em><br><br>"That's not mine either," said Mango.</div>
</div>
</div>
<!-- PAGE 5 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Kitchen scene -->
<rect width="700" height="380" fill="#FFF5E0"/>
<!-- Cabinets -->
<rect x="0" y="0" width="700" height="160" fill="#E8D0A0"/>
<rect x="0" y="150" width="700" height="20" fill="#C8A870"/>
<!-- Cabinet doors -->
<rect x="10" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
<rect x="140" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
<rect x="270" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
<rect x="400" y="10" width="120" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
<rect x="530" y="10" width="160" height="130" rx="5" fill="#D4B880" stroke="#C0A060" stroke-width="2"/>
<!-- Cabinet handles -->
<rect x="62" y="72" width="16" height="6" rx="3" fill="#A08040"/>
<rect x="192" y="72" width="16" height="6" rx="3" fill="#A08040"/>
<rect x="322" y="72" width="16" height="6" rx="3" fill="#A08040"/>
<rect x="452" y="72" width="16" height="6" rx="3" fill="#A08040"/>
<!-- Counter -->
<rect x="0" y="168" width="700" height="18" fill="#E0E8F0"/>
<!-- Floor tiles -->
<rect x="0" y="186" width="700" height="194" fill="#F0E8D8"/>
<line x1="0" y1="250" x2="700" y2="250" stroke="#E0D0B8" stroke-width="2"/>
<line x1="0" y1="315" x2="700" y2="315" stroke="#E0D0B8" stroke-width="2"/>
<line x1="100" y1="186" x2="100" y2="380" stroke="#E0D0B8" stroke-width="2"/>
<line x1="200" y1="186" x2="200" y2="380" stroke="#E0D0B8" stroke-width="2"/>
<line x1="300" y1="186" x2="300" y2="380" stroke="#E0D0B8" stroke-width="2"/>
<line x1="400" y1="186" x2="400" y2="380" stroke="#E0D0B8" stroke-width="2"/>
<line x1="500" y1="186" x2="500" y2="380" stroke="#E0D0B8" stroke-width="2"/>
<line x1="600" y1="186" x2="600" y2="380" stroke="#E0D0B8" stroke-width="2"/>
<!-- Food bowl on floor -->
<ellipse cx="400" cy="355" rx="50" ry="15" fill="#C8A060"/>
<ellipse cx="400" cy="348" rx="45" ry="12" fill="#E8C080"/>
<ellipse cx="400" cy="345" rx="38" ry="8" fill="#FF8C42" opacity="0.7"/>
<!-- Very old, large cat sitting by bowl - deep rumbling meow -->
<!-- Body big old cat -->
<ellipse cx="420" cy="305" rx="70" ry="55" fill="#808090"/>
<!-- belly lighter -->
<ellipse cx="420" cy="315" rx="40" ry="30" fill="#A0A0B0"/>
<!-- Tail old fat one -->
<path d="M355,320 Q330,355 355,370 Q375,380 388,362 Q395,348 380,332" stroke="#808090" stroke-width="16" fill="none" stroke-linecap="round"/>
<!-- Head large old cat -->
<circle cx="435" cy="252" r="52" fill="#808090"/>
<!-- jowly cheeks -->
<ellipse cx="410" cy="268" rx="18" ry="14" fill="#909098"/>
<ellipse cx="460" cy="268" rx="18" ry="14" fill="#909098"/>
<!-- Ears flat older cat -->
<polygon points="413,222 404,195 428,210" fill="#808090"/>
<polygon points="457,222 466,195 444,210" fill="#808090"/>
<!-- Eyes half closed wise -->
<path d="M415,250 Q422,244 429,250" stroke="#3A3050" stroke-width="3.5" fill="none"/>
<path d="M441,248 Q448,242 455,248" stroke="#3A3050" stroke-width="3.5" fill="none"/>
<!-- Pupils small -->
<!-- Nose big -->
<polygon points="435,258 430,264 440,264" fill="#C07090"/>
<!-- Mouth open wide for LOUD meow -->
<path d="M428,266 Q435,278 442,266" stroke="#A05070" stroke-width="2" fill="#FFB0B0" opacity="0.8"/>
<!-- Whiskers thick -->
<line x1="435" y1="262" x2="392" y2="252" stroke="#777" stroke-width="2"/>
<line x1="435" y1="264" x2="390" y2="264" stroke="#777" stroke-width="2"/>
<line x1="435" y1="266" x2="392" y2="276" stroke="#777" stroke-width="2"/>
<line x1="435" y1="262" x2="478" y2="252" stroke="#777" stroke-width="2"/>
<line x1="435" y1="264" x2="480" y2="264" stroke="#777" stroke-width="2"/>
<line x1="435" y1="266" x2="478" y2="276" stroke="#777" stroke-width="2"/>
<!-- Deep MEOW sound waves -->
<path d="M490,220 Q520,200 510,175 Q500,150 525,135" stroke="#808090" stroke-width="4" fill="none" opacity="0.6"/>
<path d="M505,225 Q540,200 528,170 Q516,142 545,125" stroke="#808090" stroke-width="3" fill="none" opacity="0.4"/>
<path d="M520,228 Q558,200 544,166 Q530,134 562,115" stroke="#808090" stroke-width="2" fill="none" opacity="0.25"/>
<!-- Speech bubble deep meow -->
<ellipse cx="200" cy="120" rx="160" ry="50" fill="white" opacity="0.92" stroke="#808090" stroke-width="2"/>
<polygon points="330,155 350,185 310,153" fill="white" stroke="#808090" stroke-width="1"/>
<text x="80" y="130" font-family="Fredoka One, cursive" font-size="38" fill="#505060">MEOOOW</text>
<!-- Mango watching from doorway left -->
<ellipse cx="85" cy="320" rx="28" ry="20" fill="#E8824A"/>
<circle cx="90" cy="296" r="24" fill="#E8824A"/>
<!-- Mango ears small -->
<polygon points="78,282 72,265 87,275" fill="#E8824A"/>
<polygon points="102,282 108,265 95,275" fill="#E8824A"/>
<!-- Eyes big surprised -->
<ellipse cx="83" cy="294" rx="6" ry="7" fill="#2C1A10"/>
<ellipse cx="97" cy="294" rx="6" ry="7" fill="#2C1A10"/>
<circle cx="84" cy="292" r="2.5" fill="white"/>
<circle cx="98" cy="292" r="2.5" fill="white"/>
<!-- Nose -->
<polygon points="90,302 87,306 93,306" fill="#D05050"/>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 5</div>
<div class="page-text">Old Captain by the food bowl had a deep, slow meow — like thunder rolling under a door. <em>MEOOOW.</em><br><br>Mango's ears pressed flat. "Definitely not mine."</div>
</div>
</div>
<!-- PAGE 6 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Backyard sunset scene -->
<rect width="700" height="380" fill="#FFE8C8"/>
<!-- Sunset gradient sky -->
<rect x="0" y="0" width="700" height="180" fill="#FF8C42" opacity="0.4"/>
<rect x="0" y="0" width="700" height="100" fill="#FFD166" opacity="0.3"/>
<!-- Sun low -->
<circle cx="620" cy="120" r="55" fill="#FFD166"/>
<circle cx="620" cy="120" r="48" fill="#FFEE88"/>
<!-- Silhouette tree -->
<rect x="550" y="160" width="20" height="100" fill="#3A2010" opacity="0.7"/>
<circle cx="560" cy="145" r="50" fill="#3A2010" opacity="0.6"/>
<!-- Grass -->
<rect x="0" y="280" width="700" height="100" fill="#4A8A30"/>
<!-- Mango sitting alone center, looking at sky -->
<ellipse cx="340" cy="305" rx="50" ry="38" fill="#E8824A"/>
<!-- Stripes -->
<path d="M302,292 Q330,283 358,292" stroke="#C86030" stroke-width="2.5" fill="none" opacity="0.5"/>
<path d="M298,305 Q330,295 362,305" stroke="#C86030" stroke-width="2.5" fill="none" opacity="0.5"/>
<!-- Tail curled around -->
<path d="M293,318 Q268,348 285,362 Q302,372 316,355 Q325,342 315,324" stroke="#E8824A" stroke-width="12" fill="none" stroke-linecap="round"/>
<!-- Head looking up at sky -->
<circle cx="345" cy="268" r="44" fill="#E8824A" transform="rotate(-5,345,268)"/>
<!-- Ears -->
<polygon points="322,245 314,220 335,234" fill="#E8824A"/>
<polygon points="368,245 376,220 357,234" fill="#E8824A"/>
<polygon points="323,243 316,222 334,234" fill="#C86030"/>
<polygon points="367,243 374,222 358,234" fill="#C86030"/>
<!-- Eyes looking up wistful -->
<ellipse cx="332" cy="265" rx="6" ry="7" fill="#2C1A10"/>
<ellipse cx="356" cy="263" rx="6" ry="7" fill="#2C1A10"/>
<circle cx="333" cy="263" r="2.5" fill="white"/>
<circle cx="357" cy="261" r="2.5" fill="white"/>
<!-- nose -->
<polygon points="344,273 340,277 348,277" fill="#D05050"/>
<!-- mouth slight frown thinking -->
<path d="M340,278 Q344,280 348,278" stroke="#A04040" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<line x1="344" y1="275" x2="308" y2="268" stroke="#888" stroke-width="1.2"/>
<line x1="344" y1="276" x2="308" y2="278" stroke="#888" stroke-width="1.2"/>
<line x1="344" y1="275" x2="380" y2="268" stroke="#888" stroke-width="1.2"/>
<line x1="344" y1="276" x2="380" y2="278" stroke="#888" stroke-width="1.2"/>
<!-- Small thought text floating up -->
<text x="375" y="220" font-family="Fredoka One, cursive" font-size="16" fill="#C86030" opacity="0.8" transform="rotate(-5,375,220)">mrrrow?</text>
<text x="390" y="185" font-family="Fredoka One, cursive" font-size="14" fill="#FF8C42" opacity="0.6" transform="rotate(3,390,185)">mew?</text>
<text x="285" y="200" font-family="Fredoka One, cursive" font-size="18" fill="#808090" opacity="0.5" transform="rotate(-8,285,200)">MEOOOW?</text>
<!-- question marks floating -->
<text x="450" y="150" font-family="Fredoka One, cursive" font-size="35" fill="#FF8C42" opacity="0.6">?</text>
<text x="220" y="140" font-family="Fredoka One, cursive" font-size="28" fill="#FFD166" opacity="0.5">?</text>
<text x="170" y="220" font-family="Fredoka One, cursive" font-size="22" fill="#C8A7E7" opacity="0.5">?</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 6</div>
<div class="page-text">Mango sat alone in the golden grass.<br><br>He heard Midnight's rumble. Luna's squeak. Captain's thunder.<br><br>None of them sounded like <em>him</em>.</div>
</div>
</div>
<!-- PAGE 7 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Cozy bedroom evening -->
<rect width="700" height="380" fill="#F0E8F8"/>
<!-- Wall -->
<rect x="0" y="0" width="700" height="260" fill="#E8DDF0"/>
<!-- Floor warm wood -->
<rect x="0" y="258" width="700" height="122" fill="#C8A870"/>
<!-- Wood grain lines -->
<line x1="0" y1="285" x2="700" y2="285" stroke="#B89860" stroke-width="1" opacity="0.4"/>
<line x1="0" y1="315" x2="700" y2="315" stroke="#B89860" stroke-width="1" opacity="0.4"/>
<line x1="0" y1="345" x2="700" y2="345" stroke="#B89860" stroke-width="1" opacity="0.4"/>
<!-- Bed -->
<rect x="380" y="170" width="300" height="160" rx="10" fill="#C8A7E7"/>
<!-- Headboard -->
<rect x="380" y="150" width="300" height="35" rx="8" fill="#9870CC"/>
<!-- Pillow -->
<ellipse cx="500" cy="195" rx="80" ry="22" fill="white" opacity="0.85"/>
<ellipse cx="600" cy="198" rx="55" ry="18" fill="#F7D0E8" opacity="0.85"/>
<!-- Blanket lumps (child under covers) -->
<ellipse cx="530" cy="270" rx="120" ry="50" fill="#AA80DD" opacity="0.7"/>
<!-- Child's head peeking out -->
<circle cx="530" cy="235" r="32" fill="#F4C898"/>
<!-- Hair messy -->
<ellipse cx="530" cy="212" rx="32" ry="18" fill="#5A3010"/>
<ellipse cx="512" cy="215" rx="12" ry="16" fill="#5A3010"/>
<ellipse cx="548" cy="215" rx="12" ry="16" fill="#5A3010"/>
<ellipse cx="505" cy="210" rx="8" ry="10" fill="#5A3010"/>
<ellipse cx="555" cy="210" rx="8" ry="10" fill="#5A3010"/>
<!-- Child eyes sleepy but smiling -->
<path d="M516,237 Q522,232 528,237" stroke="#3A2010" stroke-width="2.5" fill="none"/>
<path d="M532,237 Q538,232 544,237" stroke="#3A2010" stroke-width="2.5" fill="none"/>
<!-- Cheeks rosy -->
<ellipse cx="514" cy="244" rx="8" ry="5" fill="#F0A0A0" opacity="0.5"/>
<ellipse cx="546" cy="244" rx="8" ry="5" fill="#F0A0A0" opacity="0.5"/>
<!-- Smile -->
<path d="M520,246 Q530,253 540,246" stroke="#A07050" stroke-width="2" fill="none"/>
<!-- Arm out of covers -->
<ellipse cx="460" cy="255" rx="22" ry="10" fill="#F4C898"/>
<!-- Hand petting Mango -->
<ellipse cx="440" cy="258" rx="18" ry="10" fill="#F4C898"/>
<!-- Mango on bed being petted -->
<ellipse cx="395" cy="268" rx="45" ry="32" fill="#E8824A"/>
<!-- stripes -->
<path d="M362,256 Q385,248 408,256" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
<path d="M359,268 Q385,259 411,268" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
<!-- head resting down -->
<circle cx="400" cy="242" r="35" fill="#E8824A"/>
<!-- Ears flatten happy -->
<polygon points="382,225 375,206 392,218" fill="#E8824A"/>
<polygon points="418,225 425,206 410,218" fill="#E8824A"/>
<polygon points="383,223 377,208 390,218" fill="#C86030"/>
<polygon points="417,223 423,208 412,218" fill="#C86030"/>
<!-- Eyes closed happy -->
<path d="M388,240 Q395,234 402,240" stroke="#2C1A10" stroke-width="3" fill="none"/>
<path d="M402,239 Q409,233 416,239" stroke="#2C1A10" stroke-width="3" fill="none"/>
<!-- Smile content -->
<path d="M396,248 Q402,253 408,248" stroke="#A04040" stroke-width="2" fill="none"/>
<!-- Whiskers happy -->
<line x1="402" y1="246" x2="370" y2="240" stroke="#888" stroke-width="1"/>
<line x1="402" y1="247" x2="368" y2="250" stroke="#888" stroke-width="1"/>
<line x1="402" y1="246" x2="434" y2="240" stroke="#888" stroke-width="1"/>
<line x1="402" y1="247" x2="436" y2="250" stroke="#888" stroke-width="1"/>
<!-- Tail curled content on bed -->
<path d="M355,275 Q335,295 348,308 Q360,316 370,305 Q376,296 368,283" stroke="#E8824A" stroke-width="11" fill="none" stroke-linecap="round"/>
<!-- Purring sound waves tiny -->
<path d="M340,215 Q322,200 328,182" stroke="#FF8C42" stroke-width="2" fill="none" opacity="0.4"/>
<path d="M328,218 Q307,201 314,180" stroke="#FF8C42" stroke-width="1.5" fill="none" opacity="0.3"/>
<!-- Night lamp glow on bedside table -->
<rect x="88" y="215" width="40" height="55" rx="5" fill="#B89860"/>
<ellipse cx="108" cy="215" rx="28" ry="10" fill="#D4B880"/>
<ellipse cx="108" cy="200" rx="20" ry="28" fill="#FFE090" opacity="0.8"/>
<!-- Lamp glow -->
<ellipse cx="108" cy="215" rx="60" ry="40" fill="#FFD166" opacity="0.12"/>
<!-- Speech bubble - child -->
<ellipse cx="190" cy="120" rx="120" ry="45" fill="white" opacity="0.93" stroke="#C8A7E7" stroke-width="2"/>
<polygon points="460,185 480,210 445,183" fill="white" stroke="#C8A7E7" stroke-width="1"/>
<text x="100" y="115" font-family="Fredoka One, cursive" font-size="14" fill="#6A50AA">There you are,</text>
<text x="118" y="135" font-family="Fredoka One, cursive" font-size="14" fill="#6A50AA">Mango...</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 7</div>
<div class="page-text">That night, his person found him on the bed.<br><br>"There you are, Mango," she whispered, and stroked his fur from ears to tail.</div>
</div>
</div>
<!-- PAGE 8 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Very close up of cat face, warm glow -->
<rect width="700" height="380" fill="#2C1A10"/>
<!-- Warm lamp light circle -->
<circle cx="350" cy="190" r="280" fill="#FF8C42" opacity="0.18"/>
<circle cx="350" cy="190" r="200" fill="#FFD166" opacity="0.12"/>
<!-- Big beautiful Mango face close up -->
<circle cx="350" cy="220" r="160" fill="#E8824A"/>
<!-- Stripes detailed -->
<path d="M250,170 Q310,155 370,170" stroke="#C86030" stroke-width="5" fill="none" opacity="0.5"/>
<path d="M245,190 Q310,173 375,190" stroke="#C86030" stroke-width="4" fill="none" opacity="0.4"/>
<path d="M240,145 Q295,130 350,145" stroke="#C86030" stroke-width="3" fill="none" opacity="0.35"/>
<!-- Forehead M marking -->
<path d="M310,150 Q330,135 350,150 Q370,135 390,150" stroke="#C86030" stroke-width="3" fill="none" opacity="0.45"/>
<!-- Ears big -->
<polygon points="248,165 220,85 290,130" fill="#E8824A"/>
<polygon points="452,165 480,85 410,130" fill="#E8824A"/>
<polygon points="252,162 228,92 285,130" fill="#C86030"/>
<polygon points="448,162 472,92 415,130" fill="#C86030"/>
<!-- Inner ear pink -->
<polygon points="255,158 233,98 282,128" fill="#D07060" opacity="0.5"/>
<polygon points="445,158 467,98 418,128" fill="#D07060" opacity="0.5"/>
<!-- Big beautiful eyes close-up -->
<!-- Left eye -->
<ellipse cx="290" cy="205" rx="42" ry="38" fill="#70C070"/>
<ellipse cx="290" cy="205" rx="36" ry="33" fill="#90E090"/>
<ellipse cx="290" cy="208" rx="18" ry="28" fill="#1A1010"/>
<circle cx="300" cy="196" r="8" fill="white"/>
<circle cx="278" cy="215" r="4" fill="white" opacity="0.5"/>
<!-- Right eye -->
<ellipse cx="410" cy="205" rx="42" ry="38" fill="#70C070"/>
<ellipse cx="410" cy="205" rx="36" ry="33" fill="#90E090"/>
<ellipse cx="410" cy="208" rx="18" ry="28" fill="#1A1010"/>
<circle cx="420" cy="196" r="8" fill="white"/>
<circle cx="398" cy="215" r="4" fill="white" opacity="0.5"/>
<!-- Eye ring -->
<ellipse cx="290" cy="205" rx="42" ry="38" fill="none" stroke="#C86030" stroke-width="3"/>
<ellipse cx="410" cy="205" rx="42" ry="38" fill="none" stroke="#C86030" stroke-width="3"/>
<!-- Nose big beautiful pink -->
<polygon points="350,255 332,272 368,272" fill="#E07080"/>
<polygon points="350,255 332,272 368,272" fill="none" stroke="#C06070" stroke-width="2"/>
<!-- Nostrils -->
<ellipse cx="340" cy="265" rx="5" ry="3" fill="#C06070" opacity="0.5"/>
<ellipse cx="360" cy="265" rx="5" ry="3" fill="#C06070" opacity="0.5"/>
<!-- Mouth -->
<path d="M350,272 Q340,280 332,272" stroke="#C06070" stroke-width="2" fill="none"/>
<path d="M350,272 Q360,280 368,272" stroke="#C06070" stroke-width="2" fill="none"/>
<!-- Mouth open slightly -->
<ellipse cx="350" cy="280" rx="12" ry="8" fill="#AA4050" opacity="0.6"/>
<!-- Tongue pink tiny -->
<ellipse cx="350" cy="284" rx="8" ry="5" fill="#F08090"/>
<!-- Whiskers dramatic close-up -->
<line x1="350" y1="260" x2="140" y2="235" stroke="white" stroke-width="2" opacity="0.8"/>
<line x1="350" y1="262" x2="138" y2="255" stroke="white" stroke-width="2" opacity="0.8"/>
<line x1="350" y1="265" x2="140" y2="275" stroke="white" stroke-width="2" opacity="0.7"/>
<line x1="350" y1="267" x2="142" y2="292" stroke="white" stroke-width="1.5" opacity="0.6"/>
<line x1="350" y1="260" x2="560" y2="235" stroke="white" stroke-width="2" opacity="0.8"/>
<line x1="350" y1="262" x2="562" y2="255" stroke="white" stroke-width="2" opacity="0.8"/>
<line x1="350" y1="265" x2="560" y2="275" stroke="white" stroke-width="2" opacity="0.7"/>
<line x1="350" y1="267" x2="558" y2="292" stroke="white" stroke-width="1.5" opacity="0.6"/>
<!-- MEOW huge dramatic text -->
<text x="50" y="370" font-family="Fredoka One, cursive" font-size="72" fill="#FF8C42" opacity="0.9">MEOW.</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 8</div>
<div class="page-text">And then — without thinking — it came out.<br><br>Not high. Not low. Not rumbling. Not squeaky.<br><br>Just... <strong>his.</strong></div>
</div>
</div>
<!-- PAGE 9 -->
<div class="page">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Soft warm bedroom glow - reaction -->
<rect width="700" height="380" fill="#FFF0E8"/>
<!-- Soft radial warmth -->
<circle cx="350" cy="190" r="320" fill="#FFD166" opacity="0.15"/>
<!-- Her face closeup loving -->
<!-- Neck and shoulder -->
<ellipse cx="350" cy="390" rx="200" ry="80" fill="#F4C898"/>
<!-- Shirt edge -->
<ellipse cx="350" cy="395" rx="210" ry="70" fill="#C8A7E7"/>
<!-- Face beautiful -->
<circle cx="350" cy="240" r="125" fill="#F4C898"/>
<!-- Hair long dark flowing -->
<ellipse cx="350" cy="155" rx="125" ry="70" fill="#4A2A10"/>
<ellipse cx="240" cy="230" rx="45" ry="120" fill="#4A2A10"/>
<ellipse cx="460" cy="230" rx="45" ry="120" fill="#4A2A10"/>
<ellipse cx="225" cy="195" rx="35" ry="90" fill="#5A3820"/>
<ellipse cx="475" cy="195" rx="35" ry="90" fill="#5A3820"/>
<!-- Hair highlights -->
<path d="M260,130 Q310,120 350,125 Q390,120 440,130" stroke="#7A5030" stroke-width="3" fill="none" opacity="0.4"/>
<!-- Face features - eyes closed smiling -->
<!-- Left eye closed happy -->
<path d="M295,228 Q310,216 325,228" stroke="#3A2010" stroke-width="3.5" fill="none"/>
<!-- Eyelashes -->
<line x1="296" y1="228" x2="290" y2="220" stroke="#3A2010" stroke-width="1.5"/>
<line x1="302" y1="224" x2="298" y2="216" stroke="#3A2010" stroke-width="1.5"/>
<line x1="309" y1="222" x2="308" y2="214" stroke="#3A2010" stroke-width="1.5"/>
<line x1="316" y1="223" x2="317" y2="215" stroke="#3A2010" stroke-width="1.5"/>
<line x1="323" y1="226" x2="326" y2="219" stroke="#3A2010" stroke-width="1.5"/>
<!-- Right eye closed happy -->
<path d="M375,228 Q390,216 405,228" stroke="#3A2010" stroke-width="3.5" fill="none"/>
<line x1="376" y1="228" x2="370" y2="220" stroke="#3A2010" stroke-width="1.5"/>
<line x1="382" y1="224" x2="378" y2="216" stroke="#3A2010" stroke-width="1.5"/>
<line x1="389" y1="222" x2="388" y2="214" stroke="#3A2010" stroke-width="1.5"/>
<line x1="396" y1="223" x2="397" y2="215" stroke="#3A2010" stroke-width="1.5"/>
<line x1="403" y1="226" x2="406" y2="219" stroke="#3A2010" stroke-width="1.5"/>
<!-- Nose soft -->
<path d="M338,255 Q343,262 350,260 Q357,262 362,255" stroke="#C09070" stroke-width="2" fill="none"/>
<!-- Big joyful smile -->
<path d="M310,278 Q350,308 390,278" stroke="#C07050" stroke-width="3" fill="none"/>
<path d="M310,278 Q350,315 390,278" stroke="#C07050" stroke-width="1" fill="#F4B0A0" opacity="0.3"/>
<!-- Teeth -->
<path d="M318,284 Q350,305 382,284 Q350,290 318,284" fill="white" opacity="0.85"/>
<!-- Rosy cheeks -->
<ellipse cx="298" cy="265" rx="22" ry="14" fill="#F09090" opacity="0.35"/>
<ellipse cx="402" cy="265" rx="22" ry="14" fill="#F09090" opacity="0.35"/>
<!-- Mango up against her face cheek -->
<!-- Just Mango's face snuggled in corner -->
<circle cx="590" cy="320" r="55" fill="#E8824A"/>
<!-- stripes -->
<path d="M548,302 Q568,295 588,302" stroke="#C86030" stroke-width="2" fill="none" opacity="0.5"/>
<!-- Eyes closed happy small -->
<path d="M572,316 Q578,310 584,316" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
<path d="M586,315 Q592,309 598,315" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
<!-- Nose -->
<polygon points="585,323 581,327 589,327" fill="#D05050"/>
<!-- Smile -->
<path d="M581,328 Q585,332 589,328" stroke="#A04040" stroke-width="1.5" fill="none"/>
<!-- Small ears -->
<polygon points="560,300 553,280 572,292" fill="#E8824A"/>
<polygon points="610,300 617,280 600,292" fill="#E8824A"/>
<polygon points="562,298 556,282 570,292" fill="#C86030"/>
<polygon points="608,298 614,282 601,292" fill="#C86030"/>
<!-- Whiskers just a few poking out -->
<line x1="585" y1="324" x2="555" y2="317" stroke="#888" stroke-width="1"/>
<line x1="585" y1="325" x2="553" y2="328" stroke="#888" stroke-width="1"/>
<!-- Heart sparkles floating between them -->
<text x="230" y="160" font-family="serif" font-size="28" fill="#FF8C42" opacity="0.8">♥</text>
<text x="440" y="150" font-family="serif" font-size="20" fill="#F7A8B8" opacity="0.7">♥</text>
<text x="310" y="100" font-family="serif" font-size="16" fill="#FFD166" opacity="0.6">♥</text>
<text x="470" y="170" font-family="serif" font-size="14" fill="#C8A7E7" opacity="0.7">♥</text>
<!-- Her response text -->
<ellipse cx="180" cy="310" rx="135" ry="42" fill="white" opacity="0.92" stroke="#F7A8B8" stroke-width="2"/>
<polygon points="300,330 320,355 280,328" fill="white" stroke="#F7A8B8" stroke-width="1"/>
<text x="70" y="302" font-family="Fredoka One, cursive" font-size="13" fill="#8A5070">Hi, sweet boy.</text>
<text x="65" y="322" font-family="Fredoka One, cursive" font-size="13" fill="#8A5070">I know that sound.</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">page 9</div>
<div class="page-text">She smiled and pulled him close.<br><br>"I know that sound," she said. "That's <em>your</em> meow. I'd know it anywhere."</div>
</div>
</div>
<!-- PAGE 10 - THE END -->
<div class="page end">
<div class="illustration">
<svg viewBox="0 0 700 380" xmlns="http://www.w3.org/2000/svg">
<!-- Peaceful night scene -->
<rect width="700" height="380" fill="#1A0E2E"/>
<!-- Star field -->
<circle cx="60" cy="30" r="1.5" fill="white" opacity="0.9"/>
<circle cx="130" cy="55" r="1" fill="white" opacity="0.7"/>
<circle cx="200" cy="20" r="2" fill="white"/>
<circle cx="280" cy="45" r="1.5" fill="white" opacity="0.8"/>
<circle cx="360" cy="15" r="1" fill="white" opacity="0.6"/>
<circle cx="440" cy="40" r="2" fill="white" opacity="0.9"/>
<circle cx="520" cy="25" r="1.5" fill="white" opacity="0.7"/>
<circle cx="600" cy="50" r="1" fill="white" opacity="0.8"/>
<circle cx="660" cy="30" r="2" fill="white" opacity="0.6"/>
<circle cx="95" cy="80" r="1" fill="white" opacity="0.5"/>
<circle cx="455" cy="70" r="1.5" fill="white" opacity="0.8"/>
<circle cx="175" cy="90" r="1" fill="white" opacity="0.7"/>
<circle cx="325" cy="65" r="2" fill="white" opacity="0.5"/>
<circle cx="580" cy="85" r="1" fill="white" opacity="0.9"/>
<!-- Moon full glowing -->
<circle cx="580" cy="90" r="65" fill="#FFE566" opacity="0.2"/>
<circle cx="580" cy="90" r="52" fill="#FFE566" opacity="0.3"/>
<circle cx="580" cy="90" r="42" fill="#FFE566"/>
<circle cx="568" cy="78" r="8" fill="#FFD144" opacity="0.4"/>
<circle cx="592" cy="95" r="6" fill="#FFD144" opacity="0.3"/>
<!-- Moonbeam on bed -->
<polygon points="548,90 612,90 500,380 460,380" fill="#FFE566" opacity="0.05"/>
<!-- Bed cozy -->
<rect x="100" y="230" width="500" height="150" rx="20" fill="#9070CC"/>
<!-- Headboard -->
<rect x="100" y="210" width="500" height="45" rx="12" fill="#7050AA"/>
<!-- Blanket warm -->
<rect x="100" y="265" width="500" height="115" rx="20" fill="#7060BB"/>
<!-- Blanket fold -->
<rect x="100" y="265" width="500" height="25" rx="5" fill="#AA90EE" opacity="0.5"/>
<!-- Pillow -->
<ellipse cx="350" cy="268" rx="160" ry="28" fill="white" opacity="0.8"/>
<!-- Child asleep in bed -->
<circle cx="350" cy="255" r="38" fill="#F4C898"/>
<!-- Eyes closed sleeping -->
<path d="M330,252 Q338,246 346,252" stroke="#3A2010" stroke-width="2.5" fill="none"/>
<path d="M354,252 Q362,246 370,252" stroke="#3A2010" stroke-width="2.5" fill="none"/>
<!-- Peaceful mouth -->
<path d="M340,264 Q350,269 360,264" stroke="#C07050" stroke-width="1.5" fill="none"/>
<!-- Rosy cheeks sleep -->
<ellipse cx="332" cy="262" rx="10" ry="6" fill="#F09090" opacity="0.4"/>
<ellipse cx="368" cy="262" rx="10" ry="6" fill="#F09090" opacity="0.4"/>
<!-- Hair on pillow -->
<ellipse cx="350" cy="232" rx="38" ry="18" fill="#4A2A10"/>
<ellipse cx="320" cy="238" rx="18" ry="22" fill="#4A2A10"/>
<ellipse cx="380" cy="238" rx="18" ry="22" fill="#4A2A10"/>
<!-- Mango curled up at foot of bed on top of blanket -->
<!-- Tight curl body -->
<circle cx="480" cy="330" r="45" fill="#E8824A"/>
<!-- Stripes -->
<path d="M448,318 Q475,310 500,318" stroke="#C86030" stroke-width="2.5" fill="none" opacity="0.5"/>
<!-- Tail wrapped around tight -->
<path d="M438,340 Q422,365 445,375 Q465,380 470,360 Q472,348 458,338" stroke="#E8824A" stroke-width="12" fill="none" stroke-linecap="round"/>
<!-- Head tucked down sleeping -->
<circle cx="493" cy="313" r="30" fill="#E8824A"/>
<!-- Ears flat sleeping -->
<polygon points="476,298 470,280 486,290" fill="#E8824A"/>
<polygon points="510,298 516,280 502,290" fill="#E8824A"/>
<polygon points="477,296 472,282 484,290" fill="#C86030"/>
<polygon points="509,296 514,282 504,290" fill="#C86030"/>
<!-- Eyes closed tight sleeping -->
<path d="M481,312 Q487,306 493,312" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
<path d="M493,311 Q499,305 505,311" stroke="#2C1A10" stroke-width="2.5" fill="none"/>
<!-- Tiny smile -->
<path d="M489,319 Q493,323 497,319" stroke="#A04040" stroke-width="1.5" fill="none"/>
<!-- Nose -->
<polygon points="493,315 490,319 496,319" fill="#D05050"/>
<!-- Whiskers just poking -->
<line x1="493" y1="317" x2="468" y2="311" stroke="#888" stroke-width="1"/>
<line x1="493" y1="318" x2="467" y2="320" stroke="#888" stroke-width="1"/>
<line x1="493" y1="317" x2="518" y2="311" stroke="#888" stroke-width="1"/>
<line x1="493" y1="318" x2="519" y2="320" stroke="#888" stroke-width="1"/>
<!-- Purring zzz -->
<text x="525" y="295" font-family="Fredoka One, cursive" font-size="16" fill="#FF8C42" opacity="0.6">z z z</text>
<!-- Small meow floating up softly -->
<text x="380" y="180" font-family="Fredoka One, cursive" font-size="24" fill="#FF8C42" opacity="0.5" transform="rotate(-5,380,180)">meow...</text>
</svg>
</div>
<div class="text-block">
<div class="page-num">the end</div>
<div class="page-text">Yes, Mango decided, curling up warm and safe.<br><br>My meow is mine.<br>The only one in the whole wide world<br>that means exactly <em>me.</em> 🐾</div>
</div>
</div>
</div>
<p style="font-family:'Fredoka One',cursive; color:#666; font-size:0.8rem; text-align:center; margin-top:30px; margin-bottom:40px; letter-spacing:2px;">THE END · IS MY MEOW UNIQUE TO ME?</p>
</body>
</html>
Subscribe to:
Posts (Atom)