Ambot

Sorryy Baby — Marco

:root{
--bg: #1e0f3e;
--card: #2b1b58;
--accent: #9b30ff;
--text: #f3e8ff;
}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;}
body{
background: radial-gradient(circle at 20% 20%, rgba(155,48,255,0.1), transparent 10%),
linear-gradient(180deg, #120b2f 0%, #1d093f 100%);
display:flex;align-items:center;justify-content:center;color:var(--text);
}
.card{
width: min(560px, 92%);
background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
border-radius:18px;padding:28px;
box-shadow: 0 10px 30px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
display:grid;gap:16px;place-items:center;
}
.title{font-size:22px;font-weight:700;letter-spacing:0.2px;}
.message{
width:100%;
min-height:100px;
font-size:18px;
line-height:1.5;
background: rgba(255,255,255,0.03);
padding:18px;border-radius:12px;
box-sizing:border-box;
color:var(--text);
font-family: "Georgia", serif;
white-space:pre-wrap;
}
.controls{display:flex;gap:10px;}
.btn{
padding:8px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:600;
background:transparent;color:var(--text);outline:1px solid rgba(255,255,255,0.06);
}
.btn.primary{
background: var(--accent);
color: #ffffff;
box-shadow:0 6px 18px rgba(155,48,255,0.4);
outline: none;
}
.heart{
width:48px;height:48px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:var(--accent);
transform-origin:center;
animation: pulse 1.6s infinite ease-in-out;
box-shadow: 0 6px 18px rgba(155,48,255,0.3);
}
.heart svg{width:22px;height:22px;filter:drop-shadow(0 2px 6px rgba(155,48,255,0.3));}
@keyframes pulse{
0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}
}
.meta{font-size:12px;color:rgba(243,232,255,0.6)}
.muted{color:rgba(243,232,255,0.6);font-size:13px}
footer{width:100%;display:flex;justify-content:space-between;align-items:center}
.small-note{font-size:12px;color:rgba(243,232,255,0.55)}

const raw = "baby sorry na i wont bring up ur past anymore, itsz oky if my iban kna me understand, sorreyyy, kong natak an kana skon, itz okiii mah parents tak an to me too, so ssorrryyy ☹️☹️☹️";

const gentle = "Baby, I’m really sorry. I won’t bring up your past anymore. It’s okay if you don’t understand me yet. I feel bad if I hurt you. I promise your feelings always matter to me. 💜";

const out = document.getElementById('message');
const revealBtn = document.getElementById('revealBtn');
const copyBtn = document.getElementById('copyBtn');
const gentleBtn = document.getElementById('gentleBtn');

function typeText(text, speed = 30, callback){
out.textContent = "";
let i = 0;
const timer = setInterval(()=> {
out.textContent += text.charAt(i);
i++;

Die Nutzlast ist ein eingebettetes, unvollständiges HTML-Dokument und keine definierte Repository-Aufgabe; kläre zunächst, ob sie für codespaces-jupyter bestimmt ist und ob eine Repository-Datei angegeben ist. Es sind keine Abschlusskriterien oder Tests angegeben, daher muss das gewünschte Ergebnis geklärt werden, bevor mit der Arbeit begonnen werden kann.

Vom Indexierungsmodell aus dem Issue-Text verfasst.