.newcomer-dialog { box-sizing:border-box; width:min(360px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 48px); padding:14px; margin:auto; border:1px solid #ffd0df; border-radius:0; background:white; color:#303642; overflow:hidden; font-family:inherit; }
.newcomer-dialog[open] { display:flex; flex-direction:column; gap:10px; }
.newcomer-dialog::backdrop { background:#101b3088; }
.newcomer-dialog [hidden] { display:none !important; }
#home-newcomer-gift-entry[hidden],#home-newcomer-tasks-entry[hidden] { display:none !important; }
.newcomer-dialog header,.newcomer-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; }
.newcomer-dialog h2 { margin:0; font-size:20px; }
.newcomer-dialog button { border:1px solid #ff6794; color:#ff5188; background:white; border-radius:0; padding:8px 12px; min-height:44px; font:inherit; font-size:14px; cursor:pointer; }
.newcomer-dialog button:disabled { opacity:.5; cursor:default; }
.newcomer-dialog [data-newcomer-close] { box-sizing:border-box; flex:0 0 44px; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; display:grid; place-items:center; font-size:22px; line-height:1; }
.newcomer-dialog [data-newcomer-claim] { background:#ff6794; color:white; }
.newcomer-body { overflow:auto; min-height:0; overscroll-behavior:contain; scrollbar-width:none; touch-action:pan-y; }
.newcomer-body::-webkit-scrollbar { display:none; }
.newcomer-dialog.is-tasks { height:min(480px,calc(100dvh - 48px)); }
.newcomer-dialog:not(.is-tasks){height:min(286px,calc(100dvh - 48px));overflow-anchor:none}
.newcomer-dialog:not(.is-tasks) .newcomer-body{flex:1}
.newcomer-dialog:not(.is-tasks) [data-newcomer-status]{height:40px;min-height:40px;overflow:auto;overflow-wrap:anywhere}
.newcomer-dialog:not(.is-tasks) [data-newcomer-claim]{min-width:100px}
.newcomer-task { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:36px; padding:4px 6px; border-bottom:1px solid #e3e5ea; font-size:14px; }
.newcomer-task strong { white-space:nowrap; color:#9298a3; font-size:13px; }
.newcomer-task>span{min-width:0;font-size:13px}
.newcomer-task-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.newcomer-dialog .newcomer-go{padding:4px 8px;min-height:32px;font-size:12px;white-space:nowrap}
.newcomer-guide{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px;margin:6px 0;background:#fff3f7;border:1px solid #ffd0df;color:#656d7b;font:12px/1.5 sans-serif;text-align:left;box-sizing:border-box;max-width:100%}
.newcomer-guide>span{flex:1;min-width:0}
.newcomer-guide button{flex-shrink:0;background:white;border:1px solid #ff6794;color:#ff5188;padding:6px;min-height:32px;font:inherit;cursor:pointer}
.newcomer-task.is-complete strong { color:#ff5188; }
.newcomer-gold { display:flex;align-items:center;justify-content:center;gap:8px;text-align:center; background:#fff3f7; padding:16px 12px; color:#ff5188; font-size:24px; font-weight:700; }
.newcomer-gold img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.newcomer-note,[data-newcomer-status] { color:#87909e; font-size:13px; line-height:1.5; margin:0; }
.newcomer-note { margin-bottom:10px; }
[data-newcomer-status] { min-height:20px; flex-shrink:0; }
.newcomer-dialog.is-tasks header h2{flex:1}
.newcomer-dialog .newcomer-reward-label{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;font-size:11px;color:#87909e}
.newcomer-dialog .newcomer-reward-icon{width:32px;height:36px;object-fit:contain;flex-shrink:0}