import { useState, useMemo } from “react”;

const IMG = {“30”:“https://cdn.myanimelist.net/images/anime/1314/108941.jpg”,“55888”:“https://cdn.myanimelist.net/images/anime/1765/138986.jpg”,“42310”:“https://cdn.myanimelist.net/images/anime/1818/126435.jpg”,“9260”:“https://cdn.myanimelist.net/images/anime/1370/120233.jpg”,“5114”:“https://cdn.myanimelist.net/images/anime/1223/96541.jpg”,“38849”:“https://cdn.myanimelist.net/images/anime/1073/108218.jpg”,“10087”:“https://cdn.myanimelist.net/images/anime/1887/117644.jpg”,“9969”:“https://cdn.myanimelist.net/images/anime/3/40409.jpg”,“2251”:“https://cdn.myanimelist.net/images/anime/8/65409.jpg”,“392”:“https://cdn.myanimelist.net/images/anime/1173/93128.jpg”,“18679”:“https://cdn.myanimelist.net/images/anime/1376/107228.jpg”,“2001”:“https://cdn.myanimelist.net/images/anime/4/5123.jpg”,“227”:“https://cdn.myanimelist.net/images/anime/1210/83573.jpg”,“11061”:“https://cdn.myanimelist.net/images/anime/1337/99013.jpg”,“40748”:“https://cdn.myanimelist.net/images/anime/1171/109222.jpg”,“16498”:“https://cdn.myanimelist.net/images/anime/1460/104522.jpg”,“32182”:“https://cdn.myanimelist.net/images/anime/1073/117736.jpg”,“9894”:“https://cdn.myanimelist.net/images/anime/1484/93705.jpg”,“40433”:“https://cdn.myanimelist.net/images/anime/1693/108523.jpg”,“39535”:“https://cdn.myanimelist.net/images/anime/1530/117776.jpg”,“38474”:“https://cdn.myanimelist.net/images/anime/1813/108811.jpg”,“34599”:“https://cdn.myanimelist.net/images/anime/6/77375.jpg”,“38136”:“https://cdn.myanimelist.net/images/anime/1764/106659.jpg”,“41012”:“https://cdn.myanimelist.net/images/anime/1500/106827.jpg”,“44511”:“https://cdn.myanimelist.net/images/anime/1806/126216.jpg”,“777”:“https://cdn.myanimelist.net/images/anime/10/19604.jpg”,“22535”:“https://cdn.myanimelist.net/images/anime/3/73178.jpg”,“20507”:“https://cdn.myanimelist.net/images/anime/1833/95600.jpg”,“31478”:“https://cdn.myanimelist.net/images/anime/1261/108108.jpg”,“3588”:“https://cdn.myanimelist.net/images/anime/1266/111370.jpg”,“31240”:“https://cdn.myanimelist.net/images/anime/1522/128039.jpg”,“52991”:“https://cdn.myanimelist.net/images/anime/1015/138006.jpg”,“55702”:“https://cdn.myanimelist.net/images/anime/1639/138486.jpg”,“35120”:“https://cdn.myanimelist.net/images/anime/1502/95013.jpg”,“50265”:“https://cdn.myanimelist.net/images/anime/1952/128514.jpg”,“37965”:“https://cdn.myanimelist.net/images/anime/1517/100616.jpg”,“21”:“https://cdn.myanimelist.net/images/anime/6/73245.jpg”,“205”:“https://cdn.myanimelist.net/images/anime/1338/101114.jpg”,“1”:“https://cdn.myanimelist.net/images/anime/4/19644.jpg”,“32365”:“https://cdn.myanimelist.net/images/anime/1452/95251.jpg”,“54743”:“https://cdn.myanimelist.net/images/anime/1923/137483.jpg”,“13601”:“https://cdn.myanimelist.net/images/anime/1453/99232.jpg”,“38671”:“https://cdn.myanimelist.net/images/anime/1356/98443.jpg”,“226”:“https://cdn.myanimelist.net/images/anime/5/28099.jpg”,“37779”:“https://cdn.myanimelist.net/images/anime/1719/110169.jpg”,“38000”:“https://cdn.myanimelist.net/images/anime/1517/100633.jpg”,“22319”:“https://cdn.myanimelist.net/images/anime/5/64449.jpg”,“1575”:“https://cdn.myanimelist.net/images/anime/1493/95572.jpg”,“27519”:“https://cdn.myanimelist.net/images/anime/1087/108511.jpg”,“14513”:“https://cdn.myanimelist.net/images/anime/1397/95543.jpg”,“31964”:“https://cdn.myanimelist.net/images/anime/10/78745.jpg”,“32494”:“https://cdn.myanimelist.net/images/anime/1269/98238.jpg”,“55597”:“https://cdn.myanimelist.net/images/anime/1933/138487.jpg”,“33”:“https://cdn.myanimelist.net/images/anime/1519/97035.jpg”,“28223”:“https://cdn.myanimelist.net/images/anime/1421/94710.jpg”,“33538”:“https://cdn.myanimelist.net/images/anime/1842/94707.jpg”,“35790”:“https://cdn.myanimelist.net/images/anime/1490/93407.jpg”,“52588”:“https://cdn.myanimelist.net/images/anime/1303/135694.jpg”,“49587”:“https://cdn.myanimelist.net/images/anime/1845/118649.jpg”,“40496”:“https://cdn.myanimelist.net/images/anime/1506/107614.jpg”,“22297”:“https://cdn.myanimelist.net/images/anime/1030/84019.jpg”,“31580”:“https://cdn.myanimelist.net/images/anime/3/80617.jpg”,“35608”:“https://cdn.myanimelist.net/images/anime/1849/95480.jpg”,“40418”:“https://cdn.myanimelist.net/images/anime/1082/107257.jpg”,“41457”:“https://cdn.myanimelist.net/images/anime/1460/110420.jpg”,“36664”:“https://cdn.myanimelist.net/images/anime/1804/95897.jpg”,“37347”:“https://cdn.myanimelist.net/images/anime/1216/99926.jpg”,“22177”:“https://cdn.myanimelist.net/images/anime/1429/95946.jpg”,“52299”:“https://cdn.myanimelist.net/images/anime/1240/134703.jpg”,“37521”:“https://cdn.myanimelist.net/images/anime/1500/103005.jpg”,“46095”:“https://cdn.myanimelist.net/images/anime/1482/111393.jpg”,“29803”:“https://cdn.myanimelist.net/images/anime/8/73827.jpg”,“41613”:“https://cdn.myanimelist.net/images/anime/3/108180.jpg”,“40196”:“https://cdn.myanimelist.net/images/anime/1623/104837.jpg”,“10620”:“https://cdn.myanimelist.net/images/anime/12/76664.jpg”,“40348”:“https://cdn.myanimelist.net/images/anime/1519/106635.jpg”,“40719”:“https://cdn.myanimelist.net/images/anime/1501/106630.jpg”,“39090”:“https://cdn.myanimelist.net/images/anime/1777/101098.jpg”,“35507”:“https://cdn.myanimelist.net/images/anime/1375/94837.jpg”,“51393”:“https://cdn.myanimelist.net/images/anime/1914/134679.jpg”,“15809”:“https://cdn.myanimelist.net/images/anime/1851/95514.jpg”,“457”:“https://cdn.myanimelist.net/images/anime/1600/97335.jpg”,“49596”:“https://cdn.myanimelist.net/images/anime/1905/118555.jpg”,“23755”:“https://cdn.myanimelist.net/images/anime/1800/95225.jpg”,“323”:“https://cdn.myanimelist.net/images/anime/1461/93480.jpg”,“1943”:“https://cdn.myanimelist.net/images/anime/1316/101998.jpg”,“35333”:“https://cdn.myanimelist.net/images/anime/1069/93858.jpg”,“36456”:“https://cdn.myanimelist.net/images/anime/1475/99763.jpg”,“41084”:“https://cdn.myanimelist.net/images/anime/1893/108268.jpg”,“19”:“https://cdn.myanimelist.net/images/anime/10/74347.jpg”,“889”:“https://cdn.myanimelist.net/images/anime/1334/93763.jpg”,“356”:“https://cdn.myanimelist.net/images/anime/7/19640.jpg”,“164”:“https://cdn.myanimelist.net/images/anime/7/75919.jpg”,“9919”:“https://cdn.myanimelist.net/images/anime/1019/107599.jpg”,“24833”:“https://cdn.myanimelist.net/images/anime/1218/95390.jpg”,“38691”:“https://cdn.myanimelist.net/images/anime/1613/102576.jpg”,“1210”:“https://cdn.myanimelist.net/images/anime/1566/111316.jpg”,“20655”:“https://cdn.myanimelist.net/images/anime/1192/88337.jpg”,“6213”:“https://cdn.myanimelist.net/images/anime/1078/108509.jpg”,“38853”:“https://cdn.myanimelist.net/images/anime/1547/100028.jpg”,“37430”:“https://cdn.myanimelist.net/images/anime/1271/109841.jpg”,“918”:“https://cdn.myanimelist.net/images/anime/3/72078.jpg”,“6”:“https://cdn.myanimelist.net/images/anime/6/6632.jpg”,“473”:“https://cdn.myanimelist.net/images/anime/1/25371.jpg”,“43”:“https://cdn.myanimelist.net/images/anime/1350/106840.jpg”,“20057”:“https://cdn.myanimelist.net/images/anime/1505/107645.jpg”,“6746”:“https://cdn.myanimelist.net/images/anime/1362/106270.jpg”,“202”:“https://cdn.myanimelist.net/images/anime/1468/111382.jpg”,“39412”:“https://cdn.myanimelist.net/images/anime/1198/101861.jpg”,“32729”:“https://cdn.myanimelist.net/images/anime/1680/93436.jpg”,“27655”:“https://cdn.myanimelist.net/images/anime/12/76858.jpg”,“249”:“https://cdn.myanimelist.net/images/anime/10/75815.jpg”,“41388”:“https://cdn.myanimelist.net/images/anime/1792/108304.jpg”,“29075”:“https://cdn.myanimelist.net/images/anime/1577/93780.jpg”,“32998”:“https://cdn.myanimelist.net/images/anime/1154/93785.jpg”,“8009”:“https://cdn.myanimelist.net/images/anime/3/26581.jpg”,“934”:“https://cdn.myanimelist.net/images/anime/1085/109805.jpg”,“6946”:“https://cdn.myanimelist.net/images/anime/2/23551.jpg”,“339”:“https://cdn.myanimelist.net/images/anime/1130/84465.jpg”,“1291”:“https://cdn.myanimelist.net/images/anime/3/21572.jpg”,“823”:“https://cdn.myanimelist.net/images/anime/6/49104.jpg”,“1519”:“https://cdn.myanimelist.net/images/anime/7/15549.jpg”,“7088”:“https://cdn.myanimelist.net/images/anime/1164/94278.jpg”,“36649”:“https://cdn.myanimelist.net/images/anime/1795/95088.jpg”,“40834”:“https://cdn.myanimelist.net/images/anime/1614/107997.jpg”,“4087”:“https://cdn.myanimelist.net/images/anime/1153/83355.jpg”,“1818”:“https://cdn.myanimelist.net/images/anime/1427/95553.jpg”,“1535”:“https://cdn.myanimelist.net/images/anime/9/9453.jpg”,“43609”:“https://cdn.myanimelist.net/images/anime/1765/134530.jpg”};

const DATA = [
{t:“Neon Genesis Evangelion”,r:5,tags:[“psy”,“dark”,“classic”],fave:true,must:true,id:30,note:“FAVE — nothing hits the same existentially.”,desc:“Giant mechs vs alien monsters is just the surface. Underneath is one of the most psychologically brutal character studies in fiction — depression, identity, the pain of human connection. Changed anime forever.”},
{t:“Gachiakuta”,r:5,tags:[“action”,“dark”],fave:true,must:true,id:55888,note:“FAVE — one of the hardest new series out.”,desc:“A boy falsely accused of murder is thrown into a massive pit below society where he must survive using the power of garbage. Raw, violent, and visually stunning. One of the best new series in years.”},
{t:“Cyberpunk: Edgerunners”,r:5,tags:[“dark”,“action”],fave:false,must:true,id:42310,note:“Netflix — ten episodes and it will destroy you.”,desc:“A street kid in Night City tries to survive by becoming an edgerunner mercenary. Studio Trigger animated this and it shows. One of the most emotionally devastating single-season anime ever made.”},
{t:“Kizumonogatari Trilogy”,r:5,tags:[“psy”,“dark”],fave:false,must:true,id:9260,note:“The visuals alone justify the watch.”,desc:“The origin story of the Monogatari series. A high schooler’s encounter with a dying vampire sets off events that grow increasingly strange, violent, and philosophical. Studio Shaft at its absolute ceiling.”},
{t:“Fullmetal Alchemist: Brotherhood”,r:5,tags:[“action”,“dark”],fave:false,must:true,id:5114,note:“The gold standard of complete anime adaptations.”,desc:“Two brothers who lost their bodies practicing forbidden alchemy search for the Philosopher’s Stone. The blueprint for perfect pacing and payoff. One of the highest-rated anime of all time for good reason.”},
{t:“The Legend of Hei”,r:5,tags:[“film”,“action”,“psy”],fave:false,must:true,id:38849,note:“Both films — criminally underrated.”,desc:“A young cat spirit is caught between two factions in a beautifully animated Chinese film. Fluid beyond belief and emotionally rich. One of the best animated films most people have never heard of.”},
{t:“Fate/Zero”,r:5,tags:[“dark”,“action”,“psy”],fave:false,must:true,id:10087,note:“The best entry point into the Fate series.”,desc:“Seven mages summon legendary heroes to battle for the Holy Grail. Fate/Zero is a dark, morally complex war story with some of the best written antagonists in anime. ufotable animation is breathtaking.”},
{t:“Jojo’s Bizarre Adventure”,r:5,tags:[“action”,“classic”],fave:true,must:true,id:9969,note:“FAVE — each part is its own universe.”,desc:“A multi-generational saga following the Joestar bloodline across time periods. Starts as a Victorian-era brawler and evolves into something genuinely unlike anything else. Bold, iconic, unforgettable.”},
{t:“Katekyo Hitman Reborn”,r:5,tags:[“action”],fave:true,must:false,id:2251,note:“FAVE — underrated all-time classic.”,desc:“A hopeless loser is told he is heir to a mafia family by a baby hitman. Sounds ridiculous — becomes one of the most emotionally resonant battle shonen ever made. The mid-series arc shift hits like a truck.”},
{t:“Yu Yu Hakusho”,r:5,tags:[“action”,“classic”],fave:true,must:true,id:392,note:“FAVE — a blueprint that still goes hard.”,desc:“A delinquent dies saving a child and gets recruited as a Spirit Detective to fight supernatural threats. One of the foundations of the battle shonen genre. Characters and fights still hold up completely.”},
{t:“Kill la Kill”,r:5,tags:[“action”],fave:true,must:true,id:18679,note:“FAVE — pure controlled chaos.”,desc:“A girl transfers to a school ruled by an iron-fisted student council president searching for the truth about her father’s death. Trigger’s wildest creation — loud, absurd, and somehow emotionally devastating.”},
{t:“Gurren Lagann”,r:5,tags:[“action”,“classic”],fave:true,must:true,id:2001,note:“FAVE — the peak of believe-in-yourself energy.”,desc:“Humans living underground break free and challenge the tyrant who forced them there. Starts small and scales to galaxy-brained levels. The single most hype escalation arc in anime history.”},
{t:“FLCL”,r:5,tags:[“psy”,“classic”],fave:true,must:false,id:227,note:“FAVE — six episodes. Stays with you forever.”,desc:“A bored kid in a quiet town gets hit by a woman on a Vespa and his life becomes surreal chaos. Only six episodes — somehow contains more ideas, emotion, and style than most 50-episode series.”},
{t:“Hunter x Hunter (2011)”,r:5,tags:[“action”,“dark”],fave:false,must:true,id:11061,note:“The Chimera Ant arc is one of the greatest arcs in any fiction.”,desc:“A boy searches for his missing father, a legendary Hunter. Starts as a standard adventure and evolves into one of the most complex, morally grey shonen ever written. Gets progressively darker and more brilliant.”},
{t:“Jujutsu Kaisen”,r:4,tags:[“action”,“dark”],fave:false,must:true,id:40748,note:“Undeniable — the animation budget is unreal.”,desc:“A boy swallows a cursed finger belonging to the most powerful demon in history and joins a secret school of sorcerers. MAPPA animation is genre-defining.”},
{t:“Attack on Titan”,r:4,tags:[“dark”,“psy”,“action”],fave:false,must:true,id:16498,note:“One of the greatest stories in any medium.”,desc:“Humanity survives behind massive walls to escape giants that eat people. Politics, war, genocide, moral ambiguity. The ending is one of the most debated in all of fiction.”},
{t:“Mob Psycho 100”,r:4,tags:[“psy”,“action”],fave:true,must:true,id:32182,note:“FAVE — deceptively deep, visually insane.”,desc:“A middle schooler with godlike psychic powers just wants to be normal and make friends. The most emotionally sincere show about power fantasy ever made. Fight sequences are animation showcases.”},
{t:“Deadman Wonderland”,r:4,tags:[“dark”,“action”],fave:true,must:false,id:9894,note:“PERSONAL FAV — wish it got a second season.”,desc:“A student is framed for a massacre and sent to a privatized prison where inmates fight for entertainment. Brutal, violent, stylish. Read the manga for the full ending — but the anime ride is worth it.”},
{t:“Gleipnir”,r:4,tags:[“dark”,“psy”,“action”],fave:true,must:false,id:40433,note:“FIRE FAVE — slept on hard.”,desc:“A boy can transform into a hollow monster costume and a dangerous girl climbs inside him to fight. Dark, violent, and unsettling in the best way. Unique premise that escalates constantly.”},
{t:“Mushoku Tensei: Jobless Reincarnation”,r:4,tags:[“isekai”],fave:false,must:false,id:39535,note:“The most serious isekai ever made.”,desc:“A 34-year-old loser reincarnates as a baby in a fantasy world and resolves to live differently. The most grounded, lore-rich isekai in existence — treats the premise with real craft and emotional weight.”},
{t:“God of High School”,r:4,tags:[“action”],fave:false,must:false,id:38474,note:“The best animated fights in recent history.”,desc:“A martial arts tournament for high schoolers with impossible stakes. The fight sequences are some of the most fluid, creative animation MAPPA has ever produced. Pure spectacle.”},
{t:“Made in Abyss”,r:4,tags:[“dark”,“psy”],fave:false,must:true,id:34599,note:“Short but it will wreck you emotionally.”,desc:“A girl and a robot boy descend into a massive mysterious chasm. Looks cute. Is absolutely brutal. One of the most effective uses of contrast in anime — the deeper they go, the darker it gets.”},
{t:“Great Pretender”,r:4,tags:[“psy”,“action”],fave:false,must:false,id:38136,note:“Slept on Netflix gem.”,desc:“A con artist thinks he is the best in Japan until he gets played by someone far better. Stylish globe-trotting heist anime. Feels like an anime Ocean’s Eleven.”},
{t:“Dorohedoro”,r:4,tags:[“dark”,“action”],fave:false,must:false,id:41012,note:“Netflix — deeply weird and I love it.”,desc:“In a dystopian slum where sorcerers use humans as guinea pigs, a man with a lizard head searches for the sorcerer who cursed him. Bizarre, violent, funny, strangely heartwarming.”},
{t:“Chainsaw Man”,r:4,tags:[“dark”,“action”],fave:false,must:true,id:44511,note:“MAPPA went crazy with this one.”,desc:“A broke kid fuses with his chainsaw devil dog to become a demon hunter for a secret government agency. Deranged premise delivered with cinematic direction and unexpected emotional depth.”},
{t:“Hellsing Ultimate”,r:4,tags:[“dark”,“action”],fave:false,must:true,id:777,note:“The king of vampire anime.”,desc:“A British vampire hunter organization deploys Alucard — the most powerful vampire alive — against supernatural Nazi threats. Extremely violent, operatic, and outrageously cool throughout.”},
{t:“Parasyte: The Maxim”,r:4,tags:[“dark”,“psy”],fave:false,must:true,id:22535,note:“Underrated gem.”,desc:“Alien parasites take over human brains — but one only makes it to a boy’s hand. A deeply philosophical story about humanity, identity, and what separates us from predators.”},
{t:“Noragami”,r:4,tags:[“action”,“dark”],fave:false,must:false,id:20507,note:“Slept on hard. Both seasons are solid.”,desc:“A minor god without a shrine takes odd jobs for 5 yen coins while trying to build a following. Stylish action meets heavy themes around death, loneliness, and what it means to be forgotten.”},
{t:“Bungou Stray Dogs”,r:4,tags:[“psy”,“action”],fave:false,must:false,id:31478,note:“Gets better every season.”,desc:“An orphan with a strange ability joins a detective agency where every member has a supernatural power named after a famous literary figure. Smart writing and well-choreographed action.”},
{t:“Soul Eater”,r:4,tags:[“action”,“dark”],fave:false,must:false,id:3588,note:“Old but gold.”,desc:“Students at a school for Meisters wield human-weapon hybrids and collect souls to prevent a great evil’s resurrection. Iconic art style and world-building from the creator of Fire Force.”},
{t:“Re:Zero”,r:4,tags:[“dark”,“psy”,“isekai”],fave:false,must:false,id:31240,note:“Brutal isekai — not your typical power fantasy.”,desc:“A guy transported to a fantasy world discovers he respawns after death and keeps it secret. A deconstruction of isekai tropes that puts its protagonist through genuine psychological torment.”},
{t:“Frieren: Beyond Journey’s End”,r:4,tags:[“classic”,“psy”],fave:false,must:true,id:52991,note:“A masterpiece of tone and patience.”,desc:“An elven mage who defeated the Demon King sets off on a new journey decades later to understand the humans she outlived. Slow, meditative, and devastating. Best anime of its year by a wide margin.”},
{t:“Kaiju No. 8”,r:4,tags:[“action”],fave:false,must:false,id:55702,note:“Sub only — the dub kills it.”,desc:“A man dreaming of joining the monster defense force accidentally becomes a monster himself. Energetic, well-paced, with strong character chemistry and more emotional grounding than its premise suggests.”},
{t:“Devilman Crybaby”,r:4,tags:[“dark”,“psy”],fave:false,must:true,id:35120,note:“Netflix — brutal from start to finish.”,desc:“A sensitive boy fuses with a demon to fight the demonic invasion threatening mankind. Masaaki Yuasa’s adaptation is one of the most viscerally disturbing and emotionally devastating anime ever made.”},
{t:“Hell’s Paradise”,r:4,tags:[“dark”,“action”],fave:false,must:false,id:50265,note:“Dark samurai survival — MAPPA again.”,desc:“A legendary shinobi condemned to death is sent to a mysterious island in exchange for his freedom. Visually gorgeous, philosophically interesting, and extremely violent.”},
{t:“Dororo (2019)”,r:4,tags:[“dark”,“action”,“classic”],fave:false,must:false,id:37965,note:“The 2019 remake is stunning.”,desc:“A samurai lord bargains his son’s organs away to demons at birth. The boy wanders feudal Japan reclaiming his body part by part. Dark, tragic, beautifully animated.”},
{t:“One Piece”,r:4,tags:[“action”,“classic”],fave:false,must:false,id:21,note:“The greatest long-running shonen. Commitment required.”,desc:“A boy with a rubber body sets off to become King of the Pirates. The world-building, character depth, and emotional payoff built over 1000+ episodes are unmatched in anime.”},
{t:“Samurai Champloo”,r:4,tags:[“action”,“classic”],fave:false,must:true,id:205,note:“Classic — hip-hop aesthetics meet samurai.”,desc:“Two rival samurai with completely different styles travel together searching for a sunflower samurai. From the director of Cowboy Bebop. Stylistically impossible not to love.”},
{t:“Cowboy Bebop”,r:4,tags:[“classic”,“action”],fave:false,must:true,id:1,note:“Essential. No debate.”,desc:“A ragtag crew of bounty hunters drifting through space, each running from a past they cannot outrun. Jazz-infused, melancholy, cinematic. The most complete anime in terms of music, writing, and direction.”},
{t:“Death Note”,r:4,tags:[“psy”,“dark”,“classic”],fave:false,must:true,id:1535,note:“The classic — still perfect.”,desc:“A genius finds a notebook that kills anyone whose name is written in it. A cat-and-mouse psychological chess match between two prodigies. The first half is a masterpiece of tension.”},
{t:“Drifters”,r:3,tags:[“action”,“dark”],fave:false,must:false,id:32365,note:“Same creator as Hellsing — shows.”,desc:“Historical figures from across time are summoned to a fantasy world to fight in an endless war. Samurai, soldiers, and conquerors clash brutally. Same energy as Hellsing Ultimate.”},
{t:“Ishura”,r:3,tags:[“dark”,“action”],fave:false,must:false,id:54743,note:“Sub only — translation matters here.”,desc:“In a world where a god was just defeated, the beings who killed it compete to determine who is truly strongest. An ensemble of broken overpowered characters with radically different abilities.”},
{t:“Psycho-Pass”,r:3,tags:[“psy”,“dark”],fave:false,must:false,id:13601,note:“All three seasons — S1 is the best.”,desc:“In dystopian Japan, a system predicts criminality from mental state before crimes happen. A police procedural that becomes a meditation on free will, justice, and the cost of a safe society.”},
{t:“Fire Force”,r:3,tags:[“action”,“dark”],fave:false,must:false,id:38671,note:“The worldbuilding is its best quality.”,desc:“In a world where humans spontaneously combust into fire demons, special firefighters fight back. Excellent fight choreography and a lore-rich world. From the creator of Soul Eater.”},
{t:“Elfen Lied”,r:3,tags:[“dark”,“psy”],fave:false,must:false,id:226,note:“Older — brutally violent opening scene.”,desc:“A mutant girl with invisible telekinetic arms escapes a government facility. Extremely violent and unexpectedly emotional. One of the foundational dark anime of the 2000s.”},
{t:“The Promised Neverland”,r:3,tags:[“dark”,“psy”],fave:false,must:false,id:37779,note:“Season 1 only. S2 never happened.”,desc:“Children living in an idyllic orphanage discover a horrifying truth and begin planning an escape. Season 1 is one of the most tense and clever anime in years. Stop after S1.”},
{t:“Demon Slayer”,r:3,tags:[“action”,“dark”],fave:false,must:false,id:38000,note:“The animation is undeniable.”,desc:“A boy returns home to find his family slaughtered and his sister turned into a demon. He joins a corps of demon hunters to avenge them. The animation — especially Mugen Train — is landmark-level.”},
{t:“Tokyo Ghoul”,r:3,tags:[“dark”,“action”],fave:false,must:false,id:22319,note:“S1 is a classic. Stop after S1.”,desc:“A college student is attacked by a ghoul and becomes a half-ghoul himself. Season 1 is dark and compelling. Declines significantly after.”},
{t:“Code Geass”,r:3,tags:[“psy”,“action”],fave:false,must:false,id:1575,note:“Strategic mind games and political intrigue.”,desc:“An exiled prince gains the power to command anyone to obey him and uses it to lead a rebellion. Death Note energy meets mech warfare. The ending is one of the most memorable in anime.”},
{t:“Seraph of the End”,r:3,tags:[“dark”,“action”],fave:false,must:false,id:27519,note:“Solid dark shonen.”,desc:“A virus kills most adults, leaving children to be harvested by vampires. Survivors fight back with experimental demon weapons. Dark atmosphere and strong character bonds.”},
{t:“Magi: The Labyrinth of Magic”,r:3,tags:[“action”,“isekai”],fave:false,must:false,id:14513,note:“Deeper than it looks.”,desc:“A young mage and a massive slave boy clear magical dungeons together. Based on One Thousand and One Nights. Fun on the surface and genuinely complex in its politics and world-building by season 2.”},
{t:“My Hero Academia”,r:3,tags:[“action”],fave:false,must:false,id:31964,note:“The later seasons get dark fast.”,desc:“A world where most people have superpowers and a boy born without one inherits the greatest ability of all. Classic hero’s journey elevated by strong side characters and increasingly dark turns.”},
{t:“Kabaneri of the Iron Fortress”,r:3,tags:[“dark”,“action”],fave:false,must:false,id:32494,note:“Attack on Titan vibes, shorter run.”,desc:“Zombie-like monsters overrun the world and survivors travel between fortress cities on armored steam trains. Intense, fast-paced, and visually striking.”},
{t:“Elusive Samurai”,r:3,tags:[“action”],fave:false,must:false,id:55597,note:“Only 10/11 episodes — more coming.”,desc:“A young nobleman destined to restore his clan survives by fleeing rather than fighting. Witty, stylish, and surprisingly strategic. Short but strong start.”},
{t:“Berserk (1997)”,r:3,tags:[“dark”,“action”,“classic”],fave:false,must:true,id:33,note:“Dark — not for everyone. For you though? Watch it.”,desc:“A lone mercenary fights through a brutal medieval world. One of the darkest stories ever told. The 1997 anime is a landmark — be warned about the final episodes.”},
{t:“Death Parade”,r:3,tags:[“psy”,“dark”],fave:false,must:false,id:28223,note:“Psychological anthology — underrated.”,desc:“After death, pairs of souls play a game to determine their fate. Each episode is a different pair. Explores human nature and morality with real depth.”},
{t:“Inuyashiki”,r:3,tags:[“dark”,“psy”],fave:false,must:false,id:33538,note:“Underrated — the villain steals the show.”,desc:“A dying old man and a teenage boy are both turned into cyborg weapons. One saves lives. The other does not. One of the most disturbing villain arcs in anime.”},
{t:“Redo of Healer”,r:3,tags:[“dark”],fave:false,must:false,id:null,note:“Kind of wild — you have been warned.”,desc:“A healer who was exploited and abused goes back in time to exact revenge on everyone who wronged him. Deliberately uncomfortable and controversial. Not subtle. Not for everyone.”},
{t:“Shield Hero”,r:2,tags:[“isekai”,“dark”],fave:false,must:false,id:35790,note:“Controversial isekai — protagonist starts at rock bottom.”,desc:“A man summoned as one of four legendary heroes is immediately betrayed and falsely accused. Gritty isekai where the hero rebuilds from zero with no support.”},
{t:“Mashle: Magic and Muscles”,r:2,tags:[“action”],fave:false,must:false,id:52588,note:“Funny parody energy.”,desc:“In a world that runs on magic, a boy born without it trains his body to superhuman levels instead. A parody of magic school anime that gets funnier the more familiar you are with the genre.”},
{t:“Ranking of Kings”,r:2,tags:[“dark”,“classic”],fave:false,must:false,id:49587,note:“Don’t sleep on this — emotional gut punch.”,desc:“A deaf prince who cannot use magic is expected to be king of a world that considers him weak. A beautiful story about perseverance and loyalty wrapped in a dark fairy tale aesthetic.”},
{t:“Cautious Hero”,r:2,tags:[“isekai”],fave:false,must:false,id:40496,note:“Funny premise executed well.”,desc:“A goddess summons a hero to save an easy-rated world except he shows up as an obsessive over-preparer. Good comedy isekai.”},
{t:“Fate/Stay Night: Unlimited Blade Works”,r:null,tags:[“action”,“dark”],fave:false,must:true,id:22297,note:“ufotable animation — visually flawless.”,desc:“The Holy Grail War continues as Shirou Emiya teams with the knight Archer. The best fully animated entry in the Fate franchise — philosophy around idealism vs realism at its core.”},
{t:“Ajin: Demi-Human”,r:null,tags:[“dark”,“psy”,“action”],fave:false,must:false,id:31580,note:“Underrated dark thriller.”,desc:“A high school boy discovers he is immortal after surviving a fatal accident and becomes hunted by the government. A cold, intelligent thriller with a genuinely terrifying antagonist.”},
{t:“GARO: Vanishing Line”,r:null,tags:[“action”,“dark”],fave:false,must:false,id:35608,note:“Underrated action gem.”,desc:“A massive swordsman hunts demons in a neon-lit modern city while protecting a girl searching for her missing brother. High-octane action with a surprising amount of heart.”},
{t:“Blade of the Immortal”,r:null,tags:[“dark”,“action”],fave:false,must:false,id:40418,note:“Samurai cursed with immortality — brutal.”,desc:“A samurai cursed to never die must kill 1000 evil men to break the curse. He reluctantly protects a girl seeking revenge. Extremely violent and well-crafted samurai action.”},
{t:“86: Eighty Six”,r:null,tags:[“dark”,“psy”,“action”],fave:false,must:true,id:41457,note:“One of the most underrated anime in years.”,desc:“In a country that claims no one dies in its war, a young girl commands a squadron of soldiers the government pretends don’t exist. Brutal, political, and emotionally devastating.”},
{t:“Baki”,r:null,tags:[“action”],fave:false,must:false,id:36664,note:“Pure fighting — no story needed.”,desc:“The strongest fighters in the world converge on a single location. Baki is pure martial arts chaos — ridiculous, over-the-top, and genuinely entertaining for anyone who loves combat anime.”},
{t:“Kengan Ashura”,r:null,tags:[“action”],fave:false,must:false,id:37347,note:“Baki’s equally unhinged cousin.”,desc:“Corporate disputes in Japan are settled through brutal underground gladiator matches. Features some of the most creative fighter designs and matchups in the genre.”},
{t:“Akame ga Kill”,r:null,tags:[“dark”,“action”],fave:false,must:false,id:22177,note:“No one is safe — starts killing main characters fast.”,desc:“A boy joins an assassin group fighting to overthrow a corrupt empire. Known for not hesitating to kill main characters. Dark, action-heavy, and emotionally rough.”},
{t:“Solo Leveling”,r:null,tags:[“action”,“dark”],fave:false,must:false,id:52299,note:“The manhwa was better but the anime delivers.”,desc:“The world’s weakest hunter enters a dungeon and becomes the only person able to level up. Pure power fantasy executed with incredible art direction and some of the best fight animation in recent memory.”},
{t:“Vinland Saga”,r:null,tags:[“dark”,“action”,“classic”],fave:false,must:true,id:37521,note:“You said mid — but it’s one of the greatest.”,desc:“A Viking boy obsessed with revenge against the man who killed his father. Starts brutal and war-driven. Evolves into a meditation on pacifism, slavery, and what it means to truly be free.”},
{t:“Vivy: Fluorite Eye’s Song”,r:null,tags:[“psy”,“dark”],fave:false,must:true,id:46095,note:“Slept on massively. One of the best AI stories ever.”,desc:“An AI songstress is tasked by a future AI with altering history to prevent a war between humans and machines. Stunningly animated, emotionally brutal, and smarter than it gets credit for.”},
{t:“Overlord”,r:null,tags:[“isekai”,“dark”],fave:false,must:false,id:29803,note:“Isekai where you play as the villain.”,desc:“A player is trapped inside a game as his max-level undead character when servers shut down. Instead of a reluctant hero, he becomes an actual overlord building an empire with terrifying power.”},
{t:“Tower of God”,r:null,tags:[“action”,“dark”],fave:false,must:false,id:41613,note:“Manhwa adaptation — get ready for betrayal.”,desc:“A boy chases his only friend into a mysterious tower where floors must be climbed through deadly tests. Morally grey and unpredictable with excellent world-building.”},
{t:“Darwin’s Game”,r:null,tags:[“action”,“dark”],fave:false,must:false,id:40196,note:“Battle royale energy done right.”,desc:“A boy accidentally downloads an app that forces him into real-life death matches where each player has a unique supernatural ability. Fast, brutal, and surprisingly strategic.”},
{t:“Future Diary”,r:null,tags:[“psy”,“dark”],fave:false,must:false,id:10620,note:“Unhinged. In a good way.”,desc:“A middle schooler receives a diary that predicts the future and gets thrown into a death game. His co-player is obsessively in love with him and completely unhinged.”},
{t:“BNA: Brand New Animal”,r:null,tags:[“action”],fave:false,must:false,id:40348,note:“Netflix — studio had to rush the finale due to COVID.”,desc:“A girl transforms into a raccoon beastman and flees to a city built for animal-human hybrids. Trigger Studio’s Netflix original — fast, colorful, and socially aware.”},
{t:“Akudama Drive”,r:null,tags:[“dark”,“action”],fave:false,must:false,id:40719,note:“Cyberpunk meets Danganronpa energy.”,desc:“In a neon-soaked future Japan, a group of notorious criminals are gathered for a suicide mission. Style over substance in the best way — violent, fast, and visually relentless.”},
{t:“In/Spectre”,r:null,tags:[“psy”],fave:false,must:false,id:39090,note:“Smart supernatural mystery.”,desc:“A girl with ties to the spirit world and a boy with a dark secret team up to resolve supernatural incidents using deduction rather than force. More clever than it looks.”},
{t:“Classroom of the Elite”,r:null,tags:[“psy”],fave:false,must:false,id:35507,note:“Cold protagonist energy — strategic mind games.”,desc:“An elite school where classes compete for resources through psychological games. The protagonist is emotionally detached and calculating. One of the best cold-genius leads in recent anime.”},
{t:“Shangri-La Frontier”,r:null,tags:[“action”],fave:false,must:false,id:51393,note:“Gaming isekai done right.”,desc:“A gamer obsessed with beating terrible games dives into the best VR game in the world. Energetic and well-animated with strong game mechanics as plot drivers.”},
{t:“The Devil is a Part-Timer”,r:null,tags:[“classic”],fave:false,must:false,id:15809,note:“Lightest pick on the list — genuinely funny.”,desc:“The Demon King and his general escape to modern-day Tokyo with no powers and have to get jobs to survive. One of the best comedic premises in anime executed with perfect deadpan timing.”},
{t:“Mushi-shi”,r:null,tags:[“classic”,“psy”],fave:false,must:false,id:457,note:“Slow and meditative — a different kind of anime.”,desc:“A wandering man travels a supernatural Japan solving problems caused by primitive life forms called Mushi that most people cannot see. Quiet, eerie, and unlike anything else.”},
{t:“Sonny Boy”,r:null,tags:[“psy”],fave:false,must:false,id:49596,note:“Mindf*** — strange and beautiful.”,desc:“A group of middle school students and their school are suddenly transported to a void dimension. Each episode is surreal and philosophical. One of the most unique and divisive anime in recent years.”},
{t:“Terror in Resonance”,r:null,tags:[“psy”,“dark”],fave:false,must:false,id:23755,note:“Directed by Shinichiro Watanabe — Cowboy Bebop guy.”,desc:“Two teenagers carry out a series of anonymous terrorist attacks on Tokyo and dare the police to catch them. A tense, beautifully scored psychological thriller with a haunting atmosphere.”},
{t:“Paranoia Agent”,r:null,tags:[“psy”,“dark”],fave:false,must:true,id:323,note:“Satoshi Kon — a masterclass in psychological horror.”,desc:“A detective investigates a series of attacks by a mysterious bat-wielding boy. Reality and delusion blur across an ensemble of victims. One of the most intellectually disturbing anime ever made.”},
{t:“Paprika”,r:null,tags:[“film”,“psy”],fave:false,must:true,id:1943,note:“Satoshi Kon film — inspired Inception.”,desc:“A scientist uses a device that allows therapists to enter patients’ dreams and a prototype is stolen, causing dreams and reality to merge. Visually staggering. Inspired Christopher Nolan directly.”},
{t:“Junji Ito Collection”,r:null,tags:[“dark”],fave:false,must:false,id:35333,note:“Read the manga — but the anime covers the horror.”,desc:“An anthology of horror short stories from legendary horror artist Junji Ito. Spirals, body horror, cosmic dread. The manga is the real experience but the anime captures the atmosphere.”},
{t:“Castlevania”,r:null,tags:[“dark”,“action”],fave:false,must:true,id:36456,note:“Netflix — the best western animated series ever made.”,desc:“A vampire hunter and his unlikely companions fight Dracula’s army across a war-torn medieval world. Gorgeous animation, sharp writing, and genuinely brutal violence.”},
{t:“Wonder Egg Priority”,r:null,tags:[“psy”,“dark”],fave:false,must:false,id:41084,note:“Beautiful and disturbing — ending is controversial.”,desc:“A girl discovers magical eggs that allow her to fight monsters and save other girls from suicide. Deals with trauma, grief, and mental health with striking visual metaphors. Emotionally heavy.”},
{t:“Monster”,r:null,tags:[“psy”,“dark”,“classic”],fave:false,must:true,id:19,note:“One of the greatest anime ever made. No hype needed.”,desc:“A German surgeon saves a boy’s life and years later discovers that boy grew up to become a serial killer. He sacrifices everything to hunt down the monster he created. A slow-burn masterpiece of tension.”},
{t:“Black Lagoon”,r:null,tags:[“action”,“dark”],fave:false,must:false,id:889,note:“Mercenary crime chaos — incredibly fun.”,desc:“A Japanese salaryman is taken hostage by a crew of mercenaries and joins them instead. One of the most entertaining and stylish action anime with some of the best female characters in the genre.”},
{t:“Basilisk”,r:null,tags:[“dark”,“action”,“classic”],fave:false,must:false,id:356,note:“Ninja clan warfare — older but raw.”,desc:“Two rival ninja clans are pitted against each other in a death match — complicated by a forbidden romance between the heirs of each clan. Brutal, tragic, and beautifully designed.”},
{t:“Princess Mononoke”,r:null,tags:[“film”,“classic”,“dark”],fave:false,must:true,id:164,note:“Miyazaki — one of the greatest films ever made.”,desc:“A young warrior becomes entangled in a war between human industry and the gods of the forest. Miyazaki’s most mature and morally complex film. No villains — only competing interests. A masterpiece.”},
{t:“Blue Exorcist”,r:null,tags:[“action”,“dark”],fave:false,must:false,id:9919,note:“Solid dark shonen — underrated.”,desc:“The son of Satan is trained as an exorcist to fight against the father he never wanted. Strong character work and a legitimately interesting premise around identity and lineage.”},
{t:“Assassination Classroom”,r:null,tags:[“action”,“classic”],fave:false,must:false,id:24833,note:“Emotional ending — more than you expect.”,desc:“A powerful creature destroys the moon and tells a class of misfit students they must assassinate him before year’s end while he teaches them. Starts comedic and ends devastating.”},
{t:“Dr. Stone”,r:null,tags:[“classic”,“action”],fave:false,must:false,id:38691,note:“Science as the superpower — unique premise.”,desc:“All of humanity is turned to stone and one genius awakens thousands of years later to rebuild civilization using only science. Wholesome, smart, and surprisingly hype.”},
{t:“Welcome to the NHK”,r:null,tags:[“psy”,“classic”],fave:false,must:false,id:1210,note:“Painfully real — dark comedy about isolation.”,desc:“A paranoid shut-in becomes convinced a secret organization is responsible for his failure to launch. One of the most honest portrayals of depression, social anxiety, and isolation in anime.”},
{t:“K: Return of Kings”,r:null,tags:[“action”],fave:false,must:false,id:20655,note:“Just beautiful animation.”,desc:“Clans of people with supernatural powers clash in a beautifully animated urban fantasy setting. The plot is secondary to the incredible visual style — one of the most gorgeous looking anime ever made.”},
{t:“A Certain Scientific Railgun”,r:null,tags:[“action”],fave:false,must:false,id:6213,note:“Solid if you like the universe.”,desc:“Set in a city of psychic students, follows the third strongest esper — a girl who shoots electricity from her fingers. Good standalone action with a strong lead.”},
{t:“A Certain Scientific Accelerator”,r:null,tags:[“action”,“dark”],fave:false,must:false,id:38853,note:“Darker edge of the same universe.”,desc:“Follows the most powerful and most ruthless esper in Academy City as he reluctantly protects a girl from a dangerous organization. Darker and more violent than Railgun.”},
{t:“That Time I Got Reincarnated as a Slime”,r:null,tags:[“isekai”],fave:false,must:false,id:37430,note:“Worth finishing — gets surprisingly deep.”,desc:“A man reincarnates as a slime monster with unique abilities in a fantasy world. Starts lighthearted and builds an incredibly detailed world and political structure over time.”},
{t:“Gintama”,r:null,tags:[“classic”,“action”],fave:false,must:false,id:918,note:“Greatest anime comedy of all time.”,desc:“In an alternate Edo period Japan where aliens have taken over, a freelancer does odd jobs with two unlikely companions. Shifts seamlessly between absurd comedy and genuinely emotional arcs.”},
{t:“Trigun”,r:null,tags:[“action”,“classic”],fave:false,must:false,id:6,note:“Western sci-fi — the vibe is iconic.”,desc:“A legendary gunman with a massive bounty on his head wanders a desert planet. Starts as comedy and drifts into something far darker. One of the defining anime of the late 90s.”},
{t:“Gungrave”,r:null,tags:[“dark”,“action”,“classic”],fave:false,must:false,id:473,note:“Mafia drama turned sci-fi — underrated.”,desc:“A man betrayed by his best friend rises from the dead for revenge. Starts as a gritty mafia story and evolves into something completely different. Emotionally heavy and criminally slept on.”},
{t:“Ghost in the Shell”,r:null,tags:[“psy”,“dark”,“classic”,“film”],fave:false,must:true,id:43,note:“The blueprint for cyberpunk anime.”,desc:“A cyborg counter-terrorism agent hunts a hacker called the Puppet Master and begins questioning her own humanity. Dense, philosophical, and cinematic. Influenced The Matrix and virtually all cyberpunk after it.”},
{t:“Space Dandy”,r:null,tags:[“classic”],fave:false,must:false,id:20057,note:“Same director as Cowboy Bebop — completely different energy.”,desc:“A dandy alien hunter travels the galaxy searching for undiscovered species. Every episode is standalone and animated by a different director. One of the most visually experimental anime ever made.”},
{t:“Durarara!!”,r:null,tags:[“psy”,“action”],fave:false,must:false,id:6746,note:“Urban supernatural ensemble — very stylish.”,desc:“In Ikebukuro, Tokyo, gangs, a headless rider, and supernatural forces collide across an ensemble of intersecting storylines. Dense with characters but rewarding once it clicks.”},
{t:“S-Cryed”,r:null,tags:[“action”],fave:false,must:false,id:202,note:“FAVE — alter users going crazy.”,desc:“In a post-disaster zone, people with the ability to manifest psychic constructs called Alters fight over territory and survival. Aggressive energy and a raw rivalry that carries the whole show.”},
{t:“ID: Invaded”,r:null,tags:[“psy”,“dark”],fave:false,must:false,id:39412,note:“Psychological crime mystery — underrated.”,desc:“Detectives dive into the fractured psyches of serial killers using a machine that reconstructs their consciousness. Sharp mystery writing and a protagonist with a genuinely dark past.”},
{t:“Kiznaiver”,r:null,tags:[“psy”],fave:false,must:false,id:32729,note:“Emotional connection concept — Trigger Studio.”,desc:“A group of students are connected by a system that makes them share each other’s pain — physical and emotional. From Trigger Studio. More heartfelt than action-forward but hits deep.”},
{t:“Inuyasha”,r:null,tags:[“action”,“classic”],fave:false,must:false,id:249,note:“Classic — nostalgia hit for a reason.”,desc:“A modern girl falls into a well and lands in feudal Japan where she joins a half-demon in searching for the shards of a powerful jewel. Long, nostalgic, and foundational to a generation of anime fans.”},
{t:“Rokka: Braves of the Six Flowers”,r:null,tags:[“psy”,“action”],fave:false,must:false,id:29075,note:“Mystery wrapped in a fantasy setting.”,desc:“Six heroes are chosen to fight a demon god — but seven show up. One of them is a traitor. A locked-room mystery disguised as a fantasy anime. Clever and underrated.”},
{t:“91 Days”,r:null,tags:[“dark”,“action”],fave:false,must:true,id:32998,note:“No powers. Cold revenge logic — one of the best.”,desc:“During Prohibition, a man hunts down the mafia family that killed his parents one by one. The pacing is meticulous and the emotional payoff is devastating. Like anime Godfather energy.”},
{t:“Shiki”,r:null,tags:[“dark”,“psy”],fave:false,must:true,id:8009,note:“Village horror — slow burn that pays everything off.”,desc:“A remote village begins experiencing mysterious deaths as a strange family moves into an abandoned mansion. A morally grey horror story that forces you to question who the real monsters are.”},
{t:“Higurashi: When They Cry”,r:null,tags:[“dark”,“psy”],fave:false,must:true,id:934,note:“Psychological horror mystery — genuinely disturbing.”,desc:“A boy moves to a rural village and realizes something horrifying repeats every year during the local festival. Each arc restarts with different outcomes. Deeply unsettling and brilliantly structured.”},
{t:“Phantom: Requiem for the Phantom”,r:null,tags:[“dark”,“psy”,“action”],fave:false,must:false,id:6946,note:“Cold, beautiful, underrated assassin thriller.”,desc:“A young man loses his memory and is trained as an elite assassin by a shadowy organization. Gritty, emotionally raw, and far better than its obscurity suggests.”},
{t:“Serial Experiments Lain”,r:null,tags:[“psy”,“dark”,“classic”],fave:false,must:true,id:339,note:“Closest thing to Evangelion in existential weight.”,desc:“A quiet girl receives an email from a classmate who just died and gets pulled into a digital world that begins merging with reality. Dense, eerie, ahead of its time. A landmark of psychological anime.”},
{t:“Texhnolyze”,r:null,tags:[“psy”,“dark”],fave:false,must:false,id:1291,note:“Brutally dark — almost nothing speaks. Still hits.”,desc:“In a decaying underground city, a fighter gets cybernetic limb replacements and gets dragged into a war between factions. Minimal dialogue. Maximum dread. One of the darkest anime ever made.”},
{t:“Ergo Proxy”,r:null,tags:[“psy”,“dark”],fave:false,must:false,id:823,note:“Philosophical dystopian — underrated.”,desc:“In a domed post-apocalyptic city, an investigator uncovers a conspiracy involving artificial beings that have developed consciousness. Dense and philosophical with a strong cyberpunk aesthetic.”},
{t:“Gantz”,r:null,tags:[“dark”,“action”],fave:false,must:false,id:1519,note:“Violent and morally chaotic — exactly your taste.”,desc:“People who die are resurrected by a mysterious black sphere and forced to hunt dangerous aliens or lose their second chance at life. Brutal, morally complex, and relentlessly tense.”},
{t:“Rainbow: Nisha Rokubou”,r:null,tags:[“dark”],fave:false,must:true,id:7088,note:“Emotional gut punch — rarely talked about.”,desc:“Seven young men share a cell in a brutal postwar Japanese reform facility and form an unbreakable bond just to survive. One of the most emotionally devastating anime in existence.”},
{t:“Banana Fish”,r:null,tags:[“dark”,“psy”],fave:false,must:false,id:36649,note:“Crime thriller — hits different emotionally.”,desc:“A young gang leader in New York investigates a mysterious drug while forming an unlikely bond with a Japanese journalist. Dark, mature, and emotionally complex with real stakes.”},
{t:“Talentless Nana”,r:null,tags:[“psy”,“dark”],fave:false,must:true,id:40834,note:“Do NOT look anything up before watching.”,desc:“Students with special abilities are sent to an island school. Episode 2 changes everything you thought you knew about the show. One of the best bait-and-switch setups in anime history.”},
{t:“Michiko & Hatchin”,r:null,tags:[“action”,“classic”],fave:false,must:false,id:4087,note:“Black and Latin-coded aesthetic — criminally slept on.”,desc:“A wild escaped convict and an abused girl form an unlikely family while chasing a ghost from their past through a South American-inspired setting. MAPPA’s earliest work. Stylistically unique.”},
{t:“Claymore”,r:null,tags:[“dark”,“action”],fave:false,must:false,id:1818,note:“Female protagonist, demon slaying, dark medieval world.”,desc:“Half-human half-monster warriors called Claymores are the only defense against shape-shifting demons. A dark fantasy with a strong female lead and brutal action.”},
];

const TAG_LABELS = {dark:“Dark”,action:“Action”,psy:“Psychological”,isekai:“Isekai”,classic:“Classic”,film:“Film”};
const TAG_COLORS = {
dark:”#3a0a12”,action:”#0f1530”,psy:”#0f2518”,isekai:”#301520”,classic:”#252010”,film:”#1a1a30”,
fave:“rgba(200,16,46,0.15)”,must:“rgba(201,146,42,0.15)”
};
const TAG_TEXT = {
dark:“rgba(200,16,46,0.8)”,action:“rgba(80,100,200,0.9)”,psy:“rgba(50,180,100,0.9)”,
isekai:“rgba(200,80,140,0.9)”,classic:“rgba(200,180,60,0.9)”,film:“rgba(120,120,240,0.9)”,
fave:”#c8102e”,must:”#c9922a”
};

function Card({ anime, open, onClick }) {
const img = anime.id ? IMG[String(anime.id)] : null;
const stars = anime.r ? “★”.repeat(anime.r) + “☆”.repeat(5 - anime.r) : null;

return (
<div onClick={onClick} style={{
background: open ? “#121212” : “#0e0e0e”,
cursor:“pointer”, position:“relative”, overflow:“hidden”,
display:“flex”, flexDirection:“column”,
borderLeft: open ? “3px solid #ff4500” : “3px solid transparent”,
transition:“all 0.2s”
}}>
{/* Thumbnail */}
<div style={{width:“100%”,paddingTop:“56.25%”,position:“relative”,background:”#0a0a0a”,flexShrink:0}}>
{img ? (
<img src={img} alt={anime.t} loading=“lazy”
style={{position:“absolute”,inset:0,width:“100%”,height:“100%”,objectFit:“cover”,objectPosition:“top center”,filter:“brightness(0.85) saturate(0.9)”}}
onError={e => { e.target.style.display=“none”; }}
/>
) : (
<div style={{position:“absolute”,inset:0,display:“flex”,alignItems:“center”,justifyContent:“center”,fontFamily:”‘Bebas Neue’,sans-serif”,fontSize:11,letterSpacing:3,color:”#2a2a2a”}}>
{anime.t.substring(0,14).toUpperCase()}
</div>
)}
<div style={{position:“absolute”,inset:0,background:“linear-gradient(to bottom,transparent 40%,rgba(7,7,7,0.85) 100%)”}}/>
</div>

```
  {/* Body */}
  <div style={{padding:"14px 16px 16px",flex:1,display:"flex",flexDirection:"column"}}>
    <div style={{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:8}}>
      <div style={{fontFamily:"'Bebas Neue',sans-serif",fontSize:18,letterSpacing:2,color:"#e4e4e4",lineHeight:1.1,flex:1}}>
        {anime.t}
      </div>
      <div style={{flexShrink:0,textAlign:"right"}}>
        {anime.r ? (
          <>
            <div style={{fontFamily:"'Bebas Neue',sans-serif",fontSize:26,color:"#c9922a",lineHeight:1}}>{anime.r}/5</div>
            <div style={{fontSize:9,color:"#c9922a",letterSpacing:1}}>{stars}</div>
          </>
        ) : (
          <div style={{fontFamily:"'JetBrains Mono',monospace",fontSize:9,color:"#2a2a2a",letterSpacing:2}}>UNRATED</div>
        )}
      </div>
    </div>

    {/* Tags */}
    <div style={{display:"flex",gap:4,flexWrap:"wrap",marginTop:8}}>
      {anime.tags.map(tag => (
        <span key={tag} style={{fontFamily:"'JetBrains Mono',monospace",fontSize:7,letterSpacing:2,textTransform:"uppercase",padding:"2px 6px",border:`1px solid ${TAG_COLORS[tag]}`,color:TAG_TEXT[tag]}}>
          {TAG_LABELS[tag]}
        </span>
      ))}
      {anime.fave && <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:7,letterSpacing:2,textTransform:"uppercase",padding:"2px 6px",border:"1px solid #c8102e",color:"#c8102e",background:"rgba(200,16,46,0.08)"}}>★ Fave</span>}
      {anime.must && <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:7,letterSpacing:2,textTransform:"uppercase",padding:"2px 6px",border:"1px solid #c9922a",color:"#c9922a",background:"rgba(201,146,42,0.08)"}}>Must Watch</span>}
    </div>

    {/* Expandable */}
    {open && (
      <div style={{marginTop:12,borderTop:"1px solid #1c1c1c",paddingTop:11}}>
        <p style={{fontFamily:"'Crimson Pro',serif",fontSize:14,lineHeight:1.7,color:"#999",fontStyle:"italic",margin:0}}>{anime.desc}</p>
        {anime.note && <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:9,color:"#c8102e",letterSpacing:1,marginTop:7,display:"block"}}>{`// ${anime.note}`}</span>}
      </div>
    )}

    <div style={{fontFamily:"'JetBrains Mono',monospace",fontSize:7,letterSpacing:2,color:open?"#c8102e":"#2a2a2a",textAlign:"right",marginTop:"auto",paddingTop:10}}>
      {open ? "[ COLLAPSE ]" : "[ TAP TO EXPAND ]"}
    </div>
  </div>
</div>
```

);
}

export default function App() {
const [search, setSearch] = useState(””);
const [filter, setFilter] = useState(“all”);
const [openIdx, setOpenIdx] = useState(null);

const filtered = useMemo(() => {
return DATA.filter((a, i) => {
const q = search.toLowerCase();
const matchSearch = !q || a.t.toLowerCase().includes(q);
const matchFilter = filter === “all”
|| (filter === “must” && a.must)
|| (filter === “fave” && a.fave)
|| a.tags.includes(filter);
return matchSearch && matchFilter;
});
}, [search, filter]);

const filters = [“all”,“must”,“fave”,“dark”,“action”,“psy”,“isekai”,“classic”,“film”];
const filterLabels = {all:“All”,must:“Must Watch”,fave:“Faves”,dark:“Dark”,action:“Action”,psy:“Psychological”,isekai:“Isekai”,classic:“Classic”,film:“Film”};

return (
<div style={{background:”#070707”,minHeight:“100vh”,color:”#e4e4e4”,fontFamily:”‘Crimson Pro’,Georgia,serif”}}>
<style>{`@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@300;400&display=swap'); * { box-sizing: border-box; margin: 0; padding: 0; } ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: #070707; } ::-webkit-scrollbar-thumb { background: #c8102e; } input { font-family: 'JetBrains Mono', monospace !important; }`}</style>

```
  {/* Header */}
  <div style={{padding:"48px 32px 36px",borderBottom:"1px solid #1c1c1c",background:"linear-gradient(180deg,#0c0c0c,#070707)",position:"relative"}}>
    <div style={{position:"absolute",bottom:0,left:0,right:0,height:1,background:"linear-gradient(90deg,transparent,#c8102e,transparent)"}}/>
    <div style={{fontFamily:"'JetBrains Mono',monospace",fontSize:9,letterSpacing:5,color:"#c8102e",textTransform:"uppercase",marginBottom:16}}>// Personal File — @theviolentway</div>
    <div style={{fontFamily:"'Bebas Neue',sans-serif",fontSize:"clamp(56px,10vw,110px)",letterSpacing:4,lineHeight:0.88,textTransform:"uppercase"}}>
      Marcos'<br/><span style={{color:"#c8102e"}}>Anime</span><br/>List
    </div>
    <div style={{fontStyle:"italic",fontSize:16,color:"#5a5a5a",marginTop:16,maxWidth:440,lineHeight:1.6}}>
      If I sent you this, your taste needed help. Start anywhere with a gold star and thank me later.
    </div>
    <div style={{display:"flex",gap:40,marginTop:28,flexWrap:"wrap"}}>
      {[["totalCt", DATA.length, "Total Shows"],[null, DATA.filter(a=>a.fave).length,"Personal Faves"],[null,DATA.filter(a=>a.must).length,"Must Watch"]].map(([,num,lbl],i) => (
        <div key={i}>
          <span style={{fontFamily:"'Bebas Neue',sans-serif",fontSize:40,color:"#c8102e",lineHeight:1,display:"block"}}>{num}</span>
          <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:8,letterSpacing:3,color:"#5a5a5a",textTransform:"uppercase",display:"block",marginTop:2}}>{lbl}</span>
        </div>
      ))}
    </div>
  </div>

  {/* Controls */}
  <div style={{position:"sticky",top:0,zIndex:200,background:"rgba(7,7,7,0.96)",backdropFilter:"blur(14px)",borderBottom:"1px solid #1c1c1c",padding:"12px 32px",display:"flex",gap:8,flexWrap:"wrap",alignItems:"center"}}>
    <div style={{position:"relative",flex:1,minWidth:150,maxWidth:260}}>
      <span style={{position:"absolute",left:10,top:"50%",transform:"translateY(-50%)",color:"#5a5a5a",fontSize:14,pointerEvents:"none"}}>⌕</span>
      <input value={search} onChange={e=>setSearch(e.target.value)} placeholder="Search..."
        style={{width:"100%",background:"#111",border:"1px solid #1c1c1c",color:"#e4e4e4",padding:"7px 12px 7px 30px",fontSize:11,letterSpacing:1,outline:"none"}}
      />
    </div>
    {filters.map(f => (
      <button key={f} onClick={()=>setFilter(f)}
        style={{background:"transparent",border:`1px solid ${filter===f?"#c8102e":"#1c1c1c"}`,color:filter===f?"#c8102e":"#5a5a5a",padding:"5px 11px",fontFamily:"'JetBrains Mono',monospace",fontSize:8,letterSpacing:2,textTransform:"uppercase",cursor:"pointer",whiteSpace:"nowrap"}}>
        {filterLabels[f]}
      </button>
    ))}
  </div>

  {/* Grid */}
  <div style={{padding:"0 32px 60px"}}>
    <div style={{display:"flex",alignItems:"center",gap:14,padding:"28px 0 14px"}}>
      <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:8,letterSpacing:5,color:"#5a5a5a",textTransform:"uppercase",whiteSpace:"nowrap"}}>The Collection</span>
      <div style={{flex:1,height:1,background:"#1c1c1c"}}/>
      <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:9,color:"#2a2a2a"}}>{filtered.length} showing</span>
    </div>

    {filtered.length === 0 ? (
      <div style={{padding:"60px 0",fontFamily:"'JetBrains Mono',monospace",fontSize:11,letterSpacing:4,color:"#2a2a2a",textTransform:"uppercase"}}>No results found</div>
    ) : (
      <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fill,minmax(260px,1fr))",gap:1,background:"#1c1c1c"}}>
        {filtered.map((anime, i) => (
          <Card key={anime.t} anime={anime} open={openIdx === anime.t}
            onClick={() => setOpenIdx(openIdx === anime.t ? null : anime.t)}
          />
        ))}
      </div>
    )}
  </div>

  {/* Footer */}
  <div style={{borderTop:"1px solid #1c1c1c",padding:"22px 32px",display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:10}}>
    <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:8,letterSpacing:3,color:"#2a2a2a",textTransform:"uppercase"}}>@theviolentway — personal file</span>
    <span style={{fontStyle:"italic",fontSize:14,color:"#5a5a5a"}}>"The violent take it by force." — Matt. 11:12</span>
  </div>
</div>
```

);
}