:root {
–bg: #f7f7fb;
–card: #ffffff;
–text-main: #222222;
–text-soft: #555555;
–accent: #e63946;
–border: #e4e4f0;
–shadow: 0 14px 32px rgba(0, 0, 0, 0.06);
–radius: 18px;
}

* {
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
}

body {
margin: 0;
padding: 0;
background: var(–bg);
color: var(–text-main);
}

.xmas-wrapper {
max-width: 900px;
margin: 0 auto;
padding: 16px 10px 40px;
}

.xmas-card {
background: var(–card);
border-radius: var(–radius);
border: 1px solid var(–border);
box-shadow: var(–shadow);
padding: 18px 14px 22px;
}

.xmas-thumb {
margin: 0 0 14px;
border-radius: 16px;
overflow: hidden;
}

.xmas-thumb img {
width: 100%;
display: block;
}

h1 {
font-size: 26px;
margin: 8px 0 6px;
font-weight: 800;
line-height: 1.3;
}

h2 {
font-size: 20px;
margin: 22px 0 8px;
font-weight: 700;
}

p {
font-size: 14px;
line-height: 1.8;
margin: 0 0 10px;
color: var(–text-soft);
}

.intro-tag {
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
border: 1px solid #ffd9df;
background: #fff4f6;
color: #c81e35;
font-size: 11px;
font-weight: 600;
margin-bottom: 8px;
}

.wish-list {
display: flex;
flex-direction: column;
gap: 10px;
}

.wish-card {
border-radius: 14px;
border: 1px solid #eee6ff;
padding: 10px 10px 8px;
background: #ffffff;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
}

.wish-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}

.wish-number {
font-size: 13px;
font-weight: 700;
color: var(–accent);
}

.wish-text {
font-size: 14px;
line-height: 1.7;
margin: 0 0 6px;
color: #333333;
}

.wish-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.wish-btn {
border-radius: 999px;
border: none;
padding: 5px 11px;
font-size: 12px;
cursor: pointer;
font-weight: 600;
background: var(–accent);
color: #ffffff;
}

.wish-btn.secondary {
background: #ffffff;
color: #444444;
border: 1px solid #e0e0e0;
}

.info-note {
font-size: 12px;
color: #777777;
margin-top: 8px;
}

.footer-note {
margin-top: 18px;
font-size: 13px;
color: #666666;
border-top: 1px dashed #e4e4f2;
padding-top: 10px;
}

@media (max-width: 600px) {
.xmas-card {
padding: 14px 10px 18px;
}
h1 {
font-size: 22px;
}
h2 {
font-size: 18px;
}
}