Claude Opus 4.8

Silky, whisper-quiet water your cat will love. This stainless-steel fountain resists bacteria and rust while staying easy to clean, unlike plastic bowls. A layered filter keeps water fresh and tasty, encouraging shy drinkers to sip more and stay hydrated. The generous reservoir means fewer refills for you. Give your feline the pure, flowing water they deserve today.

{"name": "AquaPur X2 Trinkbrunnen", "brand": "PetFlow", "price_eur": 29.99, "weight_g": 800, "features": ["Dreifach-Filter", "extrem leises 2-Watt-Pumpsystem", "spuelmaschinenfester Edelstahlaufsatz"], "in_stock": false}

[{"id":1,"sentiment":"positive"},{"id":2,"sentiment":"negative"},{"id":3,"sentiment":"neutral"},{"id":4,"sentiment":"negative"},{"id":5,"sentiment":"positive"},{"id":6,"sentiment":"neutral"},{"id":7,"sentiment":"neutral"},{"id":8,"sentiment":"negative"},{"id":9,"sentiment":"positive"},{"id":10,"sentiment":"neutral"}]

That's old news — the early bird catches the worm, and those who come late get what they deserve. We pulled the cart out of the mud, but now we mustn't put the cart before the horse.
---
Probieren geht über Studieren: Unser knappes Budget zwang uns, hier und da Abstriche zu machen, und trotzdem lief der Launch reibungslos über die Bühne.

1. ^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$
2. SELECT customer_id, SUM(amount) AS total FROM orders GROUP BY customer_id ORDER BY total DESC LIMIT 5;
3. [.items[].id]
4. nav a[href^="http"]
5. awk '{print $1}' access.log | sort -u | wc -l

1. Canberra
2. 1989
3. W
4. I'm a teapot
5. Franz Kafka
6. Saturn
7. 101010
8. 443
9. Linus Torvalds
10. 97

1. Frisches Wasser, das Ihre Katze liebt.
2. Frisch gebacken, mit Liebe gemacht.
3. Vergleiche jedes KI-Modell an einem Ort.
4. Stille hoeren. Alles andere ausblenden.
5. Ein Passwort. Alle sicher.

1. Photorealistic ergonomic gaming chair, sleek black-and-red mesh, in a neon-lit streaming room, purple and cyan RGB glow, dual monitors softly bokeh in background, cinematic lighting, ultra-detailed, 4k.
2. Photorealistic craft gin bottle on a polished wooden bar, moody evening light, warm amber glow, condensation droplets, botanicals nearby, shallow depth of field, cinematic atmosphere, ultra-detailed, 4k.
3. Photorealistic e-scooter leaning against a vibrant graffiti wall, urban morning light, soft golden sunrise, wet pavement reflections, empty city street, cinematic mood, sharp detail, 4k.

1. HydroPing — Sip smarter, stay hydrated
2. AquaNudge — Your gentle drink reminder
3. PulseFlask — Never forget to drink
4. DropWise — Hydration that taps you
5. SipSync — Water reminders that flow

```html
<div class="spinner"></div>
<style>
.spinner {
  width: 48px;
  height: 48px;
  border: 5px solid #e0e0e0;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
</style>
```

Ein Akku ist wie ein Sparschwein, aber statt Münzen speichert er Strom. Wenn du dein Handy auflädst, steckst du Energie hinein, so wie du Münzen ins Sparschwein wirfst. Beim Benutzen holt das Handy die Energie wieder heraus, bis das Sparschwein leer ist. Dann füllst du es beim nächsten Laden einfach wieder auf.

Ich ziehe aus der Kiste mit dem Etikett "Gemischt", denn da dieses Etikett falsch ist, enthält sie sortenrein nur eine Fruchtart. Ziehe ich z. B. einen Apfel, ist dies die "Äpfel"-Kiste. Die mit "Birnen" beschriftete Kiste kann dann keine Birnen (Etikett falsch) und keine Äpfel (schon vergeben) enthalten, ist also "Gemischt". Die mit "Äpfel" beschriftete Kiste erhält folglich das Etikett "Birnen".

1. Sehr geehrte Damen und Herren, wir müssen Ihnen leider mitteilen, dass wir den vereinbarten Liefertermin nicht einhalten können, und bitten dies zu entschuldigen.
2. Update: Der Liefertermin ist nicht zu halten.
3. Sorry, das mit dem Liefertermin wird bei uns leider nix.

