:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#0f172a;line-height:1.5;font-weight:500}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#dbeafe,#f0f9ff 35%,#fdf2f8)}#root{min-height:100vh}.page{max-width:980px;margin:0 auto;padding:28px 20px 24px;display:grid;gap:16px}.panel{background:#ffffffd1;border:1px solid rgba(15,23,42,.09);border-radius:16px;box-shadow:0 10px 26px #0f172a14;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-panel h1{margin:0;font-size:28px}.task-text{margin:8px 0 4px;font-size:18px}.task-emoji{font-size:24px;margin-left:2px}.task-name{margin-left:6px;font-size:13px;color:#666;font-weight:500}.done-text{margin:0;color:#15803d;font-weight:700}.merge-panel h2,.inventory-panel h2{margin:0 0 12px;font-size:20px}.drop-zone{min-height:220px;border:3px dashed #64748b;border-radius:14px;display:flex;justify-content:center;align-items:center;background:#fff9;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.drop-zone.drag-over{border-color:#0ea5e9;background:#bae6fd73}.drop-zone.success{animation:pop .55s ease}.drop-zone.fail{animation:shakeOut .45s ease}.placeholder{color:#64748b;font-size:18px}.cauldron-list{display:flex;gap:20px}.cauldron-item{display:grid;place-items:center;gap:6px}.cauldron-emoji{font-size:64px;-webkit-user-select:none;user-select:none}.cauldron-name{font-size:13px;color:#666}.merge-actions{margin-top:12px;display:flex;gap:10px}.primary-btn,.ghost-btn{border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.primary-btn{background:#0ea5e9;color:#fff}.primary-btn:disabled{cursor:not-allowed;opacity:.45}.ghost-btn{background:#e2e8f0;color:#1e293b}.primary-btn:hover:not(:disabled),.ghost-btn:hover{transform:translateY(-1px)}.discover-text{margin:12px 0 0;font-size:16px;font-weight:700;color:#7c3aed}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.emoji-card{position:relative;width:100%;min-height:98px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;cursor:grab;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:grid;place-items:center;gap:2px;padding:10px 6px 8px}.emoji-card.can-drag:hover{transform:translateY(-2px);border-color:#38bdf8;box-shadow:0 6px 14px #38bdf838}.emoji-symbol{font-size:44px;line-height:1}.emoji-name{font-size:13px;line-height:1.2;color:#666;text-align:center;font-weight:500}.emoji-card:active{cursor:grabbing}.emoji-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 8px;border-radius:8px;background:#0f172ae6;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.emoji-card:hover .emoji-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shakeOut{0%{transform:translate(0);opacity:1}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-8px)}to{transform:translate(0);opacity:.2}}