body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:#222;background:#fafafa}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #eee}
main{max-width:720px;margin:0 auto;padding:16px}
.panel{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px;margin:12px 0}
.hidden{display:none}
.error{color:#b00020}
.status{font-size:12px;padding:2px 6px;border-radius:4px;border:1px solid #ddd}
.status.ok{color:#0a0;border-color:#0a0}
.status.warn{color:#a60;border-color:#a60}
#activate-form{display:flex;gap:8px}
#activate-form input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid #ccc}
#activate-form button{padding:8px 12px}
.wish{list-style:none;border-top:1px solid #eee;padding:12px 0}
.wish:first-child{border-top:none}
.wish .title{font-weight:600}
.wish .desc{color:#555;margin:4px 0}
.wish .actions{display:flex;gap:8px;margin-top:8px}
.wish textarea{width:100%;min-height:60px;margin-top:8px}
.note-container{margin-top:8px}
.note-readonly{white-space:pre-wrap;color:#444;background:#f7f7f7;border:1px solid #eee;border-radius:6px;padding:8px}
.note-controls{display:flex;gap:8px;margin-top:6px}

.statusline.available {
	color: #080;
	font-weight: bold;
	font-size: 1.1em;
}
.statusline.redeemed {
	color: #b00;
	font-weight: bold;
	font-size: 1.1em;
}