* { box-sizing: border-box; }
:root { color-scheme: light; --text:#202630; --background:#f5f7fa; --glow:#dcecff; --card:#fff; --line:#dce2ea; --muted:#626d7d; --accent:#0874ec; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--text); background:var(--background); }
body { margin:0; min-height:100vh; min-height:100dvh; display:grid; place-items:center; background:radial-gradient(ellipse at 50% 0%,var(--glow),transparent 65%); }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.farewell { width:100%; max-width:850px; text-align:center; padding:40px 24px; }
.journey { display:flex; align-items:center; justify-content:center; gap:23px; margin-bottom:32px; }
.clipboard-mark,.brand-mark { width:62px; height:62px; border-radius:18px; display:grid; place-content:center; }
.clipboard-mark { color:var(--muted); background:var(--card); border:1px solid var(--line); transform:rotate(-7deg); }
.clipboard-mark svg { width:34px; height:34px; }
.brand-mark { grid-template-columns:repeat(2,15px); gap:5px; background:#202b3b; box-shadow:0 8px 28px #0874ec20; transform:rotate(7deg); }
.brand-mark i { width:15px; height:15px; border:2px solid #258fff; border-radius:4px; }
.brand-mark i:nth-child(2) { border-color:white; }
.journey-line { color:var(--muted); font-size:23px; }
.eyebrow { font-size:10px; font-weight:650; letter-spacing:2.3px; color:var(--muted); margin:0 0 19px; }
h1 { font-size:clamp(38px,7vw,66px); line-height:1.08; font-weight:650; letter-spacing:-2.6px; margin:0 0 25px; }
h1 span { color:var(--accent); }
.intro,.continuation { color:var(--muted); font-size:16px; line-height:1.7; margin:0 auto 16px; }
.continuation { margin-bottom:30px; }
strong { color:var(--text); font-weight:600; }
.actions { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
.primary,.secondary { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:13px 19px; border-radius:10px; font-size:14px; font-weight:550; min-height:46px; transition:background .15s,transform .15s; }
.primary { color:#fff; background:var(--accent); box-shadow:0 5px 18px #0874ec1a; }
.secondary { border:1px solid var(--line); background:var(--card); }
.primary:hover { filter:brightness(1.08); }
.secondary:hover { border-color:var(--accent); }
.version { font-size:12px; color:var(--muted); }
.note { font-size:12px; line-height:1.6; color:var(--muted); margin:17px 0 0; }
footer { margin-top:48px; font-size:12px; color:var(--muted); display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
footer a:hover,.back:hover { color:var(--accent); }
.history-page { display:block; }
.history { max-width:740px; margin:auto; padding:48px 24px; }
.back { display:inline-block; font-size:14px; color:var(--accent); margin-bottom:32px; }
.history h1 { font-size:42px; }
.history article { border-top:1px solid var(--line); padding:24px 0; }
.release-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
h2 { font-size:20px; margin:0; }
time { font-size:12px; color:var(--muted); }
article p { color:var(--muted); line-height:1.7; font-size:14px; }
article .back { margin:0; }
@media(prefers-color-scheme:dark) { :root { color-scheme:dark; --text:#eef2f7; --background:#171a20; --glow:#203148; --card:#22262d; --line:#3d444e; --muted:#a5adba; --accent:#398cf5; } }
@media(max-width:480px) { .farewell { padding:28px 20px; } h1 { letter-spacing:-1.6px; } .desktop-break { display:none; } .intro,.continuation { font-size:14px; } .actions { flex-direction:column; } .actions a { width:100%; max-width:310px; } footer { margin-top:30px; gap:8px; } }
@media(max-height:700px) { .farewell { padding-top:22px; padding-bottom:22px; } .journey { margin-bottom:20px; } footer { margin-top:24px; } }
@media(prefers-reduced-motion:reduce) { * { transition:none !important; } }