1. VitaSip
2. 830
3. PureFlow
4. 19,51
5. 3

{"name": "Trinkflasche Pro", "price": 29.90, "tags": ["outdoor", "sport"], "stock": {"berlin": 12, "muenchen": 7, "hamburg": null}, "active": true}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Sorting Race</title>
<style>
body{background:#0f172a;color:#e2e8f0;font-family:system-ui,sans-serif;margin:0;padding:20px;text-align:center}
h1{font-size:20px;margin:0 0 16px}
.race{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.panel{background:#1e293b;border-radius:10px;padding:12px;width:260px}
.panel h2{font-size:14px;margin:0 0 8px}
canvas{background:#0f172a;border-radius:6px;width:100%;height:150px}
.done{color:#34d399;font-weight:bold;height:18px;font-size:13px}
</style>
</head>
<body>
<h1>Sorting Race \u2014 40 values</h1>
<div class="race">
<div class="panel"><h2>Bubble Sort</h2><canvas id="c0" width="240" height="150"></canvas><div class="done" id="d0"></div></div>
<div class="panel"><h2>Insertion Sort</h2><canvas id="c1" width …

Excerpt — the full answer is on the round page.

<!doctype html><html><head><meta charset="utf-8"><title>Hexagon Balls</title>
<style>body{margin:0;background:#111;display:flex;justify-content:center;align-items:center;height:100vh}canvas{background:#000}</style>
</head><body>
<canvas id="c" width="600" height="600"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),x=cv.getContext(&#x27;2d&#x27;);
const cx=300,cy=300,R=250,g=0.25,N=6;
let ang=0,omega=0.007;
const cols=[&#x27;#ff4757&#x27;,&#x27;#ffa502&#x27;,&#x27;#2ed573&#x27;,&#x27;#1e90ff&#x27;,&#x27;#eccc68&#x27;,&#x27;#ff6b81&#x27;,&#x27;#7bed9f&#x27;,&#x27;#70a1ff&#x27;];
let balls=[];
for(let i=0;i<8;i++){balls.push({x:cx+(Math.random()-0.5)*220,y:cy+(Math.random()-0.5)*220,vx:(Math.random()-0.5)*5,vy:(Math.random()-0.5)*5,r:14,c:cols[i]});}
function verts(){let v=[];for(let i=0;i<N;i++){let a=ang+i*Math.PI/3;v.push([cx+R*Math.cos(a),cy+R*Math.sin(a)]);}return v …

Excerpt — the full answer is on the round page.

<!doctype html><html><head><meta charset="utf-8"><title>Pendulum Wave</title>
<style>body{margin:0;background:#0d0d1a;display:flex;justify-content:center;align-items:center;height:100vh}canvas{background:#0d0d1a}</style>
</head><body>
<canvas id="c" width="700" height="560"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),x=cv.getContext(&#x27;2d&#x27;);
const N=15,cycle=30,base=20,amp=0.55,py0=50,k=178;
let pend=[];
for(let i=0;i<N;i++){let f=(base+i)/cycle;pend.push({f:f,L:k/(f*f),px:80+i*38,hue:i/N*300});}
let t0=performance.now();
function loop(now){
 let t=(now-t0)/1000;
 x.clearRect(0,0,700,560);
 x.fillStyle=&#x27;#444&#x27;;x.fillRect(60,py0-4,600,4);
 for(let p of pend){
  let th=amp*Math.cos(2*Math.PI*p.f*t);
  let bx=p.px+p.L*Math.sin(th),by=py0+p.L*Math.cos(th);
  x.strokeStyle=&#x27;rgba(255,255,255,0.25)&#x27;;x.lineWidth=1;
  x.beginPath();x.moveTo(p.px,p …

Excerpt — the full answer is on the round page.

<!doctype html><html><head><meta charset="utf-8"><title>Pathfinding Race</title>
<style>body{margin:0;background:#111;color:#eee;font-family:sans-serif;text-align:center}
.row{display:flex;justify-content:center;gap:20px;margin-top:10px}
.p{display:inline-block}canvas{background:#000}h3{margin:6px}</style>
</head><body>
<h2>BFS vs DFS vs A*</h2>
<div class="row" id="row"></div>
<script>
const G=25,CS=12,W=G*CS;
let grid;
function nbrs(c){let x=c%G,y=(c-x)/G,r=[];
 if(x>0)r.push(c-1);if(x<G-1)r.push(c+1);if(y>0)r.push(c-G);if(y<G-1)r.push(c+G);
 return r.filter(n=>grid[n]===0);}
function solvable(){let q=[0],s=new Set([0]);while(q.length){let c=q.shift();if(c===G*G-1)return true;for(let n of nbrs(c))if(!s.has(n)){s.add(n);q.push(n);}}return false;}
function genMaze(){while(true){grid=[];for(let i=0;i<G*G;i++)grid.push(Math.random()<0.28?1:0);grid[0]=0;grid[G*G-1]=0;if(solvable())return;}} …

Excerpt — the full answer is on the round page.

<!doctype html><html><head><meta charset="utf-8"><title>Sorting Race</title>
<style>body{margin:0;background:#111;color:#eee;font-family:sans-serif;text-align:center}canvas{background:#111}</style>
</head><body>
<h2>Quicksort vs Mergesort vs Heapsort</h2>
<canvas id="c" width="960" height="320"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),x=cv.getContext(&#x27;2d&#x27;);
const N=60;
function qsort(a,rec){function sw(i,j){let t=a[i];a[i]=a[j];a[j]=t;rec.push({i,v:a[i]});rec.push({i:j,v:a[j]});}
 function qs(lo,hi){if(lo>=hi)return;let p=a[hi],i=lo;for(let j=lo;j<hi;j++)if(a[j]<p){sw(i,j);i++;}sw(i,hi);qs(lo,i-1);qs(i+1,hi);}qs(0,a.length-1);}
function msort(a,rec){let tmp=a.slice();function ms(lo,hi){if(hi-lo<2)return;let m=(lo+hi)>>1;ms(lo,m);ms(m,hi);
 let i=lo,j=m,k=lo;while(i<m&&j<hi)tmp[k++]=a[i]<=a[j]?a[i++]:a[j++];while(i<m)tmp[k++]=a[i++];while(j<hi)tmp[k++]= …

Excerpt — the full answer is on the round page.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Projectile Motion</title>
<style>html,body{margin:0;background:#0b1020;overflow:hidden}canvas{display:block}</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),ctx=cv.getContext(&#x27;2d&#x27;);
let W,H,ground;
function resize(){W=cv.width=innerWidth;H=cv.height=innerHeight;ground=H-60;}
addEventListener(&#x27;resize&#x27;,resize);resize();
const angles=[20,34,48,61,75],speed=Math.min(W,H)*0.9,g=400,ox=80;
const colors=[&#x27;#ff5a5f&#x27;,&#x27;#ffb703&#x27;,&#x27;#8ecae6&#x27;,&#x27;#90ee90&#x27;,&#x27;#c77dff&#x27;];
let balls=[];
function reset(){oy=ground;balls=angles.map((a,i)=>{const r=a*Math.PI/180;return{x:ox,y:ground,vx:Math.cos(r)*speed,vy:-Math.sin(r)*speed,trail:[],landed:false,land:0,c …

Excerpt — the full answer is on the round page.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Double Pendulum Chaos</title>
<style>html,body{margin:0;background:#05070f;overflow:hidden}canvas{display:block}</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),ctx=cv.getContext(&#x27;2d&#x27;);
let W,H,cx,cy;
function resize(){W=cv.width=innerWidth;H=cv.height=innerHeight;cx=W/2;cy=H/2-100;}
addEventListener(&#x27;resize&#x27;,resize);resize();
const L1=140,L2=140,m1=12,m2=12,g=1;
function mk(a1){return{a1,a2:a1,p1:0,p2:0,trail:[]};}
const pends=[{s:mk(2.0),c:&#x27;#ff4d6d&#x27;},{s:mk(2.001),c:&#x27;#4dd2ff&#x27;}];
function acc(s){const{a1,a2,p1,p2}=s;
 const d=a1-a2,sd=Math.sin(d),cd=Math.cos(d);
 const den=m1+m2*sd*sd;
 const a1a=(-g*(2*m1+m2)*Math.sin(a1)-m2*g*Math.sin(a1-2*a2)-2*sd*m2*(p2 …

Excerpt — the full answer is on the round page.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Particle Fountain</title>
<style>html,body{margin:0;background:#050810;overflow:hidden;font-family:sans-serif}
canvas{display:block}#ui{position:fixed;top:10px;left:10px;color:#9cf}</style>
</head>
<body>
<div id="ui">Wind <input id="wind" type="range" min="-200" max="200" value="0"></div>
<canvas id="c"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),ctx=cv.getContext(&#x27;2d&#x27;),wind=document.getElementById(&#x27;wind&#x27;);
let W,H;
function resize(){W=cv.width=innerWidth;H=cv.height=innerHeight;}
addEventListener(&#x27;resize&#x27;,resize);resize();
const g=300,N=200,P=[];
function spawn(p){p.x=W/2;p.y=H-10;p.vx=(Math.random()-0.5)*80;p.vy=-(300+Math.random()*250);p.life=1;p.h=180+Math.random()*80;}
for(let i=0;i<N;i++){P.pu …

Excerpt — the full answer is on the round page.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Orbital Mechanics</title>
<style>html,body{margin:0;background:#02040a;overflow:hidden}canvas{display:block}</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),ctx=cv.getContext(&#x27;2d&#x27;);
let W,H,cx,cy;
function resize(){W=cv.width=innerWidth;H=cv.height=innerHeight;cx=W/2;cy=H/2;}
addEventListener(&#x27;resize&#x27;,resize);resize();
const G=2000,M=1000;
function body(r,c,ecc){const v=Math.sqrt(G*M/r)*(ecc||1);return{x:r,y:0,vx:0,vy:v,c,trail:[]};}
const bodies=[body(70,&#x27;#8ecae6&#x27;),body(120,&#x27;#90ee90&#x27;),body(180,&#x27;#ffb703&#x27;),body(90,&#x27;#ff5a5f&#x27;,0.55)];
const dt=0.05;
function grav(b){for(let k=0;k<4;k++){const r2=b.x*b.x+b.y*b.y,r=Math.sqrt(r2),a=G*M/r2;b.vx- …

Excerpt — the full answer is on the round page.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Spring-Mass Chain</title>
<style>html,body{margin:0;background:#0a0e1a;overflow:hidden}canvas{display:block;cursor:grab}</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
const cv=document.getElementById(&#x27;c&#x27;),ctx=cv.getContext(&#x27;2d&#x27;);
let W,H;
function resize(){W=cv.width=innerWidth;H=cv.height=innerHeight;init();}
const N=12,k=0.25,damp=0.96,rest=0;let m=[],restLen,grab=-1,mx=0,my=0;
function init(){restLen=W*0.7/(N-1);const y=H/2,x0=W*0.15;m=[];for(let i=0;i<N;i++)m.push({x:x0+i*restLen,y,vx:0,vy:0,anchor:i==0||i==N-1});}
addEventListener(&#x27;resize&#x27;,resize);resize();
cv.onmousedown=e=>{for(let i=0;i<N;i++){if(m[i].anchor)continue;if(Math.hypot(e.clientX-m[i].x,e.clientY-m[i].y)<16){grab=i;break;}}mx=e.clientX;my=e.cl …

Excerpt — the full answer is on the round page.

Der Ball kostet 0,05 Euro. Wäre der Ball 0,10 €, müsste der Schläger 1,10 € kosten (1 € mehr) — zusammen 1,20 €, das ist zu viel. Mit Ball = 0,05 € und Schläger = 1,05 € stimmt beides: Differenz 1,00 € und Summe 1,10 €.

Position 1: grün, Position 2: rot, Position 3: blau, Position 4: gelb. Grün ist per Hinweis (2) auf 1 fixiert. Aus (1) rot direkt links von blau und (3) gelb direkt rechts von blau folgt der Block rot–blau–gelb; er passt nur auf die Positionen 2–3–4.

1) to bite the bullet → in den sauren Apfel beißen
2) the ball is in your court → du bist am Zug / jetzt liegt es an dir
3) it's raining cats and dogs → es gießt wie aus Eimern / es schüttet wie aus Kübeln

1. Bambus statt Plastik — täglich frisch.
2. Putzt gründlich, verschwindet spurlos.
3. Dein Lächeln, ohne schlechtes Gewissen.