:root{color-scheme:light}body{margin:0;padding:16px;background:#fffdf8}
#author{font:14px/1.9 system-ui,'Yu Gothic',sans-serif;color:#304653;max-width:700px;margin:auto}#author *{box-sizing:border-box}#author nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 24px}#author button{font:inherit;cursor:pointer;border:1px solid #bfd3dc;background:#f2f8fa;color:#315369;border-radius:8px;padding:11px 16px;min-height:44px}#author button[aria-current=step],#author .actions button{background:#315d72;color:#fff}#author label{display:block;margin:18px 0}#author input:not([type=checkbox]),#author textarea,#author select{display:block;font:inherit;font-size:16px;padding:12px;width:100%;max-width:100%;margin-top:7px;border:1px solid #bfd3dc;border-radius:8px;background:#fff;color:#304653}#author textarea{min-height:135px;line-height:1.9;resize:vertical}#author fieldset{min-width:0;border:1px solid #d9e4e7;border-radius:10px;margin:20px 0;padding:18px}#author legend{padding:0 8px;max-width:100%;overflow-wrap:anywhere}#author h2{font-size:25px;line-height:1.6}#author .check{display:flex;gap:10px;align-items:center}#author .actions{margin:24px 0}#author .error,#author #author-error{color:#963d2a}#author .save{padding:16px 0;border-top:1px solid #d9e4e7;font-size:12px}#author button:disabled{opacity:.5;cursor:wait}#author li{margin:8px 0}#author p{overflow-wrap:anywhere}

#author .author-photo{display:block;width:100%;height:180px;object-fit:contain;background:#edf4f5;border-radius:6px}
#author textarea::placeholder,#author input::placeholder{color:#8ba0ab;opacity:1}.birthday-field{background:#f5fbff}.birthday-selects{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.birthday-selects label{margin:0}.birthday-selects select{min-width:0}.add-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.add-row button{background:#fff7ee!important;color:#9b582d!important;border-color:#f0c69e!important}.entry-card{background:#fff}.remove-entry{font-size:12px!important;padding:8px 12px!important;background:#fff!important;color:#7d5d52!important}.empty-note{padding:18px;border:1px dashed #bdd4df;border-radius:12px;color:#6d8592}.quiz-card{border:2px solid #a7d5f0!important;background:linear-gradient(135deg,#f2fbff,#fff)}.quiz-card>p,.gift-card>p{font-size:12px;color:#5d7784;margin:0}.gift-card{background:#fff8ed}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px}.theme-card{padding:0!important;overflow:hidden;text-align:left;background:#fff!important;color:#315369!important}.theme-card.selected{outline:3px solid #549fd2;outline-offset:2px}.theme-card b{display:block;padding:9px 11px;font-size:12px}.theme-art{display:block;height:70px;background:linear-gradient(135deg,#224263,#f2b76e)}.theme-art.spring{background:radial-gradient(circle at 20% 30%,#fff 0 7%,transparent 8%),radial-gradient(circle at 70% 55%,#ffd5e4 0 11%,transparent 12%),linear-gradient(135deg,#f6d7e5,#dff5e3)}.theme-art.summer{background:linear-gradient(160deg,#87d5f8 0 55%,#e6d28c 56% 62%,#5ab5d9 63%)}.theme-art.autumn{background:radial-gradient(circle at 76% 32%,#ffd45c 0 10%,transparent 11%),linear-gradient(135deg,#7b3f24,#e8a74d)}.theme-art.winter{background:radial-gradient(circle,#fff 0 3%,transparent 4%) 0 0/24px 24px,linear-gradient(135deg,#c8e7fa,#6b9dca)}.theme-art.valentine{background:radial-gradient(circle at 50% 40%,#fff0f2 0 13%,transparent 14%),linear-gradient(135deg,#ff8ba6,#b91f55)}.theme-art.christmas{background:radial-gradient(circle at 50% 45%,#ffd764 0 8%,transparent 9%),linear-gradient(135deg,#1b5c46,#d94343)}.theme-art.halloween{background:radial-gradient(circle at 75% 25%,#ffc24a 0 10%,transparent 11%),linear-gradient(135deg,#2e2048,#df6e31)}.theme-art.comic{background:repeating-linear-gradient(135deg,#ffe449 0 8px,#1a5da7 8px 15px,#e94e45 15px 22px)}.theme-art.letter{background:repeating-linear-gradient(#fff8e9 0 15px,#d5e2e7 16px 17px)}.listen-button{background:#ecf8ff!important;color:#246486!important;border-color:#9ed0ea!important}.audio-note{font-size:12px;color:#607d8a}@media(max-width:480px){.birthday-selects{grid-template-columns:1fr 1fr 1fr;gap:6px}.birthday-selects select{font-size:14px!important;padding:10px!important}.theme-grid{grid-template-columns:1fr 1fr}.theme-art{height:58px}}
