/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--bg:#08080b;--panel:#17171d;--white:#fff;--pink:#fe2c55;--cyan:#25f4ee;--muted:#a5a5af}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-noto), "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;margin:0}a{color:inherit}main{background:radial-gradient(circle at 86% 5%, #fe2c5538, transparent 24%), radial-gradient(circle at 4% 22%, #25f4ee26, transparent 26%), var(--bg);min-height:100vh;position:relative;overflow:hidden}.noise{pointer-events:none;opacity:.16;z-index:10;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{width:min(100%,720px);margin:0 auto;padding:24px 20px 72px;position:relative}.shell:before,.shell:after{content:"";filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.shell:before{border:2px solid var(--pink);width:180px;height:180px;top:-104px;right:-82px;box-shadow:0 0 38px #fe2c557a}.shell:after{border:2px solid var(--cyan);width:120px;height:120px;top:122px;left:-92px;box-shadow:0 0 36px #25f4ee66}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding:62px 4px 86px;display:flex;position:relative}.avatar{background:linear-gradient(135deg, var(--cyan) 0 48%, var(--pink) 48% 100%);width:94px;height:94px;color:var(--white);box-shadow:-7px 0 0 var(--cyan), 7px 0 0 var(--pink), 0 0 38px #ffffff1a;border-radius:50%;place-items:center;margin-bottom:34px;display:grid;transform:rotate(-4deg)}.avatar span{text-shadow:3px 3px #000;font-size:46px;font-weight:900;transform:rotate(4deg)}.eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.18em;background:var(--white);color:#07070a;box-shadow:4px 4px 0 var(--pink), -4px -4px 0 var(--cyan);align-items:center;gap:9px;margin-bottom:19px;padding:7px 12px;font-size:11px;font-weight:700;display:flex;transform:rotate(-2deg)}.eyebrow span{background:var(--pink);width:9px;height:9px;box-shadow:-3px 0 0 var(--cyan);border-radius:50%}h1{letter-spacing:-.075em;text-shadow:-4px 0 0 var(--cyan), 4px 0 0 var(--pink);margin:0;font-size:clamp(56px,14vw,96px);font-weight:900;line-height:.93}h1 em{color:var(--white);font-style:normal}.intro{letter-spacing:.04em;color:#d7d7dc;margin:30px 0 0;font-size:14px;font-weight:700;line-height:1.9}.scroll-hint{font:700 9px/1 var(--font-mono), monospace;letter-spacing:.2em;color:var(--cyan);align-items:center;gap:10px;display:flex;position:absolute;bottom:28px}.scroll-hint i{background:linear-gradient(90deg, var(--cyan), var(--pink));width:38px;height:1px;display:block}.latest,.methods{margin:28px 0 64px}.methods{margin-top:0}.section-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading span{background:var(--pink);color:#fff;font:800 9px/1 var(--font-mono), monospace;letter-spacing:.12em;box-shadow:3px 3px 0 var(--cyan);padding:6px 9px 5px}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:20px;font-weight:900}.section-heading i{background:linear-gradient(90deg, var(--pink), var(--cyan));flex:1;height:2px}.video-card,.method-card{color:#fff;border:2px solid var(--white);background:#111;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.video-card{box-shadow:-7px 7px 0 var(--cyan), 7px -7px 0 var(--pink)}.video-card img,.method-card img{width:100%;height:auto;transition:transform .3s,opacity .3s;display:block}.video-card:after,.method-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#000000c7);position:absolute;inset:0}:is(.video-card:hover,.video-card:focus-visible,.method-card:hover,.method-card:focus-visible){outline:none;transform:scale(.985)}:is(.video-card:hover img,.video-card:focus-visible img,.method-card:hover img,.method-card:focus-visible img){opacity:.84;transform:scale(1.025)}.play{background:var(--pink);z-index:1;width:68px;height:68px;box-shadow:-5px 3px 0 var(--cyan);border:3px solid #fff;border-radius:50%;place-items:center;padding-left:5px;font-size:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watch{z-index:1;font:700 9px/1 var(--font-mono), monospace;letter-spacing:.12em;position:absolute;bottom:13px;left:16px}.watch b{margin-left:6px;font-size:15px}.method-list{gap:26px;display:grid}.method-card{box-shadow:7px 7px 0 var(--pink);text-decoration:none}.method-card:nth-child(2n){box-shadow:-7px 7px 0 var(--cyan)}.method-card img{aspect-ratio:1.85;object-fit:cover}.method-label{z-index:1;color:#fff;letter-spacing:.02em;text-shadow:0 2px 8px #000;font-size:14px;font-weight:900;position:absolute;bottom:12px;left:14px}.method-label b{font:700 9px/1 var(--font-mono), monospace;color:#08080b;background:var(--cyan);text-shadow:none;margin-right:9px;padding:5px 7px 4px}.method-card:nth-child(2n) .method-label b{background:var(--pink);color:#fff}.method-arrow{z-index:1;color:#fff;font-size:24px;position:absolute;bottom:8px;right:14px}.link-list{gap:16px;display:grid}.link-card{background:var(--panel);min-height:110px;box-shadow:5px 5px 0 var(--pink);border:1.5px solid #34343e;grid-template-columns:58px 1fr;align-items:center;gap:16px;padding:18px 54px 18px 17px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative}.link-card:nth-child(2n){box-shadow:-5px 5px 0 var(--cyan)}:is(.link-card:hover,.link-card:focus-visible){border-color:var(--white);outline:none;transform:translateY(-3px)}.link-card.featured{background:linear-gradient(110deg, var(--pink), #b61670);color:var(--white);border-color:var(--white);box-shadow:-6px 6px 0 var(--cyan)}.mark{width:56px;height:56px;font:800 11px/1 var(--font-mono), monospace;letter-spacing:-.03em;border:2px solid;border-radius:50%;place-items:center;display:grid}.mark.ink{color:#fff;box-shadow:-3px 0 var(--cyan), 3px 0 var(--pink);background:#000}.mark.paper{color:#111;background:#fff}.mark.red{background:var(--pink);color:#fff;border-color:#fff}.mark.green{color:#081c10;background:#28cf68;border-color:#fff}.mark.blue{color:#fff;background:#3578e5;border-color:#fff}.mark.yellow{color:#171713;background:#f5c74c}.mark.lavender{color:#171713;background:#a995e8}.link-copy{min-width:0}.link-copy strong{letter-spacing:-.035em;font-size:20px;line-height:1.25;display:block}.link-copy small{color:var(--muted);letter-spacing:.04em;margin-top:7px;font-size:11px;display:block}.featured .link-copy small{color:#ffffffc7}.arrow{color:var(--cyan);font-size:23px;font-weight:700;position:absolute;top:17px;right:18px}.featured .arrow{color:#fff}.number{font:700 9px/1 var(--font-mono), monospace;opacity:.45;letter-spacing:.1em;position:absolute;bottom:14px;right:18px}.pick{background:var(--cyan);color:#07070a;font:800 8px/1 var(--font-mono), monospace;letter-spacing:.12em;padding:5px 8px 4px;position:absolute;top:-9px;left:18px}footer{border-top:2px solid #0000;border-image:linear-gradient(90deg, var(--cyan), var(--pink)) 1;flex-direction:column;align-items:flex-start;margin-top:78px;padding-top:44px;display:flex}footer p{letter-spacing:-.06em;text-shadow:-2px 0 var(--cyan), 2px 0 var(--pink);margin:0 0 24px;font-size:clamp(26px,7vw,40px);font-weight:900}footer>a{background:var(--pink);color:#fff;box-shadow:-5px 5px 0 var(--cyan);border:2px solid #fff;padding:15px 22px;font-weight:900;text-decoration:none;transition:transform .18s}:is(footer>a:hover,footer>a:focus-visible){outline:none;transform:translate(3px,3px)}footer>a span{margin-left:20px}footer small{font:600 9px/1.4 var(--font-mono), monospace;letter-spacing:.13em;color:var(--muted);margin-top:64px}@media (min-width:680px){.shell{padding-inline:36px}.hero{min-height:720px}.link-card{grid-template-columns:66px 1fr;gap:22px;min-height:122px;padding-left:24px}.mark{width:64px;height:64px}.link-copy strong{font-size:24px}.link-copy small{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link-card,.video-card,.video-card img,.method-card,.method-card img,footer>a{transition:none}}
